/* 스타일 묶음: 어두운 고급형. <html data-style="dark">와 함께 lp.css·blocks.css 다음에 불러온다.
   항상 어두운 화면. 주색은 어두운 바탕에서 읽히도록 밝힌 값(--blue)을 쓴다(고객 주색을 같은 색상에서 밝게).
   빛 번짐·네온·보라 그라데이션 같은 AI 티 장식은 쓰지 않는다. 면 구분은 한 단계 밝은 바탕과 1px 선으로만 */
:root[data-style="dark"]{color-scheme:dark;
  --paper:#0E0F12; --tint:#17191E; --ink:#F2F3F5; --muted:#B9BDC6; --rule:#2A2D34; --line:#F2F3F5;
  --blue:#8FA3FF; --on-blue:#0E0F12; --field:#121418; --err:#FF8A80;
  --mark:brightness(0) invert(1); --sym:brightness(0) invert(1);
  --r:12px;}
[data-style="dark"] .top{background:var(--paper)}
[data-style="dark"] .btn{border-radius:999px;font-weight:700}
[data-style="dark"] .h2{font-weight:740}
[data-style="dark"] .hero{padding-block:104px 96px}
[data-style="dark"] .hero h1{font-weight:760}
[data-style="dark"] .logos img{opacity:.7}
[data-style="dark"] .feat,[data-style="dark"] .rest article,[data-style="dark"] .sheet,[data-style="dark"] .f{background:var(--tint);border:1px solid var(--rule);border-radius:var(--r);padding:24px}
[data-style="dark"] .feat{border-top:1px solid var(--rule)}
[data-style="dark"] .rest{gap:12px}
[data-style="dark"] .sheet{padding:8px 28px}
[data-style="dark"] .calc{background:var(--tint)}
[data-style="dark"] .draft{color:#111318}
@media (max-width:900px){[data-style="dark"] .hero{padding-block:44px 56px}}