:root{
 --indigo:#4F46E5;--violet:#7C3AED;--cyan:#06B6D4;--sky:#0EA5E9;
 --grad:linear-gradient(115deg,#4F46E5,#06B6D4);
 --grad2:linear-gradient(115deg,#7C3AED,#4F46E5);
 --ink:#0B1020;--body:#49506B;--muted:#8A92AD;
 --bg:#FFFFFF;--bg2:#F5F7FC;--card:#FFFFFF;--line:#E6E9F3;--tint:#EEF0FE;
 --dark:#0A0E1F;--dark2:#0E142A;--donline:rgba(255,255,255,.1);
 --display:'Sora',system-ui,sans-serif;--font:'Inter',system-ui,sans-serif;
 --r:12px;--rlg:20px;--rxl:28px;--w:1200px;
 --shadow:0 30px 60px -34px rgba(16,24,64,.35);
 --shadow-sm:0 14px 34px -22px rgba(16,24,64,.4);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font);color:var(--body);background:var(--bg);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--display);color:var(--ink);line-height:1.1;letter-spacing:-.03em;font-weight:700}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.container{width:100%;max-width:var(--w);margin:0 auto;padding:0 24px}
.section{padding:104px 0}.section.tight{padding:66px 0}
.alt{background:var(--bg2)}
.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:600;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:var(--indigo)}
.eyebrow svg{width:15px;height:15px}
.eyebrow.on-dark{color:#8EE7FF}
.shead{max-width:680px;margin-bottom:54px}.shead.center{margin:0 auto 54px;text-align:center}
.shead h2{font-size:clamp(2rem,4.4vw,3.1rem);margin-top:14px}
.shead p{margin-top:16px;font-size:1.08rem}
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:.95rem;padding:14px 26px;border-radius:var(--r);border:1.5px solid transparent;cursor:pointer;transition:transform .18s,box-shadow .25s,background .2s,color .2s,border-color .2s}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 16px 34px -14px rgba(79,70,229,.6)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 44px -14px rgba(79,70,229,.7)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn-ghost:hover{border-color:var(--indigo);color:var(--indigo)}
.btn-glass{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.25)}
.btn-glass:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
.btn-lg{padding:16px 32px;font-size:1.02rem}
/* nav */
.nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.nav.scrolled{border-bottom-color:var(--line);box-shadow:0 10px 40px -30px rgba(16,24,64,.5)}
.nav-inner{max-width:var(--w);margin:0 auto;padding:15px 24px;display:flex;align-items:center;gap:22px}
.brand{display:inline-flex;align-items:center;gap:11px}
.brand-mark{width:38px;height:38px;flex-shrink:0}.brand-mark svg{width:38px;height:38px;display:block}
.bw{font-family:var(--display);font-weight:700;font-size:1.22rem;color:var(--ink);letter-spacing:-.03em}
.bw span{color:var(--muted);font-weight:500}
.nlinks{display:flex;gap:2px;margin-left:auto}
.nlinks a{font-family:var(--display);font-weight:500;font-size:.93rem;color:var(--body);padding:9px 15px;border-radius:10px;transition:color .2s,background .2s}
.nlinks a:hover,.nlinks a.on{color:var(--indigo);background:var(--tint)}
.nright{display:flex;gap:10px;align-items:center}
.burger{display:none;background:none;border:0;color:var(--ink);cursor:pointer;padding:6px;margin-left:auto}.burger svg{width:27px;height:27px}
/* hero */
.hero{position:relative;background:radial-gradient(120% 120% at 85% -10%,#15205200,#0A0E1F),linear-gradient(180deg,#0A0E1F,#0E142A);color:#C7D0E8;overflow:hidden;padding:84px 0 96px}
.hero::before{content:"";position:absolute;width:760px;height:620px;border-radius:50%;top:-180px;right:-160px;background:radial-gradient(closest-side,rgba(79,70,229,.5),transparent 70%);filter:blur(30px);pointer-events:none}
.hero::after{content:"";position:absolute;width:620px;height:560px;border-radius:50%;bottom:-220px;left:-140px;background:radial-gradient(closest-side,rgba(6,182,212,.32),transparent 70%);filter:blur(30px);pointer-events:none}
.hero-grid-bg{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 70% 20%,#000,transparent 72%);mask-image:radial-gradient(circle at 70% 20%,#000,transparent 72%)}
.hero .container{position:relative;z-index:2}
.hero-in{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center}
.hero h1{color:#fff;font-size:clamp(2.6rem,5.6vw,4.1rem);letter-spacing:-.04em}
.hero h1 span{background:linear-gradient(100deg,#A5B4FC,#67E8F9);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{margin-top:22px;font-size:1.16rem;max-width:520px;color:#AEB9D6}
.hcta{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}
.htrust{display:flex;gap:24px;margin-top:38px;flex-wrap:wrap}
.htrust .t{display:flex;align-items:center;gap:9px;font-weight:600;color:#D7DEF2;font-size:.9rem}
.htrust .t svg{width:19px;height:19px;color:#67E8F9}
/* hero visual (dashboard + code cards) */
.hv{position:relative;min-height:440px}
.hv-card{position:absolute;background:rgba(255,255,255,.04);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 30px 70px -30px rgba(0,0,0,.7)}
.hv-dash{top:10px;right:0;width:330px;padding:20px}
.hv-dash .dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.hv-dash .dh b{font-family:var(--display);color:#fff;font-size:.9rem}
.hv-dash .chip{font-size:.66rem;font-weight:600;color:#6EE7B7;background:rgba(16,185,129,.16);padding:4px 9px;border-radius:20px}
.hv-bars{display:flex;align-items:flex-end;gap:9px;height:118px;padding-top:8px}
.hv-bars i{flex:1;border-radius:5px 5px 0 0;background:linear-gradient(180deg,#67E8F9,#4F46E5);opacity:.9}
.hv-metric{display:flex;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
.hv-metric div b{font-family:var(--display);color:#fff;font-size:1.15rem;display:block}
.hv-metric div span{font-size:.68rem;color:#8A92AD}
.hv-code{bottom:8px;left:0;width:300px;padding:16px 18px;font-family:'Sora',monospace}
.hv-code .dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:6px}
.hv-code .row{height:9px;border-radius:4px;margin-top:9px;background:rgba(255,255,255,.1)}
.hv-code .row.a{width:70%;background:linear-gradient(90deg,#A5B4FC,transparent)}
.hv-code .row.b{width:52%;margin-left:18px;background:linear-gradient(90deg,#67E8F9,transparent)}
.hv-code .row.c{width:84%;background:linear-gradient(90deg,#F0ABFC,transparent)}
.hv-code .row.d{width:44%;margin-left:18px}
.hv-float{top:200px;left:40px;padding:13px 16px;display:flex;gap:11px;align-items:center;background:rgba(255,255,255,.07)}
.hv-float .ic{width:36px;height:36px;border-radius:10px;background:var(--grad);display:grid;place-items:center;color:#fff}.hv-float .ic svg{width:19px;height:19px}
.hv-float b{font-family:var(--display);color:#fff;font-size:1.05rem;display:block;line-height:1.1}
.hv-float span{font-size:.68rem;color:#9AA3BF}
.hv-float.anim{animation:fl 6s ease-in-out infinite}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
/* logos */
.logos{border-bottom:1px solid var(--line);padding:30px 0}
.logos .container{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}
.logos .lab{font-family:var(--display);font-weight:600;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.logos .lg{font-family:var(--display);font-weight:700;font-size:1.02rem;color:#C2C8DA;letter-spacing:-.02em}
/* bento services */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.scard{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--rlg);padding:30px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
.scard::after{content:"";position:absolute;inset:0;border-radius:var(--rlg);padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s}
.scard:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.scard:hover::after{opacity:1}
.scard .ic{width:54px;height:54px;border-radius:15px;background:var(--tint);color:var(--indigo);display:grid;place-items:center;margin-bottom:20px;transition:background .3s,color .3s}
.scard:hover .ic{background:var(--grad);color:#fff}
.scard .ic svg{width:27px;height:27px}
.scard h3{font-size:1.22rem;margin-bottom:9px}.scard p{font-size:.96rem}
.scard .more{margin-top:16px;display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:600;font-size:.86rem;color:var(--indigo)}
.scard .more svg{width:15px;height:15px}
/* feature band (dark) marketing */
.band{position:relative;background:linear-gradient(135deg,#0A0E1F,#131A3A);color:#C7D0E8;overflow:hidden}
.band::before{content:"";position:absolute;width:640px;height:560px;border-radius:50%;top:-180px;left:-120px;background:radial-gradient(closest-side,rgba(124,58,237,.4),transparent 70%);filter:blur(20px)}
.band::after{content:"";position:absolute;width:520px;height:480px;border-radius:50%;bottom:-200px;right:-120px;background:radial-gradient(closest-side,rgba(6,182,212,.3),transparent 70%);filter:blur(20px)}
.band .container{position:relative;z-index:2}
.band h2{color:#fff}
.mkt-split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.mkt-metrics{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mm{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px}
.mm .v{font-family:var(--display);font-weight:700;font-size:2.4rem;background:linear-gradient(100deg,#A5B4FC,#67E8F9);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.mm .k{margin-top:6px;font-size:.9rem;color:#AEB9D6}
.ticks{list-style:none;margin-top:22px;display:grid;gap:13px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-weight:500;color:var(--ink)}
.ticks li svg{width:22px;height:22px;color:#fff;background:var(--grad);border-radius:50%;padding:4px;flex-shrink:0}
.ticks.on-dark li{color:#DDE3F3}
/* stats */
.statband{background:var(--grad);border-radius:var(--rxl);padding:54px 44px;position:relative;overflow:hidden}
.statband::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;top:-160px;right:-80px;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 65%)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;z-index:2}
.stat{text-align:center;color:#fff}
.stat .v{font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,4vw,3rem);line-height:1}
.stat .v em{font-style:normal;font-size:.5em}
.stat .k{margin-top:8px;font-size:.94rem;color:rgba(255,255,255,.88)}
/* process timeline */
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.tstep{position:relative;padding:0 22px}
.tstep-num{width:52px;height:52px;border-radius:15px;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:1.1rem;margin-bottom:20px;position:relative;z-index:2}
.tstep:not(:last-child)::before{content:"";position:absolute;top:26px;left:60px;right:-14px;height:2px;background:linear-gradient(90deg,var(--indigo),var(--line))}
.tstep h3{font-size:1.14rem;margin-bottom:8px}.tstep p{font-size:.95rem}
/* caps */
.caps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cap{background:var(--card);border:1px solid var(--line);border-radius:var(--rlg);padding:26px;transition:transform .2s,box-shadow .2s}
.cap:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.cap .ic{width:46px;height:46px;border-radius:13px;background:var(--tint);color:var(--indigo);display:grid;place-items:center;margin-bottom:16px}.cap .ic svg{width:23px;height:23px}
.cap h3{font-size:1.08rem;margin-bottom:7px}.cap p{font-size:.92rem}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}
.split h2{font-size:clamp(1.9rem,3.8vw,2.7rem);margin-bottom:16px}
.shot{border-radius:var(--rxl);overflow:hidden;border:1px solid var(--line);position:relative;box-shadow:var(--shadow)}
.shot img{width:100%;height:auto}
/* work tiles */
.wtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.wt{position:relative;border-radius:var(--rlg);overflow:hidden;border:1px solid var(--line);background:var(--card);padding:28px;transition:transform .25s,box-shadow .25s}
.wt:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.wt .ic{width:50px;height:50px;border-radius:14px;background:var(--grad);color:#fff;display:grid;place-items:center;margin-bottom:18px}.wt .ic svg{width:25px;height:25px}
.wt h3{font-size:1.14rem;margin-bottom:8px}.wt p{font-size:.95rem}
.note{text-align:center;color:var(--muted);font-size:.9rem;margin-top:30px}
/* testimonial */
.qc{max-width:860px;margin:0 auto;text-align:center;background:var(--card);border:1px solid var(--line);border-radius:var(--rxl);padding:54px 46px;box-shadow:var(--shadow)}
.qc .qm{width:50px;height:50px;color:var(--indigo);margin:0 auto 18px}
.qc blockquote{font-family:var(--display);font-size:clamp(1.3rem,2.6vw,1.7rem);color:var(--ink);line-height:1.42;font-weight:600;letter-spacing:-.02em}
.qc .who{margin-top:24px;font-weight:700;color:var(--indigo);font-family:var(--display)}
.qc .who span{display:block;color:var(--muted);font-weight:400;font-size:.9rem;font-family:var(--font)}
/* cta */
.cta{position:relative;overflow:hidden;border-radius:var(--rxl);padding:70px 50px;text-align:center;background:linear-gradient(135deg,#0A0E1F,#1A2350);color:#fff}
.cta::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;top:-44%;left:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(79,70,229,.5),transparent 60%);filter:blur(10px)}
.cta>*{position:relative;z-index:2}
.cta h2{color:#fff;font-size:clamp(2rem,4.4vw,3rem)}
.cta p{color:#AEB9D6;max-width:540px;margin:16px auto 0}
.cta-actions{display:flex;gap:14px;justify-content:center;margin-top:32px;flex-wrap:wrap}
/* page hero */
.phero{position:relative;overflow:hidden;background:linear-gradient(180deg,#0A0E1F,#0E142A);color:#C7D0E8;text-align:center;padding:92px 0 76px}
.phero::before{content:"";position:absolute;width:680px;height:520px;border-radius:50%;top:-200px;left:50%;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(79,70,229,.42),transparent 70%);filter:blur(20px)}
.phero .container{position:relative;z-index:2}.phero .eyebrow{justify-content:center;color:#8EE7FF}
.phero h1{color:#fff;font-size:clamp(2.3rem,5vw,3.5rem);margin:14px auto 0;max-width:860px}
.phero p{max-width:640px;margin:16px auto 0;font-size:1.08rem;color:#AEB9D6}
/* contact + funnel */
.cgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:start}
.icard{background:var(--card);border:1px solid var(--line);border-radius:var(--rlg);padding:24px;display:flex;gap:16px;transition:transform .2s,box-shadow .2s}
.icard:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.icard+.icard{margin-top:16px}
.icard .ic{width:46px;height:46px;border-radius:13px;background:var(--tint);color:var(--indigo);display:grid;place-items:center;flex-shrink:0}.icard .ic svg{width:22px;height:22px}
.icard h3{font-size:1.04rem;margin-bottom:3px}.icard a.big{color:var(--indigo);font-weight:600;overflow-wrap:anywhere}.icard p{font-size:.9rem;color:var(--muted);margin-top:2px}.icard p.strong{color:var(--ink)}
.fcard{background:var(--card);border:1px solid var(--line);border-radius:var(--rxl);padding:36px;box-shadow:var(--shadow)}
.fcard h2{font-size:1.5rem;margin-bottom:6px}.fcard>p{font-size:.95rem;margin-bottom:22px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:16px}
.field label{display:block;font-family:var(--display);font-weight:600;font-size:.82rem;color:var(--ink);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;font-family:var(--font);font-size:.98rem;color:var(--ink);padding:13px 15px;border:1.5px solid var(--line);border-radius:var(--r);background:#FBFCFE;transition:border-color .2s}
.field input::placeholder,.field textarea::placeholder{color:var(--muted)}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--indigo)}
.field textarea{resize:vertical;min-height:120px}.form-note{font-size:.82rem;color:var(--muted);margin-top:14px}
/* funnel */
.funnel{background:var(--card);border:1px solid var(--line);border-radius:var(--rxl);padding:32px;box-shadow:var(--shadow)}
.fn-prog{display:flex;gap:8px;margin-bottom:24px}
.fn-prog i{flex:1;height:5px;border-radius:3px;background:var(--line);transition:background .3s}.fn-prog i.on{background:var(--grad)}
.fn-step{display:none}.fn-step.on{display:block;animation:fnin .35s ease}
@keyframes fnin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fn-q{font-family:var(--display);font-size:1.3rem;color:var(--ink);margin-bottom:6px}
.fn-sub{font-size:.9rem;color:var(--muted);margin-bottom:18px}
.fn-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.fn-opt{display:flex;align-items:center;gap:10px;padding:15px;border:1.5px solid var(--line);border-radius:var(--r);background:#FBFCFE;cursor:pointer;font-weight:500;color:var(--ink);font-size:.93rem;transition:border-color .2s,background .2s,transform .15s;text-align:left;font-family:var(--font)}
.fn-opt:hover{transform:translateY(-2px);border-color:var(--indigo)}.fn-opt.sel{border-color:var(--indigo);background:var(--tint)}
.fn-opt svg{width:19px;height:19px;color:var(--indigo);flex-shrink:0}
.fn-nav{display:flex;gap:10px;margin-top:6px}.fn-back{background:none;border:0;color:var(--muted);font-family:var(--font);font-size:.88rem;cursor:pointer;padding:8px}.fn-back:hover{color:var(--indigo)}
.fn-done{text-align:center;padding:14px 0}.fn-done .tick{width:60px;height:60px;border-radius:50%;background:var(--tint);color:var(--indigo);display:grid;place-items:center;margin:0 auto 16px}.fn-done .tick svg{width:30px;height:30px}
.fn-sum{background:#FBFCFE;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin:16px 0;text-align:left;font-size:.9rem}
.fn-sum div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.fn-sum span{color:var(--muted)}.fn-sum b{color:var(--ink);font-weight:600;text-align:right}
/* footer */
.footer{background:#070A16;color:#9AA3BF;padding:70px 0 28px}
.ftop{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.4fr;gap:34px;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer .brand .bw{color:#fff}.footer .brand .bw span{color:#6B7490}
.fbrand p{font-size:.92rem;max-width:300px;margin-top:16px;color:#8A92AD}
.fcol h4{color:#fff;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:17px;font-family:var(--font);font-weight:700}
.fcol a{display:block;font-size:.92rem;color:#8A92AD;margin-bottom:11px;transition:color .2s}.fcol a:hover{color:#67E8F9}
.fc-item{display:flex;gap:11px;font-size:.89rem;color:#8A92AD;margin-bottom:13px;align-items:flex-start}
.fc-item svg{width:17px;height:17px;color:#67E8F9;flex-shrink:0;margin-top:3px}.fc-item a{color:#8A92AD;overflow-wrap:anywhere}.fc-item a:hover{color:#67E8F9}
.fbot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:26px;font-size:.85rem;color:#6B7490}
.fbot .fl{display:flex;gap:22px}.fbot a:hover{color:#67E8F9}
/* legal */
.legal{max-width:820px;margin:0 auto}
.legal h2{font-size:1.5rem;margin:36px 0 13px;color:var(--ink)}.legal h3{font-size:1.15rem;margin:26px 0 10px;color:var(--ink)}
.legal p{margin-bottom:14px;overflow-wrap:break-word}
.legal ul{margin:0 0 16px 2px;padding-left:22px;display:grid;gap:9px}.legal li{overflow-wrap:break-word}.legal li::marker{color:var(--indigo)}
.legal a{color:var(--indigo);text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.legal strong{color:var(--ink)}
.legal .upd{display:inline-block;font-family:var(--display);font-size:.82rem;color:var(--indigo);background:var(--tint);padding:7px 14px;border-radius:999px;margin-bottom:8px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media(max-width:980px){
 .hero-in,.mkt-split,.split,.cgrid{grid-template-columns:1fr;gap:40px}
 .hv{min-height:420px;max-width:380px;margin:0 auto}
 .bento,.wtiles{grid-template-columns:repeat(2,1fr)}
 .caps,.stats{grid-template-columns:repeat(2,1fr);gap:24px}
 .timeline{grid-template-columns:repeat(2,1fr);gap:34px 0}
 .tstep:not(:last-child)::before{display:none}
 .ftop{grid-template-columns:1fr 1fr;gap:28px}
}
@media(max-width:720px){
 .section{padding:68px 0}.nlinks,.nright{display:none}
 .nlinks.open{display:flex;position:absolute;top:70px;left:16px;right:16px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;gap:2px;box-shadow:var(--shadow);z-index:70}
 .nlinks.open a{width:100%}.burger{display:block}
 .bento,.wtiles,.caps,.stats,.mkt-metrics,.timeline,.frow,.fn-opts{grid-template-columns:1fr}
 .ftop{grid-template-columns:1fr}.cta{padding:52px 26px}.qc{padding:40px 24px}.statband{padding:40px 24px}
}