/* 원본 카드 복원. 현재 제목 로고 스타일만 유지한다. */
#section-3 .usp-title-logo {display:inline-block;width:6em;max-width:48vw;vertical-align:baseline;margin-right:.18em;line-height:0;}
#section-3 .usp-title-logo svg {display:block;width:100%;height:auto;overflow:visible;fill:currentColor;}
@media(max-width:767px){#section-3 .usp-title-logo {width:5.5em;}}

/* 원본의 카드 비율·은색 우측 두께를 유지하고 실제 문구와 SVG를 분리한다. */
#section-3 .usp-card {position:relative;aspect-ratio:375/492;container-type:inline-size;isolation:isolate;padding:0;border:0;background:transparent url("assets/wagle/usp/resin-card-v3.webp") center/100% 100% no-repeat;color:#242a33;}
#section-3 .usp-card-face {position:absolute;inset:0 4.5% 0 0;isolation:isolate;}
#section-3 .usp-card-face::before {content:"";position:absolute;inset:1% 0;border-radius:10% / 8%;background:var(--usp-tint,transparent);mix-blend-mode:multiply;z-index:-1;}
#section-3 .usp-card--sales {--usp-tint:linear-gradient(145deg,#ffdfc280,#fff0 82%);}
#section-3 .usp-card--convert {--usp-tint:linear-gradient(155deg,#e78cff7a,#f7d6ff20);}
#section-3 .usp-card--spend {--usp-tint:linear-gradient(155deg,#69d7ff63,#ddf7ff20);}
#section-3 .usp-card--return {--usp-tint:linear-gradient(155deg,#9fe6ba8c,#e5fff220);}
#section-3 .usp-card--supply {--usp-tint:linear-gradient(155deg,#f6bf9580,#fff1e820);}
#section-3 .usp-card-chip {position:absolute;top:7.2%;left:8%;padding:.25em .85em;border:1.3px solid #4c5566;border-radius:99px;font:500 4.8cqw/1.25 var(--wt-family,Arial,sans-serif);letter-spacing:-.035em;white-space:nowrap;}
#section-3 .usp-visual {position:absolute;left:6%;right:6%;top:22%;height:43%;}
#section-3 .usp-visual svg {overflow:visible;}
#section-3 .usp-card-copy {position:absolute;left:5%;right:5%;top:71%;margin:0;text-align:center;font:500 5.35cqw/1.65 var(--wt-family,Arial,sans-serif);letter-spacing:-.04em;word-break:keep-all;}
#section-3 .visual-panel {transform-box:fill-box;transform-origin:center;}
#section-3 .usp-is-visible .visual-panel {animation:usp-panel-reveal 4.2s cubic-bezier(.22,.61,.36,1) infinite;}
#section-3 .usp-is-visible .visual-bars rect {transform-box:fill-box;transform-origin:50% 100%;animation:usp-bars-rise 4.2s ease-in-out infinite;}
#section-3 .usp-is-visible .visual-bars rect:nth-child(2) {animation-delay:.12s;}
#section-3 .usp-is-visible .visual-bars rect:nth-child(3) {animation-delay:.24s;}
#section-3 .usp-is-visible .visual-bars rect:nth-child(4) {animation-delay:.36s;}
#section-3 .usp-is-visible .visual-chart {stroke-dasharray:220;animation:usp-chart-reveal 4.2s ease-in-out infinite;}
#section-3 .usp-is-visible .visual-ring {animation:usp-ring-fill 4.2s ease-in-out infinite;}
#section-3 .usp-is-visible .visual-arrow {animation:usp-target-hit 4.2s ease-in-out infinite;}
#section-3 .usp-is-visible .visual-signal {animation:usp-signal 4.2s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
#section-3 .usp-is-visible .visual-stack-1 {animation-delay:.16s;}
#section-3 .usp-is-visible .visual-stack-2 {animation-delay:.32s;}
@keyframes usp-panel-reveal {0%,100%{transform:translateY(0)}24%{transform:translateY(-7px)}56%{transform:translateY(-2px)}}
@keyframes usp-bars-rise {0%,100%{transform:scaleY(1)}16%{transform:scaleY(.35)}52%,78%{transform:scaleY(1)}}
@keyframes usp-chart-reveal {0%,100%{stroke-dashoffset:0}12%{stroke-dashoffset:220}60%,85%{stroke-dashoffset:0}}
@keyframes usp-ring-fill {0%,100%{stroke-dasharray:63 390}18%{stroke-dasharray:2 390}58%,80%{stroke-dasharray:63 390}}
@keyframes usp-target-hit {0%,100%{transform:translate(0,0)}20%{transform:translate(12px,-12px);opacity:.4}50%,78%{transform:translate(0,0);opacity:1}}
@keyframes usp-signal {0%,100%{transform:scale(1)}60%{transform:scale(1.6)}78%{transform:scale(1)}}
@media(max-width:767px){#section-3 .usp-card{aspect-ratio:492/642;}#section-3 .usp-card-chip{font-size:5.5cqw;border-width:1px;}#section-3 .usp-visual{left:1%;right:1%;top:21%;height:44%;}#section-3 .usp-card-copy{top:68%;font-size:6.3cqw;line-height:1.55;}}
@media(prefers-reduced-motion:reduce){#section-3 .usp-card .wagle-visual *{animation:none!important;}}
html.wagle-loading #section-3 .wagle-visual *,html.wagle-page-hidden #section-3 .wagle-visual * {animation-play-state:paused!important;}