/* AQVIROX theme v1.4 */
:root{
  --font:'Hanken Grotesk',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--body:var(--font);
  --display:'Bricolage Grotesque','Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;
  --bg:#f4f6fb;--line:#e1e7f1;--line-strong:#cbd5e6;--ink:#071229;--text:#3a4864;--muted:#5a6882;
  --r-md:14px;--r-lg:22px;
  --shadow-1:0 1px 2px rgba(7,18,41,.05),0 4px 14px rgba(7,18,41,.04);
  --shadow-2:0 30px 70px -24px rgba(7,18,41,.35),0 6px 16px rgba(7,18,41,.06);
  --mint:#3df0a8;--sky:#5b9dff;
}
body{font-size:1.0625rem}
h1,h2,h3,h4,.brand-word b,.price-big{font-family:var(--display)}
h1{font-weight:700;letter-spacing:-.04em;line-height:1}
h2{font-weight:700;letter-spacing:-.035em;line-height:1.05}
h3{font-weight:600;letter-spacing:-.02em}
.kicker{display:inline-flex;gap:8px;align-items:center;padding:0;background:none;border:0;border-radius:0;color:var(--blue-700);font:600 .8rem/1 var(--font);letter-spacing:.14em;text-transform:uppercase}
.kicker::before{content:'';width:22px;height:2px;background:currentColor;border-radius:2px}
.hero .kicker,.sec.dark .kicker{background:none;border:0;color:var(--mint)}
.sec{padding:clamp(72px,9vw,128px) 0}
.sec h2{font-size:clamp(2rem,1.4rem + 2.4vw,3.4rem)}

/* header */
.hdr{background:rgba(255,255,255,.7);border-bottom:1px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s}
.hdr.scrolled{background:rgba(255,255,255,.92);border-color:var(--line);box-shadow:0 8px 24px -16px rgba(7,18,41,.25)}
.nav .nl{font-weight:600;border-radius:999px;transition:background .2s,color .2s}
.btn{border-radius:999px;font-weight:700;transition:transform .25s var(--ease),box-shadow .25s,background .2s,filter .2s}
.btn-p{background:#071229;color:#fff;border:0;box-shadow:0 10px 24px -10px rgba(7,18,41,.6)}
.btn-p:hover{background:#0f2a66;color:#fff;transform:translateY(-2px)}
.btn-line{border-radius:999px}

/* hero */
.hero{--mx:78%;--my:20%;background:radial-gradient(620px 420px at var(--mx) var(--my),rgba(61,240,168,.16),transparent 65%),radial-gradient(900px 560px at 90% -10%,rgba(40,100,255,.5),transparent 60%),#040b1d;isolation:isolate}
.hero::before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 80% at 60% 30%,#000,transparent);mask-image:radial-gradient(70% 80% at 60% 30%,#000,transparent);animation:grid 24s linear infinite}
@keyframes grid{to{background-position:56px 56px,56px 56px}}
.hero::after{opacity:.07;animation:float 14s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-54%) rotate(3deg)}}
.hero-grid{padding:clamp(72px,10vw,140px) 0 clamp(64px,8vw,110px);align-items:center}
.hero-copy h1{font-size:clamp(3rem,1.6rem + 5.4vw,6rem);max-width:10ch;color:#fff}
.hero-copy h1 em{font-style:normal;color:var(--mint)}
.hero-copy h1 em .w>span,.hero-copy h1 em:not(:has(.w)){background:linear-gradient(100deg,var(--sky),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.04em}
.hero-copy h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.22em;margin-bottom:-.22em}
.hero-copy h1 .w>span{display:inline-block;transform:translateY(110%);animation:wup .9s var(--ease) forwards}
@keyframes wup{to{transform:none}}
.hero-copy .lead{color:#b6c3df;font-size:1.2rem;max-width:44ch;animation:fade .9s .7s both}
.hero-copy .actions,.hero-copy .scope,.hero-copy .kicker{animation:fade .9s .9s both}
.hero-copy .kicker{animation-delay:.1s}
@keyframes fade{from{opacity:0;transform:translateY(14px)}}
.hero-copy .btn-p{background:linear-gradient(120deg,#3274f0,#19c98a);color:#04101f;box-shadow:0 14px 34px -10px rgba(61,240,168,.5)}
.hero-copy .btn-p:hover{background:linear-gradient(120deg,#4a86f5,#3df0a8);color:#04101f}
.hero-copy .btn-line{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.3);color:#fff}
.scope{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:28px 0 0;color:#9fb0d2;font-size:.9rem}
.hero-side{position:relative;display:grid;gap:18px;transition:transform .25s ease-out;animation:fade 1s .5s both}
.term{border-radius:18px;background:rgba(8,18,42,.85);border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-2);backdrop-filter:blur(10px);overflow:hidden;animation:bob 7s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px)}}
.term-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1);color:#7d8eb3;font:500 .78rem var(--mono)}
.term-bar i{width:10px;height:10px;border-radius:50%;background:#ff6159}.term-bar i:nth-child(2){background:#ffbd2e}.term-bar i:nth-child(3){background:#28c941}
.term-bar span{margin-left:8px}
.term-body{margin:0;padding:18px 20px;min-height:176px;color:#cfe0ff;font:500 .88rem/1.75 var(--mono);white-space:pre-wrap}
.term-body::after{content:'▍';color:var(--mint);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
.hero-search .dsearch{border-radius:20px;box-shadow:var(--shadow-2);border:1px solid rgba(255,255,255,.5)}

/* marquee */
.marq{overflow:hidden;background:#071229;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0}
.marq-t{display:flex;width:max-content;animation:marq 38s linear infinite}
.marq:hover .marq-t{animation-play-state:paused}
.marq-t span{padding:0 28px;color:#8da0c8;font:600 .95rem var(--display);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;position:relative}
.marq-t span::after{content:'';position:absolute;right:-3px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--mint)}
@keyframes marq{to{transform:translateX(-50%)}}

/* sections */
.index{border:0;display:grid;gap:0}
.index>li{border:0;border-bottom:1px solid var(--line);background:none;box-shadow:none;border-radius:0;transition:padding .3s var(--ease)}
.index>li:first-child{border-top:1px solid var(--line)}
.index>li:hover{padding-left:12px;transform:none;box-shadow:none}
.index .ix-a{padding:26px 8px}.index .ix-t strong{font:600 1.5rem var(--display);letter-spacing:-.025em}
.index .ix-a:hover{background:none}.index .ix-a:hover .ix-go{background:var(--ink);color:#fff;transform:rotate(-45deg)}
.index .ix-go{transition:transform .3s var(--ease),background .3s,color .3s}
.steps{border:0;gap:16px}
.steps li,.steps li+li{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:26px 22px;box-shadow:var(--shadow-1);transition:transform .3s var(--ease),box-shadow .3s}
.steps li:hover{transform:translateY(-6px);box-shadow:var(--shadow-2)}
.steps .sn{width:auto;height:auto;background:none;border-radius:0;font:700 2.2rem/1 var(--display);color:transparent;-webkit-text-stroke:1.5px var(--blue-600);margin-bottom:6px;display:block}
.sec.dark .steps li,.sec.dark .steps li+li{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.14);box-shadow:none}
.sec.dark .steps .sn{-webkit-text-stroke-color:var(--mint);background:none;color:transparent}
.ledger{border:0;gap:12px}
.ledger li{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:20px 22px;box-shadow:var(--shadow-1);transition:transform .3s var(--ease),box-shadow .3s}
.ledger li:hover{transform:translateX(6px);box-shadow:var(--shadow-2)}
.faq{border:0;gap:12px}
.faq details{border:1px solid var(--line);border-radius:var(--r-md);background:#fff;padding:0 22px;box-shadow:var(--shadow-1);transition:border-color .2s}
.faq details[open]{border-color:var(--blue-500)}
.final,.sec.dark{background:radial-gradient(700px 360px at 85% 0,rgba(40,100,255,.45),transparent 65%),radial-gradient(500px 300px at 0 100%,rgba(61,240,168,.16),transparent 60%),#071229}
.final h2{font-size:clamp(2rem,1.4rem + 2.4vw,3.4rem);color:#fff}
.final .btn-p{background:#fff;color:#071229}.final .btn-p:hover{background:var(--mint);color:#071229}
.ftr{background:#040b1d}

/* scroll reveal */
.rvx{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--i,0)*70ms)}
.rvx.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.rvx,.hero-copy h1 .w>span{opacity:1!important;transform:none!important}}
@media(max-width:900px){.hero-side{margin-top:8px}.steps,.steps.s3,.steps.s4,.steps.s5{grid-template-columns:1fr 1fr}.final-in{flex-direction:column;align-items:flex-start}.final .actions{justify-content:flex-start}.term{display:none}}
@media(max-width:560px){.steps,.steps.s3,.steps.s4,.steps.s5{grid-template-columns:1fr}.hero-copy h1{font-size:3rem}.index .ix-t strong{font-size:1.25rem}}
