@font-face{font-family:Nunito;font-weight:600;font-display:swap;src:url(fonts/nunito-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Nunito;font-weight:700;font-display:swap;src:url(fonts/nunito-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Nunito;font-weight:800;font-display:swap;src:url(fonts/nunito-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Nunito;font-weight:900;font-display:swap;src:url(fonts/nunito-latin-900-normal.woff2) format("woff2")}
:root{
  --night:#100C2A;--night2:#16113A;--card:#1F1949;--card2:#282157;--line:#3F3778;
  --ink:#F4F1FF;--muted:#C9C2EC;--primary:#B9A4FF;--brand:#7B57F0;--coral:#FFA472;--gold:#FFCB52;--mint:#7EE0A8;
  --cream:#FFF4E8;--inkdark:#1E1638;
  --sunrise:linear-gradient(180deg,#221A5A 0%,#3D2C82 28%,#8E4C9C 46%,#E0687A 58%,#F7934F 68%,#FFB547 74%,#B98BC0 84%,#4A3A8C 100%);
  --hero:linear-gradient(135deg,#4A33B8 0%,#7A3FA8 55%,#B44E86 100%);
  --sunburst:linear-gradient(135deg,#FF6B6B,#FF9A3D,#FFC93D);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ink);font:600 17px/1.6 Nunito,"Noto Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--primary)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header.top{position:sticky;top:0;z-index:10;background:rgba(16,12,42,.82);backdrop-filter:blur(10px);border-bottom:1px solid rgba(63,55,120,.6)}
header.top .wrap{display:flex;align-items:center;gap:16px;height:64px}
.logo{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:900;font-size:22px;letter-spacing:-.3px}
.logo img{width:36px;height:36px;border-radius:10px}
nav.links{margin-inline-start:auto;display:flex;gap:22px;align-items:center}
nav.links a{color:var(--muted);text-decoration:none;font-weight:800;font-size:15px}
nav.links a:hover{color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 26px;border-radius:999px;font-weight:800;font-size:16px;text-decoration:none;border:0;cursor:pointer}
.btn.fill{background:var(--brand);color:#fff}
.btn.cream{background:var(--cream);color:var(--inkdark)}
.btn.ghost{border:1.5px solid rgba(255,255,255,.4);color:#fff}
.btn.sm{height:42px;padding:0 18px;font-size:14px}
.hero{background:var(--sunrise);position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding-top:64px;padding-bottom:72px}
.hero h1{font-size:clamp(44px,7vw,76px);line-height:1.02;font-weight:900;letter-spacing:-1.5px;margin:12px 0 16px}
.hero p.lead{font-size:20px;line-height:1.5;max-width:520px;color:#fff;opacity:.95;margin:0 0 28px}
.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;background:rgba(255,255,255,.16);padding:6px 14px;border-radius:999px}
.cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.note{font-size:14px;opacity:.85;margin-top:14px}
.phone{width:min(300px,80vw);aspect-ratio:9/20;border-radius:40px;overflow:hidden;box-shadow:0 0 0 10px #1b1830,0 0 0 11px #3a3560,0 40px 90px rgba(10,5,40,.6);margin:0 auto;background:#000}
.phone img{width:100%;height:100%;object-fit:cover}
.hero .mascot{position:absolute;width:140px;opacity:.9}
section{padding:88px 0}
section h2{font-size:clamp(32px,4.4vw,46px);line-height:1.1;font-weight:900;letter-spacing:-.8px;margin:0 0 14px}
section .sub{color:var(--muted);font-size:19px;max-width:640px;margin:0 0 40px}
.center{text-align:center}.center .sub{margin-left:auto;margin-right:auto}
.promises{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--card);border-radius:28px;padding:28px;border:1px solid rgba(63,55,120,.5)}
.card .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--card2);margin-bottom:16px;font-size:26px}
.card h3{margin:0 0 8px;font-size:22px;font-weight:900}
.card p{margin:0;color:var(--muted)}
.missions{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:start}
.mission{text-align:center}
.mission .phone{width:min(240px,70vw);margin-bottom:22px}
.mission h3{font-size:22px;margin:0 0 6px;font-weight:900}
.mission p{color:var(--muted);margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
ul.ticks{list-style:none;padding:0;margin:0;display:grid;gap:14px}
ul.ticks li{display:flex;gap:12px;align-items:flex-start}
ul.ticks li::before{content:"✓";flex:0 0 26px;height:26px;border-radius:13px;background:rgba(126,224,168,.18);color:var(--mint);display:grid;place-items:center;font-weight:900;font-size:14px;margin-top:2px}
.band{background:var(--night2)}
.pro{background:var(--hero);border-radius:36px;padding:48px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.pro h2{color:#fff}
.tiers{display:grid;gap:12px}
.tier{background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.25);border-radius:20px;padding:14px 18px}
.tier b{display:block;font-size:18px}
.tier span{font-size:14px;opacity:.9}
.badge{display:inline-block;background:var(--sunburst);color:var(--inkdark);font-size:11px;font-weight:900;letter-spacing:.5px;border-radius:11px;padding:2px 9px;margin-inline-start:6px;vertical-align:middle}
.faq details{background:var(--card);border-radius:20px;padding:18px 22px;margin-bottom:12px;border:1px solid rgba(63,55,120,.5)}
.faq summary{cursor:pointer;font-weight:800;font-size:18px;list-style:none}
.faq summary::after{content:"+";float:right;color:var(--primary);font-weight:900}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--muted);margin:12px 0 0}
footer{border-top:1px solid var(--line);padding:40px 0;color:var(--muted);font-size:15px}
footer .wrap{display:flex;gap:24px;flex-wrap:wrap;align-items:center}
footer nav{display:flex;gap:18px;flex-wrap:wrap;margin-inline-start:auto}
footer a{color:var(--muted);text-decoration:none}
footer a:hover{color:var(--ink)}
.doc{max-width:780px;margin:0 auto;padding:56px 20px 80px}
.doc h1{font-size:44px;line-height:1.1;font-weight:900;margin:0 0 6px}
.doc .meta{color:var(--muted);margin-bottom:32px}
.doc h2{font-size:24px;font-weight:900;margin:36px 0 10px}
.doc p,.doc li{color:#E4DFFF}
.doc table{width:100%;border-collapse:collapse;margin:12px 0;font-size:15px}
.doc th,.doc td{text-align:start;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.doc th{color:var(--primary)}
.callout{background:var(--card);border-radius:20px;padding:18px 22px;border-inline-start:4px solid var(--gold)}
.oem{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.oem .card{padding:20px}
.oem h3{font-size:18px}
@media (max-width:860px){
  .hero .wrap,.split,.pro{grid-template-columns:1fr}
  .promises,.missions,.oem{grid-template-columns:1fr}
  nav.links a.hide-sm{display:none}
  .pro{padding:32px 24px}
  section{padding:64px 0}
  .hero .mascot{display:none}
}