/* AETHER DESKTOP 2026 소개 페이지 스타일 — _build/prefix_css.js 로 생성한 파일입니다. 스타일은 _build/style.css 를 고친 뒤 다시 빌드하세요 */
:is(#top,html) .aether{
  --bg:#ffffff; --bg2:#f7f7f7; --bg3:#f0f0f1; --ink:#222222; --tx:#444444; --mu:#707070;
  --line:#e6e6e6; --line2:#cfcfd1; --acc:#167a96; --acc-d:#0f5f75; --acc-t:#e9fbfd; --warm:#f18200;
  --pill:#b5f4fb; --pill-h:#8fe9f4; --dark:#000000; --foot:#222222; --socket:#333333;
  --card:var(--bg2); --r:8px; --sh:0 1px 2px rgba(0,0,0,.04),0 18px 40px -18px rgba(0,0,0,.18);
  --mono:"JetBrains Mono","Cascadia Mono",ui-monospace,Consolas,monospace;
  --sans:Pretendard,"Noto Sans KR","Malgun Gothic",system-ui,-apple-system,"Segoe UI",sans-serif;
}
:is(#top,html) .aether,:is(#top,html) .aether *{box-sizing:border-box;margin:0;padding:0}
:is(#top,html) .aether{background:var(--bg);color:var(--tx);font:400 16px/1.75 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip;word-break:keep-all;overflow-wrap:break-word;font-variant-numeric:tabular-nums}
:is(#top,html) .aether img{max-width:100%;display:block}
:is(#top,html) .aether a{color:inherit;text-decoration:none}
:is(#top,html) .aether button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
:is(#top,html) .aether .wrap{width:min(1240px,92vw);margin:0 auto}
:is(#top,html) .aether h1,:is(#top,html) .aether h2,:is(#top,html) .aether h3,:is(#top,html) .aether h4{line-height:1.25;letter-spacing:-.01em;font-weight:600;color:var(--ink);text-transform:none;font-family:var(--sans)}
:is(#top,html) .aether p,:is(#top,html) .aether li,:is(#top,html) .aether small,:is(#top,html) .aether figcaption{text-transform:none;letter-spacing:normal}
:is(#top,html) .aether h1{font-size:clamp(38px,5.4vw,72px);font-weight:300;line-height:1.15;letter-spacing:-.01em}
:is(#top,html) .aether h1 em{font-style:normal;font-weight:600;color:var(--pill)}
:is(#top,html) .aether h2{font-size:clamp(28px,3.4vw,44px);font-weight:300;line-height:1.3}
:is(#top,html) .aether h3{font-size:18.5px}
:is(#top,html) .aether .sm{font-size:14px;color:var(--mu)}
:is(#top,html) .aether .mono,:is(#top,html) .aether .kpi b,:is(#top,html) .aether .readout b,:is(#top,html) .aether output,:is(#top,html) .aether .eq,:is(#top,html) .aether .term-body,:is(#top,html) .aether .acc-v{font-family:var(--mono)}

/* 버튼 */
/* 홈페이지 "WHO WE ARE" 버튼과 같은 연한 시안 알약 */
:is(#top,html) .aether .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px 11px;border-radius:25px;background:var(--pill);color:#000;font-weight:500;font-size:14px;letter-spacing:.02em;transition:background .25s,color .25s,box-shadow .25s}
:is(#top,html) .aether .btn::after{content:"→";transition:transform .25s}
:is(#top,html) .aether .btn:hover{background:var(--pill-h)}
:is(#top,html) .aether .btn:hover::after{transform:translateX(4px)}
:is(#top,html) .aether .btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
:is(#top,html) .aether .btn.ghost:hover{background:var(--ink);color:#fff}
:is(#top,html) .aether .btn-sm{padding:8px 16px 7px;font-size:13px}
:is(#top,html) .aether .btn-sm::after,:is(#top,html) .aether .term-bar .btn::after{display:none}
:is(#top,html) .aether .btn:focus-visible,:is(#top,html) .aether a:focus-visible,:is(#top,html) .aether button:focus-visible,:is(#top,html) .aether input:focus-visible{outline:2px solid var(--acc);outline-offset:3px}

/* 네비게이션 */
:is(#top,html) .aether .lang{display:flex;background:#2a2a2a;border-radius:999px;padding:3px;font:500 12px var(--sans);letter-spacing:.06em}
:is(#top,html) .aether .lang span{padding:4px 11px;border-radius:999px;color:#9a9a9a;transition:.2s}
:is(#top,html) .aether .lang span.on{background:var(--pill);color:#000}

/* Hero */
/* Hero: 홈페이지 첫 화면처럼 검은 바탕 + 빛나는 파동 + 흰 가는 제목 */
:is(#top,html) .aether .hero{position:relative;min-height:calc(100vh - 150px);min-height:calc(100svh - 150px);display:flex;align-items:center;overflow:hidden;padding:80px 0 110px;background:var(--dark);color:#fff}
:is(#top,html) .aether #field{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(ellipse 62% 78% at 70% 52%,#000 28%,transparent 78%);mask-image:radial-gradient(ellipse 62% 78% at 70% 52%,#000 28%,transparent 78%)}
:is(#top,html) .aether .hero-grad{position:absolute;inset:0;background:linear-gradient(90deg,#000 18%,rgba(0,0,0,.72) 44%,rgba(0,0,0,0) 72%)}
:is(#top,html) .aether .hero-in{position:relative;z-index:2}
:is(#top,html) .aether .hero-in>*{max-width:640px}
:is(#top,html) .aether .hero-in>h1{max-width:900px;color:#fff}
:is(#top,html) .aether .hero-in>h1::after{content:"";display:block;width:56px;height:2px;margin-top:28px;background:#fff}
:is(#top,html) .aether .kicker{display:inline-flex;align-items:center;gap:10px;font:500 12.5px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--pill);margin-bottom:26px;padding:7px 14px;border-radius:999px;background:rgba(181,244,251,.1);box-shadow:inset 0 0 0 1px rgba(181,244,251,.25)}
:is(#top,html) .aether .kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--pill);animation:ae-ping 2.2s infinite}
@keyframes ae-ping{0%{box-shadow:0 0 0 0 rgba(181,244,251,.55)}70%,100%{box-shadow:0 0 0 10px rgba(181,244,251,0)}}
:is(#top,html) .aether .lead{margin:24px 0 34px;font-size:clamp(15.5px,1.4vw,18px);color:#c3c4c7;max-width:560px}
:is(#top,html) .aether .cta{display:flex;gap:12px;flex-wrap:wrap}
:is(#top,html) .aether .hero .btn.ghost{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
:is(#top,html) .aether .hero .btn.ghost:hover{background:#fff;color:#000}
:is(#top,html) .aether .hint{margin-top:26px;font:400 12.5px var(--sans);color:#8a8a8a}
:is(#top,html) .aether .hero-char{position:absolute;right:max(3vw,24px);bottom:7vh;width:clamp(150px,16vw,230px);z-index:3}

/* 말풍선 */
:is(#top,html) .aether .bubble{position:relative;background:#fff;border:1px solid var(--line2);border-radius:10px;padding:12px 16px;font-size:14px;line-height:1.6;margin-bottom:18px;max-width:280px;color:var(--ink);box-shadow:var(--sh)}
:is(#top,html) .aether .hero-char .bubble{position:absolute;right:72%;bottom:80%;width:250px;margin:0;animation:ae-bob 6s ease-in-out infinite}
:is(#top,html) .aether .bubble::after{content:"";position:absolute;width:14px;height:14px;background:inherit;border:inherit;border-width:0 1px 1px 0;transform:rotate(45deg);bottom:-8px;left:28px}
:is(#top,html) .aether .hero-char .bubble::after{left:auto;right:30px}
/* 검은 Hero 위 마스코트는 선을 밝게 */
:is(#top,html) .aether .hero-char .mascot{filter:drop-shadow(0 0 24px rgba(181,244,251,.18))}
:is(#top,html) .aether .hero-char .mascot .m-limb,:is(#top,html) .aether .hero-char .mascot .m-ant{stroke:#e8e8e8}
:is(#top,html) .aether .hero-char .mascot .m-hand{fill:#e8e8e8;stroke:#e8e8e8}
:is(#top,html) .aether .hero-char .mascot .m-head,:is(#top,html) .aether .hero-char .mascot .m-body{stroke:#e8e8e8}
:is(#top,html) .aether .hero-char .mascot .m-ear,:is(#top,html) .aether .hero-char .mascot .m-neck{stroke:#e8e8e8}
:is(#top,html) .aether .bubble.static{margin-bottom:0}

/* 마스코트 에테르: 잉크 선화 + 코발트 포인트 */
:is(#top,html) .aether .mascot{width:100%;aspect-ratio:200/250;filter:drop-shadow(0 22px 22px rgba(0,0,0,.16))}
:is(#top,html) .aether .mascot svg{width:100%;height:100%;overflow:visible;animation:ae-bob 5s ease-in-out infinite}
@keyframes ae-bob{50%{transform:translateY(-6px)}}
:is(#top,html) .aether .mascot .m-head{fill:#fff;stroke:var(--ink);stroke-width:3}
:is(#top,html) .aether .mascot .m-visor{fill:var(--ink);stroke:none}
:is(#top,html) .aether .mascot .m-eyes rect{fill:#b5f4fb;filter:drop-shadow(0 0 5px #6fdcea);transform-box:fill-box;transform-origin:center;animation:ae-blink 5s infinite}
@keyframes ae-blink{0%,94%,100%{transform:scaleY(1)}97%{transform:scaleY(.1)}}
:is(#top,html) .aether .mascot .m-glint{fill:none;stroke:#e8e8e8;stroke-width:3.5;stroke-linecap:round}
:is(#top,html) .aether .mascot .m-ear{fill:var(--acc);stroke:var(--ink);stroke-width:2.5}
:is(#top,html) .aether .mascot .m-neck{fill:#e6e6e6;stroke:var(--ink);stroke-width:2.5}
:is(#top,html) .aether .mascot .m-body{fill:#fff;stroke:var(--ink);stroke-width:3}
:is(#top,html) .aether .mascot .m-ring{fill:var(--acc-t);stroke:var(--acc);stroke-width:2.5}
:is(#top,html) .aether .mascot .m-wave{fill:none;stroke:var(--acc);stroke-width:2.4;stroke-linecap:round}
:is(#top,html) .aether .mascot .m-ant{stroke:var(--ink);stroke-width:3.5;stroke-linecap:round}
:is(#top,html) .aether .mascot .m-ball{fill:var(--acc);animation:ae-glow 1.8s ease-in-out infinite}
@keyframes ae-glow{50%{opacity:.45}}
:is(#top,html) .aether .mascot .m-sig path{fill:none;stroke:var(--acc);stroke-width:2.6;stroke-linecap:round;opacity:0;animation:ae-sig 2.4s infinite}
:is(#top,html) .aether .mascot .m-sig path:nth-child(2){animation-delay:.5s}
@keyframes ae-sig{0%{opacity:0}30%{opacity:.95}100%{opacity:0}}
:is(#top,html) .aether .mascot .m-limb{fill:none;stroke:var(--ink);stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
:is(#top,html) .aether .mascot .m-hand{fill:#fff;stroke:var(--ink);stroke-width:3}
:is(#top,html) .aether .m-arm{transform-box:view-box;transform-origin:156px 178px}
:is(#top,html) .aether .pose-wave .m-arm{animation:ae-wave 1.5s ease-in-out infinite;transform:rotate(-150deg)}
@keyframes ae-wave{0%,100%{transform:rotate(-150deg)}50%{transform:rotate(-122deg)}}
:is(#top,html) .aether .pose-point .m-arm{transform:rotate(-100deg);animation:ae-pt 3s ease-in-out infinite}
@keyframes ae-pt{50%{transform:rotate(-112deg)}}
:is(#top,html) .aether .pose-think svg{transform:rotate(-3deg)}
:is(#top,html) .aether .pose-think .m-eyes{transform:translate(4px,-5px)}
:is(#top,html) .aether .pose-think .m-arm{transform:rotate(-168deg)}

/* 통계 띠 */
:is(#top,html) .aether .stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-5vh;position:relative;z-index:4;border-top:2px solid var(--pill);background:var(--bg);padding:0 28px;box-shadow:0 24px 50px -30px rgba(0,0,0,.35)}
:is(#top,html) .aether .stat{padding:30px 28px 34px 0;border-right:1px solid var(--line)}
:is(#top,html) .aether .stat+.stat{padding-left:28px}
:is(#top,html) .aether .stat:last-child{border-right:0}
:is(#top,html) .aether .stat b{display:block;font:300 clamp(34px,4vw,54px)/1.05 var(--sans);letter-spacing:-.01em;color:var(--ink)}
:is(#top,html) .aether .stat b small{font-size:.5em;color:var(--acc);margin-left:2px}
:is(#top,html) .aether .stat span{display:block;margin-top:12px;font-size:13.5px;color:var(--mu);line-height:1.5;max-width:20em}

/* 섹션 */
:is(#top,html) .aether .sec{padding:clamp(64px,7vw,108px) 0;position:relative;--card:var(--bg2)}
:is(#top,html) .aether .sec.alt{background:var(--bg2);--card:#fff}
:is(#top,html) .aether .sec-h{display:grid;grid-template-columns:minmax(150px,1fr) 3fr;grid-template-areas:"e h" "e s";column-gap:48px;border-top:1px solid var(--ink);padding-top:22px;margin-bottom:44px}
:is(#top,html) .aether .sec-h .eyebrow{grid-area:e}
:is(#top,html) .aether .sec-h h2{grid-area:h;max-width:19em}
:is(#top,html) .aether .sec-h .sub{grid-area:s}
:is(#top,html) .aether .eyebrow{font:600 12.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--acc);padding-top:10px}
:is(#top,html) .aether .sub{margin-top:16px;color:var(--mu);font-size:16.5px;max-width:42em}
:is(#top,html) .aether .note{margin-top:30px;padding:16px 20px;border-left:3px solid var(--acc);background:var(--acc-t);font-size:14px;color:var(--tx);border-radius:0 12px 12px 0}
:is(#top,html) .aether .grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
:is(#top,html) .aether .grid2.wide{grid-template-columns:1.15fr .85fr}
:is(#top,html) .aether .panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:30px}
:is(#top,html) .aether .panel h3{margin-bottom:6px}

/* 스크롤 등장 */
:is(#top,html) .aether .rv{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
:is(#top,html) .aether .rv.in{opacity:1;transform:none}
:is(#top,html) .aether .d1{transition-delay:.1s}:is(#top,html) .aether .d2{transition-delay:.2s}:is(#top,html) .aether .d3{transition-delay:.3s}

/* WPT 체인 */
:is(#top,html) .aether .chain{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:26px 16px 18px;margin-bottom:28px;overflow:hidden}
:is(#top,html) .aether .chain svg{width:100%;height:auto;display:block}
:is(#top,html) .aether .chain marker path{fill:var(--acc)}
:is(#top,html) .aether .chain .node rect{fill:#fff;stroke:var(--line2);stroke-width:1.5;transition:stroke .3s,fill .3s}
:is(#top,html) .aether .chain .node.hot rect{stroke:var(--acc);fill:var(--acc-t)}
:is(#top,html) .aether .chain .t1{font:700 20px var(--sans);fill:var(--ink);text-anchor:middle}
:is(#top,html) .aether .chain .t2{font:400 13px var(--mono);fill:var(--mu);text-anchor:middle}
:is(#top,html) .aether .chain .tag text{font:500 12px var(--mono);fill:var(--mu);text-anchor:middle}
:is(#top,html) .aether .chain .aeth rect{fill:var(--acc-t);stroke:var(--acc);stroke-dasharray:4 4;stroke-width:1}
:is(#top,html) .aether .chain .aeth text{font:600 12px var(--mono);fill:var(--acc);text-anchor:middle}
:is(#top,html) .aether .chain .flow path{fill:none;stroke:var(--acc);stroke-width:2.4;stroke-dasharray:7 9;marker-end:url(#arr);animation:ae-dash 1s linear infinite}
:is(#top,html) .aether .chain .flow path.air{stroke-dasharray:2 10;stroke-linecap:round}
:is(#top,html) .aether .chain .beam path{fill:none;stroke:var(--acc);stroke-width:1.3;opacity:.4;stroke-dasharray:3 6;animation:ae-dash 1.6s linear infinite}
@keyframes ae-dash{to{stroke-dashoffset:-32}}

/* Friis */
:is(#top,html) .aether .sliders{display:grid;gap:16px;margin:22px 0}
:is(#top,html) .aether .sliders label{display:grid;grid-template-columns:1fr auto;gap:2px 12px;font-size:14px;color:var(--tx);font-weight:500}
:is(#top,html) .aether .sliders output{font-size:13px;color:var(--acc);text-align:right;font-weight:600}
:is(#top,html) .aether .sliders input{grid-column:1/-1;width:100%;accent-color:var(--acc);height:20px}
:is(#top,html) .aether .readout{display:grid;grid-template-columns:1fr 1fr;gap:12px}
:is(#top,html) .aether .readout>div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px 18px}
:is(#top,html) .aether .readout small{display:block;font-size:12px;color:var(--mu)}
:is(#top,html) .aether .readout b{display:block;font-size:28px;color:var(--ink);line-height:1.25;letter-spacing:-.03em}
:is(#top,html) .aether .readout span{font:400 12px var(--mono);color:var(--mu)}
:is(#top,html) .aether .wavebar{width:100%;height:60px;margin-top:18px}
:is(#top,html) .aether .wavebar path{fill:none;stroke:var(--acc);stroke-width:2.2;stroke-linecap:round}
:is(#top,html) .aether .eq{margin-top:10px;font-size:13px;color:var(--mu);text-align:center}
:is(#top,html) .aether .talk{display:flex;flex-direction:column-reverse;align-items:center;gap:6px}
:is(#top,html) .aether .talk .mascot{width:min(210px,60%)}
:is(#top,html) .aether .talk .bubble{max-width:100%;text-align:center}
:is(#top,html) .aether .talk .bubble::after{left:calc(50% - 7px)}
:is(#top,html) .aether .ticks{list-style:none;display:grid;gap:10px;margin-top:22px;width:100%}
:is(#top,html) .aether .ticks li{padding:14px 16px 14px 40px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:14.5px;color:var(--tx);position:relative}
:is(#top,html) .aether .ticks li::before{content:"";position:absolute;left:16px;top:50%;width:9px;height:9px;margin-top:-4.5px;border-radius:50%;background:var(--acc)}

/* 탭 */
:is(#top,html) .aether .tabs{display:inline-flex;gap:4px;padding:4px;background:var(--bg3);border-radius:999px;margin-bottom:38px;max-width:100%;overflow-x:auto;scrollbar-width:none}
:is(#top,html) .aether .tabs::-webkit-scrollbar{display:none}
:is(#top,html) .aether .tabs button{flex:none;padding:9px 24px;border-radius:999px;font-weight:500;font-size:14.5px;color:var(--mu);transition:.25s}
:is(#top,html) .aether .tabs button:hover{color:var(--ink)}
:is(#top,html) .aether .tabs button[aria-selected=true]{background:var(--ink);color:#fff}
:is(#top,html) .aether .tabpane{display:none}
:is(#top,html) .aether .tabpane.on{display:block;animation:ae-fade .5s}
@keyframes ae-fade{from{opacity:0;transform:translateY(10px)}}
:is(#top,html) .aether .shot{margin:0;background:#fff;border:1px solid var(--line2);border-radius:10px;overflow:hidden;box-shadow:var(--sh)}
:is(#top,html) .aether .shot img{width:100%;height:auto}
:is(#top,html) .aether .shot figcaption{padding:13px 18px;font-size:13px;color:var(--mu);border-top:1px solid var(--line);background:#fff}
:is(#top,html) .aether .story h3{margin-bottom:20px;font-size:24px}
:is(#top,html) .aether .steps{list-style:none;counter-reset:s;display:grid;gap:16px}
:is(#top,html) .aether .steps li{counter-increment:s;position:relative;padding-left:48px;color:var(--mu);font-size:15.5px}
:is(#top,html) .aether .steps li::before{content:counter(s);position:absolute;left:0;top:-1px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 13px var(--mono)}
:is(#top,html) .aether .steps b{color:var(--ink);margin-right:8px}
:is(#top,html) .aether .charts{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
:is(#top,html) .aether .chart{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px 20px}
:is(#top,html) .aether .chart.wide1{grid-column:1/-1}
:is(#top,html) .aether .chart figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:14.5px}
:is(#top,html) .aether .chart figcaption b{color:var(--ink)}
:is(#top,html) .aether .chart figcaption span{font:400 12px var(--mono);color:var(--mu)}
:is(#top,html) .aether .chart svg{width:100%;height:auto;display:block}
:is(#top,html) .aether #chPat svg,:is(#top,html) .aether #chSmith svg{max-width:400px;margin:0 auto}
:is(#top,html) .aether #pane-ant .charts{grid-template-columns:repeat(3,1fr)}
:is(#top,html) .aether #pane-ant .kpi{min-width:0;padding:10px 12px}
:is(#top,html) .aether .chart .ax text{font:400 11px var(--mono);fill:var(--mu)}
:is(#top,html) .aether .chart .ax line,:is(#top,html) .aether .chart .gl{stroke:var(--line);stroke-width:1}
:is(#top,html) .aether .chart .pg{fill:none;stroke:var(--line2);stroke-width:1}
:is(#top,html) .aether .chart .pg.f{stroke:var(--mu)}
:is(#top,html) .aether .chart .ln{fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
:is(#top,html) .aether .chart .ln.dr{stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:ae-draw 1.8s cubic-bezier(.3,.6,.2,1) forwards}
@keyframes ae-draw{to{stroke-dashoffset:0}}
:is(#top,html) .aether .chart .lbl{font:600 11.5px var(--mono)}
:is(#top,html) .aether .chart .dotp{stroke:#fff;stroke-width:2.5}
:is(#top,html) .aether .lgds{flex-basis:100%;display:flex;flex-wrap:wrap;gap:18px;font:500 12px var(--mono);color:var(--mu)}
:is(#top,html) .aether .lgd{display:inline-flex;align-items:center;gap:8px}
:is(#top,html) .aether .lgd i{width:22px;height:4px;border-radius:3px}
:is(#top,html) .aether .kpis{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
:is(#top,html) .aether .kpi{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 16px;min-width:112px}
:is(#top,html) .aether .kpi small{display:block;font-size:11.5px;color:var(--mu)}
:is(#top,html) .aether .kpi b{font-size:19px;color:var(--ink)}
:is(#top,html) .aether .kpi b u{text-decoration:none;color:var(--acc);font-weight:600}

/* 메인 화면 둘러보기 */
:is(#top,html) .aether .tour-pane{display:none}
:is(#top,html) .aether .tour-pane.on{display:block;animation:ae-fade .5s}
:is(#top,html) .aether .tour-grid{display:grid;grid-template-columns:1.9fr 1fr;gap:32px;align-items:start}
:is(#top,html) .aether .tour-shot{position:relative;border:1px solid var(--line2);border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.05),0 40px 80px -30px rgba(0,0,0,.35)}
:is(#top,html) .aether .tour-shot img{width:100%;height:auto;display:block}
:is(#top,html) .aether .hs{position:absolute;border:1px solid transparent;border-radius:6px;transition:box-shadow .45s,border-color .3s;cursor:pointer;padding:0}
:is(#top,html) .aether .hs i{position:absolute;left:6px;top:6px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:700 12px var(--mono);font-style:normal;transition:.3s;box-shadow:0 0 0 3px rgba(255,255,255,.85)}
:is(#top,html) .aether .hs.on{border:2px solid var(--acc);box-shadow:0 0 0 2000px rgba(0,0,0,.58),0 0 0 4px rgba(22,122,150,.25)}
:is(#top,html) .aether .hs.on i{background:var(--acc);transform:scale(1.15)}
:is(#top,html) .aether .tour-list{list-style:none;display:grid;gap:10px;counter-reset:t}
:is(#top,html) .aether .tour-list li{counter-increment:t;position:relative;padding:15px 18px 15px 56px;border:1px solid var(--line);border-radius:8px;background:var(--card);cursor:pointer;transition:.3s}
:is(#top,html) .aether .tour-list li::before{content:counter(t);position:absolute;left:16px;top:16px;width:26px;height:26px;border-radius:50%;border:1.5px solid var(--line2);color:var(--mu);display:grid;place-items:center;font:700 12px var(--mono);transition:.3s;background:#fff}
:is(#top,html) .aether .tour-list b{display:block;font-size:15.5px;margin-bottom:2px;color:var(--ink)}
:is(#top,html) .aether .tour-list span{display:none;font-size:13.5px;color:var(--mu);line-height:1.65}
:is(#top,html) .aether .tour-list li:hover{border-color:var(--line2)}
:is(#top,html) .aether .tour-list li.on{border-color:var(--ink);background:#fff;box-shadow:var(--sh)}
:is(#top,html) .aether .tour-list li.on::before{background:var(--acc);color:#fff;border-color:var(--acc)}
:is(#top,html) .aether .tour-list li.on span{display:block}
:is(#top,html) .aether .tour-hint{margin-top:20px;font:400 12.5px var(--mono);color:var(--mu);text-align:center}

/* 필드·전류·방사 뷰어 */
:is(#top,html) .aether .fd{display:grid;grid-template-columns:1.12fr .88fr;gap:40px;align-items:start}
:is(#top,html) .aether .fd-stage{background:#fff;border:1px solid var(--line2);border-radius:10px;padding:14px;box-shadow:var(--sh)}
:is(#top,html) .aether .fd-stage canvas{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:10px;cursor:default}
:is(#top,html) .aether .fd-legend{display:flex;align-items:center;gap:12px;margin-top:12px;font:500 12px var(--mono);color:var(--mu)}
:is(#top,html) .aether .fd-legend i{flex:1;height:10px;border-radius:6px;border:1px solid var(--line)}
:is(#top,html) .aether .fd-tabs{display:flex;flex-wrap:wrap;margin-bottom:22px;border-radius:18px}
:is(#top,html) .aether .fd-tabs button{padding:10px 20px}
:is(#top,html) .aether .fd-ctl{display:grid;gap:14px;margin-bottom:22px}
:is(#top,html) .aether .seg{display:inline-flex;padding:3px;border-radius:999px;background:var(--bg3);width:max-content;max-width:100%}
:is(#top,html) .aether .seg button{padding:8px 16px;border-radius:999px;font-weight:600;font-size:13.5px;color:var(--mu);transition:.2s}
:is(#top,html) .aether .seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.15)}
:is(#top,html) .aether .fd-phase{display:flex;align-items:center;gap:14px}
:is(#top,html) .aether .fd-phase button{flex:none;padding:8px 16px;border-radius:999px;font:600 12.5px var(--mono);background:var(--ink);color:#fff}
:is(#top,html) .aether .fd-phase input{flex:1;accent-color:var(--acc)}
:is(#top,html) .aether .fd-phase output{flex:none;min-width:48px;text-align:right;font:600 13px var(--mono);color:var(--acc)}
:is(#top,html) .aether .fd-side h3{font-size:26px;margin-bottom:10px}
:is(#top,html) .aether .fd-side p{color:var(--mu);font-size:15.5px}
:is(#top,html) .aether .fd-facts{list-style:none;display:grid;gap:8px;margin-top:20px}
:is(#top,html) .aether .fd-facts li{padding:12px 16px 12px 38px;background:#fff;border:1px solid var(--line);border-radius:8px;font-size:14px;color:var(--tx);position:relative}
:is(#top,html) .aether .fd-facts li::before{content:"";position:absolute;left:16px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--acc)}

/* 열 해석 */
:is(#top,html) .aether .th-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
:is(#top,html) .aether .th-chips button,:is(#top,html) .aether .at-chips button{padding:8px 16px;border-radius:999px;font-weight:600;font-size:13.5px;color:var(--mu);background:var(--bg3);transition:.2s}
:is(#top,html) .aether .th-chips button:hover,:is(#top,html) .aether .at-chips button:hover{color:var(--ink)}
:is(#top,html) .aether .th-chips button[aria-selected=true],:is(#top,html) .aether .at-chips button[aria-selected=true]{background:var(--ink);color:#fff}
:is(#top,html) .aether .th-fig canvas{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:10px;background:#fff}
:is(#top,html) .aether .th-legend{margin-top:10px}
:is(#top,html) .aether .th-bars .th-r{grid-template-columns:1.4fr 1fr 2.2fr 90px;padding:16px 0}
:is(#top,html) .aether .th-bars .th-r:last-child{border-bottom:0}

/* 기능 지도 */
:is(#top,html) .aether .at-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
:is(#top,html) .aether .at-chips button i{font:600 11px var(--mono);font-style:normal;margin-left:8px;opacity:.6}
:is(#top,html) .aether .atlas{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
:is(#top,html) .aether .acard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 24px 26px;transition:transform .3s,box-shadow .3s,border-color .3s,background .3s;animation:ae-fade .45s both}
:is(#top,html) .aether .acard:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--line2);background:#fff}
:is(#top,html) .aether .acard-t{display:flex;align-items:center;gap:10px;margin-bottom:14px;font:600 11.5px var(--mono);letter-spacing:.04em;color:var(--acc)}
:is(#top,html) .aether .acard-t svg{width:34px;height:34px;padding:8px;border-radius:10px;background:var(--acc-t);fill:none;stroke:var(--acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:is(#top,html) .aether .acard h3{font-size:18.5px;margin-bottom:6px}
:is(#top,html) .aether .acard code{display:block;margin-bottom:10px;font:500 11.5px/1.5 var(--mono);color:var(--mu);overflow-wrap:anywhere}
:is(#top,html) .aether .acard p{font-size:14.2px;color:var(--mu);line-height:1.68}
:is(#top,html) .aether .mm{margin-top:64px;padding-top:28px;border-top:1px solid var(--ink)}
:is(#top,html) .aether .mm-h{display:grid;grid-template-columns:minmax(150px,1fr) 3fr;gap:48px;margin-bottom:26px}
:is(#top,html) .aether .mm-h h3{font-size:24px}
:is(#top,html) .aether .mm-list{display:flex;flex-wrap:wrap;gap:8px}
:is(#top,html) .aether .mm-list span{padding:8px 14px;background:var(--bg2);border:1px solid var(--line);border-radius:10px;font:500 12.5px var(--mono);color:var(--tx)}
:is(#top,html) .aether .sec.alt .mm-list span{background:#fff}

/* Physical AI */
:is(#top,html) .aether .phys-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:start;margin:34px 0 28px}
:is(#top,html) .aether .phys-stage{background:#fff;border:1px solid var(--line2);border-radius:10px;padding:14px;box-shadow:var(--sh)}
:is(#top,html) .aether .phys-stage canvas{width:100%;height:auto;display:block;border-radius:10px;margin-bottom:12px}
:is(#top,html) .aether .phys-side{display:grid;gap:22px}
:is(#top,html) .aether .phys-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}

/* Export 카드 */
:is(#top,html) .aether .exp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
:is(#top,html) .aether .ecard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
:is(#top,html) .aether .ecard:hover{transform:translateY(-4px);box-shadow:var(--sh);border-color:var(--line2)}
:is(#top,html) .aether .ecard.big,:is(#top,html) .aether .ecard:nth-last-child(-n+2){grid-column:span 2}
:is(#top,html) .aether .ecard .shot{border:0;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}
:is(#top,html) .aether .ecard-b{padding:22px 24px 26px}
:is(#top,html) .aether .ecard h3{font-size:18.5px;margin-bottom:6px}
:is(#top,html) .aether .ecard code{display:block;margin-bottom:10px;font:500 11.5px/1.5 var(--mono);color:var(--acc);overflow-wrap:anywhere}
:is(#top,html) .aether .ecard p{font-size:14.2px;color:var(--mu);line-height:1.68}
:is(#top,html) .aether .ecard ul{list-style:none;display:grid;gap:6px;margin-top:14px}
:is(#top,html) .aether .ecard li{font:500 12px/1.5 var(--mono);color:var(--tx);padding-left:16px;position:relative}
:is(#top,html) .aether .ecard li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--acc)}
:is(#top,html) .aether .ecode{margin:0;padding:16px 18px;background:#1b1b1b;color:#d8d8d8;font:12px/1.7 var(--mono);overflow-x:auto;white-space:pre}
:is(#top,html) .aether .ecode span{display:block}
:is(#top,html) .aether .ecode span:first-child,:is(#top,html) .aether .ecode span:nth-child(2),:is(#top,html) .aether .ecode span:nth-child(3),:is(#top,html) .aether .ecode span:nth-child(4){color:#8a8a8a}

/* 사용 방법 */
:is(#top,html) .aether .how{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:start}
:is(#top,html) .aether .frame{position:relative;border:1px solid var(--line2);border-radius:8px;overflow:hidden;background:#fff;aspect-ratio:16/9.6;box-shadow:0 2px 4px rgba(0,0,0,.05),0 40px 80px -30px rgba(0,0,0,.35)}
:is(#top,html) .aether .frame img{position:absolute;inset:26px 0 0 0;width:100%;height:calc(100% - 26px);object-fit:cover;object-position:top;opacity:0;transform:scale(1.02);transition:opacity .6s,transform .8s}
:is(#top,html) .aether .frame img.on{opacity:1;transform:none}
:is(#top,html) .aether .frame-bar{position:absolute;inset:0 0 auto 0;height:26px;background:var(--bg3);display:flex;align-items:center;gap:6px;padding:0 10px;font:11px var(--mono);color:var(--mu);border-bottom:1px solid var(--line)}
:is(#top,html) .aether .frame-bar i{width:9px;height:9px;border-radius:50%;background:var(--line2)}
:is(#top,html) .aether .frame-bar span{margin-left:8px}
:is(#top,html) .aether .how-steps{list-style:none;display:grid;gap:8px}
:is(#top,html) .aether .how-steps li{border:1px solid var(--line);border-radius:8px;background:var(--card);transition:border-color .3s,background .3s,box-shadow .3s}
:is(#top,html) .aether .how-steps li.on{border-color:var(--ink);background:#fff;box-shadow:var(--sh)}
:is(#top,html) .aether .how-steps button{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;text-align:left}
:is(#top,html) .aether .how-steps .n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--bg3);display:grid;place-items:center;font:600 13px var(--mono);color:var(--mu);transition:.3s}
:is(#top,html) .aether .how-steps li.on .n{background:var(--acc);color:#fff}
:is(#top,html) .aether .how-steps .t{font-size:16px;font-weight:600;color:var(--ink);line-height:1.4}
:is(#top,html) .aether .how-steps p{display:none;padding:0 18px 16px 60px;color:var(--mu);font-size:14.5px;line-height:1.7}
:is(#top,html) .aether .how-steps li.on p{display:block;animation:ae-fade .4s}

/* 정확도 */
:is(#top,html) .aether .acc{border-top:1px solid var(--line)}
:is(#top,html) .aether .acc-r{display:grid;grid-template-columns:1.5fr 1.1fr 1.1fr 2fr 90px;gap:18px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line);font-size:15px}
:is(#top,html) .aether .acc-r.h{font:600 11.5px var(--mono);color:var(--mu);letter-spacing:.06em;text-transform:uppercase;padding:14px 0}
:is(#top,html) .aether .acc-r>span:first-child{font-weight:600;color:var(--ink)}
:is(#top,html) .aether .acc-r .v{font:500 14px var(--mono);color:var(--mu)}
:is(#top,html) .aether .acc-bar{height:8px;border-radius:8px;background:var(--bg3);overflow:hidden}
:is(#top,html) .aether .acc-bar i{display:block;height:100%;width:0;background:var(--acc);border-radius:8px;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
:is(#top,html) .aether .acc-v{text-align:right;color:var(--ink);font-weight:700}

/* 비교 */
:is(#top,html) .aether .cmp{border-top:1px solid var(--ink)}
:is(#top,html) .aether .cmp-h,:is(#top,html) .aether .cmp-r{display:grid;grid-template-columns:160px 1fr 1fr;gap:0}
:is(#top,html) .aether .cmp-h{font-size:14px;border-bottom:1px solid var(--line)}
:is(#top,html) .aether .cmp-h b,:is(#top,html) .aether .cmp-h span{padding:18px 24px;color:var(--mu)}
:is(#top,html) .aether .cmp-h .acc-c{color:var(--acc)}
:is(#top,html) .aether .cmp-r{border-bottom:1px solid var(--line)}
:is(#top,html) .aether .cmp-r span{padding:24px 24px 24px 0;font-weight:650;font-size:14.5px;color:var(--ink)}
:is(#top,html) .aether .cmp-r p{padding:24px;font-size:15px;color:var(--mu)}
:is(#top,html) .aether .cmp-r p:last-child{color:var(--ink);font-weight:550;background:var(--acc-t);border-left:3px solid var(--acc)}

/* AI */
:is(#top,html) .aether .ai-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px;font:500 13px var(--mono)}
:is(#top,html) .aether .ai-flow span{padding:11px 18px;border:1px solid var(--line2);border-radius:999px;background:#fff;color:var(--ink)}
:is(#top,html) .aether .ai-flow i{width:34px;height:2px;background:repeating-linear-gradient(90deg,var(--acc) 0 6px,transparent 6px 11px);animation:ae-dashx 1s linear infinite;background-size:11px 2px}
:is(#top,html) .aether .ai-flow i.back{background-image:repeating-linear-gradient(90deg,var(--warm) 0 6px,transparent 6px 11px)}
@keyframes ae-dashx{to{background-position:11px 0}}
:is(#top,html) .aether .term{background:#1b1b1b;border-radius:10px;overflow:hidden;box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
:is(#top,html) .aether .term-tabs{display:flex;gap:2px;padding:10px 12px 0;background:#111}
:is(#top,html) .aether .term-tabs button{padding:9px 18px;font:500 13px var(--mono);color:#8a8a8a;border-radius:8px 8px 0 0}
:is(#top,html) .aether .term-tabs button[aria-selected=true]{background:#1b1b1b;color:var(--pill)}
:is(#top,html) .aether .term-body{padding:22px 24px;min-height:360px;max-height:430px;overflow:auto;font-size:13px;line-height:1.75;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;color:#dcdcdc}
:is(#top,html) .aether .term-body .c{color:#7d7d7d}:is(#top,html) .aether .term-body .p{color:var(--pill)}:is(#top,html) .aether .term-body .o{color:#b0b0b0}:is(#top,html) .aether .term-body .g{color:#ace5cc}
:is(#top,html) .aether .term-body .cur{display:inline-block;width:8px;height:15px;background:var(--pill);vertical-align:-2px;animation:ae-glow 1s steps(2) infinite}
:is(#top,html) .aether .term-bar{padding:10px 14px;border-top:1px solid #2c2c2c;display:flex;justify-content:flex-end}
:is(#top,html) .aether .term-bar .btn{background:transparent;color:#dcdcdc;box-shadow:inset 0 0 0 1px #4a4a4a}
:is(#top,html) .aether .term-bar .btn:hover{background:#fff;color:var(--ink)}
:is(#top,html) .aether .prompts{display:grid;gap:12px;margin-bottom:26px}
:is(#top,html) .aether .pr{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px 18px;display:flex;gap:14px;align-items:flex-start;justify-content:space-between;font-size:14.5px;color:var(--tx)}
:is(#top,html) .aether .pr button{flex:none;font:600 12px var(--mono);padding:6px 13px;border-radius:999px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2);transition:.2s}
:is(#top,html) .aether .pr button:hover{background:var(--ink);color:#fff;box-shadow:none}
:is(#top,html) .aether .talk-sm{display:flex;align-items:flex-end;gap:14px}
:is(#top,html) .aether .talk-sm .mascot{width:110px;flex:none}
:is(#top,html) .aether .talk-sm .bubble::after{left:-7px;bottom:22px;transform:rotate(135deg)}

/* CTA, 푸터 */
:is(#top,html) .aether .cta-sec{padding:0 0 80px}
:is(#top,html) .aether[data-page=overview] .ae-next-in{grid-template-columns:1fr}
:is(#top,html) .aether[data-page=overview] .ae-next-cta{display:none}
:is(#top,html) .aether .cta-card{display:flex;align-items:center;gap:48px;padding:56px 64px;border-radius:12px;background:var(--dark);color:#fff;position:relative;overflow:hidden}
:is(#top,html) .aether .cta-card::before{content:"";position:absolute;right:-120px;top:-160px;width:460px;height:460px;border-radius:50%;border:1.5px solid rgba(181,244,251,.35);box-shadow:0 0 0 60px rgba(181,244,251,.05),0 0 0 120px rgba(181,244,251,.03)}
:is(#top,html) .aether .cta-card .mascot{width:150px;flex:none;position:relative;filter:none}
:is(#top,html) .aether .cta-card .mascot .m-limb,:is(#top,html) .aether .cta-card .mascot .m-ant{stroke:#e8e8e8}
:is(#top,html) .aether .cta-card .mascot .m-hand{fill:#e8e8e8;stroke:#e8e8e8}
:is(#top,html) .aether .cta-card .mascot .m-head,:is(#top,html) .aether .cta-card .mascot .m-body,:is(#top,html) .aether .cta-card .mascot .m-ear,:is(#top,html) .aether .cta-card .mascot .m-neck{stroke:#e8e8e8}
:is(#top,html) .aether .cta-card .mascot .m-visor{fill:#000}
:is(#top,html) .aether .cta-card>div{position:relative}
:is(#top,html) .aether .cta-card h2{margin-bottom:12px;color:#fff}
:is(#top,html) .aether .cta-card p{color:#c3c4c7;margin-bottom:28px}
:is(#top,html) .aether .cta-card .btn.ghost{background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.6)}
:is(#top,html) .aether .cta-card .btn.ghost:hover{background:#fff;color:#000}
/* 반응형 */
@media (max-width:980px){
  :is(#top,html) .aether .grid2,:is(#top,html) .aether .grid2.wide,:is(#top,html) .aether .charts,:is(#top,html) .aether .how,:is(#top,html) .aether .tour-grid,:is(#top,html) .aether .fd,:is(#top,html) .aether .mm-h{grid-template-columns:1fr}
  :is(#top,html) .aether .mm-h{gap:12px}
  :is(#top,html) .aether .atlas{grid-template-columns:1fr 1fr}
  :is(#top,html) .aether .exp-grid,:is(#top,html) .aether .phys-cards{grid-template-columns:1fr 1fr}
  :is(#top,html) .aether .phys-grid{grid-template-columns:1fr}
  :is(#top,html) .aether .th-bars .th-r{grid-template-columns:1fr 1fr;gap:8px 14px}
  :is(#top,html) .aether .th-bars .th-r .acc-bar{grid-column:1/-1}
  :is(#top,html) .aether .hs i{width:20px;height:20px;font-size:11px}
  :is(#top,html) .aether .stats{grid-template-columns:1fr 1fr}
  :is(#top,html) .aether .stat{border-bottom:1px solid var(--line)}
  :is(#top,html) .aether .stat:nth-child(2n){border-right:0}
  :is(#top,html) .aether .stat:nth-child(odd){padding-left:0}
  :is(#top,html) .aether .stat:nth-child(even){padding-left:24px}
  :is(#top,html) .aether .sec-h{grid-template-columns:1fr;grid-template-areas:"e" "h" "s"}
  :is(#top,html) .aether .eyebrow{padding-top:0;margin-bottom:12px}
  :is(#top,html) .aether .hero-char{width:120px;bottom:3vh;right:3vw}
  :is(#top,html) .aether .hero-char .bubble{display:none}
  :is(#top,html) .aether .tabs button{padding:8px 16px;font-size:13.5px}
  :is(#top,html) .aether .hero-grad{background:linear-gradient(0deg,#000 6%,rgba(0,0,0,.7) 55%,rgba(0,0,0,.4))}
  :is(#top,html) .aether .acc-r{grid-template-columns:1fr 1fr;gap:8px 14px}
  :is(#top,html) .aether .acc-r.h{display:none}
  :is(#top,html) .aether .acc-r .acc-bar{grid-column:1/-1}
  :is(#top,html) .aether .cmp-h{display:none}
  :is(#top,html) .aether .cmp-r{grid-template-columns:1fr}
  :is(#top,html) .aether .cmp-r span{padding-bottom:0}
  :is(#top,html) .aether .cmp-r p:nth-of-type(1){padding-left:0}
  :is(#top,html) .aether .hint{display:none}
  :is(#top,html) .aether .cmp-r p:last-child{margin-top:8px}
  :is(#top,html) .aether .cta-card{flex-direction:column;text-align:center;padding:40px 26px}
  :is(#top,html) .aether .stats{padding:0 18px}
}
@media (max-width:1100px){:is(#top,html) .aether #pane-ant .charts{grid-template-columns:1fr 1fr}}
@media (max-width:820px){:is(#top,html) .aether #pane-ant .charts{grid-template-columns:1fr}}
@media (max-width:640px){:is(#top,html) .aether .atlas,:is(#top,html) .aether .exp-grid,:is(#top,html) .aether .phys-cards{grid-template-columns:1fr}:is(#top,html) .aether .ecard.big,:is(#top,html) .aether .ecard:nth-last-child(-n+2){grid-column:auto}}
@media (max-width:560px){:is(#top,html) .aether .hero-char{width:96px;opacity:.85}}

/* 모션 감소 */
@media (prefers-reduced-motion:reduce){
  :is(#top,html) .aether,:is(#top,html) .aether *,:is(#top,html) .aether *::before,:is(#top,html) .aether *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  :is(#top,html) .aether .rv{opacity:1;transform:none}
  :is(#top,html) .aether .acc-bar i{transition:none}
}

/* ===================== WordPress 5개 페이지용 추가 요소 ===================== */

/* 페이지 안내 바: 사이트 헤더 바로 아래에 붙는 얇은 바 */
:is(#top,html) .aether .ae-sub-slot{position:relative;z-index:40}
:is(#top,html) .aether .ae-sub{position:relative;left:0;right:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid var(--line)}
:is(#top,html) .aether .ae-sub.pin{position:fixed;box-shadow:0 10px 24px -18px rgba(0,0,0,.35)}
:is(#top,html) .aether .ae-sub-in{display:flex;align-items:center;gap:28px;width:min(1240px,92vw);margin:0 auto;height:52px}
:is(#top,html) .aether .ae-sub-brand{flex:none;display:flex;align-items:baseline;gap:8px;line-height:1}
:is(#top,html) .aether .ae-sub-brand b{font-size:13px;font-weight:600;letter-spacing:.16em;color:var(--ink)}
:is(#top,html) .aether .ae-sub-brand i{font-style:normal;font-size:11.5px;letter-spacing:.06em;color:var(--mu)}
:is(#top,html) .aether .ae-sub-links{flex:1;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,#000 92%,transparent)}
:is(#top,html) .aether .ae-sub-links::-webkit-scrollbar{display:none}
:is(#top,html) .aether .ae-sub-links a{flex:none;padding:7px 14px;border-radius:999px;font-size:14px;color:var(--mu);transition:color .2s,background .2s;white-space:nowrap}
:is(#top,html) .aether .ae-sub-links a:hover{color:var(--ink);background:var(--bg3)}
:is(#top,html) .aether .ae-sub-links a.cur{color:#000;background:var(--pill);font-weight:500}
:is(#top,html) .aether .ae-sub .lang{flex:none;background:var(--bg3)}
:is(#top,html) .aether .ae-sub .lang span{color:var(--mu)}
:is(#top,html) .aether .ae-sub .lang span.on{background:var(--ink);color:#fff}
:is(#top,html) .aether .ae-prog{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}
:is(#top,html) .aether .ae-prog i{display:block;height:100%;background:var(--acc);transform:scaleX(0);transform-origin:0 50%}

/* 하위 페이지 머리: 홈페이지 Hero 톤의 짧은 검은 띠 */
:is(#top,html) .aether .ae-head{position:relative;overflow:hidden;background:var(--dark);color:#fff;padding:72px 0 64px}
:is(#top,html) .aether .ae-head::before{content:"";position:absolute;right:-180px;top:-260px;width:720px;height:720px;border-radius:50%;border:1px solid rgba(181,244,251,.22);box-shadow:0 0 0 70px rgba(181,244,251,.035),0 0 0 140px rgba(181,244,251,.025),0 0 0 210px rgba(181,244,251,.015)}
:is(#top,html) .aether .ae-head .wrap{position:relative}
:is(#top,html) .aether .ae-head h1{color:#fff;font-size:clamp(34px,4.4vw,58px)}
:is(#top,html) .aether .ae-head .lead{margin:18px 0 30px;color:#c3c4c7;max-width:44em}
:is(#top,html) .aether .ae-see{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
:is(#top,html) .aether .ae-see b{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8a8a8a;margin-right:6px}
:is(#top,html) .aether .ae-see a{padding:8px 16px;border-radius:999px;font-size:14px;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);transition:background .2s,color .2s}
:is(#top,html) .aether .ae-see a::after{content:" ↓";color:var(--pill)}
:is(#top,html) .aether .ae-see a:hover{background:var(--pill);color:#000}
:is(#top,html) .aether .ae-see a:hover::after{color:#000}

/* 개요: 하위 페이지 바로가기 카드 */
:is(#top,html) .aether .ov-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
:is(#top,html) .aether .ov-card{display:flex;flex-direction:column;gap:8px;padding:26px 24px 24px;border:1px solid var(--line);border-radius:var(--r);background:var(--card);transition:transform .3s,box-shadow .3s,border-color .3s,background .3s}
:is(#top,html) .aether .ov-card small{font:500 12px var(--mono);color:var(--acc)}
:is(#top,html) .aether .ov-card b{font-size:21px;font-weight:600;color:var(--ink);line-height:1.3}
:is(#top,html) .aether .ov-card span{flex:1;font-size:14.5px;color:var(--mu);line-height:1.65}
:is(#top,html) .aether .ov-card em{margin-top:10px;font-style:normal;font-size:13.5px;font-weight:500;color:var(--ink)}
:is(#top,html) .aether .ov-card em::after{content:" →";transition:margin .25s}
:is(#top,html) .aether .ov-card:hover{transform:translateY(-4px);background:#fff;border-color:var(--ink);box-shadow:var(--sh)}
:is(#top,html) .aether .ov-card:hover em::after{margin-left:4px}

/* 다음 페이지 카드 + 문의 */
:is(#top,html) .aether .ae-next{padding:56px 0 40px;border-top:1px solid var(--line)}
:is(#top,html) .aether .ae-next-in{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
:is(#top,html) .aether .ae-next-card{display:flex;flex-direction:column;gap:4px;padding:28px 30px;border-radius:var(--r);background:var(--dark);color:#fff;position:relative;overflow:hidden;transition:transform .3s}
:is(#top,html) .aether .ae-next-card::after{content:"→";position:absolute;right:30px;top:50%;transform:translateY(-50%);font-size:34px;font-weight:300;color:var(--pill);transition:right .3s}
:is(#top,html) .aether .ae-next-card:hover{transform:translateY(-3px)}
:is(#top,html) .aether .ae-next-card:hover::after{right:22px}
:is(#top,html) .aether .ae-next-card small{font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--pill)}
:is(#top,html) .aether .ae-next-card b{font-size:clamp(22px,2.4vw,30px);font-weight:300;color:#fff;padding-right:60px}
:is(#top,html) .aether .ae-next-card span{font-size:14.5px;color:#c3c4c7;padding-right:60px}
:is(#top,html) .aether .ae-next-cta{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:28px 30px;border-radius:var(--r);background:var(--bg2);border:1px solid var(--line)}
:is(#top,html) .aether .ae-next-cta b{font-size:18px;font-weight:600;color:var(--ink)}
:is(#top,html) .aether .ae-foot-note{margin-top:28px;font-size:12.5px;color:var(--mu)}

/* 기능 지도: 처음에는 6장만, 버튼으로 모두 펼침 */
:is(#top,html) .aether .atlas:not(.all) .acard:nth-child(n+7){display:none}
:is(#top,html) .aether .at-more-row{display:flex;justify-content:center;margin-top:24px}
:is(#top,html) .aether .at-more-row .btn[hidden]{display:none}

/* 같은 자리에서 두 주제를 바꿔 보는 탭 */
:is(#top,html) .aether .sw-pane{display:none}
:is(#top,html) .aether .sw-pane.on{display:block;animation:ae-fade .5s}
:is(#top,html) .aether .phys-h{margin-bottom:26px}
:is(#top,html) .aether .sw-pane .phys-grid{margin-top:26px}

@media (max-width:980px){
  :is(#top,html) .aether .ov-grid{grid-template-columns:1fr 1fr}
  :is(#top,html) .aether .ae-next-in{grid-template-columns:1fr}
  :is(#top,html) .aether .ae-sub-brand{display:none}
  :is(#top,html) .aether .ae-sub-in{gap:12px}
  :is(#top,html) .aether .how{gap:22px}
  :is(#top,html) .aether .ae-head{padding:52px 0 46px}
}
@media (max-width:640px){
  /* 휴대폰: 기능 카드는 옆으로 넘기는 띠, 전부 보여 주고 '모두 보기'는 숨김 */
  :is(#top,html) .aether .atlas{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;margin-right:-4vw;padding-right:4vw}
  :is(#top,html) .aether .atlas .acard{scroll-snap-align:start}
  :is(#top,html) .aether .exp-grid{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:86%;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;margin-right:-4vw;padding-right:4vw}
  :is(#top,html) .aether .exp-grid .ecard{scroll-snap-align:start;grid-column:auto!important}
  :is(#top,html) .aether .atlas:not(.all) .acard:nth-child(n+7){display:block}
  :is(#top,html) .aether .at-more-row{display:none}
  :is(#top,html) .aether .ov-grid{grid-template-columns:1fr}
  :is(#top,html) .aether .ae-sub-links a{padding:6px 11px;font-size:13px}
  :is(#top,html) .aether .ae-next-card,:is(#top,html) .aether .ae-next-cta{padding:22px}
}

/* ===================== 줄바꿈 다듬기 =====================
   제목·요약은 줄 길이를 고르게(balance), 본문은 마지막 줄에 한 단어만 남지 않게(pretty).
   pretty 를 모르는 브라우저는 main.js 의 noWidow() 가 마지막 두 단어를 붙여 준다. */
:is(#top,html) .aether h1,:is(#top,html) .aether h2,:is(#top,html) .aether h3,:is(#top,html) .aether h4,:is(#top,html) .aether .lead,:is(#top,html) .aether .sub,:is(#top,html) .aether .eyebrow,:is(#top,html) .aether .ov-card b,:is(#top,html) .aether .ae-next-card b,:is(#top,html) .aether .ae-next-cta b,:is(#top,html) .aether .chart figcaption b,:is(#top,html) .aether .tour-list b,:is(#top,html) .aether .how-steps .t,:is(#top,html) .aether .acard h3,:is(#top,html) .aether .ecard h3{text-wrap:balance}
:is(#top,html) .aether p,:is(#top,html) .aether li,:is(#top,html) .aether figcaption,:is(#top,html) .aether .ov-card span,:is(#top,html) .aether .ae-next-card span,:is(#top,html) .aether .bubble,:is(#top,html) .aether .cmp-r p,:is(#top,html) .aether .note,:is(#top,html) .aether .fd-side p,:is(#top,html) .aether .acard p,:is(#top,html) .aether .ecard p,:is(#top,html) .aether .tour-list span,:is(#top,html) .aether .how-steps p{text-wrap:pretty}

/* ===================== 실전 설계 가이드 PDF ===================== */
:is(#top,html) .aether .guide-card{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:56px;align-items:center}
:is(#top,html) .aether .guide-cover{display:block;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.06),0 34px 60px -26px rgba(0,0,0,.45);transform:rotate(-1.5deg);transition:transform .35s}
:is(#top,html) .aether .guide-cover:hover{transform:rotate(0) translateY(-4px)}
:is(#top,html) .aether .guide-cover img{width:100%;height:auto}
:is(#top,html) .aether .guide-body h2{margin:6px 0 14px}
:is(#top,html) .aether .guide-body h3{font-size:clamp(22px,2.2vw,28px);font-weight:400;margin-bottom:10px}
:is(#top,html) .aether .guide-body .sub{margin:0 0 20px}
:is(#top,html) .aether .guide-meta{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
:is(#top,html) .aether .guide-meta li{padding:5px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);font-size:13px;color:var(--tx)}
:is(#top,html) .aether .sec.alt .guide-meta li{background:#fff}
:is(#top,html) .aether .guide-card.sm{grid-template-columns:160px 1fr;gap:40px;padding:32px 36px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg2)}
:is(#top,html) .aether .guide-card.sm .guide-meta li{background:#fff}
:is(#top,html) .aether .guide-sec{padding:56px 0 8px}
/* 안내 바의 PDF 링크 */
:is(#top,html) .aether .ae-sub-dl{flex:none;display:inline-flex;align-items:center;gap:6px;padding:6px 14px 6px 12px;border-radius:999px;font-size:13.5px;font-weight:500;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line2);transition:background .2s,box-shadow .2s;white-space:nowrap}
:is(#top,html) .aether .ae-sub-dl i{font-style:normal;color:var(--acc);font-weight:600}
:is(#top,html) .aether .ae-sub-dl:hover{background:var(--pill);box-shadow:none}
@media (max-width:980px){
  :is(#top,html) .aether .guide-card{grid-template-columns:150px 1fr;gap:28px}
  :is(#top,html) .aether .guide-card.sm{grid-template-columns:110px 1fr;gap:22px;padding:24px}
}
@media (max-width:640px){
  :is(#top,html) .aether .guide-card,:is(#top,html) .aether .guide-card.sm{grid-template-columns:1fr}
  :is(#top,html) .aether .guide-cover{width:min(220px,62%);margin:0 auto}
  :is(#top,html) .aether .guide-card.sm .guide-cover{width:min(150px,45%)}
  :is(#top,html) .aether .ae-sub-dl span{display:none}
  :is(#top,html) .aether .ae-sub-dl{padding:6px 10px}
}

/* 한 페이지: 맨 아래 안내 문구와 사이트 푸터 사이 여백 */
:is(#top,html) .aether .ae-foot-note{padding-bottom:40px}