/* OHI site design system: shared by every page (tokens, header, buttons, sections, forms, brand theme, 3D layer) */
:root{--canvas:#F5F6F8;--paper:#FFFFFF;--ink:#14161B;--slate:#5A6072;--line:#DCE0E7;--cobalt:#3346E8;--cobalt-d:#2433C9;--amber:#FFB020;
--f:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--w:1180px;--pad:clamp(20px,5vw,48px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
html,body{overflow-x:clip}
body{background:var(--canvas);color:var(--ink);font:400 17px/1.6 var(--f);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:8px}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}
/* buttons with magnetic follow */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:52px;padding:0 24px;border-radius:14px;font:600 15.5px var(--f);text-decoration:none;border:0;cursor:pointer;transition:transform .55s var(--ease),background .25s,box-shadow .25s;will-change:transform}
.btn .lb{display:inline-block;transition:transform .55s var(--ease)}
.fine .btn:hover{transition:transform .18s linear,background .25s,box-shadow .25s}
.fine .btn:hover .lb{transition:transform .18s linear}
.btn.p{background:var(--cobalt);color:#fff;box-shadow:0 12px 30px -12px rgba(51,70,232,.7)}
.btn.p:hover{background:var(--cobalt-d)}
.btn.s{background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.btn.s:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
/* header */
header{position:fixed;inset:0 0 auto;z-index:30;transition:background .4s,box-shadow .4s}
header.sc{background:rgba(245,246,248,.82);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);box-shadow:0 1px 0 var(--line)}
.hd{display:flex;align-items:center;gap:28px;height:72px}
.logo svg{height:30px;width:auto;color:var(--ink);display:block}
nav{display:flex;gap:28px;margin-left:auto;font-size:15px;font-weight:500;color:var(--slate)}
nav a{text-decoration:none;transition:color .2s}nav a:hover{color:var(--ink)}
.hd .btn{height:42px;padding:0 18px;font-size:14.5px;border-radius:12px}
@media(max-width:860px){nav{display:none}.hd .btn{margin-left:auto}}
/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:110px 0 70px;overflow-x:clip}
.hero::before{content:"";position:absolute;right:-10vw;top:8vh;width:min(70vw,900px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(51,70,232,.10),rgba(51,70,232,0) 62%);pointer-events:none}
.hgrid{position:relative;display:grid;gap:40px;align-items:center;width:100%}
@media(min-width:960px){.hgrid{grid-template-columns:1.1fr .9fr}}
.hero h1{font-weight:700;font-size:clamp(34px,5.1vw,78px);line-height:1;letter-spacing:-.045em;max-width:13.5ch}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.06em;white-space:nowrap}
.hero h1 .ln>span{display:block;transform:translateY(105%);transition:transform 1.1s var(--ease)}
.ready .hero h1 .ln>span{transform:none}
.hero h1 .ln:nth-child(2)>span{transition-delay:.08s}.hero h1 .ln:nth-child(3)>span{transition-delay:.16s}
.fade{opacity:0;transform:translateY(14px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.ready .fade{opacity:1;transform:none}
.ready .fade.d1{transition-delay:.35s}.ready .fade.d2{transition-delay:.45s}.ready .fade.d3{transition-delay:.55s}
.hero .lede{margin-top:26px;font-size:clamp(18px,1.6vw,21px);line-height:1.55;color:var(--slate);max-width:44ch}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.terms{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14.5px;color:var(--slate)}
.terms span{display:inline-flex;align-items:center;gap:8px}
.terms span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cobalt)}
/* 3D phone stage */
.stage{position:relative;justify-self:center;width:min(310px,70vw);perspective:1300px}
.rig{position:relative;transform-style:preserve-3d;transform:rotateY(calc(-14deg + var(--rx,0deg))) rotateX(calc(6deg + var(--ry,0deg)));transition:transform .2s linear}
.intro .rig{transform:rotateY(-38deg) rotateX(18deg) translateY(60px) scale(.9);opacity:0}
.rig{transition:transform 1.4s var(--ease),opacity 1s var(--ease)}
.ready .rig{transition:transform .25s linear,opacity 1s var(--ease)}
.phone{position:relative;border-radius:48px;padding:11px;background:linear-gradient(145deg,#2A2E37,#0E1014);box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 60px 90px -40px rgba(20,22,27,.55),0 30px 40px -30px rgba(20,22,27,.4);transform:translateZ(0)}
.screen{position:relative;border-radius:38px;overflow:hidden;aspect-ratio:390/844;background:#0E0F12}
.screen img{width:100%}
.chip{position:absolute;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:14px;padding:10px 14px;font-size:14px;font-weight:600;box-shadow:0 18px 40px -18px rgba(20,22,27,.45),0 0 0 1px rgba(20,22,27,.06);white-space:nowrap}
.chip i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(51,70,232,.1);font-style:normal}
.chip small{display:block;font-weight:500;color:var(--slate);font-size:12.5px}
.chip.c1{left:-26%;top:16%;transform:translateZ(90px)}
.chip.c2{right:-22%;bottom:18%;transform:translateZ(130px)}
@media(max-width:600px){.chip.c1{left:-8%}.chip.c2{right:-6%}}
.cap{margin-top:22px;text-align:center;font-size:14px;color:var(--slate)}
.cap a{color:var(--ink);font-weight:600;text-underline-offset:3px}
.scrollcue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:24px;height:38px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--line)}
.scrollcue::after{content:"";position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:4px;background:var(--slate);animation:cue 1.8s var(--ease) infinite}
@keyframes cue{60%{transform:translateY(10px);opacity:0}100%{opacity:0}}
/* sections */
section{position:relative;padding:clamp(80px,11vw,140px) 0}
.rule{border-top:1px solid var(--line)}
h2{font-weight:700;font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.04em;max-width:16ch}
.sub{color:var(--slate);font-size:18px;max-width:46ch;margin-top:18px}
[data-rv]{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
[data-rv].in{opacity:1;transform:none}
[data-rv="2"]{transition-delay:.1s}[data-rv="3"]{transition-delay:.2s}
/* pinned story: how it works */
.story{height:320vh;padding:0}
.story .pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;overflow:hidden}
.sgrid{display:grid;gap:60px;align-items:center;width:100%}
@media(min-width:960px){.sgrid{grid-template-columns:1fr .8fr}}
.steps{list-style:none;margin-top:44px;display:grid;gap:6px;position:relative;padding-left:26px}
.steps::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;background:var(--line);border-radius:2px}
.steps::after{content:"";position:absolute;left:0;top:6px;width:2px;height:calc((100% - 12px) * var(--p,0));background:var(--cobalt);border-radius:2px}
.step{padding:14px 0;opacity:.35;transition:opacity .5s var(--ease)}
.step.on{opacity:1}
.step b{display:block;font-weight:700;font-size:23px;letter-spacing:-.02em}
.step span{display:block;color:var(--slate);font-size:16.5px;max-width:38ch;margin-top:4px}
.sphone{justify-self:center;width:min(280px,64vw);perspective:1200px}
.srig{transform-style:preserve-3d;transform:rotateY(calc(18deg - 36deg * var(--p,0))) rotateX(4deg);will-change:transform}
.scr{position:absolute;inset:0;opacity:0;transform:scale(1.04);transition:opacity .6s var(--ease),transform .9s var(--ease)}
.scr.on{opacity:1;transform:none}
/* mock screens */
.mform{background:#F5F6F8;padding:58px 18px 18px;height:100%;display:flex;flex-direction:column;gap:12px;color:var(--ink)}
.mform h4{font-size:20px;letter-spacing:-.02em;line-height:1.1}
.mform p{font-size:12.5px;color:var(--slate);margin-top:-6px}
.mf{background:#fff;border-radius:12px;padding:10px 12px;font-size:13px;box-shadow:0 0 0 1px var(--line)}
.mf small{display:block;font-size:10.5px;color:var(--slate)}
.mf b{font-weight:600}
.mbtn{margin-top:4px;background:var(--cobalt);color:#fff;border-radius:12px;padding:12px;text-align:center;font-weight:600;font-size:14px}
.mlock{height:100%;background:radial-gradient(120% 80% at 50% 0%,#3346E8,#11163F 70%);color:#fff;padding:70px 14px 14px;display:flex;flex-direction:column;align-items:center}
.mlock .t{font-size:64px;font-weight:600;letter-spacing:-.04em;line-height:1}
.mlock .d{font-size:13px;opacity:.75;margin-top:6px}
.note{margin-top:auto;margin-bottom:40px;width:100%;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:18px;padding:12px;display:flex;gap:10px;align-items:flex-start;transform:translateY(20px);opacity:0;transition:all .8s .2s var(--ease)}
.scr.on .note{transform:none;opacity:1}
.note i{flex:none;width:34px;height:34px;border-radius:9px;background:#fff;display:grid;place-items:center;font-style:normal;color:var(--cobalt);font-weight:800;font-size:13px}
.note b{display:block;font-size:13.5px}.note span{font-size:12.5px;opacity:.85}
@media(max-width:959px){.story{height:auto;padding:90px 0}.story .pin{position:relative;height:auto}.step{opacity:1}.steps::after{height:100%}.srig{transform:none}}
/* client: impact view */
.client{display:grid;gap:44px;align-items:center}
@media(min-width:960px){.client{grid-template-columns:.75fr 1.25fr}}
.client ul{list-style:none;margin-top:28px;display:grid;gap:10px;font-size:16px}
.client li{display:flex;gap:12px;padding-top:10px;border-top:1px solid var(--line)}
.client li b{font-weight:600;min-width:9ch}
.view{perspective:1600px}
.browser{border-radius:18px;overflow:hidden;background:var(--paper);box-shadow:0 60px 90px -50px rgba(20,22,27,.6),0 0 0 1px var(--line);
  transform:rotateX(calc(22deg * (1 - min(1, var(--p,0) * 1.8)))) scale(calc(.9 + .1 * min(1, var(--p,0) * 1.8)));transform-origin:50% 100%;will-change:transform}
.rm .browser{transform:none}
.bar{height:40px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line)}
.bar i{width:10px;height:10px;border-radius:50%;background:#E3E6EC}
.bar span{margin-left:12px;font-size:12.5px;color:var(--slate);background:var(--canvas);border-radius:7px;padding:4px 12px}
/* plans */
.plans{display:grid;gap:16px;margin-top:clamp(40px,5vw,60px)}
@media(min-width:900px){.plans{grid-template-columns:repeat(3,1fr)}}
.plan{position:relative;background:var(--paper);border-radius:22px;padding:32px 28px;display:flex;flex-direction:column;gap:18px;box-shadow:0 0 0 1px var(--line);transition:transform .6s var(--ease),box-shadow .4s;transform-style:preserve-3d;overflow:hidden}
.plan::after{content:"";position:absolute;inset:0;background:radial-gradient(400px circle at var(--gx,50%) var(--gy,0%),rgba(51,70,232,.08),transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none}
.plan:hover::after{opacity:1}
.plan:hover{box-shadow:0 0 0 1px var(--line),0 40px 60px -40px rgba(20,22,27,.4)}
.plan.hl{box-shadow:0 0 0 2px var(--cobalt)}
.plan h3{font-weight:700;font-size:21px;display:flex;align-items:center;gap:10px}
.plan h3 small{font-weight:600;font-size:12.5px;color:var(--cobalt);background:rgba(51,70,232,.09);border-radius:999px;padding:4px 10px}
.price{display:flex;align-items:baseline;gap:8px}
.price b{font-weight:700;font-size:56px;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.price span{color:var(--slate);font-size:15px}
.plan ul{list-style:none;display:grid;gap:9px;font-size:15.5px;color:var(--ink)}
.plan li{padding-left:22px;position:relative}
.plan li::before{content:"";position:absolute;left:2px;top:.62em;width:10px;height:6px;border:solid var(--amber);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.plan .btn{margin-top:auto;align-self:flex-start}
.fine-p{margin-top:24px;font-size:15px;color:var(--slate);max-width:70ch}
/* automations */
.auto{display:grid;gap:40px}
@media(min-width:900px){.auto{grid-template-columns:1fr 1fr;align-items:start}}
.mod{display:grid;grid-template-columns:auto 1fr auto;gap:4px 18px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}
.mod:last-child{border-bottom:1px solid var(--line)}
.mod .ic{grid-row:span 2;width:44px;height:44px;border-radius:13px;background:var(--paper);box-shadow:0 0 0 1px var(--line);display:grid;place-items:center;font-size:20px}
.mod h3{font-weight:700;font-size:19px}
.mod p{grid-column:2/-1;color:var(--slate);font-size:16px;max-width:52ch}
.mod em{font-style:normal;font-size:13.5px;color:var(--slate)}
/* final */
.final{background:var(--ink);color:#fff;overflow:hidden}
.final h2{color:#fff;font-size:clamp(40px,6vw,78px);max-width:14ch}
.final .sub{color:#A9AEBB}
.fgrid{display:grid;gap:44px}
@media(min-width:900px){.fgrid{grid-template-columns:1fr 440px;align-items:center}}
form{background:#1C1F27;border-radius:22px;padding:26px;display:grid;gap:14px}
label{display:grid;gap:7px;font-size:14px;font-weight:500;color:#C6CAD4}
input{font:500 16.5px var(--f);color:#fff;background:#12141A;border:1.5px solid #2D313C;border-radius:12px;height:50px;padding:0 14px;transition:border-color .2s}
input:focus{outline:none;border-color:var(--cobalt)}
form .btn{width:100%;height:54px}
.fnote{font-size:13.5px;color:#8E93A1}
.big-tel{display:inline-block;margin-top:30px;font-weight:600;font-size:clamp(24px,3vw,34px);letter-spacing:-.02em;text-decoration:none;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:4px;transition:border-color .3s}
.big-tel:hover{border-color:#fff}
footer{background:var(--ink);color:#8E93A1;font-size:14px;padding:26px 0 40px;border-top:1px solid #262A33}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}
footer a{text-decoration:none}

/* mobile menu */
.burger{display:none;width:44px;height:44px;border-radius:12px;border:0;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;place-items:center;align-content:center;gap:5px;margin-left:8px}
.burger i{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .35s var(--ease)}
.mlink{display:none}
@media(max-width:860px){
  .burger{display:grid}.hd .hcta{margin-left:auto;height:44px;padding:0 14px;font-size:14px}
  nav{display:flex;position:fixed;inset:72px 0 auto;flex-direction:column;gap:0;margin:0;padding:8px var(--pad) 24px;background:rgba(245,246,248,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 40px -20px rgba(20,22,27,.25);font-size:19px;color:var(--ink);transform:translateY(-12px);opacity:0;pointer-events:none;transition:transform .45s var(--ease),opacity .3s}
  nav a{padding:14px 0;border-bottom:1px solid var(--line)}.mlink{display:block}
  .menu nav{transform:none;opacity:1;pointer-events:auto}
  .menu header{background:rgba(245,246,248,.97)}
  .menu .burger i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu .burger i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
}
@media(max-width:400px){.hd .hcta .lb{font-size:13px}.hd{gap:12px}}
/* examples: phones scroll through real example sites */
.exs{display:grid;gap:22px;margin-top:clamp(40px,5vw,60px)}
@media(min-width:760px){.exs{grid-template-columns:repeat(3,1fr)}}
.ex{display:flex;flex-direction:column;gap:6px;text-decoration:none;border-radius:26px;padding:22px 24px 26px;background:var(--paper);box-shadow:0 0 0 1px var(--line);transition:transform .6s var(--ease),box-shadow .4s}
.ex:hover{box-shadow:0 0 0 1px var(--line),0 40px 60px -40px rgba(20,22,27,.4)}
.exph{display:block;width:min(100%,250px);margin:6px auto 16px;border-radius:30px;padding:8px;background:linear-gradient(145deg,#2A2E37,#0E1014);box-shadow:0 30px 50px -30px rgba(20,22,27,.5)}
.exsc{display:block;aspect-ratio:9/16.5;border-radius:23px;background-size:100% auto;background-repeat:no-repeat;background-position:50% 0;animation:exscroll 18s ease-in-out infinite alternate}
@keyframes exscroll{0%,8%{background-position:50% 0}92%,100%{background-position:50% 100%}}
.ex b{font-weight:700;font-size:20px;letter-spacing:-.02em}
.ex>span:last-child{color:var(--slate);font-size:15.5px}
.fic{margin-top:26px;color:var(--slate);font-size:15px;max-width:70ch}
.fic a{color:var(--ink);text-underline-offset:3px}
/* founders seats */
.found{display:grid;gap:40px;align-items:center}
@media(min-width:900px){.found{grid-template-columns:1fr 1fr}}
.seats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.seat{aspect-ratio:1;border-radius:18px;box-shadow:inset 0 0 0 2px var(--line);background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(20,22,27,.025) 10px 20px);display:grid;place-items:center;padding:16%}
.seat.on{background:#17181B;box-shadow:0 20px 40px -20px rgba(20,22,27,.5)}
.seat svg{width:100%;height:auto}
.seatcap{margin-top:16px;color:var(--slate);font-size:15.5px}.seatcap b{color:var(--ink)}
/* faq */
.qa{display:grid;gap:30px}
@media(min-width:900px){.qa{grid-template-columns:.8fr 1.2fr;align-items:start}}
.faq{display:grid}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:18px 0;font-weight:600;font-size:18px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:12px;height:12px;margin-top:6px;border:solid var(--slate);border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .35s var(--ease)}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq p{color:var(--slate);padding:0 0 18px;max-width:62ch}
/* real form */
.lf{display:grid;gap:14px}
.lbl{display:grid;gap:8px;font-size:14px;font-weight:500;color:#C6CAD4}
.qchips{display:flex;flex-wrap:wrap;gap:8px}
.qchips button{font:500 14.5px var(--f);color:#E3E5EB;background:#12141A;border:1.5px solid #2D313C;border-radius:999px;padding:9px 14px;cursor:pointer;transition:border-color .2s,background .2s}
.qchips button[aria-pressed=true]{border-color:var(--cobalt);background:rgba(51,70,232,.18);color:#fff}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.chk{display:flex!important;gap:10px;align-items:flex-start;font-size:13.5px!important;color:#A9AEBB!important}
.chk input{width:18px;height:18px;flex:none;margin-top:2px;accent-color:var(--cobalt)}
.chk a{color:#fff}
.err{color:#FF8A80;font-size:14px;min-height:1px}
.done{text-align:center;padding:26px 10px;display:grid;gap:8px;justify-items:center}
.done .okc{width:56px;height:56px;border-radius:50%;background:var(--cobalt);display:grid;place-items:center;font-size:26px}
.done b{font-size:22px}.done p{color:#A9AEBB}.done code{font-size:13px;color:#8E93A1}
.rm *{transition:none!important;animation:none!important}
.rm .hero h1 .ln>span,.rm .fade,.rm [data-rv]{transform:none;opacity:1}
.rm .intro .rig{opacity:1;transform:none}
/* OHI brand theme: dark navy, cobalt, amber */
:root{--canvas:#0B0D14;--paper:#151A2B;--ink:#F2F3F7;--slate:#9AA0B8;--line:rgba(255,255,255,.10);--cobalt:#4C63FF;--cobalt-d:#3D53F5}
header.sc,.menu header{background:rgba(11,13,20,.82)!important;box-shadow:0 1px 0 var(--line)}
@media(max-width:860px){nav{background:rgba(11,13,20,.97)!important}}
.hero::before{background:radial-gradient(circle,rgba(76,99,255,.30),rgba(76,99,255,0) 62%)!important}
.hero::after{content:"";position:absolute;left:-12vw;bottom:-10vh;width:min(50vw,600px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,176,32,.10),rgba(255,176,32,0) 62%);pointer-events:none}
.btn.p{background:var(--amber);color:#14110A;box-shadow:0 12px 30px -12px rgba(255,176,32,.6)}
.btn.p:hover{background:#FFC24D}
.btn.s{background:rgba(255,255,255,.04)}
.terms span::before,.steps::after{background:var(--amber)}
.step b{color:var(--ink)}
.chip{background:rgba(21,26,43,.86);box-shadow:0 18px 40px -18px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}
.chip i{background:rgba(255,176,32,.16)}
.mform{color:#14161B}.mform p{color:#5A6072}
.phone,.exph{box-shadow:0 0 0 1px rgba(255,255,255,.07),0 60px 90px -40px rgba(0,0,0,.8)}
.browser{box-shadow:0 60px 90px -50px rgba(0,0,0,.8),0 0 0 1px var(--line)}
.bar i{background:#2A3045}
.ex:hover{box-shadow:0 0 0 1px rgba(76,99,255,.4),0 40px 60px -40px rgba(0,0,0,.7)}
.seat{background:repeating-linear-gradient(135deg,transparent 0 10px,rgba(255,255,255,.025) 10px 20px)}
.seat.on{background:#05060A;box-shadow:0 0 0 2px var(--amber),0 20px 40px -20px rgba(255,176,32,.35)}
.final{background:#10131F}footer{background:#0B0D14;border-top-color:var(--line)}
form{background:#151A2B}input,.qchips button{background:#0B0D14}
.big-tel{border-bottom-color:rgba(255,176,32,.5)}
:focus-visible{outline-color:var(--amber)}
/* 3D journey layer */
[hidden]{display:none!important}
#space{position:fixed;inset:0;width:100vw;height:100vh;height:100lvh;z-index:0;pointer-events:none;display:block}
header{z-index:30}main,footer{position:relative;z-index:1}
.has-space body{background:transparent}
.has-space .hero::before,.has-space .hero::after{display:none}
.has-space .final{background:linear-gradient(180deg,rgba(11,13,20,0),rgba(11,13,20,.35))}
.has-space .rule{border-top-color:rgba(255,255,255,.06)}
.has-space .sub,.has-space .lede{text-shadow:0 1px 18px rgba(11,13,20,.9)}
.has-space footer{background:rgba(11,13,20,.92);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.has-space .ex,.has-space form{background:rgba(21,26,43,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.has-space .mod .ic{background:rgba(21,26,43,.85)}

html{background:#0B0D14}