:root{
  color-scheme:light only;
  --bg:#FFFFFF;--ink:#101828;--ink-2:#344054;--muted:#667085;--line:#E4E7EC;--soft:#F4F6FA;
  --navy:#0B1F4B;--navy-2:#132A5E;--blue:#2E6BE6;--blue-2:#1E56C7;--sky:#E8F0FF;--mint:#12B76A;--amber:#F79009;
  --head:'Manrope',system-ui,-apple-system,sans-serif;--body:'Inter',system-ui,-apple-system,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);--shadow:0 18px 40px -24px rgba(11,31,75,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;background:#fff;scroll-padding-top:80px}
body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.6}
a{color:var(--blue);text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4{margin:0;font-family:var(--head);font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--navy)}
h1{font-size:clamp(2.4rem,5.4vw,4.1rem);font-weight:800;letter-spacing:-.03em;line-height:1.05}
h2{font-size:clamp(1.8rem,3.4vw,2.6rem)}
h3{font-size:1.15rem;line-height:1.3}
p{margin:0}
.wrap{width:min(1120px,90vw);margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--blue);margin-bottom:1rem}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--blue);border-radius:2px}
.sub{color:var(--ink-2);font-size:1.08rem;max-width:56ch;margin-top:1rem}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.4rem;border-radius:10px;font-weight:600;font-size:.95rem;border:0;transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}
.btn-p{background:var(--blue);color:#fff;box-shadow:0 8px 20px -10px rgba(46,107,230,.7)}
.btn-p:hover{background:var(--blue-2);transform:translateY(-1px)}
.btn-s{background:#fff;color:var(--navy);border:1px solid var(--line)}
.btn-s:hover{background:var(--soft)}
.btn svg{width:16px;height:16px}
.hl{background:linear-gradient(120deg,var(--blue),#6A95F5);-webkit-background-clip:text;background-clip:text;color:transparent}

/* nav */
header.top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
#prog{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--blue),#7AA3FF);transition:width .1s linear}
nav.bar{height:64px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.55rem;color:var(--navy);font-family:var(--head);font-weight:800;font-size:1.2rem;letter-spacing:-.02em}
.mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--blue),var(--navy));position:relative;flex:none;display:grid;place-items:center}
.mark svg{width:16px;height:16px}
nav.bar ul{list-style:none;margin:0;padding:0;display:flex;gap:1.6rem;align-items:center}
nav.bar ul a{color:var(--ink-2);font-size:.9rem;font-weight:500;white-space:nowrap;position:relative;padding:.3rem 0}
nav.bar ul a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
nav.bar ul a:hover,nav.bar ul a.act{color:var(--navy)}
nav.bar ul a.act::after{transform:scaleX(1)}
nav.bar .btn{padding:.6rem 1rem;font-size:.85rem}
.menu-btn{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#fff;place-items:center}
.menu-btn svg{width:20px;height:20px}
@media (max-width:900px){
  nav.bar ul li:not(:last-child){display:none}
  .menu-btn{display:grid}
  .mnav{position:fixed;inset:64px 0 auto 0;background:#fff;border-bottom:1px solid var(--line);padding:.6rem 5vw 1rem;display:none;z-index:19;box-shadow:0 30px 40px -30px rgba(11,31,75,.4)}
  .mnav.open{display:block}
  .mnav a{display:block;padding:.75rem 0;border-bottom:1px solid var(--soft);color:var(--navy);font-weight:600}
}
@media (min-width:901px){.mnav{display:none!important}}

/* hero (home) */
.hero{padding:clamp(3.5rem,9vh,6.5rem) 0 clamp(3rem,8vh,5rem);position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 85% -10%,var(--sky) 0%,rgba(232,240,255,0) 60%),radial-gradient(600px 400px at 0% 100%,rgba(232,240,255,.7) 0%,rgba(232,240,255,0) 60%);pointer-events:none}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:3.5rem;align-items:center;position:relative}
.hero .lede{font-size:1.15rem;color:var(--ink-2);max-width:48ch;margin-top:1.4rem}
.cta{display:flex;gap:.8rem;margin-top:2rem;flex-wrap:wrap}
.proof{display:flex;gap:1.6rem;margin-top:2.2rem;padding-top:1.4rem;border-top:1px solid var(--line);flex-wrap:wrap}
.proof div{font-size:.85rem;color:var(--muted)}
.proof b{display:block;font-family:var(--head);font-size:1.25rem;color:var(--navy);font-weight:800;letter-spacing:-.02em}
.visual{position:relative}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 60px -30px rgba(11,31,75,.35),0 2px 6px rgba(11,31,75,.06);padding:1.4rem;position:relative}
.panel.float{animation:float 7s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.panel .ph{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--muted);margin-bottom:1rem}
.panel .ph b{font-family:var(--head);color:var(--navy);font-size:.95rem}
.live{display:inline-flex;align-items:center;gap:.4rem}
.live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(18,183,106,.5)}70%{box-shadow:0 0 0 8px rgba(18,183,106,0)}100%{box-shadow:0 0 0 0 rgba(18,183,106,0)}}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-bottom:1rem}
.kpi{background:var(--soft);border-radius:12px;padding:.8rem .9rem;min-width:0}
.kpi small{display:block;color:var(--muted);font-size:.72rem;margin-bottom:.25rem}
.kpi b{font-family:var(--head);font-size:1.15rem;color:var(--navy);font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.kpi i{font-style:normal;color:var(--mint);font-size:.72rem;font-weight:600;margin-left:.3rem}
.rows{border-top:1px solid var(--line)}
.rw{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.85rem}
.rw span{color:var(--muted);font-size:.75rem;display:block}
.tag{font-size:.7rem;font-weight:600;padding:.25rem .55rem;border-radius:999px;background:var(--sky);color:var(--blue-2);white-space:nowrap}
.tag.ok{background:#E6F8EF;color:#067647}
.rw em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.chips{position:absolute;left:-1.2rem;bottom:-1.4rem;background:#fff;border:1px solid var(--line);border-radius:14px;padding:.8rem .9rem;box-shadow:0 16px 40px -20px rgba(11,31,75,.4);font-size:.75rem;color:var(--muted);max-width:230px}
.chips b{display:block;font-family:var(--head);color:var(--navy);margin-bottom:.4rem;font-size:.85rem}
.chips span{display:inline-block;margin:.15rem .2rem .15rem 0;padding:.2rem .5rem;border-radius:6px;background:var(--soft);text-decoration:line-through;color:#98A2B3}
.chips span.one{background:var(--sky);color:var(--blue-2);text-decoration:none;font-weight:600}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:2.5rem}.chips{position:static;max-width:none;margin-top:1rem;box-shadow:none}.panel.float{animation:none}}

/* ticker */
.ticker{border-block:1px solid var(--line);background:#fff;padding:.9rem 0;overflow:hidden;position:relative}
.ticker::before,.ticker::after{content:"";position:absolute;top:0;bottom:0;width:90px;z-index:1;pointer-events:none}
.ticker::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
.ticker::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
.track{display:flex;gap:2.6rem;width:max-content;animation:tick 55s linear infinite}
.ticker:hover .track{animation-play-state:paused}
.track a{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--ink-2);white-space:nowrap}
.track a:hover{color:var(--blue)}
.track svg{width:18px;height:18px;color:var(--blue)}
@keyframes tick{to{transform:translateX(-50%)}}

/* sections */
section{padding:clamp(4rem,9vh,6.5rem) 0}
.soft{background:var(--soft)}
.head2{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:end;margin-bottom:2.5rem}
.head2 .sub{margin-top:0}
@media (max-width:820px){.head2{grid-template-columns:1fr;gap:.8rem}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:2.5rem}}
.ico{width:44px;height:44px;border-radius:12px;background:var(--sky);display:grid;place-items:center;color:var(--blue-2);flex:none;transition:background .25s var(--ease),color .25s var(--ease)}
.ico svg{width:22px;height:22px}

/* why + calculator */
.why-list{display:grid;gap:1rem;margin-top:1.8rem}
.why-item{display:grid;grid-template-columns:44px 1fr;gap:1rem;align-items:start}
.why-item h3{font-size:1.05rem}
.why-item p{color:var(--ink-2);font-size:.95rem;margin-top:.25rem}
.calc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 20px 50px -30px rgba(11,31,75,.3)}
.calc .col{padding:1.4rem 1.5rem}
.calc .col+.col{border-top:1px solid var(--line);background:var(--sky)}
.calc h4{margin:0 0 .8rem;font-family:var(--head);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);display:flex;justify-content:space-between;align-items:center}
.calc h4 small{font-weight:500;text-transform:none;letter-spacing:0;color:var(--muted)}
.calc .col+.col h4{color:var(--blue-2)}
.tools{display:grid;gap:.35rem}
.tool{display:flex;align-items:center;gap:.7rem;padding:.45rem .5rem;border-radius:9px;font-size:.92rem;color:var(--ink-2);cursor:pointer;transition:background .2s}
.tool:hover{background:var(--soft)}
.chk{appearance:none;width:18px;height:18px;border:1.5px solid #C9D3E8;border-radius:5px;margin:0;display:grid;place-items:center;flex:none;transition:all .2s;background:#fff;cursor:pointer}
.chk::after{content:"";width:10px;height:10px;border-radius:2px;background:var(--blue);transform:scale(0);transition:transform .2s var(--ease)}
.chk:checked{border-color:var(--blue)}
.chk:checked::after{transform:scale(1)}
.tool span{flex:1}
.tool b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
.tool:has(input:not(:checked)) b,.tool:has(input:not(:checked)) span{color:#98A2B3}
.tot{margin-top:.8rem;padding-top:.8rem;border-top:1px dashed var(--line);font-weight:600;color:var(--navy);display:flex;justify-content:space-between;gap:1rem;align-items:baseline;font-size:.95rem}
.tot b{font-family:var(--head);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.tot small{display:block;font-weight:500;color:var(--muted);font-size:.8rem}
.calc ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;font-size:.9rem}
.calc li{display:flex;justify-content:space-between;gap:1rem;color:var(--ink-2)}
.calc li b{color:var(--ink);white-space:nowrap}
.save{margin-top:.9rem;padding:.8rem .9rem;border-radius:10px;background:#fff;border:1px solid #CFDCFA;font-size:.88rem;color:var(--ink-2)}
.save b{color:var(--blue-2);font-variant-numeric:tabular-nums}

/* services explorer (home) */
.svc{display:grid;grid-template-columns:330px 1fr;gap:1.4rem;align-items:start}
.svc-list{display:grid;gap:.4rem}
.svc-row{display:grid}
.svc-item{display:flex;align-items:center;gap:.8rem;padding:.7rem .85rem;border-radius:12px;border:1px solid transparent;background:transparent;text-align:left;color:var(--ink-2);width:100%;transition:background .2s var(--ease),border-color .2s var(--ease),box-shadow .2s var(--ease)}
.svc-item .ico{width:38px;height:38px;border-radius:10px}
.svc-item .ico svg{width:19px;height:19px}
.svc-item b{font-family:var(--head);font-weight:700;color:var(--navy);display:block;font-size:.93rem;line-height:1.2}
.svc-item span{font-size:.76rem;color:var(--muted);display:block;margin-top:.1rem}
.svc-item .arr{margin-left:auto;color:#C9D3E8;flex:none;transition:transform .2s var(--ease),color .2s}
.svc-item .arr svg{width:16px;height:16px}
.svc-item:hover{background:#fff;border-color:var(--line)}
.svc-item.on{background:#fff;border-color:#CFD8EA;box-shadow:var(--shadow)}
.svc-item.on .ico{background:var(--blue);color:#fff}
.svc-item.on .arr{color:var(--blue);transform:translateX(3px)}
.svc-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:2rem;position:sticky;top:84px;box-shadow:var(--shadow);overflow:hidden}
.svc-panel::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(46,107,230,.12),rgba(46,107,230,0) 70%);pointer-events:none}
.sp{position:relative;z-index:1}
.sp.swap,.ip.swap{animation:swap .35s var(--ease)}
@keyframes swap{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.sp .top-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}
.sp .big{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--navy));color:#fff;display:grid;place-items:center;flex:none}
.sp .big svg{width:26px;height:26px}
.sp h3{font-size:1.5rem}
.sp .tl{font-size:.82rem;color:var(--muted);margin-top:.15rem}
.sp .desc{color:var(--ink-2);font-size:1rem;max-width:60ch}
.sp h4,.svc-acc h4{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:1.5rem 0 .7rem}
.inc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.55rem .9rem}
.inc li{display:flex;gap:.55rem;align-items:flex-start;font-size:.93rem;color:var(--ink-2)}
.inc li::before{content:"";flex:none;width:18px;height:18px;margin-top:.15rem;border-radius:50%;background:var(--sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231E56C7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/11px no-repeat}
.fit{display:flex;gap:.6rem;align-items:flex-start;background:var(--soft);border-radius:12px;padding:.85rem 1rem;font-size:.9rem;color:var(--ink-2);margin-top:1.4rem}
.fit b{color:var(--navy);white-space:nowrap}
.pills{display:flex;flex-wrap:wrap;gap:.4rem}
.pill{font-size:.78rem;font-weight:500;padding:.32rem .65rem;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink-2);display:inline-flex;align-items:center;gap:.35rem;transition:all .2s;cursor:pointer}
.pill:hover{border-color:var(--blue);color:var(--blue-2);background:var(--sky)}
.pill svg{width:13px;height:13px}
.sp .act,.ip .act{display:flex;gap:.7rem;align-items:center;margin-top:1.6rem;flex-wrap:wrap}
.svc-acc{display:none}
@media (max-width:900px){
  .svc{grid-template-columns:1fr}
  .svc-panel{display:none}
  .svc-row{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .svc-item{border:0!important;box-shadow:none!important;border-radius:0}
  .svc-item .arr{transform:rotate(90deg)}
  .svc-item.on .arr{transform:rotate(-90deg)}
  .svc-row.on .svc-acc{display:block;padding:0 1rem 1.2rem;animation:swap .3s var(--ease)}
  .svc-acc .desc{font-size:.95rem;color:var(--ink-2)}
  .svc-acc h4{margin:1rem 0 .5rem}
  .inc{grid-template-columns:1fr}
}

/* industries explorer (home) */
.ind{display:grid;grid-template-columns:1.15fr .85fr;gap:1.6rem;align-items:start}
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}
.tile{display:flex;align-items:center;gap:.7rem;padding:.8rem .85rem;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left;color:var(--ink-2);font-size:.9rem;font-weight:500;line-height:1.25;transition:border-color .2s,background .2s,transform .2s var(--ease),box-shadow .2s;position:relative;overflow:hidden}
.tile .ico{width:36px;height:36px;border-radius:9px;background:var(--soft);color:var(--navy)}
.tile .ico svg{width:19px;height:19px}
.tile:hover{border-color:#CFD8EA;transform:translateY(-2px);box-shadow:var(--shadow)}
.tile.on{border-color:var(--blue);background:var(--sky);color:var(--navy);font-weight:600}
.tile.on .ico{background:var(--blue);color:#fff}
.ind-panel{position:sticky;top:84px;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;border-radius:20px;padding:2rem;box-shadow:0 30px 60px -30px rgba(11,31,75,.6);overflow:hidden}
.ind-panel::before{content:"";position:absolute;left:-40px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(46,107,230,.45),rgba(46,107,230,0) 70%);pointer-events:none}
.ip{position:relative;z-index:1}
.ip .eyebrow{color:#9DBBFF;margin-bottom:.6rem}.ip .eyebrow::before{background:#9DBBFF}
.ip h3{color:#fff;font-size:1.5rem;display:flex;align-items:center;gap:.7rem}
.ip h3 .ico{width:40px;height:40px;background:rgba(255,255,255,.12);color:#fff;border-radius:11px}
.ip .desc{color:#C9D4EA;margin-top:.7rem;font-size:.95rem}
.ip h4{color:#9DBBFF;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin:1.4rem 0 .6rem}
.builds{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.builds li{display:flex;gap:.7rem;align-items:flex-start;font-size:.93rem;color:#fff;padding:.7rem .85rem;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px}
.builds li i{font-style:normal;font-family:var(--head);font-weight:800;color:#9DBBFF;font-size:.8rem;margin-top:.15rem}
.ip .pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}
.ip .pill:hover{background:#fff;color:var(--navy);border-color:#fff}
.ip .btn-s{background:#fff;border-color:#fff}
@media (max-width:900px){.ind{grid-template-columns:1fr}.ind-grid{grid-template-columns:1fr 1fr}.ind-panel{position:static}}
@media (max-width:480px){.tile{padding:.65rem .7rem;font-size:.82rem;gap:.5rem}.tile .ico{width:30px;height:30px}.tile .ico svg{width:16px;height:16px}}

/* spotlight */
.spot{position:relative}
.spot::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(46,107,230,.10),transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:0}
.spot:hover::before{opacity:1}
.spot>*{position:relative;z-index:1}

/* products */
.prod{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff}
.prod h2,.prod h3{color:#fff}
.prod .eyebrow{color:#9DBBFF}.prod .eyebrow::before{background:#9DBBFF}
.prod .sub{color:#C9D4EA}
.prod .facts{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.8rem}
.prod .facts div{border-top:1px solid rgba(255,255,255,.18);padding-top:.8rem;font-size:.85rem;color:#C9D4EA}
.prod .facts b{display:block;font-family:var(--head);font-size:1.3rem;color:#fff;font-weight:800;letter-spacing:-.02em}
.device{width:min(300px,78vw);aspect-ratio:9/19;background:#0A1633;border-radius:42px;padding:10px;box-shadow:0 50px 90px -40px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.1) inset;margin-inline:auto;position:relative;transition:transform .5s var(--ease)}
.device:hover{transform:rotate(-2deg) translateY(-4px)}
.device::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:24px;background:#000;border-radius:20px}
.screen{width:100%;height:100%;background:#fff;border-radius:34px;overflow:hidden;font-size:12.5px;display:flex;flex-direction:column;color:var(--ink)}
.screen .top{padding:52px 20px 12px;border-bottom:1px solid var(--line)}
.screen .top small{display:block;color:var(--muted);font-size:10.5px;margin-bottom:4px}
.screen .top b{font-family:var(--head);font-size:18px;font-weight:800;color:var(--navy)}
.screen .row{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--soft)}
.screen .row span{color:var(--muted);font-size:10.5px;display:block;margin-top:2px}
.screen .row em{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}
.screen .sum{margin-top:auto;padding:14px 20px 24px}
.screen .sum .t{display:flex;justify-content:space-between;font-weight:700;font-size:15px;margin-bottom:10px;font-family:var(--head);color:var(--navy)}
.screen .sum .b{background:var(--blue);color:#fff;text-align:center;padding:13px;border-radius:12px;font-weight:600;font-size:13px}

/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;counter-reset:s}
.step{position:relative;padding-top:1.2rem;border-top:2px solid var(--line)}
.step::after{content:"";position:absolute;top:-2px;left:0;height:2px;width:0;background:var(--blue);transition:width .8s var(--ease)}
.step.in::after{width:100%}
.step::before{counter-increment:s;content:"0" counter(s);position:absolute;top:-.85rem;left:0;background:var(--bg);padding-right:.6rem;font-family:var(--head);font-weight:800;color:var(--blue);font-size:.95rem;z-index:1}
.soft .step::before{background:var(--soft)}
.step p{color:var(--ink-2);font-size:.95rem;margin-top:.4rem}
@media (max-width:820px){.steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.steps{grid-template-columns:1fr}}

/* quotes */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
blockquote{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.6rem;display:flex;flex-direction:column;gap:1rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
blockquote:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
blockquote p{color:var(--ink);font-size:1rem;line-height:1.55}
blockquote p::before{content:"\201C";font-family:var(--head);font-size:2.4rem;line-height:0;color:var(--blue);vertical-align:-.45em;margin-right:.15rem}
blockquote footer{margin-top:auto;font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:.7rem}
.av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--sky),#CFD8EA);flex:none}
@media (max-width:900px){.quotes{grid-template-columns:1fr}}

/* company + contact */
.company .split{align-items:start}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}
.stats div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.2rem}
.stats b{display:block;font-family:var(--head);font-size:1.6rem;color:var(--navy);font-weight:800;letter-spacing:-.02em}
.stats span{font-size:.85rem;color:var(--muted)}
.contact{background:var(--navy);color:#fff}
.contact .box{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.contact h2{color:#fff}
.contact .sub{color:#C9D4EA}
.contact .eyebrow{color:#9DBBFF}.contact .eyebrow::before{background:#9DBBFF}
.cform{background:#fff;border-radius:18px;padding:1.6rem;color:var(--ink)}
.cform label{display:block;font-size:.8rem;font-weight:600;color:var(--ink-2);margin:.9rem 0 .35rem}
.cform label:first-child{margin-top:0}
.cform input,.cform textarea,.cform select{width:100%;border:1px solid var(--line);border-radius:10px;padding:.75rem .85rem;font:inherit;font-size:.95rem;background:#fff;color:var(--ink)}
.cform input:focus,.cform textarea:focus,.cform select:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}
.cform textarea{min-height:110px;resize:vertical}
.cform .two{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.cform .two label{margin-top:.9rem}
.cform .btn{width:100%;justify-content:center;margin-top:1.2rem}
.cform small{display:block;text-align:center;color:var(--muted);font-size:.78rem;margin-top:.7rem}
@media (max-width:900px){.contact .box{grid-template-columns:1fr}}
@media (max-width:480px){.cform .two{grid-template-columns:1fr}}

footer.site{padding:2.5rem 0;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line)}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem;margin-bottom:2rem}
footer.site h4{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.7rem}
footer.site ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}
footer.site a{color:var(--ink-2)}
footer.site a:hover{color:var(--blue)}
footer.site .base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.6rem;padding-top:1.4rem;border-top:1px solid var(--line)}
@media (max-width:700px){footer.site .cols{grid-template-columns:1fr}}

/* ---------- subpages ---------- */
.crumbs{font-size:.82rem;color:var(--muted);display:flex;gap:.4rem;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--blue)}
.crumbs svg{width:12px;height:12px;color:#C9D3E8}
.phero{padding:clamp(3rem,8vh,5.5rem) 0 clamp(2.5rem,6vh,4rem);position:relative;overflow:hidden}
.phero::before{content:"";position:absolute;inset:0;background:radial-gradient(800px 460px at 90% -10%,var(--sky) 0%,rgba(232,240,255,0) 60%);pointer-events:none}
.phero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;position:relative}
.phero h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}
.phero .lede{font-size:1.12rem;color:var(--ink-2);max-width:52ch;margin-top:1.2rem}
.phero .meta{display:flex;gap:1.4rem;margin-top:1.6rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}
.phero .meta b{display:block;font-family:var(--head);font-size:1.05rem;color:var(--navy);font-weight:800}
.illo-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 60px -30px rgba(11,31,75,.35),0 2px 6px rgba(11,31,75,.06);overflow:hidden;position:relative}
.illo-card .illo{display:block;width:100%;height:auto;background:linear-gradient(180deg,#fff,#F7F9FC)}
.illo-card .cap{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.illo-card .cap b{color:var(--navy);font-family:var(--head)}
@media (max-width:900px){.phero .wrap{grid-template-columns:1fr;gap:2rem}}

.outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.outcome{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem 1.4rem;display:flex;gap:1rem;align-items:center}
.outcome b{font-family:var(--head);font-size:1.4rem;font-weight:800;color:var(--navy);letter-spacing:-.02em;white-space:nowrap}
.outcome span{font-size:.9rem;color:var(--muted)}
.outcome .dot{width:10px;height:10px;border-radius:50%;background:var(--blue);flex:none;box-shadow:0 0 0 5px var(--sky)}
@media (max-width:820px){.outcomes{grid-template-columns:1fr}}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.5rem;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);display:block;color:inherit}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#CFD8EA}
.card .ico{margin-bottom:1rem}
.card h3{font-size:1.08rem}
.card p{color:var(--ink-2);font-size:.93rem;margin-top:.45rem}
.card .num{font-family:var(--head);font-weight:800;color:#C9D3E8;font-size:.85rem;letter-spacing:.06em;margin-bottom:.8rem}
.card .more{display:inline-flex;align-items:center;gap:.3rem;margin-top:.9rem;font-size:.85rem;font-weight:600;color:var(--blue)}
.card .more svg{width:14px;height:14px;transition:transform .2s}
.card:hover .more svg{transform:translateX(3px)}
@media (max-width:900px){.grid3{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.grid2,.grid3{grid-template-columns:1fr}}

.tl{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;counter-reset:t;position:relative}
.tl::before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:var(--line)}
.tl .t{position:relative;padding-top:3.4rem}
.tl .t::before{counter-increment:t;content:counter(t);position:absolute;top:0;left:0;width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-family:var(--head);font-weight:800;color:var(--muted);transition:all .4s var(--ease)}
.tl .t.in::before{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 6px var(--sky)}
.tl .t p{color:var(--ink-2);font-size:.93rem;margin-top:.4rem}
@media (max-width:820px){.tl{grid-template-columns:1fr 1fr}.tl::before{display:none}}
@media (max-width:520px){.tl{grid-template-columns:1fr}}

/* estimator */
.est{display:grid;grid-template-columns:1.1fr .9fr;gap:1.4rem;align-items:start}
.est-list{display:grid;gap:.5rem}
.mod{display:flex;align-items:center;gap:.8rem;padding:.8rem .95rem;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s,background .2s}
.mod:hover{border-color:#CFD8EA}
.mod:has(input:checked){border-color:var(--blue);background:var(--sky)}
.mod span{flex:1;font-size:.93rem;color:var(--ink)}
.mod b{font-size:.8rem;font-weight:600;color:var(--muted);white-space:nowrap}
.mod:has(input:checked) b{color:var(--blue-2)}
.est-out{position:sticky;top:84px;background:var(--navy);color:#fff;border-radius:18px;padding:1.6rem;overflow:hidden}
.est-out::before{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(46,107,230,.5),rgba(46,107,230,0) 70%)}
.est-out>*{position:relative}
.est-out h4{color:#9DBBFF;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.6rem}
.est-out .big{font-family:var(--head);font-size:2.2rem;font-weight:800;letter-spacing:-.03em;line-height:1}
.est-out .big small{font-size:1rem;font-weight:600;color:#C9D4EA;margin-left:.3rem}
.est-out p{color:#C9D4EA;font-size:.88rem;margin-top:.6rem}
.est-out ul{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.35rem;font-size:.88rem}
.est-out li{display:flex;gap:.5rem;align-items:center}
.est-out li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);flex:none}
.est-out .bar{height:8px;border-radius:4px;background:rgba(255,255,255,.12);margin-top:1rem;overflow:hidden}
.est-out .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#7AA3FF);border-radius:4px;transition:width .5s var(--ease)}
.est-out .btn{margin-top:1.2rem;background:#fff;color:var(--navy)}
.est-out .btn:hover{background:var(--sky)}
@media (max-width:900px){.est{grid-template-columns:1fr}.est-out{position:static}}

.stack{display:flex;flex-wrap:wrap;gap:.5rem}
.stack span{font-size:.85rem;font-weight:500;padding:.45rem .8rem;border-radius:10px;background:#fff;border:1px solid var(--line);color:var(--ink-2)}
.stack span:hover{border-color:var(--blue);color:var(--blue-2)}

/* faq */
.faq{display:grid;gap:.6rem;max-width:820px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 1.2rem;transition:border-color .2s}
.faq details[open]{border-color:#CFD8EA;box-shadow:var(--shadow)}
.faq summary{list-style:none;cursor:pointer;padding:1rem 0;font-family:var(--head);font-weight:700;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.3rem;color:var(--blue);font-weight:500;transition:transform .25s var(--ease);flex:none;width:24px;text-align:center}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq p{color:var(--ink-2);font-size:.95rem;padding:0 0 1.1rem;animation:swap .3s var(--ease)}

/* before / after */
.ba{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.6rem;box-shadow:var(--shadow)}
.ba-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}
.switch{display:inline-flex;background:var(--soft);border-radius:999px;padding:4px;position:relative}
.switch button{border:0;background:transparent;padding:.5rem 1.1rem;border-radius:999px;font-weight:600;font-size:.88rem;color:var(--muted);position:relative;z-index:1;transition:color .25s}
.switch button.on{color:#fff}
.switch i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--navy);transition:transform .3s var(--ease)}
.switch.after i{transform:translateX(100%)}
.switch.after button:last-child,.switch:not(.after) button:first-child{color:#fff}
.ba-list{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.ba-list li{display:flex;gap:.8rem;align-items:center;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--line);font-size:.95rem;color:var(--ink-2);animation:swap .35s var(--ease)}
.ba-list li .m{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center}
.ba-list li .m svg{width:14px;height:14px}
.ba-list.before li .m{background:#FEE4E2;color:#B42318}
.ba-list.after li{border-color:#BBD2FA;background:var(--sky)}
.ba-list.after li .m{background:var(--blue);color:#fff}

/* flow stepper */
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.6rem;position:relative}
.flow div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem;font-size:.9rem;font-weight:600;color:var(--navy);display:flex;gap:.7rem;align-items:center;position:relative;transition:all .4s var(--ease)}
.flow div i{font-style:normal;width:26px;height:26px;border-radius:50%;background:var(--soft);color:var(--muted);display:grid;place-items:center;font-size:.75rem;font-family:var(--head);font-weight:800;flex:none;transition:all .4s}
.flow div.on{border-color:var(--blue);box-shadow:0 0 0 4px var(--sky)}
.flow div.on i{background:var(--blue);color:#fff}
.flow div.done i{background:var(--mint);color:#fff}
@media (max-width:640px){.flow{grid-template-columns:1fr}}

/* animated mock (industry) */
.mock .rw{opacity:0;transform:translateX(10px);animation:rowin .5s var(--ease) forwards}
.mock .rw:nth-child(1){animation-delay:.2s}.mock .rw:nth-child(2){animation-delay:.5s}.mock .rw:nth-child(3){animation-delay:.8s}.mock .rw:nth-child(4){animation-delay:1.1s}
@keyframes rowin{to{opacity:1;transform:none}}
.mock .tag.flip{animation:flip .4s var(--ease)}
@keyframes flip{from{transform:scale(.7);opacity:0}to{transform:none;opacity:1}}

/* pain cards */
.pain{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.4rem;border-top:3px solid #F97066}
.pain h3{font-size:1.02rem}
.pain p{color:var(--ink-2);font-size:.92rem;margin-top:.4rem}

/* CTA band */
.band{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;border-radius:24px;padding:clamp(2rem,5vw,3.2rem);display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;position:relative;overflow:hidden}
.band::after{content:"";position:absolute;right:-80px;bottom:-120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(46,107,230,.5),rgba(46,107,230,0) 70%)}
.band>*{position:relative;z-index:1}
.band h2{color:#fff;font-size:clamp(1.5rem,3vw,2.1rem)}
.band p{color:#C9D4EA;margin-top:.6rem;max-width:50ch}
.band .acts{display:flex;gap:.7rem;flex-wrap:wrap;justify-self:end}
.band .btn-s{background:#fff;border-color:#fff}
@media (max-width:820px){.band{grid-template-columns:1fr}.band .acts{justify-self:start}}

/* hub cards */
.hub{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.hub .card{padding:0;overflow:hidden}
.hub .card .illo{width:100%;height:auto;display:block;background:linear-gradient(180deg,#fff,#F7F9FC);border-bottom:1px solid var(--line)}
.hub .card .body{padding:1.3rem 1.4rem 1.5rem}
@media (max-width:900px){.hub{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.hub{grid-template-columns:1fr}}
.igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.igrid .card{display:flex;gap:.9rem;align-items:flex-start;padding:1.2rem}
.igrid .card .ico{margin:0}
.igrid .card p{font-size:.86rem;margin-top:.2rem}
@media (max-width:900px){.igrid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.igrid{grid-template-columns:1fr}}

.hero .wrap>*,.split>*,.svc>*,.ind>*,.contact .box>*,.phero .wrap>*,.est>*{min-width:0}
@media (max-width:480px){.kpis{grid-template-columns:1fr 1fr}.kpi:last-child{grid-column:1/-1}.rw{grid-template-columns:1fr auto;}.rw em{grid-column:2}.rw .tag{justify-self:start}.proof{gap:1.2rem}}

/* reveal + toast */
.r{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.r.in{opacity:1;transform:none}
.toast{position:fixed;left:50%;bottom:1.4rem;transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:.7rem 1.1rem;border-radius:999px;font-size:.85rem;font-weight:500;opacity:0;pointer-events:none;transition:all .3s var(--ease);z-index:30;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .r{opacity:1;transform:none;transition:none}
  .panel.float,.track{animation:none}
  .track{flex-wrap:wrap;width:auto;justify-content:center}
  .btn,.tile,.device,blockquote,.card{transition:none}
  .sp.swap,.ip.swap,.mock .rw,.ba-list li,.faq p{animation:none;opacity:1;transform:none}
}