html,body{margin:0}
img{max-width:100%}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
html{scroll-behavior:smooth;scroll-padding-top:72px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Layout: soft, light, app-like company page. Centred Apple-style statements, rounded pastel tiles, a completion ring and iOS switches for the safety check. Deliberately single light theme. */
:root{
  --bg:#FBFBFD; --panel:#F3F4F8; --card:#FFFFFF; --line:#E4E6EE;
  --ink:#0B1437; --muted:#5D6482; --accent:#0A8FB8; --cyan:#22D3EE; --violet:#7C83F7;
  --t-cyan:#E2F7FC; --t-violet:#EEEDFF; --t-mint:#E3F6EC; --t-peach:#FFEDE5;
  --font:"Figtree","SF Pro Display",-apple-system,"Segoe UI",system-ui,sans-serif;
  --brand:"Poppins","Avenir Next","Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
.wrap{max-width:1120px;margin-inline:auto;padding-inline:20px}
a{color:inherit}
a:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:3px;border-radius:12px}
h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.03em;font-weight:700}
p{margin:0}
.ink{color:var(--ink)}.white{color:#fff}
.grad{background:linear-gradient(95deg,#0EA5C6 0%,#5B6CF0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{font-size:15px;font-weight:600;color:var(--accent)}
.center{text-align:center;margin-inline:auto}

.btn{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:16px;text-decoration:none;padding:12px 24px;border-radius:999px;background:var(--panel);color:var(--ink);transition:transform .2s,background .2s}
.btn:hover{transform:translateY(-1px);background:#E9EBF2}
.btn.primary{background:var(--ink);color:#fff}
.btn.primary:hover{background:#18244F}
.btn.small{padding:7px 16px;font-size:14px}
.more{color:var(--accent);font-weight:600;text-decoration:none}
.more::after{content:" ›"}
.more:hover{text-decoration:underline}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.center .actions,.actions.center{justify-content:center}

/* notice + nav */
.notice{background:var(--panel);font-size:14px;text-align:center;padding:10px 20px;color:var(--muted)}
.notice a{color:var(--accent);text-decoration:none;font-weight:600}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:rgba(251,251,253,.78);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:60px}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--brand);font-weight:700;font-size:20px;letter-spacing:-.03em}
.brand svg{width:30px;height:30px}
.brand b{color:#0EB7D9;font-weight:700}
.nav{display:flex;align-items:center;gap:28px;font-size:14px}
.nav a.lnk{text-decoration:none;color:var(--muted)}
.nav a.lnk:hover{color:var(--ink)}
@media (max-width:860px){.nav a.lnk{display:none}}

/* hero */
.hero{padding-block:88px 40px;display:flex;flex-direction:column;gap:22px;align-items:center;text-align:center}
.hero h1{font-size:clamp(44px,7.6vw,96px);line-height:1.0;font-weight:800;letter-spacing:-.045em;max-width:12ch}
.hero .lede{font-size:clamp(18px,2.2vw,22px);color:var(--muted);max-width:34em}
.hero>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero>*:nth-child(2){animation-delay:.06s}.hero>*:nth-child(3){animation-delay:.12s}.hero>*:nth-child(4){animation-delay:.18s}
@keyframes rise{from{opacity:0;transform:translateY(18px)}}

.stage{position:relative;border-radius:44px;overflow:hidden;margin-top:28px;min-height:460px;display:grid;place-items:center;padding:48px 20px;
  background:
    radial-gradient(40% 55% at 22% 30%,#CFF3FB 0%,transparent 70%),
    radial-gradient(38% 50% at 80% 25%,#E2E0FF 0%,transparent 70%),
    radial-gradient(45% 55% at 70% 85%,#FFE3D8 0%,transparent 70%),
    radial-gradient(40% 45% at 18% 85%,#DDF5E8 0%,transparent 70%),
    #F6F7FB}
.rings{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.rings i{position:absolute;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px rgba(11,20,55,.03)}
.rings i:nth-child(1){width:260px;height:260px}
.rings i:nth-child(2){width:380px;height:380px}
.rings i:nth-child(3){width:520px;height:520px}
.appicon{position:relative;width:172px;height:172px;border-radius:44px;background:linear-gradient(160deg,#16225A 0%,#0B1437 100%);display:grid;place-items:center;
  box-shadow:0 30px 60px -18px rgba(11,20,55,.45),0 8px 18px -6px rgba(11,20,55,.25),inset 0 1px 0 rgba(255,255,255,.12);animation:spinY 6s cubic-bezier(.65,0,.25,1) infinite}
.appicon svg{width:118px;height:118px}
.floater{position:relative;display:grid;place-items:center;animation:float 7s ease-in-out infinite}
.orbit,.orbit-dot{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none}
.orbit{width:270px;height:270px;margin:-135px 0 0 -135px;border:2px dashed rgba(14,165,198,.45);animation:spin 36s linear infinite}
.orbit-dot{width:360px;height:360px;margin:-180px 0 0 -180px;border:1.5px solid rgba(91,108,240,.18);animation:spin 12s linear infinite}
.orbit-dot::before{content:"";position:absolute;top:-7px;left:50%;margin-left:-7px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,#22D3EE,#5B6CF0);box-shadow:0 0 0 5px rgba(34,211,238,.18)}
@keyframes float{50%{transform:translateY(-8px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes spinY{0%,55%{transform:perspective(900px) rotateY(0deg)}100%{transform:perspective(900px) rotateY(360deg)}}
.chip{position:absolute;display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px 16px 10px 10px;border-radius:999px;font-size:15px;font-weight:600;box-shadow:0 12px 30px -12px rgba(11,20,55,.25)}
.chip span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.chip svg{width:16px;height:16px;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.chip.a{left:9%;top:22%}.chip.a span{background:var(--t-mint)}.chip.a svg{stroke:#1F9D63}
.chip.b{right:8%;top:30%}.chip.b span{background:var(--t-violet)}.chip.b svg{stroke:#5B63E8}
.chip.c{left:16%;bottom:16%}.chip.c span{background:var(--t-cyan)}.chip.c svg{stroke:var(--accent)}
.chip.d{right:13%;bottom:18%}.chip.d span{background:var(--t-peach)}.chip.d svg{stroke:#E0683F}
@media (max-width:760px){
  .stage{min-height:0;display:flex;flex-direction:column;gap:12px;padding:44px 20px}
  .rings i:nth-child(3){display:none}
  .floater{margin-block:70px 100px}
  .chip{position:static}
}
@media (prefers-reduced-motion:reduce){.hero>*,.appicon,.floater,.orbit,.orbit-dot{animation:none}}

.facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-block:32px 0;margin:0;list-style:none}
.facts li{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:8px 18px;font-size:15px;color:var(--muted)}
.facts b{color:var(--ink);font-weight:600}

/* sections */
.sec{padding-block:112px;display:flex;flex-direction:column;gap:48px}
.head{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;max-width:780px;margin-inline:auto}
.head h2{font-size:clamp(34px,5vw,60px);line-height:1.05;font-weight:800;letter-spacing:-.04em}
.head p{font-size:19px;color:var(--muted);max-width:36em}
.panel{background:var(--panel)}
@media (max-width:600px){.sec{padding-block:80px}}

.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tile{border-radius:32px;padding:36px 32px;display:flex;flex-direction:column;gap:14px;min-width:0}
.tile.cyan{background:var(--t-cyan)}.tile.violet{background:var(--t-violet)}.tile.mint{background:var(--t-mint)}
.tile h3{font-size:24px}
.tile p{color:var(--muted)}
.bubble{width:56px;height:56px;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 20px -10px rgba(11,20,55,.2)}
.bubble svg{width:26px;height:26px;fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;margin-top:auto}
.pill i{width:8px;height:8px;border-radius:50%;background:#22B573}
.pill.wait i{background:#B6BBCD}
@media (max-width:880px){.tiles{grid-template-columns:1fr}}

/* product */
.feature{background:var(--t-peach);border-radius:44px;padding:64px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.feature-text{display:flex;flex-direction:column;gap:18px;min-width:0}
.feature h3{font-size:clamp(32px,4vw,48px);line-height:1.05;font-weight:800;letter-spacing:-.04em}
.feature p{color:#6A5A57;font-size:18px}
.feature .pill{margin-top:0}
.specs{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}
.specs li{background:rgba(255,255,255,.75);border-radius:999px;padding:6px 14px;font-size:14px;color:#6A5A57}
.specs b{color:var(--ink);font-weight:600}
.book-wrap{display:grid;place-items:center}
/* book cover: its own printed surface, colours fixed to the real cover */
.book{width:280px;max-width:100%;aspect-ratio:3/4;background:#E2674A;color:#FFF6EE;border-radius:6px 16px 16px 6px;box-shadow:-8px 0 0 #C9583D inset,0 40px 70px -24px rgba(140,50,20,.55);padding:26px 22px 20px 30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;transform:rotate(-4deg)}
.book small{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.book strong{font-family:var(--brand);font-size:24px;line-height:1.12}
.book span{font-size:13px;line-height:1.3}
.book svg{width:96px;height:96px}
.cover{position:relative;width:300px;max-width:100%;transform:rotate(-4deg);border-radius:6px 14px 14px 6px;overflow:hidden;box-shadow:0 40px 70px -24px rgba(140,50,20,.55),0 10px 20px -10px rgba(140,50,20,.35)}
.cover img{display:block;width:100%;height:auto}
.cover::after{content:"";position:absolute;inset:0 auto 0 0;width:14px;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.12) 60%,transparent)}
.next{margin-top:20px;background:var(--card);border:1px solid var(--line);border-radius:36px;padding:40px;display:flex;align-items:center;gap:24px}
.next .bubble{background:var(--panel);box-shadow:none;flex:none}
.next div{display:flex;flex-direction:column;gap:4px;min-width:0}
.next h3{font-size:22px}
.next p{color:var(--muted)}
@media (max-width:880px){.feature{grid-template-columns:1fr;padding:40px 28px;text-align:left}.book-wrap{order:-1}.cover{width:230px}}
@media (max-width:560px){.next{flex-direction:column;align-items:flex-start;padding:28px}}

/* approach */
.grid4{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:var(--card);border-radius:28px;padding:32px;display:flex;gap:18px;align-items:flex-start;box-shadow:0 1px 2px rgba(11,20,55,.04),0 12px 32px -20px rgba(11,20,55,.18)}
.card div{display:flex;flex-direction:column;gap:6px;min-width:0}
.card h3{font-size:20px}
.card p{color:var(--muted);font-size:16px}
.tick{flex:none;width:36px;height:36px;border-radius:50%;background:var(--t-cyan);display:grid;place-items:center}
.tick svg{width:18px;height:18px;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){.grid4{grid-template-columns:1fr}}

/* safety check */
.check{background:var(--card);border-radius:44px;padding:56px;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;box-shadow:0 1px 2px rgba(11,20,55,.04),0 30px 60px -36px rgba(11,20,55,.25)}
.ring-side{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.ring{position:relative;width:220px;height:220px}
.ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.ring .track{fill:none;stroke:#EEF0F5;stroke-width:20}
.ring .prog{fill:none;stroke:url(#ringgrad);stroke-width:20;stroke-linecap:round;stroke-dasharray:527.8;stroke-dashoffset:527.8;transition:stroke-dashoffset .7s cubic-bezier(.2,.7,.2,1)}
.ring-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}
.ring-num b{font-size:64px;line-height:1;font-weight:800;letter-spacing:-.04em}
.ring-num span{color:var(--muted);font-weight:600}
.verdict{font-weight:600;font-size:18px;max-width:20em;min-height:3.2em}
.list{margin:0;padding:0;list-style:none;background:var(--panel);border-radius:24px;overflow:hidden}
.list li+li label{border-top:1px solid var(--line)}
.list li{padding-inline:20px}
.list label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;cursor:pointer;font-size:16px}
.switch{appearance:none;-webkit-appearance:none;flex:none;width:51px;height:31px;border-radius:999px;background:#DADDE6;position:relative;cursor:pointer;margin:0;transition:background .25s}
.switch::before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.08);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.switch:checked{background:#22B573}
.switch:checked::before{transform:translateX(20px)}
@media (max-width:880px){.check{grid-template-columns:1fr;padding:36px 20px;gap:32px}}
@media (prefers-reduced-motion:reduce){.ring .prog,.switch,.switch::before{transition:none}}

/* mission */
.mission{max-width:900px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:26px}
.mission h2{font-size:clamp(36px,5.6vw,68px);line-height:1.04;font-weight:800;letter-spacing:-.045em}
.mission p{font-size:clamp(18px,2.2vw,22px);color:var(--muted);max-width:36em;margin-inline:auto}

/* contact */
.contacts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact{border-radius:32px;padding:36px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-width:0}
.contact.cyan{background:var(--t-cyan)}.contact.violet{background:var(--t-violet)}
.contact h3{font-size:24px}
.contact p{color:var(--muted)}
.contact .btn{margin-top:8px;background:#fff}
@media (max-width:700px){.contacts{grid-template-columns:1fr}}

footer{background:var(--panel);font-size:13px;color:var(--muted)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-block:56px 36px}
.foot>div{display:flex;flex-direction:column;gap:10px;min-width:0}
.foot h4{margin:0;font-size:13px;color:var(--ink);font-weight:600}
.foot a{text-decoration:none}
.foot a:hover{color:var(--ink);text-decoration:underline}
.foot .brand{color:var(--ink)}
.foot p{max-width:26em}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:18px;border-top:1px solid var(--line)}
@media (max-width:760px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}

/* HQ room hero */
.hq{background:radial-gradient(70% 60% at 50% 45%,#FFFFFF 0%,#F0F1F5 100%);border-bottom:1px solid var(--line)}
.hq .wrap{display:flex;flex-direction:column;align-items:center;padding-block:44px 36px;gap:6px}
.hq-top{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.spaced{letter-spacing:.45em;margin-right:-.45em;font-size:clamp(20px,2.6vw,28px);font-weight:500;color:var(--ink)}
.spaced.sub{font-size:13px;letter-spacing:.38em;margin-right:-.38em;color:var(--muted)}
.room{width:min(720px,100%);margin-top:-10px}
.room svg{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tag text{font:600 14px var(--font);fill:var(--ink)}
.hot{cursor:pointer}
.hot:hover .tag rect,.hot:focus-visible .tag rect{fill:var(--ink)}
.hot:hover .tag text,.hot:focus-visible .tag text{fill:#fff}
.ptxt{font:800 7px var(--font);fill:#fff;letter-spacing:.06em}
.door{font:700 8px var(--font);fill:#22D3EE;letter-spacing:.2em}
.led{animation:blink 2.4s steps(1) infinite}.l1{animation-delay:.6s}.l2{animation-delay:1.2s}.l3{animation-delay:1.8s}
@keyframes blink{50%{opacity:.2}}
.glow{animation:glow 3.6s ease-in-out infinite}
@keyframes glow{50%{opacity:.7}}
.pulse{transform-box:fill-box;transform-origin:center;animation:pulse 2.2s ease-out infinite}
@keyframes pulse{from{transform:scale(1);opacity:.75}to{transform:scale(2.6);opacity:0}}
.hq-labels{width:100%;max-width:820px;display:flex;justify-content:space-between;gap:16px;margin-top:-20px}
.hq-labels a{display:flex;flex-direction:column;gap:4px;text-decoration:none;letter-spacing:.3em}
.hq-labels span{font-weight:600;color:var(--muted);font-size:14px}
.hq-labels b{font-weight:500;font-size:clamp(16px,2vw,21px)}
.hq-labels em{color:var(--muted);font-size:13px}
.hq-labels .r{text-align:right;align-items:flex-end;margin-right:-.3em}
.hq-labels a:hover b{color:var(--accent)}
@media (max-width:560px){.hq-labels{margin-top:0}.hq-labels a{letter-spacing:.18em}}
@media (prefers-reduced-motion:reduce){.led,.glow,.pulse{animation:none}.room svg{transition:none}}

.atk{transform-box:fill-box;transform-origin:center;opacity:0;animation:atk 6.4s cubic-bezier(.45,0,.75,1) infinite}
@keyframes atk{0%{transform:translate(var(--dx),var(--dy)) scale(.8);opacity:0}8%{opacity:1}38%{transform:translate(0,0) scale(1);opacity:1}44%,100%{transform:translate(0,0) scale(.3);opacity:0}}
.rip{transform-box:fill-box;transform-origin:center;opacity:0;animation:rip 6.4s ease-out infinite}
@keyframes rip{0%,37%{opacity:0;transform:scale(.4)}40%{opacity:.95;transform:scale(.6)}64%,100%{opacity:0;transform:scale(2.6)}}
.a1{--dx:-102px;--dy:-41px;animation-delay:0s}
.a2{--dx:-52px;--dy:-97px;animation-delay:1.6s}
.a3{--dx:48px;--dy:-99px;animation-delay:3.2s}
.a4{--dx:100px;--dy:-45px;animation-delay:4.8s}
.holo{transform-box:fill-box;transform-origin:center;animation:holo 7s ease-in-out infinite}
@keyframes holo{0%,55%{transform:translateY(0) scaleX(1)}65%{transform:translateY(-4px) scaleX(0)}75%{transform:translateY(-6px) scaleX(-1)}85%{transform:translateY(-4px) scaleX(0)}95%,100%{transform:translateY(0) scaleX(1)}}
.orbitring{animation:dash 6s linear infinite}.shimmer{animation:dash 12s linear infinite}
@keyframes dash{to{stroke-dashoffset:-150}}
.scamtxt{font:800 9px var(--font);fill:#E2674A}
.hq-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;font-size:14px;color:var(--muted);text-align:center;margin-top:-28px}
.hq-legend b{color:var(--ink);font-weight:600}
.threat{width:10px;height:10px;border-radius:50%;background:#E2674A;box-shadow:0 0 0 4px rgba(226,103,74,.18)}
.hq-labels{margin-top:22px}
.hq{overflow:hidden}
@media (max-width:560px){.hq-legend{margin-top:-6px;font-size:13px}.room{width:116%;margin-inline:-8%}.tag{display:none}}
@media (prefers-reduced-motion:reduce){.atk{animation:none;opacity:1}.rip,.holo,.orbitring,.shimmer{animation:none}}

.teaser{display:grid;grid-template-columns:auto 1fr;gap:48px;align-items:center;background:var(--card);border-radius:44px;padding:52px;text-decoration:none;color:inherit;box-shadow:0 1px 2px rgba(11,20,55,.04),0 30px 60px -36px rgba(11,20,55,.25);transition:transform .25s}
.teaser:hover{transform:translateY(-3px)}
.teaser-ring{position:relative;width:170px;height:170px}
.teaser-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.teaser-ring .track{fill:none;stroke:#EEF0F5;stroke-width:20}.teaser-ring .part{fill:none;stroke:url(#ringgrad);stroke-width:20;stroke-linecap:round;stroke-dasharray:527.8;stroke-dashoffset:176}
.teaser-ring b{position:absolute;inset:0;display:grid;place-items:center;font-size:52px;font-weight:800;letter-spacing:-.04em}
.teaser-text{display:flex;flex-direction:column;gap:14px;align-items:flex-start;min-width:0}
.teaser-text h2{font-size:clamp(30px,4vw,46px);line-height:1.05;font-weight:800;letter-spacing:-.04em}
.teaser-text p{color:var(--muted);font-size:18px;max-width:32em}
@media (max-width:760px){.teaser{grid-template-columns:1fr;padding:36px 24px;gap:28px;justify-items:center;text-align:center}.teaser-text{align-items:center}}

.mail{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.mail-addr{font-weight:700;font-size:18px;color:var(--ink);text-decoration:none;word-break:break-all}
.mail-addr:hover{text-decoration:underline}
button.btn{border:0;font-family:inherit;cursor:pointer}
.contact .copy{margin-top:0;background:#fff}
.cform{margin-top:20px;background:var(--card);border-radius:32px;padding:36px;display:flex;flex-direction:column;gap:18px;box-shadow:0 1px 2px rgba(11,20,55,.04),0 24px 50px -32px rgba(11,20,55,.25)}
.cform h3{font-size:24px}
.cform .row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cform label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:var(--ink);min-width:0}
.cform input,.cform select,.cform textarea{font:inherit;font-weight:400;font-size:16px;padding:13px 16px;border-radius:14px;border:1px solid var(--line);background:var(--panel);color:var(--ink);width:100%}
.cform textarea{resize:vertical;min-height:130px}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent)}
.form-foot{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.form-note{font-size:14px;color:var(--muted)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:640px){.cform .row{grid-template-columns:1fr}.cform{padding:26px 20px}}

.svc{border-radius:32px;padding:36px 32px;display:flex;flex-direction:column;gap:14px;min-width:0}
.svc.cyan{background:var(--t-cyan)}.svc.violet{background:var(--t-violet)}.svc.mint{background:var(--t-mint)}
.svc h3{font-size:24px}
.svc>p{color:var(--muted)}
.ticks{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ticks li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.ticks svg{flex:none;width:18px;height:18px;margin-top:2px;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.nf{font-size:clamp(36px,6vw,64px);line-height:1.04;font-weight:800;letter-spacing:-.045em}
.list li{padding-inline:20px}
.list label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;cursor:pointer;font-size:16px}
.switch{appearance:none;-webkit-appearance:none;flex:none;width:51px;height:31px;border-radius:999px;background:#DADDE6;position:relative;cursor:pointer;margin:0;transition:background .25s}
.switch::before{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.08);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.switch:checked{background:#22B573}
.switch:checked::before{transform:translateX(20px)}
@media (max-width:880px){.check{grid-template-columns:1fr;padding:36px 20px;gap:32px}}
@media (prefers-reduced-motion:reduce){.ring .prog,.switch,.switch::before{transition:none}}

/* mission */
.mission{max-width:900px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:26px}
.mission h2{font-size:clamp(36px,5.6vw,68px);line-height:1.04;font-weight:800;letter-spacing:-.045em}
.mission p{font-size:clamp(18px,2.2vw,22px);color:var(--muted);max-width:36em;margin-inline:auto}

/* contact */
.contacts{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact{border-radius:32px;padding:36px;display:flex;flex-direction:column;gap:12px;align-items:flex-start;min-width:0}
.contact.cyan{background:var(--t-cyan)}.contact.violet{background:var(--t-violet)}
.contact h3{font-size:24px}
.contact p{color:var(--muted)}
.contact .btn{margin-top:8px;background:#fff}
@media (max-width:700px){.contacts{grid-template-columns:1fr}}

footer{background:var(--panel);font-size:13px;color:var(--muted)}
.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-block:56px 36px}
.foot>div{display:flex;flex-direction:column;gap:10px;min-width:0}
.foot h4{margin:0;font-size:13px;color:var(--ink);font-weight:600}
.foot a{text-decoration:none}
.foot a:hover{color:var(--ink);text-decoration:underline}
.foot .brand{color:var(--ink)}
.foot p{max-width:26em}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-block:18px;border-top:1px solid var(--line)}
@media (max-width:760px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}

/* HQ room hero */
.hq{background:radial-gradient(70% 60% at 50% 45%,#FFFFFF 0%,#F0F1F5 100%);border-bottom:1px solid var(--line)}
.hq .wrap{display:flex;flex-direction:column;align-items:center;padding-block:44px 36px;gap:6px}
.hq-top{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.spaced{letter-spacing:.45em;margin-right:-.45em;font-size:clamp(20px,2.6vw,28px);font-weight:500;color:var(--ink)}
.spaced.sub{font-size:13px;letter-spacing:.38em;margin-right:-.38em;color:var(--muted)}
.room{width:min(720px,100%);margin-top:-10px}
.room svg{display:block;width:100%;height:auto;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tag text{font:600 14px var(--font);fill:var(--ink)}
.hot{cursor:pointer}
.hot:hover .tag rect,.hot:focus-visible .tag rect{fill:var(--ink)}
.hot:hover .tag text,.hot:focus-visible .tag text{fill:#fff}
.ptxt{font:800 7px var(--font);fill:#fff;letter-spacing:.06em}
.door{font:700 8px var(--font);fill:#22D3EE;letter-spacing:.2em}
.led{animation:blink 2.4s steps(1) infinite}.l1{animation-delay:.6s}.l2{animation-delay:1.2s}.l3{animation-delay:1.8s}
@keyframes blink{50%{opacity:.2}}
.glow{animation:glow 3.6s ease-in-out infinite}
@keyframes glow{50%{opacity:.7}}
.pulse{transform-box:fill-box;transform-origin:center;animation:pulse 2.2s ease-out infinite}
@keyframes pulse{from{transform:scale(1);opacity:.75}to{transform:scale(2.6);opacity:0}}
.hq-labels{width:100%;max-width:820px;display:flex;justify-content:space-between;gap:16px;margin-top:-20px}
.hq-labels a{display:flex;flex-direction:column;gap:4px;text-decoration:none;letter-spacing:.3em}
.hq-labels span{font-weight:600;color:var(--muted);font-size:14px}
.hq-labels b{font-weight:500;font-size:clamp(16px,2vw,21px)}
.hq-labels em{color:var(--muted);font-size:13px}
.hq-labels .r{text-align:right;align-items:flex-end;margin-right:-.3em}
.hq-labels a:hover b{color:var(--accent)}
@media (max-width:560px){.hq-labels{margin-top:0}.hq-labels a{letter-spacing:.18em}}
@media (prefers-reduced-motion:reduce){.led,.glow,.pulse{animation:none}.room svg{transition:none}}

.atk{transform-box:fill-box;transform-origin:center;opacity:0;animation:atk 6.4s cubic-bezier(.45,0,.75,1) infinite}
@keyframes atk{0%{transform:translate(var(--dx),var(--dy)) scale(.8);opacity:0}8%{opacity:1}38%{transform:translate(0,0) scale(1);opacity:1}44%,100%{transform:translate(0,0) scale(.3);opacity:0}}
.rip{transform-box:fill-box;transform-origin:center;opacity:0;animation:rip 6.4s ease-out infinite}
@keyframes rip{0%,37%{opacity:0;transform:scale(.4)}40%{opacity:.95;transform:scale(.6)}64%,100%{opacity:0;transform:scale(2.6)}}
.a1{--dx:-102px;--dy:-41px;animation-delay:0s}
.a2{--dx:-52px;--dy:-97px;animation-delay:1.6s}
.a3{--dx:48px;--dy:-99px;animation-delay:3.2s}
.a4{--dx:100px;--dy:-45px;animation-delay:4.8s}
.holo{transform-box:fill-box;transform-origin:center;animation:holo 7s ease-in-out infinite}
@keyframes holo{0%,55%{transform:translateY(0) scaleX(1)}65%{transform:translateY(-4px) scaleX(0)}75%{transform:translateY(-6px) scaleX(-1)}85%{transform:translateY(-4px) scaleX(0)}95%,100%{transform:translateY(0) scaleX(1)}}
.orbitring{animation:dash 6s linear infinite}.shimmer{animation:dash 12s linear infinite}
@keyframes dash{to{stroke-dashoffset:-150}}
.scamtxt{font:800 9px var(--font);fill:#E2674A}
.hq-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;font-size:14px;color:var(--muted);text-align:center;margin-top:-28px}
.hq-legend b{color:var(--ink);font-weight:600}
.threat{width:10px;height:10px;border-radius:50%;background:#E2674A;box-shadow:0 0 0 4px rgba(226,103,74,.18)}
.hq-labels{margin-top:22px}
.hq{overflow:hidden}
@media (max-width:560px){.hq-legend{margin-top:-6px;font-size:13px}.room{width:116%;margin-inline:-8%}.tag{display:none}}
@media (prefers-reduced-motion:reduce){.atk{animation:none;opacity:1}.rip,.holo,.orbitring,.shimmer{animation:none}}

.list li{padding-inline:20px}
.list details{padding-bottom:14px;font-size:15px;color:var(--muted)}
.list summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:14px;list-style:none}
.list summary::-webkit-details-marker{display:none}
.list summary::after{content:" +"}
.list details[open] summary::after{content:" −"}
.list details p{margin-top:8px;max-width:46em}
.list details b{color:var(--ink);font-weight:600}
.list li+li{border-top:1px solid var(--line)}
.list li+li label{border-top:0}
.check-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.back{display:inline-flex;margin-top:28px;color:var(--accent);font-weight:600;text-decoration:none}
.back::before{content:"‹ "}
.privacy-note{font-size:14px;color:var(--muted);text-align:center}
button.btn{border:0;font-family:inherit;cursor:pointer}