/* [코대리] WITYX 프리미엄 브랜드 경험의 반응형 화면·모션·접근성 스타일 */
@charset "UTF-8";
:root{--bg:#090d16;--panel:#111824;--panel-soft:#151e2b;--paper:#eeece6;--text:#f1f0ed;--muted:#a7b0be;--line:rgba(204,216,230,.14);--gold:#e0c493;--blue:#81badc;--ink:#1c2734;--shell:1280px;--font:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 var(--font);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%;height:auto}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{background:none;border:0}p,h1,h2,h3{margin:0}h1,h2,h3{font-weight:650;line-height:1.2;word-break:keep-all}p{word-break:keep-all;overflow-wrap:anywhere}h1,h2{letter-spacing:-.065em}h2{font-size:clamp(36px,4.1vw,58px)}h2 em{font-style:normal;color:var(--gold)}h3{font-size:23px;letter-spacing:-.035em}::selection{background:#dfc28f;color:#111722}[hidden]{display:none!important}.section-shell{width:min(var(--shell),calc(100% - 112px));margin-inline:auto}.section-space{padding-block:116px}.skip-link{position:fixed;top:-100px;left:20px;z-index:1000;background:var(--gold);color:#121923;padding:14px 22px;border-radius:8px}.skip-link:focus{top:15px}.eyebrow{display:flex;align-items:center;gap:14px;font:11px/1.6 var(--mono);letter-spacing:.13em;color:var(--gold);margin-bottom:26px}.eyebrow>span:first-child:not(.status-dot){color:var(--muted)}.mini-label,.edition-label{font:10px/1.6 var(--mono);letter-spacing:.15em;color:var(--muted)}.section-top{display:flex;justify-content:space-between;align-items:baseline}.section-top .eyebrow{margin-bottom:36px}.section-heading-row{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:52px}.section-intro{font-size:16px;line-height:1.9;color:var(--muted);max-width:390px}.section-footnote{font-size:12px;color:var(--muted);line-height:1.8;margin-top:26px}.text-link{display:inline-flex;align-items:center;gap:30px;padding:10px 0;border-bottom:1px solid currentColor;font-size:13px;font-weight:550;transition:color .2s,gap .2s}.text-link:hover{color:var(--gold);gap:37px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:13px 23px;border:1px solid transparent;border-radius:5px;font-size:13px;font-weight:650;line-height:1.5;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--gold);color:#15202b;box-shadow:0 0 25px rgba(224,196,147,.06)}.button-primary:hover{background:#eed9b3;box-shadow:0 8px 35px #d7ba8022}.button-ghost{border-color:var(--line);color:var(--text)}.button-ghost:hover{background:#ffffff0a}.play-triangle{display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.reading-progress{position:fixed;inset:0 0 auto;height:2px;z-index:150;background:transparent;pointer-events:none}.reading-progress span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--gold))}
/* 브랜드 탐색과 헤더 */
.site-header{position:sticky;top:0;z-index:80;background:#090d16e8;border-bottom:1px solid #c5d2df0d;backdrop-filter:blur(22px)}.nav-shell{width:min(1440px,calc(100% - 80px));height:83px;display:flex;align-items:center;justify-content:space-between;gap:28px;margin:auto}.wordmark{display:inline-flex;align-items:center;font-size:25px;font-weight:750;letter-spacing:-.065em;line-height:1}.wordmark-x{color:var(--gold)}.brand-glyph{position:relative;width:33px;height:34px;display:grid;place-items:center;font-size:21px;letter-spacing:-8px;padding-right:8px;color:var(--blue);margin-right:13px}.brand-glyph span{color:var(--gold);position:absolute;left:17px;top:13px;font-size:18px;letter-spacing:0}.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto;margin-right:35px}.desktop-nav a{font-size:12px;color:#c0c7d2;position:relative;padding:10px 0}.desktop-nav a::after{content:"";height:1px;background:var(--gold);position:absolute;bottom:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover::after,.desktop-nav a.is-current::after{transform:scaleX(1)}.desktop-nav a.is-current{color:var(--gold)}.nav-actions{display:flex;align-items:center;gap:23px}.language-switch{display:flex;align-items:center;gap:5px;font:10px var(--mono)}.language-switch button{min-height:44px;padding:7px;color:#7d8796;font-size:11px}.language-switch button[aria-pressed=true]{color:var(--text)}.language-switch>span{color:#48515f}.nav-cta{display:flex;align-items:center;gap:19px;padding:9px 16px;border:1px solid #7f8b9a66;border-radius:4px;font-size:11px;white-space:nowrap}.nav-cta:hover{border-color:var(--gold);color:var(--gold)}.menu-toggle{display:none;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;height:1px;background:var(--text);margin:7px 0}.mobile-menu{padding:15px 25px 30px;background:var(--panel);border-top:1px solid var(--line)}.mobile-menu a{display:block;padding:13px 6px;font-size:17px;border-bottom:1px solid var(--line)}
/* 시네마틱 실시간 궤도 */
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 76% 36%,#233b5024,transparent 52%),radial-gradient(ellipse at 45% 4%,#886b3210,transparent 46%)}.hero::before{content:"";position:absolute;inset:0;opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E")}.hero-grid{min-height:645px;display:grid;grid-template-columns:1fr 1.06fr;gap:10px;align-items:center;position:relative;padding-block:55px 42px}.hero-copy{z-index:2;padding-block:20px}.hero-copy .eyebrow{margin-bottom:32px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 12px #e0c49388;flex:none}.hero h1{font-size:clamp(48px,5.1vw,76px);line-height:1.24;letter-spacing:-.072em;font-weight:650;white-space:nowrap}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#f5e2b9 10%,#b39a77 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:19px;color:#d2d9e2;margin-top:27px;line-height:1.7;letter-spacing:-.035em}.hero-description{font-size:13px;color:#8996a6;margin-top:17px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:31px}.hero-note{font-size:10px;color:#8e97a5;margin-top:21px;line-height:1.8;max-width:450px}.hero-stage{position:relative;min-width:0;height:550px;isolation:isolate}.scene-grid{position:absolute;inset:0;background:linear-gradient(#92aec308 1px,transparent 1px),linear-gradient(90deg,#92aec308 1px,transparent 1px);background-size:66px 66px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.scene-aura{position:absolute;inset:20% 16%;background:radial-gradient(ellipse,#a6b0c21b,transparent 68%);filter:blur(28px)}#orbit-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-stage[data-canvas-state=fallback]::after,.hero-stage:has(canvas[data-canvas-state=fallback])::after{content:"WX";position:absolute;inset:26%;display:grid;place-items:center;border-radius:50%;border:3px solid #b29b74;box-shadow:0 0 80px #dfbb6230,inset 0 0 60px #e7cda822;background:linear-gradient(135deg,#555768,#121b2a);font-size:80px;font-weight:800;color:var(--gold)}.scene-label{position:absolute;font:9px/1.9 var(--mono);letter-spacing:.15em;color:#768596;transform:translate(var(--scene-x,0px),var(--scene-y,0px));pointer-events:none}.label-top{left:50%;top:30px;transform:translate(calc(-50% + var(--scene-x,0px)),var(--scene-y,0px));white-space:nowrap}.tiny-square{display:inline-block;width:4px;height:4px;background:var(--gold);margin-right:9px}.label-left{left:5%;top:37%;text-align:right}.label-right{right:2%;top:48%}.scene-label span:not(.tiny-square){color:#c8ab78;font-size:8px}.scene-stamp{position:absolute;left:50%;bottom:55px;transform:translateX(-50%);text-align:center}.scene-stamp>span{font:600 16px/1.8 var(--font);letter-spacing:.45em;padding-left:.45em;color:#cfb990}.scene-stamp small{display:block;font:7px var(--mono);letter-spacing:.2em;color:#718394;white-space:nowrap}.scene-bottom{position:absolute;bottom:13px;left:5%;right:1%;display:flex;justify-content:space-between;font:8px/1.6 var(--mono);color:#758293;letter-spacing:.08em}.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;padding-block:18px 27px;border-top:1px solid var(--line);font:9px/1.6 var(--mono);letter-spacing:.12em;color:#7e8b9c}.hero-bottom>p{font-size:9px}.scroll-cue{display:flex;gap:15px;align-items:center}.scroll-line{height:27px;width:1px;background:#2d3945;position:relative;overflow:hidden}.scroll-line::after{content:"";position:absolute;top:-100%;width:1px;height:100%;background:var(--gold);animation:scroll-cue 2.8s ease-in-out infinite}.motion-toggle{font:10px var(--font);letter-spacing:0;padding:12px 0;color:#aab5c4;min-width:100px;text-align:right}.motion-toggle:hover{color:var(--gold)}.network-bar{border-block:1px solid var(--line);background:#101621}.network-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:26px}.network-label{font:9px var(--mono);letter-spacing:.13em;color:#8693a2;margin-right:40px}.network-inner>a{font-size:21px;letter-spacing:.05em;font-weight:550;white-space:nowrap}.network-inner small{display:inline-block;font:10px var(--font);letter-spacing:0;color:#8b97a7;margin-left:18px}.network-inner a:hover{color:var(--gold)}.network-connector{width:9%;height:1px;background:linear-gradient(90deg,#8195a011,#c3b790,#8195a011);position:relative}.network-connector::after{content:"";position:absolute;width:4px;height:4px;right:0;top:-1.5px;background:var(--gold);transform:rotate(45deg)}
/* 비전과 실제 WITY 서비스 */
.vision-layout{display:grid;grid-template-columns:1fr 1fr;gap:110px}.vision-copy p{color:var(--muted);font-size:14px;line-height:1.95}.vision-copy .large-copy{font-size:20px;line-height:1.8;letter-spacing:-.025em;color:#d4d9df;margin-bottom:23px}.vision-copy strong{font-weight:600;color:var(--gold)}.vision-copy .text-link{margin-top:22px}.vision-principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:38px;margin-top:64px;gap:48px}.vision-principles>div{position:relative;padding-left:43px}.principle-icon{position:absolute;left:0;top:0;font-size:28px;line-height:1.2;color:var(--gold)}.vision-principles strong{font-size:15px;font-weight:550}.vision-principles p{font-size:12px;margin-top:7px;color:var(--muted)}.platform-section{background:var(--paper);color:var(--ink);overflow:hidden}.platform-section .eyebrow,.platform-section h2 em{color:#596f80}.platform-section .eyebrow>span:first-child,.platform-section .mini-label{color:#727d83}.platform-section .text-link:hover{color:#4c718a}.platform-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.platform-visual{position:relative;min-height:585px;display:flex;align-items:center;justify-content:center}.app-glow{position:absolute;inset:10% -30% 0;background:radial-gradient(ellipse,#9eb5c573,transparent 62%)}.app-frame{position:relative;width:300px;background:#fcfcfc;box-shadow:28px 32px 80px #1f2c4030;border-radius:22px;transform:perspective(1100px) rotateY(-9deg) rotateX(4deg);overflow:hidden;border:7px solid #fdfdfd}.app-frame-top{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 17px}.app-frame-top img{width:65px;max-height:30px;object-fit:contain}.app-frame-top span{font:6px var(--mono);letter-spacing:.1em;color:#4f6471}.app-preview{width:100%;height:405px;object-fit:cover;object-position:center top;border-radius:12px}.app-frame-bottom{display:flex;align-items:center;gap:8px;color:#556576;padding:15px 8px 11px;font-size:9px}.app-frame-bottom .status-dot{background:#6f9c9a;box-shadow:none}.floating-route{position:absolute;left:0;bottom:40px;background:#fffefce8;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:9px;box-shadow:0 15px 40px #1c2a4020;font-size:12px;display:flex;align-items:center;gap:15px;padding:20px 22px;transform:rotate(-3deg)}.route-dot{width:10px;height:10px;border:2px solid #628caf;border-radius:50%}.platform-copy>.mini-label{display:block;margin-bottom:16px}.platform-copy>.section-intro{color:#596570;margin-top:25px;max-width:100%;font-size:14px}.role-tabs{display:flex;gap:25px;border-bottom:1px solid #bfc6c8;margin-top:30px}.role-tabs button{padding:12px 0;font:11px var(--mono);color:#8a9399;border-bottom:2px solid transparent;min-width:120px;text-align:left;display:flex;gap:16px}.role-tabs button span{font:600 16px var(--font)}.role-tabs button[aria-selected=true]{border-bottom-color:#2b516b;color:#263f51}.role-panel{padding-block:22px;min-height:132px;animation:content-in .35s ease both}.role-panel h3{font-size:19px;margin-bottom:13px}.role-panel p{color:#68717b;font-size:13px}.platform-links{display:flex;gap:22px;font-size:11px;border-top:1px solid #c6cbcb;padding-top:15px}.platform-links a:hover{color:#2678a3}.platform-to-token{display:flex;gap:16px;padding-top:28px;margin-top:25px;border-top:1px solid #c6cbcb;align-items:center}.mini-wx{color:#a8916c;font-size:20px;letter-spacing:-3px;border:1px solid #c3b296;border-radius:50%;display:grid;place-items:center;min-width:44px;height:44px;padding-right:3px}.platform-to-token p{color:#6f757a;font-size:11px;line-height:1.85}.platform-to-token strong{color:#273f54;font-weight:600}
/* 보유·확인·혜택 체험 */
.utility-lab{display:grid;grid-template-columns:1fr 1.18fr;gap:70px;padding:39px 48px;background:linear-gradient(140deg,#111b29,#111724 65%,#182032);border:1px solid var(--line);border-radius:12px}.step-selector{display:flex;flex-direction:column;justify-content:center}.step-button{display:flex;align-items:center;gap:25px;width:100%;padding:28px 5px;text-align:left;border-bottom:1px solid var(--line);color:#8391a3;transition:color .3s,background .3s}.step-button:last-child{border-bottom:0}.step-button>span{font:12px var(--mono);align-self:flex-start;margin-top:4px}.step-button strong{display:block;font-size:19px;font-weight:550;letter-spacing:-.03em}.step-button small{display:block;font-size:11px;margin-top:7px;color:#8590a0}.step-button b{font-weight:400;font-size:23px;margin-left:auto;opacity:0;transform:translate(-7px,7px);transition:opacity .3s,transform .3s}.step-button[aria-selected=true]{color:var(--gold)}.step-button[aria-selected=true] b{opacity:1;transform:none}.utility-display{min-width:0}.lab-head{display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);letter-spacing:.13em;color:#8694a7;margin-bottom:20px}.simulation-badge{font:10px var(--font);border:1px solid #8d9eb144;color:#a6b3c1;padding:4px 10px;border-radius:30px;white-space:nowrap;letter-spacing:0}.benefit-pass{position:relative;max-width:390px;aspect-ratio:1.68;margin-inline:auto;padding:22px 26px;border:1px solid #ebd0a36b;border-radius:12px;overflow:hidden;background:linear-gradient(140deg,#ddd0b0,#8b7c62 31%,#39392f 63%,#a3906a);box-shadow:0 30px 65px #0005;transform:perspective(800px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .28s ease-out,background .6s}.benefit-pass::before{content:"";position:absolute;inset:7px;border:1px solid #f1e8cc30;border-radius:8px;pointer-events:none}.pass-top,.pass-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.pass-top>span:first-child{font-size:19px;letter-spacing:.07em;font-weight:650;color:#f4e9d2}.pass-chip{width:27px;height:22px;border:1px solid #dfd4a566;border-radius:5px;background:linear-gradient(90deg,transparent 47%,#ecd7a673 48% 51%,transparent 52%),linear-gradient(0deg,transparent 45%,#ecd7a673 46% 51%,transparent 52%)}.pass-value{position:relative;z-index:2;margin-top:23px}.pass-value>span{font:500 clamp(32px,4vw,50px)/1.05 var(--font);letter-spacing:.02em;color:#fff5df}.pass-value small{display:block;margin-top:8px;font-size:10px;color:#e6dfcc}.pass-bottom{margin-top:24px;font:6px var(--mono);letter-spacing:.13em;color:#e0d5b9}.pass-signal{font-size:17px}.pass-shine{position:absolute;inset:-80%;background:linear-gradient(120deg,transparent 46%,#fff3 50%,transparent 54%);transform:translateX(-30%);animation:card-shine 8s ease-in-out infinite;pointer-events:none}.lab-description{min-height:116px;margin-top:26px}.lab-description h3{font-size:17px;line-height:1.4;color:#dfd2b7}.lab-description p{font-size:12px;color:#9faab9;margin-top:10px;line-height:1.8}.lab-description.is-changing{animation:content-in .35s ease both}.lab-progress{display:flex;gap:7px;margin-top:4px}.lab-progress i{height:2px;width:32px;background:#314051;transition:background .3s}.utility-display[data-phase="0"] .lab-progress i:first-child,.utility-display[data-phase="1"] .lab-progress i:nth-child(-n+2),.utility-display[data-phase="2"] .lab-progress i{background:var(--gold)}.utility-display[data-phase="1"] .benefit-pass{background:linear-gradient(140deg,#91a9b4,#365063 51%,#1c2d42 75%,#718d9b)}.utility-display[data-phase="2"] .benefit-pass{background:linear-gradient(140deg,#cbdfce,#4c746b 41%,#223b3c 70%,#b0a47d)}.utility-note{display:flex;gap:20px;color:#7d8d9f;font-size:12px;line-height:1.9;margin-top:24px;padding-inline:10px}.utility-note>span{color:var(--gold);font-size:27px}.utility-note strong{color:#c7cdd5;font-weight:500}
/* 30억 신규 발행 */
.supply-section{position:relative;overflow:hidden;background:#dbc79f;color:#192635}.supply-section::after{content:"";position:absolute;width:600px;height:600px;right:-230px;top:-330px;border:1px solid #816d4a30;border-radius:50%;box-shadow:0 0 0 50px #816d4a08,0 0 0 100px #816d4a08,0 0 0 150px #816d4a08}.supply-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;align-items:center;padding-block:72px}.supply-copy .eyebrow{color:#655335}.supply-copy .eyebrow>span:first-child{color:#857354}.supply-copy h2{font-size:37px;line-height:1.25}.supply-copy>p:last-child{font-size:13px;margin-top:23px;color:#5d5b51;max-width:390px}.supply-figure{position:relative;z-index:1}.supply-figure .mini-label{color:#76644a;font-size:9px}.big-supply{font:450 clamp(110px,15vw,200px)/1.08 var(--font);letter-spacing:-.07em;display:flex;align-items:center}.big-supply>span{font-size:.64em;letter-spacing:-.07em;margin-top:.24em}.big-supply>i{font-size:45px;font-style:normal;font-weight:100;margin-left:auto;color:#988260;animation:star-turn 40s linear infinite}.supply-caption{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:11px;border-top:1px solid #635b453d}.supply-caption strong{font:11px var(--mono);letter-spacing:.045em}.supply-caption>span{font-size:10px;color:#70664e}
/* 지역 탐색 지도 */
.destination-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:75px;align-items:center}.map-art{position:relative;padding-bottom:20px}.sea-map{width:100%;display:block;overflow:visible}.map-land{fill:#162333;stroke:#2a3c4c;stroke-width:1}.map-routes{stroke-width:1;opacity:.5;stroke-dasharray:5 9;animation:routes-flow 15s linear infinite}.map-pin{fill:#8698a6;transition:fill .3s}.map-pin text{font:7px var(--mono);letter-spacing:.05em;fill:#8596a6}.map-pin .pin-halo{fill:none;stroke:transparent;stroke-width:1}.map-pin.is-selected{fill:var(--gold)}.map-pin.is-selected text{fill:var(--gold)}.map-pin.is-selected .pin-halo{stroke:#e0c49365;animation:map-pulse 3s ease-out infinite;transform-box:fill-box;transform-origin:center}.map-caption{font-size:9px;color:#6f8092;text-align:center;margin-top:4px}.map-coordinate{position:absolute;font:8px var(--mono);color:#536478;right:0;bottom:0;letter-spacing:.14em}.city-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:38px}.city-options button{border:1px solid #2d3949;border-radius:4px;padding:11px 8px;min-height:44px;font:11px var(--mono);color:#92a1b3;transition:background .25s,color .25s,border .25s}.city-options button:hover{border-color:#8293a4}.city-options button[aria-pressed=true]{border-color:#b7a079;color:var(--gold);background:#d4b8790b}.city-country{font:10px var(--mono);letter-spacing:.1em;color:#8b9baf}.city-detail h3{font-size:39px;letter-spacing:-.03em;display:flex;justify-content:space-between;align-items:center;margin-top:10px}.city-detail h3 span{font-size:26px;font-weight:400;color:var(--gold)}.city-detail p{color:#94a3b5;font-size:13px;line-height:1.9;min-height:83px;margin-top:20px}.city-focus{display:block;font-size:10px;color:#dac69c;margin:20px 0 18px}.city-detail.is-changing{animation:content-in .35s ease both}.city-explorer>.text-link{font-size:11px}
/* 가정 기반 수수료 계산 */
.benefits-section{padding-block:0 110px}.benefits-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.benefits-heading .section-intro{max-width:380px}.calculator{display:grid;grid-template-columns:1fr 1fr;border:1px solid #324052;border-radius:10px;overflow:hidden;background:#111a29}.calculator-input{padding:35px 38px}.calculator-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px;gap:15px}.calculator-heading h3{font-size:18px}.input-row{display:flex;gap:15px}.field label{display:block;font-size:12px;color:#bac5d2;margin-bottom:11px}.field-amount{flex:1;min-width:0}.field-currency{width:135px}.input-with-suffix{display:flex;align-items:center;border-bottom:1px solid #637186;background:#182333;padding:0 14px;border-radius:4px 4px 0 0}.input-with-suffix input{width:100%;min-width:0;height:55px;color:#eff1f3;background:none;border:0;font:26px var(--font);padding:0;outline-offset:2px}.input-with-suffix>span{font:10px var(--mono);color:#8596ac;margin-left:8px}.field select{width:100%;height:55px;border:1px solid #35465d;background:#182333;color:#d5dde7;border-radius:4px;padding:0 10px;font-size:13px}.field-help,.currency-note{font-size:10px;color:#8b9bb0;line-height:1.8;margin-top:10px}.rate-field{margin-top:28px}.rate-label{display:flex;justify-content:space-between;align-items:center}.rate-label>span{font:27px var(--font);color:var(--gold)}.rate-label output{margin-right:5px}input[type=range]{width:100%;accent-color:var(--gold);height:27px;margin:10px 0 0;cursor:pointer}.range-labels{display:flex;justify-content:space-between;color:#687b92;font:9px var(--mono)}.currency-note{padding-top:15px;margin-top:25px;border-top:1px solid #324052}.form-error{font-size:12px;color:#ffb3a6;margin-top:15px}.calculator-result{padding:35px 39px;background:linear-gradient(145deg,#1e2b3b,#192432);border-left:1px solid #324052}.result-kicker{display:flex;justify-content:space-between;color:#d6c49f;font-size:13px}.fee-comparison{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding-bottom:24px;border-bottom:1px solid #64708340}.fee-comparison p{font-size:10px;color:#91a2b7;margin-bottom:8px}.fee-comparison #before-fee{font-size:21px;color:#c2cbd7}.fee-comparison #after-fee{font-size:25px;color:#e1c89d}.compare-arrow{color:#5f7692;font-size:20px}.savings-main{display:flex;align-items:start;flex-direction:column;margin-top:22px;gap:8px}.savings-main>span{font-size:11px;color:#9cafc3}.savings-main strong{font:500 46px/1.3 var(--font);letter-spacing:-.03em;color:#e7d1aa;overflow-wrap:anywhere;max-width:100%}.fee-visual{display:flex;flex-direction:column;gap:10px;margin:19px 0 26px}.fee-visual>div{display:flex;align-items:center;gap:16px}.fee-visual span{width:63px;font:8px var(--mono);color:#8a9aaf;letter-spacing:.08em}.fee-visual i{display:block;height:4px;border-radius:2px;transition:width .7s cubic-bezier(.2,.7,.2,1)}.fee-bar-standard{width:34%;background:linear-gradient(90deg,#61788b,#b1bdc6)}.fee-bar-waived{width:2px;background:var(--gold);min-width:2px}.annual-savings{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:10px;color:#9cadc0;padding-top:20px;border-top:1px solid #64708340}.annual-savings strong{font-size:19px;color:#e2e6eb;overflow-wrap:anywhere}.result-note{font-size:9px;color:#8294ab;margin-top:15px}.calculator-disclaimer{font-size:10px;color:#7b8da3;line-height:1.9;margin-top:23px;max-width:1060px}
/* 단계와 질문 */
.roadmap-section{padding-top:30px}.roadmap-track{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;position:relative}.roadmap-track::before{content:"";position:absolute;top:21px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#ceaf79,#64718466 55%,#24334555)}.roadmap-track article{position:relative}.roadmap-dot{width:43px;height:43px;border-radius:50%;background:var(--bg);border:1px solid #53637a;display:grid;place-items:center;font:10px var(--mono);color:#9eabc0;margin-bottom:27px;position:relative;z-index:2}.roadmap-track article:first-child .roadmap-dot{border-color:#c7ac7d;color:#e6c892;box-shadow:0 0 25px #dbbd8115}.roadmap-status{font:9px var(--font);letter-spacing:.08em;color:#9b8c71}.roadmap-track h3{font-size:21px;line-height:1.4;margin-top:13px}.roadmap-track p{font-size:12px;color:#8c9caf;line-height:1.9;margin-top:16px}.faq-section{background:#0e1520;border-block:1px solid #26334788}.faq-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.faq-intro{font-size:13px;color:#92a0b2;margin-top:23px;line-height:1.9}.faq-list details{border-bottom:1px solid #2b3a4d}.faq-list details:first-child{border-top:1px solid #2b3a4d}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:23px;padding:23px 0;cursor:pointer;font-size:14px;line-height:1.65;min-height:72px}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{width:14px;height:14px;position:relative;flex:none}.faq-plus::before,.faq-plus::after{content:"";position:absolute;background:#acb4bf}.faq-plus::before{top:6px;left:0;width:13px;height:1px}.faq-plus::after{top:0;left:6px;height:13px;width:1px;transition:transform .25s}.faq-list details[open] .faq-plus::after{transform:rotate(90deg)}.faq-list details[open] summary{color:var(--gold)}.faq-answer{font-size:12px;line-height:1.95;color:#94a6bc;padding:0 22px 25px 0;animation:content-in .3s ease both}
/* 실제 소개 영상과 두 공식 사이트 연결 */
.explore-section{background:#0b111d}.explore-section .section-heading-row{margin-top:5px}.film-feature{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:2.6;background:#192536;border:1px solid #9da9ba1f}.film-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.65);transition:transform 1.2s}.film-feature:hover>img{transform:scale(1.04)}.film-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0b152af2,#0b14227a 60%,#1a1e234a)}.film-copy{position:absolute;left:46px;top:45px;width:50%;z-index:2}.film-copy .mini-label{color:#c3bb9e;font-size:9px}.film-copy h3{font-size:39px;line-height:1.2;margin-top:19px;letter-spacing:-.05em}.film-copy p{font-size:12px;color:#b7c1d1;margin-top:19px}.film-play{position:absolute;top:50%;right:21%;transform:translate(50%,-50%);width:107px;height:107px;border:1px solid #e9e2d884;border-radius:50%;background:#e3ded617;backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#f0dfc2;transition:background .25s,box-shadow .25s}.film-play:hover{background:#e3ded633;box-shadow:0 0 0 15px #f0e2c60a}.film-play .play-triangle{border-left-width:12px;border-block-width:8px;margin-left:4px}.film-play>span:last-child{font:8px var(--mono);letter-spacing:.12em}.film-credit{position:absolute;right:22px;bottom:17px;font:7px var(--mono);letter-spacing:.15em;color:#bdc4d0}.destination-cards{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:30px}.destination-card{border:1px solid #2e3b4d;border-radius:10px;display:block;padding:30px 35px;background:linear-gradient(145deg,#17203199,#101724);transition:border-color .3s,transform .3s,background .3s}.destination-card:hover{border-color:#a49475;transform:translateY(-5px);background:linear-gradient(145deg,#21314699,#151e2c)}.destination-card-top{display:flex;justify-content:space-between;align-items:center;color:#8797ad;font:9px var(--mono);letter-spacing:.13em}.card-arrow{font:25px var(--font);color:var(--gold)}.destination-card h3{font-size:44px;letter-spacing:-.055em;margin-top:22px;font-weight:600}.destination-card h3 span{font-size:30px;color:#b39e7c;font-weight:400}.destination-card>p{font-size:12px;color:#9aabc1;line-height:1.95;margin-top:18px;max-width:420px;min-height:72px}.card-link{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #324154;margin-top:20px;padding-top:21px}.card-link strong{font-size:12px;font-weight:550;color:#dac59c}.card-link small{font:9px var(--mono);color:#788ca7}.closing-section{text-align:center;padding-top:94px;overflow:hidden}.closing-section .eyebrow{justify-content:center}.closing-section h2{font-size:clamp(37px,4.5vw,63px);line-height:1.28}.closing-section .button{margin-top:32px}.closing-wordmark{font:700 clamp(100px,23vw,295px)/1.18 var(--font);letter-spacing:-.075em;color:#101a29;margin-top:35px;user-select:none}.closing-wordmark>span{color:#1c2735}.site-footer{padding-bottom:30px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:31px 0}.footer-top p{font:8px var(--mono);color:#78899f;letter-spacing:.1em}.back-top{font-size:11px;color:#acb8c9}.footer-nav{display:flex;gap:29px;margin-bottom:25px;font-size:11px;color:#9ba9bc}.footer-nav a:hover{color:var(--gold)}.footer-bottom{display:flex;gap:25px;font-size:9px;color:#657990;padding-top:25px;border-top:1px solid #253247}.footer-legal{font-size:9px;line-height:1.9;max-width:1010px;color:#77869b;margin-top:17px}#film-dialog{width:min(1000px,calc(100% - 32px));max-height:90vh;overflow-y:auto;margin:auto;background:#111b29;border:1px solid #526074;border-radius:12px;color:var(--text);padding:24px}#film-dialog::backdrop{background:#020712dc;backdrop-filter:blur(12px)}.film-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.film-dialog-head h2{font-size:23px;margin-top:5px}.film-dialog-head>div>span{font:8px var(--mono);letter-spacing:.15em;color:var(--gold)}.film-dialog-head button{font-size:13px;min-height:44px;padding:10px}#wity-film{display:block;width:100%;max-height:63vh;aspect-ratio:16/9;background:#000;object-fit:contain;border-radius:5px}.film-dialog-footer{display:flex;gap:30px;justify-content:space-between;align-items:center;font-size:10px;margin-top:18px;color:#93a5ba}.film-dialog-footer a{color:var(--gold);white-space:nowrap}#film-error{color:#f0b8a6;font-size:12px;margin-top:12px}
/* 모션은 보조 연출이며 기본 콘텐츠는 항상 읽을 수 있다. */
[data-reveal]{opacity:1;transform:none}[data-reveal][data-reveal-state=pending]{opacity:0;transform:translateY(26px)}[data-reveal].is-revealed{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}[data-tilt]{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s ease-out}@keyframes content-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scroll-cue{0%{top:-100%}60%,100%{top:100%}}@keyframes card-shine{0%,20%{transform:translateX(-30%)}65%,100%{transform:translateX(30%)}}@keyframes map-pulse{0%{opacity:.8;transform:scale(.65)}80%,100%{opacity:.05;transform:scale(1.4)}}@keyframes routes-flow{to{stroke-dashoffset:-200}}@keyframes star-turn{to{transform:rotate(360deg)}}html[data-motion=paused] *,html[data-motion=paused] *::before,html[data-motion=paused] *::after{animation-play-state:paused!important}html[data-motion=paused] [data-reveal],html[data-reduced-motion=true] [data-reveal]{opacity:1;transform:none;transition:none}html[data-motion=paused] [data-tilt]{transform:none}html[data-reduced-motion=true]{scroll-behavior:auto}html[data-reduced-motion=true] *,html[data-reduced-motion=true] *::before,html[data-reduced-motion=true] *::after{animation:none!important;transition:none!important}html[data-reduced-motion=true] [data-tilt]{transform:none}
@media(min-width:1600px){.hero h1{font-size:78px}.hero-grid{min-height:690px}.hero-stage{height:585px}}
@media(max-width:1150px){.section-shell{width:calc(100% - 72px)}.nav-shell{width:calc(100% - 48px)}.desktop-nav{gap:19px;margin-right:10px}.nav-actions{gap:12px}.nav-cta{font-size:10px;padding:8px 12px;gap:11px}.hero-grid{grid-template-columns:1.1fr 1fr}.hero h1{font-size:55px}.hero-stage{height:480px}.hero-actions{gap:8px}.hero-actions .button{font-size:11px;padding:12px 15px;gap:12px}.hero-lead{font-size:17px}.network-label{margin-right:8px}.network-inner small{display:block;margin:4px 0 0;font-size:9px}.network-inner>a{font-size:18px}.vision-layout,.platform-layout{gap:55px}.platform-copy h2{font-size:42px}.app-frame{width:270px}.platform-visual{min-height:565px}.floating-route{left:-10px;font-size:10px;padding:17px}.utility-lab{gap:38px;padding:30px}.destination-grid{gap:40px}.faq-grid{gap:55px}.calculator-input,.calculator-result{padding:29px}.field-currency{width:118px}.film-feature{aspect-ratio:2.35}.film-copy h3{font-size:35px}.city-detail h3{font-size:33px}}
@media(max-width:900px){html{scroll-padding-top:88px}.section-shell{width:calc(100% - 48px)}.section-space{padding-block:83px}.nav-shell{height:71px}.desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.nav-actions{gap:12px}.hero-grid{min-height:0;grid-template-columns:1fr 1fr;padding-top:55px;padding-bottom:35px}.hero h1{font-size:45px}.hero-stage{height:380px}.hero-copy .eyebrow{font-size:9px;margin-bottom:24px}.hero-lead{font-size:15px}.hero-description{font-size:11px}.hero-actions .button{min-height:45px;font-size:10px;padding:10px 12px}.hero-note{font-size:9px}.scene-label{font-size:7px}.label-left{left:0}.label-right{right:0}.scene-bottom{display:none}.scene-stamp{bottom:27px}.label-top{top:13px;font-size:7px}.hero-bottom>p{display:none}.network-inner{gap:12px}.network-label{font-size:7px;max-width:75px;line-height:1.7}.network-inner>a{font-size:17px}.vision-layout{gap:45px}.vision-copy .large-copy{font-size:17px}.vision-copy p{font-size:12px}.vision-principles{gap:22px}.vision-principles>div{padding-left:32px}.vision-principles strong{font-size:13px}.vision-principles p{font-size:10px}.principle-icon{font-size:23px}.platform-layout{gap:38px}.platform-copy h2{font-size:37px}.platform-visual{min-height:530px}.app-frame{width:240px}.app-preview{height:360px}.floating-route{bottom:43px;padding:14px;left:-12px;gap:10px}.platform-to-token p{font-size:10px}.role-tabs{gap:14px}.role-tabs button{min-width:97px;gap:12px}.role-tabs button span{font-size:14px}.platform-links{gap:16px;font-size:10px}.section-heading-row{gap:35px}.section-intro{font-size:13px;max-width:330px}.utility-lab{gap:30px;padding:27px}.step-button{gap:16px}.step-button strong{font-size:16px}.step-button small{font-size:10px}.benefit-pass{padding:18px}.pass-top>span:first-child{font-size:15px}.pass-value{margin-top:18px}.pass-value>span{font-size:36px}.pass-value small{font-size:8px}.pass-bottom{margin-top:18px;font-size:5px}.lab-head{font-size:6px}.simulation-badge{font-size:8px;padding:4px 7px}.supply-inner{gap:50px}.supply-copy h2{font-size:33px}.supply-copy>p:last-child{font-size:12px}.big-supply{font-size:150px}.supply-caption{align-items:start;flex-direction:column;gap:8px}.destination-grid{grid-template-columns:1.15fr 1fr;gap:25px}.city-options{gap:6px;margin-bottom:27px}.city-options button{font-size:9px;padding:8px 6px}.city-detail h3{font-size:28px}.city-detail p{font-size:12px}.calculator-input,.calculator-result{padding:25px 22px}.calculator-heading{margin-bottom:28px}.calculator-heading h3{font-size:16px}.input-row{gap:10px}.field-currency{width:95px}.field select{padding:0 6px;font-size:11px}.input-with-suffix{padding:0 10px}.input-with-suffix input{font-size:22px}.savings-main strong{font-size:35px}.fee-comparison #before-fee{font-size:18px}.fee-comparison #after-fee{font-size:21px}.annual-savings strong{font-size:16px}.roadmap-track{gap:30px}.roadmap-track h3{font-size:18px}.roadmap-track p{font-size:11px}.faq-grid{gap:45px}.faq-list summary{font-size:13px}.faq-grid h2{font-size:36px}.film-copy{left:31px;top:31px}.film-copy h3{font-size:31px}.film-copy p{font-size:10px}.film-play{width:87px;height:87px}.destination-card{padding:25px}.destination-card h3{font-size:38px}.destination-card>p{font-size:11px}.card-link{gap:10px;align-items:start;flex-direction:column}.footer-nav{font-size:10px;gap:22px}}
@media(max-width:680px){.section-shell{width:calc(100% - 40px)}.section-space{padding-block:70px}.nav-shell{width:calc(100% - 32px);height:67px}.wordmark{font-size:23px}.brand-glyph{margin-right:10px}.hero-grid{display:flex;flex-direction:column;gap:0;padding-top:37px;padding-bottom:0}.hero-copy{width:100%;padding:8px 0}.hero h1{font-size:clamp(39px,10.8vw,65px);line-height:1.25}.hero-copy .eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:23px}.hero-lead{font-size:16px;margin-top:22px}.hero-description{font-size:12px;line-height:1.8}.hero-actions{margin-top:26px}.hero-actions .button{font-size:11px;min-height:48px;gap:15px;padding:12px 15px}.hero-note{font-size:9px;margin-top:15px;max-width:345px}.hero-stage{width:100%;height:350px;margin-top:4px}.label-top{top:18px;font-size:7px}.label-left{left:2%;top:40%}.label-right{right:1%}.scene-stamp{bottom:30px}.scene-stamp small{font-size:6px}.hero-bottom{padding-block:16px 23px;font-size:8px}.motion-toggle{font-size:9px}.network-inner{padding-block:22px;gap:12px;position:relative;flex-wrap:wrap;justify-content:center}.network-label{max-width:none;width:100%;text-align:center;margin:0 0 8px;font-size:7px;letter-spacing:.2em}.network-inner>a{font-size:18px}.network-inner small{font-size:8px;margin-top:4px}.network-connector{width:8%}.section-top .eyebrow{margin-bottom:25px}.edition-label{display:none}.eyebrow{font-size:9px;gap:10px;margin-bottom:23px;letter-spacing:.1em}h2{font-size:38px;line-height:1.25}.vision-layout{grid-template-columns:1fr;gap:29px}.vision-copy .large-copy{font-size:17px}.vision-copy p{font-size:13px}.vision-copy .text-link{font-size:12px;margin-top:15px}.vision-principles{grid-template-columns:1fr;gap:25px;margin-top:39px;padding-top:30px}.vision-principles>div{padding-left:42px}.vision-principles strong{font-size:14px}.vision-principles p{font-size:11px;margin-top:5px}.principle-icon{font-size:25px}.platform-layout{grid-template-columns:1fr;gap:27px}.platform-visual{order:2;min-height:520px;margin-top:5px}.platform-copy{order:1}.platform-copy h2{font-size:38px}.platform-copy>.section-intro{font-size:13px;margin-top:21px}.role-panel{min-height:119px}.role-panel h3{font-size:17px}.platform-links{gap:27px;font-size:11px}.platform-to-token p{font-size:11px}.app-frame{width:265px}.app-preview{height:375px}.floating-route{left:8px;bottom:17px;font-size:11px;padding:18px}.app-glow{inset:10% -20% 0}.section-heading-row,.benefits-heading{display:block;margin-bottom:35px}.section-heading-row .section-intro,.benefits-heading .section-intro{margin-top:22px;max-width:100%;font-size:13px}.utility-lab{grid-template-columns:1fr;padding:22px;gap:22px}.step-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step-button{display:block;border-bottom:2px solid #3a4554!important;padding:8px 0 14px;min-width:0}.step-button[aria-selected=true]{border-color:var(--gold)!important}.step-button>span{font-size:10px;display:block;margin-bottom:9px}.step-button strong{font-size:12px;line-height:1.7;white-space:nowrap}.step-button small,.step-button b{display:none}.lab-head{font-size:7px;margin-bottom:18px}.benefit-pass{max-width:355px;padding:20px 23px}.pass-top>span:first-child{font-size:16px}.pass-value>span{font-size:40px}.pass-bottom{margin-top:21px}.pass-value small{font-size:9px}.lab-description{margin-top:24px;min-height:107px}.lab-description h3{font-size:16px}.lab-description p{font-size:12px}.utility-note{font-size:11px;gap:13px;padding-inline:0;margin-top:22px}.supply-inner{grid-template-columns:1fr;gap:35px;padding-block:52px}.supply-copy h2{font-size:34px}.supply-copy>p:last-child{font-size:12px;max-width:none}.big-supply{font-size:165px;line-height:1.15}.big-supply>i{font-size:36px;margin-right:15px}.supply-caption{flex-direction:row;align-items:center;gap:10px}.supply-caption strong{font-size:9px}.supply-caption>span{font-size:9px}.destination-grid{grid-template-columns:1fr;gap:30px}.map-art{margin-inline:-6px}.city-options{grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:26px}.city-options button{font-size:9px}.city-detail h3{font-size:36px}.city-detail p{font-size:13px;min-height:0;margin-top:17px}.city-focus{margin-top:15px}.city-explorer>.text-link{font-size:12px}.section-footnote{font-size:10px;margin-top:25px}.benefits-section{padding-block:0 65px}.calculator{grid-template-columns:1fr}.calculator-input,.calculator-result{padding:25px}.calculator-heading h3{font-size:18px}.calculator-result{border-left:0;border-top:1px solid #324052}.field-currency{width:114px}.field select{font-size:12px}.input-with-suffix input{font-size:25px}.savings-main strong{font-size:43px}.fee-comparison #before-fee{font-size:22px}.fee-comparison #after-fee{font-size:25px}.annual-savings strong{font-size:20px}.calculator-disclaimer{font-size:10px}.roadmap-section{padding-top:0}.roadmap-track{grid-template-columns:1fr;gap:28px;padding-left:0}.roadmap-track::before{left:19px;width:1px;height:95%;top:0;background:linear-gradient(#cbae7a,#334457)}.roadmap-track article{padding-left:61px}.roadmap-dot{position:absolute;left:0;top:0;width:39px;height:39px}.roadmap-track h3{font-size:20px;margin-top:8px}.roadmap-track p{font-size:12px;margin-top:11px}.roadmap-status{font-size:9px}.faq-grid{grid-template-columns:1fr;gap:32px}.faq-intro{font-size:12px;margin-top:18px}.faq-list summary{padding-block:20px;font-size:13px;min-height:68px}.faq-answer{font-size:12px}.film-feature{aspect-ratio:.97}.film-feature>img{object-position:60% center}.film-overlay{background:linear-gradient(180deg,#111d2bbd,#0c132667 45%,#101824d9)}.film-copy{left:24px;top:27px;width:82%}.film-copy h3{font-size:32px;margin-top:16px}.film-copy p{font-size:11px;max-width:240px}.film-play{top:auto;bottom:33px;right:auto;left:24px;transform:none;width:77px;height:77px;gap:10px}.film-credit{font-size:6px;bottom:22px;right:15px}.destination-cards{grid-template-columns:1fr;gap:18px;margin-top:21px}.destination-card{padding:26px}.destination-card h3{font-size:42px}.destination-card>p{font-size:12px;min-height:0}.card-link{flex-direction:row;align-items:center;padding-top:17px;margin-top:23px}.card-link strong{font-size:11px}.closing-section{padding-top:65px}.closing-section h2{font-size:36px}.closing-section .button{font-size:12px}.closing-wordmark{font-size:24vw;margin-top:44px}.footer-top{padding:25px 0;gap:15px;flex-wrap:wrap}.footer-top p{order:3;width:100%;font-size:7px}.back-top{margin-left:auto;font-size:10px}.footer-nav{gap:10px 24px;flex-wrap:wrap;font-size:10px}.footer-bottom{font-size:8px;gap:12px;flex-wrap:wrap;padding-top:20px}.footer-legal{font-size:9px}.film-dialog-head h2{font-size:18px}.film-dialog-head button{font-size:11px;white-space:nowrap}#film-dialog{padding:17px}.film-dialog-footer{flex-direction:column;align-items:start;gap:11px;font-size:10px}}
@media(max-width:359px){.section-shell{width:calc(100% - 32px)}.hero h1{font-size:36px}.hero-lead{font-size:14px}.hero-actions{gap:7px}.hero-actions .button{padding:10px 12px;font-size:10px;gap:10px}.hero-stage{height:295px}.network-inner>a{font-size:16px}.network-connector{width:6%}.utility-lab{padding:17px}.step-button strong{font-size:11px}.benefit-pass{padding:17px}.pass-value>span{font-size:34px}.pass-bottom{margin-top:18px}.city-options{grid-template-columns:1fr 1fr}.calculator-input,.calculator-result{padding:20px}.field-currency{width:98px}.input-with-suffix input{font-size:22px}.savings-main strong{font-size:35px}.film-copy h3{font-size:29px}h2{font-size:34px}.supply-caption{flex-wrap:wrap}.footer-nav{gap:10px 17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}[data-reveal][data-reveal-state=pending]{opacity:1;transform:none}[data-tilt]{transform:none!important}}
html[lang=en] .hero h1{font-size:clamp(39px,4.3vw,65px);letter-spacing:-.055em}
@media(max-width:680px){html[lang=en] .hero h1{font-size:clamp(31px,9vw,48px);letter-spacing:-.055em}}
@media print{.site-header,.hero-stage,.hero-bottom,.reading-progress,.film-play,.motion-toggle,dialog{display:none!important}body{background:white;color:#172534}.section-space{padding-block:30px}.section-shell{width:100%}.hero h1 em,h2 em{color:#5a5142}.section-intro,p{color:#45566a}.hero-grid{min-height:0;display:block;padding:20px 0}.network-bar,.supply-section,.platform-section,.faq-section,.explore-section{background:#f1f0eb}.calculator,.utility-lab{break-inside:avoid}.footer-legal{color:#444}[data-reveal]{opacity:1!important;transform:none!important}}
/* 수동 모션 정지 중에도 새로 선택한 설명은 완전한 상태로 즉시 표시한다. */
html[data-motion=paused] .role-panel,html[data-motion=paused] .lab-description.is-changing,html[data-motion=paused] .city-detail.is-changing{animation:none!important;opacity:1;transform:none}
/* 높이가 짧은 가로 화면에서도 모바일 메뉴의 마지막 링크에 접근할 수 있게 한다. */
.mobile-menu{max-height:calc(100dvh - 71px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(30px + env(safe-area-inset-bottom))}
@media(max-width:680px){.mobile-menu{max-height:calc(100dvh - 67px - env(safe-area-inset-bottom))}}
@media(max-width:900px){.language-switch button{min-width:44px}.platform-links a,.footer-nav a,.back-top{min-height:44px;display:inline-flex;align-items:center}.city-options button{min-height:44px}}
@media(max-width:359px){.nav-shell{gap:12px}.nav-actions{gap:8px}}
/* 큰 글자에서도 제목과 계산기 입력이 카드 밖으로 밀려나지 않게 한다. */
.hero h1{white-space:normal;overflow-wrap:anywhere}
.calculator{grid-template-columns:repeat(2,minmax(0,1fr))}
.calculator-input,.calculator-result,.field,.input-with-suffix{min-width:0}
.calculator-heading,.fee-comparison,.annual-savings{flex-wrap:wrap}
.savings-main strong,.annual-savings strong{overflow-wrap:anywhere}
@media(max-width:680px){.calculator{grid-template-columns:minmax(0,1fr)}}
@media(max-width:430px){.calculator .input-row{flex-direction:column;gap:20px}.calculator .field-currency{width:100%}.calculator .field select{min-width:0;max-width:100%}}