@font-face{font-family:Poppins;font-weight:300;font-display:swap;src:url(/assets/fonts/poppins-300.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/assets/fonts/poppins-400.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/assets/fonts/poppins-500.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/assets/fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(/assets/fonts/poppins-700.woff2) format("woff2")}
:root{--deep:#0B1430;--navy:#162457;--blue:#3B4FE4;--teal:#38D1CF;--ink:#14182b;--slate:#5B6378;--mist:#EEF1F7;--line:#d9dfeb}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:#fff;font-size:16px;line-height:1.6}
a{color:inherit}
:focus-visible{outline:3px solid var(--teal);outline-offset:3px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:10;background:#fff;padding:8px 12px}
.wrap{max-width:1240px;margin:0 auto;padding:0 48px;position:relative}
svg[data-currents]{position:absolute;left:0;width:100%;pointer-events:none}
.dark{background:var(--deep);color:#fff;position:relative;overflow:hidden}
h1,h2,h3{font-weight:700}
h2{font-size:42px;line-height:1.08;letter-spacing:-1.1px;margin:0;color:var(--deep)}
.dark h2{color:#fff}
.lead{font-size:18px;color:var(--slate);max-width:34em;margin:18px 0 0}
.dark .lead{color:#c9d1ec}
.btn{display:inline-flex;align-items:center;font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:999px;text-decoration:none;border:0;font-family:inherit;cursor:pointer}
.btn.p{background:var(--teal);color:var(--deep)}
.btn.g{color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.btn.d{background:var(--deep);color:#fff}
.btn.o{color:var(--deep);border:1.5px solid #c5cde0}
.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.tlink{display:inline-block;margin-top:26px;font-weight:600;color:var(--blue);border-bottom:2px solid var(--teal);padding-bottom:2px;text-decoration:none}
.dark .tlink{color:var(--teal)}
/* header */
.site-head{position:relative;z-index:5}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;height:84px;gap:24px}
.brand{font-weight:700;font-size:27px;letter-spacing:-.6px;text-decoration:none}
.brand i{font-style:normal;color:var(--teal)}
.brand small{font-weight:500;font-size:12px;letter-spacing:0;margin-left:8px;opacity:.7}
.site-head nav{display:flex;gap:30px;font-size:14.5px;font-weight:500}
.site-head nav a{text-decoration:none;opacity:.9}
.on-dark .site-head{color:#fff}.on-dark .site-head nav a{color:#c7cfea}
.on-light .site-head{background:var(--deep);color:#fff}.on-light .site-head nav a{color:#c7cfea}
/* hero */
.hero svg[data-currents]{top:0;height:100%}
.page-pad{padding-top:60px}
.mist{background:var(--mist)}
.inner-h1{color:var(--deep);font-size:48px}
.form-h{font-size:24px}
.spaced{margin-top:46px}
.m0{margin:0}
.hero{padding-bottom:300px}
.hgrid>*,.rg>*,.fg>*,.pg>*{min-width:0}
.hgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:70px;position:relative;z-index:2}
h1{font-size:62px;line-height:1.04;letter-spacing:-1.8px;margin:0 0 22px}
.sub{font-size:18.5px;font-weight:300;color:#d5dcf2;max-width:31em;margin:0}
.next{font-size:13.5px;color:#9aa6cf;margin:16px 0 0;max-width:34em}
.systems{position:absolute;left:0;right:0;bottom:46px;z-index:2}
.systems .wrap{display:flex;align-items:baseline;gap:30px;flex-wrap:wrap}
.systems .t{font-size:13px;color:#8d98c0;max-width:190px;line-height:1.4}
.systems .n{font-weight:600;font-size:17px;color:#e6ebfb;opacity:.85}
/* product window */
.app{background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 40px 90px rgba(5,10,40,.45),0 0 0 1px rgba(255,255,255,.08);overflow:hidden;font-size:13.5px;position:relative;z-index:2}
.app .bar{background:#f2f4f9;padding:11px 16px;display:flex;gap:6px;align-items:center;border-bottom:1px solid #e3e7ef}
.app .dot{width:10px;height:10px;border-radius:50%;background:#d3d8e2}
.app .bar b{margin-left:10px;font-size:12px;color:var(--slate);font-weight:500}
.msgs{padding:18px 18px 8px}.msg{display:flex;gap:10px;margin-bottom:14px}
.av{width:30px;height:30px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:600;color:#fff}
.av.u{background:#8a8fa3}.av.s{background:conic-gradient(from 210deg,var(--blue),var(--teal),var(--blue))}
.who{font-weight:600;font-size:12.5px}.who span{color:var(--slate);font-weight:400;margin-left:6px}
.steps{margin:6px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--slate)}.steps li:before{content:"✓ ";color:#14a39d;font-weight:700}
.file{margin-top:10px;border:1px solid #e3e7ef;border-radius:10px;padding:10px 12px;display:flex;gap:10px;align-items:center;background:#f7f8fc}
.ic{width:32px;height:38px;border-radius:5px;background:#d24726;color:#fff;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.appr{margin-top:10px;border-left:3px solid var(--blue);background:#eef0fd;padding:8px 12px;border-radius:6px;font-size:12.5px}.appr b{color:var(--blue)}
.app .hint{color:var(--slate);font-size:12.5px}
/* problem with photo */
.problem{display:grid;grid-template-columns:1fr 1fr;min-height:640px}
.pimg{position:relative}
.pimg .clip{position:absolute;inset:0;overflow:hidden}
.pimg .clip img{width:100%;height:100%;object-fit:cover;display:block}
.pimg .clip:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,20,48,.55),rgba(11,20,48,0) 45%)}
.pimg .cap{position:absolute;z-index:3;left:48px;bottom:44px;color:#e9fbfb;font-size:19px;font-weight:500;max-width:18em;text-shadow:0 2px 18px rgba(0,0,0,.6);margin:0}
.ptext{padding:72px 72px 64px;max-width:640px}
.ptext h2{font-size:38px}
.pain{padding:26px 0;position:relative}
.pain svg{position:absolute;left:0;bottom:0;width:100%;height:14px}
.pain h3{margin:0 0 6px;font-size:20px;color:var(--deep)}
.pain p{margin:0;color:var(--slate)}
/* how it works */
.flow{position:relative;padding:76px 0 84px;overflow:hidden}
.flow svg[data-currents]{top:200px;height:130px}
.stations{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:150px;padding:0;list-style:none}
.stations h3{margin:0 0 6px;font-size:21px;color:var(--deep)}
.stations p{margin:0;color:var(--slate);font-size:15px;max-width:22em}
.when{font-size:13px;font-weight:600;color:var(--blue);margin-bottom:6px}
.assure{display:flex;gap:40px;align-items:center;justify-content:space-between;margin-top:64px;padding:28px 32px;border-radius:18px;background:var(--mist)}
.assure p{margin:0;color:var(--slate);max-width:46em}.assure b{color:var(--deep)}
/* rely */
.rely{padding:76px 0}
.rg{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.rlist{display:grid;grid-template-columns:1fr 1fr;gap:28px 34px;border-top:2px solid var(--deep);padding-top:26px;margin:0}
.rlist div{color:var(--slate);font-size:15px}.rlist dt{color:var(--deep);font-size:17px;font-weight:700;margin-bottom:6px}.rlist dd{margin:0}
/* proof */
.proof{padding:84px 0 92px}
.proof svg[data-currents]{top:0;height:100%}
.big{font-size:56px;font-weight:700;letter-spacing:-1.6px;line-height:1.05;margin:0}
.big span{color:var(--teal)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin:70px 0 0;padding:0;list-style:none}
.stats .n{font-size:54px;font-weight:700;line-height:1;letter-spacing:-1px;display:block}
.stats .n span{color:var(--teal)}
.stats .l{font-size:14.5px;color:#c3cbe8;margin-top:12px;display:block;max-width:15em}
.ba{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:46px 0 0;border-top:1px solid rgba(255,255,255,.15);padding:26px 0 0;list-style:none}
.ba .t{display:block;font-size:13.5px;color:#9aa6cf;margin-bottom:6px}
.ba .v{font-size:22px;font-weight:600;color:#fff}.ba .arrow{color:var(--teal);padding:0 4px}
/* industries */
.inds{padding:120px 0 60px}
.ilist{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;margin:46px 0 0;padding:0;list-style:none}
.irow a,.irow>div{display:grid;grid-template-columns:44px 1fr auto;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.irow svg{width:44px;height:22px;position:static}
.irow b{display:block;font-size:18px;color:var(--deep)}
.irow span{font-size:14px;color:var(--slate)}
.irow em{font-style:normal;font-weight:600;color:var(--blue);font-size:14px;white-space:nowrap}
.irow .soon{color:var(--slate);font-weight:500}
/* product cards */
.prod{padding:80px 0}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:44px}
.pc{border-radius:20px;padding:36px;position:relative;overflow:hidden;min-height:340px}
.pc.s{background:var(--mist)}.pc.y{background:var(--deep);color:#fff}
.pc h3{font-size:30px;margin:0 0 10px;letter-spacing:-.6px}
.pc p{max-width:24em;margin:0;color:var(--slate);position:relative;z-index:1}
.pc.y p{color:#c9d1ec}
.kind{font-size:13.5px;font-weight:600;color:var(--blue);margin-bottom:6px}
.pc.y .kind{color:var(--teal)}
.pc svg[data-topo]{position:absolute;right:-60px;bottom:-60px;width:330px;height:330px}
/* founder */
.founder{padding:0 0 110px}
.fbox{display:grid;grid-template-columns:150px 1fr;gap:40px;align-items:center;background:var(--mist);border-radius:24px;padding:44px 50px;position:relative;overflow:hidden}
.fbox svg[data-currents]{bottom:0;height:90px;opacity:.7}
.ph{width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#c9cfe0,#e6e9f2);display:flex;align-items:center;justify-content:center;color:#8a90a3;font-size:12px;text-align:center}
.q{font-size:22px;color:var(--deep);font-weight:500;line-height:1.45;margin:0;position:relative;z-index:1}
.attr{margin-top:14px;color:var(--slate);font-size:14.5px;position:relative;z-index:1}.attr b{color:var(--deep)}
/* faq */
.faq{padding:72px 0 80px}
.fg{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{font-weight:600;font-size:18px;color:var(--deep);cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
summary:after{content:"+";float:right;color:var(--blue);font-weight:500}
details[open] summary:after{content:"–"}
details p{color:var(--slate);margin:10px 0 0;max-width:40em}
/* final */
.final{text-align:center;padding:96px 0 110px}
.final svg[data-currents]{top:0;height:100%}
.final h2{font-size:50px;max-width:16em;margin:0 auto}
.final .lead{margin:20px auto 34px}
.steps3{list-style:none;padding:0;margin:10px auto 36px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:900px;text-align:left;counter-reset:s}
.steps3 li{counter-increment:s;background:rgba(255,255,255,.06);border:1px solid rgba(56,209,207,.25);border-radius:14px;padding:18px 20px;color:#c9d1ec;font-size:14.5px}
.steps3 b{display:block;color:#fff;font-size:16px;margin-bottom:4px}
.steps3 b:before{content:counter(s) ". ";color:var(--teal)}
.alt{margin:18px 0 0;color:#9aa6cf;font-size:14.5px}.alt a{color:var(--teal);font-weight:600}
/* identity note (keep: Google OAuth reviewers check this) */
.identity{padding:60px 0;background:var(--mist)}
.identity .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.identity h2{font-size:26px}
.identity p{color:var(--slate);margin:0 0 10px}
/* footer band */
.fband{background:#0d1736;color:#c9d1ec;padding:48px 0}
.fband .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:60px}
.fband b{color:#fff}
.fband form{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
.fband input[type=email]{flex:1;min-width:220px;max-width:340px;border-radius:999px;border:1px solid #3a4677;background:#0b1430;color:#fff;padding:12px 18px;font-family:inherit;font-size:15px}
.consent{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:13px;color:#8d98c0}.consent a{color:var(--teal)}
.site-foot{background:#070d22;color:#8d98c0;font-size:13px;padding:30px 0}
.site-foot .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.site-foot nav{display:flex;gap:18px;flex-wrap:wrap}.site-foot a{text-decoration:none;color:#b7c0e0}
/* inner pages */
.page-hero{padding:56px 0 72px}
.page-hero svg[data-currents]{top:0;height:100%}
.page-hero h1{max-width:15em}
.page-hero .sub{max-width:36em}
.section{padding:76px 0}
.section.tight{padding:56px 0}
.wf{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin:44px 0 0;padding:0;list-style:none}
.wf li{background:var(--mist);border-radius:18px;padding:28px;border-top:4px solid var(--teal)}
.wf h3{margin:0 0 12px;color:var(--deep);font-size:20px}
.wf .row{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:15px;color:var(--slate);margin-top:8px}
.wf .row b{color:var(--deep);font-weight:600}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding:0;list-style:none}
.chips li{border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;color:var(--deep);background:#fff}
.note{font-size:13.5px;color:var(--slate);margin-top:18px}
.form-card{background:var(--mist);border-radius:20px;padding:36px;max-width:640px}
.form-card label{display:block;font-weight:600;color:var(--deep);font-size:14.5px;margin:16px 0 6px}
.form-card input,.form-card select{width:100%;border:1px solid #c5cde0;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px;background:#fff}
.form-card .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pending{display:block;margin-top:14px;font-size:13px;color:var(--slate)}
@media (max-width:980px){
  .site-head .btn{padding:10px 16px}
  .systems .wrap{gap:14px 22px}
  .app{font-size:12.5px}
  .wrap{padding:0 22px}
  .site-head nav{display:none}
  h1{font-size:42px}
  h2{font-size:32px}
  .hgrid,.problem,.rg,.fg,.pg,.identity .wrap,.fband .wrap{grid-template-columns:1fr}
  .hero{padding-bottom:180px}
  .systems{position:relative;bottom:auto;margin-top:40px}
  .pimg{min-height:420px}
  .ptext{padding:60px 22px}
  .stations,.stats,.ba,.steps3,.wf,.ilist,.rlist{grid-template-columns:1fr}
  .stations{margin-top:150px}
  .assure{flex-direction:column;align-items:flex-start}
  .fbox{grid-template-columns:1fr;padding:30px}
  .big{font-size:40px}
  .final h2{font-size:36px}
  .form-card .row2{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* ---- v2: navigation menus ---- */
.site-head nav{display:flex;gap:6px;align-items:center}
.nav-top{background:none;border:0;font:inherit;font-size:14.5px;font-weight:500;color:#c7cfea;padding:10px 12px;border-radius:8px;cursor:pointer;text-decoration:none}
.nav-top:hover{color:#fff}
.nav-menu{position:relative}
.nav-panel{position:absolute;top:100%;left:0;min-width:300px;background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(5,10,40,.35);padding:10px;display:none;z-index:20}
.nav-menu:hover .nav-panel,.nav-menu:focus-within .nav-panel{display:block}
.nav-panel a{display:block;padding:10px 12px;border-radius:10px;color:var(--deep);text-decoration:none}
.nav-panel a:hover,.nav-panel a:focus-visible{background:var(--mist)}
.nav-panel b{display:block;font-size:14.5px}.nav-panel span{display:block;font-size:12.5px;color:var(--slate)}
.head-ctas{display:flex;gap:10px;align-items:center}
.btn.small{padding:10px 16px;font-size:13.5px}
/* ---- logos ---- */
.logos{display:flex;flex-wrap:wrap;gap:12px 26px;list-style:none;margin:0;padding:0;align-items:center}
.logos li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.logos img{width:22px;height:22px}
.on-dark-logos li{color:#e6ebfb}.on-dark-logos img{filter:invert(1);opacity:.85}
.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:40px 0 0;padding:0}
.logo-grid li{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;font-weight:600;color:var(--deep)}
.logo-grid img{width:28px;height:28px}
.home-hero .systems{bottom:40px}
/* ---- generic sections ---- */
.section.mist{background:var(--mist)}
.grid-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 34px;margin-top:40px}
.gl h3{margin:0 0 8px;font-size:19px;color:var(--deep)}
.gl p{margin:0;color:var(--slate);font-size:15.5px}
.outcomes{display:grid;grid-template-columns:1fr 1fr;column-gap:60px;list-style:none;margin:40px 0 0;padding:0}
.outcomes a,.outcomes li>div{display:grid;grid-template-columns:44px 1fr auto;column-gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none}
.outcomes svg{width:44px;height:22px;position:static;grid-row:span 2}
.outcomes b{font-size:18px;color:var(--deep)}
.outcomes span{grid-column:2;font-size:14.5px;color:var(--slate)}
.outcomes em{grid-column:3;grid-row:1/span 2;font-style:normal;font-weight:600;color:var(--blue);font-size:14px}
.cmp{margin-top:40px;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.cmp-row{display:grid;grid-template-columns:1fr 1fr}
.cmp-row span{padding:16px 22px;border-top:1px solid var(--line);font-size:15.5px;color:var(--slate)}
.cmp-row span:last-child{color:var(--deep);font-weight:500;background:#f6f9ff}
.cmp-head span{border-top:0;font-weight:700;color:var(--deep);background:var(--mist)}
.cmp-head span:last-child{background:var(--deep);color:#fff}
.pull{margin:0;max-width:42em}
.pull blockquote{margin:0;font-size:30px;line-height:1.3;font-weight:600;color:#fff;letter-spacing:-.5px}
.pull figcaption{margin-top:16px;color:#9aa6cf}
.dark.proof .stats .n{font-size:48px}
.with-img{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.pimg-inline img{width:100%;border-radius:22px 120px 22px 22px;display:block}
.identity-block{margin-top:40px;padding:26px 30px;background:var(--mist);border-radius:16px}
@media (max-width:980px){
  .grid-list,.outcomes,.logo-grid,.with-img{grid-template-columns:1fr}
  .head-ctas .btn.g{display:none}
  .cmp-row{grid-template-columns:1fr}
}
/* ---- capture pages ---- */
.scorecard{display:block}
.q{border:0;border-bottom:1px solid var(--line);margin:0;padding:22px 0}
.q legend{font-weight:600;color:var(--deep);font-size:17px;margin-bottom:12px;display:flex;gap:12px}
.q legend span{flex:none;width:28px;height:28px;border-radius:50%;background:var(--deep);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center}
.q label{display:inline-flex;align-items:center;gap:8px;margin:6px 10px 6px 0;padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:14.5px;color:var(--deep);cursor:pointer;background:#fff}
.q label:has(input:checked){border-color:var(--blue);background:#eef0fd}
.q.gate label{display:block;border:0;padding:0;margin:14px 0 6px;border-radius:0;background:none}
.q.gate input[type=email],.q.gate input:not([type]){width:100%;border:1px solid #c5cde0;border-radius:10px;padding:12px 14px;font:inherit}
.consent.light{color:var(--slate)}
.guide-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:26px}
.guide-list li{background:var(--mist);border-radius:20px;padding:30px;border-top:4px solid var(--teal)}
.guide-list h2{font-size:24px}.guide-list p{color:var(--slate)}
.guide-list form{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.guide-list input[type=email]{flex:1;min-width:200px;border:1px solid #c5cde0;border-radius:999px;padding:11px 16px;font:inherit}
@media (max-width:980px){.guide-list{grid-template-columns:1fr}}

.with-img .grid-list{grid-template-columns:1fr 1fr}
.dark.proof .pull blockquote{font-size:34px}

.mnav{display:none}
@media (max-width:980px){
  .mnav{display:block;position:relative}
  .mnav summary{list-style:none;cursor:pointer;color:#fff;font-weight:600;font-size:14.5px;padding:10px 12px;border:1.5px solid rgba(255,255,255,.35);border-radius:999px}
  .mnav summary::-webkit-details-marker{display:none}
  .mnav-panel{position:absolute;right:0;top:120%;width:min(86vw,340px);max-height:75vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 24px 60px rgba(5,10,40,.4);padding:12px;z-index:30}
  .mnav-panel p{margin:12px 8px 4px;font-size:12px;font-weight:700;color:var(--blue)}
  .mnav-panel a{display:block;padding:9px 8px;color:var(--deep);text-decoration:none;font-size:15px;border-radius:8px}
  .site-head .wrap{gap:10px}
}

/* ---- v3: visual sections ---- */
.final .ctas{justify-content:center}
.stats.s3{grid-template-columns:repeat(3,1fr)}.stats.s2{grid-template-columns:repeat(2,1fr)}.stats.s1{grid-template-columns:1fr}
.stats.s3 .l,.stats.s2 .l{max-width:18em;font-size:15.5px}
.dark.proof .stats .n{font-size:60px}
.spread{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.sp-card{margin:0;border-radius:22px;padding:30px 30px 26px;display:flex;flex-direction:column;gap:18px}
.sp-card.light{background:var(--mist)}
.mist .sp-card.light{background:#fff}
.sp-card.dark{background:var(--deep);color:#fff}
.sp-svg{width:100%;height:auto;display:block}
.sp-card h3{margin:0 0 8px;font-size:21px;color:var(--deep)}.sp-card.dark h3{color:#fff}
.sp-card ul{margin:0;padding:0;list-style:none}
.sp-card li{padding:5px 0 5px 26px;position:relative;color:var(--slate);font-size:15.5px}
.sp-card.light li:before{content:"✕";position:absolute;left:2px;color:#a3abc6;font-weight:700}
.sp-card.dark li{color:#d5dbf1}.sp-card.dark li:before{content:"✓";position:absolute;left:2px;color:var(--teal);font-weight:700}
.bars{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:26px;max-width:980px}
.bars li{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center;padding-bottom:26px;border-bottom:1px solid var(--line)}
.bars li:last-child{border-bottom:0}
.bt{font-size:19px;font-weight:700;color:var(--deep);line-height:1.25}
.bp{display:grid;gap:10px}
.bl{display:grid;grid-template-columns:1fr 220px;gap:16px;align-items:center}
.bl svg{width:100%;height:18px;display:block}
.bl span{font-size:14.5px;color:var(--slate)}
.bl.a span{color:var(--deep);font-weight:700}
.rb{fill:#cdd3e4}.ra{fill:var(--teal)}
.ocards{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ocards a,.ocards li>div{display:flex;flex-direction:column;height:100%;box-sizing:border-box;padding:22px 22px 18px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none;transition:border-color .15s}
.ocards a:hover,.ocards a:focus-visible{border-color:var(--teal)}
.ocards b{font-size:17px;color:var(--deep);line-height:1.3}
.ocards span{font-size:14.5px;color:var(--slate);margin-top:6px;flex:1}
.ocards em{font-style:normal;font-weight:600;color:var(--blue);font-size:14px;margin-top:14px}
.tcard{margin:0;background:var(--deep);color:#fff;border-radius:24px;padding:52px 60px 56px;position:relative;overflow:hidden}
.tcard svg[data-currents]{position:absolute;left:0;bottom:0;width:100%;height:90px;opacity:.35}
.tcard .qm{position:absolute;left:44px;top:22px;font-size:120px;line-height:1;color:var(--teal);font-weight:700}
.tcard blockquote{margin:0;font-size:28px;line-height:1.38;font-weight:500;letter-spacing:-.3px;max-width:36em;position:relative}
.tcard figcaption{margin-top:20px;color:#9aa6cf;font-size:15px;position:relative}.tcard figcaption b{color:var(--teal)}
.ph.mono{font-size:34px;font-weight:700;color:#fff;background:conic-gradient(from 210deg,var(--blue),var(--teal),var(--blue))}
.cmp-row span i{font-style:normal;font-weight:700;margin-right:10px;color:#a3abc6}
.cmp-row span:last-child i{color:#14a39d}
.cmp-head span i{display:none}
.pg3{grid-template-columns:repeat(3,1fr)}
.pc .tlink{position:relative;z-index:1}
.nav-panel.wide{min-width:560px;display:none;grid-template-columns:1fr 1fr;gap:2px}
.nav-menu:hover .nav-panel.wide,.nav-menu:focus-within .nav-panel.wide{display:grid}
@media (max-width:980px){
  .spread,.ocards,.stats.s3,.stats.s2,.pg3{grid-template-columns:1fr}
  .bars li{grid-template-columns:1fr;gap:12px}
  .bl{grid-template-columns:1fr 130px}
  .tcard{padding:80px 26px 40px}
  .tcard .qm{left:22px;top:6px;font-size:90px}
  .tcard blockquote{font-size:22px}
  .problem{min-height:0}
}
@media (min-width:981px) and (max-width:1180px){.ocards{grid-template-columns:repeat(2,1fr)}}
.pc.y .tlink{color:var(--teal)}
.tcard .qo{color:var(--teal);font-weight:700}
.site-head .nav-panel a{color:var(--deep)}.site-head .nav-panel b{color:var(--deep);font-weight:700}.site-head .nav-panel a:hover b{color:var(--blue)}
.mist .pc.s{background:#fff}.pg3 .pc{min-height:0;padding:30px}.pg3 .pc h3{font-size:24px}.pg3 .pc svg[data-topo]{width:200px;height:200px;right:-70px;bottom:-70px;opacity:.6}.pg3 .pc p{max-width:none}
@media (max-width:980px){.site-head nav{display:none}.site-head .brand small{display:none}.ocards a,.ocards li>div{padding:16px 18px 14px}.ocards em{margin-top:8px}}
@media (max-width:980px){details.mnav{border:0;padding:0}.mnav summary:after{content:none}.mnav-panel{position:fixed;left:16px;right:16px;top:76px;width:auto}}
.mnav[open] summary:after,.mnav summary:after{content:none!important}
@media (min-width:981px){.ocards.c3{grid-template-columns:repeat(3,1fr)}}
.pimg svg[data-edge-lines]{position:absolute;top:0;right:-70px;width:200px;height:100%;z-index:2;pointer-events:none}@media (max-width:980px){.pimg svg[data-edge-lines]{display:none}}
h1,h2,.final h2,.big{text-wrap:balance}
.gpop{border:0;border-radius:20px;padding:34px;max-width:460px;width:calc(100% - 32px);box-shadow:0 30px 80px rgba(5,10,40,.45)}
.gpop::backdrop{background:rgba(11,20,48,.6)}
.gpop h3{margin:0 0 4px;font-size:22px;color:var(--deep)}.gpop p{margin:0 0 14px;color:var(--slate)}
.gpop label{display:block;font-weight:600;color:var(--deep);font-size:14.5px;margin:12px 0 6px}
.gpop input[type=email]{width:100%;box-sizing:border-box;border:1px solid #c5cde0;border-radius:10px;padding:12px 14px;font:inherit}
.gpop .consent{display:flex;font-weight:400}
.guide-list li>.btn{margin-top:8px}
.guide-list .gpop form{display:block;margin:0}
/* ---- integrations ---- */
.back{display:inline-block;color:#9aa6cf;text-decoration:none;font-size:14px;margin-bottom:18px}.back:hover{color:#fff}
.ihero{display:flex;gap:26px;align-items:flex-start}
.ilogo{flex:none;width:84px;height:84px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center}
.ilogo img,.ilogo .mono-logo{width:44px;height:44px}
.mono-logo{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--deep);color:#fff;font-weight:700;font-size:12px;flex:none}
.ilogo .mono-logo{font-size:18px;border-radius:12px}
.catnav{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}
.catnav a{color:#d5dbf1;text-decoration:none;font-size:13.5px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 12px}.catnav a:hover{border-color:var(--teal);color:#fff}
.icards{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.icards a{display:grid;grid-template-columns:28px 1fr;column-gap:12px;row-gap:4px;align-items:center;height:100%;box-sizing:border-box;padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none}
.icards a:hover,.icards a:focus-visible{border-color:var(--teal)}
.icards img{width:24px;height:24px}.icards b{color:var(--deep);font-size:16px}.icards .d{grid-column:1/-1;font-size:13.5px;color:var(--slate)}.icards .mono-logo{width:24px;height:24px;font-size:10.5px;border-radius:7px}
.ideas{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ideas li{border:1px solid var(--line);border-radius:16px;padding:22px;background:#fff}
.ipair{display:flex;gap:6px;margin-bottom:12px}.ipair img,.ipair .mono-logo{width:22px;height:22px}
.ideas h3{margin:0 0 6px;font-size:17px;color:var(--deep)}.ideas p{margin:0;font-size:14.5px;color:var(--slate)}
.caps{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}
.caps>div{background:#fff;border-radius:18px;padding:28px}
.caps h3{margin:0 0 12px;font-size:18px;color:var(--deep)}
.tick{list-style:none;margin:0;padding:0}.tick li{padding:5px 0 5px 26px;position:relative;color:var(--ink);font-size:15px}.tick li:before{content:"✓";position:absolute;left:2px;color:#14a39d;font-weight:700}
.allsys summary{font-size:16px}.allsys p{color:var(--slate);font-size:14px;line-height:1.9}
@media (max-width:980px){.icards,.ideas,.caps{grid-template-columns:1fr}.ihero{flex-direction:column}}
@media (min-width:981px) and (max-width:1180px){.icards{grid-template-columns:repeat(3,1fr)}}
/* ---- hour-blocks and deliverables ---- */
.hblocks{display:grid;grid-template-columns:3fr 1fr;gap:40px;margin-top:36px;align-items:end}
.hb-grid{display:grid;grid-template-columns:repeat(24,1fr);gap:4px}
.hb-grid i{display:block;aspect-ratio:1;border-radius:3px;background:#cdd3e4}
.hb.after .hb-grid{grid-template-columns:repeat(6,1fr);max-width:160px}
.hb.after .hb-grid i{background:var(--teal);box-shadow:0 0 14px rgba(56,209,207,.55)}
.hb p{margin:14px 0 0;color:var(--slate);font-size:15px}.hb p b{font-size:30px;color:var(--deep);margin-right:6px}
.hb.after p b{color:#14a39d}
.artifacts{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.artifacts li{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.ak{flex:none;min-width:52px;height:52px;padding:0 8px;box-sizing:border-box;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:11px;letter-spacing:.3px;background:var(--deep)}
.ak.xlsx,.ak.csv{background:#1d7a46}.ak.docx{background:#2b5797}.ak.pptx{background:#c4431c}.ak.pdf{background:#b3261e}
.artifacts b{display:block;color:var(--deep);font-size:16px}.artifacts span{font-size:14px;color:var(--slate)}
@media (max-width:980px){.hblocks,.artifacts{grid-template-columns:1fr}.hb-grid{grid-template-columns:repeat(16,1fr)}}
.nav-panel.groups{display:none;grid-template-columns:repeat(4,minmax(190px,1fr));gap:4px;min-width:820px;left:-200px}
.nav-menu:hover .nav-panel.groups,.nav-menu:focus-within .nav-panel.groups{display:grid}
.nav-group p{margin:8px 12px 4px;font-size:12px;font-weight:700;color:var(--blue)}
.artifacts .ak{color:#fff;font-size:11px}
.snote{margin:34px 0 0;max-width:52em;font-size:13.5px;color:#9aa6cf;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.isearch{margin-top:28px;max-width:620px}
.isearch label{display:block;font-size:14px;color:#c9d1ec;margin-bottom:8px;font-weight:600}
.isearch input{width:100%;box-sizing:border-box;border:0;border-radius:14px;padding:16px 18px;font:inherit;font-size:16px;background:#fff;color:var(--deep);box-shadow:0 10px 30px rgba(5,10,40,.35)}
.inone{color:#d5dbf1;margin:12px 0 0}.inone a{color:var(--teal)}
.icat h2 .count{font-size:16px;font-weight:600;color:var(--slate);margin-left:8px;vertical-align:middle}
.ichips{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ichips li{font-size:13.5px;color:var(--deep);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.mist .ichips li{background:#fff}
[hidden]{display:none!important}
.caps.one{grid-template-columns:1fr;max-width:760px}.caps.one p{margin:0;color:var(--slate)}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.sc-result{background:#fff;border:1px solid var(--line);border-radius:22px;padding:36px;outline:none}
.sc-kicker{margin:0;color:var(--blue);font-weight:600;font-size:14px}
.sc-top{display:flex;align-items:baseline;gap:8px;margin:6px 0 4px}.sc-num{font-size:72px;font-weight:700;color:var(--deep);line-height:1}.sc-of{color:var(--slate);font-size:20px}
.sc-result h2{font-size:32px;margin-top:6px}.sc-result h3{margin:28px 0 8px;color:var(--deep)}
.sc-bars{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.sc-bars li{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:center}.sc-bars b{color:var(--deep);font-size:15px}
.sc-bar{display:block;height:12px;border-radius:6px;background:#e3e8f2;overflow:hidden}.sc-bar i{display:block;height:100%;background:var(--teal);border-radius:6px}
.sc-next{font-weight:600;color:var(--deep)}.sc-next a{color:var(--blue)}
@media (max-width:980px){.sc-bars li{grid-template-columns:1fr;gap:6px}}
.nav-panel.groups.g2{grid-template-columns:repeat(2,minmax(240px,1fr));min-width:520px;left:-60px}