@font-face{font-family:"Inter";src:url(/assets/fonts/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url(/assets/fonts/space-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@property --sbg{syntax:'<color>';inherits:true;initial-value:#070a18}
:root{--h1:#22d3ee;--h2:#8b5cf6;--h3:#e879f9;--g1:rgba(139,92,246,.3);--g2:rgba(34,211,238,.18);--coral:#ff6b4a;--sun:#ffb020;--vi:#7c3aed;--bl:#2563eb;--mint:#10b981;--r:20px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background:#070a18;font:16px/1.65 Inter,system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;color:#0f172a}
h1,h2,h3,h4,.brand{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.025em;line-height:1.08}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
/* themes */
.sec{position:relative;overflow-x:clip;padding:120px 0;background:var(--sbg);transition:--sbg 1.1s ease;color:var(--ink)}
.th-dark{--ink:#eef2ff;--mut:#a3acc9;--card:rgba(255,255,255,.05);--line:rgba(255,255,255,.1);--cardb:rgba(255,255,255,.06)}
.th-light{--ink:#14112b;--mut:#5b5873;--card:#fff;--line:rgba(20,17,43,.08);--cardb:#fff}
.th-vivid{--ink:#fff;--mut:rgba(255,255,255,.82);--card:rgba(255,255,255,.12);--line:rgba(255,255,255,.22);--cardb:rgba(255,255,255,.12)}
.sec .fx{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.div{position:absolute;left:0;right:0;width:100%;top:-1px;height:70px;z-index:2;pointer-events:none;transform:translateY(-98%)}.div path{fill:var(--sbg);transition:fill 1.1s}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:0;animation:bm 14s ease-in-out infinite alternate}
@keyframes bm{to{transform:translate(40px,-30px) scale(1.15)}}
.grad{background:linear-gradient(110deg,var(--h1),var(--h2) 55%,var(--h3));-webkit-background-clip:text;background-clip:text;color:transparent}
.gwarm{background:linear-gradient(110deg,#ff6b4a,#ff3d81 50%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
.gcool{background:linear-gradient(110deg,#0ea5e9,#6366f1);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 Inter;letter-spacing:.16em;text-transform:uppercase;padding:8px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--ink)}
.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--coral)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:700;font-size:15px;transition:.3s;cursor:pointer;border:0;font-family:inherit}
.btn-p{background:linear-gradient(110deg,#ff6b4a,#ff3d81);color:#fff;box-shadow:0 12px 34px -10px rgba(255,80,90,.65)}
.btn-p:hover{transform:translateY(-2px) rotate(-1deg)}
.btn-g{border:1.5px solid var(--line);background:var(--card);color:var(--ink);backdrop-filter:blur(10px)}.btn-g:hover{border-color:var(--coral)}
.btn-w{background:#fff;color:#14112b}
.tag{display:inline-block;font:700 10.5px/1 Inter;letter-spacing:.12em;text-transform:uppercase;padding:6px 9px;border-radius:6px;background:#fde047;color:#3b2a00;transform:rotate(-2deg)}
.card{background:var(--cardb);border:1px solid var(--line);border-radius:var(--r);transition:.35s}
.th-light .card{box-shadow:0 1px 0 rgba(20,17,43,.04),0 18px 40px -24px rgba(40,20,90,.25)}
.th-dark .card,.th-vivid .card{backdrop-filter:blur(14px)}
.sh{max-width:740px;margin-bottom:56px}.sh h2{font-size:clamp(34px,4.6vw,56px);margin:18px 0 14px}.sh p{color:var(--mut);font-size:18.5px}
.center{text-align:center;margin-left:auto;margin-right:auto}
/* nav */
nav{position:fixed;inset:0 0 auto;z-index:50;transition:.35s}
nav.s{background:rgba(255,255,255,.82);backdrop-filter:blur(16px);box-shadow:0 8px 30px -20px rgba(0,0,0,.4)}
nav.s .links,nav.s .brand{color:#14112b}nav.s .burger{color:#14112b;border-color:rgba(0,0,0,.15)}
.nv{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700;color:#fff}
.logo{flex:none;width:42px;height:42px;border-radius:11px;background:#fff url(/assets/img/logo.png) center/82% no-repeat;box-shadow:0 6px 20px -8px rgba(0,0,0,.55)}
.links{display:flex;gap:28px;font-size:14.5px;font-weight:500;color:rgba(255,255,255,.8)}.links a:hover{color:var(--coral)}
.burger{display:none;background:none;border:1px solid rgba(255,255,255,.2);border-radius:10px;width:44px;height:44px;color:#fff;font-size:20px}
.mm{display:none}
/* hero */
.hero{min-height:100vh;display:flex;align-items:center;padding:130px 0 120px;overflow:hidden;--sbg:#070a18}
.hero:after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(60% 60% at 75% 30%,var(--g1),transparent 70%),radial-gradient(50% 50% at 10% 85%,var(--g2),transparent 70%)}
#net{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.hero .wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}
.hero h1{font-size:clamp(42px,5.8vw,76px);margin:22px 0 22px;font-weight:700}
.hero .lead{font-size:19.5px;color:#c9cfe6;max-width:590px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;gap:8px;align-items:center;padding:7px 14px;border-radius:999px;font-size:13px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#dfe4f7}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--h1);box-shadow:0 0 10px var(--h1);animation:bl 1.6s infinite}@keyframes bl{50%{opacity:.2}}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.pains{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.pains span{font-size:13.5px;color:#c9cfe6;padding:6px 12px;border-radius:8px;background:rgba(255,255,255,.05);border:1px dashed rgba(255,255,255,.18)}
.stage{position:relative;height:540px}
.ph1{position:absolute;right:10px;top:10px;width:300px;height:380px;border-radius:24px;overflow:hidden;transform:rotate(5deg);box-shadow:0 30px 70px -20px rgba(0,0,0,.7);border:4px solid rgba(255,255,255,.1)}
.ph1 img{width:100%;height:100%;object-fit:cover}
.phone{position:absolute;left:0;top:70px;width:260px;border-radius:34px;background:#0d1124;border:8px solid #1d2340;box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.08);padding:16px 14px 20px;transform:rotate(-5deg);animation:fl 7s ease-in-out infinite}
@keyframes fl{50%{transform:rotate(-5deg) translateY(-12px)}}
.phone .top{display:flex;justify-content:space-between;font-size:11px;color:#8890b0;margin-bottom:10px}
.phone .who{display:flex;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px;color:#fff;font-size:13px;font-weight:600}
.phone .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#ffb020,#ff6b4a);display:grid;place-items:center;font-size:13px}
.msg{font-size:12.5px;line-height:1.45;padding:9px 12px;border-radius:16px;margin-bottom:8px;max-width:88%;opacity:0;animation:pop .5s forwards}
.msg.sys{background:rgba(255,107,74,.15);color:#ffb4a3;font-size:11px;text-align:center;max-width:100%;border-radius:10px}
.msg.out{background:linear-gradient(110deg,#ff6b4a,#ff3d81);color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.msg.in{background:#252b48;color:#e5e8f5;border-bottom-left-radius:4px}
.msg:nth-of-type(1){animation-delay:.6s}.msg:nth-of-type(2){animation-delay:1.4s}.msg:nth-of-type(3){animation-delay:2.4s}.msg:nth-of-type(4){animation-delay:3.4s}.msg:nth-of-type(5){animation-delay:4.2s}
@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.toast{position:absolute;z-index:3;display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:16px;background:#fff;color:#14112b;font-size:13px;box-shadow:0 20px 40px -15px rgba(0,0,0,.6);animation:fl2 6s ease-in-out infinite}
.toast b{display:block;font-size:13.5px}.toast small{color:#6b6880}.toast .em{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px}
@keyframes fl2{50%{transform:translateY(-10px)}}
.demo-note{position:absolute;bottom:-6px;right:12px;font-size:11px;color:#7f87a8}
/* pain strip */
.strip{padding:70px 0 90px}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pc{padding:24px;position:relative;overflow:hidden}
.pc .big{font:700 34px "Space Grotesk";line-height:1}.pc h4{font-size:18px;margin:14px 0 6px}.pc p{font-size:14.5px;color:var(--mut)}
.pc:nth-child(odd){transform:rotate(-1.2deg)}.pc:nth-child(even){transform:rotate(1.2deg)}.pc:hover{transform:rotate(0) translateY(-6px)}
/* services */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sv{padding:30px;position:relative;overflow:hidden}.sv:hover{transform:translateY(-6px)}
.ic{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:20px;transform:rotate(-6deg)}
.ic svg{width:28px;height:28px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sv h3{font-size:21px;margin-bottom:8px}.sv p{color:var(--mut);font-size:15px}
.sv .win{margin-top:16px;font-size:13.5px;font-weight:600;padding:8px 12px;border-radius:10px;display:inline-block}
.sv.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.it{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px}.it li{padding:12px 14px;border-radius:12px;background:#f6f3ff;font-size:14px;font-weight:600;display:flex;gap:8px;align-items:center}
/* showcase */
.show{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.show h2{font-size:clamp(34px,4.4vw,54px);margin:18px 0 16px}.show p{color:var(--mut);font-size:17.5px}
.ticks{list-style:none;margin:22px 0 30px}.ticks li{padding:7px 0;font-size:16px;display:flex;gap:10px}.ticks li:before{content:"✓";display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#fde047;color:#3b2a00;font-weight:800;font-size:13px}
.browser{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 40px 90px -30px rgba(10,0,60,.7);transform:perspective(1400px) rotateY(-10deg) rotateX(4deg) rotate(1deg);transition:.6s}
.browser:hover{transform:none}
.bbar{display:flex;gap:6px;align-items:center;padding:10px 14px;background:#eef0f6}.bbar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.bbar i:nth-child(2){background:#febc2e}.bbar i:nth-child(3){background:#28c840}
.bbar span{margin-left:12px;flex:1;background:#fff;border-radius:6px;font-size:11.5px;color:#666;padding:4px 10px}
.mock{position:relative;height:300px;background-size:cover;background-position:center}
.mock:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,30,20,.92),rgba(18,30,20,.35))}
.mock .mt{position:absolute;z-index:1;left:28px;top:30px;right:28px;color:#fff}
.mock .mt small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d6b98c}
.mock .mt h4{font-family:Georgia,serif;font-size:30px;margin:8px 0 10px;letter-spacing:0;line-height:1.1}
.mock .mt .rt{font-size:12px;color:#f3e7c9;margin-bottom:16px}
.mock .mt .b{display:inline-block;background:#c47a3c;color:#fff;font-size:12px;font-weight:700;padding:9px 14px;border-radius:8px;margin-right:6px}
.mock .mt .b2{background:rgba(255,255,255,.15)}
.mrow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;background:#f7f5ef}
.mrow div{background:#fff;border-radius:10px;padding:12px;font-size:11.5px;color:#333;font-weight:600;box-shadow:0 4px 12px -6px rgba(0,0,0,.2)}.mrow div span{display:block;font-size:18px}
.showwrap{position:relative}.showwrap .tag{position:absolute;top:-14px;left:-10px;z-index:3;font-size:12px;padding:8px 12px}
/* trades */
.tgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.tc{padding:22px 14px;text-align:center}.tc:hover{transform:translateY(-6px) rotate(-1.5deg)}
.tc .ti{width:62px;height:62px;margin:0 auto 12px;border-radius:18px;display:grid;place-items:center;font-size:30px}
.tc h4{font-size:15.5px}.tc p{font-size:12.5px;color:var(--mut);margin-top:4px}
/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.step{padding:28px}.sn{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font:700 22px "Space Grotesk";color:#fff;margin-bottom:18px;transform:rotate(-6deg)}
.step h3{font-size:20px;margin-bottom:8px}.step p{font-size:15px;color:var(--mut)}
/* proof */
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.stat{padding:22px}.stat .n{font:700 40px "Space Grotesk"}.stat p{font-size:13px;color:var(--mut)}
.prod{display:grid;gap:14px}.prod .card{padding:22px 24px;display:flex;gap:16px}.prod h4{font-size:18px;margin-bottom:4px}.prod p{font-size:14.5px;color:var(--mut)}
.prod .num{font:700 15px "Space Grotesk";min-width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff}
/* pricing */
.price{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.vals{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.plan{padding:34px;display:flex;flex-direction:column;position:relative}.plan h3{font-size:24px}.plan .amt{font:700 34px "Space Grotesk";margin:14px 0 4px}.plan .amt small{display:block;margin-top:6px;font:500 15px Inter;color:var(--mut)}
.plan ul{list-style:none;margin:20px 0 28px;flex:1}.plan li{padding:8px 0;font-size:15px;border-bottom:1px dashed var(--line)}.plan li:before{content:"✓  ";color:var(--coral);font-weight:800}
.plan.hot{background:linear-gradient(160deg,#4f46e5,#7c3aed 60%,#db2777);color:#fff;border:0;transform:scale(1.04) rotate(-1deg);--mut:rgba(255,255,255,.8);--line:rgba(255,255,255,.25)}
.plan.hot li:before{color:#fde047}
/* faq */
.faq{max-width:860px;margin:0 auto}.qa{margin-bottom:12px;overflow:hidden}
.qa button{width:100%;text-align:left;background:none;border:0;color:var(--ink);font:600 18px "Space Grotesk";padding:22px 26px;display:flex;justify-content:space-between;gap:16px;cursor:pointer}
.qa button i{font-style:normal;color:var(--coral);transition:.3s;font-size:24px;line-height:1}.qa.o button i{transform:rotate(45deg)}
.qa .an{max-height:0;transition:max-height .4s;color:var(--mut);font-size:15.5px}.qa .an p{padding:0 26px 22px}
/* contact */
.cform{display:grid;grid-template-columns:.85fr 1.15fr;gap:44px}
.ci2 h2{font-size:clamp(34px,4.2vw,52px);margin:18px 0}.ci2>p{color:var(--mut);font-size:17px}
.cl{margin-top:28px;display:grid;gap:12px}.cl .card{padding:16px 18px;display:flex;gap:14px;align-items:center;font-size:15px}.cl small{display:block;color:var(--mut);font-size:12px}
.cl .e{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:17px;flex:none}
.fw{padding:36px}
.prog{display:flex;gap:8px;margin-bottom:26px}.prog i{flex:1;height:5px;border-radius:5px;background:rgba(20,17,43,.08);position:relative;overflow:hidden}.prog i.on:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ff6b4a,#7c3aed)}
.stp{display:none}.stp.on{display:block;animation:fi .45s}@keyframes fi{from{opacity:0;transform:translateX(16px)}}
.stp h3{font-size:23px;margin-bottom:4px}.stp>p{color:var(--mut);font-size:14px;margin-bottom:20px}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.opt{padding:13px 14px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;font-size:14.5px;transition:.2s;display:flex;gap:10px;align-items:center;font-weight:500}
.opt input{accent-color:#ff6b4a}.opt:has(input:checked){border-color:#ff6b4a;background:#fff4f1}
.fld{margin-bottom:14px}.fld label{display:block;font-size:13px;font-weight:600;color:var(--mut);margin-bottom:6px}
.fld input,.fld select,.fld textarea{width:100%;padding:13px 15px;border-radius:12px;border:1.5px solid var(--line);background:#fbfaff;color:var(--ink);font:inherit;font-size:15px;outline:none}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 4px rgba(124,58,237,.15)}
.fld .er{color:#e11d48;font-size:12.5px;display:none;margin-top:5px}.fld.bad input,.fld.bad select{border-color:#e11d48}.fld.bad .er{display:block}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fbtn{display:flex;justify-content:space-between;margin-top:22px;gap:12px}
.oer{color:#e11d48;font-size:13px;margin-top:10px;display:none}
.done{text-align:center;padding:30px 10px}.done .ck{width:80px;height:80px;margin:0 auto 20px;border-radius:24px;transform:rotate(-8deg);background:linear-gradient(135deg,#10b981,#0ea5e9);display:grid;place-items:center;font-size:38px;color:#fff}
/* coral CTA */
.coral{padding:110px 0;text-align:center;overflow:hidden}
.coral h2{font-size:clamp(36px,5.2vw,66px);margin-bottom:16px;color:#fff}.coral p{color:rgba(255,255,255,.9);font-size:19px;max-width:620px;margin:0 auto 32px}
.shape{position:absolute;z-index:1;opacity:.9}
footer{background:#070a18;color:#c9cfe6;padding:80px 0 30px;position:relative}
.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}.fg h5{font:700 12.5px Inter;letter-spacing:.14em;text-transform:uppercase;color:#7f87a8;margin-bottom:16px}
.fg a.brand{display:flex}.fg a{display:block;font-size:14.5px;padding:4px 0}.fg a:hover{color:var(--coral)}
.fb{margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px;color:#7f87a8}
.js .reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.js .reveal.in{opacity:1;transform:none}
.pc.js .reveal.in:nth-child(odd){transform:rotate(-1.2deg)}.pc.js .reveal.in:nth-child(even){transform:rotate(1.2deg)}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}
@media(max-width:1020px){.pgrid,.steps{grid-template-columns:1fr 1fr}.svc{grid-template-columns:1fr 1fr}.tgrid{grid-template-columns:repeat(3,1fr)}.price,.vals{grid-template-columns:1fr}.plan.hot{transform:none}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.links,.nv>.btn-p{display:none}.burger{display:block}
.mm{display:block;position:fixed;inset:74px 0 auto;background:#fff;color:#14112b;padding:10px 24px 24px;transform:translateY(-130%);transition:.35s;z-index:49;box-shadow:0 20px 40px -20px rgba(0,0,0,.4)}
.mm.o{transform:none}.mm a{display:block;padding:14px 0;border-bottom:1px solid #eee;font-size:17px;font-weight:600}.mm .btn{margin-top:18px;width:100%;justify-content:center;color:#fff}
.hero .wrap,.split,.cform,.show{grid-template-columns:1fr}.sec{padding:90px 0}.stage{height:500px;max-width:440px;margin:0 auto;width:100%}.sv.wide{grid-column:auto;grid-template-columns:1fr}}
@media(max-width:600px){.coral .shape{width:40px!important}.pgrid,.svc,.steps,.opts,.two,.it{grid-template-columns:1fr}.tgrid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr 1fr}.stat{padding:14px}.stat .n{font-size:28px}
.fw{padding:22px}.fg{grid-template-columns:1fr}.hero .lead{font-size:17px}.ph1{width:200px;height:270px;right:0}.phone{width:236px}.stage{height:470px}.browser{transform:none}.mock .mt h4{font-size:23px}.mrow{grid-template-columns:1fr 1fr 1fr;gap:6px;padding:10px}.mrow div{padding:8px;font-size:10px}.pc:nth-child(n){transform:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal,.msg{opacity:1;transform:none}}
.hero-bg{position:absolute;inset:0;background:url(/assets/img/photo-1.webp) center/cover;opacity:.25;z-index:0}
.gridbg{position:absolute;inset:0;z-index:1;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:56px 56px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.hero h1 .grad{display:inline}
.term{padding:22px;font:13px/1.85 ui-monospace,Menlo,monospace;position:relative;background:rgba(10,14,32,.7);border:1px solid rgba(255,255,255,.12);border-radius:20px;backdrop-filter:blur(14px);color:#dfe4f7;animation:fl3 6s ease-in-out infinite}
@keyframes fl3{50%{transform:translateY(-12px)}}
.term .dots{display:flex;gap:6px;margin-bottom:14px}.term .dots i{width:10px;height:10px;border-radius:50%;background:#f472b6}.term .dots i:nth-child(2){background:#a78bfa}.term .dots i:nth-child(3){background:#22d3ee}
.term .k{color:var(--h1)}.term .v{color:#c4b5fd}.term .m{color:#6b7394}.term .ok{color:#4ade80}
.caret{display:inline-block;width:8px;height:15px;background:var(--h1);vertical-align:middle;animation:bl 1s steps(1) infinite}
.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font-size:13.5px;color:#a3acc9}.trust span:before{content:"✓ ";color:var(--h1)}
.stackrow{overflow:hidden;margin-top:10px}.stackrow p{text-align:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut);margin-bottom:18px;font-weight:700}
.mq{display:flex;gap:56px;width:max-content;animation:mq 38s linear infinite}.mq span{font:600 21px "Space Grotesk";color:#4a4566;white-space:nowrap;display:flex;align-items:center;gap:10px}.mq span i{width:9px;height:9px;border-radius:3px;background:linear-gradient(135deg,#ff6b4a,#7c3aed)}
@keyframes mq{to{transform:translateX(-50%)}}
.st4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:50px}.st4 .card{padding:24px}.st4 .n{font:700 42px "Space Grotesk"}.st4 p{font-size:13.5px;color:var(--mut)}
.svc4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.svc4 .feat{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}.svc4 .feat .phx{background-size:cover;background-position:center;min-height:240px}.svc4 .feat .tx{padding:28px}
.sv ul{list-style:none;margin-top:12px;font-size:14px;color:var(--mut)}.sv li{padding:3px 0}.sv li:before{content:"→ ";color:#ff6b4a;font-weight:700}
/* products */
.pgrid4{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.prc{padding:0;overflow:hidden;display:flex;flex-direction:column}.prc .top{padding:30px 30px 0}.prc h3{font-size:28px;margin:12px 0 8px}.prc .top p{color:var(--mut);font-size:15.5px}
.prc .feat-l{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}.prc .feat-l li{font-size:12.5px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2)}
.prc .lk{display:inline-block;margin-top:16px;font-weight:700;color:#fde047}
.ui{margin:24px 30px 0;background:#0d1124;border-radius:14px 14px 0 0;border:1px solid rgba(255,255,255,.12);border-bottom:0;padding:16px;flex:1;min-height:230px;color:#dfe4f7;font-size:12px;position:relative}
.ui .lab{position:absolute;top:10px;right:12px;font-size:10px;color:#7f87a8;letter-spacing:.08em;text-transform:uppercase}
.ui h5{font:600 13px "Space Grotesk";margin-bottom:12px;color:#fff}
.pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pipe div{background:#171d38;border-radius:8px;padding:8px}.pipe b{display:block;font-size:10px;color:#8890b0;margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}
.pipe span{display:block;background:#252b48;border-radius:6px;padding:6px;margin-bottom:5px;font-size:10.5px}.pipe span.h{background:linear-gradient(110deg,#22d3ee55,#8b5cf655)}
.bars{display:flex;align-items:flex-end;gap:8px;height:110px;margin:6px 0 10px}.bars i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#22d3ee,#8b5cf6);animation:gr 2.4s ease-in-out infinite alternate}.bars i.neg{background:linear-gradient(180deg,#f472b6,#be185d)}
@keyframes gr{from{transform:scaleY(.85);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kp div{background:#171d38;border-radius:8px;padding:8px;font-size:10.5px;color:#8890b0}.kp b{display:block;color:#fff;font:600 14px "Space Grotesk"}
.nm{background:#fbf7ec;color:#1d3b2a}.nm h5{color:#1d3b2a;font-family:Georgia,serif;font-size:18px}.nm .pill2{display:inline-block;background:#d4a646;color:#1d3b2a;font-weight:700;padding:6px 12px;border-radius:999px;font-size:11px;margin-top:10px}
.nm .row{display:flex;gap:8px;margin-top:12px}.nm .row div{flex:1;background:#fff;border-radius:8px;padding:8px;font-size:10.5px;box-shadow:0 4px 10px -6px rgba(0,0,0,.2)}
.cb{background:linear-gradient(160deg,rgba(255,255,255,.16),rgba(255,255,255,.06))}
.code{font:11.5px/1.7 ui-monospace,monospace}.code .c{color:#6b7394}.code .k{color:#22d3ee}.code .s{color:#fde047}
/* trades */
.trw{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:60px}
.tlist{list-style:none;display:grid;gap:12px;margin:22px 0 26px}.tlist li{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;font-size:15px}.tlist li b{display:block;font-family:"Space Grotesk";font-size:16.5px}.tlist li span.e{font-size:22px;width:42px;height:42px;flex:none;border-radius:12px;display:grid;place-items:center}
.stage4{position:relative;height:520px}
.stage4 .ph1{right:0;top:0;width:320px;height:400px}
.stage4 .phone{left:10px;top:80px}
.trades-photos{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;margin-top:60px}
.credit{font-size:11px;color:var(--mut);margin-top:8px}
@media(max-width:1020px){.svc4{grid-template-columns:1fr 1fr}.st4{grid-template-columns:1fr 1fr}.pgrid4{grid-template-columns:1fr}}
@media(max-width:860px){.trw,.trades-photos{grid-template-columns:1fr}.stage4{max-width:440px;margin:0 auto;width:100%}}
@media(max-width:600px){.svc4{grid-template-columns:1fr}.svc4 .feat{grid-column:auto;grid-template-columns:1fr}.stage4 .ph1{width:200px;height:270px}.stage4{height:470px}.pipe{grid-template-columns:1fr 1fr}.ui{margin:20px 16px 0}.prc .top{padding:24px 20px 0}.term{font-size:11.5px}}

/* Privacy / Terms panels */
dialog.panel{width:min(680px,calc(100vw - 32px));max-height:min(82vh,780px);margin:auto;padding:0;overflow:hidden;border:0;border-radius:18px;background:#fff;color:#14112b;box-shadow:0 24px 80px rgba(7,10,24,.5)}
dialog.panel::backdrop{background:rgba(7,10,24,.7)}
.panel-in{position:relative;padding:36px 28px 30px;max-height:min(82vh,780px);overflow-y:auto;overflow-x:hidden}
@media(min-width:720px){.panel-in{padding:44px 48px 40px}}
.panel h2{font:700 28px/1.15 "Space Grotesk",sans-serif;margin:0 0 14px;color:#14112b}
.panel h3{font:700 16px/1.3 "Inter",sans-serif;margin:22px 0 6px;color:#14112b}
.panel p{color:#454b63;font-size:15px;margin:0 0 10px}
.panel a{color:#2446e8}
.panel-x{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:#eef1fb;color:#14112b;font-size:24px;line-height:1;cursor:pointer}
.panel-x:hover{background:#dde3f5}