:root{--bg:#070b1a;--ink:#eef2ff;--mute:#b8c2e4;--line:#26315f;--accent:#22d3ee;--accent2:#8b5cf6;--on-accent:#fff;--panel:#0f1736;
--grad:linear-gradient(135deg,#22d3ee,#4f6bff 50%,#9b5cf6);color-scheme:dark;
box-sizing:border-box;}
html{scroll-padding-top:0px;scroll-behavior:smooth}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 18px/1.6 "Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif}
h1,h2,h3{font-family:Jost,"Century Gothic","Avenir Next",sans-serif;font-weight:600;line-height:1.08;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(2.6rem,6.4vw,5rem)}
h2{font-size:clamp(2rem,4vw,3rem)}
h3{font-size:1.4rem}
p{margin:0}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;max-width:1160px;margin:0 auto}
.logo{display:block;height:auto;width:min(300px,52vw)}
nav{display:flex;gap:28px;align-items:center;font-weight:500;font-size:16px}
nav a{text-decoration:none}
nav a:hover{text-decoration:underline;text-underline-offset:5px}
.btn{display:inline-block;background:var(--accent);color:var(--on-accent);font:600 17px/1 Jost,sans-serif;padding:16px 26px;text-decoration:none;border-radius:2px}
.btn:hover{filter:brightness(1.1)}
nav .btn{padding:12px 18px;font-size:16px}
.btn.ghost{background:none;color:var(--ink);border:2px solid var(--ink)}
@media (max-width:760px){nav a:not(.btn){display:none}}
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:end;padding:72px 0 80px}
.hero p.lead{font-size:1.25rem;color:var(--mute);max-width:34em;margin:26px 0 34px}
.cta{display:flex;flex-wrap:wrap;gap:14px}
.chart{display:flex;align-items:flex-end;gap:14px;height:360px;border-bottom:3px solid var(--ink)}
.chart i{flex:1;display:block;transform-origin:bottom;animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both}
.chart i:nth-child(1){height:24%;background:var(--ink);animation-delay:.1s}
.chart i:nth-child(2){height:44%;background:radial-gradient(var(--ink) 1.3px,transparent 1.6px) 0 0/6px 6px;border:2px solid var(--ink);animation-delay:.25s}
.chart i:nth-child(3){height:68%;background:var(--ink);animation-delay:.4s}
.chart i:nth-child(4){height:100%;background:radial-gradient(var(--accent) 1.8px,transparent 2.1px) 0 0/7px 7px;border:2px solid var(--accent);animation-delay:.55s}
@keyframes rise{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.chart i{animation:none}html{scroll-behavior:auto}}
@media (max-width:860px){.hero{grid-template-columns:1fr;padding:48px 0}.chart{height:200px}}
section{padding:88px 0;border-top:1px solid var(--line)}
.intro{max-width:720px;margin-bottom:48px}
.intro p{color:var(--mute);margin-top:16px}
.rows>div{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;padding:28px 0;border-top:1px solid var(--line)}
.rows>div:last-child{border-bottom:1px solid var(--line)}
.rows p{color:var(--mute);max-width:40em}
@media (max-width:760px){.rows>div{grid-template-columns:1fr;gap:8px}}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s}
.steps div{padding:24px 24px 24px 0;border-top:3px solid var(--ink);counter-increment:s}
.steps div::before{content:counter(s);display:block;font:600 2.4rem/1 Jost,sans-serif;color:var(--accent);margin-bottom:14px}
.steps p{color:var(--mute);margin-top:8px;font-size:16px}
@media (max-width:860px){.steps{grid-template-columns:1fr 1fr;gap:0 24px}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid var(--ink)}
.compare>div{padding:36px}
.compare>div:first-child{background:var(--panel)}
.compare ul{margin:18px 0 0;padding-left:20px;color:var(--mute)}
.compare li{margin-bottom:10px}
.compare>div:last-child ul{color:var(--ink)}
@media (max-width:760px){.compare{grid-template-columns:1fr}.compare>div{padding:26px}}
.contact{background:var(--ink);color:var(--bg);border-top:0}
.contact .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.contact p{margin-top:16px;opacity:.8;max-width:34em}
.contact .btn{background:var(--bg);color:var(--ink)}
@media (max-width:760px){.contact .wrap{grid-template-columns:1fr}}
footer{padding:28px 0;font-size:15px;color:var(--mute)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.fbar{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:2px solid var(--ink);background:var(--panel)}
.fbar b{width:9px;height:9px;border:1.5px solid var(--ink);border-radius:50%}
.fbar span{margin-left:10px;font:600 13px Jost,sans-serif}
.more{margin-top:44px;color:var(--mute);max-width:640px}

/* modern tech theme */
html{background:var(--bg)}
body{overflow-x:hidden;background:radial-gradient(900px 520px at 88% -4%,rgba(99,102,241,.38),transparent 62%),radial-gradient(700px 460px at -6% 18%,rgba(34,211,238,.20),transparent 60%),var(--bg)}
header{position:sticky;top:0;z-index:10;background:rgba(7,11,26,.72);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.btn{background:linear-gradient(135deg,#3b82f6,#7c3aed);color:#fff;border-radius:12px;box-shadow:0 8px 28px -8px rgba(99,102,241,.8)}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn.ghost{background:rgba(255,255,255,.05);border:1px solid #3a4780;box-shadow:none;color:var(--ink)}
.hero{position:relative}
.hero::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.45;-webkit-mask-image:radial-gradient(ellipse at 60% 40%,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse at 60% 40%,#000 25%,transparent 72%)}
.chart{border-bottom:2px solid #3a4780;gap:16px}
.chart i{border-radius:10px 10px 0 0;border:0!important}
.chart i:nth-child(1){background:linear-gradient(#2a3a8a,#141d4d)}
.chart i:nth-child(2){background:radial-gradient(#22d3ee 1.4px,transparent 1.7px) 0 0/7px 7px,linear-gradient(#1b2a6b,#111a45)}
.chart i:nth-child(3){background:linear-gradient(#4f6bff,#26358f)}
.chart i:nth-child(4){background:linear-gradient(#22d3ee,#6d5cf6 55%,#9b5cf6);box-shadow:0 0 60px rgba(99,102,241,.6)}
.rows{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.rows>div{display:block;border:1px solid var(--line)!important;border-radius:18px;padding:30px;background:linear-gradient(160deg,rgba(99,102,241,.16),rgba(255,255,255,.02))}
.rows>div::before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--grad);margin-bottom:20px}
.rows p{margin-top:10px}
@media (max-width:760px){.rows{grid-template-columns:1fr}}
.steps div{border-top:3px solid transparent;border-image:var(--grad) 1}
.steps div::before{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.compare{border:1px solid var(--line);border-radius:20px;overflow:hidden}
.compare>div:last-child{background:linear-gradient(160deg,rgba(34,211,238,.14),rgba(139,92,246,.2))}
.fbar{border-bottom:1px solid var(--line)}
.fbar b{border:0;width:10px;height:10px}
.fbar b:nth-child(1){background:#ff5f57}.fbar b:nth-child(2){background:#febc2e}.fbar b:nth-child(3){background:#28c840}
.contact{background:linear-gradient(135deg,#1b2a7a,#5b21b6 65%,#0e7490);color:#fff}
.contact .btn{background:#fff;color:#0b1229;box-shadow:none}


.ex{display:grid;grid-template-columns:1fr 1fr;gap:56px 40px}
.ex figure{margin:0}
.ex figcaption{margin-top:18px}
.ex figcaption p{color:var(--mute);margin-top:6px;font-size:16px}
@media (max-width:860px){.ex{grid-template-columns:1fr}}
.shot{container-type:inline-size;border:1px solid #34417c;border-radius:14px;overflow:hidden;background:#0b1229;box-shadow:0 24px 60px -24px rgba(79,107,255,.55)}
.mk{--bg:#f3f5ff;--card:#fff;--ink:#141a36;--bd:#e3e7f7;--bd2:#eef0fb;--ac:#3b4fd6;--soft:#e8ecff;--btn:linear-gradient(135deg,#3b82f6,#7c3aed);--btnink:#fff;--bar:#fff;--barink:#141a36;--hf:Jost,sans-serif;--r:.9em;--rb:.6em;--mut:#667;--h1:#4f6bff;--h2:#22d3ee;--h3:#8b5cf6;--h4:#ec4899;
aspect-ratio:8/5;font-size:calc(100cqw/64);line-height:1.3;background:var(--bg);color:var(--ink);position:relative;overflow:hidden;font-family:"Instrument Sans",system-ui,sans-serif;display:flex;flex-direction:column;text-align:left}
.mk *{margin:0;box-sizing:border-box}
.mk h4{font:600 1.7em var(--hf)}
.bar2{height:4.4em;flex:none;background:var(--bar);color:var(--barink);border-bottom:.1em solid var(--bd);display:flex;align-items:center;justify-content:space-between;padding:0 1.6em}
.chip{font-size:1.1em;font-weight:600;padding:.3em .8em;border-radius:2em;background:var(--soft);color:var(--ac)}
.b2{font-size:1.2em;font-weight:600;color:var(--btnink);background:var(--btn);padding:.45em 1em;border-radius:var(--rb);white-space:nowrap}
.lgo{display:flex;align-items:center;gap:.6em;white-space:nowrap}
.lgo svg{width:2.5em;height:2.5em;flex:none}
.lgo~h4{margin:0 auto 0 1.4em;padding-left:1.4em;border-left:.1em solid var(--bd)}
.lgo~.chip{margin-right:1.4em}
.t2 h4,.t5 h4{text-transform:uppercase;letter-spacing:.05em}
.t6 h4{font-style:italic}
.t2 .chip,.t4 .chip{background:rgba(255,255,255,.14);color:#fff}
.t5 .chip{background:rgba(0,0,0,.12);color:#111}
.t2 .lgo~h4,.t4 .lgo~h4{border-color:rgba(255,255,255,.25)}
.t5 .lgo~h4{border-color:rgba(0,0,0,.3)}
.t6 .bar2{border-bottom:0}
.cal{flex:1;min-height:0;display:grid;grid-template-columns:4.4em repeat(5,1fr);margin:1.4em 1.6em;background:var(--card);border:.1em solid var(--bd);border-radius:var(--r);overflow:hidden}
.cal>div{border-left:.1em solid var(--bd2);display:flex;flex-direction:column}
.cal>div:first-child{border:0}
.cal b{display:block;font-size:1.1em;text-align:center;padding:.6em 0;border-bottom:.1em solid var(--bd2);color:var(--mut)}
.cal b.td{color:var(--ac);background:var(--soft)}
.dy{flex:1;position:relative;background:repeating-linear-gradient(var(--bd2) 0 .1em,transparent .1em 20%)}
.tm .dy{display:flex;flex-direction:column;background:none}
.tm span{flex:1;font-size:1em;color:var(--mut);text-align:right;padding:.3em .6em 0 0}
.dy i{position:absolute;left:.4em;right:.4em;border-radius:calc(var(--rb)*.8);padding:.4em .6em;font:600 1.05em/1.2 "Instrument Sans",sans-serif;overflow:hidden}
.dy i small{display:block;font-weight:400;font-size:.9em;opacity:.8}
.c1{background:color-mix(in srgb,var(--h1) 16%,#fff);color:color-mix(in srgb,var(--h1) 70%,#000);border-left:.3em solid var(--h1)}
.c2{background:color-mix(in srgb,var(--h2) 16%,#fff);color:color-mix(in srgb,var(--h2) 65%,#000);border-left:.3em solid var(--h2)}
.c3{background:color-mix(in srgb,var(--h3) 16%,#fff);color:color-mix(in srgb,var(--h3) 60%,#000);border-left:.3em solid var(--h3)}
.c4{background:color-mix(in srgb,var(--h4) 16%,#fff);color:color-mix(in srgb,var(--h4) 65%,#000);border-left:.3em solid var(--h4)}
.kb{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.2em;padding:1.4em 1.6em 0}
.kb>div{background:var(--soft);border-radius:var(--r) var(--r) 0 0;padding:1em;overflow:hidden}
.kb .t{display:flex;justify-content:space-between;font-size:1.15em;font-weight:700;margin-bottom:.8em}
.kb .t em{font-style:normal;color:var(--ac)}
.kb p{background:var(--card);border-radius:calc(var(--rb)*.9);padding:.8em;margin-bottom:.7em;font-size:1.1em;box-shadow:0 .1em .3em rgba(30,40,100,.08)}
.kb p b{display:block}.kb p small{display:block;color:var(--mut);font-size:.95em;margin-top:.1em}
.kb p span{display:inline-block;margin-top:.5em;font-size:.95em;font-weight:700;color:var(--ac);background:var(--soft);padding:.1em .6em;border-radius:1em}
.t2 .kb p{border-left:.35em solid var(--ac)}
.two2{flex:1;min-height:0;display:grid;grid-template-columns:1.5fr 1fr;gap:1.4em;padding:1.4em 1.6em 0}
.cd2{background:var(--card);border:.1em solid var(--bd);border-radius:var(--r) var(--r) 0 0;padding:1.1em 1.3em;overflow:hidden}
.cd2>h4{font-size:1.5em;margin-bottom:.5em}
.rw2{display:grid;grid-template-columns:1.4fr 1.2fr .9fr;gap:1em;align-items:center;padding:.85em 0;border-bottom:.1em solid var(--bd2);font-size:1.15em}
.rw2.h{font-size:.95em;color:var(--mut);font-weight:600;padding-top:.2em}
.rw2 small{display:block;color:var(--mut);font-size:.9em}
.st{font-size:.9em;font-weight:700;padding:.2em .7em;border-radius:2em;display:inline-block;justify-self:start}
.ok{background:#dcfce7;color:#15803d}.wa{background:#fef3c7;color:#b45309}.no{background:#fee2e2;color:#b91c1c}.in{background:var(--soft);color:var(--ac)}
.fd{font-size:1.05em;font-weight:600;color:var(--mut);margin-top:.7em}
.fd u{display:block;height:2.5em;border:.1em solid var(--bd);border-radius:calc(var(--rb)*.8);background:var(--bg);margin-top:.2em;text-decoration:none;font-weight:400;color:var(--mut);padding:.5em .7em;font-size:1em}
.k3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em;padding:1.4em 1.6em 1em}
.k3>div{background:var(--card);border:.1em solid var(--bd);border-radius:var(--r);padding:1em 1.3em}
.k3 small{font-size:1.1em;color:var(--mut);display:block}
.k3 b{font:700 2.4em/1.2 var(--hf);display:block}
.k3 b.r{color:#dc2626}.k3 b.g{color:#15803d}
.inv{margin:0 1.6em;flex:1;min-height:0}
.rw3{display:grid;grid-template-columns:.9fr 1.6fr 1fr .9fr;gap:1em;align-items:center;padding:.8em 0;border-bottom:.1em solid var(--bd2);font-size:1.15em}
.rw3 b{text-align:right}
.rw4{display:grid;grid-template-columns:1.5fr 1.3fr .6fr;gap:1em;align-items:center;padding:.8em 0;border-bottom:.1em solid var(--bd2);font-size:1.15em}
.rw4 small{display:block;color:var(--mut);font-size:.9em}
.bar3{height:.9em;border-radius:calc(var(--rb));background:var(--soft);overflow:hidden}
.bar3 i{display:block;height:100%;border-radius:var(--rb);background:var(--ac)}
.bar3 i.lo{background:#ea580c}
.al{background:#fff7ed;border:.1em solid #fed7aa;border-radius:calc(var(--rb)*1.2);padding:1em 1.1em;margin-top:.8em;font-size:1.1em}
.al b{display:block;color:#c2410c;margin-bottom:.2em}
.t5 .cd2{border:.2em solid #111}
.t5 .bar3{background:#e6e6e1}
.pt{flex:1;min-height:0;display:grid;grid-template-columns:1.4fr 1fr;gap:1.4em;padding:1.4em 1.6em 0}
.stp{display:flex;justify-content:space-between;position:relative;margin:1.6em .6em 1.2em}
.stp::before{content:"";position:absolute;left:1em;right:1em;top:1em;height:.3em;background:var(--bd)}
.stp::after{content:"";position:absolute;left:1em;width:40%;top:1em;height:.3em;background:var(--ac)}
.stp div{position:relative;text-align:center;font-size:1em;color:var(--mut);width:8em}
.stp u{display:block;width:2.2em;height:2.2em;border-radius:50%;background:var(--bd);margin:0 auto .4em;text-decoration:none}
.stp .d u{background:var(--ac)}.stp .n u{background:var(--card);border:.3em solid var(--ac)}
.stp .d,.stp .n{color:var(--ink);font-weight:600}
.msg{background:var(--bg);border-radius:var(--rb);padding:.8em 1em;font-size:1.1em;margin-top:.7em}
.msg b{display:block}
.fl2{display:flex;justify-content:space-between;align-items:center;padding:.7em 0;border-bottom:.1em solid var(--bd2);font-size:1.1em}
.fl2 span{color:var(--ac);font-weight:600}
.t1{--bg:#eef3ee;--ink:#22332b;--bd:#d9e3db;--bd2:#e8efe9;--ac:#3f7a5f;--soft:#dcebe2;--btn:#3f7a5f;--hf:Georgia,serif;--r:.5em;--rb:2em;--mut:#5e6f65;--h1:#3f7a5f;--h2:#d9825b;--h3:#c9a227;--h4:#6b8fb3}
.t2{--bg:#efefec;--ink:#1b1e22;--bd:#d8d8d3;--bd2:#e8e8e4;--ac:#e8590c;--soft:#e3e3de;--btn:#e8590c;--bar:#1b1e22;--barink:#fff;--r:.2em;--rb:.2em;--mut:#666}
.t3{--bg:#eaf7f6;--ink:#0f2f33;--bd:#cdeae7;--bd2:#e1f3f1;--ac:#0d9488;--soft:#d1f2ee;--btn:#0d9488;--hf:"Trebuchet MS",Jost,sans-serif;--r:1.3em;--rb:1em;--mut:#4d7377}
.t4{--bg:#f5f5f2;--ink:#14213d;--bd:#dedfe0;--bd2:#ececee;--ac:#14213d;--soft:#e7eaf2;--btn:#d4a017;--btnink:#14213d;--bar:#14213d;--barink:#fff;--hf:Georgia,serif;--r:.3em;--rb:.3em;--mut:#5f6677}
.t5{--bg:#f2f2ef;--ink:#111;--bd:#d4d4cf;--bd2:#e6e6e1;--ac:#111;--soft:#fff3b0;--btn:#111;--btnink:#ffd400;--bar:#ffd400;--barink:#111;--r:0;--rb:0;--mut:#555}
.t6{--bg:#fbf1ee;--ink:#2b1d2e;--bd:#f1d9d9;--bd2:#f7e8e6;--ac:#c2255c;--soft:#fbdde8;--btn:linear-gradient(135deg,#e1477a,#7c3aed);--bar:transparent;--barink:#2b1d2e;--hf:Georgia,serif;--r:1.5em;--rb:2em;--mut:#7a6577}
.dk{background:#0b1022;color:#e8ecff}
.dk .bar2{background:#101733;border-color:#222d57}
.dk .chip{background:#1d2756;color:#9fb0ff}
.dk .k3>div,.dk .cd2{background:#111a38;border-color:#222d57}
.dk .k3 small{color:#8d9acb}
.dk .cd2>h4{display:inline-block}
.k3.c4{grid-template-columns:repeat(4,1fr)}
.c4 b{font-size:2em}
.k3 em{font-style:normal;font-size:1em;font-weight:700}
.up{color:#34d399}
.lgt{float:right;font-size:.95em;color:#8d9acb;padding-top:.3em}
.lgt u{text-decoration:none;color:#6b78ad;letter-spacing:.1em}
.dw{display:flex;align-items:center;gap:1.2em;margin-top:.6em}
.dn{width:11em;height:11em;flex:none}
.dw>div{flex:1;font-size:1.05em}
.lgd{display:flex;align-items:center;gap:.6em;padding:.45em 0}
.lgd i{width:.8em;height:.8em;border-radius:50%}
.lgd b{margin-left:auto}
.brandbox{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;padding:36px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,rgba(34,211,238,.12),rgba(139,92,246,.2))}
.brandbox p{color:var(--mute);max-width:30em}
.brandbox small{color:var(--mute);font-size:14px;margin-top:-8px}
.sw{display:flex;gap:18px;flex-wrap:wrap}
.sw span{display:flex;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.sw i{display:block;width:44px;height:44px}
@media (max-width:860px){.brandbox{padding:26px}}

.dt{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.dt>div{border:1px solid var(--line);border-radius:18px;padding:30px;background:rgba(255,255,255,.02)}
.dt>div:last-child{background:linear-gradient(160deg,rgba(34,211,238,.14),rgba(139,92,246,.2));border-color:#3a4780}
.dt .sub{color:var(--mute);margin:8px 0 20px;font-size:16px}
.dt ul{list-style:none;margin:0;padding:0}
.dt li{position:relative;padding-left:26px;margin-bottom:12px;font-size:16px;color:var(--mute)}
.dt li::before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:#f87171}
.dt>div:last-child li{color:var(--ink)}
.dt>div:last-child li::before{background:var(--accent)}
.dtn{margin-top:40px;max-width:720px;font-size:1.2rem}
@media (max-width:960px){.dt{grid-template-columns:1fr}}

.intro p.note{font-size:14px;font-style:italic;margin-top:10px;opacity:.7}

/* atmosphere */
body{background:transparent}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(60vw 50vh at 88% -6%,rgba(99,102,241,.42),transparent 65%),radial-gradient(50vw 45vh at -6% 22%,rgba(34,211,238,.22),transparent 65%),radial-gradient(55vw 50vh at 104% 78%,rgba(139,92,246,.24),transparent 65%),radial-gradient(48vw 42vh at -4% 102%,rgba(59,130,246,.2),transparent 65%)}
::selection{background:#4f6bff;color:#fff}
section{position:relative;isolation:isolate;border-top:0;overflow:hidden}
section::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#4a5bb0 30%,#22d3ee 50%,#4a5bb0 70%,transparent)}
section::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
#data::after{background:radial-gradient(rgba(124,140,255,.38) 1.3px,transparent 1.7px) 0 0/18px 18px;-webkit-mask-image:radial-gradient(70% 55% at 85% 0%,#000,transparent 70%);mask-image:radial-gradient(70% 55% at 85% 0%,#000,transparent 70%)}
#examples{background:linear-gradient(180deg,rgba(18,28,66,.55),rgba(7,11,26,0) 85%)}
#examples::after{background-image:linear-gradient(rgba(60,80,170,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(60,80,170,.35) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(60% 45% at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(60% 45% at 50% 0%,#000,transparent 75%)}
#process::after{background:radial-gradient(55% 70% at 50% 0%,rgba(79,107,255,.28),transparent 72%),radial-gradient(rgba(34,211,238,.3) 1.2px,transparent 1.6px) 0 0/18px 18px;-webkit-mask-image:linear-gradient(#000 0,transparent 80%);mask-image:linear-gradient(#000 0,transparent 80%)}
.contact::before{display:none}
.contact::after{background:radial-gradient(rgba(255,255,255,.22) 1.4px,transparent 1.8px) 0 0/20px 20px,radial-gradient(60% 90% at 90% 10%,rgba(34,211,238,.35),transparent 70%);-webkit-mask-image:linear-gradient(90deg,transparent 20%,#000);mask-image:linear-gradient(90deg,transparent 20%,#000)}
section>.wrap{position:relative;z-index:1}
.solblock{margin-top:88px;padding-top:56px;border-top:1px solid var(--line)}
.solblock .intro h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.rows>div,.dt>div,.steps div{transition:transform .25s ease,border-color .25s ease}
.rows>div:hover,.dt>div:hover{transform:translateY(-4px);border-color:#4f6bff!important}
footer{background:rgba(5,8,20,.65);border-top:1px solid var(--line)}

/* lead form */
.contact .wrap{grid-template-columns:.9fr 1.1fr;align-items:start}
@media (max-width:860px){.contact .wrap{grid-template-columns:1fr}}
.next{margin:30px 0 0;padding:0;list-style:none;display:grid;gap:14px;counter-reset:n}
.next li{counter-increment:n;display:flex;gap:12px;align-items:center}
.next li::before{content:counter(n);flex:none;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;font:600 15px Jost,sans-serif}
.leadform{position:relative;background:rgba(7,11,26,.88);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:28px;display:grid;gap:16px;color:var(--ink);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.leadform label{display:grid;gap:6px;font-weight:600;font-size:15px}
.leadform [hidden]{display:none}
.leadform .opt{font-weight:400;color:var(--mute)}
.leadform input,.leadform select,.leadform textarea{font:400 16px "Instrument Sans",system-ui,sans-serif;color:var(--ink);background:#0f1736;border:1px solid #2c3874;border-radius:10px;padding:12px 14px;width:100%}
.leadform textarea{resize:vertical}
.leadform ::placeholder{color:#7482ad}
.leadform input[type=file]{padding:10px;font-size:14px}
.leadform input:focus,.leadform select:focus,.leadform textarea:focus{outline:3px solid var(--accent);outline-offset:1px}
.leadform small{font-weight:400;color:var(--mute);font-size:13px}
.r2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){.r2{grid-template-columns:1fr}.leadform{padding:22px}}
.hp{position:absolute!important;left:-9999px;width:1px!important;height:1px!important;opacity:0}
.fbtn{font:600 18px Jost,sans-serif;color:#fff;border:0;cursor:pointer;padding:16px 26px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#7c3aed);box-shadow:0 8px 28px -8px rgba(99,102,241,.8)}
.fbtn:hover{filter:brightness(1.12)}.fbtn:disabled{opacity:.6;cursor:wait}
.contact .fmsg{margin:0;opacity:1;min-height:1.2em;font-size:15px}
.contact .fmsg.err{color:#fca5a5}
.contact .thanks p{margin-top:10px;opacity:1;color:var(--mute)}

/* mobile + proportion fixes */
.hero{padding:72px 24px 80px}
@media (max-width:860px){.hero{padding:44px 24px 56px}}
.leadform label{display:block}
.leadform input,.leadform select,.leadform textarea{display:block;margin-top:6px}
.leadform small{display:block;margin-top:6px}
.leadform input[type=file]{margin-top:8px}
.fbtn{width:100%}
.intro p.swipe{display:none}
@media (max-width:1000px){.ex{grid-template-columns:1fr}.ex figure,.brandbox{max-width:760px;width:100%;margin-inline:auto}}
@media (max-width:640px){
  .intro p.swipe{display:block}
  .shot{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .fbar{position:sticky;left:0}
  .mk{width:480px;font-size:7.5px}
  h1{font-size:2.4rem}
  section{padding:64px 0}
  .wrap{padding:0 20px}
  .hero{padding-left:20px;padding-right:20px}
  .brandbox,.dt>div,.rows>div{padding:24px}
  .steps{gap:0}
}

/* light form card for readability */
.leadform{background:#fff;border-color:#e3e7f7;color:#141a36;color-scheme:light}
.leadform label{position:relative}
.leadform input,.leadform select,.leadform textarea{background:#f5f7ff;border:1px solid #c5cdea;color:#141a36}
.leadform ::placeholder{color:#6a7396}
.leadform .opt{color:#5b6385}
.leadform small{color:#4a5170}
.leadform input:focus,.leadform select:focus,.leadform textarea:focus{outline:3px solid #4f6bff;outline-offset:1px;background:#fff}
.leadform input.fileinput{position:absolute;width:1px!important;height:1px!important;opacity:0;overflow:hidden;margin:0;padding:0;border:0}
.fpick{display:flex;align-items:center;gap:12px;margin-top:8px;border:1px dashed #8d99d3;border-radius:10px;background:#f5f7ff;padding:10px 12px;cursor:pointer}
.fpick b{flex:none;font:600 14px Jost,sans-serif;color:#fff;background:linear-gradient(135deg,#3b82f6,#7c3aed);padding:8px 14px;border-radius:8px}
.fpick em{font-style:normal;font-weight:400;font-size:14px;color:#3b4266;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.fileinput:focus-visible+.fpick{outline:3px solid #4f6bff;outline-offset:2px}
.leadform .fmsg.err{color:#b91c1c}
.leadform .thanks p{color:#3b4266}

.leadform .ferr{display:block;color:#b91c1c;font-size:14px;font-weight:500;line-height:1.4;margin-top:8px}
.leadform .ferr:empty{display:none}

.leadform .flist{list-style:none;display:grid;gap:8px;margin:-6px 0 0;padding:0}
.leadform .flist:empty,.leadform .flist[hidden]{display:none}
.flist li{display:flex;align-items:center;gap:10px;background:#f5f7ff;border:1px solid #d5dbf3;border-radius:8px;padding:8px 10px;font-size:14px;color:#141a36}
.flist .fn{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.flist .fs{flex:none;color:#4a5170;font-size:13px}
.flist .frem{flex:none;font:600 13px "Instrument Sans",sans-serif;color:#b91c1c;background:#fff;border:1px solid #f1b8b8;border-radius:6px;padding:5px 10px;cursor:pointer}
.flist .frem:hover{background:#fee2e2}
.flist .frem:focus-visible{outline:3px solid #4f6bff;outline-offset:2px}

/* burger menu, back to top, spacing */
html{scroll-padding-top:64px}
.burger{display:none;flex:none;width:44px;height:44px;border-radius:12px;border:1px solid #3a4780;background:rgba(255,255,255,.06);cursor:pointer;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .25s ease,opacity .2s ease}
header.open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
header.open .burger span:nth-child(2){opacity:0}
header.open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.burger:focus-visible,.totop:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.menu{display:none}
@media (max-width:760px){
  .burger{display:inline-flex}
  .bar{gap:10px;padding:12px 20px}
  .bar nav{margin-left:auto}
  .menu{position:absolute;top:100%;left:0;right:0;background:rgba(7,11,26,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:6px 20px 22px;box-shadow:0 30px 50px -20px rgba(0,0,0,.6)}
  header.open .menu{display:block}
  .menu a:not(.btn){display:block;padding:17px 4px;font:500 19px "Instrument Sans",system-ui,sans-serif;text-decoration:none;border-bottom:1px solid var(--line)}
  .menu .btn{display:block;text-align:center;margin-top:18px}
  .hero{padding-top:60px}
}
@media (prefers-reduced-motion:reduce){.totop,.burger span{transition:none}}
.bar nav .btn{white-space:nowrap}
@media (max-width:760px){.menu{background:#070b1a}.bar nav .btn{padding:12px 16px}}

/* modern floating back-to-top with scroll progress */
.totop{position:fixed;right:22px;bottom:22px;z-index:20;width:54px;height:54px;border-radius:50%;border:0;padding:0;cursor:pointer;color:#fff;display:grid;place-items:center;background:rgba(14,20,48,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 32px -8px rgba(79,107,255,.65),inset 0 0 0 1px rgba(255,255,255,.14);opacity:0;visibility:hidden;transform:translateY(14px) scale(.9);transition:opacity .3s ease,transform .3s ease,visibility .3s,box-shadow .25s ease}
.totop.show{opacity:1;visibility:visible;transform:none}
.totop:hover{transform:translateY(-3px);box-shadow:0 16px 38px -8px rgba(124,92,246,.85),inset 0 0 0 1px rgba(255,255,255,.28)}
.totop .ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.totop .ring circle{fill:none;stroke-width:3}
.totop .trk{stroke:rgba(255,255,255,.12)}
.totop .prg{stroke:url(#tg);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .15s linear}
.totop .arr{position:relative;transition:transform .25s ease}
.totop:hover .arr{transform:translateY(-2px)}
@media (max-width:760px){.totop{right:16px;bottom:16px;width:50px;height:50px}}

/* our story */
nav a[aria-current="page"]{color:#fff;text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:7px}
.menu a[aria-current="page"]{color:var(--accent)}
button.btn{border:0;cursor:pointer}
.ab-hero{position:relative;padding:96px 24px 40px}
.ab-hero::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 30%,#000 25%,transparent 72%)}
.ab-hero h1{max-width:14em;font-size:clamp(2.4rem,6.2vw,4.6rem)}
.ab-hero p{max-width:34em;font-size:1.25rem;color:var(--mute);margin-top:24px}
.ab-sec{padding:72px 0}
.ab-col{max-width:720px;margin-left:auto;margin-right:auto}
.ab-col p{font-size:19px;line-height:1.8;color:#d6ddf7;margin-bottom:22px}
.ab-col p.ab-lead{font-size:1.45rem;line-height:1.6;color:#fff}
.ab-col em{color:#fff;font-style:italic}
.ab-h{font-size:clamp(1.8rem,3.6vw,2.5rem);margin-bottom:26px}
.ab-h::before{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--grad);margin-bottom:20px}
.ab-quote{margin:40px 0;padding:28px 30px;border-left:4px solid transparent;border-image:var(--grad) 1;background:rgba(255,255,255,.04);font:600 clamp(1.45rem,3.2vw,2.1rem)/1.3 Jost,sans-serif;color:#fff}
.ab-tl{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;counter-reset:t;margin-top:48px}
.ab-tl>div{counter-increment:t;padding-top:22px;border-top:3px solid transparent;border-image:var(--grad) 1}
.ab-tl>div::before{content:counter(t);display:block;font:600 2.2rem/1 Jost,sans-serif;margin-bottom:12px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ab-tl h3{font-size:1.25rem}
.ab-tl p{color:var(--mute);font-size:16px;margin-top:8px}
@media (max-width:860px){.ab-tl{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ab-tl{grid-template-columns:1fr}}
.ab-free{border:1px solid #3a4780;border-radius:22px;padding:36px;background:linear-gradient(160deg,rgba(34,211,238,.14),rgba(139,92,246,.22))}
.ab-goals{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:22px 0 0;padding:0;list-style:none}
.ab-goals li{position:relative;padding-left:28px;font-size:17px}
.ab-goals li::before{content:"";position:absolute;left:0;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--grad)}
.ab-help{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.ab-help>div{display:flex;flex-direction:column;align-items:flex-start;gap:14px;border:1px solid var(--line);border-radius:18px;padding:30px;background:rgba(255,255,255,.03)}
.ab-help p{color:var(--mute);font-size:16px;margin:0}
.ab-help .btn{margin-top:auto}
.ab-qr{width:200px;height:200px;max-width:100%;background:#fff;border-radius:14px;display:grid;place-items:center;overflow:hidden;padding:10px}
.ab-qr img{width:100%;height:100%;object-fit:contain}
.ab-qr span{display:none;color:#4a5170;font-size:14px;text-align:center;padding:12px}
.ab-qr.empty{background:#f5f7ff;border:2px dashed #8d99d3}
.ab-qr.empty span{display:block}
@media (max-width:960px){.ab-help{grid-template-columns:1fr}.ab-goals{grid-template-columns:1fr}.ab-free{padding:26px}}
@media (max-width:640px){.ab-hero{padding:64px 20px 24px}.ab-sec{padding:52px 0}.ab-col p{font-size:18px}.ab-quote{padding:22px 22px;margin:32px 0}}
#story::after{background:radial-gradient(60% 80% at 12% 50%,rgba(236,72,153,.2),transparent 70%),radial-gradient(50% 70% at 92% 30%,rgba(139,92,246,.24),transparent 70%)}
.tz{max-width:780px}
.tz h2{font-size:clamp(1.9rem,4vw,3rem)}
.tz p{color:var(--mute);font-size:1.15rem;margin:20px 0 30px}

/* founder photo, free note, QR */
.ab-intro{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:64px;align-items:center;max-width:1040px;margin:0 auto}
.ab-photo{position:relative;margin:0;border-radius:28px;padding:3px;background:var(--grad);box-shadow:0 40px 90px -35px rgba(99,102,241,.75)}
.ab-photo>img{display:block;width:100%;height:auto;border-radius:25px}
.ab-photo figcaption{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:16px;background:rgba(7,11,26,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.16)}
.ab-photo figcaption img{width:30px;height:30px;flex:none}
.ab-photo figcaption span{display:flex;flex-direction:column;font-size:14px;line-height:1.25;color:var(--mute)}
.ab-photo figcaption b{font:600 17px Jost,sans-serif;color:#fff}
@media (max-width:860px){.ab-intro{grid-template-columns:1fr;gap:36px}.ab-photo{max-width:340px;margin:0 auto}}
.ab-qr{width:220px;height:220px;padding:6px}

/* share / connect / support layout */
.ab-help{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.ab-help>div{justify-content:center;gap:12px}
.ab-help>div:nth-child(3){grid-column:2;grid-row:1 / span 2;align-items:center;text-align:center;padding:36px 30px}
.ab-help .btn{margin-top:6px}
@media (max-width:960px){.ab-help{grid-template-columns:1fr}.ab-help>div:nth-child(3){grid-column:auto;grid-row:auto}}

/* option A: ways to help + natural photo */
.ab-ways{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;margin-top:40px}
.ab-row{display:flex;align-items:center;align-self:stretch;gap:18px;width:100%;height:100%;min-height:0;text-align:left;font:inherit;color:inherit;text-decoration:none;cursor:pointer;border:1px solid var(--line);border-radius:20px;padding:26px 28px;background:linear-gradient(160deg,rgba(99,102,241,.14),rgba(255,255,255,.02));transition:transform .25s ease,border-color .25s ease}
.ab-row:hover{transform:translateY(-3px);border-color:#4f6bff}
.ab-row:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.ab-ic{flex:none;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:rgba(124,140,255,.16);color:#8fa2ff}
.ab-ic svg{width:26px;height:26px}
.ab-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.ab-tx b{font:600 1.3rem Jost,sans-serif;color:var(--ink)}
.ab-tx span{color:var(--mute);font-size:16px;line-height:1.5}
.ab-go{flex:none;display:inline-flex;align-items:center;gap:8px;color:var(--accent);font:600 16px Jost,sans-serif;white-space:nowrap}
.ab-go svg{width:18px;height:18px;transition:transform .25s ease}
.ab-row:hover .ab-go svg{transform:translateX(4px)}
.ab-sup{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;border:1px solid var(--line);border-radius:20px;padding:32px 28px;background:rgba(255,255,255,.03)}
.ab-sup h3{font-size:1.3rem}
.ab-sup p{color:var(--mute);font-size:16px;margin:0;max-width:26em}
@media (max-width:960px){.ab-ways{grid-template-columns:1fr;grid-template-rows:none}.ab-sup{grid-column:auto;grid-row:auto}}
@media (max-width:520px){.ab-row{flex-wrap:wrap;padding:22px}.ab-go{width:100%;padding-left:70px}}
.ab-photo{padding:0;background:none;border-radius:30px;box-shadow:0 40px 90px -50px rgba(79,107,255,.45)}
.ab-photo>img{border-radius:30px;-webkit-mask-image:linear-gradient(#000 80%,transparent 100%);mask-image:linear-gradient(#000 80%,transparent 100%)}

/* discreet founder photo */
.ab-intro{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:40px}
.ab-photo{max-width:300px;margin:0;padding:0;background:none;border-radius:0;box-shadow:none}
.ab-photo>img{display:block;width:100%;height:auto;border-radius:0;-webkit-mask-image:none;mask-image:none}
@media (max-width:860px){.ab-intro{grid-template-columns:1fr;gap:12px}.ab-photo{max-width:250px;margin:0 auto}}

/* portrait: rounded, subtle outline, no effects */
.ab-intro{grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:48px}
.ab-photo{max-width:260px;margin:0;padding:0;background:none;border-radius:0;box-shadow:none}
.ab-photo>img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:26%;border:1px solid rgba(255,255,255,.14);box-shadow:none;-webkit-mask-image:none;mask-image:none}
@media (max-width:860px){.ab-intro{grid-template-columns:1fr;gap:28px}.ab-photo{max-width:220px;margin:0 auto}}

/* cutout portrait in a flat rounded frame */
.ab-photo>img{background:#0f1736}

/* extracted portrait, transparent, blended into the page */
.ab-intro{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px;align-items:center}
.ab-photo{position:relative;max-width:300px;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.ab-photo::before{content:"";position:absolute;left:50%;top:48%;width:150%;height:130%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(124,92,246,.32),rgba(59,130,246,.14) 55%,transparent 100%);pointer-events:none}
.ab-photo>img{position:relative;display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:none;border:0;border-radius:0;box-shadow:none}
@media (max-width:860px){.ab-intro{grid-template-columns:1fr;gap:12px}.ab-photo{max-width:250px;margin:0 auto}}

/* photo: translucent bars instead of the round glow */
.ab-photo{isolation:isolate}
.ab-photo::before,.ab-photo::after{content:"";position:absolute;left:auto;top:auto;z-index:0;border-radius:12px;transform:skewY(-18deg);pointer-events:none}
.ab-photo::before{right:-8%;bottom:24%;width:27%;height:64%;background:linear-gradient(170deg,rgba(124,92,246,.72),rgba(59,130,246,.3))}
.ab-photo::after{z-index:1;right:22%;bottom:30%;width:20%;height:44%;background:linear-gradient(170deg,rgba(59,130,246,.58),rgba(59,130,246,.18))}
.ab-photo>img{z-index:2}

/* thin base line so the cropped body reads as intentional */
.ab-base{position:absolute;left:-14%;right:-14%;bottom:-1px;height:3px;border-radius:3px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(79,107,255,.9) 22%,rgba(168,85,247,.9) 78%,transparent)}