:root{--dark:#0D1924;--dk2:#101E2C;--ink:#101E2C;--paper:#F7F7F7;--card:#FFFFFF;--hair:#E1E5E8;--muted:#5A6770;
--teal:#2DAA93;--tdeep:#227178;--tink:#19616F;--mint:#79C3B6;--grad:linear-gradient(120deg,#31A391,#79C3B6);
--c-mint:#2DAA93;--c-sky:#3A9FD0;--c-indigo:#6C7BD9;--c-amber:#D99A33;--c-rose:#D96F8A;--c-terra:#C87A55;--c-reddit:#FF4500;
--pop:'Poppins',system-ui,sans-serif;--nun:'Nunito Sans',system-ui,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--nun);line-height:1.6;font-size:16.5px}
img{max-width:100%;display:block}
#trk{height:340vh;position:relative}
#pin{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--dark);color:#F2F7F8;display:flex;flex-direction:column}
.g{position:absolute;border-radius:50%;filter:blur(95px);pointer-events:none;transition:transform 1.1s cubic-bezier(.3,.8,.3,1),opacity 1.1s}
.g1{width:560px;height:560px;background:#19616F;opacity:.34;right:-140px;top:-120px}
.g2{width:420px;height:420px;background:#103241;opacity:.5;left:-160px;bottom:-160px}
.g3{width:260px;height:260px;background:#79C3B6;opacity:.12;right:26%;bottom:6%}
#pin[data-c="1"] .g1{transform:translate(-70px,60px)}
#pin[data-c="1"] .g3{transform:translate(60px,-60px)}
#pin[data-c="2"] .g1{transform:translate(-130px,140px)}
#pin[data-c="2"] .g2{transform:translate(90px,-70px)}
#pin[data-c="2"] .g3{transform:translate(-80px,-120px);opacity:.2}
#bgfx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.85}
.rv{opacity:0;transform:translateY(12px);transition:opacity .55s ease,transform .55s ease}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{transition:none}}
.nav{position:relative;z-index:10}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1180px;margin:0 auto;padding:0 28px}
.br{display:flex;align-items:center;gap:12px;font-family:var(--pop);font-weight:600;font-size:17px;color:#F2F7F8;text-decoration:none}
.br img{width:34px;height:34px;border-radius:9px;outline:1px solid rgba(255,255,255,.15)}
.br img.lock{width:auto;height:44px;border-radius:0;outline:none}
.nl{display:flex;gap:26px;align-items:center}
.nl a{font-family:var(--nun);font-weight:600;text-decoration:none;font-size:14.5px;color:#A6BDC5}
.nl a:hover{color:#fff}
.nl a.bt,.nl a.bt:hover{color:#0D1924}
.bt{display:inline-block;font-family:var(--pop);font-weight:600;font-size:14px;background:var(--grad);color:#0D1924;padding:12px 22px;border-radius:99px;text-decoration:none;box-shadow:0 6px 22px rgba(49,163,145,.25)}
.bt:hover{filter:brightness(1.06)}
.bt.ghost{background:transparent;color:#F2F7F8;border:1.5px solid rgba(255,255,255,.32);box-shadow:none}
.bt.ghost:hover{border-color:#fff;filter:none}
@media(max-width:480px){.br img.lock{height:34px}.fb img.lock{height:44px}}
.hgrid{flex:1;display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;max-width:1180px;margin:0 auto;padding:0 28px 34px;width:100%;position:relative;z-index:5}
.kick{font-family:var(--pop);font-weight:600;font-size:11.5px;letter-spacing:.22em;color:var(--mint);margin-bottom:20px}
.kick .ar{color:#79C3B6}
h1{font-family:var(--pop);font-weight:700;font-size:clamp(36px,4.6vw,58px);line-height:1.08;letter-spacing:-.015em}
h1 .gr{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{font-size:17px;color:#A6BDC5;max-width:480px;margin:20px 0 30px;font-weight:600}
.btns{display:flex;gap:13px;flex-wrap:wrap}
.bt.big{padding:15px 28px;font-size:15px}
.panel{display:grid;grid-template-columns:1fr 34px;gap:16px;align-items:center}
.stage{position:relative;height:min(72vh,600px)}
.stage::before{content:'';position:absolute;inset:-86px -74px;background:radial-gradient(60% 54% at 56% 45%,rgba(49,163,145,.46),rgba(49,163,145,.17) 55%,transparent 77%);filter:blur(36px);z-index:0;pointer-events:none}
.case{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;background:rgba(16,30,44,.74);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#EAF3F4;border:1px solid rgba(121,195,182,.34);border-radius:22px;padding:26px 28px 22px;opacity:0;transform:translateY(30px) scale(.98);transition:opacity .45s ease,transform .6s cubic-bezier(.22,.9,.3,1);pointer-events:none;box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 44px rgba(49,163,145,.14)}
.case.on{opacity:1;transform:none;pointer-events:auto}
.chiprow{display:flex;gap:8px;align-items:center;margin-bottom:12px}
.chip{font-family:var(--pop);font-weight:600;font-size:10.5px;letter-spacing:.12em;background:rgba(121,195,182,.13);color:#9FD3C6;border:1px solid rgba(121,195,182,.22);border-radius:99px;padding:5px 13px}
.chip.n{background:rgba(245,165,36,.14);color:#F5C36B;border-color:rgba(245,165,36,.25)}
.dom{font-family:var(--pop);font-weight:600;font-size:21px;color:#F6FAFB}
.story{font-size:14px;color:#A6BDC5;margin:4px 0 14px;font-weight:600}
.big{font-family:var(--pop);font-weight:700;font-size:clamp(30px,3vw,40px);line-height:1.1;letter-spacing:-.01em;color:#fff}
.big .cu{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.big small{display:block;font-family:var(--nun);font-weight:700;font-size:11px;letter-spacing:.14em;color:#7A97A1;margin-top:4px}
.mets{display:flex;gap:26px;margin:14px 0 16px}
.met b{font-family:var(--pop);font-weight:600;font-size:16.5px;display:block;color:#E9F2F3}
.met span{font-size:11px;font-weight:700;letter-spacing:.1em;color:#7A97A1}
.thumb{border:1px solid rgba(255,255,255,.16);border-radius:12px;overflow:hidden;flex:1;min-height:0;position:relative;background:#fff}
.thumb img{width:100%;height:100%;object-fit:cover;object-position:top left}
.thumb .tcap{position:absolute;left:0;right:0;bottom:0;background:rgba(255,255,255,.94);font-size:11px;font-weight:700;color:var(--muted);padding:7px 12px;border-top:1px solid var(--hair)}
.case .go{font-family:var(--pop);font-weight:600;font-size:13.5px;color:#79C3B6;text-decoration:none;margin-top:14px;display:inline-block}
.case .go:hover{text-decoration:underline}
.rail{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:min(72vh,600px);width:34px}
.railline{position:absolute;left:50%;top:15px;bottom:15px;width:3px;transform:translateX(-50%);background:rgba(255,255,255,.14);border-radius:99px;overflow:hidden}
#fill{position:absolute;top:0;left:0;right:0;height:0%;background:var(--grad);transition:height .15s linear}
.dot{position:relative;z-index:2;width:30px;height:30px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:var(--dark);color:#A6BDC5;font-family:var(--pop);font-weight:600;font-size:10.5px;cursor:pointer;transition:all .3s}
.dot.past{border-color:#31A391;color:#9FD3C6;background:#13293A}
.dot.on{background:var(--grad);color:#0D1924;border-color:transparent;box-shadow:0 0 18px rgba(121,195,182,.45)}
.hint{position:absolute;left:50%;transform:translateX(-50%);bottom:14px;z-index:8;font-family:var(--pop);font-weight:600;font-size:10.5px;letter-spacing:.18em;color:#7A97A1;display:flex;align-items:center;gap:8px;transition:opacity .5s}
.hint svg{animation:bob 1.6s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
#pin.done .hint{opacity:0}
.wall{background:#fff;padding:84px 0 88px;border-top:1px solid var(--hair);overflow:hidden}
.wlabel{font-family:var(--pop);font-weight:600;font-size:11px;letter-spacing:.22em;color:var(--tink)}
.wh2{font-family:var(--pop);font-weight:700;font-size:clamp(30px,4.6vw,54px);letter-spacing:-.022em;color:var(--ink);margin-top:10px}
.wsub{font-size:16.5px;color:var(--muted);font-weight:600;max-width:620px;margin-top:14px}
@keyframes wdrift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.wchip{font-family:var(--pop);font-weight:600;font-size:9.5px;letter-spacing:.13em;color:var(--muted)}
.mth{display:block;font-family:var(--pop);font-weight:600;font-size:9px;letter-spacing:.12em;color:var(--tink);background:#DDEFEA;border-radius:99px;padding:3px 10px;width:max-content;margin-top:10px}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:152px;gap:14px;margin-top:38px}
.pt{background:#fff;border:1px solid var(--hair);border-radius:16px;padding:18px 20px;box-shadow:0 10px 24px rgba(13,25,36,.05);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.pt b{font-family:var(--pop);font-weight:700;font-size:23px;color:var(--tdeep);letter-spacing:-.01em;margin-top:5px}
.pt small{font-size:11px;color:var(--muted);font-weight:700}
.pt.feat{grid-column:span 2;grid-row:span 2;padding:30px 32px;background:linear-gradient(160deg,#FFFFFF 30%,#F2F6F7)}
.pt.feat::after{content:'';position:absolute;right:-80px;top:-80px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(49,163,145,.16),transparent 70%)}
.pt.feat b{font-size:clamp(38px,3.6vw,54px)}
.pt.hasshot{cursor:pointer}
.pt.hasshot:hover{border-color:#A5C6C2;box-shadow:0 16px 34px rgba(13,25,36,.10)}
.pt.hasshot:focus-visible{outline:2px solid #31A391;outline-offset:2px}
.rcpt-chip{position:absolute;right:14px;top:14px;font-family:var(--pop);font-weight:600;font-size:9px;letter-spacing:.14em;color:var(--tink);background:#DDEFEA;border-radius:99px;padding:4px 10px}
.pt.hasshot:hover .rcpt-chip{background:linear-gradient(120deg,#31A391,#79C3B6);color:#0D1924}
.lbox[hidden]{display:none}
.lbox{position:fixed;inset:0;z-index:120;background:rgba(13,25,36,.88);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:28px}
.lbin{display:grid;gap:14px;max-width:min(1040px,94vw);max-height:88vh;overflow:auto}
.lbin figure{margin:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.lbin img{width:100%;display:block}
.lbin figcaption{font-family:var(--nun);font-weight:700;font-size:12.5px;color:#5A6770;padding:10px 16px;border-top:1px solid var(--hair)}
.lbx{position:absolute;top:18px;right:22px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#F2F7F8;font-size:22px;line-height:1;cursor:pointer}
.lbx:hover{background:rgba(255,255,255,.18)}
.pt.feat small{font-size:12.5px}
.pstory{font-size:14px;color:var(--muted);font-weight:600;margin-top:10px;max-width:400px}
.pgrid .pt{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .55s ease}
.pgrid.in .pt{opacity:1;transform:none}
.pgrid.in .pt:nth-child(2){transition-delay:.07s}
.pgrid.in .pt:nth-child(3){transition-delay:.14s}
.pgrid.in .pt:nth-child(4){transition-delay:.21s}
.pgrid.in .pt:nth-child(5){transition-delay:.28s}
.pgrid.in .pt:nth-child(6){transition-delay:.35s}
.pgrid.in .pt:nth-child(7){transition-delay:.42s}
.pgrid.in .pt:nth-child(8){transition-delay:.49s}
.pgrid.in .pt:nth-child(9){transition-delay:.56s}
.pgrid.in .pt:nth-child(10){transition-delay:.63s}
.pband{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(160deg,#101E2C,#0D1924);border:1px solid rgba(121,195,182,.3);border-radius:16px;padding:20px 28px;margin-top:14px;flex-wrap:wrap}
.pband b{font-family:var(--pop);font-weight:700;font-size:20px;color:#F4F8F9}
.pband span{font-size:13.5px;color:#A6BDC5;font-weight:600}
@media(max-width:880px){.pgrid{grid-template-columns:1fr 1fr;grid-auto-rows:auto}.pt{min-height:140px}.pt.feat{grid-column:span 2;grid-row:auto}}
@media(max-width:560px){.pgrid{grid-template-columns:1fr}.pt.feat{grid-column:auto}}
.offersec{background:var(--paper);padding:64px 0 92px;overflow:hidden}
.ocard{position:relative;max-width:820px;margin:0 auto;background:linear-gradient(160deg,#101E2C,#0D1924);border:1px solid rgba(121,195,182,.36);border-radius:24px;padding:56px 48px 40px;text-align:center;color:#EAF3F4;box-shadow:0 30px 90px rgba(13,25,36,.35),0 0 60px rgba(49,163,145,.22)}
.ocard::before{content:'';position:absolute;inset:-70px -60px;background:radial-gradient(55% 50% at 50% 40%,rgba(49,163,145,.30),transparent 74%);filter:blur(38px);z-index:-1;pointer-events:none}
.ostar{position:absolute;top:-27px;left:50%;transform:translateX(-50%);width:54px;height:54px;border-radius:50%;background:linear-gradient(120deg,#31A391,#79C3B6);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 26px rgba(49,163,145,.45)}
.olabel{font-family:var(--pop);font-weight:600;font-size:11px;letter-spacing:.22em;color:var(--mint);margin-bottom:14px}
.ocard h2{font-family:var(--pop);font-weight:700;font-size:clamp(32px,4.6vw,50px);line-height:1.07;letter-spacing:-.02em;color:#fff}
.ocard .st8{color:var(--mint)}
.osub{font-size:16.5px;color:#A6BDC5;font-weight:600;max-width:540px;margin:16px auto 26px}
.onote{font-size:12.5px;color:#7A97A1;font-weight:600;margin-top:18px}
@media(max-width:760px){.ocard{padding:48px 24px 32px}}
.reddit{background:var(--paper);padding:40px 0 96px}
.rgrid2{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.rlabel{display:flex;align-items:center;gap:9px;font-family:var(--pop);font-weight:600;font-size:11px;letter-spacing:.18em;color:#B44A16}
.rdot{width:10px;height:10px;border-radius:50%;background:#FF5714;box-shadow:0 0 10px rgba(255,87,20,.5)}
.reddit h3{font-family:var(--pop);font-weight:700;font-size:clamp(28px,4vw,46px);line-height:1.08;letter-spacing:-.018em;color:var(--ink);margin-top:12px}
.rsub{font-size:16px;color:var(--muted);font-weight:600;max-width:520px;margin-top:14px}
.rlink{display:inline-block;font-family:var(--pop);font-weight:600;font-size:14.5px;color:var(--tdeep);text-decoration:none;margin-top:20px}
.rlink:hover{text-decoration:underline}
.rstats{display:flex;flex-direction:column;gap:12px}
.rstat{background:#fff;border:1px solid var(--hair);border-left:4px solid #FF5714;border-radius:12px;padding:16px 20px}
.rstat b{font-family:var(--pop);font-weight:600;font-size:17px;color:var(--ink);display:block}
.rstat span{font-size:13px;color:var(--muted);font-weight:600}
@media(max-width:880px){.rgrid2{grid-template-columns:1fr;gap:24px}}
.ending{background:var(--dark);color:#E9F2F3;padding:84px 0 0;position:relative;overflow:hidden}
.ending::before{content:'';position:absolute;right:-160px;top:-120px;width:520px;height:520px;border-radius:50%;background:#19616F;opacity:.28;filter:blur(95px)}
.bridge{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;position:relative}
.bridge h2{font-family:var(--pop);font-weight:700;font-size:clamp(26px,3.2vw,38px);letter-spacing:-.015em;color:#fff}
.bridge p{font-size:15px;color:#A6BDC5;font-weight:600;max-width:560px;margin-top:8px}
.indchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.indchips span{font-family:var(--pop);font-weight:600;font-size:10.5px;letter-spacing:.1em;background:rgba(121,195,182,.12);border:1px solid rgba(121,195,182,.22);color:#9FD3C6;border-radius:99px;padding:6px 13px}
.endhr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:56px 0}
.close{text-align:left;position:relative;padding-bottom:70px}
.close h2{font-family:var(--pop);font-weight:700;font-size:clamp(38px,5.4vw,66px);line-height:1.04;letter-spacing:-.022em;color:#fff}
.close p{font-size:16.5px;color:#A6BDC5;font-weight:600;max-width:480px;margin:16px 0 28px}
.rfoot{border-top:1px solid rgba(255,255,255,.12);padding:26px 0;position:relative}
.rfoot-in{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.fb{display:flex;align-items:center;gap:10px;font-family:var(--pop);font-weight:600;font-size:15px;color:#E9F2F3}
.fb img{width:26px;height:26px;border-radius:6px}
.fb img.lock{width:auto;height:52px;border-radius:0}
.ftag,.fcop,.fmid{font-family:var(--pop);font-weight:600;font-size:10px;letter-spacing:.14em;color:#7A97A1}
.flinks{display:flex;gap:16px}
.flinks a{font-family:var(--pop);font-weight:600;font-size:11px;color:#A6BDC5;text-decoration:none}
.flinks a:hover{color:#79C3B6;text-decoration:underline}
.cta2 h2{font-size:clamp(34px,4.2vw,54px)}
.cta2{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:start}
.ways{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}
.way{--w:#79C3B6;display:inline-flex;align-items:center;gap:9px;border:1.5px solid rgba(255,255,255,.18);border-radius:99px;padding:11px 17px;color:#E9F2F3;text-decoration:none;font-family:var(--pop);font-weight:600;font-size:14px;background:rgba(255,255,255,.03);transition:border-color .2s,background .2s,transform .2s}
.way svg{flex:none;width:17px;height:17px;color:var(--w)}
.way:hover{border-color:var(--w);background:rgba(255,255,255,.08);background:color-mix(in srgb,var(--w) 14%,transparent);transform:translateY(-1px)}
.way:focus-visible{outline:2px solid var(--w);outline-offset:3px}
.way.wa{--w:#25D366}
.way.call{--w:var(--c-mint)}
.way.mail{--w:var(--c-sky)}
.way.book{--w:var(--c-amber)}
.wayn{font-size:13px;color:#7A97A1;font-weight:600;margin-top:18px}
.qform{background:rgba(255,255,255,.045);border:1px solid rgba(121,195,182,.24);border-radius:20px;padding:26px 28px 24px;display:grid;gap:14px;box-shadow:0 24px 60px rgba(13,25,36,.4)}
.qf2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qform label{display:grid;gap:7px;font-family:var(--pop);font-weight:600;font-size:11px;letter-spacing:.1em;color:#A6BDC5;text-transform:uppercase}
.qform input,.qform select,.qform textarea{font-family:var(--nun);font-weight:600;font-size:15px;color:#F2F7F8;background:rgba(13,25,36,.55);border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:12px 14px;outline:none;text-transform:none;letter-spacing:0;width:100%}
.qform select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#79C3B6 50%),linear-gradient(135deg,#79C3B6 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 13px) 21px;background-size:6px 6px,6px 6px;background-repeat:no-repeat}
.qform input:focus,.qform select:focus,.qform textarea:focus{border-color:#79C3B6;box-shadow:0 0 0 3px rgba(121,195,182,.16)}
.qform textarea{resize:vertical;min-height:76px}
.qsend{border:0;cursor:pointer;margin-top:4px;justify-self:start}
.qnote{font-size:12.5px;color:#7A97A1;font-weight:600;margin:0}
.qnote.ok{color:#79C3B6}
@media(max-width:880px){.cta2{grid-template-columns:1fr;gap:30px}.qf2{grid-template-columns:1fr}}
@media(max-width:880px){.bridge{grid-template-columns:1fr}}
#pulse{position:absolute;top:50%;left:2%;width:13px;height:13px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 35%,#DDEFEA,#2DAA93);box-shadow:0 0 14px 4px rgba(121,195,182,.55),0 0 34px 10px rgba(49,163,145,.25);z-index:2;opacity:0;transition:opacity .4s}
.flowrow.in #pulse{opacity:1}
.stp{border:1.5px solid transparent;border-radius:18px}
.stp.live{border-color:rgba(45,170,147,.5);background:#fff;box-shadow:0 14px 32px rgba(13,25,36,.09);transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){#pulse{display:none}}
.hww{background:#F1F3F4;padding:92px 0 84px}
.flowrow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:44px;height:22px;align-items:center}
.fline{position:absolute;left:2%;right:2%;top:50%;height:3px;transform:translateY(-50%);background:#DDE3E7;border-radius:99px;overflow:hidden}
#fl{display:block;height:100%;width:0;background:linear-gradient(90deg,#31A391,#79C3B6);border-radius:99px}
.fdot{justify-self:center;width:15px;height:15px;border-radius:50%;background:linear-gradient(120deg,#31A391,#79C3B6);box-shadow:0 0 0 5px #F1F3F4,0 0 14px rgba(49,163,145,.5);position:relative;z-index:1;opacity:0;transform:scale(.3);transition:opacity .4s ease,transform .5s cubic-bezier(.2,1.4,.4,1)}
.flowrow.in .fdot{opacity:1;transform:none}
.flowrow.in .fdot:nth-child(2){transition-delay:.15s}
.flowrow.in .fdot:nth-child(3){transition-delay:.5s}
.flowrow.in .fdot:nth-child(4){transition-delay:.85s}
.flowrow.in .fdot:nth-child(5){transition-delay:1.2s}
.steps4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:30px}
.stp{padding:26px 30px 24px;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .55s ease,border-color .35s,background .35s,box-shadow .35s}
.steps4.in .stp{opacity:1;transform:none}
.steps4.in .stp:nth-child(2){transition-delay:.35s}
.steps4.in .stp:nth-child(3){transition-delay:.7s}
.steps4.in .stp:nth-child(4){transition-delay:1.05s}
.stp b{font-family:var(--pop);font-weight:600;font-size:17px;color:var(--ink);display:block;margin-bottom:9px;text-align:center}
.stp p{font-size:13.5px;color:var(--muted);font-weight:600;text-align:center}
.hwlink{display:table;margin:34px auto 0;font-family:var(--pop);font-weight:600;font-size:14.5px;color:var(--tdeep);text-decoration:none}
.hwlink:hover{text-decoration:underline}
@media(max-width:880px){.flowrow{display:none}.steps4{grid-template-columns:1fr;gap:0;margin-top:30px;position:relative;padding-left:30px}.steps4::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:3px;border-radius:99px;background:linear-gradient(180deg,#31A391,#79C3B6)}.stp{padding:0 0 26px;position:relative;border:0}.stp::before{content:'';position:absolute;left:-29px;top:4px;width:13px;height:13px;border-radius:50%;background:linear-gradient(120deg,#31A391,#79C3B6);box-shadow:0 0 0 4px #F1F3F4}.stp b,.stp p{text-align:left}}
.swrap{max-width:1120px;margin:0 auto;padding:0 26px;position:relative}
.slabel{font-family:var(--pop);font-weight:600;font-size:11.5px;letter-spacing:.2em;color:var(--tink)}
.sh2{font-family:var(--pop);font-weight:700;font-size:clamp(30px,4.6vw,54px);letter-spacing:-.022em;color:var(--ink);margin-top:10px;line-height:1.06}
.ssub{font-size:16px;color:var(--muted);max-width:560px;margin-top:12px;font-weight:600}
.agrid{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;margin-top:36px;align-items:stretch}
.acard{position:relative;background:linear-gradient(160deg,#101E2C,#0D1924);border:1px solid rgba(121,195,182,.35);border-radius:20px;padding:32px 34px;color:#EAF3F4;box-shadow:0 24px 60px rgba(13,25,36,.28),0 0 46px rgba(49,163,145,.18);display:flex;flex-direction:column;align-items:flex-start}
.pchip.dk{background:rgba(121,195,182,.14);color:#9FD3C6;border:1px solid rgba(121,195,182,.25)}
.acard h3{font-family:var(--pop);font-weight:700;font-size:30px;margin:14px 0 6px;letter-spacing:-.01em}
.acard .al{font-size:15px;color:#A6BDC5;font-weight:600;margin-bottom:18px}
.apills{display:flex;gap:8px;flex-wrap:wrap}
.apills span{font-family:var(--pop);font-weight:600;font-size:12.5px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);color:#DDEFEA;border-radius:99px;padding:7px 15px}
.anote{font-size:12.5px;color:#7A97A1;margin-top:14px;font-weight:600}
.alink{font-family:var(--pop);font-weight:600;font-size:14.5px;color:#79C3B6;text-decoration:none;margin-top:auto;padding-top:18px}
.alink:hover{text-decoration:underline}
.adirect{display:flex;flex-direction:column;justify-content:center}
.akick{font-family:var(--pop);font-weight:600;font-size:10.5px;letter-spacing:.16em;color:#97A6AE;margin-bottom:6px}
.arow{display:grid;grid-template-columns:44px 178px 1fr auto;gap:16px;align-items:center;padding:17px 6px;border-top:1px solid var(--hair);text-decoration:none;transition:background .18s,transform .18s}
.arow:last-child{border-bottom:1px solid var(--hair)}
.arow:hover{background:#fff;transform:translateX(3px)}
.ar-t{font-family:var(--pop);font-weight:600;font-size:16.5px;color:var(--ink)}
.ar-s{font-size:13px;color:var(--muted);font-weight:600}
.ar-a{font-family:var(--pop);color:var(--tdeep);font-weight:600}
@media(max-width:880px){.agrid{grid-template-columns:1fr}.arow{grid-template-columns:1fr;gap:4px}}
.hwhero{background:var(--paper);padding:76px 0 40px}
.hwh1{font-family:var(--pop);font-weight:700;font-size:clamp(40px,6vw,74px);line-height:1.04;letter-spacing:-.025em;color:var(--ink);margin-top:12px}
.hwhero .ssub{font-size:17px;max-width:600px;margin-top:18px}
.hwsteps{background:var(--paper);padding:20px 0 70px}
.hwrow{display:grid;grid-template-columns:250px 1fr;gap:34px;padding:38px 0;border-top:1px solid var(--hair)}
.hwrow:last-child{border-bottom:1px solid var(--hair)}
.hwk{display:flex;flex-direction:column;gap:9px;align-items:flex-start}
.hwtag{font-family:var(--pop);font-weight:600;font-size:11px;letter-spacing:.14em;color:var(--tink);background:#DDEFEA;border-radius:99px;padding:6px 14px}
.hwwhen{font-family:var(--pop);font-weight:600;font-size:10px;letter-spacing:.14em;color:var(--muted)}
.hwrow h3{font-family:var(--pop);font-weight:700;font-size:25px;letter-spacing:-.012em;color:var(--ink)}
.hwrow p{font-size:15.5px;color:var(--muted);font-weight:600;margin-top:10px;max-width:640px}
.repmock{background:#fff;border:1px solid var(--hair);border-radius:14px;overflow:hidden;margin-top:20px;max-width:640px;box-shadow:0 14px 34px rgba(13,25,36,.06)}
.repbar{font-family:var(--pop);font-weight:600;font-size:9.5px;letter-spacing:.14em;color:var(--tink);background:#DDEFEA;padding:9px 16px}
.reprow{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:12px 16px;border-top:1px solid var(--hair);font-size:13.5px;font-weight:600;color:var(--ink)}
.reprow i{font-style:normal;font-size:12px;color:var(--muted);font-weight:700}
.reptag{font-family:var(--pop);font-weight:600;font-size:9px;letter-spacing:.1em;border-radius:6px;padding:4px 9px}
.reptag.done{background:#DDEFEA;color:var(--tink)}
.reptag.link{background:#EAF0FA;color:#2B4F9E}
.reptag.next{background:#FBF1DE;color:#8A6116}
.ownrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.ownrow span{font-size:12.5px;color:var(--muted);font-weight:600;background:#fff;border:1px solid var(--hair);border-radius:12px;padding:10px 16px}
.ownrow b{display:block;font-family:var(--pop);font-weight:600;font-size:13px;color:var(--ink)}
.hwguar{background:var(--paper);padding:40px 0 100px}
.gcard{position:relative;max-width:820px;margin:0 auto;background:linear-gradient(160deg,#101E2C,#0D1924);border:1px solid rgba(121,195,182,.36);border-radius:24px;padding:50px 46px 38px;text-align:center;color:#EAF3F4;box-shadow:0 30px 90px rgba(13,25,36,.35),0 0 60px rgba(49,163,145,.22)}
.gcard h2{font-family:var(--pop);font-weight:700;font-size:clamp(26px,3.6vw,40px);line-height:1.1;letter-spacing:-.018em;color:#fff}
@media(max-width:880px){.hwrow{grid-template-columns:1fr;gap:16px}.gcard{padding:40px 22px 30px}}
.logos{background:#fff;border-bottom:1px solid var(--hair);padding:30px 0 34px;overflow:hidden}
.loglabel{font-family:var(--pop);font-weight:600;font-size:10.5px;letter-spacing:.22em;color:#97A6AE;text-align:center;margin-bottom:20px}
.logrow{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logtrack{display:flex;gap:14px;width:max-content;animation:wdrift 58s linear infinite}
.logos:hover .logtrack{animation-play-state:paused}
.lchip{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--hair);border-radius:18px;padding:0;flex:none;width:84px;height:84px;transition:border-color .2s,transform .2s}
.lchip:hover{border-color:#A5C6C2;transform:translateY(-2px)}
.lmark{position:relative;width:52px;height:52px;display:flex;align-items:center;justify-content:center;flex:none}
.lmark .mono{font-family:var(--pop);font-weight:600;font-size:15px;letter-spacing:.04em;color:#19616F}
.lmark img{position:absolute;inset:0;width:52px;height:52px;object-fit:contain;background:#fff;border-radius:10px}
.lmark.grad{background:var(--grad);border-color:transparent;font-family:var(--pop);font-weight:600;font-size:8.5px;color:#0D1924}
.ltxt{display:flex;flex-direction:column;line-height:1.25}
.lchip b{font-family:var(--pop);font-weight:600;font-size:13.5px;color:var(--ink);white-space:nowrap}
.lchip small{font-size:10.5px;color:var(--muted);font-weight:700;white-space:nowrap}
.lchip.more b{color:var(--tink)}
@media(prefers-reduced-motion:reduce){.logtrack{animation:none}}
.mani{background:var(--paper);padding:108px 0 84px}
.mani.m2{padding:104px 0 0;text-align:center}
.mani.m2 .mh{max-width:none}
.mh{font-family:var(--pop);font-weight:700;font-size:clamp(38px,5.8vw,74px);line-height:1.04;letter-spacing:-.026em;color:var(--ink);max-width:920px}
.mh .gr2{background:linear-gradient(120deg,#31A391,#227178);-webkit-background-clip:text;background-clip:text;color:transparent}
.mp{font-size:18px;color:var(--muted);font-weight:600;max-width:640px;margin-top:24px}
.mp b{color:var(--ink)}
.film{background:var(--paper);padding:26px 0 96px}
.frame{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 40px 110px rgba(13,25,36,.38);cursor:pointer;margin-top:36px;border:1px solid rgba(13,25,36,.08)}
.frame img{width:100%;display:block}
.playbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:94px;height:94px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:0 18px 60px rgba(49,163,145,.5),0 0 0 10px rgba(255,255,255,.14);transition:transform .25s}
.frame:hover .playbtn{transform:translate(-50%,-50%) scale(1.08)}
.filmnote{position:absolute;right:16px;bottom:14px;font-family:var(--pop);font-weight:600;font-size:9.5px;letter-spacing:.14em;color:#CBDFE2;background:rgba(13,25,36,.6);border:1px dashed rgba(255,255,255,.34);border-radius:99px;padding:6px 13px}
@media(max-width:880px){.playbtn{width:64px;height:64px}}
.inds{background:#fff;border-top:1px solid var(--hair);padding:88px 0 92px}
.itabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}
.itab{font-family:var(--pop);font-weight:600;font-size:14px;border:1.5px solid var(--hair);background:#fff;color:var(--muted);border-radius:99px;padding:11px 21px;cursor:pointer;transition:all .22s}
.itab:hover{border-color:var(--n);color:#19616F;color:color-mix(in srgb,var(--n) 80%,#101E2C)}
.itab.on{background:var(--n);color:#fff;border-color:transparent;box-shadow:0 8px 22px rgba(13,25,36,.16);box-shadow:0 8px 22px color-mix(in srgb,var(--n) 32%,transparent)}
.ipanels{margin-top:24px}
.ipanel{--n:var(--c-mint);display:none;grid-template-columns:1fr 1.04fr;gap:28px;background:var(--paper);border:1px solid var(--hair);border-radius:22px;padding:24px;align-items:stretch}
.ipanel.n1,.itab.n1{--n:var(--c-mint)}
.ipanel.n2,.itab.n2{--n:var(--c-sky)}
.ipanel.n3,.itab.n3{--n:var(--c-indigo)}
.ipanel.n4,.itab.n4{--n:var(--c-amber)}
.ipanel.n5,.itab.n5{--n:var(--c-rose)}
.ipanel.n6,.itab.n6{--n:var(--c-terra)}
.ipanel.on{display:grid;animation:ifade .45s ease}
@keyframes ifade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ph{position:relative;min-height:320px;height:100%;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;
background:radial-gradient(120% 90% at 18% 8%,color-mix(in srgb,var(--n) 26%,transparent),transparent 58%),radial-gradient(110% 100% at 85% 92%,color-mix(in srgb,var(--n) 20%,transparent),transparent 62%),linear-gradient(152deg,#fff,color-mix(in srgb,var(--n) 9%,#fff))}
.phsym{width:min(58%,220px);height:auto;color:var(--n);opacity:.30}
.ph{background:linear-gradient(152deg,#fff,#EEF5F4)}
.ph::before{content:'';position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--n) 42%,transparent) 1px,transparent 1.6px);background-size:18px 18px;opacity:.5}
.phcap{position:absolute;left:14px;right:14px;bottom:14px;background:rgba(255,255,255,.92);border:1px solid #E1E5E8;border-color:color-mix(in srgb,var(--n) 22%,transparent);border-radius:11px;padding:9px 14px;font-family:var(--pop);font-weight:600;font-size:9.5px;letter-spacing:.14em;color:#19616F;color:color-mix(in srgb,var(--n) 72%,#101E2C);text-align:center}
.ibody{display:flex;flex-direction:column;justify-content:center;padding:14px 10px 14px 6px}
.ibody h3{font-family:var(--pop);font-weight:700;font-size:27px;letter-spacing:-.01em;color:var(--ink)}
.ibody>p{font-size:15px;color:var(--muted);font-weight:600;margin-top:10px;max-width:470px}
.istats{display:flex;gap:36px;margin-top:24px;flex-wrap:wrap}
.istats b{font-family:var(--pop);font-weight:700;font-size:27px;color:#19616F;color:color-mix(in srgb,var(--n) 82%,#101E2C);display:block;letter-spacing:-.012em}
.istats span{font-size:11.5px;color:var(--muted);font-weight:700;letter-spacing:.05em}
.ilink{font-family:var(--pop);font-weight:600;font-size:14.5px;color:#19616F;color:color-mix(in srgb,var(--n) 80%,#101E2C);text-decoration:none;margin-top:24px;display:inline-block}
.ilink:hover{text-decoration:underline}
.cited{position:relative;overflow:hidden;background:#fff;border-top:1px solid var(--hair);padding:92px 0 96px}
.cited::before{content:'';position:absolute;right:-240px;top:-180px;width:820px;height:820px;border-radius:50%;background:radial-gradient(circle,rgba(45,170,147,.14),rgba(58,159,208,.07) 45%,transparent 68%);pointer-events:none}
.cited::after{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(16,30,44,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(16,30,44,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(58% 62% at 72% 46%,#000,transparent 76%);mask-image:radial-gradient(58% 62% at 72% 46%,#000,transparent 76%);pointer-events:none}
.cited .swrap{position:relative;z-index:1}
.c2grid .rcard{transform:rotate(-.5deg);box-shadow:0 34px 74px rgba(13,25,36,.17),0 0 0 9px rgba(255,255,255,.72)}
.c2grid .rcard:hover{transform:none;transition:transform .4s}
.sh2 .gr2c{background:linear-gradient(120deg,#31A391,#227178);-webkit-background-clip:text;background-clip:text;color:transparent}
.cflow{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;margin-top:40px;background:var(--paper);border:1px solid var(--hair);border-radius:20px;padding:30px 34px}
.cnode{background:#fff;border:1.5px solid rgba(45,170,147,.55);border-radius:14px;padding:16px 20px;text-align:center}
.cnode b{font-family:var(--pop);font-weight:600;font-size:16px;color:var(--ink);display:block}
.cnode span{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:var(--muted)}
.cnode.dark{background:linear-gradient(160deg,#19616F,#0D1924);border-color:transparent;box-shadow:0 16px 40px rgba(13,25,36,.25)}
.cnode.dark b{color:#fff}
.cnode.dark span{color:#9FD3C6}
.clink{position:relative;height:3px;background:#DDE3E7;border-radius:99px;margin:0 12px;overflow:hidden;display:block}
.clink i{position:absolute;inset:0;background:var(--grad);transform:translateX(-101%);transition:transform .8s ease}
.cflow.in .clink i{transform:none;transition-delay:.1s}
.cflow.in span.clink:nth-of-type(2) i{transition-delay:.5s}
.cflow.in span.clink:nth-of-type(3) i{transition-delay:.9s}
.cengines{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cengines span{font-family:var(--pop);font-weight:600;font-size:12.5px;border:1px solid var(--hair);background:#fff;color:var(--ink);border-radius:10px;padding:9px 6px;text-align:center}
.crec{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.rcard{margin:0;background:#fff;border:1px solid var(--hair);border-radius:14px;overflow:hidden;box-shadow:0 14px 34px rgba(13,25,36,.07);display:flex;flex-direction:column}
.rcard figcaption{font-family:var(--pop);font-weight:600;font-size:10px;letter-spacing:.16em;color:var(--tink);background:#DDEFEA;padding:9px 16px}
.rcard img{width:100%;display:block;border-bottom:1px solid var(--hair)}
.crec .rcard:first-child img{-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 96%);mask-image:linear-gradient(180deg,#000 72%,transparent 96%);border-bottom:0}
.rcard p{font-size:12.5px;font-weight:700;color:var(--muted);padding:11px 16px;margin-top:auto}
.cpills{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.cpills span{font-size:13px;color:var(--muted);font-weight:600;background:var(--paper);border:1px solid var(--hair);border-radius:99px;padding:10px 18px}
.cpills b{font-family:var(--pop);font-weight:600;color:var(--tink);margin-right:7px}
@media(max-width:880px){.cflow{grid-template-columns:1fr;gap:12px;padding:22px}.clink{height:26px;width:3px;margin:0 auto}.clink i{transform:translateY(-101%)}.cflow.in .clink i{transform:none}.crec{grid-template-columns:1fr}}
.rep{position:relative;background:#fff;border-top:1px solid var(--hair);padding:92px 0 96px;overflow:hidden}
.rep::before{content:'';position:absolute;right:-180px;top:-140px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(255,69,0,.10),transparent 68%);pointer-events:none}
.repmark{position:absolute;right:-70px;bottom:-90px;width:420px;height:420px;fill:#FF4500;opacity:.05;pointer-events:none}
.repgrid{display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center;position:relative}
.rep .rlabel{display:flex;align-items:center;gap:9px;font-family:var(--pop);font-weight:600;font-size:11px;letter-spacing:.18em;color:#D6400A}
.rep .rlabel svg{width:17px;height:17px;fill:#FF4500}
.rep .sh2{margin-top:12px}
.rep .ssub{max-width:560px}
.repstats{display:grid;gap:10px;margin-top:26px;max-width:560px}
.repstat{background:#fff;border:1px solid var(--hair);border-left:4px solid #FF4500;border-radius:12px;padding:14px 18px}
.repstat b{font-family:var(--pop);font-weight:600;font-size:16.5px;color:var(--ink);display:block}
.repstat span{font-size:13px;color:var(--muted);font-weight:600}
.replink{display:inline-block;font-family:var(--pop);font-weight:600;font-size:14.5px;color:#D6400A;text-decoration:none;margin-top:22px}
.replink:hover{text-decoration:underline}
.repshot{margin:0;background:#fff;border:1px solid var(--hair);border-radius:16px;overflow:hidden;box-shadow:0 26px 60px rgba(13,25,36,.14)}
.repshot figcaption{display:flex;align-items:center;gap:9px;font-family:var(--pop);font-weight:600;font-size:10px;letter-spacing:.16em;color:#D6400A;background:#FFF1EA;padding:10px 16px;border-bottom:1px solid var(--hair)}
.repshot img{width:100%;display:block}
.repshot p{font-size:12.5px;font-weight:700;color:var(--muted);padding:11px 16px;border-top:1px solid var(--hair)}
@media(max-width:880px){.repgrid{grid-template-columns:1fr;gap:26px}.repmark{width:260px;height:260px;right:-50px;bottom:-60px}}
.ledger{background:#fff;border-top:1px solid var(--hair);padding:92px 0 96px}
.lgrid{display:grid;grid-template-columns:.92fr 1.08fr;gap:44px;align-items:center}
.lfeat{list-style:none;display:grid;gap:15px;margin-top:26px}
.lfeat li{padding-left:31px;position:relative;font-size:15px;color:var(--muted);font-weight:600}
.lfeat li b{color:var(--ink)}
.lfeat li::before{content:'';position:absolute;left:0;top:3px;width:19px;height:19px;border-radius:50%;background:var(--grad)}
.lfeat li::after{content:'';position:absolute;left:5px;top:9px;width:7px;height:4px;border-left:2.2px solid #0D1924;border-bottom:2.2px solid #0D1924;transform:rotate(-45deg)}
.lshot{margin:0;background:#fff;border:1px solid var(--hair);border-radius:16px;overflow:hidden;box-shadow:0 34px 80px rgba(13,25,36,.16)}
.lbar{display:flex;align-items:center;gap:5px;padding:11px 14px;background:#F8FAFB;border-bottom:1px solid var(--hair)}
.lbar i{width:9px;height:9px;border-radius:50%;background:#E1E5E8}
.lurl{font-family:var(--pop);font-weight:600;font-size:10px;letter-spacing:.1em;color:var(--muted);background:#F1F3F4;border-radius:6px;padding:4px 12px;margin-left:9px}
.lshot img{width:100%;display:block}
.lnote{font-size:12.5px;color:#97A6AE;font-weight:600;margin-top:14px}
.world{display:grid;grid-template-columns:.94fr 1.06fr;gap:44px;align-items:center;position:relative}
.winfo h2{font-family:var(--pop);font-weight:700;font-size:clamp(28px,3.8vw,44px);letter-spacing:-.02em;color:#fff;line-height:1.06}
.winfo p{font-size:15.5px;color:#A6BDC5;font-weight:600;margin-top:14px;max-width:520px}
.wchips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.wchips span{font-family:var(--pop);font-weight:600;font-size:10.5px;letter-spacing:.1em;background:rgba(121,195,182,.12);border:1px solid rgba(121,195,182,.22);color:#9FD3C6;border-radius:99px;padding:6px 13px}
.wchips span.more{background:var(--grad);color:#0D1924;border-color:transparent}
.wglobe{position:relative;display:flex;justify-content:center}
.wglobe canvas{width:min(100%,560px);height:auto;display:block;cursor:grab;touch-action:pan-y}
.wglobe canvas.grabbing{cursor:grabbing}
.wdrag{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);font-family:var(--pop);font-weight:300;font-size:10px;letter-spacing:.3em;color:#7A97A1;pointer-events:none}
@media(max-width:880px){.wdrag{display:none}}
.wstats{display:grid;grid-template-columns:repeat(2,auto);gap:18px 44px;margin-top:26px;width:max-content}
.wstats b{font-family:var(--pop);font-weight:700;font-size:31px;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:block}
.wstats span{font-size:10px;letter-spacing:.14em;color:#7A97A1;font-weight:700}
.aic{width:44px;height:44px;border-radius:12px;background:#EDF3F4;background:color-mix(in srgb,var(--s) 16%,transparent);display:flex;align-items:center;justify-content:center;flex:none;transition:background .2s}
.aic svg{stroke:var(--s)}
.arow{--s:var(--c-mint)}
.arow.s-seo{--s:var(--c-mint)}
.arow.s-gads{--s:var(--c-sky)}
.arow.s-meta{--s:var(--c-indigo)}
.arow.s-web{--s:var(--c-amber)}
.arow.s-rep{--s:var(--c-reddit)}
.arow .ar-a{color:var(--s)}
.arow:hover{background:#fff;background:color-mix(in srgb,var(--s) 7%,#fff);box-shadow:inset 3px 0 0 var(--s)}
.arow:hover .aic{background:#E3EDEF;background:color-mix(in srgb,var(--s) 26%,transparent)}
.aicL{width:48px;height:48px;border-radius:13px;background:rgba(121,195,182,.12);border:1px solid rgba(121,195,182,.25);display:flex;align-items:center;justify-content:center;margin-top:18px}
.aicL svg{stroke:#79C3B6}
@media(max-width:880px){.ipanel{grid-template-columns:1fr}.ph{min-height:230px}.lgrid{grid-template-columns:1fr;gap:28px}.world{grid-template-columns:1fr;gap:28px}.aic{display:none}.arow{grid-template-columns:1fr!important}.mani{padding:84px 0 72px}.mani.m2{padding:84px 0 0}}
@media(max-width:880px){#trk{height:auto}#pin{position:relative;height:auto;padding-bottom:26px}.hgrid{grid-template-columns:1fr;gap:26px;padding-top:8px}.panel{grid-template-columns:1fr}.rail{display:none}.stage{height:auto;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;-webkit-overflow-scrolling:touch}.case{position:relative;inset:auto;flex:0 0 86%;scroll-snap-align:center;opacity:1;transform:none;pointer-events:auto;box-shadow:0 16px 40px rgba(0,0,0,.35);height:480px}.hint{display:none}.mdots{display:flex;justify-content:center;gap:8px;margin-top:2px}.mdots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25)}.mdots span.on{background:var(--mint)}}
@media(min-width:881px){.mdots{display:none}}
@media(prefers-reduced-motion:reduce){#trk{height:auto!important}#pin{position:relative;height:auto;min-height:100vh}.case{transition:none}.hint{display:none}}
#csScene{--bg:#0D1924;--bg2:#101E2C;--g1:#19616F;--g2:#103241;--ink:#F2F7F8;--muted:#A6BDC5;--dim:#7A97A1;--acc1:#31A391;--acc2:#79C3B6;--lr:121,195,182;--pill:rgba(14,28,40,.88);--ctaink:#0D1924;--paper:#F7F7F7;--pink:#101E2C;--pmuted:#5A6770;--hair:#E1E5E8;--deep:#19616F;
  --pop:'Poppins',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--nun:'Nunito Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  font-family:var(--nun);color:var(--ink);background:var(--bg)}
#csScene #csTrack{position:relative;height:420vh;background:var(--bg)}
#csScene #csStage{position:sticky;top:env(safe-area-inset-top,0px);height:100vh;height:100svh;overflow:hidden;background:var(--bg)}
#csScene .glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}
#csScene .gl1{width:640px;height:640px;background:var(--g1);opacity:.3;right:-170px;top:-170px}
#csScene .gl2{width:540px;height:540px;background:var(--g2);opacity:.45;left:-210px;bottom:-210px}
#csScene .guide{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed rgba(255,255,255,.09);pointer-events:none}
#csScene #csNet{position:absolute;inset:0;width:100%;height:100%;display:block}
#csScene #csNodes{position:absolute;inset:0;pointer-events:none}
#csScene .nd{position:absolute;left:0;top:0;color:#FFFFFF;will-change:transform,opacity}
#csScene .nd svg{width:100%;height:100%;display:block;fill:currentColor}
#csScene.color .nd{color:var(--bc)}
#csScene .eg{position:absolute;left:0;top:0;display:flex;align-items:center;gap:9px;padding:8px 16px 8px 8px;border-radius:99px;background:var(--pill);border:1px solid rgba(var(--lr),.38);box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 26px rgba(var(--lr),.16);white-space:nowrap;opacity:0;will-change:transform,opacity}
#csScene .eg .ei{width:28px;height:28px;border-radius:50%;background:rgba(var(--lr),.14);display:flex;align-items:center;justify-content:center;flex:none}
#csScene .eg .ei svg{width:15px;height:15px;fill:var(--acc2);display:block}
#csScene.color .eg .ei svg{fill:var(--bc)}
#csScene .eg b{font-family:var(--pop);font-weight:600;font-size:14px;color:var(--ink);letter-spacing:.01em}
#csScene #csCard{position:absolute;left:0;top:0;border-radius:18px;overflow:hidden;border:1px solid rgba(var(--lr),.4);background:#FFFFFF;box-shadow:0 40px 110px rgba(0,0,0,.55),0 0 70px rgba(var(--lr),.22);opacity:0;transform-origin:50% 50%;will-change:transform,opacity}
#csScene .cbar{display:flex;align-items:center;gap:6px;height:34px;padding:0 16px;background:var(--bg2)}
#csScene .cbar i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
#csScene .cbar em{font-style:normal;font-family:var(--pop);font-weight:600;font-size:10.5px;letter-spacing:.14em;color:var(--dim);margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#csScene .cimg{position:relative}
#csScene .cimg img{display:block;width:100%;height:auto}
#csScene #csHl{position:absolute;border:2px solid var(--acc1);border-radius:8px;box-shadow:0 0 0 4px rgba(var(--lr),.18),0 0 24px rgba(var(--lr),.45);opacity:0}
#csScene #csHlab{position:absolute;font-family:var(--pop);font-weight:600;font-size:11px;letter-spacing:.12em;color:var(--ctaink);background:linear-gradient(120deg,var(--acc1),var(--acc2));border-radius:99px;padding:5px 12px;white-space:nowrap;opacity:0}
#csScene #csCopy{position:absolute;left:0;right:0;top:calc(5.5vh + 6px);text-align:center;pointer-events:none}
#csScene .kick{font-family:var(--pop);font-weight:300;font-size:12px;letter-spacing:.42em;color:var(--acc2);padding-left:.42em}
#csScene .hl{position:absolute;left:0;right:0;top:30px;padding:0 24px}
#csScene .hl h2{font-family:var(--pop);font-weight:700;font-size:clamp(30px,4.2vw,60px);line-height:1.06;letter-spacing:-.022em;margin:0 auto;max-width:980px;text-wrap:balance;color:var(--ink)}
#csScene .hl h2 span{display:inline-block;will-change:transform,opacity,filter}
#csScene .hl h2 .gw{background:linear-gradient(120deg,var(--acc1),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:6px}
#csScene .hl p{font-size:clamp(15px,1.2vw,18px);font-weight:600;color:var(--muted);max-width:640px;margin:14px auto 0;line-height:1.55}
#csScene #csSteps{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);display:flex;align-items:center;gap:14px;font-family:var(--pop);font-weight:300;font-size:12px;letter-spacing:.34em;color:var(--dim);white-space:nowrap}
#csScene #csSteps .s{transition:color .3s}
#csScene #csSteps .s.on{color:var(--ink);font-weight:500}
#csScene #csSteps .ar{position:relative;width:56px;height:7px;flex:none}
#csScene #csSteps .ar::before{content:'';position:absolute;left:0;right:5px;top:3px;height:1px;background:rgba(255,255,255,.22)}
#csScene #csSteps .ar::after{content:'';position:absolute;right:0;top:0;border-left:6px solid rgba(255,255,255,.22);border-top:3.5px solid transparent;border-bottom:3.5px solid transparent;transition:border-left-color .3s}
#csScene #csSteps .ar.done::after{border-left-color:var(--acc2)}
#csScene #csSteps .ar i{position:absolute;left:0;right:5px;top:3px;height:1px;background:linear-gradient(90deg,var(--acc1),var(--acc2));transform-origin:0 50%;transform:scaleX(0)}
#csScene #csSteps .tl{width:44px;height:1.5px;flex:none;border-radius:1px;opacity:.9;background:linear-gradient(90deg,#F4F6F8 0%,#778793 10%,#235A65 22%,#2B7976 42%,#439A8D 62%,#46B098 76%,#93CCB9 89%,#E9F6F2 100%)}
#csScene #csHint{position:absolute;left:50%;bottom:66px;transform:translateX(-50%);font-family:var(--pop);font-weight:500;font-size:11px;letter-spacing:.22em;color:var(--dim);display:flex;align-items:center;gap:8px}
#csScene #csHint svg{animation:csbob 1.6s ease-in-out infinite}
@keyframes csbob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(max-width:760px){#csScene #csTrack{height:360vh}#csScene #csSteps{bottom:58px;gap:8px;font-size:10px;letter-spacing:.22em}#csScene #csSteps .ar{width:24px}#csScene #csSteps .tl{width:18px}#csScene #csHint{bottom:94px}#csScene .eg{padding:6px 12px 6px 6px;gap:7px}#csScene .eg .ei{width:22px;height:22px}#csScene .eg .ei svg{width:12px;height:12px}#csScene .eg b{font-size:12px}}
#csScene.rm #csTrack{height:100vh;height:100svh}
#csScene .kick{margin:0}
#csScene{display:block;position:relative}
.c2grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}
.c2grid .cpills{margin-top:24px}
@media(max-width:880px){.c2grid{grid-template-columns:1fr;gap:26px}}
/* ============================================================
   Resultant Digital — site layer (header, footer, page types)
   ============================================================ */
:root{--hd:76px}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.wrap{max-width:1120px;margin:0 auto;padding:0 26px;position:relative}
.wrap.narrow{max-width:760px}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#101E2C;padding:10px 16px;z-index:200;border-radius:0 0 10px 0}
.skip:focus{left:0}
/* ---------- in-hero nav (transparent, scrolls away with the hero) ---------- */
.nav{position:relative;z-index:60}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:18px;height:78px;max-width:1180px;margin:0 auto;padding:0 28px}
.nav .br{display:flex;align-items:center;text-decoration:none}
.nav .br img.lock{width:auto;height:44px;border-radius:0;outline:none;display:block}
.nl{display:flex;gap:28px;align-items:center}
.nl>a,.nl .nv{font-family:var(--nun);font-weight:600;font-size:14.5px;color:#A6BDC5;text-decoration:none;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:0;line-height:1}
.nl>a:hover,.nl .nv:hover{color:#fff}
.nl>a.on,.nl .nv.on{color:#fff}
.nl>a.on::after,.nl .nv.on::after{content:'';display:block;position:absolute;left:0;right:0;bottom:-9px;height:2px;border-radius:2px;background:var(--grad)}
.nl>a,.nl .hassub{position:relative}
.nl a.bt{font-family:var(--pop);font-weight:600;font-size:13.5px;background:var(--grad);color:#0D1924;padding:12px 22px;border-radius:99px;box-shadow:0 6px 22px rgba(49,163,145,.25)}
.nl a.bt:hover{color:#0D1924;filter:brightness(1.06)}
.hassub{position:relative}
.navdrop{position:absolute;top:calc(100% + 16px);left:-20px;min-width:262px;background:rgba(16,30,44,.97);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(121,195,182,.22);border-radius:18px;padding:10px;display:none;flex-direction:column;gap:2px;box-shadow:0 30px 70px rgba(0,0,0,.55)}
.navdrop::before{content:'';position:absolute;top:-16px;left:0;right:0;height:16px}
.navdrop a{font-family:var(--nun);font-weight:600;font-size:14.5px;color:#A6BDC5;text-decoration:none;padding:11px 14px;border-radius:11px;transition:background .18s,color .18s}
.navdrop a:hover,.navdrop a.on{background:rgba(121,195,182,.12);color:#fff}
.hassub:hover .navdrop,.hassub:focus-within .navdrop,.hassub.open .navdrop{display:flex}
.burger{display:none;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);background:transparent;border-radius:12px;cursor:pointer;padding:12px 11px;flex-direction:column;justify-content:space-between}
.burger span{display:block;height:2px;background:#E9F2F3;border-radius:2px;transition:transform .25s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1000px){
  .nav-in{height:66px;padding:0 20px}
  .nav .br img.lock{height:36px}
  .burger{display:flex}
  .nl{position:absolute;top:100%;left:12px;right:12px;background:rgba(13,25,36,.985);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(121,195,182,.2);border-radius:20px;flex-direction:column;align-items:stretch;gap:0;padding:8px 14px 16px;display:none;max-height:calc(100dvh - 90px);overflow:auto;box-shadow:0 30px 80px rgba(0,0,0,.6)}
  .nl.open{display:flex}
  .nl>a,.nl .nv{padding:15px 4px;border-bottom:1px solid rgba(255,255,255,.07);font-size:16px;justify-content:space-between;width:100%}
  .nl>a.on::after,.nl .nv.on::after{display:none}
  .nl a.bt{margin-top:14px;text-align:center;border-bottom:0;justify-content:center}
  .hassub{width:100%}
  .hassub .navdrop{position:static;display:none;background:transparent;border:0;box-shadow:none;padding:2px 0 8px;min-width:0}
  .hassub.open .navdrop{display:flex}
  .navdrop a{padding:11px 16px;color:#8FA9B2;font-size:15px}
}
/* ---------- shared page furniture ---------- */
.crumbs{display:flex;gap:9px;align-items:center;font-family:var(--pop);font-weight:600;font-size:11px;letter-spacing:.1em;color:var(--pmuted,#5A6770);margin-bottom:22px;text-transform:uppercase}
.crumbs a{color:var(--tink);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.eyebrow{font-family:var(--pop);font-weight:600;font-size:11.5px;letter-spacing:.2em;color:var(--sc);margin:0}
.h2{font-family:var(--pop);font-weight:700;font-size:clamp(28px,3.6vw,44px);line-height:1.08;letter-spacing:-.02em;color:var(--ink)}
.ssub2{font-size:16.5px;color:var(--muted);font-weight:600;max-width:640px;margin-top:14px;line-height:1.6}
.lede{font-size:18px;color:var(--muted);font-weight:600;line-height:1.6;margin-top:16px;max-width:620px}
[data-c]{--sc:var(--c-mint)}
[data-c="sky"]{--sc:var(--c-sky)}
[data-c="indigo"]{--sc:var(--c-indigo)}
[data-c="amber"]{--sc:var(--c-amber)}
[data-c="rose"]{--sc:var(--c-rose)}
[data-c="reddit"]{--sc:var(--c-reddit)}
[data-c="teal"]{--sc:#19616F}
/* ---------- service hero ---------- */
.svc-hero{background:linear-gradient(170deg,#0D1924,#101E2C 60%,#0D1924);color:#F2F7F8;padding:66px 0 74px;position:relative;overflow:hidden}
.svc-hero::before{content:'';position:absolute;right:-180px;top:-180px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--sc) 26%,transparent),transparent 66%);pointer-events:none}
.svc-hero .crumbs{color:#7A97A1}
.svc-hero .crumbs a{color:#A6BDC5}
.svc-hero h1{font-family:var(--pop);font-weight:700;font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-.025em;color:#fff;margin-top:14px}
.svc-hero .lede{color:#A6BDC5}
.sh-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center}
.sh-grid .btns{margin-top:28px}
.hbul{list-style:none;display:grid;gap:9px;margin:26px 0 0;padding:0}
.hbul li{position:relative;padding-left:26px;font-size:14.5px;font-weight:600;color:#A6BDC5}
.hbul li::before{content:'';position:absolute;left:0;top:7px;width:13px;height:13px;border-radius:50%;background:var(--sc);opacity:.9}
.hbul li::after{content:'';position:absolute;left:3.5px;top:11px;width:6px;height:3px;border-left:2px solid #0D1924;border-bottom:2px solid #0D1924;transform:rotate(-45deg)}
.sh-shot{margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 36px 80px rgba(0,0,0,.45)}
.sh-shot img{width:100%;display:block}
.sh-shot figcaption{font-size:12.5px;font-weight:700;color:var(--pmuted);padding:11px 16px;border-top:1px solid var(--hair);background:#fff}
@media(max-width:880px){.sh-grid{grid-template-columns:1fr;gap:28px}}
/* ---------- cards / steps / proof / quote ---------- */
.svc-cards{background:#fff;padding:84px 0;border-top:1px solid var(--hair)}
.scards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px}
.scard{background:var(--paper);border:1px solid var(--hair);border-left:4px solid var(--sc);border-radius:16px;padding:24px 26px}
.scard h3{font-family:var(--pop);font-weight:600;font-size:19px;color:var(--ink);margin-bottom:8px}
.scard p{font-size:15px;color:var(--muted);font-weight:600;line-height:1.6}
.svc-steps{background:var(--paper);padding:84px 0;border-top:1px solid var(--hair)}
.stps{list-style:none;counter-reset:s;display:grid;gap:14px;margin:34px 0 0;padding:0}
.stps li{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;background:#fff;border:1px solid var(--hair);border-radius:16px;padding:22px 24px}
.stp-n{font-family:var(--pop);font-weight:700;font-size:22px;color:var(--sc);letter-spacing:-.02em}
.stps h3{font-family:var(--pop);font-weight:600;font-size:18px;color:var(--ink);margin-bottom:6px}
.stps p{font-size:15px;color:var(--muted);font-weight:600;line-height:1.6}
.svc-proof{background:#fff;padding:84px 0;border-top:1px solid var(--hair)}
.pfigs{display:grid;gap:16px;margin-top:34px}
.pfigs.two{grid-template-columns:1fr 1fr}
.pfigs.three{grid-template-columns:repeat(3,1fr)}
.pfig{margin:0;background:#fff;border:1px solid var(--hair);border-radius:16px;overflow:hidden;box-shadow:0 18px 44px rgba(13,25,36,.09);display:flex;flex-direction:column}
.pfig figcaption{font-family:var(--pop);font-weight:600;font-size:10px;letter-spacing:.15em;color:var(--sc);background:color-mix(in srgb,var(--sc) 10%,#fff);padding:10px 16px;border-bottom:1px solid var(--hair)}
.pfig img{width:100%;display:block}
.pfig p{font-size:13.5px;font-weight:600;color:var(--muted);padding:13px 16px;margin-top:auto;line-height:1.55}
.svc-quote{background:var(--paper);padding:66px 0;border-top:1px solid var(--hair)}
.qwrap{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.svc-cta{background:linear-gradient(160deg,#101E2C,#0D1924);color:#fff;padding:74px 0}
.ctawrap{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.ctawrap h2{font-family:var(--pop);font-weight:700;font-size:clamp(26px,3.2vw,38px);letter-spacing:-.02em}
.ctawrap p{color:#A6BDC5;font-weight:600;margin-top:10px;max-width:520px}
@media(max-width:880px){.scards,.pfigs.two,.pfigs.three{grid-template-columns:1fr}.qwrap,.ctawrap{grid-template-columns:1fr}}
/* ---------- faq ---------- */
.svc-faq{background:#fff;padding:84px 0;border-top:1px solid var(--hair)}
.faqs{margin-top:30px;border-top:1px solid var(--hair)}
.faq{border-bottom:1px solid var(--hair)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 2px;font-family:var(--pop);font-weight:600;font-size:18px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--sc)}
.faq summary i{position:relative;width:18px;height:18px;flex:none}
.faq summary i::before,.faq summary i::after{content:'';position:absolute;background:var(--sc);border-radius:2px;transition:transform .25s}
.faq summary i::before{left:0;top:8px;width:18px;height:2px}
.faq summary i::after{left:8px;top:0;width:2px;height:18px}
.faq[open] summary i::after{transform:scaleY(0)}
.faq-a{padding:0 2px 22px}
.faq-a p{font-size:16px;color:var(--muted);font-weight:600;line-height:1.65;max-width:760px}
.faq-a a{color:var(--sc)}
/* ---------- result ledger (seo page) ---------- */
.ledger{background:#fff;padding:84px 0;border-top:1px solid var(--hair)}
.lgrid2{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center}
.lfeat2{list-style:none;display:grid;gap:14px;margin:24px 0 0;padding:0}
.lfeat2 li{padding-left:30px;position:relative;font-size:15px;color:var(--muted);font-weight:600;line-height:1.6}
.lfeat2 li b{color:var(--ink)}
.lfeat2 li::before{content:'';position:absolute;left:0;top:4px;width:18px;height:18px;border-radius:50%;background:var(--sc);opacity:.92}
.lfeat2 li::after{content:'';position:absolute;left:5px;top:9px;width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.lshot2{margin:0;background:#fff;border:1px solid var(--hair);border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(13,25,36,.15)}
.lshot2 img{width:100%;display:block}
.lshot2 figcaption{font-size:12.5px;font-weight:700;color:var(--pmuted);padding:11px 16px;border-top:1px solid var(--hair)}
@media(max-width:880px){.lgrid2{grid-template-columns:1fr;gap:26px}}
/* ---------- reputation strip ---------- */
.repstrip{background:#fff;padding:0 0 74px}
.repfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.repfacts div{background:var(--paper);border:1px solid var(--hair);border-left:4px solid var(--c-reddit);border-radius:14px;padding:20px 22px}
.repfacts b{display:block;font-family:var(--pop);font-weight:700;font-size:21px;color:var(--ink)}
.repfacts span{font-size:13.5px;color:var(--muted);font-weight:600}
@media(max-width:880px){.repfacts{grid-template-columns:1fr}}
/* ---------- case studies ---------- */
.cases{background:#fff;padding:70px 0 90px}
.cbar{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.cfils{display:flex;gap:8px;flex-wrap:wrap}
.cfil{font-family:var(--pop);font-weight:600;font-size:13.5px;border:1.5px solid var(--hair);background:#fff;color:var(--muted);border-radius:99px;padding:10px 19px;cursor:pointer;transition:all .2s}
.cfil:hover{border-color:var(--c-mint);color:var(--tink)}
.cfil.on{background:var(--c-mint);color:#fff;border-color:transparent}
.cnote{font-size:12.5px;color:var(--pmuted);font-weight:600;max-width:420px}
.cgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ccard{position:relative;background:#fff;border:1px solid var(--hair);border-radius:16px;padding:22px 24px;box-shadow:0 10px 24px rgba(13,25,36,.05);display:flex;flex-direction:column;gap:4px}
.ccard.hasshot{cursor:pointer}
.ccard.hasshot:hover{border-color:#A5C6C2;box-shadow:0 18px 38px rgba(13,25,36,.1)}
.ccard.hasshot:focus-visible{outline:2px solid var(--c-mint);outline-offset:2px}
.ccard b{font-family:var(--pop);font-weight:700;font-size:26px;color:var(--tdeep);letter-spacing:-.015em;margin-top:6px}
.ccard small{font-size:12.5px;color:var(--muted);font-weight:700}
.ccard p{font-size:14px;color:var(--muted);font-weight:600;line-height:1.55;margin-top:8px}
.cmeth{margin-top:auto;padding-top:14px;font-family:var(--pop);font-weight:600;font-size:9.5px;letter-spacing:.14em;color:var(--tink)}
.ccard[data-s~="gads"] b{color:var(--c-sky)}
.ccard[data-s~="meta"] b{color:var(--c-indigo)}
.ccard[data-s~="aeo"]:not([data-s~="seo"]) b{color:var(--c-mint)}
.ccard.hide{display:none}
.cmore{margin-top:26px;font-size:14.5px;color:var(--muted);font-weight:600}
@media(max-width:1000px){.cgrid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.cgrid{grid-template-columns:1fr}}
/* ---------- contact ---------- */
.ctsec{background:var(--paper);padding:70px 0 90px}
.ctgrid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}
.ctsec .qform{background:#fff;border:1px solid var(--hair);box-shadow:0 24px 60px rgba(13,25,36,.08)}
.ctsec .qform label{color:var(--pmuted)}
.ctsec .qform input,.ctsec .qform select,.ctsec .qform textarea{background:#fff;border:1px solid var(--hair);color:var(--ink)}
.ctsec .qnote{color:var(--pmuted)}
.ways.light .way{border-color:var(--hair);color:var(--ink);background:#fff}
.ways.light .way:hover{background:color-mix(in srgb,var(--w) 10%,#fff)}
.ctside h3{font-family:var(--pop);font-weight:600;font-size:18px;color:var(--ink);margin:30px 0 10px}
.ctsteps{margin:0;padding-left:20px;display:grid;gap:9px}
.ctsteps li{font-size:15px;color:var(--muted);font-weight:600;line-height:1.55}
.ctsmall{font-size:13.5px;color:var(--pmuted);font-weight:600;margin-top:24px}
@media(max-width:880px){.ctgrid{grid-template-columns:1fr;gap:28px}}
/* ---------- rich text pages ---------- */
.rich{background:#fff;padding:66px 0 90px}
.rich h1{font-family:var(--pop);font-weight:700;font-size:clamp(32px,4.4vw,48px);line-height:1.06;letter-spacing:-.025em;color:var(--ink)}
.rich h2{font-family:var(--pop);font-weight:600;font-size:22px;color:var(--ink);margin:36px 0 10px}
.rich p{font-size:16.5px;color:var(--muted);font-weight:600;line-height:1.7;margin-top:12px}
.rich .lede{font-size:18px;color:var(--pmuted)}
.rich a{color:var(--tink)}
/* ---------- footer ---------- */
.site-ft{background:#0D1924;color:#A6BDC5;border-top:1px solid rgba(121,195,182,.12);padding:60px 0 0}
.ft-in{max-width:1120px;margin:0 auto;padding:0 26px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:38px}
.ft-brand img{height:52px;width:auto;display:block}
.ft-brand p{font-size:14px;font-weight:600;line-height:1.6;margin-top:16px;max-width:360px;color:#8FA9B2}
.ft-ways{display:flex;gap:14px;margin-top:18px;flex-wrap:wrap}
.ft-ways a{font-family:var(--pop);font-weight:600;font-size:13px;color:#E9F2F3;text-decoration:none;border-bottom:1px solid rgba(121,195,182,.4);padding-bottom:2px}
.ft-ways a:hover{color:#79C3B6}
.ft-col h3{font-family:var(--pop);font-weight:600;font-size:11px;letter-spacing:.16em;color:#7A97A1;margin-bottom:14px;text-transform:uppercase}
.ft-col a{display:block;font-size:14.5px;font-weight:600;color:#A6BDC5;text-decoration:none;padding:5px 0}
.ft-col a:hover{color:#79C3B6}
.ft-base{max-width:1120px;margin:44px auto 0;padding:20px 26px 26px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--pop);font-weight:600;font-size:10.5px;letter-spacing:.14em;color:#7A97A1;text-transform:uppercase}
@media(max-width:880px){.ft-in{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}}
/* ---------- cookie bar ---------- */
.ckbar[hidden]{display:none}
.ckbar{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:760px;margin:0 auto;background:rgba(16,30,44,.97);border:1px solid rgba(121,195,182,.26);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;box-shadow:0 26px 60px rgba(0,0,0,.45)}
.ckbar p{font-size:13.5px;color:#A6BDC5;font-weight:600;flex:1;min-width:240px;line-height:1.5}
.ckbar a{color:#79C3B6}
.ckbtn{display:flex;gap:9px}
.bt.sm{padding:9px 18px;font-size:13px}
.bt.sm.ghost{background:transparent;color:#E9F2F3;border:1.5px solid rgba(255,255,255,.28);box-shadow:none}
/* ---------- industries: the whole section takes the niche ---------- */
.inds{position:relative;overflow:hidden;transition:background-color .5s ease}
.indsfx{position:absolute;inset:0;pointer-events:none;opacity:.7;transition:opacity .4s}
.indsfx svg{position:absolute;color:var(--n);opacity:.12}
.inds{--n:var(--c-mint)}
.inds[data-n="n1"]{--n:var(--c-mint)}
.inds[data-n="n2"]{--n:var(--c-sky)}
.inds[data-n="n3"]{--n:var(--c-indigo)}
.inds[data-n="n4"]{--n:var(--c-amber)}
.inds[data-n="n5"]{--n:var(--c-rose)}
.inds[data-n="n6"]{--n:var(--c-terra)}
.inds::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--n) 13%,#fff),#fff 66%);transition:background .5s ease;pointer-events:none}
.inds>.wrap{position:relative;z-index:2}
.inds .slabel,.inds .ilink{color:color-mix(in srgb,var(--n) 78%,#101E2C)}
@media(prefers-reduced-motion:reduce){.inds,.inds::before,.indsfx{transition:none}}

/* ============================================================
   ROUND 8 — client wall, case slider, niche mosaics, living heroes
   ============================================================ */

/* ---------- hero: breathing room, guarantee, mini stats ---------- */
.hgrid{padding:6px 28px 46px;gap:52px}
.hgrid .btns{margin-top:4px}
.hguar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:26px;font-size:13.5px;font-weight:600;color:#A6BDC5}
.hguar b{color:#E9F2F3;font-weight:700}
.hstar{color:#79C3B6;font-size:15px;line-height:1}
.hguar .hfoot{flex-basis:100%;font-size:11px;color:#6E8892;font-weight:600}
.hmini{display:grid;grid-template-columns:repeat(4,auto);gap:0 34px;width:max-content;margin-top:30px;padding-top:24px;border-top:1px solid rgba(121,195,182,.18)}
.hmini b{display:block;font-family:var(--pop);font-weight:700;font-size:25px;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.hmini b i{font-style:normal;font-size:.72em;vertical-align:.22em;font-weight:600}
.hmini span{font-size:9.5px;letter-spacing:.15em;color:#7A97A1;font-weight:700}
@media(max-width:1080px){.hmini{gap:0 22px}.hmini b{font-size:21px}}
@media(max-width:920px){.hmini{grid-template-columns:repeat(2,auto);gap:16px 34px}}

/* ---------- the client wall ---------- */
.cwall{position:relative;background:linear-gradient(180deg,#0D1924,#0B1620 62%,#0D1924);color:#E9F2F3;padding:92px 0 96px;overflow:hidden}
.cwfx{position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(52% 48% at 18% 0%,rgba(25,97,111,.5),transparent 68%),radial-gradient(44% 42% at 88% 100%,rgba(49,163,145,.22),transparent 70%)}
.cwall .swrap{position:relative;z-index:2}
.cwhead{text-align:center;max-width:720px;margin:0 auto 46px}
.cwlabel{font-family:var(--pop);font-weight:600;font-size:10.5px;letter-spacing:.24em;color:#79C3B6;margin-bottom:16px}
.cwh{font-family:var(--pop);font-weight:700;font-size:clamp(27px,3.3vw,40px);line-height:1.12;letter-spacing:-.02em;color:#fff}
.cwh .gr{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cwgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.cwp{margin:0;background:#fff;border-radius:16px;padding:22px 18px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;min-height:142px;
 box-shadow:0 14px 34px rgba(0,0,0,.34);opacity:0;transform:translateY(16px) scale(.97);
 transition:opacity .5s ease,transform .55s cubic-bezier(.22,.9,.3,1),box-shadow .25s}
.cwgrid.in .cwp{opacity:1;transform:none;transition-delay:calc(var(--i) * 42ms)}
.cwp:hover{box-shadow:0 22px 48px rgba(0,0,0,.44);transform:translateY(-3px)}
.cwmk{display:flex;align-items:center;justify-content:center;width:100%;height:62px}
.cwmk img{max-width:100%;max-height:62px;width:auto;height:auto;object-fit:contain}
.cwp figcaption{font-family:var(--pop);font-weight:600;font-size:9px;letter-spacing:.13em;color:#7E8C95;text-transform:uppercase;text-align:center;line-height:1.5}
.cwfoot{margin-top:30px;text-align:center;font-size:13px;font-weight:600;color:#7A97A1;max-width:720px;margin-left:auto;margin-right:auto;line-height:1.6}
@media(prefers-reduced-motion:reduce){.cwp{opacity:1;transform:none;transition:none}}
@media(max-width:1000px){.cwgrid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.cwgrid{grid-template-columns:repeat(3,1fr);gap:10px}.cwp{min-height:112px;padding:16px 10px 11px}.cwmk{height:44px}.cwmk img{max-height:44px}}
@media(max-width:470px){.cwgrid{grid-template-columns:repeat(2,1fr)}}

/* ---------- the case slider ---------- */
.csl{margin-top:38px}
.csltop{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}
.cslhint{font-size:13.5px;font-weight:600;color:var(--muted);max-width:460px}
.cslnav{display:flex;align-items:center;gap:10px;flex:none}
.cslcount{font-family:var(--pop);font-weight:600;font-size:12px;letter-spacing:.14em;color:var(--muted);margin-right:6px}
.cslcount b{color:var(--tink);font-size:15px}
.cslcount i{font-style:normal;margin-left:4px}
.cslb{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--hair);background:#fff;color:var(--tink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}
.cslb:hover{border-color:var(--c-mint);background:var(--c-mint);color:#fff}
.cslb:disabled{opacity:.34;cursor:default;border-color:var(--hair);background:#fff;color:var(--muted)}
.csltrack{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 22px;
 -ms-overflow-style:none;scrollbar-width:none;cursor:grab}
.csltrack::-webkit-scrollbar{display:none}
.csltrack.drag{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}
.csltrack:focus-visible{outline:2px solid var(--c-mint);outline-offset:4px;border-radius:20px}
.cslc{flex:0 0 clamp(290px,31%,392px);scroll-snap-align:start;background:#fff;border:1px solid var(--hair);border-radius:20px;overflow:hidden;
 display:flex;flex-direction:column;box-shadow:0 12px 30px rgba(13,25,36,.07);transition:box-shadow .25s,transform .25s;
 opacity:0;transform:translateY(16px)}
.csl.in .cslc{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease,box-shadow .25s;transition-delay:calc(var(--i) * 55ms)}
.cslc:hover{box-shadow:0 22px 48px rgba(13,25,36,.13)}
.cslshot{position:relative;margin:0;height:196px;overflow:hidden;background:#F3F6F7;border-bottom:1px solid var(--hair)}
.cslshot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.cslbadge{position:absolute;left:12px;top:12px;z-index:2;font-family:var(--pop);font-weight:600;font-size:8.5px;letter-spacing:.14em;
 background:rgba(13,25,36,.84);color:#9FD3C6;border-radius:99px;padding:5px 11px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.cslbody{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.cslchips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.cslchip{font-family:var(--pop);font-weight:600;font-size:9.5px;letter-spacing:.12em;background:#EAF3F1;color:var(--tink);border-radius:99px;padding:5px 11px}
.cslchip.pl{background:#F1F3F4;color:var(--muted)}
.cslbig{font-family:var(--pop);font-weight:700;font-size:clamp(28px,3vw,36px);line-height:1.06;letter-spacing:-.015em;color:var(--tdeep)}
.cslc small{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-top:5px}
.cslc p{font-size:14px;font-weight:600;color:var(--muted);line-height:1.55;margin-top:13px}
.cslmeth{margin-top:auto;padding-top:16px;font-family:var(--pop);font-weight:600;font-size:9.5px;letter-spacing:.14em;color:var(--tink)}
.csldots{display:flex;gap:7px;justify-content:center;margin-top:4px}
.csldot{width:7px;height:7px;border-radius:50%;border:0;padding:0;background:#CDD6DA;cursor:pointer;transition:all .25s}
.csldot.on{background:var(--c-mint);width:24px;border-radius:99px}
@media(prefers-reduced-motion:reduce){.cslc{opacity:1;transform:none}.csltrack{scroll-behavior:auto}}
@media(max-width:700px){.csltop{flex-direction:column;align-items:flex-start;gap:14px}.cslc{flex-basis:84%}.cslshot{height:170px}}

/* ---------- industry mosaics ---------- */
.ph{overflow:hidden}
.mosfield{position:absolute;inset:0;pointer-events:none;opacity:.07;color:var(--n)}
.mosfield svg{position:absolute;width:150px;height:150px}
.mosfield svg:nth-child(1){left:-30px;top:-24px;transform:rotate(-14deg)}
.mosfield svg:nth-child(2){right:-34px;bottom:-30px;transform:rotate(11deg);width:190px;height:190px}
.mosfield svg:nth-child(3){left:46%;top:38%;transform:rotate(4deg);width:110px;height:110px}
.mos{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px;width:100%;height:100%;padding:26px 22px 48px}
.mo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:13px;padding:10px 13px;min-width:92px;min-height:56px;
 box-shadow:0 8px 22px rgba(13,25,36,.12);border:1px solid rgba(13,25,36,.05);
 opacity:0;transform:translate(var(--fx),var(--fy)) scale(.62) rotate(var(--r));
 transition:opacity .5s ease,transform .78s cubic-bezier(.19,1.04,.3,1)}
.ipanel.on .mo{opacity:1;transform:translate(0,0) scale(1) rotate(0deg);transition-delay:var(--d)}
.mo img{width:auto;height:auto;max-height:38px;max-width:148px;object-fit:contain;display:block}
.mos[data-n="1"] .mo{padding:22px 30px}
.mos[data-n="1"] .mo img{max-height:74px}
.mos[data-n="2"] .mo{padding:17px 24px}
.mos[data-n="2"] .mo img{max-height:56px}
.mos[data-n="1"],.mos[data-n="2"]{gap:16px}
.mos[data-n="10"] .mo,.mos[data-n="9"] .mo{padding:8px 10px}
.mos[data-n="10"] .mo img,.mos[data-n="9"] .mo img{max-height:28px}
.mo:nth-child(4n+1){flex-basis:auto}
@media(prefers-reduced-motion:reduce){.mo{opacity:1;transform:none;transition:none}}
@media(max-width:880px){.mos{padding:20px 16px 52px}.mo img{max-height:26px}}

/* ---------- section rhythm (he asked for air between the service blocks) ---------- */
.svcA{padding:96px 0 104px}
.inds{padding:104px 0 112px}
.svcA+.inds{margin-top:0}
.svcA .agrid{margin-top:40px}
.inds .itabs{margin-top:34px}

/* ---------- second receipt: Google Analytics in one corner, ChatGPT green in the other ---------- */
.cited{isolation:isolate}
.cited::before{display:none}
.gawash,.aiwash{position:absolute;pointer-events:none;z-index:0;border-radius:50%;filter:blur(2px)}
.gawash{left:-320px;bottom:-340px;width:860px;height:860px;
 background:radial-gradient(circle at 46% 56%,rgba(227,116,0,.30),rgba(246,153,29,.15) 38%,rgba(232,62,32,.06) 60%,transparent 73%)}
.aiwash{right:-300px;top:-330px;width:900px;height:900px;
 background:radial-gradient(circle at 56% 46%,rgba(16,163,127,.30),rgba(116,170,156,.14) 40%,transparent 72%)}
.cited::after{-webkit-mask-image:radial-gradient(64% 66% at 68% 44%,#000,transparent 78%);mask-image:radial-gradient(64% 66% at 68% 44%,#000,transparent 78%)}
.gadot{width:9px;height:9px;border-radius:50%;background:conic-gradient(#E37400 0 50%,#F69A1D 50% 100%);display:inline-block;margin-right:8px;vertical-align:-1px}
.c2grid .rcard figcaption{background:linear-gradient(90deg,#FFF3E4,#E7F6F1);color:#17624F}
.c2grid .rcard img{width:100%;height:auto;display:block;image-rendering:auto}

/* ---------- reddit receipt: let the screenshot breathe ---------- */
.repshot img{width:100%;height:auto;display:block}
.repshot{background:#fff}

/* ---------- 9+ ---------- */
.nine i,.wstats b i.pl{font-style:normal;font-size:.62em;vertical-align:.3em;font-weight:600;margin-left:1px}

/* ============================================================
   INNER PAGES — living hero, metric band, split proof
   ============================================================ */
.phero{position:relative;overflow:hidden;background:linear-gradient(168deg,#0D1924,#101E2C 54%,#0B1620);color:#F2F7F8;
 min-height:min(92vh,760px);display:flex;flex-direction:column;padding-bottom:64px}
.phbg{position:absolute;inset:0;pointer-events:none}
.pg{position:absolute;border-radius:50%;filter:blur(96px)}
.pg1{width:600px;height:600px;right:-160px;top:-170px;background:color-mix(in srgb,var(--sc) 62%,#19616F);opacity:.34}
.pg2{width:440px;height:440px;left:-180px;bottom:-190px;background:#103241;opacity:.52}
.pg3{width:280px;height:280px;right:28%;bottom:4%;background:color-mix(in srgb,var(--sc) 80%,#79C3B6);opacity:.13}
.phfx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.8}
.phwrap{flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:26px}
.phero .crumbs{color:#7A97A1;margin-bottom:26px}
.phero .crumbs a{color:#A6BDC5}
.phgrid{display:grid;grid-template-columns:1.02fr .98fr;gap:52px;align-items:center}
.phero h1{font-family:var(--pop);font-weight:700;font-size:clamp(33px,4.6vw,56px);line-height:1.06;letter-spacing:-.025em;color:#fff;margin-top:15px}
.phero h1 .gr{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero .eyebrow{color:color-mix(in srgb,var(--sc) 74%,#79C3B6)}
.phero .lede{color:#A6BDC5;max-width:540px}
.phero .btns{margin-top:30px}
.phero .hbul{margin-top:24px}
.phstats{display:grid;grid-template-columns:repeat(3,auto);gap:0 36px;width:max-content;margin-top:32px;padding-top:24px;border-top:1px solid rgba(121,195,182,.18)}
.phstats b{display:block;font-family:var(--pop);font-weight:700;font-size:26px;letter-spacing:-.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.12}
.phstats span{font-size:9.5px;letter-spacing:.15em;color:#7A97A1;font-weight:700}
.phpanel{position:relative}
.phglow{position:absolute;inset:-70px -60px;background:radial-gradient(58% 52% at 54% 46%,color-mix(in srgb,var(--sc) 42%,transparent),transparent 74%);filter:blur(34px);pointer-events:none}
.phshot{position:relative;margin:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 38px 90px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.08);
 transform:perspective(1400px) rotateY(-3.4deg) rotateX(1.4deg);transition:transform .6s cubic-bezier(.22,.9,.3,1)}
.phpanel:hover .phshot{transform:perspective(1400px) rotateY(0) rotateX(0)}
.phbar{display:flex;align-items:center;gap:6px;background:#EDF1F3;border-bottom:1px solid #DFE5E8;padding:9px 14px}
.phbar span{width:9px;height:9px;border-radius:50%;background:#CBD4D8}
.phbar span:nth-child(1){background:#E9736B}.phbar span:nth-child(2){background:#E7B84E}.phbar span:nth-child(3){background:#68C08A}
.phbar i{margin-left:8px;font-style:normal;font-family:var(--pop);font-weight:600;font-size:9.5px;letter-spacing:.13em;color:#7E8C95;text-transform:uppercase}
.phshot img{width:100%;height:auto;display:block}
.phshot figcaption{font-size:12.5px;font-weight:700;color:var(--muted);padding:12px 16px;border-top:1px solid var(--hair);background:#fff}
.phf{position:absolute;z-index:3;background:rgba(16,30,44,.93);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
 border:1px solid rgba(121,195,182,.3);border-radius:14px;padding:12px 17px;box-shadow:0 22px 50px rgba(0,0,0,.5);
 animation:phfloat 5.4s ease-in-out infinite}
.phf b{display:block;font-family:var(--pop);font-weight:700;font-size:22px;line-height:1.1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.phf span{font-size:9px;letter-spacing:.14em;font-weight:700;color:#7A97A1}
.phf1{left:-52px;bottom:-16px}
.phf2{right:-34px;top:-18px;animation-delay:-2.7s}
@keyframes phfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.phfade{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,rgba(247,247,247,.0));pointer-events:none}
@media(prefers-reduced-motion:reduce){.phf{animation:none}.phshot{transform:none}}
@media(max-width:980px){.phgrid{grid-template-columns:1fr;gap:34px}.phero{min-height:0;padding-bottom:52px}
  .phshot{transform:none}.phf1{left:-8px;bottom:-10px}.phf2{right:-8px;top:-10px}
  .phstats{grid-template-columns:repeat(3,auto);gap:0 22px}}
@media(max-width:560px){.phstats{grid-template-columns:repeat(2,auto);gap:14px 26px}.phf{display:none}}

/* rich-text page header (legal, AI instructions) */
.richhd{position:relative;background:linear-gradient(168deg,#0D1924,#101E2C);color:#F2F7F8;padding-bottom:58px}
.richhd h1{font-family:var(--pop);font-weight:700;font-size:clamp(30px,4vw,46px);line-height:1.07;letter-spacing:-.025em;color:#fff;margin-top:34px}
.richhd .lede{color:#A6BDC5;margin-top:14px}

.rich .lede:first-child{margin-top:0}

/* ---------- metric band ---------- */
.mband{background:var(--paper);padding:76px 0 82px;border-top:1px solid var(--hair)}
.mband-h{max-width:660px}
.mband-h .h2{margin-top:12px}
.mtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.mtile{background:#fff;border:1px solid var(--hair);border-top:3px solid var(--sc);border-radius:16px;padding:24px 22px 22px;
 opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
.mtile.in{opacity:1;transform:none}
.mtile b{display:block;font-family:var(--pop);font-weight:700;font-size:clamp(28px,3vw,38px);letter-spacing:-.02em;color:var(--tdeep);line-height:1.05}
.mtile span{display:block;font-size:13px;font-weight:700;color:var(--muted);margin-top:7px}
.mtile i{display:block;font-style:normal;font-family:var(--pop);font-weight:600;font-size:9.5px;letter-spacing:.13em;color:var(--sc);margin-top:12px}
.mnote{margin-top:22px;font-size:13px;font-weight:600;color:var(--pmuted,#5A6770)}
@media(max-width:900px){.mtiles{grid-template-columns:1fr 1fr}}

/* ---------- split proof blocks ---------- */
.split{background:#fff;padding:88px 0 94px;border-top:1px solid var(--hair)}
.split .h2{margin-top:12px}
.spblocks{display:grid;gap:26px;margin-top:46px}
.spblock{display:grid;grid-template-columns:.86fr 1.14fr;gap:44px;align-items:center;background:var(--paper);border:1px solid var(--hair);border-radius:24px;padding:34px 36px}
.spblock.flip{grid-template-columns:1.14fr .86fr}
.spblock.flip .spcopy{order:2}
.spnum{display:inline-block;font-family:var(--pop);font-weight:700;font-size:12px;letter-spacing:.12em;color:#fff;background:var(--sc);border-radius:99px;padding:5px 13px;margin-bottom:14px}
.spcopy h3{font-family:var(--pop);font-weight:600;font-size:clamp(20px,2.2vw,26px);color:var(--ink);letter-spacing:-.01em}
.spcopy>p{font-size:15.5px;font-weight:600;color:var(--muted);line-height:1.62;margin-top:11px}
.sppts{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}
.sppts li{position:relative;padding-left:24px;font-size:14.5px;font-weight:600;color:var(--muted);line-height:1.55}
.sppts li::before{content:'';position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:50%;background:var(--sc);opacity:.92}
.sppts li::after{content:'';position:absolute;left:3.2px;top:10.5px;width:6px;height:3px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.spshot{margin:0;background:#fff;border:1px solid var(--hair);border-radius:16px;overflow:hidden;box-shadow:0 26px 60px rgba(13,25,36,.13)}
.spshot img{width:100%;height:auto;display:block}
.spshot figcaption{font-size:12.5px;font-weight:700;color:var(--muted);padding:12px 16px;border-top:1px solid var(--hair)}
@media(max-width:940px){.spblock{grid-template-columns:1fr;gap:26px;padding:26px 24px}.spblock.flip .spcopy{order:0}}

/* ---------- cards / steps refresh ---------- */
.svc-cards .h2,.svc-steps .h2,.svc-proof .h2,.svc-faq .h2{margin-top:12px}
.scard{position:relative;background:#fff;border:1px solid var(--hair);border-left:0;border-top:3px solid var(--sc);border-radius:18px;padding:28px 28px 26px;
 box-shadow:0 10px 26px rgba(13,25,36,.05);opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s,box-shadow .25s}
.scard.in{opacity:1;transform:none}
.scard:hover{box-shadow:0 20px 42px rgba(13,25,36,.1)}
.scn{font-family:var(--pop);font-weight:700;font-size:11px;letter-spacing:.14em;color:var(--sc);display:block;margin-bottom:12px}
.scico{display:block;color:var(--sc);margin-bottom:10px}
.stps li{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .45s}
.stps li.in{opacity:1;transform:none}
.stps li{position:relative;border-radius:18px}
.stp-n{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;
 background:color-mix(in srgb,var(--sc) 13%,#fff);color:var(--sc);font-size:16px}
.pfig{opacity:0;transform:translateY(14px);transition:opacity .5s,transform .5s}
.pfig.in{opacity:1;transform:none}
.pfig img{width:100%;height:auto}
.svc-cta{position:relative;overflow:hidden}
.ctafx{position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(46% 70% at 84% 20%,color-mix(in srgb,var(--sc) 34%,transparent),transparent 70%),
            radial-gradient(40% 60% at 6% 96%,rgba(25,97,111,.42),transparent 72%)}
.svc-cta .wrap{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.scard,.stps li,.pfig,.mtile{opacity:1;transform:none;transition:none}}

.arow.s-aeo{--w:var(--c-sky)}
.ar-t small{font-weight:600;font-size:.72em;color:var(--muted);letter-spacing:0}
.richhd{overflow:hidden;padding-bottom:34px}
.rhfx{position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(48% 90% at 88% 0%,rgba(25,97,111,.55),transparent 66%),radial-gradient(40% 80% at 4% 100%,rgba(49,163,145,.18),transparent 70%)}
.richhd>.nav,.richhd>.wrap{position:relative;z-index:2}
.richhd .crumbs{color:#7A97A1;margin:24px 0 0}
.richhd .crumbs a{color:#A6BDC5}
.rich{padding-top:54px}

/* ============================================================
   THE FILM — click to play, nothing downloads until they ask
   ============================================================ */
.filmsec{position:relative;background:linear-gradient(180deg,#0D1924,#0B1620 55%,#0D1924);color:#E9F2F3;padding:0 0 100px;overflow:hidden}
.filmsec::before{content:'';position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(46% 42% at 78% 8%,rgba(49,163,145,.20),transparent 68%),radial-gradient(40% 38% at 10% 92%,rgba(25,97,111,.42),transparent 70%)}
.filmsec .swrap{position:relative;z-index:2}
.fmhead{text-align:center;max-width:680px;margin:0 auto 38px}
.fmsub{font-size:16px;font-weight:600;color:#A6BDC5;line-height:1.6;margin-top:16px}
.fmstage{position:relative;max-width:980px;margin:0 auto;border-radius:22px;overflow:hidden;
 box-shadow:0 50px 120px rgba(0,0,0,.6),0 0 0 1px rgba(121,195,182,.2);
 opacity:0;transform:translateY(18px) scale(.985);transition:opacity .6s ease,transform .7s cubic-bezier(.22,.9,.3,1)}
.fmstage.in{opacity:1;transform:none}
.fmglow{position:absolute;inset:-60px -40px;background:radial-gradient(54% 48% at 50% 46%,rgba(49,163,145,.34),transparent 74%);filter:blur(40px);pointer-events:none;z-index:-1}
.fmplay{display:block;width:100%;padding:0;border:0;background:#0B1620;cursor:pointer;position:relative;line-height:0}
.fmplay img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.22,.9,.3,1),filter .4s}
.fmplay:hover img{transform:scale(1.02);filter:brightness(1.05)}
.fmplay::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,25,36,.05),rgba(13,25,36,.32));pointer-events:none}
.fmbtn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;
 width:96px;height:96px;border-radius:50%;background:var(--grad);color:#0D1924;
 display:flex;align-items:center;justify-content:center;box-shadow:0 18px 50px rgba(49,163,145,.5);
 transition:transform .3s cubic-bezier(.22,.9,.3,1),box-shadow .3s}
.fmplay:hover .fmbtn{transform:translate(-50%,-50%) scale(1.07);box-shadow:0 22px 62px rgba(49,163,145,.62)}
.fmplay:focus-visible{outline:3px solid var(--c-mint);outline-offset:3px}
.fmbtn::before{content:'';position:absolute;inset:-14px;border-radius:50%;border:1.5px solid rgba(121,195,182,.45);animation:fmpulse 2.6s ease-out infinite}
@keyframes fmpulse{0%{transform:scale(.9);opacity:.8}70%{transform:scale(1.25);opacity:0}100%{opacity:0}}
.fmmeta{position:absolute;left:22px;bottom:20px;z-index:3;display:flex;gap:9px;align-items:center}
.fmchip{font-family:var(--pop);font-weight:600;font-size:10px;letter-spacing:.15em;background:rgba(13,25,36,.8);
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#9FD3C6;border:1px solid rgba(121,195,182,.26);border-radius:99px;padding:7px 15px}
.fmlen{position:absolute;right:22px;bottom:20px;z-index:3;font-family:var(--pop);font-weight:600;font-size:12px;
 letter-spacing:.1em;color:#E9F2F3;background:rgba(13,25,36,.8);border-radius:8px;padding:6px 12px}
.fmstage video{width:100%;height:auto;display:block;background:#0B1620}
.fmnote{text-align:center;margin-top:26px;font-size:13.5px;font-weight:600;color:#7A97A1}
.fmnote a{color:#79C3B6}
@media(prefers-reduced-motion:reduce){.fmstage{opacity:1;transform:none;transition:none}.fmbtn::before{animation:none}.fmplay:hover img{transform:none}}
@media(max-width:760px){.filmsec{padding-bottom:74px}.fmbtn{width:70px;height:70px}.fmbtn svg{width:26px;height:26px}
  .fmmeta,.fmlen{bottom:12px}.fmmeta{left:12px}.fmlen{right:12px}}
/* the film on an inner page sits on the light ground */
.filmsec.onpage{background:linear-gradient(180deg,#101E2C,#0D1924);padding:86px 0 96px;border-top:1px solid rgba(121,195,182,.12)}

/* ============================================================
   ROUND 16 — one scroll, one stop
   ============================================================ */
html.rd-step #trk{height:100vh}
html.rd-step #csScene #csTrack{height:100vh}
html.rd-step #fill{transition:height .6s cubic-bezier(.22,.9,.3,1)}

/* ---------- client wall: two lanes drifting through, nothing repeats on screen ---------- */
.cwall{padding:92px 0 90px}
.cwgrid{display:none}
.cwlanes{position:relative;z-index:2;display:grid;gap:18px;margin-top:6px;padding:14px 0 18px;
 -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);
 mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.cwlane{overflow:visible;transform:translate3d(var(--px,0px),0,0);will-change:transform}
.cwtrack{display:flex;gap:18px;width:max-content;animation:cwdrift var(--dur,70s) linear infinite}
.cwlane.la{--dur:74s}
.cwlane.lb{--dur:88s;margin-left:-124px}
.cwlane.lb .cwtrack{animation-direction:reverse}
.cwlanes:hover .cwtrack{animation-play-state:paused}
@keyframes cwdrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.cwlanes .cwp{flex:0 0 228px;min-height:118px;padding:18px 16px 12px;opacity:1;transform:none;
 animation:cwbob 6.4s ease-in-out infinite;animation-delay:calc(var(--b) * -0.73s);transition:box-shadow .25s}
.cwlanes .cwp:hover{box-shadow:0 22px 48px rgba(0,0,0,.46)}
.cwlane.lb .cwp{flex-basis:214px;min-height:110px}
@keyframes cwbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.cwlanes .cwmk{height:52px}
.cwlanes .cwmk img{max-height:52px}
.cwlanes.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,.9,.3,1)}
.cwlanes.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.cwtrack,.cwlanes .cwp{animation:none}.cwlanes{overflow-x:auto}}
@media(max-width:760px){.cwlanes .cwp{flex-basis:176px;min-height:96px;padding:14px 12px 10px}.cwlane.lb .cwp{flex-basis:168px}
  .cwlanes .cwmk{height:40px}.cwlanes .cwmk img{max-height:40px}.cwtrack,.cwlanes{gap:12px}}

/* ---------- industries: ten tabs on one line, then "+ more" ---------- */
:root{--c-plum:#A86BC4;--c-leaf:#6E9F45;--c-sea:#2A9DB3;--c-fire:#D0493F}
.ipanel.n7,.itab.n7{--n:var(--c-plum)}
.ipanel.n8,.itab.n8{--n:var(--c-leaf)}
.ipanel.n9,.itab.n9{--n:var(--c-sea)}
.ipanel.n10,.itab.n10{--n:var(--c-fire)}
.inds[data-n="n7"]{--n:var(--c-plum)}
.inds[data-n="n8"]{--n:var(--c-leaf)}
.inds[data-n="n9"]{--n:var(--c-sea)}
.inds[data-n="n10"]{--n:var(--c-fire)}
.itabs{flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px 2px 10px;margin-left:-2px;margin-right:-2px}
.itabs::-webkit-scrollbar{display:none}
.itab{flex:none;font-size:13.5px;padding:10px 12px;white-space:nowrap}
.imore{flex:none;display:inline-flex;align-items:center;font-family:var(--pop);font-weight:600;font-size:13.5px;white-space:nowrap;
 padding:10px 13px;border-radius:99px;border:1.5px dashed color-mix(in srgb,var(--n) 55%,#C9D2D7);color:color-mix(in srgb,var(--n) 70%,#101E2C);
 background:rgba(255,255,255,.55);text-decoration:none;transition:all .22s}
.imore:hover{background:#fff;border-style:solid}
@media(max-width:1140px){.itabs{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)}}
/* a panel with no client logo shows its receipt instead */
.mo.moshot{padding:6px;min-width:0;width:92%;max-width:92%;border-radius:12px}
.mo.moshot img{max-height:none;max-width:100%;width:100%;height:auto;border-radius:8px}

.mos[data-n="1"] .mo:not(.moshot){padding:28px 40px}
.mos[data-n="1"] .mo:not(.moshot) img{max-height:96px;max-width:260px}

/* ---------- how we work: one highlight that glides, tethered to the pipe ---------- */
.steps4{position:relative}
.stp{position:relative;z-index:1;border-color:transparent!important;background:transparent!important;box-shadow:none!important;
 transition:opacity .5s ease var(--rd,0s),transform .55s ease var(--rd,0s),color .2s}
.steps4.in .stp:nth-of-type(2){--rd:.35s}
.steps4.in .stp:nth-of-type(3){--rd:.7s}
.steps4.in .stp:nth-of-type(4){--rd:1.05s}
.steps4.in .stp:nth-child(n){transition-delay:0s,0s,0s}
.steps4.in .stp:nth-of-type(n){transition:opacity .5s ease var(--rd,0s),transform .55s ease var(--rd,0s),color .2s}
.stp.live{transform:none}
.stp.live b{color:var(--tdeep)}
.hwglide{position:absolute;left:0;top:0;width:0;height:0;z-index:0;border-radius:18px;background:#fff;
 border:1.5px solid rgba(45,170,147,.42);box-shadow:0 16px 36px rgba(13,25,36,.10);opacity:0;pointer-events:none;
 transition:transform .34s cubic-bezier(.22,.9,.3,1),width .34s cubic-bezier(.22,.9,.3,1),height .34s,opacity .2s ease}
.hwglide.on{opacity:1}
.hwglide::before{content:'';position:absolute;left:50%;bottom:100%;width:2px;height:31px;transform:translateX(-50%);
 background:linear-gradient(180deg,rgba(45,170,147,0),rgba(45,170,147,.75))}
.hwglide::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;border-radius:18px 18px 0 0;background:var(--grad)}
@media(max-width:880px){.hwglide{display:none}}
@media(prefers-reduced-motion:reduce){.hwglide{transition:none}}

/* ============================================================
   CALLS TO ACTION — a dock that follows, rows between sections
   ============================================================ */
.ctadock{position:fixed;right:22px;bottom:22px;z-index:85;display:flex;align-items:center;gap:8px;padding:7px;
 background:rgba(13,25,36,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
 border:1px solid rgba(121,195,182,.26);border-radius:99px;box-shadow:0 22px 54px rgba(0,0,0,.42);
 opacity:0;transform:translateY(24px) scale(.96);pointer-events:none;
 transition:opacity .35s ease,transform .45s cubic-bezier(.22,.9,.3,1),bottom .35s ease}
.ctadock.show{opacity:1;transform:none;pointer-events:auto}
.ctadock.lift{bottom:118px}
.dk-main{display:inline-flex;align-items:center;gap:9px;font-family:var(--pop);font-weight:600;font-size:14px;color:#0D1924;
 background:var(--grad);border-radius:99px;padding:12px 20px;text-decoration:none;box-shadow:0 8px 24px rgba(49,163,145,.35);transition:filter .2s,transform .2s}
.dk-main:hover{filter:brightness(1.07)}
.dk-main svg{transition:transform .25s}
.dk-main:hover svg{transform:translateX(3px)}
.dk-ic{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;
 color:#E9F2F3;border:1px solid rgba(255,255,255,.16);transition:all .2s;text-decoration:none}
.dk-wa:hover{background:#25D366;border-color:transparent;color:#fff}
.dk-call:hover{background:var(--c-sky);border-color:transparent;color:#fff}
.dk-main:focus-visible,.dk-ic:focus-visible{outline:2px solid #79C3B6;outline-offset:3px}
@media(max-width:640px){
  .ctadock{left:12px;right:12px;bottom:12px;justify-content:space-between;border-radius:22px}
  .ctadock.lift{bottom:12px;opacity:0;pointer-events:none}
  .dk-main{flex:1;justify-content:center}
}
@media print{.ctadock{display:none}}

/* rows between homepage sections */
.ctarow{display:flex;align-items:center;justify-content:space-between;gap:20px 28px;flex-wrap:wrap;margin-top:40px;
 padding:22px 26px;border-radius:20px;background:#fff;border:1px solid var(--hair);box-shadow:0 12px 30px rgba(13,25,36,.06)}
.ctarow p{font-family:var(--pop);font-weight:600;font-size:16.5px;color:var(--ink);line-height:1.4;max-width:560px}
.ctarow .btns{gap:10px}
.ctarow .bt.ghost{color:var(--tink);border-color:var(--hair);background:#fff}
.ctarow .bt.ghost:hover{border-color:var(--c-mint)}
.ctarow.dark{background:rgba(16,30,44,.72);border-color:rgba(121,195,182,.22);box-shadow:none;max-width:980px;margin-left:auto;margin-right:auto}
.ctarow.dark p{color:#E9F2F3}
.ctarow.dark .bt.ghost{color:#E9F2F3;border-color:rgba(255,255,255,.28);background:transparent}
.ctarow.left{background:none;border:0;box-shadow:none;padding:0;margin-top:28px;justify-content:flex-start}
.inds .ctarow{background:rgba(255,255,255,.82)}
.pbtns{display:flex;gap:10px;flex-wrap:wrap}
.pband .bt.ghost{color:#E9F2F3;border-color:rgba(255,255,255,.3);background:transparent;box-shadow:none}
.hwctas{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:34px}
.hwctas .hwlink{margin:0;display:inline}
.repctas{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.repctas .bt{background:linear-gradient(120deg,#FF4500,#FF7A45);color:#fff;box-shadow:0 8px 24px rgba(255,69,0,.28)}
.repctas .replink{margin:0}
@media(max-width:700px){.ctarow{padding:18px}.ctarow p{font-size:15.5px}}

/* the strip on inner pages */
.ctastrip{background:linear-gradient(120deg,color-mix(in srgb,var(--sc) 12%,#fff),#fff 70%);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);padding:30px 0}
.cswrap{display:flex;align-items:center;justify-content:space-between;gap:18px 30px;flex-wrap:wrap}
.cswrap p{font-size:16px;font-weight:600;color:var(--muted);max-width:640px;line-height:1.5}
.cswrap p b{display:block;font-family:var(--pop);font-weight:700;font-size:20px;color:var(--ink);letter-spacing:-.01em;margin-bottom:2px}
.ctastrip .bt{background:var(--sc);color:#fff;box-shadow:0 8px 22px color-mix(in srgb,var(--sc) 30%,transparent)}
.ctastrip .bt.ghost{background:#fff;color:var(--ink);border:1.5px solid var(--hair);box-shadow:none}
.ctastrip .bt.ghost:hover{border-color:var(--sc)}

.csltop{justify-content:flex-end}