/* Layout: Clay-style studio site. White canvas, oversized grotesk type, big visual tiles, dark showcase bands; Jaipur pink-city and sandstone tints carry the work tiles. Single committed light look. */
:root{
  color-scheme:light;
  --bg:#FFFFFF; --ink:#0A0D0F; --ink-2:#5E666C; --ink-3:#8C9499; --line:#E7EAEC; --soft:#F4F6F7;
  --night:#0B1114; --night-2:#141C20; --night-ink:#F2F6F7; --night-mute:#93A2A8; --night-line:#223035;
  --cyan:#00B4CC; --cyan-deep:#007F91; --cyan-pale:#DDF4F7;
  --pink:#F3DCD8; --sand:#EFE7DA; --teal:#0F3A41; --lilac:#E3E1F3;
  --f:"Geist","Inter","Helvetica Neue",Arial,system-ui,sans-serif;
  --serif:"Instrument Serif","Times New Roman",Georgia,serif;
  --ease:cubic-bezier(.16,1,.3,1);
  --gx:max(20px,env(safe-area-inset-left,0px)); --gxr:max(20px,env(safe-area-inset-right,0px));
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.55 var(--f);-webkit-font-smoothing:antialiased;letter-spacing:-.005em;overflow-x:hidden;overflow-x:clip;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:90;background:var(--bg)}
::selection{background:var(--cyan);color:#fff}
a{color:inherit}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.04em;line-height:1;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
.wrap{max-width:1440px;margin-inline:auto;padding-left:max(clamp(20px,4vw,56px),env(safe-area-inset-left,0px));padding-right:max(clamp(20px,4vw,56px),env(safe-area-inset-right,0px))}
.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.01em}
.mute{color:var(--ink-2)}
.skip{position:absolute;left:12px;top:-80px;z-index:200;background:var(--ink);color:#fff;padding:10px 16px;border-radius:999px;text-decoration:none}
.skip:focus{top:12px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}}

/* ---------- Header (Clay-style) ---------- */
:root{--hh:78px}
.hdr{position:fixed;left:0;right:0;top:0;z-index:80;padding-top:env(safe-area-inset-top,0px);background:rgba(240,240,242,.72);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);transition:background-color .35s,box-shadow .35s}
.hdr.scrolled{background:rgba(246,246,247,.86);box-shadow:0 1px 0 rgba(10,13,15,.06)}
.hdr-row{display:flex;align-items:center;gap:20px;height:var(--hh)}
main{padding-top:calc(var(--hh) + env(safe-area-inset-top,0px))}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex:none;margin-right:auto}
.logo img{width:50px;height:auto}
.logo b{font-weight:700;font-size:24px;letter-spacing:-.01em;line-height:1}
.logo small{display:block;font-size:9px;font-weight:500;letter-spacing:.62em;color:var(--ink-2);margin-top:3px;padding-left:2px}
.nav{display:flex;align-items:center;gap:6px}
.nav>a,.dd-btn{text-decoration:none;font:500 17px/1 var(--f);letter-spacing:-.01em;color:var(--ink);padding:12px 14px;border-radius:10px;white-space:nowrap;background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;position:relative;transition:color .2s}
.nav>a::after,.dd-btn::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.nav>a:hover::after,.nav>a[aria-current="page"]::after,.dd:hover .dd-btn::after,.dd-btn[aria-current="page"]::after{transform:scaleX(1)}
.dd-btn::after{right:34px}
.dd-btn svg{width:12px;height:12px;color:var(--ink-3);transition:transform .3s var(--ease)}
.dd{position:relative}
.dd.open .dd-btn svg{transform:rotate(180deg)}
.dd-panel{position:absolute;top:calc(100% + 10px);left:-8px;width:290px;background:#fff;border-radius:18px;padding:10px;box-shadow:0 2px 6px rgba(10,13,15,.06),0 24px 48px -16px rgba(10,13,15,.22);display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s}
.dd.open .dd-panel{opacity:1;visibility:visible;transform:none;transition:opacity .25s,transform .35s var(--ease)}
.dd-panel a{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;text-decoration:none;padding:10px;border-radius:12px;transition:background-color .2s}
.dd-panel a:hover,.dd-panel a:focus-visible{background:var(--soft)}
.dd-panel a i{width:36px;height:36px;border-radius:10px;display:block}
.dd-panel a b{display:block;font-weight:500;font-size:16px;letter-spacing:-.01em}
.dd-panel a small{display:block;font-size:13px;color:var(--ink-2);margin-top:2px}
.dd-panel hr{border:0;border-top:1px solid var(--line);margin:6px 4px}
.talk{display:inline-flex;align-items:center;background:var(--ink);color:#fff;text-decoration:none;font:600 17px/1 var(--f);letter-spacing:-.01em;padding:0 22px;height:50px;border-radius:16px;flex:none;margin-left:10px;transition:background-color .25s,transform .25s var(--ease)}
.talk:hover{background:#2A3136}
.talk:active{transform:scale(.97)}
.talk[aria-current="page"]{background:var(--cyan-deep)}
.menu-btn{display:none;align-items:center;gap:10px;background:var(--ink);color:#fff;border:0;border-radius:16px;padding:0 20px;height:48px;font:600 16px var(--f);cursor:pointer}
.menu-btn span.l{display:grid;gap:5px}
.menu-btn span.l i{display:block;width:18px;height:1.5px;background:#fff;border-radius:2px}
.menu-btn{display:none!important}
@media (max-width:1240px){.nav>a,.dd-btn{font-size:16px;padding:12px 10px}.nav>a::after,.dd-btn::after{left:10px;right:10px}.dd-btn::after{right:28px}}
@media (max-width:1080px){.nav{gap:0}.nav>a,.dd-btn{font-size:15px;padding:10px 8px}.nav>a::after,.dd-btn::after{left:8px;right:8px}.dd-btn::after{right:24px}.talk{height:44px;padding:0 16px;font-size:15px;border-radius:14px;margin-left:4px}.logo b{font-size:21px}.logo img{width:44px}}
@media (max-width:940px){
  :root{--hh:112px}
  .hdr-row{flex-wrap:wrap;height:auto;row-gap:2px;padding-top:10px}
  .logo{height:50px}
  .nav{order:3;flex:1 0 100%;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:-6px;padding-bottom:6px}
  .nav::-webkit-scrollbar{display:none}
  .nav>a,.dd-btn{font-size:15px;padding:12px 10px}
  .dd-panel{position:fixed;top:calc(var(--hh) + env(safe-area-inset-top,0px) + 6px);left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));width:auto}
}
@media (max-width:600px){.logo b{font-size:20px}.logo img{width:40px}.talk{height:42px;padding:0 16px}}
[id]{scroll-margin-top:calc(var(--hh) + 24px)}

/* ---------- Showreel ---------- */
.reel{position:relative;width:100%;height:min(calc(100vh - 0px),56.25vw);min-height:520px;overflow:hidden;container-type:size;background:var(--night);margin-top:calc(-1 * (var(--hh) + env(safe-area-inset-top,0px)));isolation:isolate}
.reel.fine{cursor:none}
.rs{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:3cqw;padding:calc(var(--hh) + 4cqh) 6cqw 15cqh;opacity:0;visibility:hidden;transition:opacity .8s var(--ease),visibility 0s .8s}
.rs.on{opacity:1;visibility:visible;transition:opacity .8s var(--ease)}
.rs .a{opacity:0;transform:translateY(5cqh);transition:opacity .4s,transform .4s}
.rs.on .a{opacity:1;transform:none;transition:opacity 1s var(--ease) var(--d,0s),transform 1.2s var(--ease) var(--d,0s)}
.rs-cap{display:grid;gap:2.4cqh;align-content:center;min-width:0}
.rs-k{display:flex;align-items:center;gap:12px;font-size:clamp(13px,1.15cqw,17px);font-weight:500}
.rs-k span{height:2.1em;padding:0 .9em;border-radius:999px;display:inline-flex;align-items:center;background:rgba(10,13,15,.08)}
.rs-cap .rs-h{font-size:min(6.4cqw,11cqh);letter-spacing:-.055em;line-height:.92;font-weight:600}
.rs-cap p{font-size:clamp(15px,1.45cqw,22px);max-width:30ch;opacity:.75;line-height:1.4}
.rs-v{position:relative;height:100%;min-height:0;display:grid;place-items:center;font-size:min(1.05cqw,1.8cqh)}
.rs-v .z{display:grid;place-items:center;position:relative}
.rs.on .rs-v .z{animation:kb 5.5s linear both}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.06)}}
.rs-v .side{position:absolute}
.rs-dark{color:#fff}.rs-dark .rs-k span{background:rgba(255,255,255,.12)}
.rs-win{grid-template-columns:1fr;justify-items:center;text-align:center;align-content:center}
.rs-win .rs-h{font-size:min(10cqw,17cqh);letter-spacing:-.065em;line-height:.88;font-weight:600}
.rs-win .rs-h .serif{color:var(--cyan)}
.flow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4cqh}
.flow span{display:inline-flex;align-items:center;height:2.6em;padding:0 1.1em;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.75);font-size:clamp(13px,1.2cqw,18px);opacity:.35;transition:all .5s var(--ease)}
.rs.on .flow span{opacity:1;transition-delay:var(--d)}
.flow span.last{background:var(--cyan);color:#04191C;border-color:var(--cyan)}
.flow em{font-style:normal;color:rgba(255,255,255,.4);align-self:center}
.rs-win img{width:min(7.5cqw,76px);height:auto;box-sizing:content-box;padding:min(1.6cqw,16px) min(1.8cqw,18px);background:#fff;border-radius:min(2.2cqw,22px);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 40px -16px rgba(0,180,204,.45);margin-bottom:3cqh}
/* search mock */
.sr{width:44em;padding:1.6em}
.sr-bar{display:flex;gap:1em;align-items:center;border:1px solid #D9DEE1;border-radius:3em;padding:1em 1.4em;font-size:1.4em}
.sr-bar svg{width:1.2em;height:1.2em;color:#5E666C;flex:none}
.sr-bar .ty{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid #007F91;max-width:0;animation:none}
.rs.on .sr-bar .ty{animation:type 1.6s steps(30) .6s forwards,caret .8s step-end infinite}
@keyframes type{to{max-width:24em}}
@keyframes caret{50%{border-color:transparent}}
.sr-res{display:grid;gap:.6em;margin-top:1.3em}
.sr-row{display:grid;grid-template-columns:3.6em 1fr auto;gap:1em;align-items:center;padding:.9em;border-radius:1em;font-size:1.2em}
.sr-row i{width:3.6em;height:3.6em;border-radius:.8em;background:#E4EAED;display:block}
.sr-row b{display:block;font-size:1.1em}
.sr-row small{color:#5E666C}
.sr-row.hit{background:#E9F8FA;outline:2px solid #00B4CC}
.sr-row.hit i{background:linear-gradient(135deg,#F3DCD8,#EFE7DA)}
.sr-row .pin{font-size:.9em;font-weight:600;color:#007F91}
.sr-row .g1{height:.7em;width:12em;background:#E4EAED;border-radius:1em;display:block;margin-bottom:.4em}
.sr-row .g2{height:.6em;width:8em;background:#EEF1F3;border-radius:1em;display:block}
/* reel UI */
.reel-ui{position:absolute;left:6cqw;right:6cqw;bottom:4cqh;z-index:5;display:flex;gap:14px;align-items:flex-end}
.segs{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.seg{background:none;border:0;padding:8px 0 0;cursor:pointer;text-align:left;font:500 clamp(11px,1cqw,14px)/1 var(--f);color:inherit;opacity:.6;display:grid;gap:9px;transition:opacity .3s}
.seg:hover,.seg.on{opacity:1}
.seg .bar{height:3px;border-radius:3px;background:rgba(127,127,127,.32);overflow:hidden;display:block}
.seg .bar i{display:block;height:100%;width:0;background:currentColor;border-radius:3px}
.seg .lb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rbtn{width:48px;height:48px;border-radius:50%;border:0;background:var(--ink);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.rbtn svg{width:16px;height:16px}
.reel-ui.dark .rbtn{background:#fff;color:var(--ink)}
.reel-ui{color:var(--ink)}.reel-ui.dark{color:#fff}
.reel-close{position:absolute;top:calc(20px + env(safe-area-inset-top,0px));right:max(20px,env(safe-area-inset-right,0px));z-index:6;background:#fff;color:var(--ink);border:0;border-radius:14px;height:46px;padding:0 18px;font:600 15px var(--f);cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.reel.theater{position:fixed;inset:0;z-index:160;height:100%;min-height:0;margin:0}
.reel.theater .rs{padding-top:calc(5cqh + 40px)}
.reel-cur{position:fixed;left:0;top:0;z-index:170;pointer-events:none;background:var(--ink);color:#fff;font:500 17px/1 var(--f);padding:13px 15px;transform:translate(-50%,-50%) scale(.6);opacity:0;transition:opacity .25s,transform .35s var(--ease);white-space:nowrap}
.reel-cur.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.reel-intro{padding-top:clamp(56px,7vw,110px)}
@media (max-width:760px){
  .reel{height:auto;aspect-ratio:3/4.3;min-height:0;container-type:size}
  .rs{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);padding:calc(var(--hh) + 4cqh) 6cqw 15cqh;gap:3cqh;align-items:start}
  .rs-cap{gap:1.6cqh}
  .rs-cap .rs-h{font-size:11cqw}
  .rs-cap p{font-size:15px}
  .rs-v{font-size:min(2.1cqw,1.5cqh)!important}
  .rs-v[data-s="insta"]{font-size:min(2.6cqw,1.05cqh)!important}
  .rs-v[data-s="browser"]{font-size:min(1.55cqw,1.5cqh)!important}
  .segs{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
  .seg .lb{display:none}
  .rbtn{width:42px;height:42px}
  .rs-win .rs-h{font-size:15cqw}
}

/* Overlay menu */
.ov{position:fixed;inset:0;z-index:100;background:var(--night);color:var(--night-ink);display:flex;flex-direction:column;padding:calc(18px + env(safe-area-inset-top,0px)) var(--gxr) calc(28px + env(safe-area-inset-bottom,0px)) var(--gx);overscroll-behavior:contain;overflow-y:auto;animation:ovIn .5s var(--ease)}
@keyframes ovIn{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
.ov-top{display:flex;justify-content:space-between;align-items:center;height:52px}
.ov-top .logo b{color:#fff}.ov-top .logo small{color:var(--night-mute)}
.ov .logo img{filter:brightness(0) invert(1)}
.close{background:#fff;color:var(--ink);border:0;border-radius:999px;height:46px;padding:0 20px;font:500 15px var(--f);cursor:pointer}
.ov nav{display:grid;margin-top:auto;padding-block:40px}
.ov nav a{text-decoration:none;font-size:clamp(2.4rem,10vw,4.5rem);font-weight:600;letter-spacing:-.045em;line-height:1.08;color:var(--night-mute);display:flex;align-items:baseline;gap:14px;transition:color .2s}
.ov nav a sup{font-size:.85rem;letter-spacing:0;font-weight:500;color:var(--cyan)}
.ov nav a:hover,.ov nav a[aria-current="page"]{color:#fff}
.ov-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--night-mute);font-size:15px;border-top:1px solid var(--night-line);padding-top:20px}

/* ---------- Buttons & small parts ---------- */
.btn{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:500 16px/1 var(--f);border-radius:999px;padding:7px 7px 7px 24px;min-height:52px;border:0;cursor:pointer;transition:background-color .25s,color .25s}
.btn i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transition:transform .45s var(--ease)}
.btn i svg{width:16px;height:16px}
.btn:hover i{transform:rotate(45deg)}
.btn-dark{background:var(--ink);color:#fff}.btn-dark i{background:#fff;color:var(--ink)}
.btn-dark:hover{background:var(--cyan-deep)}
.btn-light{background:#fff;color:var(--ink)}.btn-light i{background:var(--ink);color:#fff}
.btn-cyan{background:var(--cyan);color:#04191C}.btn-cyan i{background:#04191C;color:#fff}
.btn-cyan:hover{background:#fff}
.link{display:inline-flex;align-items:center;gap:8px;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.link svg{width:14px;height:14px;transition:transform .35s var(--ease)}
.link:hover svg{transform:translate(2px,-2px)}
.tag{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink-2);white-space:nowrap}
.tag.dark{border-color:var(--night-line);color:var(--night-mute)}
.tag.fill{background:var(--ink);color:#fff;border-color:var(--ink)}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);display:inline-block;flex:none}

/* ---------- Sections ---------- */
.sec{padding-block:clamp(72px,10vw,160px)}
.sec-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:24px 48px;align-items:end;margin-bottom:clamp(36px,5vw,72px)}
.sec-top h2{font-size:clamp(2.4rem,1.2rem + 4.6vw,5.6rem)}
.sec-top p{max-width:36ch;color:var(--ink-2);font-size:18px}
@media (max-width:820px){.sec-top{grid-template-columns:1fr}}
.night{background:var(--night);color:var(--night-ink)}
.night .mute,.night .sec-top p{color:var(--night-mute)}
.rv{transition:opacity .9s var(--ease),transform .9s var(--ease)}
.rv.pre{opacity:0;transform:translateY(36px)}

/* ---------- Hero ---------- */
.hero{padding-top:clamp(40px,6vw,96px)}
.hero h1{font-size:clamp(3.1rem,1rem + 8.4vw,9.4rem);letter-spacing:-.055em;line-height:.92;font-weight:600}
.hero h1 .serif{letter-spacing:-.03em}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero h1 .ln>span{display:inline-block;animation:rise 1.1s var(--ease) both}
.hero h1 .ln:nth-child(2)>span{animation-delay:.08s}.hero h1 .ln:nth-child(3)>span{animation-delay:.16s}
@keyframes rise{from{transform:translateY(105%)}to{transform:none}}
.hero-bot{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:clamp(32px,4vw,56px);align-items:end}
.hero-bot p{font-size:clamp(18px,1.1rem + .3vw,22px);max-width:34ch;color:var(--ink-2)}
.hero-bot p b{color:var(--ink);font-weight:500}
.hero-bot .acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:760px){.hero-bot{grid-template-columns:1fr}.hero-bot .acts{justify-content:flex-start}}

/* Stage (showreel) */
.stage{margin-top:clamp(40px,5vw,72px);border-radius:clamp(18px,2vw,32px);background:var(--night);overflow:hidden;position:relative;aspect-ratio:16/8.2;container-type:inline-size;isolation:isolate}
.stage .grid{position:absolute;inset:0;background-image:linear-gradient(var(--night-line) 1px,transparent 1px),linear-gradient(90deg,var(--night-line) 1px,transparent 1px);background-size:6cqw 6cqw;mask-image:radial-gradient(ellipse 70% 70% at 50% 60%,#000 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 60%,#000 30%,transparent 80%);opacity:.7}
.stage .glow{position:absolute;width:60cqw;height:60cqw;left:20cqw;top:8cqw;border-radius:50%;background:radial-gradient(circle,rgba(0,180,204,.32),transparent 62%);filter:blur(10px)}
.stage svg.arc{position:absolute;inset:0;width:100%;height:100%}
.arc path.base{stroke:rgba(0,180,204,.25)}
.arc path.run{stroke:var(--cyan);stroke-dasharray:1600;stroke-dashoffset:1600;animation:drawp 2.6s .5s var(--ease) forwards}
@keyframes drawp{to{stroke-dashoffset:0}}
.scene{position:absolute;inset:0;font-size:calc(100cqw/120)}
.fl{position:absolute;will-change:transform;transition:transform .8s var(--ease)}
.bob{animation:bob 7s ease-in-out infinite}
.bob2{animation:bob 8s -3s ease-in-out infinite}
.bob3{animation:bob 6.5s -1.5s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-1.2em)}}
.stage-cap{position:absolute;left:3cqw;bottom:2.6cqw;display:flex;align-items:center;gap:12px;color:var(--night-ink);font-size:clamp(12px,1.2cqw,15px);z-index:2}
.stage-cap .tag{border-color:rgba(255,255,255,.18);color:var(--night-ink);background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
.stage-step{position:absolute;right:3cqw;bottom:2.6cqw;display:flex;gap:6px;z-index:2}
.stage-step span{height:30px;padding:0 12px;border-radius:999px;font-size:clamp(11px,1.1cqw,14px);display:inline-flex;align-items:center;color:var(--night-mute);border:1px solid rgba(255,255,255,.14);transition:all .4s}
.stage-step span.on{background:var(--cyan);color:#04191C;border-color:var(--cyan)}
@media (max-width:700px){.stage{aspect-ratio:4/5}.stage>.scene{font-size:calc(100cqw/58)}.stage .hide-m{display:none}.stage .fl:nth-child(1){left:4%!important;top:6%!important}.stage .fl:nth-child(2){left:34%!important;top:30%!important}}

/* ---------- Mockups (em-based, scale with container) ---------- */
.mk{font-family:var(--f);color:#14191C;letter-spacing:0;line-height:1.3}
.mk-card{background:#fff;border-radius:1.4em;box-shadow:0 .4em 1em rgba(0,0,0,.14),0 2.4em 5em -1.6em rgba(0,0,0,.45)}
/* google */
.g{width:30em;padding:1.8em}
.g .t{display:flex;gap:1.2em;align-items:center}
.g .gph{width:5.4em;height:5.4em;border-radius:1em;background:linear-gradient(135deg,#F3DCD8,#EFE7DA);display:grid;place-items:center;flex:none}
.g .gph svg{width:2.6em;height:2.6em;color:#0F3A41}
.g h5{margin:0;font-size:1.75em;font-weight:600;letter-spacing:-.02em}
.g .st{display:flex;align-items:center;gap:.4em;font-size:1.3em;color:#5E666C;margin-top:.25em}
.g .st b{color:#14191C}
.g .stars{color:#F2A900;letter-spacing:.05em}
.g .meta{font-size:1.25em;color:#5E666C;margin-top:1.1em;display:grid;gap:.35em}
.g .meta span{display:flex;gap:.6em;align-items:center}
.g .meta i{width:.55em;height:.55em;border-radius:50%;background:#1E9E62;display:inline-block}
.g .btns{display:flex;gap:.6em;margin-top:1.4em}
.g .btns span{font-size:1.2em;padding:.55em 1em;border-radius:2em;border:1px solid #D9DEE1;color:#007F91;font-weight:500}
.g .btns span:first-child{background:#007F91;color:#fff;border-color:#007F91}
/* phone */
.ph-frame{width:25em;background:#0A0D0F;border-radius:3.6em;padding:1em;box-shadow:0 3em 6em -2em rgba(0,0,0,.6)}
.ph-in{background:#fff;border-radius:2.7em;overflow:hidden;padding:2.2em 1.4em 1.4em}
.ig-h{display:flex;align-items:center;gap:1.1em}
.ig-a{width:5em;height:5em;border-radius:50%;padding:.25em;background:conic-gradient(#00B4CC,#F3A6B7,#F2A900,#00B4CC)}
.ig-a span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#0F3A41;color:#fff;font-weight:700;font-size:1.3em;border:.18em solid #fff}
.ig-s{display:flex;gap:1.4em;font-size:1.05em;text-align:center}
.ig-s b{display:block;font-size:1.3em}
.ig-b{font-size:1.1em;margin:1em 0 .9em}
.ig-b b{display:block}
.ig-b .lk{color:#007F91}
.ig-hl{display:flex;gap:.9em;margin-bottom:1em}
.ig-hl span{width:3.6em;height:3.6em;border-radius:50%;border:.15em solid #D9DEE1;display:grid;place-items:center;font-size:.8em;font-weight:600;color:#0F3A41;background:#F4F6F7}
.ig-g{display:grid;grid-template-columns:repeat(3,1fr);gap:.25em}
.ig-g i{aspect-ratio:1;display:grid;place-items:end start;padding:.5em;font-style:normal;font-size:.85em;font-weight:700;line-height:1.05;color:#fff}
.c1{background:#0F3A41}.c2{background:#F3DCD8;color:#0F3A41!important}.c3{background:#00B4CC}.c4{background:#EFE7DA;color:#0F3A41!important}.c5{background:#14191C}.c6{background:#C9E9EE;color:#0F3A41!important}
/* whatsapp */
.wa{width:28em;padding:1.4em;background:#F1ECE4}
.wa-h{display:flex;align-items:center;gap:.9em;padding-bottom:1em;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:1em}
.wa-h span{width:3.4em;height:3.4em;border-radius:50%;background:#0F3A41;color:#fff;display:grid;place-items:center;font-weight:700;font-size:1em}
.wa-h b{font-size:1.3em;display:block}.wa-h small{font-size:1em;color:#1E9E62}
.bub{max-width:82%;font-size:1.25em;padding:.7em .95em;border-radius:1em;margin-top:.55em;position:relative}
.bub.in{background:#fff;border-top-left-radius:.25em}
.bub.out{background:#D4F3F7;margin-left:auto;border-top-right-radius:.25em}
.bub small{display:block;text-align:right;font-size:.7em;color:#5E666C;margin-top:.2em}
/* browser */
.br{width:56em;background:#fff;border-radius:1.4em;overflow:hidden}
.br-bar{display:flex;align-items:center;gap:.6em;padding:1em 1.3em;background:#F4F6F7;border-bottom:1px solid #E7EAEC}
.br-bar i{width:.9em;height:.9em;border-radius:50%;background:#D9DEE1}
.br-bar span{margin-left:1em;flex:1;background:#fff;border-radius:2em;font-size:1.05em;padding:.35em 1em;color:#5E666C}
.br-body{display:grid;grid-template-columns:1.25fr 1fr;gap:2.4em;padding:3em}
.br-body h6{margin:0;font-size:3.6em;line-height:.98;letter-spacing:-.045em;font-weight:600}
.br-body p{font-size:1.3em;color:#5E666C;margin-top:1em}
.br-pills{display:flex;gap:.5em;margin-top:1.5em;flex-wrap:wrap}
.br-pills span{font-size:1.1em;padding:.45em .9em;border-radius:2em;background:#F3DCD8;color:#0F3A41;font-weight:500}
.br-form{background:#F4F6F7;border-radius:1.2em;padding:1.6em;display:grid;gap:.8em;align-content:start}
.br-form b{font-size:1.4em}
.br-form i{display:block;height:3em;border-radius:.7em;background:#fff;border:1px solid #E1E6E8}
.br-form u{text-decoration:none;display:grid;place-items:center;height:3.2em;border-radius:2em;background:#0A0D0F;color:#fff;font-size:1.2em;font-weight:500}
/* poster */
.po{width:26em;aspect-ratio:4/5;border-radius:1.4em;background:#0F3A41;color:#fff;padding:2.2em;display:flex;flex-direction:column;overflow:hidden;position:relative}
.po small{font-size:1.1em;letter-spacing:.2em;color:#9FE6EF;font-weight:500}
.po h6{margin:auto 0 0;font-size:4.4em;line-height:.9;letter-spacing:-.05em;font-weight:700}
.po p{font-size:1.3em;margin-top:.8em;color:#C9E9EE}
.po svg{position:absolute;right:-2em;top:1.5em;width:14em;height:14em;color:#00B4CC;opacity:.9;z-index:0}
.po>*:not(svg){position:relative;z-index:1}
.po .cta{margin-top:1.2em;display:inline-block;background:#00B4CC;color:#04191C;font-weight:600;padding:.6em 1.1em;border-radius:2em;font-size:1.15em;width:fit-content}
/* report */
.rp{width:30em;background:#FBFCFC;border-radius:.8em;padding:2.2em;box-shadow:0 2em 4em -1.5em rgba(0,0,0,.45)}
.rp-h{display:flex;justify-content:space-between;align-items:center;border-bottom:.15em solid #14191C;padding-bottom:.9em}
.rp-h b{font-size:1.3em;letter-spacing:.12em}
.rp-r{display:flex;justify-content:space-between;font-size:1.15em;padding:.6em 0;border-bottom:1px solid #E1E6E8}
.rp-r em{font-style:normal;font-weight:600;font-size:.9em;padding:.15em .6em;border-radius:2em}
.ok{background:#DDF4E8;color:#16794A}.wn{background:#FCEFD6;color:#8A5A00}.bd{background:#F9DEDB;color:#A4271D}
.rp ol{margin-top:1em;display:grid;gap:.5em;font-size:1.15em;counter-reset:r}
.rp li{counter-increment:r;display:flex;gap:.7em}
.rp li::before{content:counter(r);width:1.6em;height:1.6em;border-radius:50%;background:#14191C;color:#fff;display:grid;place-items:center;font-size:.8em;flex:none}


/* ---------- Outcomes (services list + showcase card) ---------- */
.oc{padding-block:clamp(64px,8vw,128px) clamp(40px,5vw,72px)}
.oc h1{font-size:clamp(2.6rem,1rem + 4.8vw,6rem);letter-spacing:-.055em;line-height:.98;font-weight:600}
.oc h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.oc h1 .w>span{display:inline-block}
.oc h1.go .w>span{animation:wup 1s var(--ease) both;animation-delay:calc(var(--i) * 60ms)}
@keyframes wup{from{transform:translateY(105%) rotate(4deg)}to{transform:none}}
.rot{position:relative;display:inline-grid;vertical-align:bottom;font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.14em;letter-spacing:-.03em;color:var(--cyan-deep);padding:0 .06em .12em 0;margin-bottom:-.12em;overflow:hidden}
.rot .rw{grid-area:1/1;opacity:0;transform:translateY(80%);filter:blur(6px);transition:transform .8s var(--ease),opacity .5s,filter .6s}
.rot .rw.on{opacity:1;transform:none;filter:none}
.rot .rw.out{opacity:0;transform:translateY(-70%);filter:blur(6px)}
.rot svg{position:absolute;left:0;right:0;bottom:.02em;width:100%;height:.22em;overflow:visible}
.rot svg path{fill:none;stroke:var(--cyan);stroke-width:3;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;vector-effect:non-scaling-stroke}
.rot.draw svg path{animation:swoosh 1s .25s var(--ease) forwards}
@keyframes swoosh{to{stroke-dashoffset:0}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.oc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.oc-chips span{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;background:var(--soft);font-size:14px;font-weight:500;color:var(--ink)}
.oc-chips span i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(0,180,204,.5);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 8px rgba(0,180,204,0)}100%{box-shadow:0 0 0 0 rgba(0,180,204,0)}}

.oc-sub{margin-top:18px;font-size:clamp(17px,1rem + .3vw,20px);color:var(--ink-2);max-width:56ch}
.oc-g{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(24px,3.4vw,52px);align-items:start;margin-top:clamp(32px,4vw,56px)}
.oc-list{display:grid;gap:14px}
.oc-row{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr) 46px;gap:20px;align-items:center;width:100%;padding:20px 22px;background:#fff;border:1px solid #D9DEE1;border-radius:18px;text-align:left;font:inherit;color:inherit;cursor:pointer;overflow:hidden;transition:border-color .3s,box-shadow .35s var(--ease),transform .35s var(--ease)}
.oc-row:hover{border-color:#9AA4AA}
.oc-row.on{border-color:var(--ink);box-shadow:0 1px 0 var(--ink),0 18px 36px -24px rgba(10,13,15,.35)}
.oc-row::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--cyan);transform:scaleX(var(--p,0));transform-origin:left;opacity:0;transition:opacity .3s}
.oc-row.on::after{opacity:1}
.oc-ic{width:58px;height:58px;border-radius:14px;background:var(--night);color:var(--cyan);display:grid;place-items:center;transition:transform .5s var(--ease)}
.oc-ic svg{width:24px;height:24px}
.oc-row.on .oc-ic{transform:rotate(-6deg) scale(1.04)}
.oc-row b{display:block;font-size:clamp(1.15rem,1rem + .5vw,1.45rem);font-weight:600;letter-spacing:-.025em;line-height:1.15}
.oc-row small{display:block;font-size:16px;color:var(--ink-2);margin-top:5px;line-height:1.4}
.oc-go{width:46px;height:46px;border-radius:50%;background:var(--cyan);color:#04191C;display:grid;place-items:center;transition:transform .45s var(--ease),background-color .3s}
.oc-go svg{width:18px;height:18px}
.oc-row:hover .oc-go{transform:translateX(4px)}
.oc-row.on .oc-go{background:var(--ink);color:#fff}
.oc-card{position:sticky;top:calc(var(--hh) + env(safe-area-inset-top,0px) + 24px);border-radius:24px;overflow:hidden;background:var(--night);color:#fff;box-shadow:0 40px 80px -40px rgba(10,13,15,.55)}
.oc-vis{position:relative;height:clamp(220px,20vw,280px);container-type:inline-size;overflow:hidden;transition:background-color .6s var(--ease)}
.oc-vis .scene{font-size:calc(100cqw/58);display:grid;place-items:center;padding-bottom:4%}
.oc-vis .scene>*{transition:transform 1s var(--ease),opacity .6s}
.oc-card.swap .oc-vis .scene>*{transform:translateY(8%) scale(.94);opacity:0;transition:none}
.oc-badge{position:absolute;left:20px;bottom:20px;z-index:2;background:var(--cyan);color:#04191C;border-radius:14px;padding:12px 16px 11px;display:grid;gap:3px;box-shadow:0 10px 24px -8px rgba(0,0,0,.4);transform-origin:left bottom;transition:transform .7s cubic-bezier(.34,1.56,.64,1),opacity .4s}
.oc-badge b{font-size:clamp(2rem,1.2rem + 1.6vw,2.7rem);font-weight:700;letter-spacing:-.05em;line-height:.9}
.oc-badge small{font-size:13px;font-weight:600;letter-spacing:-.005em}
.oc-card.swap .oc-badge{transform:scale(.5);opacity:0;transition:none}
.oc-body{padding:clamp(20px,2.2vw,28px);display:grid;gap:14px}
.oc-body>*{transition:opacity .7s var(--ease),transform .8s var(--ease)}
.oc-card.swap .oc-body>*{opacity:0;transform:translateY(10px);transition:none}
.oc-body h3{font-size:clamp(1.25rem,1rem + .7vw,1.6rem);letter-spacing:-.03em;line-height:1.15}
.oc-for{font-size:15px;color:var(--night-mute);margin-top:8px;line-height:1.4}
.oc-checks{display:grid;gap:10px}
.oc-checks li{display:grid;grid-template-columns:22px 1fr;gap:10px;font-size:15.5px;line-height:1.4;color:#DCE5E8}
.oc-checks svg{width:18px;height:18px;color:var(--cyan);margin-top:2px}
.oc-meas{display:grid;grid-template-columns:20px 1fr;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 16px;font-size:15px;color:var(--night-mute)}
.oc-meas b{color:#fff;font-weight:600}
.oc-meas svg{width:16px;height:16px;color:var(--cyan);margin-top:2px}
.oc-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid var(--night-line);padding-top:16px;font-size:15px}
.oc-foot a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-weight:500}
.oc-foot a svg{width:14px;height:14px}
.oc-foot span{color:var(--night-mute);font-variant-numeric:tabular-nums}
@media (max-width:980px){.oc-g{grid-template-columns:1fr}.oc-card{position:relative;top:0;order:-1}}
@media (max-width:560px){.oc-row{grid-template-columns:48px minmax(0,1fr) 38px;gap:14px;padding:16px}.oc-ic{width:48px;height:48px;border-radius:12px}.oc-go{width:38px;height:38px}.oc-row small{font-size:15px}}
/* extra mocks */
.rvw{width:40em;padding:1.6em;display:grid;gap:1em}
.rvw-i{display:grid;gap:.4em;font-size:1.2em}
.rvw-i .s{color:#F2A900;letter-spacing:.06em}
.rvw-i b{font-size:1.05em}
.rvw-r{margin-left:1.6em;padding:.8em 1em;border-radius:.9em;background:#E9F8FA;font-size:1.1em}
.rvw-r b{color:#007F91}
.ad{width:30em;padding:0;overflow:hidden}
.ad-h{display:flex;align-items:center;gap:.8em;padding:1em 1.2em;font-size:1.15em}
.ad-h span{width:2.6em;height:2.6em;border-radius:50%;background:#0F3A41;color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85em}
.ad-h small{display:block;color:#5E666C;font-size:.85em}
.ad-img{aspect-ratio:1.5;background:#0F3A41;color:#fff;padding:1.6em;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}
.ad-img h6{margin:0;font-size:3em;line-height:.9;letter-spacing:-.05em}
.ad-img p{font-size:1.15em;color:#9FE6EF;margin-top:.4em}
.ad-img svg{position:absolute;right:-1em;top:-1em;width:12em;height:12em;color:#00B4CC;opacity:.85}
.ad-cta{display:flex;justify-content:space-between;align-items:center;padding:1em 1.2em;font-size:1.2em;font-weight:600}
.ad-cta span{background:#00B4CC;color:#04191C;padding:.45em 1em;border-radius:.5em;font-size:.9em}
/* side tab */
.book{position:fixed;right:0;top:50%;z-index:75;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px 9px 18px;background:var(--ink);color:#fff;text-decoration:none;border-radius:18px 0 0 18px;box-shadow:-6px 10px 30px -10px rgba(0,0,0,.4);margin-right:env(safe-area-inset-right,0px);transition:padding .35s var(--ease),background-color .3s}
.book:hover{padding-right:14px;background:var(--cyan-deep)}
.book i{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;border:2px solid var(--cyan)}
.book i img{width:30px;height:auto}
.book span{writing-mode:vertical-rl;transform:rotate(180deg);font-weight:600;font-size:15px;letter-spacing:.01em}
@media (max-width:700px){.book{display:none}}

/* compact desktop sizing: whole section fits one screen */
@media (min-width:981px){
  .oc{padding-block:clamp(48px,5vw,80px) clamp(32px,4vw,56px)}
  .oc h1{font-size:clamp(2.4rem,1rem + 3.2vw,4.2rem)}
  .oc-sub{margin-top:12px;font-size:17px}
  .oc-chips{margin-top:16px}
  .oc-g{margin-top:28px;gap:28px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
  .oc-g{align-items:stretch}
  .oc-card{display:flex;flex-direction:column}
  .oc-card .oc-vis{flex:1 1 auto;min-height:170px;height:auto}
  .oc-list{gap:6px;align-content:start}
  .oc-row{grid-template-columns:38px minmax(0,1fr) 32px;gap:12px;padding:8px 12px;border-radius:13px}
  .oc-row::after{height:2px}
  .oc-ic{width:38px;height:38px;border-radius:10px}
  .oc-ic svg{width:19px;height:19px}
  .oc-row b{font-size:16.5px;letter-spacing:-.02em}
  .oc-row small{font-size:13.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .oc-go{width:32px;height:32px}
  .oc-go svg{width:15px;height:15px}
  .oc-card{border-radius:20px}
  .oc-vis .scene{font-size:calc(100cqw/66)}
  .oc-badge{left:14px;bottom:14px;padding:9px 12px 8px;border-radius:12px}
  .oc-badge b{font-size:1.75rem}
  .oc-badge small{font-size:12px}
  .oc-body{padding:16px 20px 16px;gap:10px}
  .oc-body h3{font-size:1.2rem}
  .oc-for{font-size:14px;margin-top:4px}
  .oc-checks{gap:6px}
  .oc-checks li{font-size:14px;grid-template-columns:20px 1fr;gap:8px}
  .oc-checks svg{width:16px;height:16px}
  .oc-meas{padding:9px 12px;font-size:13.5px;border-radius:12px}
  .oc-foot{padding-top:10px;font-size:14px}
}
/* scrollable list on desktop */
@media (min-width:981px){
  .oc-list{overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 24px 4px;margin:-4px -14px 0 -4px;scrollbar-width:thin;scrollbar-color:var(--cyan) transparent;mask-image:linear-gradient(#000 0,#000 calc(100% - 64px),transparent);-webkit-mask-image:linear-gradient(#000 0,#000 calc(100% - 64px),transparent);transition:mask-image .3s}
  .oc-list.end{mask-image:none;-webkit-mask-image:none}
  .oc-list.down{mask-image:linear-gradient(transparent,#000 48px,#000 calc(100% - 64px),transparent);-webkit-mask-image:linear-gradient(transparent,#000 48px,#000 calc(100% - 64px),transparent)}
  .oc-list.down.end{mask-image:linear-gradient(transparent,#000 48px);-webkit-mask-image:linear-gradient(transparent,#000 48px)}
  .oc-list::-webkit-scrollbar{width:6px}
  .oc-list::-webkit-scrollbar-thumb{background:var(--cyan);border-radius:6px}
  .oc-list::-webkit-scrollbar-track{background:transparent}
  .oc-card{position:relative;top:0}
}

/* ---------- Agencies vs AIMVIN ---------- */
.vx{background:#071A26;color:#fff;padding-block:clamp(64px,8vw,120px);position:relative;overflow:hidden;isolation:isolate}
.vx::before{content:"";position:absolute;width:70vw;height:70vw;left:15vw;top:-40vw;border-radius:50%;background:radial-gradient(circle,rgba(0,180,204,.16),transparent 60%);z-index:-1}
.vx-head{text-align:center;max-width:1120px;margin-inline:auto}
.vx-head h2{font-size:clamp(1.9rem,1rem + 2.5vw,3.3rem);letter-spacing:-.045em;line-height:1.05;font-weight:600}
.vx-head h2 span{display:block}
.vx-head h2 .l2{color:var(--cyan);background:linear-gradient(90deg,#00B4CC,#5FE3F2,#00B4CC);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:sheen 6s linear infinite}
@keyframes sheen{to{background-position:-200% 0}}
.vx-head p{margin:20px auto 0;max-width:62ch;color:#B6C6CD;font-size:clamp(16px,1rem + .2vw,18px);line-height:1.6}
.vx-card{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);max-width:1000px;margin:clamp(36px,5vw,56px) auto 0;border-radius:22px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.08)}
.vx-l{background:#0D2D40;padding:clamp(24px,3vw,36px)}
.vx-r{background:#fff;color:var(--ink);padding:clamp(24px,3vw,36px) clamp(24px,3vw,36px) clamp(24px,3vw,36px) clamp(40px,4.4vw,60px)}
.vx h3{font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:20px}
.vx-l h3{color:#C9D7DD}
.vx ul{display:grid;gap:13px}
.vx li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:15.5px;line-height:1.45}
.vx-l li{color:#D3DEE3}
.vx-r li{color:#3A454C}
.vx-r li b{color:var(--ink);font-weight:600}
.vx-ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-top:1px}
.vx-ic svg{width:12px;height:12px}
.vx-ic.no{background:rgba(232,90,79,.18);color:#FF8A80}
.vx-ic.yes{background:#DDF4E8;color:#16794A}
.vx-t{background:linear-gradient(#FF8A80,#FF8A80) no-repeat 0 58%/0% 1.5px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.vx-vs{position:absolute;left:42.5%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:var(--cyan);color:#04191C;display:grid;place-items:center;font-weight:700;font-size:15px;box-shadow:0 0 0 6px #071A26,0 10px 24px rgba(0,0,0,.4);z-index:2}
.vx.go .vx-t{animation:strike .5s var(--ease) forwards;animation-delay:calc(.5s + var(--i) * .28s)}
@keyframes strike{to{background-size:100% 1.5px}}
.vx.go .vx-l li{animation:dim .6s forwards;animation-delay:calc(.6s + var(--i) * .28s)}
@keyframes dim{to{opacity:.55}}
.vx.go .vx-r li{animation:tickIn .7s var(--ease) both;animation-delay:calc(1.2s + var(--i) * .16s)}
.vx.go .vx-r .vx-ic{animation:pop .6s cubic-bezier(.34,1.56,.64,1) both;animation-delay:calc(1.25s + var(--i) * .16s)}
@keyframes tickIn{from{opacity:.25;transform:translateX(10px)}to{opacity:1;transform:none}}
@keyframes pop{from{transform:scale(.3);background:#fff}to{transform:none}}
.vx.go .vx-vs{animation:vsPop .7s .3s cubic-bezier(.34,1.56,.64,1) both}
@keyframes vsPop{from{transform:translate(-50%,-50%) scale(.3) rotate(-30deg)}to{transform:translate(-50%,-50%)}}
@media (max-width:820px){.vx-card{grid-template-columns:1fr}.vx-vs{display:none}}

/* compact: whole comparison fits one screen */
.vx{padding-block:clamp(32px,3.4vw,48px)}
.vx-head{max-width:760px}
.vx-head h2{font-size:clamp(1.6rem,1rem + 1.3vw,2.3rem);letter-spacing:-.035em;line-height:1.15}
.vx-head p{margin-top:10px;font-size:15px;line-height:1.5;max-width:66ch}
.vx-card{max-width:980px;margin-top:24px;border-radius:18px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}
.vx-vs{left:39%}
.vx-l,.vx-r{padding:20px 24px}
.vx-r{padding-left:clamp(34px,3.4vw,44px)}
.vx h3{font-size:15px;margin-bottom:14px}
.vx ul{gap:8px}
.vx li{font-size:13.5px;line-height:1.4;grid-template-columns:20px 1fr;gap:10px}
.vx-ic{width:18px;height:18px}
.vx-ic svg{width:10px;height:10px}
.vx-vs{width:42px;height:42px;font-size:13px;box-shadow:0 0 0 5px #071A26,0 8px 20px rgba(0,0,0,.4)}

/* ---------- Audit proof banner (What we do) ---------- */
.proof{position:relative;margin-top:clamp(110px,10vw,150px);isolation:isolate}
.proof-bg{position:absolute;inset:-60px 0 -40px;z-index:-1;pointer-events:none;background:repeating-radial-gradient(circle at 78% 10%,transparent 0 78px,rgba(10,13,15,.045) 79px 80px,transparent 81px 160px),repeating-radial-gradient(circle at 18% 95%,transparent 0 58px,rgba(10,13,15,.04) 59px 60px,transparent 61px 120px);mask-image:linear-gradient(#000 0 30%,transparent 30% 72%,#000 72%);-webkit-mask-image:linear-gradient(#000 0 30%,transparent 30% 72%,#000 72%)}
.proof-top{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);padding-bottom:22px}
.proof-top h3{grid-column:2;font-size:clamp(1.7rem,1rem + 1.8vw,2.6rem);letter-spacing:-.04em;line-height:1.08;color:var(--teal)}
.proof-top h3 span{color:var(--cyan-deep)}
.proof-band{background:linear-gradient(115deg,#0F3A41 0%,#155461 55%,#1B6575 100%);color:#fff;position:relative;overflow:visible}
.proof-band::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 90% at 85% 50%,rgba(0,180,204,.22),transparent 70%);pointer-events:none}
.proof-in{display:grid;grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);position:relative;z-index:1;min-height:clamp(230px,20vw,280px)}
.proof-cta{grid-column:2;display:grid;gap:14px;align-content:center;padding-block:36px}
.proof-cta .pt{font-size:clamp(1.5rem,1rem + 1.5vw,2.3rem);font-weight:600;letter-spacing:-.035em;line-height:1.1}
.proof-cta .ps{color:#BFE3E9;font-size:16px;max-width:52ch;line-height:1.5}
.proof-cta .acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:6px}
.pbtn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;height:58px;padding:0 34px;border-radius:999px;background:linear-gradient(90deg,#00B4CC,#3FD6E6);color:#04191C;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 12px 28px -10px rgba(0,180,204,.6);transition:transform .35s var(--ease),box-shadow .35s}
.pbtn::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 3.2s 1s ease-in-out infinite}
@keyframes shine{0%{left:-60%}45%,100%{left:130%}}
.pbtn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(0,180,204,.75)}
.pbtn svg{width:16px;height:16px}
.plink{color:#fff;font-weight:500;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:2px}
.plink:hover{border-color:#fff}
.tablet{position:absolute;left:max(clamp(36px,6vw,96px),env(safe-area-inset-left,0px));top:calc(-1 * clamp(110px,10vw,150px));width:clamp(230px,24vw,340px);aspect-ratio:3/4.05;z-index:3;transform:rotate(var(--rot,-14deg));transition:transform .2s linear;filter:drop-shadow(0 30px 40px rgba(4,25,28,.35))}
.tablet-in{width:100%;height:100%;background:#F4F6F7;border-radius:7%/5.2%;padding:5.5%;position:relative;animation:bob 7s ease-in-out infinite;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.tablet-in::before{content:"";position:absolute;top:2.2%;left:50%;width:3%;aspect-ratio:1;border-radius:50%;background:#C9D1D5;transform:translateX(-50%)}
.doc{width:100%;height:100%;background:#fff;border-radius:2.5%;overflow:hidden;container-type:inline-size;display:flex;flex-direction:column}
.doc>*{font-size:calc(100cqw/30)}
.doc-bar{display:flex;justify-content:space-between;align-items:center;background:#00B4CC;padding:.8em 1.1em;color:#04191C}
.doc-bar b{font-size:1.05em;letter-spacing:.06em}
.doc-bar img{width:2.4em;height:auto;filter:brightness(0)}
.doc-bar span{font-size:.75em;font-weight:700;background:#04191C;color:#fff;padding:.25em .6em;border-radius:1em;letter-spacing:.08em}
.doc-t{padding:1em 1.1em .5em}
.doc-t h6{margin:0;font-size:2.35em;line-height:.95;letter-spacing:-.04em;font-weight:800;color:#0F3A41;text-transform:uppercase}
.doc-t p{font-size:.85em;color:#007F91;font-weight:600;margin-top:.35em;letter-spacing:.04em;text-transform:uppercase}
.doc-b{flex:1;background:#0F3A41;margin:0 .6em .6em;border-radius:.6em;padding:1em 1.1em;display:grid;grid-template-columns:1fr 3.6em;gap:.6em .8em;align-content:start;color:#fff;position:relative}
.doc-b h5{grid-column:1;margin:.3em 0 0;font-size:1em;letter-spacing:.06em;color:#5FE3F2;font-weight:800}
.doc-b i{grid-column:1;display:block;height:.38em;border-radius:1em;background:rgba(255,255,255,.28)}
.doc-b i.s{width:72%}.doc-b i.m{width:86%}
@media (max-width:860px){
  .proof{margin-top:64px}
  .proof-top{grid-template-columns:1fr;text-align:center;padding-bottom:0}
  .proof-top h3{grid-column:1;margin-bottom:24px}
  .proof-in{grid-template-columns:1fr;min-height:0;padding-top:calc(clamp(190px,52vw,260px) * 1.35 + 44px)}
  .proof-cta{grid-column:1;text-align:center;justify-items:center;padding-top:28px}
  .proof-cta .acts{justify-content:center}
  .tablet{left:50%;top:28px;width:clamp(190px,52vw,260px);transform:translateX(-50%) rotate(var(--rot,-10deg))}
}

/* ---------- What we do: live bento ---------- */
.bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(230px,18vw,270px);gap:14px}
.bt{position:relative;overflow:hidden;border-radius:22px;padding:20px 22px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:var(--ink);isolation:isolate;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.bt:hover{transform:translateY(-4px);box-shadow:0 24px 44px -26px rgba(10,13,15,.45)}
.bt-txt{position:relative;z-index:2;max-width:32ch}
.bt h3{font-size:clamp(1.1rem,.9rem + .5vw,1.35rem);letter-spacing:-.03em;line-height:1.1}
.bt p{font-size:14px;line-height:1.4;margin-top:5px;opacity:.75}
.bt-go{position:absolute;right:16px;top:16px;z-index:3;width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.6) rotate(-45deg);transition:opacity .3s,transform .45s var(--ease)}
.bt-go svg{width:15px;height:15px}
.bt:hover .bt-go,.bt:focus-visible .bt-go{opacity:1;transform:none}
.bt.dark{color:#fff}.bt.dark .bt-go{background:#fff;color:var(--ink)}
.bt-demo{position:absolute;inset:0;z-index:1;pointer-events:none}
.w2{grid-column:span 2}.h2{grid-row:span 2}
/* audit */
.bt-audit .bt-txt{max-width:44%}
.au-card{position:absolute;right:18px;top:18px;bottom:18px;width:52%;background:#fff;border-radius:14px;padding:14px 16px;color:#14191C;overflow:hidden;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.au-card b.h{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.14em;border-bottom:2px solid #14191C;padding-bottom:8px;margin-bottom:6px}
.au-card b.h span{letter-spacing:0;font-weight:500;color:#5E666C}
.au-r{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;padding:6px 0;border-bottom:1px solid #EEF1F3}
.au-r em{font-style:normal;font-size:10.5px;font-weight:600;padding:2px 8px;border-radius:9px;animation:au0 7s infinite}
.au-r:nth-of-type(2) em{animation-name:au1}.au-r:nth-of-type(3) em{animation-name:au2}.au-r:nth-of-type(4) em{animation-name:au3}
.au-scan{position:absolute;left:0;right:0;height:2px;background:#00B4CC;box-shadow:0 0 14px 3px rgba(0,180,204,.6);top:30px;animation:scan 7s ease-in-out infinite}
@keyframes scan{0%{top:30px;opacity:0}5%{opacity:1}50%{top:calc(100% - 10px);opacity:1}56%,100%{opacity:0;top:calc(100% - 10px)}}
.au-fx{position:absolute;left:16px;right:16px;bottom:12px;font-size:11.5px;display:flex;gap:6px;align-items:center;color:#007F91;font-weight:600;animation:au3 7s infinite}
/* google */
.g-map{position:absolute;inset:0;background:repeating-linear-gradient(32deg,transparent 0 34px,rgba(0,127,145,.12) 34px 36px),repeating-linear-gradient(-58deg,transparent 0 52px,rgba(0,127,145,.1) 52px 55px)}
.g-q{position:absolute;left:16px;right:16px;top:16px;background:#fff;border-radius:30px;padding:9px 14px;font-size:13px;display:flex;gap:8px;align-items:center;color:#14191C;box-shadow:0 8px 20px -10px rgba(0,0,0,.3)}
.g-q svg{width:14px;height:14px;color:#5E666C;flex:none}
.g-q span{overflow:hidden;white-space:nowrap;border-right:2px solid #007F91;max-width:0;animation:gtype 6s steps(16) infinite}
@keyframes gtype{0%{max-width:0}30%,90%{max-width:9.5em}100%{max-width:0}}
.g-pin{position:absolute;left:28%;top:38%;width:30px;animation:pin 6s cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes pin{0%,32%{transform:translateY(-60px);opacity:0}40%,92%{transform:none;opacity:1}100%{opacity:0}}
.g-lab{position:absolute;left:calc(28% + 36px);top:40%;background:#fff;border-radius:10px;padding:6px 10px;font-size:12px;color:#14191C;box-shadow:0 8px 20px -10px rgba(0,0,0,.35);animation:glab 6s infinite;white-space:nowrap}
.g-lab b{display:block;font-size:12.5px}.g-lab small{color:#F2A900}
@keyframes glab{0%,42%{opacity:0;transform:translateX(-8px)}48%,92%{opacity:1;transform:none}100%{opacity:0}}
/* whatsapp */
.wa-th{position:absolute;left:16px;right:16px;top:16px;display:grid;gap:8px;font-size:13.5px;color:#14191C}
.wa-top{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.08);margin-bottom:4px}
.wa-top i{width:30px;height:30px;border-radius:50%;background:#0F3A41;color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700}
.wa-top b{font-size:13.5px;display:block}.wa-top small{color:#1E9E62;font-size:11.5px}
.wm{max-width:84%;padding:8px 11px;border-radius:12px;line-height:1.35;animation:wa1 9s infinite}
.wm.in{background:#fff;border-top-left-radius:3px;justify-self:start}
.wm.out{background:#CDEFF4;border-top-right-radius:3px;justify-self:end;animation-name:wa3}
.wm.in.l{animation-name:wa4}
.wm.dots{animation-name:wa2;display:flex;gap:4px;padding:11px 12px;width:fit-content;justify-self:end;background:#CDEFF4}
.wm.dots i{width:6px;height:6px;border-radius:50%;background:#007F91;animation:dot 1s infinite}
.wm.dots i:nth-child(2){animation-delay:.15s}.wm.dots i:nth-child(3){animation-delay:.3s}
@keyframes dot{50%{transform:translateY(-3px);opacity:.4}}
.wa-bk{justify-self:center;font-size:11.5px;font-weight:600;background:#0F3A41;color:#fff;border-radius:20px;padding:5px 12px;margin-top:4px;animation:wa4 9s infinite}
/* instagram */
.ig-gr{position:absolute;right:16px;top:16px;width:40%;display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.ig-gr i{aspect-ratio:1;border-radius:4px;animation:igp 4.8s infinite;animation-delay:calc(var(--n) * .3s)}
@keyframes igp{0%,20%,100%{transform:none}10%{transform:scale(.82) rotate(-4deg)}}
.ig-gr i.rl{display:grid;place-items:center;color:#fff}
.ig-gr i.rl svg{width:40%;height:40%}
.ig-ht{position:absolute;right:calc(16px + 23% - 22px);top:calc(16px + 23% - 18px);width:44px;color:#E1306C;animation:heart 4.8s infinite;filter:drop-shadow(0 4px 10px rgba(225,48,108,.4))}
@keyframes heart{0%,55%{transform:scale(0);opacity:0}62%{transform:scale(1.25);opacity:1}70%,85%{transform:scale(1);opacity:1}95%,100%{transform:scale(.6);opacity:0}}
.ig-chip{position:absolute;left:18px;top:18px;display:grid;gap:6px}
.ig-chip span{font-size:11.5px;font-weight:600;background:rgba(255,255,255,.75);border-radius:20px;padding:4px 10px;width:fit-content}
/* website */
.wb{position:absolute;left:16px;right:16px;top:16px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 14px 30px -16px rgba(0,0,0,.35);color:#14191C}
.wb-bar{display:flex;gap:5px;align-items:center;padding:7px 10px;background:#F4F6F7;font-size:10.5px;color:#5E666C}
.wb-bar i{width:7px;height:7px;border-radius:50%;background:#D9DEE1}
.wb-bar span{margin-left:6px}
.wb-in{padding:8px 12px 10px;display:grid;gap:6px}
.wb-in b{font-size:13px}
.wf{height:18px;border-radius:6px;border:1px solid #E1E6E8;position:relative;overflow:hidden}
.wf::after{content:"";position:absolute;left:8px;top:6px;height:5px;border-radius:4px;background:#9AA4AA;width:55%;animation:wf0 7s infinite}
.wf:nth-of-type(2)::after{width:40%;animation-name:wf1}.wf:nth-of-type(3)::after{width:65%;animation-name:wf2}
.wbtn{position:relative;height:24px;border-radius:20px;background:#0A0D0F;color:#fff;font-size:11.5px;font-weight:600;display:grid;place-items:center}
.wbtn span{grid-area:1/1;animation:wbtn1 7s infinite}
.wbtn span+span{animation-name:wbtn2;color:#5FE3F2}
/* ads radius */
.ad-map{position:absolute;inset:0}
.ad-c{position:absolute;left:62%;top:42%;width:14px;height:14px;margin:-7px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #00B4CC}
.ad-ring{position:absolute;left:62%;top:42%;width:200px;height:200px;margin:-100px;border-radius:50%;border:1.5px solid rgba(95,227,242,.7);animation:ring 3.6s infinite;animation-delay:calc(var(--n) * 1.2s)}
@keyframes ring{0%{transform:scale(.08);opacity:1}100%{transform:scale(1.15);opacity:0}}
.ad-l{position:absolute;font-size:11px;font-weight:600;color:#04191C;background:#5FE3F2;border-radius:20px;padding:3px 9px;white-space:nowrap;animation:ad0 7s infinite}
.ad-l:nth-of-type(2){animation-name:ad1}.ad-l:nth-of-type(3){animation-name:ad2}.ad-l:nth-of-type(4){animation-name:ad3}
.bento:not(.live) *{animation-play-state:paused!important}
@media (max-width:1000px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .bento{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;margin-inline:calc(-1 * max(clamp(20px,4vw,56px),env(safe-area-inset-left,0px)));padding-inline:max(clamp(20px,4vw,56px),env(safe-area-inset-left,0px));scrollbar-width:none}
  .bento::-webkit-scrollbar{display:none}
  .bt{flex:0 0 82%;height:300px;scroll-snap-align:center}
  .bt-audit .bt-txt{max-width:100%}
  .au-card{left:16px;right:16px;width:auto;bottom:auto;height:58%}
  .bt-go{opacity:1;transform:none}
}
.wwd-head{display:flex;justify-content:space-between;align-items:end;gap:20px 40px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.wwd-head h2{font-size:clamp(2.2rem,1.2rem + 3.4vw,4.4rem);letter-spacing:-.05em;line-height:.98}
.wwd-head h2 .serif{color:var(--cyan-deep)}
.wwd-head p{color:var(--ink-2);max-width:34ch;font-size:17px}
.swipe-hint{display:none;font-size:13px;color:var(--ink-2);margin-top:6px}
@media (max-width:640px){.swipe-hint{display:block}}
@keyframes au0{0%,7.99%{opacity:0;transform:translateY(8px) scale(.96)}12%,88%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes au1{0%,19.99%{opacity:0;transform:translateY(8px) scale(.96)}24%,88%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes au2{0%,31.99%{opacity:0;transform:translateY(8px) scale(.96)}36%,88%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes au3{0%,43.99%{opacity:0;transform:translateY(8px) scale(.96)}48%,88%{opacity:1;transform:none}92%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes wa1{0%,3.99%{opacity:0;transform:translateY(8px) scale(.96)}8%,90%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes wa2{0%,13.99%{opacity:0;transform:translateY(8px) scale(.96)}18%,28%{opacity:1;transform:none}32%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes wa3{0%,31.99%{opacity:0;transform:translateY(8px) scale(.96)}36%,90%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes wa4{0%,53.99%{opacity:0;transform:translateY(8px) scale(.96)}58%,90%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes wf0{0%,5.99%{opacity:0;transform:translateY(8px) scale(.96)}10%,92%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes wf1{0%,19.99%{opacity:0;transform:translateY(8px) scale(.96)}24%,92%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes wf2{0%,33.99%{opacity:0;transform:translateY(8px) scale(.96)}38%,92%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes wbtn1{0%,58%{opacity:1}62%,100%{opacity:0}}@keyframes wbtn2{0%,58%{opacity:0;transform:scale(.8)}64%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes ad0{0%,7.99%{opacity:0;transform:translateY(8px) scale(.96)}12%,86%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes ad1{0%,17.99%{opacity:0;transform:translateY(8px) scale(.96)}22%,86%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes ad2{0%,27.99%{opacity:0;transform:translateY(8px) scale(.96)}32%,86%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-4px)}}
@keyframes ad3{0%,37.99%{opacity:0;transform:translateY(8px) scale(.96)}42%,86%{opacity:1;transform:none}90%,100%{opacity:0;transform:translateY(-4px)}}

/* website wide tile */
.bt-web .bt-txt{max-width:42%}
.bt-web .wb{left:auto;right:18px;top:18px;width:52%}
/* ---- Ads tall tile ---- */
.bt-ads{background:linear-gradient(180deg,#0B2E35,#0F3A41 60%,#123F47)}
.ch-sw{position:absolute;left:16px;right:16px;top:16px;height:36px;border-radius:20px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:1fr 1fr;align-items:center;text-align:center;font-size:12.5px;font-weight:600;z-index:2}
.ch-sw span{position:relative;z-index:1;transition:color .3s}
.ch-k{position:absolute!important;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border-radius:16px;background:#fff;z-index:0!important;animation:chk 12s infinite}
@keyframes chk{0%,46%{transform:none}50%,96%{transform:translateX(100%)}100%{transform:none}}
.ch-m{color:#0F3A41;animation:chm 12s infinite}.ch-g{color:#fff;animation:chg 12s infinite}
@keyframes chm{0%,46%{color:#0F3A41}50%,96%{color:#fff}100%{color:#0F3A41}}
@keyframes chg{0%,46%{color:#fff}50%,96%{color:#0F3A41}100%{color:#fff}}
.rd{position:absolute;left:16px;right:16px;top:62px;height:clamp(128px,10.5vw,156px);border-radius:16px;overflow:hidden;background:radial-gradient(circle at 50% 55%,rgba(0,180,204,.18),transparent 65%),repeating-linear-gradient(28deg,transparent 0 22px,rgba(255,255,255,.05) 22px 23px),repeating-linear-gradient(-62deg,transparent 0 30px,rgba(255,255,255,.05) 30px 31px)}
.rd-sweep{position:absolute;left:50%;top:55%;width:300px;height:300px;margin:-150px;border-radius:50%;background:conic-gradient(from 0deg,rgba(95,227,242,.42),rgba(95,227,242,0) 70deg,transparent 360deg);animation:sweep 4s linear infinite}
@keyframes sweep{to{transform:rotate(360deg)}}
.rd-ring{position:absolute;left:50%;top:55%;width:220px;height:220px;margin:-110px;border-radius:50%;border:1.5px solid rgba(95,227,242,.55);animation:ring 3.6s infinite;animation-delay:calc(var(--n) * 1.2s)}
.rd-c{position:absolute;left:50%;top:55%;width:16px;height:16px;margin:-8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #00B4CC,0 0 22px 6px rgba(0,180,204,.6)}
.rd-km{position:absolute;left:50%;top:55%;transform:translate(14px,-26px);font-size:10.5px;font-weight:700;color:#5FE3F2;letter-spacing:.04em}
.rd-l{position:absolute;font-size:10.5px;font-weight:600;color:#04191C;background:#5FE3F2;border-radius:20px;padding:3px 8px;white-space:nowrap;animation:ad0 7s infinite}
.rd-l:nth-of-type(2){animation-name:ad1}.rd-l:nth-of-type(3){animation-name:ad2}.rd-l:nth-of-type(4){animation-name:ad3}
.adw{position:absolute;left:16px;right:16px;top:calc(62px + clamp(128px,10.5vw,156px) + 12px);height:clamp(146px,11.4vw,164px)}
.adc{position:absolute;inset:0;background:#fff;border-radius:14px;color:#14191C;overflow:hidden;box-shadow:0 18px 34px -16px rgba(0,0,0,.55)}
.adc.meta{animation:adm 12s infinite;display:flex;flex-direction:column}
.adc.goog{animation:adg 12s infinite;padding:10px 12px;display:flex;flex-direction:column;gap:4px}
@keyframes adm{0%{opacity:0;transform:translateY(24px) scale(.96)}5%,44%{opacity:1;transform:none}49%,96%{opacity:0;transform:translateY(-14px) scale(.97)}100%{opacity:0;transform:translateY(24px)}}
@keyframes adg{0%,49%{opacity:0;transform:translateY(24px) scale(.96)}55%,94%{opacity:1;transform:none}99%,100%{opacity:0;transform:translateY(-14px)}}
.adc-h{flex:none;display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:11.5px}
.adc-h i{width:22px;height:22px;border-radius:50%;background:#0F3A41;color:#fff;display:grid;place-items:center;font-style:normal;font-size:8.5px;font-weight:700}
.adc-h b{display:block;font-size:11.5px}.adc-h small{color:#5E666C;font-size:10px}
.adc-img{position:relative;flex:1 1 auto;min-height:0;background:#0F3A41;color:#fff;padding:8px 10px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.adc-img svg{position:absolute;right:-8px;top:-10px;width:86px;height:86px;color:#00B4CC;opacity:.85}
.adc-img b{position:relative;font-size:15px;line-height:1;letter-spacing:-.03em}
.adc-img small{position:relative;font-size:9.5px;color:#9FE6EF;margin-top:3px}
.adc-cta{flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 10px;height:30px;font-size:10.5px;color:#5E666C}
.adc-cta u,.gcta{text-decoration:none;background:#00B4CC;color:#04191C;font-weight:700;font-size:10.5px;padding:5px 10px;border-radius:6px;animation:btnp 1.6s ease-in-out infinite}
@keyframes btnp{50%{box-shadow:0 0 0 5px rgba(0,180,204,.25)}}
.gs{font-size:10px;color:#3C4043}
.gt{font-size:13px;line-height:1.25;color:#1A0DAB;font-weight:500}
.adc.goog p{font-size:10.5px;color:#4D5156;line-height:1.35}
.gl{display:flex;gap:5px;flex-wrap:wrap}
.gl span{font-size:9.5px;color:#1A0DAB;border:1px solid #DADCE0;border-radius:10px;padding:2px 7px}
.gcta{position:absolute;right:12px;bottom:10px}
.tap{position:absolute;right:30px;bottom:12px;width:26px;height:26px;margin:-13px;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 0 0 2px rgba(0,180,204,.9);opacity:0;animation:tap 12s infinite;z-index:3}
@keyframes tap{0%,26%{opacity:0;transform:scale(1.6)}29%{opacity:1;transform:scale(.7)}33%{opacity:0;transform:scale(2)}34%,76%{opacity:0;transform:scale(1.6)}79%{opacity:1;transform:scale(.7)}83%{opacity:0;transform:scale(2)}100%{opacity:0}}
.toast2{position:absolute;left:10px;right:10px;top:-18px;z-index:4;display:flex;gap:9px;align-items:center;background:#fff;color:#14191C;border-radius:12px;padding:8px 11px;box-shadow:0 14px 28px -10px rgba(0,0,0,.55);font-size:10.5px;line-height:1.3;opacity:0}
.toast2 i{width:22px;height:22px;border-radius:50%;background:#DDF4E8;color:#16794A;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:11px;flex:none}
.toast2 b{display:block;font-size:12px}
.toast2.t1{animation:ts1 12s infinite}.toast2.t2{animation:ts2 12s infinite}
@keyframes ts1{0%,32%{opacity:0;transform:translateY(-10px) scale(.95)}35%,45%{opacity:1;transform:none}48%,100%{opacity:0;transform:translateY(-6px)}}
@keyframes ts2{0%,82%{opacity:0;transform:translateY(-10px) scale(.95)}85%,95%{opacity:1;transform:none}98%,100%{opacity:0;transform:translateY(-6px)}}
@media (max-width:640px){.bento{align-items:flex-start}.bt-ads{height:520px!important}.bt-web .bt-txt{max-width:100%}.bt-web .wb{left:16px;right:16px;width:auto}.rd{height:170px}.adw{top:244px;height:160px}}

/* ---------- What we do: rising journey ---------- */
.jr{position:relative;height:500px;margin-top:8px}
.jr-head{position:absolute;left:0;top:0;width:58%;z-index:3}
.jr-head h2{font-size:clamp(2rem,1rem + 2.2vw,3.1rem);letter-spacing:-.045em;line-height:1.02}
.jr-head h2 .serif{color:var(--cyan-deep)}
.jr-head p{margin-top:12px;color:var(--ink-2);font-size:16px;max-width:46ch}
.jr-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0}
.jr-base{fill:none;stroke:#D5DCDF;stroke-width:2;stroke-dasharray:2 7;stroke-linecap:round;stroke-linejoin:round}
.jr-prog{fill:none;stroke:url(#jrg);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 4px 8px rgba(0,180,204,.35))}
.jr-head-ar{fill:none;stroke:#D5DCDF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}
.jr.win .jr-head-ar{stroke:#00B4CC}
.jr-start{position:absolute;left:0;bottom:-22px;font-size:12.5px;font-weight:600;color:var(--ink-3)}
.jr-dot{position:absolute;left:0;top:0;z-index:5;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 3px #00B4CC,0 8px 20px -4px rgba(0,127,145,.55);will-change:transform}
.jr-dot img{width:22px;height:auto}
.jr-cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;z-index:2}
.jr-col{position:relative}
.jr-node{position:absolute;left:50%;top:var(--y);width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#fff;border:2px solid #C3CCD0;transition:border-color .4s,background-color .4s,transform .4s var(--ease)}
.jr-node i{position:absolute;inset:-8px;border-radius:50%;border:2px solid #00B4CC;opacity:0}
.jr-col.past .jr-node{border-color:#007F91;background:#007F91}
.jr-col.on .jr-node{border-color:#00B4CC;background:#00B4CC;transform:scale(1.15)}
.jr-col.on .jr-node i{animation:npulse 1.6s infinite}
@keyframes npulse{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.6);opacity:0}}
.jr-state{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12.5px;font-weight:600;padding:4px 11px;border-radius:999px;background:var(--soft);color:var(--ink-2);transition:background-color .4s,color .4s,transform .5s var(--ease)}
.jr-col.above .jr-state{top:calc(var(--y) + 18px)}
.jr-col.below .jr-state{bottom:calc(100% - var(--y) + 18px)}
.jr-col.past .jr-state{color:var(--teal);background:var(--cyan-pale)}
.jr-col.on .jr-state{background:var(--ink);color:#fff;transform:translateX(-50%) scale(1.06)}
.jr-card{position:absolute;left:0;right:0;display:grid;gap:8px;text-align:left;font:inherit;color:var(--ink);background:#fff;border:1px solid #DDE3E6;border-radius:16px;padding:14px;cursor:pointer;box-shadow:0 1px 2px rgba(10,13,15,.04);transition:background-color .45s,color .45s,border-color .45s,box-shadow .5s var(--ease),transform .5s var(--ease)}
.jr-col.above .jr-card{bottom:calc(100% - var(--y) + 22px)}
.jr-col.below .jr-card{top:calc(var(--y) + 22px)}
.jr-card:hover{border-color:#9AA4AA;transform:translateY(-3px)}
.jr-col.on .jr-card{background:var(--night);color:#fff;border-color:var(--night);box-shadow:0 26px 44px -22px rgba(10,13,15,.6);transform:translateY(-4px)}
.jr-t{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center}
.jr-ic{width:30px;height:30px;border-radius:9px;background:var(--night);color:var(--cyan);display:grid;place-items:center;transition:background-color .4s,color .4s}
.jr-ic svg{width:16px;height:16px}
.jr-col.on .jr-ic{background:var(--cyan);color:#04191C}
.jr-t b{font-size:15.5px;letter-spacing:-.02em;line-height:1.15}
.jr-n{font-size:12px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums}
.jr-col.on .jr-n{color:var(--cyan)}
.jr-d{font-size:13.5px;line-height:1.4;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;transition:color .4s}
.jr-col.on .jr-d{color:#B6C6CD}
.jr-chip{font-size:12px;font-weight:600;width:fit-content;padding:4px 10px;border-radius:999px;background:var(--cyan-pale);color:var(--teal);transition:background-color .4s,color .4s}
.jr-col.on .jr-chip{background:var(--cyan);color:#04191C}
.jr-end{position:absolute;right:0;top:-6px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2);padding:6px 12px;border-radius:999px;background:var(--soft);transition:background-color .4s,color .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.jr-end i{width:8px;height:8px;border-radius:50%;background:#C3CCD0;transition:background-color .4s}
.jr.win .jr-end{background:var(--cyan);color:#04191C;transform:scale(1.08)}
.jr.win .jr-end i{background:#04191C}
.jr-cta{position:absolute;right:0;bottom:0;z-index:3}
@media (max-width:1100px){
  .jr{height:auto;margin-top:0}
  .jr-head,.jr-cta,.jr-end{position:static;width:auto}
  .jr-head{margin-bottom:24px}
  .jr-svg,.jr-dot,.jr-start{display:none}
  .jr-cols{position:relative;display:grid;grid-template-columns:1fr;gap:10px;padding-left:36px}
  .jr-cols::before{content:"";position:absolute;left:11px;top:14px;bottom:14px;width:2px;background:#DDE3E6;border-radius:2px}
  .jr-cols::after{content:"";position:absolute;left:11px;top:14px;width:2px;height:var(--fill,0%);max-height:calc(100% - 28px);background:linear-gradient(#007F91,#00B4CC);border-radius:2px;transition:height .8s var(--ease)}
  .jr-col{display:grid;gap:6px}
  .jr-node{left:-36px;top:16px;margin:0;z-index:1}
  .jr-col.above .jr-state,.jr-col.below .jr-state{position:static;transform:none;width:fit-content;order:2}
  .jr-col.on .jr-state{transform:none}
  .jr-col.above .jr-card,.jr-col.below .jr-card{position:static}
  .jr-col.on .jr-card{transform:none}
  .jr-end{display:inline-flex;margin:16px 0 0 36px}
  .jr-cta{margin-top:20px}
}

/* compact journey: fits one screen */
.sec-jr{padding-top:clamp(40px,4.5vw,64px);padding-bottom:clamp(44px,5vw,72px)}
@media (min-width:1101px){
  .jr{height:430px}
  .jr-head h2{font-size:clamp(1.8rem,1rem + 1.6vw,2.5rem)}
  .jr-head p{margin-top:8px;font-size:15px;max-width:60ch}
  .jr-cols{gap:14px}
  .jr-card{padding:11px 12px;gap:6px;border-radius:14px}
  .jr-col.above .jr-card{bottom:calc(100% - var(--y) + 18px)}
  .jr-col.below .jr-card{top:calc(var(--y) + 18px)}
  .jr-t{grid-template-columns:26px minmax(0,1fr) auto;gap:8px}
  .jr-ic{width:26px;height:26px;border-radius:8px}
  .jr-ic svg{width:14px;height:14px}
  .jr-t b{font-size:14.5px}
  .jr-d{font-size:12.5px;line-height:1.35;min-height:2.7em}
  .jr-chip{font-size:11px;padding:3px 9px}
  .jr-state{font-size:11.5px;padding:3px 10px}
  .jr-col.above .jr-state{top:calc(var(--y) + 15px)}
  .jr-col.below .jr-state{bottom:calc(100% - var(--y) + 15px)}
  .jr-node{width:16px;height:16px;margin:-8px 0 0 -8px}
  .jr-dot{width:30px;height:30px;margin:-15px 0 0 -15px}
  .jr-dot img{width:19px}
  .jr-end{font-size:12px;padding:5px 11px}
  .jr-cta .btn{min-height:46px;font-size:15px;padding:5px 5px 5px 20px}
  .jr-cta .btn i{width:34px;height:34px}
}

/* ---- compact audit banner + scanning tablet ---- */
.proof{margin-top:clamp(64px,6vw,86px)}
.proof-top{padding-bottom:16px}
.proof-top h3{font-size:clamp(1.35rem,1rem + 1vw,2rem)}
.proof-in{min-height:clamp(190px,15vw,215px)}
.proof-cta{gap:10px;padding-block:26px}
.proof-cta .pt{font-size:clamp(1.25rem,1rem + .9vw,1.8rem)}
.proof-cta .ps{font-size:15px}
.pbtn{height:50px;padding:0 26px;font-size:15px}
.tablet{width:clamp(200px,17vw,250px);top:calc(-1 * clamp(50px,4.6vw,66px))}
.sc{position:relative;background:#F7FAFB}
.sc>*{font-size:calc(100cqw/16.5)}
.sc-bar{display:flex;justify-content:space-between;align-items:center;background:#0F3A41;padding:.55em .7em;color:#fff}
.sc-bar img{width:2.2em;height:auto;filter:brightness(0) invert(1)}
.sc-lab{display:grid;font-size:.8em;font-weight:700;letter-spacing:.02em}
.sc-lab span{grid-area:1/1;text-align:right}
.sc-lab .l1{color:#5FE3F2;animation:scl1 10s infinite}
.sc-lab .l1 b{animation:scdot 1.2s infinite}
.sc-lab .l1 b:nth-child(2){animation-delay:.2s}.sc-lab .l1 b:nth-child(3){animation-delay:.4s}
.sc-lab .l2{color:#5FE3F2;opacity:0;animation:scl2 10s infinite}
@keyframes scdot{50%{opacity:.2}}
@keyframes scl1{0%,48%{opacity:1}52%,98%{opacity:0}100%{opacity:1}}
@keyframes scl2{0%,50%{opacity:0}54%,96%{opacity:1}100%{opacity:0}}
.sc-url{display:grid;gap:.3em;padding:.5em .85em .4em;font-size:.68em;color:#5E666C}
.sc-url span:first-child{font-weight:600;color:#14191C}
.sc-pb{height:.35em;border-radius:1em;background:#E1E8EB;overflow:hidden}
.sc-pb i{display:block;height:100%;width:0;background:linear-gradient(90deg,#007F91,#00B4CC);animation:scpb 10s infinite}
@keyframes scpb{0%{width:0}45%,100%{width:100%}}
.sc-rows{position:absolute;left:0;right:0;top:4.6em;bottom:0;padding:.2em .6em;display:grid;align-content:start;gap:.4em;animation:scph1 10s infinite}
@keyframes scph1{0%,49%{opacity:1;transform:none}53%,97%{opacity:0;transform:translateY(-6px)}100%{opacity:1}}
.sc-r{display:grid;grid-template-columns:1.7em minmax(0,1fr);grid-template-rows:auto auto;gap:.2em .5em;background:#fff;border:1px solid #E1E8EB;border-radius:.6em;padding:.45em .5em;animation:scrow 10s infinite;animation-delay:calc(.55s + var(--k) * 1s)}
@keyframes scrow{0%,2%{background:#fff;border-color:#E1E8EB}4%{background:#E3F8FB;border-color:#00B4CC}9%,100%{background:#fff;border-color:#E1E8EB}}
.sc-ic{grid-row:1/3;width:1.7em;height:1.7em;border-radius:.5em;background:#0F3A41;color:#5FE3F2;display:grid;place-items:center}
.sc-ic svg{width:1em;height:1em}
.sc-nm{display:grid;gap:.25em;min-width:0}
.sc-nm b{font-size:.78em;color:#14191C;line-height:1}
.sc-nm i{display:none;height:.3em;width:80%;border-radius:1em;background:#E6ECEE}
.sc-r em{grid-column:2;font-style:normal;font-size:.62em;font-weight:700;width:fit-content;padding:.15em .6em;border-radius:1em;opacity:0;animation:sctag 10s infinite}
.sc-r:nth-child(1) em{animation-name:sct0}.sc-r:nth-child(2) em{animation-name:sct1}.sc-r:nth-child(3) em{animation-name:sct2}.sc-r:nth-child(4) em{animation-name:sct3}
@keyframes sct0{0%,9%{opacity:0;transform:scale(.6)}12%,49%{opacity:1;transform:none}53%,100%{opacity:0}}
@keyframes sct1{0%,19%{opacity:0;transform:scale(.6)}22%,49%{opacity:1;transform:none}53%,100%{opacity:0}}
@keyframes sct2{0%,29%{opacity:0;transform:scale(.6)}32%,49%{opacity:1;transform:none}53%,100%{opacity:0}}
@keyframes sct3{0%,39%{opacity:0;transform:scale(.6)}42%,49%{opacity:1;transform:none}53%,100%{opacity:0}}
.sc-r em.wn{background:#FCEFD6;color:#8A5A00}.sc-r em.bd{background:#F9DEDB;color:#A4271D}
.sc-line{position:absolute;left:0;right:0;height:2px;top:22%;background:#00B4CC;box-shadow:0 0 10px 2px rgba(0,180,204,.75),0 0 28px 6px rgba(0,180,204,.3);opacity:0;animation:scline 10s infinite;z-index:3}
.sc-line::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2.6em;background:linear-gradient(to top,rgba(0,180,204,.18),transparent)}
@keyframes scline{0%{top:24%;opacity:0}3%{opacity:1}44%{top:94%;opacity:1}47%,100%{top:94%;opacity:0}}
.sc-rep{position:absolute;left:0;right:0;top:4.6em;bottom:0;padding:.55em .7em .6em;display:flex;flex-direction:column;gap:.4em;opacity:0;animation:scph2 10s infinite}
@keyframes scph2{0%,52%{opacity:0;transform:translateY(8px)}57%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.sc-k{font-size:.62em;font-weight:700;letter-spacing:.08em;color:#007F91;text-transform:uppercase}
.sc-score{display:flex;align-items:center;gap:.6em;background:#0F3A41;color:#fff;border-radius:.7em;padding:.45em .6em}
.sc-score svg{width:2.4em;height:2.4em;transform:rotate(-90deg);flex:none}
.sc-score circle{fill:none;stroke-width:5}
.sc-score .tr{stroke:rgba(255,255,255,.15)}
.sc-score .fg{stroke:#00B4CC;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:113.1;animation:scring 10s infinite}
@keyframes scring{0%,57%{stroke-dashoffset:113.1}70%,100%{stroke-dashoffset:0}}
.sc-score b{display:block;font-size:1.05em;line-height:1}
.sc-score small{font-size:.62em;color:#9FE6EF}
.sc-h{font-size:.72em;font-weight:700;color:#14191C}
.sc-rep ol{display:grid;gap:.35em;counter-reset:f;margin:0;padding:0;list-style:none}
.sc-rep li{counter-increment:f;display:flex;gap:.45em;align-items:center;font-size:.6em;line-height:1.2;color:#14191C;background:#fff;border:1px solid #E1E8EB;border-radius:.6em;padding:.45em .55em;opacity:0;animation:scli 10s infinite}
.sc-rep li::before{content:counter(f);width:1.6em;height:1.6em;flex:none;border-radius:50%;background:#00B4CC;color:#04191C;font-weight:700;display:grid;place-items:center;font-size:.9em}
.sc-rep li:nth-child(1){animation-name:scli0}.sc-rep li:nth-child(2){animation-name:scli1}.sc-rep li:nth-child(3){animation-name:scli2}
@keyframes scli0{0%,61%{opacity:0;transform:translateX(10px)}64%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes scli1{0%,66%{opacity:0;transform:translateX(10px)}69%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
@keyframes scli2{0%,71%{opacity:0;transform:translateX(10px)}74%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.sc-done{margin-top:auto;align-self:center;font-size:.66em;font-weight:700;background:#DDF4E8;color:#16794A;border-radius:1em;padding:.35em .9em;opacity:0;animation:scdone 10s infinite}
@keyframes scdone{0%,77%{opacity:0;transform:scale(.6)}81%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
#proof:not(.live) .tablet *{animation-play-state:paused!important}
@media (max-width:860px){
  .proof{margin-top:48px}
  .proof-in{padding-top:calc(clamp(190px,52vw,240px) * 1.35 + 40px)}
  .tablet{width:clamp(190px,52vw,240px);top:24px}
}

/* ---------- Who we help: interactive panel ---------- */
.wh{padding-block:clamp(40px,5vw,72px)}
.wh-panel{--pbg:#0B1114;--pfg:#fff;--pmute:#93A2A8;--pline:rgba(255,255,255,.12);--pacc:#00B4CC;--pcard:#fff;position:relative;overflow:hidden;isolation:isolate;border-radius:28px;background:var(--pbg);color:var(--pfg);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,3vw,48px);padding:clamp(24px,3vw,40px);min-height:clamp(440px,34vw,480px);transition:background-color .8s var(--ease),color .6s}
.wh-panel[data-k="1"]{--pbg:#F3DCD8;--pfg:#0A0D0F;--pmute:#6B5552;--pline:rgba(10,13,15,.12);--pacc:#C2416B}
.wh-panel[data-k="2"]{--pbg:#DDF4F7;--pfg:#0A0D0F;--pmute:#4D6B70;--pline:rgba(10,13,15,.12);--pacc:#007F91}
.wh-panel[data-k="3"]{--pbg:#EFE7DA;--pfg:#0A0D0F;--pmute:#6E6150;--pline:rgba(10,13,15,.12);--pacc:#B4690E}
.wh-deco{position:absolute;inset:0;z-index:-1;pointer-events:none}
.wh-grid{position:absolute;inset:0;background-image:radial-gradient(var(--pline) 1.2px,transparent 1.2px);background-size:22px 22px;mask-image:radial-gradient(ellipse 60% 70% at 30% 80%,#000,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 30% 80%,#000,transparent 75%)}
.wh-art{position:absolute;left:clamp(-30px,-1vw,0px);bottom:-40px;width:clamp(220px,22vw,320px);height:auto;fill:none;stroke:var(--pacc);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translateY(30px) rotate(-8deg) scale(.9);transition:opacity .7s,transform 1s var(--ease)}
.wh-art circle,.wh-art rect{fill:none}
.wh-art path,.wh-art rect,.wh-art circle{stroke-dasharray:600;stroke-dashoffset:600}
.wh-art.on{opacity:.22;transform:none}
.wh-art.on path,.wh-art.on rect,.wh-art.on circle{animation:whdraw 2.2s var(--ease) forwards}
@keyframes whdraw{to{stroke-dashoffset:0}}
.wh-left{display:flex;flex-direction:column;gap:clamp(18px,2vw,28px);min-width:0;position:relative}
.wh-head h2{font-size:clamp(1.9rem,1rem + 2vw,2.9rem);letter-spacing:-.045em;line-height:1}
.wh-head p{margin-top:10px;color:var(--pmute);font-size:15px;max-width:40ch;transition:color .6s}
.wh-list{display:grid;gap:2px}
.wh-tab{position:relative;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:baseline;gap:10px;background:none;border:0;padding:8px 0 10px;text-align:left;font:inherit;color:inherit;cursor:pointer}
.wh-ix{font-size:12.5px;font-weight:600;color:var(--pmute);font-variant-numeric:tabular-nums;transition:color .4s}
.wh-w{font-size:clamp(1.6rem,1rem + 1.9vw,2.7rem);font-weight:600;letter-spacing:-.045em;line-height:1.02;color:transparent;-webkit-text-stroke:1.2px var(--pmute);transition:color .5s,transform .6s var(--ease),-webkit-text-stroke-color .5s;transform-origin:left center}
.wh-tab:hover .wh-w{-webkit-text-stroke-color:var(--pfg)}
.wh-tab.on .wh-w{color:var(--pfg);-webkit-text-stroke-color:transparent;transform:translateX(6px)}
.wh-tab.on .wh-ix{color:var(--pacc)}
.wh-bar{position:absolute;left:40px;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--pline);overflow:hidden;opacity:0;transition:opacity .3s}
.wh-tab.on .wh-bar{opacity:1}
.wh-bar i{display:block;height:100%;width:calc(var(--p,0) * 100%);background:var(--pacc)}
.wh-right{display:grid;gap:14px;align-content:center;min-width:0;position:relative}
.wh-phone{background:var(--pcard);color:#14191C;border-radius:20px;padding:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.45);display:grid;gap:10px}
.wh-q{display:flex;align-items:center;gap:10px;border:1px solid #D9DEE1;border-radius:30px;padding:11px 16px;font-size:15px;min-height:46px}
.wh-q svg{width:16px;height:16px;color:#5E666C;flex:none}
.wh-caret{width:2px;height:18px;background:#007F91;animation:caret .9s step-end infinite;margin-left:-6px}
.wh-res{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:#F4F8F9;outline:2px solid transparent;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .6s var(--ease),outline-color .5s}
.wh-res.on{opacity:1;transform:none;outline-color:#00B4CC}
.wh-thumb{width:44px;height:44px;border-radius:12px;background:var(--pbg);display:grid;place-items:center;color:var(--pacc);transition:background-color .6s}
.wh-panel[data-k="0"] .wh-thumb{background:#0F3A41;color:#5FE3F2}
.wh-thumb svg{width:22px;height:22px}
.wh-res b{display:block;font-size:15px;letter-spacing:-.01em}
.wh-res small{display:block;font-size:13px;color:#5E666C;margin-top:2px}
.wh-stars{font-size:12px;color:#F2A900;display:grid;justify-items:end;gap:3px;letter-spacing:.05em}
.wh-stars em{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.04em;color:#5E666C;background:#E6ECEE;border-radius:8px;padding:1px 7px}
.wh-info{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wh-blk{border:1px solid var(--pline);border-radius:18px;padding:14px 16px;display:grid;gap:10px;align-content:start;background:color-mix(in srgb,var(--pfg) 4%,transparent);transition:border-color .6s}
.wh-blk.wide{grid-column:1/-1}
.wh-blk h4{font-size:12.5px;font-weight:600;letter-spacing:.01em;color:var(--pmute);transition:color .6s}
.wh-months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}
.wh-months span{display:grid;place-items:center;height:30px;border-radius:8px;font-size:12px;font-weight:600;color:var(--pmute);background:color-mix(in srgb,var(--pfg) 6%,transparent);transition:background-color .4s,color .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.wh-months span.hot{background:var(--pacc);color:#fff;transform:translateY(-3px)}
.wh-panel[data-k="0"] .wh-months span.hot{color:#04191C}
.wh-blk p{font-size:14px;line-height:1.4}
.wh-chips{display:flex;flex-wrap:wrap;gap:6px}
.wh-chips span{font-size:13px;font-weight:500;padding:5px 11px;border-radius:999px;background:var(--pfg);color:var(--pbg);opacity:0;transform:scale(.7);transition:opacity .35s,transform .5s cubic-bezier(.34,1.56,.64,1),background-color .6s,color .6s}
.wh-chips span.on{opacity:1;transform:none}
.wh-start{font-weight:600;font-size:15px!important;letter-spacing:-.01em;opacity:0;transform:translateY(6px);transition:opacity .5s,transform .6s var(--ease)}
.wh-start.on{opacity:1;transform:none}
.wh-go{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--pacc);text-decoration:none;width:fit-content;transition:color .6s}
.wh-go svg{width:13px;height:13px;transition:transform .35s var(--ease)}
.wh-go:hover svg{transform:translate(2px,-2px)}
.wh-panel[data-k="0"] .wh-go{color:#5FE3F2}
@media (max-width:900px){
  .wh-panel{grid-template-columns:1fr;min-height:0}
  .wh-list{grid-template-columns:1fr 1fr;gap:4px 14px}
  .wh-tab{grid-template-columns:22px minmax(0,1fr)}
  .wh-w{font-size:clamp(1.05rem,4.4vw,1.5rem)}
  .wh-bar{left:32px}
  .wh-art{left:auto;right:-30px;bottom:auto;top:-20px;width:200px}
}
@media (max-width:480px){.wh-info{grid-template-columns:1fr}.wh-months{gap:3px}.wh-months span{height:26px;font-size:11px}.wh-stars{display:none}.wh-res{grid-template-columns:44px minmax(0,1fr)}}

/* compact who-we-help */
@media (min-width:901px){
  .wh{padding-block:clamp(32px,4vw,56px)}
  .wh-panel{min-height:0;padding:clamp(22px,2.4vw,32px) clamp(24px,2.8vw,38px);gap:clamp(24px,3vw,44px)}
  .wh-head h2{font-size:clamp(1.7rem,1rem + 1.5vw,2.4rem)}
  .wh-head p{margin-top:6px;font-size:14px}
  .wh-left{gap:clamp(12px,1.4vw,20px)}
  .wh-tab{padding:5px 0 8px}
  .wh-w{font-size:clamp(1.5rem,1rem + 1.55vw,2.35rem)}
  .wh-right{gap:10px}
  .wh-phone{padding:11px;gap:8px;border-radius:18px}
  .wh-q{padding:8px 14px;min-height:40px;font-size:14px}
  .wh-res{padding:8px 10px;grid-template-columns:38px minmax(0,1fr) auto}
  .wh-thumb{width:38px;height:38px;border-radius:10px}
  .wh-res b{font-size:14px}.wh-res small{font-size:12.5px}
  .wh-info{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px}
  .wh-blk{padding:11px 14px;gap:8px;border-radius:16px}
  .wh-blk h4{font-size:12px}
  .wh-months span{height:26px;font-size:11.5px;border-radius:7px}
  .wh-blk p{font-size:13.5px}
  .wh-chips{gap:5px}
  .wh-chips span{font-size:12.5px;padding:4px 10px}
  .wh-start{font-size:14px!important}
}

/* ---------- Who we work with: expanding panels ---------- */
.aud{padding-block:clamp(36px,4.5vw,64px)}
.aud-head{display:flex;justify-content:space-between;align-items:end;gap:12px 40px;flex-wrap:wrap;margin-bottom:16px}
.aud-head h2{font-size:clamp(1.9rem,1rem + 2vw,2.8rem);letter-spacing:-.045em;line-height:1}
.aud-head p{color:var(--ink-2);font-size:16px;max-width:46ch}
.aps{display:flex;gap:12px;height:clamp(336px,27vw,372px)}
.ap{--c:#0F3A41;--cv:#0B2E35;--fg:#fff;--mu:#B6D3D8;--ac:#5FE3F2;position:relative;flex:1 1 0;min-width:0;border-radius:24px;overflow:hidden;background:var(--c);color:var(--fg);cursor:pointer;display:flex;flex-direction:column;transition:flex-grow .8s var(--ease),box-shadow .5s;outline-offset:3px}
.ap.on{flex-grow:3.1;box-shadow:0 30px 50px -30px rgba(10,13,15,.5)}
.p-coach{--c:#F3DCD8;--cv:#ECCBC5;--fg:#0A0D0F;--mu:#6B5552;--ac:#C2416B}
.p-tuition{--c:#DDF4F7;--cv:#C9ECF1;--fg:#0A0D0F;--mu:#4D6B70;--ac:#007F91}
.p-pre{--c:#EFE7DA;--cv:#E5D9C6;--fg:#0A0D0F;--mu:#6E6150;--ac:#B4690E}
.ap-vis{position:relative;flex:0 0 44%;background:var(--cv);display:grid;place-items:center;overflow:hidden}
.ap-n{position:absolute;left:16px;top:14px;font-size:12.5px;font-weight:600;color:var(--mu)}
.ill{width:min(236px,86%);height:auto;overflow:visible;transition:transform .8s var(--ease)}
.ap:not(.on) .ill{transform:scale(.82)}
.ill *{stroke:var(--fg);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;fill:none}
.ill text{stroke:none;fill:var(--fg);font:700 20px var(--f);text-anchor:middle}
/* school */
.p-school .bld{fill:rgba(255,255,255,.06)}
.p-school .win rect{fill:rgba(255,255,255,.08);animation:winlit 4s infinite}
.p-school .win rect:nth-child(2){animation-delay:.4s}.p-school .win rect:nth-child(3){animation-delay:.8s}.p-school .win rect:nth-child(4){animation-delay:1.2s}.p-school .win rect:nth-child(5){animation-delay:1.6s}
@keyframes winlit{0%,30%{fill:rgba(255,255,255,.08)}40%,80%{fill:#5FE3F2}100%{fill:rgba(255,255,255,.08)}}
.p-school .flag{fill:#5FE3F2;stroke:#5FE3F2;transform-box:fill-box;transform-origin:left center;animation:flag 1.6s ease-in-out infinite}
@keyframes flag{50%{transform:skewY(-8deg) scaleX(.85)}}
.p-school .sun{stroke:#5FE3F2;animation:sunp 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes sunp{50%{transform:scale(1.15)}}
/* coach */
.p-coach .board{fill:#0F3A41;stroke:#0F3A41}
.p-coach .chalk{stroke:#fff;stroke-dasharray:110;stroke-dashoffset:110;animation:chalk 4.5s infinite}
.p-coach .k2{animation-delay:.6s}.p-coach .k3{animation-delay:1.2s}
@keyframes chalk{0%{stroke-dashoffset:110}25%,80%{stroke-dashoffset:0}95%,100%{stroke-dashoffset:110;opacity:0}}
.p-coach .bars rect{fill:#C2416B;stroke:#C2416B;transform-box:fill-box;transform-origin:bottom;animation:barg 4.5s var(--ease) infinite}
.p-coach .bars rect:nth-child(2){animation-delay:.25s}.p-coach .bars rect:nth-child(3){animation-delay:.5s}
@keyframes barg{0%{transform:scaleY(.1)}30%,85%{transform:none}100%{transform:scaleY(.1)}}
.p-coach .ar{stroke:#C2416B;stroke-dasharray:90;stroke-dashoffset:90;animation:chalk 4.5s .9s infinite}
/* tuition */
.p-tuition .glow{fill:rgba(0,180,204,.25);stroke:none;animation:glow 3s ease-in-out infinite}
@keyframes glow{50%{opacity:.4}}
.p-tuition .bk{fill:#fff}
.p-tuition .ln{stroke:#007F91;stroke-dasharray:60;stroke-dashoffset:60;animation:write 5s infinite}
.p-tuition .l2{animation-delay:1s}.p-tuition .l3{animation-delay:2s}
@keyframes write{0%{stroke-dashoffset:60}18%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}
.p-tuition .pen{fill:#0F3A41;stroke:#0F3A41;offset-path:path("M54 72c16-4 34-4 54 0M54 88c16-4 34-4 54 0M54 104c16-4 34-4 46 0");offset-rotate:0deg;animation:penmv 5s linear infinite}
@keyframes penmv{0%{offset-distance:0%}55%{offset-distance:100%}100%{offset-distance:100%}}
/* preschool */
.p-pre .blk rect{fill:#fff}
.p-pre .b1 rect{fill:#F3C98B}.p-pre .b2 rect{fill:#BFE3E9}.p-pre .b3 rect{fill:#F3B8C4}
.p-pre .blk{animation:drop 4.5s cubic-bezier(.34,1.56,.64,1) infinite}
.p-pre .b2{animation-delay:.25s}.p-pre .b3{animation-delay:.5s}
@keyframes drop{0%{transform:translateY(-120px);opacity:0}18%,85%{transform:none;opacity:1}100%{transform:none;opacity:0}}
.p-pre .ball{fill:#B4690E;stroke:#B4690E;animation:bounce 1.2s cubic-bezier(.5,0,.5,1) infinite alternate}
@keyframes bounce{to{transform:translateY(-46px)}}
.p-pre .star{fill:#F2A900;stroke:#F2A900;transform-box:fill-box;transform-origin:center;animation:twk 2s ease-in-out infinite}
@keyframes twk{50%{transform:rotate(20deg) scale(.8)}}
.aps:not(.live) .ill *{animation-play-state:paused!important}
/* body */
.ap-body{flex:1 1 auto;padding:14px 20px 16px;display:flex;flex-direction:column;gap:8px;min-height:0}
.ap h3{font-size:clamp(1.15rem,.9rem + .7vw,1.55rem);letter-spacing:-.035em;line-height:1.1;transition:font-size .6s var(--ease)}
.ap.on h3{font-size:clamp(1.4rem,1rem + 1vw,1.9rem)}
.ap-more{width:max(420px,100%);display:grid;gap:8px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .5s var(--ease);pointer-events:none}
.ap.on .ap-more{opacity:1;transform:none;transition:opacity .5s .35s,transform .7s .35s var(--ease);pointer-events:auto}
.ap-for{font-size:13.5px;color:var(--mu);font-weight:500}
.ap ul{display:grid;gap:4px;margin:0 0 2px}
.ap li{display:grid;grid-template-columns:20px 1fr;gap:8px;font-size:14px;line-height:1.35;opacity:0;transform:translateX(-8px)}
.ap.on li{animation:liin .6s var(--ease) forwards;animation-delay:calc(.5s + var(--j) * .12s)}
@keyframes liin{to{opacity:1;transform:none}}
.ap li i{width:18px;height:18px;border-radius:50%;background:var(--ac);color:var(--c);display:grid;place-items:center;margin-top:1px}
.p-school li i{color:#04191C}
.ap li i svg{width:11px;height:11px}
.ap-cta{display:inline-flex;align-items:center;gap:8px;width:fit-content;font-size:14px;font-weight:600;color:var(--fg);text-decoration:none;border-bottom:1.5px solid var(--ac);padding-bottom:2px}
.ap-cta svg{width:13px;height:13px;transition:transform .35s var(--ease)}
.ap-cta:hover svg{transform:translate(2px,-2px)}
.ap-prog{position:absolute;left:20px;right:20px;bottom:10px;height:2px;border-radius:2px;background:color-mix(in srgb,var(--fg) 14%,transparent);overflow:hidden;opacity:0;transition:opacity .3s}
.ap.on .ap-prog{opacity:1}
.ap-prog i{display:block;height:100%;width:calc(var(--p,0) * 100%);background:var(--ac)}
.ap:not(.on):hover{box-shadow:0 18px 30px -24px rgba(10,13,15,.5)}
.ap:not(.on):hover .ill{transform:scale(.88)}
.aud-also{margin-top:10px;font-size:14px;color:var(--ink-2)}
.aud-also a{color:var(--cyan-deep);font-weight:600}
@media (max-width:900px){
  .aps{height:auto;flex-direction:column}
  .ap{flex:none}
  .ap .ap-vis{flex:none;height:150px}
  .ap:not(.on) .ap-vis{height:90px}
  .ap:not(.on) .ap-body{padding-block:12px}
  .ap-more{width:100%;display:none}
  .ap.on .ap-more{display:grid}
  .ap-prog{display:none}
}

/* ---- professional monochrome panels + focus blur ---- */
.ap,.p-coach,.p-tuition,.p-pre{--c:#0D181D;--cv:#12222A;--fg:#F2F7F8;--mu:#8FA6AD;--ac:#00B4CC}
.ap{border:1px solid rgba(255,255,255,.06);transition:flex-grow .8s var(--ease),box-shadow .5s,filter .45s,opacity .45s,transform .45s var(--ease)}
.ap.on{box-shadow:0 0 0 1px rgba(0,180,204,.45),0 30px 50px -28px rgba(4,25,28,.65)}
.ap::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#00B4CC,transparent);opacity:0;transition:opacity .5s;z-index:2}
.ap.on::before{opacity:1}
.ap-vis{background:radial-gradient(ellipse 70% 80% at 50% 100%,rgba(0,180,204,.16),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/16px 16px,var(--cv)}
.ap-n{color:#5FE3F2;letter-spacing:.04em}
.ap li i,.p-school li i{background:#00B4CC;color:#04191C}
.ap-cta{border-bottom-color:#00B4CC}
.aps.focus .ap:not(.on){filter:blur(3px) saturate(.4);opacity:.45;transform:scale(.985)}
/* illustrations recoloured */
.ill *{stroke:#E6F2F4}
.p-coach .board{fill:rgba(255,255,255,.05);stroke:#E6F2F4}
.p-coach .bars rect{fill:#00B4CC;stroke:#00B4CC}
.p-coach .ar{stroke:#5FE3F2}
.p-tuition .bk{fill:rgba(255,255,255,.06)}
.p-tuition .ln{stroke:#5FE3F2}
.p-tuition .pen{fill:#00B4CC;stroke:#00B4CC}
.p-tuition .glow{fill:rgba(0,180,204,.22)}
.p-pre .blk rect{fill:rgba(255,255,255,.06)}
.p-pre .b1 rect{fill:rgba(0,180,204,.22)}.p-pre .b2 rect{fill:rgba(255,255,255,.08)}.p-pre .b3 rect{fill:#00B4CC;stroke:#00B4CC}
.p-pre .b3 text{fill:#04191C}
.p-pre .ball{fill:#5FE3F2;stroke:#5FE3F2}
.p-pre .star{fill:#5FE3F2;stroke:#5FE3F2}
@media (max-width:900px){.aps.focus .ap:not(.on){filter:none;opacity:1;transform:none}}

/* ---------- Who we work with: arc carousel ---------- */
.cz{padding-block:clamp(32px,4vw,56px);overflow:hidden}
.cz-head{display:flex;justify-content:space-between;align-items:end;gap:16px 40px;flex-wrap:wrap}
.cz-head h2{font-size:clamp(1.9rem,1rem + 2vw,2.8rem);letter-spacing:-.045em;line-height:1}
.cz-head p{color:var(--ink-2);font-size:15.5px;margin-top:8px;max-width:52ch}
.cz-nav{display:flex;gap:8px}
.cz-arr{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--ease)}
.cz-arr svg{width:18px;height:18px}
.cz-arr:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.cz-arr:active{transform:scale(.94)}
.cz-stage{--sx:clamp(150px,17vw,250px);--sy:30px;position:relative;height:clamp(230px,19vw,260px);margin-top:10px;touch-action:pan-y}
.cz-arc{position:absolute;left:-4%;width:108%;top:28%;height:60%;overflow:visible;pointer-events:none}
.cz-arc path{fill:none;stroke:#C9D3D7;stroke-width:1.5;stroke-dasharray:3 8;vector-effect:non-scaling-stroke}
.cz-plat{position:absolute;left:50%;bottom:22px;width:clamp(240px,24vw,330px);height:46px;margin-left:calc(clamp(240px,24vw,330px) / -2);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,180,204,.32),rgba(0,180,204,.08) 55%,transparent 72%);animation:plat 3.2s ease-in-out infinite}
.cz-plat::after{content:"";position:absolute;inset:14px 18%;border-radius:50%;border:1.5px solid rgba(0,180,204,.5)}
@keyframes plat{50%{transform:scale(1.06);opacity:.8}}
.cz-it{--d:0;--ad:0;--s:1;--b:0px;--o:1;position:absolute;left:50%;top:0;width:clamp(210px,20vw,270px);margin-left:calc(clamp(210px,20vw,270px) / -2);background:none;border:0;padding:0;cursor:pointer;color:var(--ink);display:grid;justify-items:center;gap:6px;transform:translateX(calc(var(--d) * var(--sx))) translateY(calc(var(--ad) * var(--sy))) rotate(calc(var(--d) * 5deg)) scale(var(--s));filter:blur(var(--b)) grayscale(calc(var(--ad) * .45));opacity:var(--o);transition:transform 1s cubic-bezier(.65,0,.25,1),filter .9s,opacity .9s;transform-origin:50% 60%;z-index:calc(10 - var(--ad))}
.cz-it.nt{transition:none}
.cz-it:focus-visible{outline:2px solid var(--cyan);outline-offset:6px;border-radius:12px}
.cz-it.ctr{cursor:default}
.cz-lb{font-size:15px;font-weight:600;letter-spacing:-.02em;white-space:nowrap;transition:opacity .5s}
.cz-it.ctr .cz-lb{opacity:0}
.zi{width:100%;height:auto;overflow:visible;filter:drop-shadow(0 18px 18px rgba(10,13,15,.10))}
.zi *{fill:none;stroke:#0F2A31;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.zi text{stroke:none;fill:#0F2A31;font:700 20px var(--f);text-anchor:middle}
.zi text.dk{fill:#04191C}
.zi .fillsoft{fill:#fff}
.zi .acc{fill:#00B4CC;stroke:#00B4CC}
.zi .sun{stroke:#00B4CC;transform-box:fill-box;transform-origin:center;animation:sunp 3s ease-in-out infinite}
.zi .win rect{fill:#E7F2F4;animation:winlit2 4s infinite}
.zi .win rect:nth-child(2){animation-delay:.4s}.zi .win rect:nth-child(3){animation-delay:.8s}.zi .win rect:nth-child(4){animation-delay:1.2s}.zi .win rect:nth-child(5){animation-delay:1.6s}
@keyframes winlit2{0%,30%{fill:#E7F2F4}40%,80%{fill:#00B4CC}100%{fill:#E7F2F4}}
.zi .flag{fill:#00B4CC;stroke:#00B4CC;transform-box:fill-box;transform-origin:left center;animation:flag 1.6s ease-in-out infinite}
.zi .chalk{stroke:#007F91;stroke-dasharray:110;stroke-dashoffset:110;animation:chalk 4.5s infinite}
.zi .k2{animation-delay:.6s}.zi .k3{animation-delay:1.2s}
.zi .bars rect{fill:#00B4CC;stroke:#00B4CC;transform-box:fill-box;transform-origin:bottom;animation:barg 4.5s var(--ease) infinite}
.zi .bars rect:nth-child(2){animation-delay:.25s}.zi .bars rect:nth-child(3){animation-delay:.5s}
.zi .arw{stroke:#00B4CC;stroke-dasharray:90;stroke-dashoffset:90;animation:chalk 4.5s .9s infinite}
.zi .glow{fill:rgba(0,180,204,.18);stroke:none;animation:glow 3s ease-in-out infinite}
.zi .ln{stroke:#00B4CC;stroke-dasharray:60;stroke-dashoffset:60;animation:write 5s infinite}
.zi .l2{animation-delay:1s}.zi .l3{animation-delay:2s}
.zi .pen{fill:#0F2A31;offset-path:path("M54 72c16-4 34-4 54 0M54 88c16-4 34-4 54 0M54 104c16-4 34-4 46 0");offset-rotate:0deg;animation:penmv 5s linear infinite}
.zi .blk{animation:drop 4.5s cubic-bezier(.34,1.56,.64,1) infinite}
.zi .q2{animation-delay:.25s}.zi .q3{animation-delay:.5s}
.zi .ball{fill:#00B4CC;stroke:#00B4CC;animation:bounce 1.2s cubic-bezier(.5,0,.5,1) infinite alternate}
.zi .star{fill:#00B4CC;stroke:#00B4CC;transform-box:fill-box;transform-origin:center;animation:twk 2s ease-in-out infinite}
.zi .dot{stroke:none;animation:dotp 2.4s ease-in-out infinite}
.zi .d1{fill:#00B4CC}.zi .d2{fill:#0F2A31;animation-delay:.4s}.zi .d3{fill:#7FD9E5;animation-delay:.8s}
@keyframes dotp{50%{transform:translateY(-4px)}}
.zi .note{animation:notef 3s ease-in-out infinite}
.zi .n2{animation-delay:1.2s}
@keyframes notef{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.cz-stage:not(.live) .zi *{animation-play-state:paused!important}
.cz-info{display:grid;justify-items:center;text-align:center;gap:8px;margin-top:4px}
.cz-info>*{transition:opacity .45s,transform .6s var(--ease)}
.cz-info.out>*{opacity:0;transform:translateY(10px)}
.cz-info.out .cz-foot{opacity:1;transform:none}
.cz-info h3{font-size:clamp(1.6rem,1rem + 1.6vw,2.4rem);letter-spacing:-.045em;line-height:1}
.cz-for{font-size:14.5px;color:var(--ink-2);font-weight:500}
.cz-pts{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 10px;margin-top:4px;max-width:920px}
.cz-pts li{display:flex;align-items:center;gap:8px;font-size:14px;padding:7px 14px 7px 8px;border-radius:999px;background:var(--soft);opacity:0;transform:translateY(8px) scale(.96);transition:opacity .45s,transform .6s cubic-bezier(.34,1.56,.64,1);transition-delay:calc(.15s + var(--j) * .1s)}
.cz-pts li.on{opacity:1;transform:none}
.cz-pts li i{width:20px;height:20px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;flex:none}
.cz-pts li i svg{width:11px;height:11px}
.cz-foot{display:flex;align-items:center;gap:18px 28px;flex-wrap:wrap;justify-content:center;margin-top:8px}
.cz-cta{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;font-size:14.5px;font-weight:600;text-decoration:none;transition:background-color .25s}
.cz-cta:hover{background:var(--cyan-deep)}
.cz-cta svg{width:14px;height:14px}
.cz-dots{display:flex;gap:6px;align-items:center}
.cz-dot{width:8px;height:8px;border-radius:8px;border:0;background:#C9D3D7;cursor:pointer;padding:0;position:relative;overflow:hidden;transition:width .5s var(--ease),background-color .3s}
.cz-dot.on{width:34px;background:#DDE5E8}
.cz-dot.on::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0) * 100%);background:#00B4CC}
@media (max-width:760px){
  .cz-stage{--sx:clamp(120px,36vw,160px);--sy:22px;height:200px}
  .cz-it{width:190px;margin-left:-95px}
  .cz-it[data-far]{opacity:0!important}
  .cz-nav{display:none}
  .cz-pts{flex-direction:column;align-items:stretch}
  .cz-pts li{justify-content:flex-start;text-align:left}
}

/* compact arc carousel */
@media (min-width:761px){
  .cz-head p{margin-top:6px;font-size:15px}
  .cz-stage{height:clamp(196px,16vw,224px);margin-top:0;--sx:clamp(150px,16vw,230px);--sy:24px}
  .cz-it{width:clamp(190px,17vw,232px);margin-left:calc(clamp(190px,17vw,232px) / -2)}
  .cz-plat{bottom:10px;height:40px}
  .cz-info{gap:6px;margin-top:0}
  .cz-info h3{font-size:clamp(1.5rem,1rem + 1.2vw,2.1rem)}
  .cz-for{font-size:14px}
  .cz-pts{flex-wrap:nowrap;max-width:none;gap:8px;margin-top:2px}
  .cz-pts li{font-size:13px;padding:6px 12px 6px 7px;white-space:nowrap}
  .cz-foot{margin-top:6px}
  .cz-cta{height:40px;font-size:14px}
}
@media (min-width:761px) and (max-width:1100px){.cz-pts{flex-wrap:wrap}}

/* ---- carousel as cards ---- */
.cz-stage{height:clamp(360px,28vw,384px);--sx:clamp(210px,22vw,310px);--sy:22px;margin-top:14px}
.cz-it{width:clamp(300px,26vw,350px);margin-left:calc(clamp(300px,26vw,350px) / -2);display:flex;flex-direction:column;gap:0;justify-items:initial;text-align:left;background:#0D181D;color:#F2F7F8;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 24px 44px -26px rgba(4,25,28,.55);transform-origin:50% 100%}
.cz-it.ctr{box-shadow:0 0 0 1px rgba(0,180,204,.5),0 34px 60px -30px rgba(4,25,28,.7)}
.cz-it::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#00B4CC,transparent);opacity:0;transition:opacity .6s;z-index:2}
.cz-it.ctr::before{opacity:1}
.cz-vis{position:relative;height:clamp(132px,11vw,150px);display:grid;place-items:center;background:radial-gradient(ellipse 70% 80% at 50% 100%,rgba(0,180,204,.18),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/16px 16px,#12222A}
.cz-vis .zi{width:68%;filter:none}
.cz-n{position:absolute;left:14px;top:12px;font-size:12px;font-weight:600;color:#5FE3F2;letter-spacing:.04em}
.cz-bd{padding:14px 18px 16px;display:grid;gap:7px}
.cz-bd h3{font-size:1.35rem;letter-spacing:-.035em;line-height:1.1}
.cz-fr{font-size:13px;color:#8FA6AD;font-weight:500}
.cz-bd ul{display:grid;gap:5px;margin:2px 0 4px}
.cz-bd li{display:grid;grid-template-columns:18px 1fr;gap:8px;font-size:13px;line-height:1.35;color:#DCE7EA}
.cz-bd li i{width:18px;height:18px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;margin-top:1px}
.cz-bd li i svg{width:10px;height:10px}
.cz-it.ctr li{animation:liin2 .6s var(--ease) both;animation-delay:calc(.45s + var(--j) * .12s)}
@keyframes liin2{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
.cz-cta2{display:inline-flex;align-items:center;gap:8px;width:fit-content;height:38px;padding:0 16px;border-radius:999px;background:#00B4CC;color:#04191C;font-size:13.5px;font-weight:600;text-decoration:none;transition:background-color .25s}
.cz-cta2:hover{background:#5FE3F2}
.cz-cta2 svg{width:13px;height:13px}
.cz-it:not(.ctr) .cz-cta2{pointer-events:none}
.cz-it:not(.ctr){cursor:pointer}
/* light-on-dark illustrations inside cards */
.cz-it .zi *{stroke:#E6F2F4}
.cz-it .zi text{fill:#E6F2F4}
.cz-it .zi text.dk{fill:#04191C}
.cz-it .zi .fillsoft{fill:rgba(255,255,255,.06)}
.cz-it .zi .acc,.cz-it .zi .flag,.cz-it .zi .bars rect,.cz-it .zi .ball,.cz-it .zi .star,.cz-it .zi .pen{fill:#00B4CC;stroke:#00B4CC}
.cz-it .zi .sun,.cz-it .zi .arw{stroke:#5FE3F2}
.cz-it .zi .chalk{stroke:#fff}
.cz-it .zi .ln{stroke:#5FE3F2}
.cz-it .zi .win rect{animation-name:winlit3}
@keyframes winlit3{0%,30%{fill:rgba(255,255,255,.08)}40%,80%{fill:#5FE3F2}100%{fill:rgba(255,255,255,.08)}}
.cz-it .zi .d2{fill:#E6F2F4}
.cz-plat{bottom:-14px;width:clamp(320px,30vw,420px);margin-left:calc(clamp(320px,30vw,420px) / -2);height:40px}
.cz-under{display:flex;justify-content:center;margin-top:20px}
@media (min-width:761px){.cz-stage{height:clamp(360px,28vw,384px);--sx:clamp(210px,22vw,310px);--sy:22px}.cz-it{width:clamp(300px,26vw,350px);margin-left:calc(clamp(300px,26vw,350px) / -2)}}
@media (max-width:760px){.cz-stage{--sx:clamp(200px,62vw,250px);height:400px}.cz-it{width:min(300px,80vw);margin-left:calc(min(300px,80vw) / -2)}}

/* tighter cards so whole section fits */
@media (min-width:761px){
  .cz-head p{max-width:none}
  .cz-stage{height:322px;--sx:clamp(230px,24vw,330px);--sy:18px;margin-top:12px}
  .cz-it{width:clamp(330px,29vw,390px);margin-left:calc(clamp(330px,29vw,390px) / -2)}
  .cz-vis{height:112px}
  .cz-vis .zi{width:auto;height:96px}
  .cz-bd{padding:12px 18px 14px;gap:6px}
  .cz-bd h3{font-size:1.25rem}
  .cz-fr{font-size:12.5px}
  .cz-bd ul{gap:4px;margin:1px 0 3px}
  .cz-bd li{font-size:12.5px;line-height:1.3}
  .cz-cta2{height:34px;font-size:13px;padding:0 14px}
  .cz-under{margin-top:14px}
  .cz-plat{bottom:-16px}
}

/* ---------- Insights from the founders ---------- */
.fn{padding-block:clamp(36px,4.5vw,64px)}
.fn-top{display:flex;justify-content:space-between;align-items:center;gap:14px 30px;flex-wrap:wrap;margin-bottom:18px}
.fn-top h2{font-size:clamp(1.9rem,1rem + 2vw,2.8rem);letter-spacing:-.045em;line-height:1}
.fn-top h2 .serif{color:var(--cyan-deep)}
.fn-chips{display:flex;flex-wrap:wrap;gap:6px}
.fn-chips li{font-size:12.5px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:var(--soft);color:var(--ink-2)}
.fn-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:22px;overflow:hidden;min-height:clamp(250px,21vw,290px);box-shadow:0 30px 60px -36px rgba(4,25,28,.5)}
.fn-wall{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 70% at 30% 40%,#1A2A30,#0A1215 75%);display:grid;place-items:center}
.fn-wall::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 40px)}
.fn-brand{position:relative;display:flex;align-items:center;gap:14px;transform:translateY(-14%)}
.fn-brand img{width:clamp(70px,7vw,100px);height:auto;filter:drop-shadow(0 6px 16px rgba(0,180,204,.35))}
.fn-brand b{font-size:clamp(2.6rem,1.2rem + 4vw,4.6rem);font-weight:700;letter-spacing:-.04em;color:#F2F7F8;line-height:1;text-shadow:0 8px 30px rgba(0,0,0,.5)}
.fn-faces{position:absolute;left:50%;bottom:16%;transform:translateX(-50%);display:flex}
.fn-faces span{width:clamp(56px,5vw,70px);height:clamp(56px,5vw,70px);border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1.4rem;color:#04191C;background:linear-gradient(140deg,#5FE3F2,#00B4CC);border:3px solid #0D181D;box-shadow:0 10px 24px -8px rgba(0,0,0,.6)}
.fn-faces span+span{margin-left:-14px;background:linear-gradient(140deg,#E6F2F4,#9FB9C0)}
.fn-tag{position:absolute;left:14px;bottom:12px;font-size:11.5px;font-weight:600;color:#C9D7DD;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:4px 10px;backdrop-filter:blur(6px)}
.fn-sweep{position:absolute;top:-20%;bottom:-20%;width:30%;left:-40%;background:linear-gradient(100deg,transparent,rgba(95,227,242,.12),transparent);transform:skewX(-18deg);animation:fnsw 6s ease-in-out infinite;z-index:1;pointer-events:none}
@keyframes fnsw{0%{left:-40%}50%,100%{left:120%}}
.fn-quote{background:#0B1E26;color:#F2F7F8;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:center;gap:14px;position:relative}
.fn-qm{width:30px;height:auto;fill:#00B4CC;opacity:.9}
.fn-quote blockquote{margin:0;font-size:clamp(1rem,.9rem + .45vw,1.22rem);line-height:1.55;letter-spacing:-.01em;color:#E6EFF1;max-width:52ch}
.fn-by b{display:block;font-size:15px}
.fn-by span{display:block;font-size:13px;color:#8FA6AD;margin-top:2px}
.fn-links{display:flex;flex-wrap:wrap;gap:10px 26px}
.fn-links a{display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:14px;font-weight:600;text-decoration:none;padding-bottom:3px;border-bottom:1.5px solid #00B4CC}
.fn-links a svg{width:13px;height:13px;transition:transform .35s var(--ease)}
.fn-links a:hover svg{transform:translate(2px,-2px)}
.fn-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:14px}
.fn-tile{position:relative;height:clamp(150px,12.5vw,176px);border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;display:block;isolation:isolate;background:#0F2A31}
.fn-tile.t2{background:#12313A}.fn-tile.t3{background:#0D181D}
.fn-tile::before{content:"";position:absolute;inset:0;background:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/16px 16px;z-index:-1}
.fn-art{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:34px;transition:transform .8s var(--ease)}
.fn-tile:hover .fn-art{transform:scale(1.05)}
.fn-cap{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.fn-cap b{font-size:13px;font-weight:600;background:rgba(10,18,21,.75);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:6px 12px;line-height:1.25;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .3s}
.fn-tile:hover .fn-cap b{background:#00B4CC;color:#04191C;border-color:#00B4CC}
.fn-cap small{font-size:11.5px;color:#8FA6AD;white-space:nowrap;flex:none}
.ck{display:grid;gap:6px;width:min(250px,70%)}
.ck span{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;color:#DCE7EA;padding:5px 10px;border-radius:8px;background:rgba(255,255,255,.06)}
.ck span::before{content:"";width:12px;height:12px;border-radius:50%;border:1.5px solid #5FE3F2;flex:none;background:transparent;animation:ckt 6s infinite;animation-delay:calc(var(--n) * .5s)}
.ck span:nth-child(1){--n:0}.ck span:nth-child(2){--n:1}.ck span:nth-child(3){--n:2}.ck span:nth-child(4){--n:3}.ck span:nth-child(5){--n:4}
@keyframes ckt{0%,8%{background:transparent}14%,80%{background:#00B4CC;box-shadow:inset 0 0 0 2px #0F2A31}100%{background:transparent}}
.t1 .ck{grid-template-columns:1fr 1fr;width:min(340px,80%)}
.t1 .ck span:nth-child(5){grid-column:1/-1;justify-self:center}
.gp{width:120px;height:auto;overflow:visible}
.gp .pinb{fill:#00B4CC;stroke:none;animation:pin 4s cubic-bezier(.34,1.56,.64,1) infinite}
.gp circle{fill:#0F2A31;animation:pin 4s cubic-bezier(.34,1.56,.64,1) infinite}
.gp .stars{display:none}
.fn-art .st{position:absolute;top:22%;font-size:15px;letter-spacing:.2em;color:#F2C14E;animation:stsh 4s infinite}
@keyframes stsh{0%,40%{opacity:0;transform:translateY(6px)}50%,90%{opacity:1;transform:none}100%{opacity:0}}
.ep{width:min(220px,80%);height:auto;overflow:visible}
.ep path{fill:none;stroke:rgba(255,255,255,.28);stroke-width:2;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:140;animation:epd 5s infinite}
.ep path:nth-child(2){animation-delay:.15s}.ep path:nth-child(3){animation-delay:.3s}.ep path:nth-child(4){animation-delay:.45s}.ep path:nth-child(5){animation-delay:.6s}
.ep .one{stroke:#00B4CC;stroke-width:3;stroke-dasharray:60;stroke-dashoffset:60;animation:epo 5s infinite}
@keyframes epd{0%{stroke-dashoffset:140}35%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:140}}
@keyframes epo{0%,35%{stroke-dashoffset:60}50%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}
.fn:not(.live) *{animation-play-state:paused!important}
@media (max-width:900px){.fn-tag{top:12px;bottom:auto}.fn-hero{grid-template-columns:1fr}.fn-wall{min-height:220px}.fn-row{grid-template-columns:1fr 1fr}.fn-tile.t1{grid-column:1/-1}}
@media (max-width:560px){.fn-row{grid-template-columns:1fr}.fn-cap{flex-direction:column;align-items:flex-start;gap:4px}.fn-cap b{white-space:normal}}

/* compact founders: fits one screen */
@media (min-width:901px){
  .fn{padding-block:clamp(28px,3.4vw,48px)}
  .fn-top{margin-bottom:12px}
  .fn-top h2{font-size:clamp(1.7rem,1rem + 1.5vw,2.4rem)}
  .fn-chips li{font-size:12px;padding:5px 11px}
  .fn-hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:0;height:clamp(214px,17.5vw,240px)}
  .fn-brand img{width:clamp(56px,5vw,74px)}
  .fn-brand b{font-size:clamp(2.2rem,1rem + 2.8vw,3.4rem)}
  .fn-faces span{width:48px;height:48px;font-size:1.1rem}
  .fn-faces{bottom:14%}
  .fn-quote{padding:18px clamp(22px,2.6vw,34px);gap:9px}
  .fn-qm{width:22px}
  .fn-quote blockquote{font-size:clamp(.92rem,.8rem + .3vw,1.03rem);line-height:1.5;max-width:64ch}
  .fn-by b{font-size:14px}.fn-by span{font-size:12.5px}
  .fn-links a{font-size:13.5px}
  .fn-row{margin-top:12px;gap:12px}
  .fn-tile{height:clamp(118px,9.6vw,134px);border-radius:16px}
  .fn-art{padding-bottom:30px}
  .fn-art .ck{gap:4px}.ck span{padding:3px 9px;font-size:11.5px}
  .gp{width:84px}.fn-art .st{top:14%;font-size:13px}
  .ep{width:min(180px,70%)}
  .fn-cap{left:10px;right:10px;bottom:10px}
  .fn-cap b{font-size:12.5px;padding:5px 11px}
}

/* ---------- Questions: 3D cube + folding answers ---------- */
.fq{padding-block:clamp(40px,5vw,72px)}
.fq-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:center}
.fq-l{display:grid;gap:14px;justify-items:start;position:relative}
.fq-l h2{font-size:clamp(2.2rem,1.2rem + 2.6vw,3.6rem);letter-spacing:-.05em;line-height:.98}
.fq-l h2 .serif{color:var(--cyan-deep)}
.fq-l p{color:var(--ink-2);font-size:15.5px;max-width:34ch}
.fq-ask{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;background:var(--ink);color:#fff;font-size:14.5px;font-weight:600;text-decoration:none;transition:background-color .25s}
.fq-ask:hover{background:var(--cyan-deep)}
.fq-ask svg{width:14px;height:14px}
.cb-scene{--z:66px;position:relative;width:calc(var(--z) * 2);height:calc(var(--z) * 2);margin:22px 0 26px clamp(10px,4vw,60px);perspective:700px}
.cb{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.cb-f{position:absolute;inset:0;border-radius:18px;display:grid;place-items:center;align-content:center;gap:4px;color:#fff;background:linear-gradient(140deg,#14505B 0%,#0D2A31 55%,#0A1C21 100%);border:1px solid rgba(95,227,242,.35);box-shadow:inset 0 0 30px rgba(0,180,204,.18);backface-visibility:hidden}
.cb-f::after{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(120deg,rgba(255,255,255,.18),transparent 40%);pointer-events:none}
.cb-n{font-size:2.6rem;font-weight:700;letter-spacing:-.05em;line-height:1;color:#5FE3F2}
.cb-l{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#C9E3E8}
.f0{transform:rotateY(0deg) translateZ(var(--z))}
.f1{transform:rotateY(90deg) translateZ(var(--z))}
.f2{transform:rotateY(180deg) translateZ(var(--z))}
.f3{transform:rotateY(-90deg) translateZ(var(--z))}
.f4{transform:rotateX(90deg) translateZ(var(--z))}
.f5{transform:rotateX(-90deg) translateZ(var(--z))}
.cb-sh{position:absolute;left:50%;bottom:-34px;width:150%;height:22px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,127,145,.35),transparent 70%);filter:blur(4px)}
.fq-list{display:grid;gap:10px;perspective:1200px}
.fq-it{border:1px solid var(--line);border-radius:18px;background:#fff;transform-style:preserve-3d;transition:border-color .35s,box-shadow .5s var(--ease),transform .5s var(--ease)}
.fq-it:hover{border-color:#B9C4C9}
.fq-it.on{border-color:var(--ink);box-shadow:0 24px 40px -26px rgba(4,25,28,.45);transform:translateZ(14px)}
.fq-it h3{margin:0;font-size:inherit;letter-spacing:0}
.fq-q{width:100%;display:grid;grid-template-columns:38px minmax(0,1fr) 36px;gap:12px;align-items:center;background:none;border:0;padding:14px 16px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;border-radius:18px}
.fq-n{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:12.5px;font-weight:700;background:var(--soft);color:var(--ink-2);transition:background-color .35s,color .35s,transform .6s var(--ease)}
.fq-it.on .fq-n{background:#0F3A41;color:#5FE3F2;transform:rotateY(360deg)}
.fq-t{font-size:clamp(15.5px,1rem + .2vw,17.5px);font-weight:600;letter-spacing:-.02em}
.fq-pl{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);transition:transform .5s var(--ease),background-color .35s,color .35s}
.fq-pl svg{width:14px;height:14px}
.fq-it.on .fq-pl{transform:rotate(45deg);background:var(--ink);color:#fff}
.fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}
.fq-it.on .fq-a{grid-template-rows:1fr}
.fq-in{overflow:hidden;min-height:0;perspective:600px}
.fq-in p{margin:0;padding:0 18px 16px 66px;font-size:14.5px;line-height:1.55;color:var(--ink-2);max-width:62ch;transform-origin:top center;transform:rotateX(-80deg);opacity:0;transition:transform .6s var(--ease),opacity .4s}
.fq-it.on .fq-in p{transform:none;opacity:1;transition-delay:.1s}
@media (max-width:860px){.fq-g{grid-template-columns:1fr}.cb-scene{--z:52px;position:absolute;right:6px;top:0;margin:0}.fq-l{padding-right:130px}.fq-in p{padding-left:18px}}
@media (max-width:480px){.cb-scene{--z:40px}.fq-l{padding-right:96px}}

/* prism + compact FAQ */
.cb-scene{--w:104px;--h:140px;--r:90px;width:calc(var(--r) * 2 + 10px);height:var(--h);perspective:900px;margin:18px 0 30px clamp(0px,3vw,40px)}
.cb{transform-origin:50% 50% 0}
.cb-f{left:50%;width:var(--w);margin-left:calc(var(--w) / -2);inset:0 auto 0 50%;height:var(--h);border-radius:14px}
.cb-f::after{border-radius:14px}
.f0{transform:rotateY(0deg) translateZ(var(--r))}.f1{transform:rotateY(60deg) translateZ(var(--r))}.f2{transform:rotateY(120deg) translateZ(var(--r))}.f3{transform:rotateY(180deg) translateZ(var(--r))}.f4{transform:rotateY(240deg) translateZ(var(--r))}.f5{transform:rotateY(300deg) translateZ(var(--r))}
.cb-n{font-size:2.1rem}
.cb-l{font-size:10.5px;text-align:center;padding:0 6px}
.cb-sh{bottom:-26px;width:120%}
.fq{padding-block:clamp(32px,4vw,56px)}
.fq-list{gap:8px}
.fq-it.on{transform:translateY(-2px)}
.fq-q{padding:10px 14px;grid-template-columns:34px minmax(0,1fr) 32px}
.fq-n{width:32px;height:32px;font-size:12px}
.fq-pl{width:32px;height:32px}
.fq-t{font-size:clamp(15px,.95rem + .2vw,16.5px)}
.fq-in p{padding:0 16px 14px 60px;font-size:14px;line-height:1.5}
.fq-l{gap:12px}
.fq-l h2{font-size:clamp(2rem,1.1rem + 2.2vw,3.2rem)}
@media (max-width:860px){.cb-scene{--w:70px;--h:96px;--r:61px;position:absolute;right:0;top:0;margin:0}.fq-l{padding-right:140px}.cb-n{font-size:1.4rem}.cb-l{font-size:8px}.fq-in p{padding-left:16px}}
@media (max-width:480px){.cb-scene{--w:56px;--h:78px;--r:49px}.fq-l{padding-right:112px}}

/* FAQ chat card */
.fk{width:min(380px,100%);margin-top:8px;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 26px 50px -34px rgba(4,25,28,.45);overflow:hidden}
.fk-h{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#0B1E26;color:#fff}
.fk-av{display:flex}
.fk-av i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:14px;color:#04191C;background:linear-gradient(140deg,#5FE3F2,#00B4CC);border:2px solid #0B1E26}
.fk-av i+i{margin-left:-10px;background:linear-gradient(140deg,#E6F2F4,#9FB9C0)}
.fk-h b{display:block;font-size:14.5px}
.fk-h small{display:block;font-size:12px;color:#8FA6AD;margin-top:1px}
.fk-b{display:grid;gap:8px;padding:14px;background:radial-gradient(rgba(10,13,15,.05) 1px,transparent 1px) 0 0/14px 14px,#F6F9FA;min-height:150px;align-content:start}
.fk-m{max-width:84%;font-size:14px;line-height:1.4;padding:9px 12px;border-radius:14px;transition:opacity .35s,transform .45s var(--ease)}
.fk-m.in{justify-self:start;background:#fff;border:1px solid var(--line);border-top-left-radius:4px}
.fk-m.out{justify-self:end;background:#0F3A41;color:#fff;border-top-right-radius:4px}
.fk-m.dots{justify-self:end;display:flex;gap:4px;padding:11px 13px;background:#0F3A41;border-top-right-radius:4px}
.fk-m.dots i{width:6px;height:6px;border-radius:50%;background:#5FE3F2;animation:dot 1s infinite}
.fk-m.dots i:nth-child(2){animation-delay:.15s}.fk-m.dots i:nth-child(3){animation-delay:.3s}
.fk-m.hide{opacity:0;transform:translateY(8px)}
.fk-m.gone{display:none}
.fk-in{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px;padding:6px 6px 6px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink-3);font-size:14px;transition:border-color .25s}
.fk-in:hover{border-color:var(--ink)}
.fk-in i{width:34px;height:34px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;transition:background-color .25s}
.fk-in:hover i{background:var(--cyan-deep)}
.fk-in svg{width:14px;height:14px}
@media (max-width:860px){.fq-l{padding-right:0}.fk{width:100%}}

/* ---------- Footer (reference-style) ---------- */
.ft{background:#071A26;color:#E6EFF1;padding-top:clamp(56px,7vw,96px);position:relative;overflow:hidden;isolation:isolate}
.ft::before{content:"";position:absolute;width:60vw;height:60vw;left:-10vw;top:-30vw;border-radius:50%;background:radial-gradient(circle,rgba(0,180,204,.12),transparent 60%);z-index:-1}
.ft-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,64px);align-items:start}
.ft-formcol{display:grid;gap:14px;max-width:540px;width:100%;justify-self:center}
.ft-card{position:relative;background:#fff;color:var(--ink);border-radius:20px;padding:44px clamp(20px,2.6vw,32px) 22px;text-align:center;box-shadow:0 40px 70px -40px rgba(0,0,0,.7)}
.ft-avs{position:absolute;left:50%;top:-30px;transform:translateX(-50%);display:flex}
.ft-avs span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:1.2rem;color:#04191C;background:linear-gradient(140deg,#5FE3F2,#00B4CC);border:3px solid #fff;box-shadow:0 8px 20px -6px rgba(0,0,0,.4)}
.ft-avs span+span{margin-left:-12px}
.ft-avs span.mk{background:#0B1E26;z-index:1}
.ft-avs span.mk img{width:34px;height:auto}
.ft-avs span:last-child{background:linear-gradient(140deg,#E6F2F4,#9FB9C0)}
.ft-card h3{font-size:clamp(1.3rem,1rem + .9vw,1.7rem);letter-spacing:-.035em;line-height:1.15;color:#0B2A33}
.ft-sub{font-size:14.5px;color:var(--ink-2);margin:8px 0 18px}
.ft-sub b{color:var(--ink)}
.ft-f2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ft-fd input,.ft-fd select{width:100%;height:46px;border:1px solid #D2DADE;border-radius:12px;padding:0 14px;font:inherit;font-size:14.5px;color:var(--ink);background:#fff;transition:border-color .2s,box-shadow .2s}
.ft-fd select{appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%235E666C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center/16px;padding-right:36px;color:var(--ink)}
.ft-fd input::placeholder{color:#8C9499}
.ft-fd input:focus,.ft-fd select:focus{outline:none;border-color:#00B4CC;box-shadow:0 0 0 3px rgba(0,180,204,.18)}
.ft-fd.bad input{border-color:#C0392B}
.ft-err{min-height:0;font-size:13px;color:#B3261E;margin:8px 0 0;text-align:left}
.ft-err:empty{margin:0}
.ft-go{width:100%;height:52px;margin-top:12px;border:0;border-radius:999px;font:600 16px var(--f);color:#04191C;background:linear-gradient(90deg,#00B4CC,#5FE3F2);cursor:pointer;position:relative;overflow:hidden;box-shadow:0 14px 28px -12px rgba(0,180,204,.7);transition:transform .3s var(--ease),box-shadow .3s}
.ft-go:hover{transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(0,180,204,.85)}
.ft-go::after{content:"";position:absolute;top:0;bottom:0;width:40%;left:-60%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:shine 3.6s 1s ease-in-out infinite}
.ft-note{font-size:12.5px;color:var(--ink-3);margin-top:10px}
.ft-alt{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ft-pill{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#E6EFF1;font:500 14px var(--f);text-decoration:none;cursor:pointer;padding:0 14px;min-width:0;transition:border-color .25s,background-color .25s}
.ft-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ft-pill:hover{border-color:#5FE3F2;background:rgba(95,227,242,.06)}
.ft-pill svg{width:16px;height:16px;flex:none}
.ftc{background:linear-gradient(160deg,#10303A,#0B222B);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px 24px 16px;display:flex;flex-direction:column;gap:16px;min-height:100%}
.ftc h3{font-size:clamp(1.3rem,1rem + .8vw,1.65rem);letter-spacing:-.035em;color:#fff}
.ftc-stage{position:relative;flex:1;min-height:220px}
.ftc-s{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:22px;align-items:center;opacity:0;transform:translateX(24px);transition:opacity .5s,transform .7s var(--ease);pointer-events:none}
.ftc-s.on{opacity:1;transform:none;pointer-events:auto}
.ftc-s.out{opacity:0;transform:translateX(-24px)}
.ftc-art{position:relative;height:100%;min-height:200px;border-radius:16px;background:radial-gradient(ellipse 70% 70% at 50% 100%,rgba(0,180,204,.25),transparent 70%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/14px 14px,#0A1A20;display:grid;place-items:center;overflow:hidden}
.ftc-big{position:absolute;right:-6px;bottom:-24px;font-size:7.5rem;font-weight:800;letter-spacing:-.08em;color:rgba(95,227,242,.12);line-height:1}
.ftc-ic{width:78px;height:78px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(140deg,#00B4CC,#007F91);color:#fff;box-shadow:0 18px 30px -12px rgba(0,180,204,.6);transform:rotate(-6deg)}
.ftc-s.on .ftc-ic{animation:icpop .8s cubic-bezier(.34,1.56,.64,1)}
@keyframes icpop{from{transform:rotate(-30deg) scale(.4);opacity:0}to{transform:rotate(-6deg)}}
.ftc-ic svg{width:34px;height:34px}
.ftc-tx{display:grid;gap:8px}
.ftc-k{font-size:12.5px;font-weight:600;color:#5FE3F2}
.ftc-tx h4{font-size:clamp(1.15rem,1rem + .4vw,1.4rem);letter-spacing:-.03em;line-height:1.2;color:#fff}
.ftc-tx p{font-size:14.5px;line-height:1.5;color:#A9BEC4}
.ftc-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1);padding-top:14px}
.ftc-dots{display:flex;gap:7px}
.ftc-d{width:8px;height:8px;border-radius:8px;border:0;padding:0;background:rgba(255,255,255,.25);cursor:pointer;position:relative;overflow:hidden;transition:width .45s var(--ease)}
.ftc-d.on{width:30px;background:rgba(255,255,255,.2)}
.ftc-d.on::after{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--p,0)*100%);background:#00B4CC}
.ftc-arrs{display:flex;gap:8px}
.ftc-arrs button{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color .25s,border-color .25s}
.ftc-arrs button:hover{background:#fff;color:#071A26;border-color:#fff}
.ftc-arrs svg{width:16px;height:16px}
.ft-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:clamp(48px,6vw,80px);padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}
.ft-sl{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#A9BEC4}
.ft-stats b{display:block;font-size:clamp(2rem,1.2rem + 2vw,3.1rem);font-weight:700;letter-spacing:-.04em;color:#fff;margin-top:4px;font-variant-numeric:tabular-nums}
.ft-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding-block:34px 40px}
.ft-cols h4{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5FE3F2;margin-bottom:14px}
.ft-cols a,.ft-cols p{display:block;font-size:14.5px;color:#D3DEE3;text-decoration:none;margin:0 0 9px;width:fit-content;transition:color .2s}
.ft-cols a:hover{color:#5FE3F2}
.ft-cols p{color:#A9BEC4}
.ft-cols a.ft-cta2{margin-top:12px;color:#04191C;background:#00B4CC;border-radius:999px;padding:8px 14px;font-weight:600;font-size:13.5px}
.ft-cols a.ft-cta2:hover{background:#5FE3F2;color:#04191C}
.ft-bot{border-top:1px solid rgba(255,255,255,.1);background:#06151E;padding-block:18px calc(18px + env(safe-area-inset-bottom,0px))}
.ft-bot-in{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ft-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ft-brand img{width:38px;height:auto}
.ft-brand>span{font-size:16px;letter-spacing:.02em;color:#fff;margin-right:14px}
.ft-brand>span b{font-weight:700}
.ft-soc{display:flex;gap:8px}
.ft-soc a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#E6EFF1;transition:background-color .25s,color .25s,border-color .25s}
.ft-soc a:hover{background:#00B4CC;color:#04191C;border-color:#00B4CC}
.ft-soc svg{width:15px;height:15px}
.ft-legal{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:13.5px;color:#A9BEC4}
.ft-legal a{color:#D3DEE3;text-decoration:none}
.ft-legal a:hover{color:#5FE3F2}
@media (max-width:980px){.ft-top{grid-template-columns:1fr}.ft-formcol{max-width:none}.ft-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.ft-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ft-f2,.ft-alt{grid-template-columns:1fr}.ftc-s{grid-template-columns:1fr;align-content:start}.ftc-art{min-height:130px;height:130px}.ftc-stage{min-height:330px}.ft-cols{grid-template-columns:1fr 1fr}.ft-legal{flex-direction:column}}

.fk-logo{width:38px;height:38px;border-radius:11px;background:#fff;display:grid;place-items:center;flex:none}
.fk-logo img{width:28px;height:auto}

/* compact footer v2 */
.ft{padding-top:clamp(40px,4.6vw,60px)}
.ft-top{gap:clamp(24px,3vw,44px);align-items:stretch}
.ft-formcol{max-width:480px;gap:10px}
.ft-card{padding:38px 22px 16px;border-radius:18px}
.ft-badge{position:absolute;left:50%;top:-26px;transform:translateX(-50%);width:54px;height:54px;border-radius:16px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 24px -8px rgba(0,0,0,.45),0 0 0 4px #071A26}
.ft-badge img{width:36px;height:auto}
.ft-card h3{font-size:clamp(1.12rem,.95rem + .55vw,1.35rem)}
.ft-sub{font-size:13.5px;margin:6px 0 14px}
.ft-f2{gap:8px}
.ft-fd input,.ft-fd select{height:40px;font-size:13.5px;border-radius:10px;padding:0 12px}
.ft-go{height:44px;margin-top:10px;font-size:14.5px}
.ft-note{font-size:12px;margin-top:8px}
.ft-alt{gap:8px}
.ft-pill{height:40px;font-size:13px}
.ftc{padding:18px 20px 12px;gap:12px;border-radius:18px}
.ftc h3{font-size:clamp(1.1rem,.95rem + .5vw,1.3rem)}
.ftc-stage{min-height:0}
.ftc-art{min-height:0}
.ftc-ic{width:58px;height:58px;border-radius:16px}
.ftc-ic svg{width:26px;height:26px}
.ftc-big{font-size:5.4rem;bottom:-16px}
.ftc-tx{gap:6px}
.ftc-k{font-size:12px}
.ftc-tx h4{font-size:clamp(1rem,.9rem + .3vw,1.15rem)}
.ftc-tx p{font-size:13.5px}
.ftc-bar{padding-top:10px}
.ftc-arrs button{width:32px;height:32px}
.ft-cols{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;padding-block:30px 26px;margin-top:clamp(28px,3.4vw,44px);border-top:1px solid rgba(255,255,255,.1)}
.ft-cols h4{font-size:11.5px;margin-bottom:10px}
.ft-cols a,.ft-cols p{font-size:13.5px;margin-bottom:7px}
.ft-cols a.ft-cta2{font-size:12.5px;padding:6px 12px;margin-top:8px}
.ft-bot{padding-block:12px calc(12px + env(safe-area-inset-bottom,0px))}
.ft-lg{width:40px;height:40px;border-radius:11px;background:#fff;display:grid;place-items:center;flex:none}
.ft-lg img{width:28px!important;height:auto}
.ft-brand>span:not(.ft-lg){font-size:15px}
.ft-soc a{width:30px;height:30px}
.ft-soc svg{width:13px;height:13px}
.ft-legal{font-size:12.5px}
@media (min-width:981px){.ftc{display:flex}.ftc-stage{flex:1;min-height:200px}}
@media (max-width:560px){.ftc-stage{min-height:300px}}
.ft-top{grid-template-columns:1fr;justify-items:center}
.ft-formcol{max-width:520px}

/* outcomes: one screen, clean */
@media (min-width:981px){
  .oc{padding-block:clamp(28px,3vw,44px) clamp(28px,3vw,44px)}
  .oc h1{font-size:clamp(2rem,1rem + 2.1vw,3rem);line-height:1.02}
  .oc-sub{font-size:15px;margin-top:8px;max-width:70ch}
  .oc-chips{display:none}
  .oc-g{margin-top:22px;gap:28px}
  .oc-list{gap:7px}
  .oc-row{grid-template-columns:36px minmax(0,1fr) 30px;gap:14px;padding:7px 12px 7px 8px;border-radius:12px}
  .oc-row small{display:none}
  .oc-row b{font-size:15.5px}
  .oc-ic{width:36px;height:36px;border-radius:10px}
  .oc-ic svg{width:17px;height:17px}
  .oc-go{width:30px;height:30px}
  .oc-go svg{width:14px;height:14px}
  .oc-card .oc-vis{min-height:128px}
  .oc-vis .scene{font-size:calc(100cqw/72)}
  .oc-badge{left:12px;bottom:12px;padding:7px 11px 6px}
  .oc-badge b{font-size:1.5rem}.oc-badge small{font-size:11.5px}
  .oc-body{padding:14px 18px 14px;gap:9px}
  .oc-body h3{font-size:1.12rem}
  .oc-for{font-size:13px;margin-top:3px}
  .oc-checks{gap:5px}
  .oc-checks li{font-size:13.5px}
  .oc-meas{padding:8px 12px;font-size:12.5px}
  .oc-foot{padding-top:9px;font-size:13px}
}

@media (min-width:981px){
  .oc-list{padding:4px 12px 4px 4px;gap:6px;mask-image:none!important;-webkit-mask-image:none!important}
  .oc-row{padding:5px 10px 5px 6px;grid-template-columns:32px minmax(0,1fr) 28px}
  .oc-ic{width:32px;height:32px;border-radius:9px}
  .oc-ic svg{width:15px;height:15px}
  .oc-go{width:28px;height:28px}
  .oc-row b{font-size:15px}
}

@media (min-width:981px){
  .oc-top{display:flex;justify-content:space-between;align-items:flex-end;gap:12px 40px;flex-wrap:wrap}
  .oc h1{font-size:clamp(1.9rem,1rem + 1.7vw,2.7rem)}
  .oc-top .oc-sub{max-width:42ch;margin:0;font-size:14.5px;line-height:1.45}
  .oc-g{margin-top:20px}
  .oc-list{gap:5px}
  .oc-row{padding:4px 10px 4px 5px}
  .oc-card .oc-vis{min-height:108px}
  .oc-body{padding:12px 18px;gap:7px}
  .oc-checks{gap:3px}
  .oc-meas{padding:7px 12px}
  .oc-foot{padding-top:7px}
}

@media (min-width:981px){
  .oc-top{display:block}
  .oc-top .oc-sub{max-width:none;margin-top:6px;font-size:14.5px}
  .oc-g{margin-top:18px}
  .oc{padding-top:clamp(22px,2.4vw,36px)}
}

/* slimmer navigation */
:root{--hh:62px}
.logo img{width:40px}
.logo b{font-size:20px}
.logo small{font-size:8px;margin-top:2px}
.nav>a,.dd-btn{font-size:15.5px;padding:9px 12px}
.nav>a::after,.dd-btn::after{bottom:4px;left:12px;right:12px}
.dd-btn::after{right:30px}
.talk{height:40px;font-size:15px;padding:0 18px;border-radius:12px}
@media (max-width:1240px){.nav>a,.dd-btn{font-size:15px;padding:9px 10px}}
@media (max-width:1080px){.nav>a,.dd-btn{font-size:14px;padding:8px 8px}.talk{height:38px;padding:0 14px}}
@media (max-width:940px){:root{--hh:92px}.logo{height:44px}.hdr-row{padding-top:6px}.nav>a,.dd-btn{padding:10px 10px}}
@media (max-width:600px){.logo b{font-size:18px}.logo img{width:36px}.talk{height:38px}}

/* guides carousel */
.fn-car{display:block;overflow:hidden;margin-inline:calc(-1 * max(clamp(20px,4vw,56px),env(safe-area-inset-left,0px)));mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.fn-track{display:flex;gap:12px;width:max-content;animation:fnmq 48s linear infinite;padding-block:2px}
.fn-car:hover .fn-track,.fn-car:focus-within .fn-track{animation-play-state:paused}
@keyframes fnmq{to{transform:translateX(calc(-50% - 6px))}}
.fn-sl{flex:0 0 clamp(260px,24vw,330px)}
.fn-cap small.soon{color:#5FE3F2;background:rgba(95,227,242,.12);border-radius:999px;padding:2px 8px}
.gi{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;width:min(220px,72%)}
.gi-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,#00B4CC,#007F91);color:#fff;box-shadow:0 12px 22px -10px rgba(0,180,204,.6)}
.gi-ic svg{width:24px;height:24px}
.gi-l{display:grid;gap:7px}
.gi-l i{display:block;height:7px;border-radius:6px;width:var(--w);background:rgba(255,255,255,.16)}
.gi-l i:first-child{background:rgba(95,227,242,.55)}
@media (prefers-reduced-motion:reduce){.fn-track{animation:none}.fn-car{overflow-x:auto}}
@media (max-width:900px){.fn-row.fn-car{display:block}.fn-sl{flex-basis:260px}.fn-tile.t1{grid-column:auto}}
/* smaller Book Free Audit tab */
.book{gap:9px;padding:7px 6px 12px;border-radius:14px 0 0 14px}
.book i{width:32px;height:32px;border-width:1.5px}
.book i img{width:22px}
.book span{font-size:12.5px}
.book:hover{padding-right:9px}
/* footer: 4 columns */
.ft-cols{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.ft-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fn-sl.t1 .ck{width:90%;gap:3px}.fn-sl.t1 .ck span{font-size:10.5px;padding:3px 7px;white-space:nowrap}

/* ---------- Industries we grow ---------- */
.ind{background:#071A26;color:#E6EFF1;padding-block:clamp(40px,4.6vw,64px);position:relative;overflow:hidden;isolation:isolate}
.ind::before{content:"";position:absolute;width:60vw;height:60vw;right:-20vw;top:-30vw;border-radius:50%;background:radial-gradient(circle,rgba(0,180,204,.14),transparent 60%);z-index:-1}
.ind-head{display:flex;justify-content:space-between;align-items:end;gap:12px 40px;flex-wrap:wrap;margin-bottom:22px}
.ind-head h2{font-size:clamp(1.9rem,1rem + 2vw,2.8rem);letter-spacing:-.045em;line-height:1;color:#fff}
.ind-head h2 .serif{color:#5FE3F2}
.ind-head p{color:#A9BEC4;font-size:15px;max-width:58ch;line-height:1.5}
.in-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.in-c{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;padding:14px 16px;border-radius:16px;background:linear-gradient(160deg,#0E2833,#0A1E27);border:1px solid rgba(255,255,255,.08);transition:border-color .35s,transform .45s var(--ease),box-shadow .45s var(--ease)}
.in-c:hover{border-color:rgba(95,227,242,.45);transform:translateY(-3px);box-shadow:0 20px 34px -22px rgba(0,0,0,.7)}
.in-stk{position:relative;height:84px}
.in-stk span{position:absolute;top:6px;width:58px;height:72px;border-radius:10px;transition:transform .55s var(--ease)}
.in-stk .s3{left:4px;background:linear-gradient(160deg,#1C4652,#12313A);transform:rotate(-10deg);box-shadow:0 8px 16px -8px rgba(0,0,0,.6)}
.in-stk .s2{left:30px;background:linear-gradient(160deg,#245A68,#174450);transform:rotate(8deg);box-shadow:0 8px 16px -8px rgba(0,0,0,.6)}
.in-stk .s1{left:16px;top:2px;width:62px;height:78px;background:linear-gradient(150deg,#00B4CC,#007F91);display:grid;place-items:center;color:#fff;box-shadow:0 14px 24px -10px rgba(0,180,204,.55);border:1px solid rgba(255,255,255,.18)}
.in-stk .s1 svg{width:28px;height:28px}
.in-c:hover .s3{transform:rotate(-18deg) translateX(-8px)}
.in-c:hover .s2{transform:rotate(16deg) translateX(8px)}
.in-c:hover .s1{transform:translateY(-4px) scale(1.04)}
.in-tx h3{font-size:clamp(1.02rem,.9rem + .35vw,1.18rem);letter-spacing:-.025em;line-height:1.15;color:#fff;margin-bottom:9px}
.in-tx ul{display:flex;flex-wrap:wrap;gap:5px}
.in-tx li{font-size:11.5px;font-weight:600;color:#D3DEE3;padding:4px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04)}
.in-tx li.more{color:#5FE3F2;border-color:rgba(95,227,242,.35)}
.ind-note{margin-top:16px;font-size:14px;color:#A9BEC4}
.ind-note a{color:#5FE3F2;font-weight:600}
.ind.go .in-c{animation:inIn .7s var(--ease) both;animation-delay:calc(var(--n) * 60ms)}
@keyframes inIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:1000px){.in-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.in-grid{grid-template-columns:1fr}.in-c{grid-template-columns:84px minmax(0,1fr)}}

/* compact industries */
@media (min-width:621px){
  .ind{padding-block:clamp(28px,3vw,44px)}
  .ind-head{margin-bottom:16px}
  .ind-head h2{font-size:clamp(1.7rem,1rem + 1.5vw,2.4rem)}
  .ind-head p{font-size:14px}
  .in-grid{gap:10px}
  .in-c{grid-template-columns:78px minmax(0,1fr);gap:14px;padding:10px 14px}
  .in-stk{height:68px}
  .in-stk span{width:46px;height:58px;top:5px;border-radius:9px}
  .in-stk .s3{left:2px}.in-stk .s2{left:24px}
  .in-stk .s1{left:12px;top:1px;width:50px;height:64px}
  .in-stk .s1 svg{width:23px;height:23px}
  .in-tx h3{font-size:1.02rem;margin-bottom:7px}
  .in-tx li{font-size:11px;padding:3px 8px}
  .ind-note{margin-top:12px;font-size:13.5px}
}

/* ---- industries: alive ---- */
.ind{perspective:1400px}
.ind::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 75%);animation:gridpan 22s linear infinite}
@keyframes gridpan{to{background-position:44px 44px,44px 44px}}
.in-c{position:relative;isolation:isolate;--mx:50%;--my:50%;transition:border-color .4s,transform .55s var(--ease),box-shadow .55s var(--ease),background-color .4s}
.in-c::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx) var(--my),rgba(95,227,242,.9),transparent 60%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;pointer-events:none}
.in-c::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(320px circle at var(--mx) var(--my),rgba(0,180,204,.12),transparent 60%);opacity:0;transition:opacity .35s;z-index:-1;pointer-events:none}
.in-grid:hover .in-c::before,.in-grid:hover .in-c::after{opacity:1}
.in-c.spot{border-color:rgba(95,227,242,.55);transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(0,180,204,.45)}
.in-c.spot::after{opacity:1}
/* stacks as mini social posts */
.in-stk span.s2,.in-stk span.s3{overflow:hidden;padding:6px;display:grid;grid-template-rows:56% auto auto;gap:4px;align-content:start;border:1px solid rgba(255,255,255,.1)}
.in-stk .pp{display:block;border-radius:6px;background:linear-gradient(140deg,rgba(95,227,242,.55),rgba(0,127,145,.35))}
.in-stk .s3 .pp{background:linear-gradient(140deg,rgba(255,255,255,.25),rgba(95,227,242,.2))}
.in-stk .pl{display:block;height:4px;border-radius:4px;background:rgba(255,255,255,.3);width:85%}
.in-stk .pl.s{width:55%;background:rgba(255,255,255,.18)}
.in-stk .ph{position:absolute;right:5px;bottom:4px;font-size:9px;line-height:1;color:#FF7A93;opacity:0;transform:scale(.3);transition:opacity .3s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.in-c.spot .ph,.in-c:hover .ph{opacity:1;transform:none}
.in-c.spot .s3,.in-c:hover .s3{transform:rotate(-20deg) translate(-10px,-2px)}
.in-c.spot .s2,.in-c:hover .s2{transform:rotate(18deg) translate(10px,-2px)}
.in-c.spot .s1,.in-c:hover .s1{transform:translateY(-6px) scale(1.06)}
.in-stk .s1 svg{animation:icf 3.6s ease-in-out infinite;animation-delay:calc(var(--n) * -.4s)}
@keyframes icf{50%{transform:translateY(-3px) rotate(-4deg)}}
.in-stk .s1::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);background-size:250% 100%;background-position:120% 0;transition:background-position 0s}
.in-c.spot .s1::after,.in-c:hover .s1::after{background-position:-60% 0;transition:background-position .9s ease}
.in-stk .s1{position:absolute;overflow:hidden}
.in-tx li{transition:color .3s,border-color .3s,background-color .3s,transform .4s var(--ease)}
.in-c.spot .in-tx li,.in-c:hover .in-tx li{border-color:rgba(95,227,242,.4);background:rgba(95,227,242,.08)}
.in-c.spot .in-tx li:nth-child(1){transition-delay:.05s}.in-c.spot .in-tx li:nth-child(2){transition-delay:.12s}.in-c.spot .in-tx li:nth-child(3){transition-delay:.19s}.in-c.spot .in-tx li:nth-child(4){transition-delay:.26s}
.in-c.spot .in-tx li.more,.in-c:hover .in-tx li.more{background:#00B4CC;color:#04191C;border-color:#00B4CC}
/* entrance: flip up */
.ind.go .in-c{animation:inFlip .9s var(--ease) both;animation-delay:calc(var(--n) * 70ms);transform-origin:50% 100%}
@keyframes inFlip{from{opacity:0;transform:rotateX(-35deg) translateY(30px)}to{opacity:1;transform:none}}
.ind:not(.live) *{animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){.ind::after{animation:none}}

.in-c{grid-template-columns:118px minmax(0,1fr);padding:14px 16px 14px 12px}
.in-stk{height:92px}
.in-stk span.s2,.in-stk span.s3{width:62px;height:78px;top:8px}
.in-stk .s3{left:6px}.in-stk .s2{left:42px}
.in-stk .s1{left:26px;top:2px;width:64px;height:84px}
.in-c.spot .s3,.in-c:hover .s3{transform:rotate(-22deg) translate(-14px,2px)}
.in-c.spot .s2,.in-c:hover .s2{transform:rotate(20deg) translate(14px,2px)}
.in-c.spot .s1,.in-c:hover .s1{transform:translateY(-8px) scale(1.07)}
@media (max-width:620px){.in-c{grid-template-columns:104px minmax(0,1fr)}}
.in-c{grid-template-columns:108px minmax(0,1fr);gap:14px}.in-tx li{font-size:11px;padding:3px 8px}.in-tx h3{margin-bottom:7px}
.in-c{grid-template-columns:96px minmax(0,1fr)}.in-stk span.s2,.in-stk span.s3{width:54px;height:70px}.in-stk .s3{left:2px}.in-stk .s2{left:34px}.in-stk .s1{left:18px;width:58px;height:76px}.in-stk{height:84px}
.in-c{padding:4px 16px 4px 10px}

/* ---------- Services dropdown ---------- */
.dd-svc{width:330px;padding:8px}
.dd-svc a{display:grid;grid-template-columns:1fr;gap:2px;padding:10px 12px;border-radius:12px}
.dd-svc a b{font-size:15.5px;font-weight:500;transition:color .2s}
.dd-svc a small{font-size:13px;color:var(--ink-2);margin-top:1px}
.dd-svc a:hover b,.dd-svc a[aria-current="page"] b{color:var(--cyan-deep)}
.dd-svc a[aria-current="page"]{background:var(--soft)}
.dd-s .dd-btn::after{right:30px}

/* ---------- Service category page ---------- */
.sv{--sv-pad:clamp(40px,5vw,72px)}
.sv-sec{padding-block:var(--sv-pad)}
.sv-h2{font-size:clamp(1.7rem,1rem + 1.8vw,2.6rem);letter-spacing:-.045em;line-height:1.05;max-width:24ch}
.sv-h2 .serif{color:var(--cyan-deep)}
.sv-lead{color:var(--ink-2);font-size:15.5px;max-width:56ch;margin-top:10px}
.sv-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 40px;flex-wrap:wrap;margin-bottom:24px}
/* hero */
.sv-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,60px);align-items:center;padding-block:clamp(36px,4.5vw,64px) clamp(24px,3vw,40px)}
.sv-crumb{display:flex;gap:8px;align-items:center;font-size:13.5px;color:var(--ink-2);margin-bottom:16px}
.sv-crumb a{color:var(--ink-2);text-decoration:none}.sv-crumb a:hover{color:var(--ink)}
.sv-crumb svg{width:12px;height:12px;color:var(--ink-3)}
.sv-hero h1{font-size:clamp(2.4rem,1rem + 3.6vw,4.4rem);letter-spacing:-.055em;line-height:.98;font-weight:600}
.sv-hero h1 .serif{color:var(--cyan-deep);display:inline-block}
.sv-hero h1 .ln{display:block;overflow:hidden;padding-bottom:.06em}
.sv-hero h1 .ln>span{display:inline-block;animation:rise 1s var(--ease) both}
.sv-hero h1 .ln:nth-child(2)>span{animation-delay:.1s}
.sv-hero .sv-p{font-size:clamp(16px,1rem + .25vw,19px);color:var(--ink-2);max-width:46ch;margin-top:18px;line-height:1.5}
.sv-acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.sv-acts .btn{min-height:48px;font-size:15px}
.sv-acts .btn i{width:34px;height:34px}
.sv-stage{position:relative;aspect-ratio:1.08;max-height:440px;width:100%;border-radius:26px;background:radial-gradient(ellipse 70% 60% at 50% 60%,rgba(0,180,204,.22),transparent 70%),radial-gradient(rgba(10,13,15,.07) 1px,transparent 1px) 0 0/18px 18px,#EEF5F7;overflow:hidden;container-type:inline-size;perspective:900px;isolation:isolate}
.sv-stage::before{content:"";position:absolute;left:50%;top:54%;width:78%;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(0,127,145,.28);transform:translate(-50%,-50%);animation:svspin 40s linear infinite}
@keyframes svspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.sv-tilt{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d;transition:transform .5s var(--ease)}
.sv-mock{font-size:calc(100cqw/62 * var(--fs,1));animation:bob 7s ease-in-out infinite}
.sv-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:#fff;border-radius:14px;padding:9px 13px;font-size:13px;font-weight:600;color:var(--ink);box-shadow:0 14px 30px -14px rgba(4,25,28,.45);white-space:nowrap;opacity:0;animation:svchip 9s infinite}
.sv-chip i{width:22px;height:22px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;flex:none}
.sv-chip i svg{width:12px;height:12px}
.sv-chip.c0{left:4%;top:16%;animation-delay:.4s}
.sv-chip.c1{right:4%;top:40%;animation-delay:3.4s}
.sv-chip.c2{left:8%;bottom:12%;animation-delay:6.4s}
@keyframes svchip{0%{opacity:0;transform:translateY(14px) scale(.85)}5%,28%{opacity:1;transform:none}33%,100%{opacity:0;transform:translateY(-10px) scale(.95)}}
.sv-stage.rec::after{content:"";position:absolute;inset:7%;border:2px solid transparent;border-image:linear-gradient(#0F3A41,#0F3A41) 1;-webkit-mask:linear-gradient(#000 0 0) top left/22px 22px no-repeat,linear-gradient(#000 0 0) top right/22px 22px no-repeat,linear-gradient(#000 0 0) bottom left/22px 22px no-repeat,linear-gradient(#000 0 0) bottom right/22px 22px no-repeat;mask:linear-gradient(#000 0 0) top left/22px 22px no-repeat,linear-gradient(#000 0 0) top right/22px 22px no-repeat,linear-gradient(#000 0 0) bottom left/22px 22px no-repeat,linear-gradient(#000 0 0) bottom right/22px 22px no-repeat;pointer-events:none;z-index:2}
/* trust strip */
.sv-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}
.sv-trust div{display:flex;align-items:center;gap:12px;padding:16px 18px;min-width:0}
.sv-trust div+div{border-left:1px solid var(--line)}
.sv-trust i{width:38px;height:38px;border-radius:11px;background:var(--night);color:#5FE3F2;display:grid;place-items:center;flex:none}
.sv-trust i svg{width:18px;height:18px}
.sv-trust b{display:block;font-size:14.5px;letter-spacing:-.01em}
.sv-trust small{display:block;font-size:12.5px;color:var(--ink-2)}
/* tiles */
.sv-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sv-tile{position:relative;border-radius:20px;padding:22px 20px 20px;min-height:200px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:linear-gradient(160deg,#10303A,#0A1C22);overflow:hidden;isolation:isolate;transform-style:preserve-3d;transition:transform .35s var(--ease),box-shadow .45s;--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;transform:perspective(800px) rotateX(var(--rx)) rotateY(var(--ry))}
.sv-tile::before{content:"";position:absolute;inset:0;background:radial-gradient(300px circle at var(--gx) var(--gy),rgba(95,227,242,.22),transparent 60%);opacity:0;transition:opacity .3s;z-index:-1}
.sv-tile:hover::before{opacity:1}
.sv-tile:hover{box-shadow:0 30px 50px -28px rgba(4,25,28,.7)}
.sv-tile .n{font-size:12.5px;font-weight:600;color:#5FE3F2}
.sv-tile .big{position:absolute;right:-8px;bottom:-30px;font-size:8rem;font-weight:800;letter-spacing:-.08em;color:rgba(95,227,242,.07);line-height:1;transform:translateZ(20px)}
.sv-tile h3{font-size:1.3rem;letter-spacing:-.035em;line-height:1.1;transform:translateZ(30px)}
.sv-tile p{font-size:14px;color:#A9C2C8;margin-top:6px;transform:translateZ(20px)}
.sv-tile .go{width:36px;height:36px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;transform:translateZ(40px);transition:transform .45s var(--ease)}
.sv-tile:hover .go{transform:translateZ(40px) rotate(45deg)}
.sv-tile .go svg{width:14px;height:14px}
/* ticker */
.sv-tick{overflow:hidden;display:grid;gap:10px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sv-tr{display:flex;gap:10px;width:max-content;animation:svmq 50s linear infinite}
.sv-tr.rev{animation-direction:reverse;animation-duration:56s}
.sv-tick:hover .sv-tr{animation-play-state:paused}
@keyframes svmq{to{transform:translateX(calc(-50% - 5px))}}
.sv-ti{display:flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:14px;border:1px solid var(--line);background:#fff;font-size:14px;font-weight:500;white-space:nowrap}
.sv-ti span{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(140deg,#DDF4F7,#BFE7EE);color:#0F3A41}
.sv-ti:nth-child(3n+2) span{background:linear-gradient(140deg,#0F3A41,#14505B);color:#5FE3F2}
.sv-ti:nth-child(3n) span{background:linear-gradient(140deg,#00B4CC,#007F91);color:#fff}
.sv-ti svg{width:18px;height:18px}
/* features flip */
.sv-feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;perspective:1200px}
.sv-fc{position:relative;height:170px;cursor:pointer;background:none;border:0;padding:0;font:inherit;text-align:left;color:inherit}
.sv-fc-in{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,1.3,.5,1)}
.sv-fc.flip .sv-fc-in{transform:rotateY(180deg)}
.sv-fc-f,.sv-fc-b{position:absolute;inset:0;border-radius:18px;padding:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between}
.sv-fc-f{background:#fff;border:1px solid var(--line)}
.sv-fc-f .ix{width:40px;height:40px;border-radius:12px;background:var(--soft);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--cyan-deep)}
.sv-fc-f h3{font-size:1.08rem;letter-spacing:-.025em;line-height:1.2}
.sv-fc-f .hint{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:6px}
.sv-fc-f .hint svg{width:12px;height:12px}
.sv-fc-b{background:linear-gradient(150deg,#0F3A41,#0A1C22);color:#fff;transform:rotateY(180deg)}
.sv-fc-b h3{font-size:1rem;color:#5FE3F2;letter-spacing:-.02em}
.sv-fc-b p{font-size:14px;line-height:1.45;color:#DCE7EA}
/* process */
.sv-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:st}
.sv-steps::before{content:"";position:absolute;left:24px;right:24px;top:23px;height:2px;background:var(--line)}
.sv-steps::after{content:"";position:absolute;left:24px;top:23px;height:2px;width:calc((100% - 48px) * var(--sp,0));background:linear-gradient(90deg,#007F91,#00B4CC);transition:width .2s linear}
.sv-st{position:relative;z-index:1;display:grid;gap:10px;align-content:start}
.sv-st .dot{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:15px;color:var(--ink-3);transition:background-color .4s,color .4s,border-color .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.sv-st.on .dot{background:var(--ink);border-color:var(--ink);color:#5FE3F2;transform:scale(1.08)}
.sv-st h3{font-size:1.1rem;letter-spacing:-.025em}
.sv-st p{font-size:14px;color:var(--ink-2);line-height:1.45}
/* report */
.sv-rep{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center}
.sv-db{background:#0B1E26;color:#E6EFF1;border-radius:22px;padding:18px;box-shadow:0 40px 70px -40px rgba(4,25,28,.6)}
.sv-db-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.sv-db-top b{font-size:14px;display:flex;align-items:center;gap:8px}
.sv-db-top b img{width:22px;height:auto;background:#fff;border-radius:6px;padding:3px}
.sv-db-tag{font-size:11.5px;font-weight:600;color:#5FE3F2;background:rgba(95,227,242,.1);border:1px solid rgba(95,227,242,.25);border-radius:999px;padding:3px 10px}
.sv-tabs{position:relative;display:flex;gap:4px;background:rgba(255,255,255,.06);border-radius:12px;padding:4px;margin-bottom:14px}
.sv-tab{position:relative;z-index:1;flex:1;border:0;background:none;color:#A9BEC4;font:500 13px var(--f);padding:8px 6px;border-radius:9px;cursor:pointer;transition:color .3s;white-space:nowrap}
.sv-tab.on{color:#04191C}
.sv-tabs .ind-b{position:absolute;top:4px;bottom:4px;left:4px;border-radius:9px;background:#00B4CC;transition:transform .5s var(--ease),width .5s var(--ease)}
.sv-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}
.sv-kpi{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 12px}
.sv-kpi small{display:block;font-size:11.5px;color:#93A2A8}
.sv-kpi b{display:block;font-size:1.35rem;letter-spacing:-.03em;margin-top:2px;font-variant-numeric:tabular-nums}
.sv-chart{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:end;height:150px;padding:10px 6px 0;border-top:1px dashed rgba(255,255,255,.1);background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/100% 37.5px}
.sv-bar{height:calc(var(--h) * 1%);border-radius:7px 7px 3px 3px;background:linear-gradient(#5FE3F2,#007F91);transform-origin:bottom;transition:height .9s var(--ease)}
.sv-bar:last-child{background:linear-gradient(#fff,#5FE3F2);box-shadow:0 0 18px rgba(95,227,242,.45)}
.sv-axis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:6px 6px 0;font-size:11px;color:#6F8790;text-align:center}
/* industries */
.sv-ind{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.sv-pills{display:flex;flex-wrap:wrap;gap:8px}
.sv-pill{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 16px;font:500 14px var(--f);color:var(--ink);cursor:pointer;transition:background-color .25s,color .25s,border-color .25s,transform .3s var(--ease)}
.sv-pill:hover{border-color:var(--ink)}
.sv-pill.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.sv-ideas{background:var(--soft);border-radius:22px;padding:22px;display:grid;gap:10px;min-height:220px;align-content:start}
.sv-ideas h3{font-size:1.15rem;letter-spacing:-.025em}
.sv-ideas h3 span{color:var(--cyan-deep)}
.sv-idea{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:12px 14px;font-size:15px;font-weight:500;opacity:0;transform:translateX(16px);animation:svidea .6s var(--ease) forwards;animation-delay:calc(var(--j) * .12s)}
.sv-idea i{width:28px;height:28px;border-radius:8px;background:#00B4CC;color:#04191C;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;flex:none}
@keyframes svidea{to{opacity:1;transform:none}}
/* faq */
.sv-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px)}
.sv-q{border-bottom:1px solid var(--line)}
.sv-q:first-child{border-top:1px solid var(--line)}
.sv-q button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;padding:18px 0;font:600 16.5px var(--f);letter-spacing:-.015em;color:var(--ink);text-align:left;cursor:pointer}
.sv-q button i{width:32px;height:32px;border-radius:50%;background:var(--soft);display:grid;place-items:center;flex:none;transition:transform .45s var(--ease),background-color .3s,color .3s}
.sv-q button i svg{width:13px;height:13px}
.sv-q.on button i{transform:rotate(45deg);background:var(--ink);color:#fff}
.sv-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.sv-q.on .sv-a{grid-template-rows:1fr}
.sv-a>div{overflow:hidden}
.sv-a p{padding:0 48px 18px 0;color:var(--ink-2);font-size:15px;line-height:1.55}
/* other services */
.sv-more{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.sv-mo{display:grid;gap:8px;padding:16px;border-radius:16px;border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .25s,transform .4s var(--ease),background-color .25s}
.sv-mo:hover{border-color:var(--ink);transform:translateY(-3px)}
.sv-mo i{width:34px;height:34px;border-radius:10px;background:var(--night);color:#5FE3F2;display:grid;place-items:center}
.sv-mo i svg{width:16px;height:16px}
.sv-mo b{font-size:14.5px;letter-spacing:-.015em;line-height:1.2}
.sv-mo small{font-size:12.5px;color:var(--ink-2)}
.sv .rv2{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.sv .rv2.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.sv .rv2{opacity:1;transform:none}.sv-tr{animation:none}.sv-chip{animation:none;opacity:1}}
@media (max-width:1000px){.sv-hero,.sv-rep,.sv-ind,.sv-faq{grid-template-columns:1fr}.sv-tiles,.sv-feat{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-trust{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-trust div:nth-child(3){border-left:0}.sv-trust div:nth-child(n+3){border-top:1px solid var(--line)}.sv-more{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-stage{max-height:380px;aspect-ratio:1.25}}
@media (max-width:620px){.sv-steps{grid-template-columns:1fr}.sv-steps::before,.sv-steps::after{display:none}.sv-feat{grid-template-columns:1fr 1fr}.sv-fc{height:180px}.sv-trust{grid-template-columns:1fr}.sv-trust div+div{border-left:0;border-top:1px solid var(--line)}.sv-stage{aspect-ratio:1}.sv-tabs{overflow-x:auto}.sv-a p{padding-right:0}}
.sv-tile{text-decoration:none}
.sv-stage .sr-bar .ty{animation:type 1.6s steps(30) .6s forwards,caret .8s step-end infinite}
.sv-chip.c0{top:6%}

.dd-svc{width:auto;min-width:224px;padding:6px}
.dd-svc a{padding:9px 12px;border-radius:10px;white-space:nowrap}
.dd-svc a b{font-size:14.5px}
.sv-more{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1000px){.sv-more{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* feature heading */
.sv-fh{font-size:clamp(1.9rem,1rem + 2.3vw,3rem);max-width:none;line-height:1.08}
.sv-fh .fw{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em}
.sv-fh .fw>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease);transition-delay:calc(var(--i) * 45ms)}
.sv-fh.in .fw>span{transform:none}
.sv-fh.rv2{opacity:1;transform:none}
.fh-acc{position:relative;display:inline-block;font-family:var(--serif);font-style:italic;font-weight:400;color:var(--cyan-deep);font-size:1.12em;letter-spacing:-.02em;white-space:nowrap}
.fh-acc svg{position:absolute;left:0;right:0;bottom:-.08em;width:100%;height:.28em;overflow:visible}
.fh-acc path{fill:none;stroke:#00B4CC;stroke-width:3;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.2s .7s var(--ease)}
.sv-fh.in .fh-acc path{stroke-dashoffset:0}
/* motion graphics on feature cards */
.sv-fc-f{overflow:hidden}
.mo{position:absolute;right:16px;top:16px;width:110px;height:62px;pointer-events:none}
.sv-feat:not(.live) .mo,.sv-feat:not(.live) .mo *{animation-play-state:paused!important}
.mo-cal{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.mo-cal i{border-radius:4px;background:#EEF3F5;animation:mcal 3.6s infinite;animation-delay:calc(var(--d,0) * 1s)}
.mo-cal i:nth-child(3n+1){--d:.2}.mo-cal i:nth-child(4n+2){--d:.9}.mo-cal i:nth-child(5n+3){--d:1.6}.mo-cal i:nth-child(7n){--d:2.3}
@keyframes mcal{0%,60%,100%{background:#EEF3F5}20%,40%{background:#00B4CC}}
.mo-play b{position:absolute;inset:0 18px 10px 18px;border-radius:10px;background:linear-gradient(140deg,#0F3A41,#14505B)}
.mo-play b::after{content:"";position:absolute;left:50%;top:50%;border-left:12px solid #5FE3F2;border-top:8px solid transparent;border-bottom:8px solid transparent;transform:translate(-35%,-50%);animation:mplay 1.8s ease-in-out infinite}
@keyframes mplay{50%{transform:translate(-35%,-50%) scale(1.25)}}
.mo-play em{position:absolute;left:18px;right:18px;bottom:2px;height:4px;border-radius:4px;background:#E6ECEE;overflow:hidden}
.mo-play em::after{content:"";position:absolute;inset:0;background:#00B4CC;transform-origin:left;animation:mprog 3s linear infinite}
@keyframes mprog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.mo-rings{display:flex;gap:6px;justify-content:flex-end;align-items:center}
.mo-rings i{position:relative;width:30px;height:30px;border-radius:50%;background:conic-gradient(#00B4CC,#5FE3F2,#007F91,#00B4CC);animation:mspin 3s linear infinite}
.mo-rings i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#E6F4F6;border:2px solid #fff}
.mo-rings i:nth-child(2){animation-duration:4s;animation-direction:reverse}.mo-rings i:nth-child(3){animation-duration:5s}
@keyframes mspin{to{transform:rotate(360deg)}}
.mo-cards i{position:absolute;right:14px;top:4px;width:44px;height:54px;border-radius:8px;background:#E6F4F6;border:1px solid #CFE6EA;animation:mcard 4.2s var(--ease) infinite}
.mo-cards i:nth-child(2){background:#BFE7EE;animation-delay:-1.4s}.mo-cards i:nth-child(3){background:linear-gradient(140deg,#00B4CC,#007F91);border-color:transparent;animation-delay:-2.8s}
@keyframes mcard{0%{transform:translateX(0) rotate(0);z-index:3}30%{transform:translateX(-46px) rotate(-8deg);z-index:3}36%{z-index:1}66%{transform:translateX(-20px) rotate(-3deg);z-index:1}100%{transform:translateX(0) rotate(0);z-index:2}}
.mo-prof i{position:absolute;right:66px;top:8px;width:40px;height:40px;border-radius:50%;background:linear-gradient(140deg,#0F3A41,#14505B);box-shadow:0 0 0 3px #fff,0 0 0 5px #00B4CC}
.mo-prof u{position:absolute;right:6px;top:16px;width:52px;height:6px;border-radius:6px;background:#DDE6E9;text-decoration:none}
.mo-prof u.s{top:28px;width:34px}
.mo-prof b{position:absolute;right:64px;top:34px;width:18px;height:18px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;animation:mpop 2.6s cubic-bezier(.34,1.56,.64,1) infinite}
.mo-prof b svg{width:10px;height:10px}
@keyframes mpop{0%,20%{transform:scale(0)}35%,85%{transform:none}100%{transform:scale(0)}}
.mo-chat i{position:absolute;left:10px;top:4px;width:56px;height:18px;border-radius:10px 10px 10px 3px;background:#EEF3F5;animation:mb1 4s infinite}
.mo-chat i.r{left:auto;right:4px;top:26px;width:62px;background:#0F3A41;border-radius:10px 10px 3px 10px;animation-name:mb2}
.mo-chat em{position:absolute;left:10px;top:46px;display:flex;gap:3px;padding:5px 8px;border-radius:10px;background:#EEF3F5;animation:mb3 4s infinite}
.mo-chat s{width:5px;height:5px;border-radius:50%;background:#00B4CC;text-decoration:none;animation:dot 1s infinite}
.mo-chat s:nth-child(2){animation-delay:.15s}.mo-chat s:nth-child(3){animation-delay:.3s}
@keyframes mb1{0%,5%{opacity:0;transform:translateY(6px)}12%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mb2{0%,30%{opacity:0;transform:translateY(6px)}38%,90%{opacity:1;transform:none}100%{opacity:0}}
@keyframes mb3{0%,55%{opacity:0}62%,90%{opacity:1}100%{opacity:0}}
.mo-nodes svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.mo-nodes path{fill:none;stroke:#00B4CC;stroke-width:2;stroke-dasharray:160;stroke-dashoffset:160;animation:mdraw 3.4s ease-in-out infinite}
@keyframes mdraw{0%{stroke-dashoffset:160}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-160}}
.mo-nodes i{position:absolute;width:16px;height:16px;border-radius:50%;background:#0F3A41;box-shadow:0 0 0 3px #fff;animation:mnode 3.4s infinite}
.mo-nodes i:nth-of-type(2){animation-delay:.4s;background:#00B4CC}.mo-nodes i:nth-of-type(3){animation-delay:.8s}
@keyframes mnode{0%,100%{transform:scale(1)}20%{transform:scale(1.3)}}
.mo-chart{display:flex;align-items:flex-end;justify-content:flex-end;gap:5px;padding-bottom:2px;border-bottom:1.5px solid #E1E8EB}
.mo-chart i{width:12px;border-radius:4px 4px 1px 1px;background:linear-gradient(#5FE3F2,#007F91);height:var(--h);transform-origin:bottom;animation:mbar 2.8s var(--ease) infinite}
.mo-chart i:nth-child(1){--h:30%}.mo-chart i:nth-child(2){--h:50%;animation-delay:.12s}.mo-chart i:nth-child(3){--h:42%;animation-delay:.24s}.mo-chart i:nth-child(4){--h:72%;animation-delay:.36s}.mo-chart i:nth-child(5){--h:96%;animation-delay:.48s}
@keyframes mbar{0%{transform:scaleY(.15)}35%,80%{transform:none}100%{transform:scaleY(.15)}}
.mo-search i{position:absolute;right:4px;top:16px;width:100px;height:26px;border-radius:20px;border:1.5px solid #CFE0E4;background:#fff}
.mo-search i::after{content:"";position:absolute;left:12px;top:9px;height:5px;border-radius:4px;background:#00B4CC;animation:mtype 3s steps(8) infinite}
@keyframes mtype{0%{width:0}60%,90%{width:62px}100%{width:0}}
.mo-search b{position:absolute;right:10px;top:21px;width:12px;height:12px;border-radius:50%;border:2px solid #0F3A41;animation:mmag 3s ease-in-out infinite}
.mo-search b::after{content:"";position:absolute;right:-5px;bottom:-5px;width:6px;height:2px;background:#0F3A41;transform:rotate(45deg)}
@keyframes mmag{50%{transform:translate(-6px,-2px) rotate(-10deg)}}
.mo-gauge svg{position:absolute;right:4px;top:2px;width:100px;height:56px;overflow:visible}
.mo-gauge path{fill:none;stroke-width:8;stroke-linecap:round}
.mo-gauge .t{stroke:#E6ECEE}
.mo-gauge .f{stroke:#00B4CC;stroke-dasharray:126;stroke-dashoffset:126;animation:mgau 3.2s var(--ease) infinite}
@keyframes mgau{0%{stroke-dashoffset:126}50%,85%{stroke-dashoffset:14}100%{stroke-dashoffset:126}}
.mo-gauge i{position:absolute;right:52px;top:46px;width:4px;height:36px;margin-top:-36px;border-radius:4px;background:#0F3A41;transform-origin:50% 100%;animation:mneedle 3.2s var(--ease) infinite}
@keyframes mneedle{0%{transform:rotate(-80deg)}50%,85%{transform:rotate(66deg)}100%{transform:rotate(-80deg)}}
.sv-fc:hover .mo{transform:scale(1.06);transition:transform .4s var(--ease)}
@media (max-width:620px){.mo{transform:scale(.8);transform-origin:top right;right:10px;top:12px}}

/* tiles: platform glyphs instead of numbers */
.sv-tile .n,.sv-tile .big{display:none}
.sv-glyph{width:52px;height:52px;border-radius:15px;background:#fff;color:#0F3A41;display:grid;place-items:center;box-shadow:0 10px 24px -10px rgba(0,180,204,.6);transform:translateZ(40px);transition:transform .5s var(--ease),background-color .3s,color .3s}
.sv-glyph svg{width:26px;height:26px}
.sv-tile:hover .sv-glyph{background:#00B4CC;color:#04191C;transform:translateZ(40px) rotate(-8deg) scale(1.06)}
.sv-wm{position:absolute;right:-26px;bottom:-30px;width:150px;height:150px;color:rgba(95,227,242,.08);transform:rotate(-12deg);transition:transform .8s var(--ease),color .5s;z-index:-1}
.sv-wm svg{width:100%;height:100%}
.sv-tile:hover .sv-wm{transform:rotate(0deg) scale(1.08);color:rgba(95,227,242,.15)}
.sv-tile{min-height:220px;gap:18px}
.sv-tfoot{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sv-jb{font-size:12.5px;font-weight:600;color:#04191C;background:#5FE3F2;border-radius:999px;padding:5px 11px}
.sv-tile-ig{background:linear-gradient(160deg,#14505B,#0B2930);box-shadow:0 0 0 1px rgba(95,227,242,.35)}
/* features: clean reveal cards */
.sv-feat,.mo{display:none}
.sv-feat2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sv-f2{position:relative;display:flex;flex-direction:column;gap:8px;padding:18px 18px 20px;border-radius:18px;border:1px solid var(--line);background:#fff;overflow:hidden;isolation:isolate;transition:color .4s,border-color .4s,transform .5s var(--ease),box-shadow .5s var(--ease)}
.sv-f2::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(150deg,#0F3A41,#0A1C22);clip-path:circle(0% at 30px 30px);transition:clip-path .7s var(--ease)}
.sv-f2:hover{color:#fff;border-color:#0F3A41;transform:translateY(-4px);box-shadow:0 26px 40px -26px rgba(4,25,28,.6)}
.sv-f2:hover::before{clip-path:circle(150% at 30px 30px)}
.sv-f2-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.sv-f2-ic{width:42px;height:42px;border-radius:12px;background:var(--soft);color:var(--cyan-deep);display:grid;place-items:center;transition:background-color .4s,color .4s,transform .5s var(--ease)}
.sv-f2-ic svg{width:20px;height:20px}
.sv-f2:hover .sv-f2-ic{background:#00B4CC;color:#04191C;transform:rotate(-6deg)}
.sv-f2-n{font-size:12.5px;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;transition:color .4s}
.sv-f2:hover .sv-f2-n{color:#5FE3F2}
.sv-f2 h3{font-size:1.06rem;letter-spacing:-.025em;line-height:1.2}
.sv-f2 p{font-size:13.5px;line-height:1.45;color:var(--ink-2);transition:color .4s}
.sv-f2:hover p{color:#C9DADF}
.sv-f2-line{position:absolute;left:18px;right:18px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:#00B4CC;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.sv-f2:hover .sv-f2-line{transform:none}
@media (max-width:1000px){.sv-feat2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.sv-feat2{grid-template-columns:1fr}}

/* ---------- Instagram journey ---------- */
.ij-hero{padding-block:clamp(40px,5vw,72px) clamp(24px,3vw,40px);text-align:center;display:grid;justify-items:center}
.ij-hero .sv-crumb{justify-content:center}
.ij-hero h1{font-size:clamp(2.4rem,1rem + 3.8vw,4.6rem);letter-spacing:-.055em;line-height:1}
.ij-hero h1 .serif{color:var(--cyan-deep)}
.ij-hero p{color:var(--ink-2);font-size:17px;max-width:48ch;margin-top:16px}
.ij-scroll{margin-top:22px;display:grid;justify-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ink-3);letter-spacing:.06em}
.ij-scroll span{width:22px;height:34px;border-radius:12px;border:2px solid var(--ink-3);position:relative}
.ij-scroll span::after{content:"";position:absolute;left:50%;top:6px;width:4px;height:8px;margin-left:-2px;border-radius:3px;background:var(--cyan);animation:ijwheel 1.6s infinite}
@keyframes ijwheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(10px);opacity:0}100%{opacity:0}}
.ij-body{position:relative;display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start;padding-bottom:40px}
.ij-rail{position:sticky;top:calc(var(--hh) + 40px);display:grid;gap:4px;padding-left:16px}
.ij-rail::before{content:"";position:absolute;left:4px;top:8px;bottom:8px;width:2px;background:var(--line);border-radius:2px}
.ij-fill{position:absolute;left:4px;top:8px;width:2px;height:calc((100% - 16px) * var(--f,0));background:linear-gradient(#007F91,#00B4CC);border-radius:2px;transition:height .5s var(--ease)}
.ij-dot{position:relative;background:none;border:0;padding:6px 0;text-align:left;font:500 13px var(--f);color:var(--ink-3);cursor:pointer;transition:color .3s}
.ij-dot::before{content:"";position:absolute;left:-16px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid var(--line);transition:background-color .3s,border-color .3s,transform .4s cubic-bezier(.34,1.56,.64,1)}
.ij-dot.done{color:var(--ink-2)}.ij-dot.done::before{background:#007F91;border-color:#007F91}
.ij-dot.on{color:var(--ink);font-weight:600}.ij-dot.on::before{background:#00B4CC;border-color:#00B4CC;transform:scale(1.3)}
.ij-steps{display:grid}
.ij-step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;gap:12px;opacity:.28;transform:translateX(-10px);transition:opacity .6s,transform .7s var(--ease)}
.ij-step.on{opacity:1;transform:none}
.ij-k{font-size:12.5px;font-weight:700;color:var(--cyan-deep);letter-spacing:.04em}
.ij-step h3{font-size:clamp(1.6rem,1rem + 1.6vw,2.4rem);letter-spacing:-.045em;line-height:1.05}
.ij-step h3 small{display:block;font-size:.5em;letter-spacing:-.01em;color:var(--ink-3);font-weight:600;margin-bottom:6px}
.ij-step p{font-size:16px;line-height:1.55;color:var(--ink-2);max-width:44ch}
.ij-step ul{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ij-step li{font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:var(--soft);color:var(--ink)}
.ij-step.on li{animation:ijchip .5s cubic-bezier(.34,1.56,.64,1) both}
.ij-step.on li:nth-child(2){animation-delay:.08s}.ij-step.on li:nth-child(3){animation-delay:.16s}
@keyframes ijchip{from{opacity:0;transform:scale(.7)}}
.ij-stick{position:sticky;top:calc(var(--hh) + 24px);height:calc(100vh - var(--hh) - 48px);max-height:680px;display:grid;place-items:center}
.ij-glow{position:absolute;inset:10% 0;border-radius:50%;background:radial-gradient(circle,rgba(0,180,204,.22),transparent 65%);z-index:-1;filter:blur(10px)}
.ij-phone{position:relative;width:min(300px,100%);aspect-ratio:9/18.5;max-height:100%;background:#0A0D0F;border-radius:44px;padding:11px;box-shadow:0 40px 80px -40px rgba(4,25,28,.7),inset 0 0 0 2px #2A3136}
.ij-notch{position:absolute;left:50%;top:18px;width:88px;height:22px;border-radius:12px;background:#0A0D0F;transform:translateX(-50%);z-index:5}
.ij-bar{position:absolute;left:11px;right:11px;top:11px;height:56px;padding:30px 18px 0;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#14191C;z-index:4;background:#fff;border-radius:34px 34px 0 0}
.ij-bar b{font-family:var(--serif);font-style:italic;font-size:16px;font-weight:400}
.ij-phone.dk .ij-bar{background:#0B1114;color:#fff}
.ij-screens{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:#fff}
.ij-scr{position:absolute;inset:0;padding:66px 14px 14px;display:flex;flex-direction:column;gap:10px;opacity:0;transform:scale(.96);transition:opacity .5s,transform .6s var(--ease);font-size:12px;color:#14191C}
.ij-scr.on{opacity:1;transform:none}
.ij-scr.ij-xdark{background:#0B1114;color:#fff}
/* s0 audit */
.ij-pf{display:flex;align-items:center;gap:14px}
.ij-av{width:58px;height:58px;border-radius:50%;background:#D5DCDF;display:grid;place-items:center;font-weight:700;color:#fff;flex:none}
.ij-av.ij-xring{background:#0F3A41;box-shadow:0 0 0 3px #fff,0 0 0 5px #00B4CC}
.ij-on .ij-av.ij-xring{animation:ijring 1s cubic-bezier(.34,1.56,.64,1)}
.ij-st{display:flex;gap:14px}.ij-st b{font-size:13px;display:grid;justify-items:center}
.ij-st b::after{content:"";width:28px;height:4px;border-radius:3px;background:#E6ECEE;margin-top:3px}
.ij-bio{font-size:11.5px;line-height:1.5;display:grid}
.ij-bio.ij-xold span{color:#8C9499}
.ij-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:auto}
.ij-grid i{aspect-ratio:1;background:#E9EDEF}
.ij-grid.ij-new i{background:linear-gradient(150deg,#0F3A41,#14505B);transform:scale(.3);opacity:0}
.ij-grid.ij-new i:nth-child(3n+2){background:linear-gradient(150deg,#00B4CC,#007F91)}.ij-grid.ij-new i:nth-child(4n+1){background:linear-gradient(150deg,#EFE7DA,#F3DCD8)}
.ij-scr.on .ij-grid.ij-new i{animation:ijpop .45s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(2s + var(--k) * 70ms)}
.ij-grid.ij-xold i:nth-child(2n){background:#DCE2E5}
.ij-scan{position:absolute;left:0;right:0;top:66px;height:2px;background:#00B4CC;box-shadow:0 0 12px 3px rgba(0,180,204,.6);opacity:0}
.ij-scr.on .ij-scan{animation:ijscan 2.4s ease-in-out .2s infinite}
@keyframes ijscan{0%{top:66px;opacity:0}8%{opacity:1}80%{top:92%;opacity:1}100%{top:92%;opacity:0}}
.ij-flag{position:absolute;left:14px;font-size:11px;font-weight:600;color:#A4271D;background:#FDECEA;border:1px solid #F5C6C0;border-radius:10px;padding:5px 9px;box-shadow:0 8px 16px -8px rgba(0,0,0,.25);opacity:0;transform:translateX(-10px)}
.ij-flag::before{content:"✕ "}
.ij-flag.ij-xf1{top:104px;left:auto;right:12px}.ij-flag.ij-xf2{top:176px}.ij-flag.ij-xf3{bottom:96px;left:auto;right:12px}
.ij-scr.on .ij-flag{animation:ijpop .5s cubic-bezier(.34,1.56,.64,1) forwards}
.ij-scr.on .ij-xf1{animation-delay:.6s}.ij-scr.on .ij-xf2{animation-delay:1.2s}.ij-scr.on .ij-xf3{animation-delay:1.8s}
@keyframes ijpop{to{opacity:1;transform:none}}
/* s1 profile */
.ij-scr.on .ij-av.ij-xring{animation:ijring .9s cubic-bezier(.34,1.56,.64,1)}
@keyframes ijring{from{transform:scale(.6)}}
.ij-type{display:block;overflow:hidden;white-space:nowrap;max-width:0}
.ij-scr.on .ij-type{animation:ijtype .9s steps(30) forwards}
.ij-scr.on .ij-xt2{animation-delay:.9s}.ij-scr.on .ij-xt3{animation-delay:1.8s}
@keyframes ijtype{to{max-width:100%}}
.ij-bio .ij-xlk{color:#007F91;font-weight:600}
.ij-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.ij-btns span{text-align:center;font-size:11px;font-weight:600;padding:7px 0;border-radius:8px;background:#EEF2F4}
.ij-btns .ij-xhl{background:#00B4CC;color:#04191C}
.ij-scr.on .ij-btns .ij-xhl{animation:ijpop2 .6s 2.4s cubic-bezier(.34,1.56,.64,1) both}
@keyframes ijpop2{from{transform:scale(.4);opacity:0}}
.ij-hls{display:flex;gap:10px;margin-top:4px}
.ij-hls span{display:grid;justify-items:center;gap:4px;font-size:10px;font-weight:600}
.ij-hls span::before{content:"";width:44px;height:44px;border-radius:50%;background:linear-gradient(140deg,#DDF4F7,#9FE6EF);box-shadow:0 0 0 2px #fff,0 0 0 3.5px #CFE0E4}
.ij-scr.on .ij-hls span{animation:ijpop2 .5s cubic-bezier(.34,1.56,.64,1) both}
.ij-scr.on .ij-hls span:nth-child(1){animation-delay:1.2s}.ij-scr.on .ij-hls span:nth-child(2){animation-delay:1.35s}.ij-scr.on .ij-hls span:nth-child(3){animation-delay:1.5s}.ij-scr.on .ij-hls span:nth-child(4){animation-delay:1.65s}
/* s2 calendar */
.ij-cal-h{display:flex;justify-content:space-between;align-items:baseline}
.ij-cal-h b{font-size:16px}.ij-cal-h span{font-size:11px;color:#5E666C}
.ij-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ij-cal i{position:relative;aspect-ratio:1;border-radius:6px;background:#F1F4F5;font-style:normal}
.ij-cal i em{position:absolute;left:4px;top:3px;font-size:8px;font-style:normal;color:#8C9499}
.ij-cal i.ij-xr,.ij-cal i.ij-xc,.ij-cal i.ij-xs{background:#F1F4F5}
.ij-scr.on .ij-cal i.ij-xr{animation:ijcr .4s forwards;animation-delay:calc(.3s + var(--k) * 45ms)}
.ij-scr.on .ij-cal i.ij-xc{animation:ijcc .4s forwards;animation-delay:calc(.3s + var(--k) * 45ms)}
.ij-scr.on .ij-cal i.ij-xs{animation:ijcs .4s forwards;animation-delay:calc(.3s + var(--k) * 45ms)}
@keyframes ijcr{to{background:#00B4CC}}@keyframes ijcc{to{background:#0F3A41}}@keyframes ijcs{to{background:#9FE6EF}}
.ij-scr.on .ij-cal i.ij-xr em,.ij-scr.on .ij-cal i.ij-xc em{animation:ijem .4s forwards;animation-delay:calc(.3s + var(--k) * 45ms)}
@keyframes ijem{to{color:rgba(255,255,255,.85)}}
.ij-next{display:grid;gap:5px;margin-top:2px}
.ij-next p{display:flex;gap:8px;align-items:center;font-size:11px;padding:7px 9px;border-radius:10px;background:#F6F8F9;opacity:0;transform:translateY(8px)}
.ij-next small{display:block;font-size:9.5px;color:#8C9499;font-weight:600}
.ij-next b{width:6px;align-self:stretch;border-radius:3px;flex:none}
.ij-next b.ij-xr{background:#00B4CC}.ij-next b.ij-xc{background:#0F3A41}.ij-next b.ij-xs{background:#9FE6EF}
.ij-scr.on .ij-next p{animation:ijpop .5s var(--ease) forwards}
.ij-scr.on .ij-next .ij-xn1{animation-delay:1.7s}.ij-scr.on .ij-next .ij-xn2{animation-delay:1.9s}.ij-scr.on .ij-next .ij-xn3{animation-delay:2.1s}
.ij-appr{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:11.5px;font-weight:600;color:#007F91;background:#DDF4F7;border-radius:12px;padding:9px 12px;opacity:0}
.ij-appr span{width:18px;height:18px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;font-size:10px}
.ij-scr.on .ij-appr{animation:ijshow .6s 2.6s cubic-bezier(.34,1.56,.64,1) forwards}
@keyframes ijshow{from{transform:scale(.4);opacity:0}to{opacity:1;transform:none}}
.ij-leg{display:flex;gap:12px;font-size:10.5px;font-weight:600}
.ij-leg span{display:flex;align-items:center;gap:5px}
.ij-leg span::before{content:"";width:10px;height:10px;border-radius:3px}
.ij-leg .ij-xr::before{background:#00B4CC}.ij-leg .ij-xc::before{background:#0F3A41}.ij-leg .ij-xs::before{background:#9FE6EF}
/* s3 shoot */
.ij-vf{position:relative;height:56%;border-radius:14px;background:radial-gradient(circle at 50% 60%,#2C4E55,#0F2027 70%);overflow:hidden}
.ij-vf .ij-xrec{position:absolute;left:12px;top:10px;font-size:11px;font-weight:700;color:#FF5A5F}
.ij-scr.on .ij-vf .ij-xrec{animation:ijblink 1s step-end infinite}
@keyframes ijblink{50%{opacity:0}}
.ij-vf .ij-xtm{position:absolute;right:12px;top:10px;font-size:11px;font-variant-numeric:tabular-nums;color:#fff}
.ij-vf .ij-xsub{position:absolute;left:12px;bottom:10px;font-size:11px;color:#C9E3E8}
.ij-vf i{position:absolute;width:18px;height:18px;border-color:#fff;border-style:solid;border-width:0}
.ij-vf .ij-xc1{left:10px;top:30px;border-left-width:2px;border-top-width:2px}.ij-vf .ij-xc2{right:10px;top:30px;border-right-width:2px;border-top-width:2px}.ij-vf .ij-xc3{left:10px;bottom:30px;border-left-width:2px;border-bottom-width:2px}.ij-vf .ij-xc4{right:10px;bottom:30px;border-right-width:2px;border-bottom-width:2px}
.ij-scr.on .ij-vf{animation:ijfocus 3s ease-in-out infinite}
@keyframes ijfocus{0%,100%{filter:blur(0)}45%{filter:blur(1.5px)}55%{filter:blur(0)}}
.ij-shots{display:grid;gap:6px}
.ij-shots li{display:flex;align-items:center;gap:8px;font-size:11.5px;color:#C9DADF}
.ij-shots li::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid #5FE3F2;flex:none}
.ij-scr.on .ij-shots li::before{animation:ijtick .3s forwards}
.ij-scr.on .ij-shots li:nth-child(1)::before{animation-delay:.8s}.ij-scr.on .ij-shots li:nth-child(2)::before{animation-delay:1.6s}.ij-scr.on .ij-shots li:nth-child(3)::before{animation-delay:2.4s}.ij-scr.on .ij-shots li:nth-child(4)::before{animation-delay:3.2s}
@keyframes ijtick{to{background:#00B4CC;border-color:#00B4CC;box-shadow:inset 0 0 0 3px #0B1114}}
/* s4 edit */
.ij-prev{position:relative;height:46%;border-radius:12px;background:linear-gradient(160deg,#F3DCD8,#EFE7DA 60%,#C9E9EE);overflow:hidden}
.ij-cap{position:absolute;left:10px;right:10px;bottom:12px;font-size:12px;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.35)}
.ij-play{position:absolute;left:50%;top:44%;width:36px;height:36px;margin:-18px;border-radius:50%;background:rgba(255,255,255,.85)}
.ij-play::after{content:"";position:absolute;left:14px;top:10px;border-left:11px solid #0F3A41;border-top:8px solid transparent;border-bottom:8px solid transparent}
.ij-tl{position:relative;display:grid;gap:5px;padding:8px;border-radius:10px;background:#F1F4F5}
.ij-tl .ij-xtr{display:flex;gap:3px;height:16px}
.ij-tl .ij-xtr i{width:var(--w);border-radius:4px;background:#0F3A41;transform:scaleX(0);transform-origin:left}
.ij-tl .ij-xtr.ij-xa i{background:#9FE6EF}.ij-tl .ij-xtr.ij-xt i{background:#00B4CC}
.ij-scr.on .ij-tl .ij-xtr i{animation:ijclip .6s var(--ease) forwards}
.ij-scr.on .ij-tl .ij-xtr:nth-child(1) i:nth-child(2){animation-delay:.2s}.ij-scr.on .ij-tl .ij-xtr:nth-child(1) i:nth-child(3){animation-delay:.4s}.ij-scr.on .ij-tl .ij-xtr.ij-xa i{animation-delay:.6s}.ij-scr.on .ij-tl .ij-xtr.ij-xt i{animation-delay:.8s}.ij-scr.on .ij-tl .ij-xtr.ij-xt i:nth-child(2){animation-delay:1s}
@keyframes ijclip{to{transform:none}}
.ij-ph{position:absolute;top:4px;bottom:4px;left:8px;width:2px;background:#FF5A5F}
.ij-scr.on .ij-ph{animation:ijph 3s 1.2s linear infinite}
@keyframes ijph{to{left:calc(100% - 10px)}}
.ij-covers{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.ij-covers span{aspect-ratio:4/5;border-radius:8px;background:linear-gradient(160deg,#0F3A41,#14505B)}
.ij-covers span:nth-child(2){background:linear-gradient(160deg,#00B4CC,#007F91)}.ij-covers span:nth-child(3){background:linear-gradient(160deg,#EFE7DA,#F3DCD8)}
.ij-scr.on .ij-covers span{animation:ijpop2 .5s cubic-bezier(.34,1.56,.64,1) both}
.ij-scr.on .ij-covers span:nth-child(1){animation-delay:1.4s}.ij-scr.on .ij-covers span:nth-child(2){animation-delay:1.55s}.ij-scr.on .ij-covers span:nth-child(3){animation-delay:1.7s}
/* s5 publish */
.ij-post{display:grid;gap:8px}
.ij-ph2{position:relative;aspect-ratio:1;border-radius:10px;background:linear-gradient(160deg,#EFE7DA,#F3DCD8 55%,#9FE6EF);display:grid;place-items:center}
.ij-heart{font-size:64px;color:#fff;opacity:0;text-shadow:0 6px 20px rgba(0,0,0,.2)}
.ij-scr.on .ij-heart{animation:ijheart 1.2s .6s cubic-bezier(.34,1.56,.64,1) both}
@keyframes ijheart{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.15)}70%{transform:none;opacity:1}100%{opacity:0;transform:scale(.9)}}
.ij-act{display:flex;gap:12px;font-size:16px}.ij-act b:first-child{color:#E1306C}
.ij-likes{font-size:12px}
.ij-cm{font-size:11.5px;padding:7px 10px;border-radius:12px;background:#F1F4F5;opacity:0;transform:translateY(8px)}
.ij-cm.ij-xme{background:#DDF4F7;margin-left:18px}
.ij-scr.on .ij-cm.ij-xc1{animation:ijpop .5s 1.4s var(--ease) forwards}
.ij-scr.on .ij-cm.ij-xc2{animation:ijpop .5s 2.4s var(--ease) forwards}
/* s6 reel */
.ij-reel{position:relative;flex:1;border-radius:14px;background:linear-gradient(170deg,#14505B,#0B1E26 55%,#00B4CC);overflow:hidden}
.ij-rplay{position:absolute;left:50%;top:40%;width:52px;height:52px;margin:-26px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(4px)}
.ij-rplay::after{content:"";position:absolute;left:20px;top:15px;border-left:16px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.ij-scr.on .ij-rplay{animation:mplay 1.6s ease-in-out infinite}
.ij-rside{position:absolute;right:10px;bottom:70px;display:grid;gap:12px;font-size:16px}
.ij-scr.on .ij-rside b{animation:ijbob 1.4s ease-in-out infinite}
.ij-rside b:nth-child(2){animation-delay:.2s!important}.ij-rside b:nth-child(3){animation-delay:.4s!important}.ij-rside b:nth-child(4){animation-delay:.6s!important}
@keyframes ijbob{50%{transform:translateY(-4px)}}
.ij-rcap{position:absolute;left:12px;bottom:70px;right:60px;font-size:12px;font-weight:600}
.ij-views{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:baseline;background:rgba(255,255,255,.1);border-radius:10px;padding:8px 12px}
.ij-views small{font-size:11px;color:#C9E3E8}.ij-views b{font-size:20px;font-variant-numeric:tabular-nums}
.ij-samp{position:absolute;right:10px;top:10px;font-size:10px;font-weight:700;color:#5FE3F2;background:rgba(95,227,242,.12);border:1px solid rgba(95,227,242,.3);border-radius:999px;padding:2px 8px}
/* s7 dms */
.ij-dm-h{display:flex;justify-content:space-between;align-items:baseline}.ij-dm-h b{font-size:15px}.ij-dm-h span{font-size:11px;color:#007F91;font-weight:600}
.ij-dm{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:8px;border-radius:12px;background:#F6F8F9;opacity:0;transform:translateX(16px)}
.ij-av.ij-xsm{width:34px;height:34px}
.ij-dm p{font-size:11.5px;line-height:1.35}.ij-dm p b{display:block;font-size:11px}
.ij-dm em{font-style:normal;font-size:10px;font-weight:700;color:#04191C;background:#00B4CC;border-radius:999px;padding:3px 8px;opacity:0;transform:scale(.4)}
.ij-scr.on .ij-dm{animation:ijpop .5s var(--ease) forwards}
.ij-scr.on .ij-xd1{animation-delay:.3s}.ij-scr.on .ij-xd2{animation-delay:.8s}.ij-scr.on .ij-xd3{animation-delay:1.3s}
.ij-scr.on .ij-xd1 em{animation:ijpop .5s 1.6s cubic-bezier(.34,1.56,.64,1) forwards}.ij-scr.on .ij-xd2 em{animation:ijpop .5s 1.9s cubic-bezier(.34,1.56,.64,1) forwards}
.ij-wa{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:11.5px;font-weight:600;background:#0F3A41;color:#fff;border-radius:12px;padding:10px 12px;opacity:0;transform:translateY(10px)}
.ij-wa span{width:20px;height:20px;border-radius:50%;background:#25D366;display:grid;place-items:center;font-size:11px;flex:none}
.ij-scr.on .ij-wa{animation:ijpop .6s 2.6s var(--ease) forwards}
/* s8 report */
.ij-rep-h{position:relative;display:flex;justify-content:space-between;align-items:center}.ij-rep-h b{font-size:15px}.ij-rep-h .ij-samp{position:static;color:#007F91;background:#DDF4F7;border-color:#BFE7EE}
.ij-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.ij-kp div{background:#F1F4F5;border-radius:10px;padding:7px 8px}.ij-kp small{display:block;font-size:9.5px;color:#5E666C}.ij-kp b{font-size:15px}
.ij-bars{flex:1;display:flex;align-items:flex-end;gap:6px;padding:8px;border-radius:12px;background:#0B1E26}
.ij-bars i{flex:1;height:calc(var(--h) * 1%);border-radius:5px 5px 2px 2px;background:linear-gradient(#5FE3F2,#007F91);transform:scaleY(0);transform-origin:bottom}
.ij-scr.on .ij-bars i{animation:ijclipY .7s var(--ease) forwards;animation-delay:calc(.2s + var(--k) * 90ms)}
@keyframes ijclipY{to{transform:none}}
.ij-top{font-size:11.5px;background:#DDF4F7;border-radius:10px;padding:8px 10px}
/* end */
.ij-end{padding-block:clamp(40px,5vw,72px)}
.ij-endc{text-align:center;display:grid;justify-items:center;gap:14px;padding:clamp(28px,4vw,48px);border-radius:28px;background:var(--soft)}
.ij-endc h2{font-size:clamp(1.8rem,1rem + 2vw,2.8rem);letter-spacing:-.045em;line-height:1.05}
.ij-endc h2 .serif{color:var(--cyan-deep)}
.ij-endc p{color:var(--ink-2);max-width:50ch}
@media (max-width:1000px){
  .ij-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ij-rail{display:none}
}
@media (max-width:700px){
  .ij-body{grid-template-columns:1fr}
  .ij-stick{order:-1;position:sticky;top:var(--hh);height:auto;max-height:none;z-index:3;background:var(--bg);padding:10px 0 14px;box-shadow:0 14px 18px -14px rgba(10,13,15,.12)}
  .ij-glow{display:none}
  .ij-phone{height:39vh;width:auto;max-height:400px;border-radius:32px;padding:8px}
  .ij-screens{border-radius:25px}
  .ij-bar{left:8px;right:8px;top:8px;border-radius:25px 25px 0 0;height:46px;padding-top:24px;font-size:9px}
  .ij-notch{top:13px;width:64px;height:16px}
  .ij-scr{padding:82px 12px 12px;gap:8px;zoom:.62}
  .ij-bar b{font-size:13px}
  .ij-step{min-height:58vh;justify-content:flex-end;padding-bottom:6vh;transform:none}
  .ij-step h3{font-size:1.55rem}
  .ij-step p{font-size:15px}
}
@media (prefers-reduced-motion:reduce){.ij-step{opacity:1;transform:none}}

/* ---------- journeys: shared utilities ---------- */
.ij-lbl{font-family:var(--f)!important;font-style:normal!important;font-weight:700!important;font-size:15px!important;letter-spacing:-.02em;display:flex;align-items:center;gap:5px}
.ij-lbl.fb{color:#007F91}
.ij-lbl i{font-style:normal;display:grid;place-items:center;width:17px;height:17px;border-radius:4px;background:#007F91;color:#fff;font-size:11px}
.ij-lbl.yt i{width:22px;height:15px;border-radius:5px;background:#0F3A41;position:relative}
.ij-lbl.yt i::after{content:"";position:absolute;left:8px;top:4px;border-left:7px solid #5FE3F2;border-top:4px solid transparent;border-bottom:4px solid transparent}
.jx-p{opacity:0;transform:translateY(8px)}
.ij-scr.on .jx-p{animation:jxup .5s var(--ease) forwards;animation-delay:var(--d,0s)}
@keyframes jxup{to{opacity:1;transform:none}}
.jx-z{opacity:0;transform:scale(.4)}
.ij-scr.on .jx-z{animation:jxup .55s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d,0s)}
.jx-x{display:block;transform:scaleX(0);transform-origin:left}
.ij-scr.on .jx-x{animation:ijclip .8s var(--ease) forwards;animation-delay:var(--d,0s)}
.jx-t{display:block;overflow:hidden;white-space:nowrap;max-width:0}
.ij-scr.on .jx-t{animation:ijtype .9s steps(30) forwards;animation-delay:var(--d,0s)}
.jx-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.jx-h b{font-size:15px}.jx-h span{font-size:11px;color:#007F91;font-weight:600}
.jx-h.ij-xsm b{font-size:12px}.jx-h.dk span{color:#5FE3F2}
.jx-row{display:grid;grid-template-columns:30px auto 1fr;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;background:#F6F8F9;font-size:11.5px}
.jx-row small{font-size:10px;font-weight:700;color:#8C9499;white-space:nowrap}
.jx-row p{min-width:0;line-height:1.3}
.jx-row.grp{grid-template-columns:30px 1fr auto}
.jx-row.grp p b{display:block;font-size:11.5px}.jx-row.grp p{font-size:10.5px;color:#5E666C}
.jx-row.grp em{font-style:normal;width:20px;height:20px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;font-size:10px;font-weight:700}
.jx-gi{width:30px;height:30px;border-radius:9px;background:linear-gradient(140deg,#DDF4F7,#9FE6EF)}
.jx-tag{font-size:9.5px;font-weight:700;padding:3px 7px;border-radius:999px;background:#0F3A41;color:#fff;white-space:nowrap}
.jx-tag.v,.jx-tag.d{background:#00B4CC;color:#04191C}.jx-tag.ij-xt,.jx-tag.ij-xs{background:#9FE6EF;color:#04191C}.jx-tag.o,.jx-tag.ij-xc{background:#0F3A41}.jx-tag.m,.jx-tag.p{background:#DDE3E6;color:#14191C}
.jx-mix{display:flex;height:14px;border-radius:7px;overflow:hidden;background:#F1F4F5;gap:2px}
.jx-mix i{height:100%}
.jx-mix .v{background:#00B4CC}.jx-mix .ij-xt{background:#9FE6EF}.jx-mix .o{background:#0F3A41}.jx-mix .m{background:#C9D3D7}
.jx-leg{display:flex;gap:10px;font-size:10px;font-weight:600;flex-wrap:wrap}
.jx-leg span{display:flex;align-items:center;gap:4px}.jx-leg span::before{content:"";width:9px;height:9px;border-radius:3px}
.jx-leg .v::before{background:#00B4CC}.jx-leg .ij-xt::before{background:#9FE6EF}.jx-leg .o::before{background:#0F3A41}.jx-leg .m::before{background:#C9D3D7}
.jx-b{max-width:84%;font-size:11.5px;line-height:1.4;padding:8px 11px;border-radius:16px}
.jx-b.in{background:#F1F4F5;border-bottom-left-radius:5px;align-self:flex-start}
.jx-b.out{background:#0F3A41;color:#fff;border-bottom-right-radius:5px;align-self:flex-end}
.jx-qr{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.jx-qr span{font-size:10.5px;font-weight:600;padding:5px 10px;border-radius:999px;border:1.5px solid #00B4CC;color:#007F91}
.jx-qr span:first-child{background:#00B4CC;color:#04191C}
/* facebook */
.jf-cover{height:84px;border-radius:12px;background:linear-gradient(130deg,#0F3A41,#14505B 50%,#00B4CC);display:flex;align-items:flex-start;justify-content:flex-end;text-align:right;padding:10px 12px;flex:none}
.jf-cover span{font-size:11px;font-weight:600;color:#fff}
.jf-cover.ij-xold,.jy-ban.ij-xold,.jl-ban.ij-xold{background:#E9EDEF}
.jf-head{display:flex;align-items:flex-end;gap:10px;margin-top:-34px;padding-left:8px}
.jf-av{width:54px;height:54px;box-shadow:0 0 0 3px #fff}
.ij-av.new{background:#0F3A41}
.ij-av.ij-xsm{width:30px;height:30px;font-size:10px}
.jf-name{font-size:11px;line-height:1.35;display:grid}
.jf-name b{font-size:13.5px}.jf-name span{color:#5E666C}
.jf-name.ij-xold{color:#8C9499}
.jf-info{display:grid;gap:4px;font-size:11px;color:#14191C;padding:2px 4px}
.jf-btns{display:grid;grid-template-columns:1.4fr 1fr;gap:5px}
.jf-btns.one{grid-template-columns:1fr}
.jf-btns span{text-align:center;font-size:11px;font-weight:600;padding:8px 0;border-radius:9px;background:#EEF2F4;min-height:30px}
.jf-btns .ij-xhl{background:#00B4CC;color:#04191C}
.jf-btns.ij-xold span{background:#EEF2F4}
.jf-tabs{display:flex;gap:12px;font-size:11px;font-weight:600;color:#8C9499;border-bottom:1px solid #EEF2F4;padding-bottom:6px}
.jf-tabs .on{color:#007F91;box-shadow:0 8px 0 -6px #00B4CC}
.jf-ln{height:8px;border-radius:4px;background:#EEF2F4;width:80%}.jf-ln.w2{width:55%}
.jf-blk{flex:1;border-radius:12px;background:#F1F4F5}
.jf-ev{border-radius:14px;overflow:hidden;background:#F6F8F9}
.jf-evimg{height:92px;background:linear-gradient(130deg,#14505B,#00B4CC);position:relative}
.jf-date{position:absolute;left:10px;bottom:-14px;width:44px;height:48px;border-radius:10px;background:#fff;display:grid;place-items:center;align-content:center;font-size:17px;font-weight:700;line-height:1;box-shadow:0 8px 18px -10px rgba(0,0,0,.4)}
.jf-date small{font-size:9px;color:#007F91}
.jf-evb{padding:20px 10px 10px;display:grid;gap:3px;font-size:10.5px;color:#5E666C}
.jf-evb>b{font-size:13px;color:#14191C}
.jf-int{display:flex;align-items:center;gap:6px;color:#14191C;font-size:11px;margin-top:4px}
.jf-int .ij-samp{position:static;color:#007F91;background:#DDF4F7;border-color:#BFE7EE}
.jf-post{display:grid;gap:7px}
.jf-ph{display:flex;gap:8px;align-items:center}
.jf-post .jf-ph{flex:none;background:none;border-radius:0}
.jf-ph p{font-size:10px;color:#5E666C;line-height:1.3}.jf-ph p b{display:block;font-size:11.5px;color:#14191C}
.jf-txt{font-size:11px;line-height:1.4}
.jf-img{position:relative;height:150px;border-radius:12px;background:linear-gradient(150deg,#DDF4F7,#9FE6EF 60%,#00B4CC);display:grid;place-items:center;text-align:center;overflow:hidden}
.jf-img>b{font-size:17px;line-height:1.1;color:#0F3A41;letter-spacing:-.03em}
.jf-fly{position:absolute;bottom:-20px;left:var(--x);font-size:20px;opacity:0}
.ij-scr.on .jf-fly{animation:jffly 2.2s ease-out infinite;animation-delay:var(--d)}
@keyframes jffly{0%{opacity:0;transform:translateY(0) scale(.6)}15%{opacity:1}100%{opacity:0;transform:translateY(-170px) scale(1.1)}}
.jf-re{display:flex;justify-content:space-between;font-size:10.5px;color:#5E666C}
.jf-map{position:relative;height:120px;border-radius:12px;overflow:hidden;background:#E7F3F5;background-image:linear-gradient(#D3E6EA 1px,transparent 1px),linear-gradient(90deg,#D3E6EA 1px,transparent 1px);background-size:18px 18px;flex:none}
.jf-rad{position:absolute;left:50%;top:50%;width:96px;height:96px;margin:-48px;border-radius:50%;background:rgba(0,180,204,.18);border:2px solid #00B4CC;transform:scale(0)}
.ij-scr.on .jf-rad{animation:jfrad .9s .3s cubic-bezier(.34,1.56,.64,1) forwards,jfpulse 2s 1.3s ease-in-out infinite}
@keyframes jfrad{to{transform:scale(1)}}@keyframes jfpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
.jf-pin{position:absolute;left:50%;top:50%;width:14px;height:14px;margin:-14px 0 0 -7px;border-radius:50% 50% 50% 0;background:#0F3A41;transform:rotate(-45deg)}
.jf-map em{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:10px;font-weight:700;background:#fff;border-radius:999px;padding:3px 8px}
.jf-set{display:grid;gap:6px}
.jf-set p{display:flex;align-items:center;gap:6px;font-size:11px;padding:6px 9px;border-radius:10px;background:#F6F8F9;position:relative}
.jf-set small{font-size:10px;color:#8C9499;width:62px;flex:none}
.jf-rng{flex:1;height:6px;border-radius:3px;background:#E1E7EA;overflow:hidden}.jf-rng i{height:100%;width:70%;margin-left:15%;background:#00B4CC;border-radius:3px}
.jf-ch{font-size:10px;font-weight:600;background:#DDF4F7;color:#007F91;padding:2px 7px;border-radius:999px}
.jf-set .ij-samp{position:static;margin-left:auto;color:#007F91;background:#DDF4F7;border-color:#BFE7EE}
.jf-ad{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;background:#0F3A41;color:#fff;margin-top:auto}
.jf-adimg{width:38px;height:38px;border-radius:8px;background:linear-gradient(140deg,#9FE6EF,#00B4CC);flex:none}
.jf-ad p{flex:1;font-size:11px;line-height:1.3}.jf-ad small{display:block;font-size:9.5px;color:#9FE6EF}
.jf-adb{font-size:10px;font-weight:700;background:#00B4CC;color:#04191C;border-radius:999px;padding:4px 9px}
.jf-mh{display:flex;gap:8px;align-items:center;padding-bottom:8px;border-bottom:1px solid #EEF2F4}
.jf-mh p{font-size:10px;color:#5E666C}.jf-mh b{display:block;font-size:12px;color:#14191C}
/* linkedin */
.jl-ban{height:76px;border-radius:12px;background:linear-gradient(120deg,#0B2930,#14505B 55%,#007F91);display:flex;align-items:flex-start;justify-content:flex-end;text-align:right;padding:10px 12px;flex:none}
.jl-ban span{font-size:11.5px;font-weight:600;color:#fff;max-width:60%;line-height:1.3}
.jl-av{width:58px;height:58px;margin:-38px 0 0 10px;box-shadow:0 0 0 3px #fff;font-size:15px}
.jl-name{display:grid;font-size:11px;line-height:1.4;color:#14191C}
.jl-name b{font-size:14px}.jl-name .ij-xold{color:#8C9499}
.jl-sec{display:grid;gap:6px;margin-top:auto}.jl-sec i{height:40px;border-radius:10px;background:#F1F4F5}
.jl-feat{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.jl-feat span{border-radius:10px;background:#F6F8F9;overflow:hidden;display:grid;font-size:10.5px}
.jl-feat i{height:46px;background:linear-gradient(140deg,#14505B,#00B4CC)}.jl-feat span:nth-child(2) i{background:linear-gradient(140deg,#EFE7DA,#9FE6EF)}
.jl-feat b{padding:6px 8px}
.jl-co{display:flex;gap:10px;align-items:center}
.jl-logo{width:56px;height:56px;border-radius:12px;background:#0F3A41;color:#5FE3F2;display:grid;place-items:center;font-weight:700;font-size:17px;flex:none}
.jl-co p{display:grid;font-size:11px;line-height:1.4;min-width:0}.jl-co b{font-size:14px}.jl-co small{font-size:10px;color:#8C9499}
.jl-chips{display:flex;flex-wrap:wrap;gap:5px}
.jl-chips span{font-size:10.5px;font-weight:600;padding:5px 9px;border-radius:999px;background:#DDF4F7;color:#0F3A41}
.jl-team{display:flex;align-items:center;gap:8px;font-size:10.5px;color:#5E666C;padding:8px 10px;border-radius:12px;background:#F6F8F9}
.jl-stack{display:flex}.jl-stack i{width:22px;height:22px;border-radius:50%;background:#C9D3D7;box-shadow:0 0 0 2px #F6F8F9;margin-left:-6px}.jl-stack i:first-child{margin:0}
.jl-stack i:nth-child(2){background:#9FE6EF}.jl-stack i:nth-child(3){background:#14505B}.jl-stack i:nth-child(4){background:#00B4CC}
.jl-deck{position:relative;height:190px;flex:none}
.jl-deck .pg{position:absolute;inset:0 26px 0 0;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:7px;box-shadow:0 14px 26px -16px rgba(4,25,28,.5)}
.jl-deck .p1{background:linear-gradient(150deg,#0F3A41,#0A1C22);color:#fff;z-index:3}
.jl-deck .p1 small{font-size:9.5px;color:#5FE3F2}.jl-deck .p1 b{font-size:17px;line-height:1.15;letter-spacing:-.02em}.jl-deck .p1 em{margin-top:auto;font-style:normal;font-size:10px;color:#9FE6EF}
.jl-deck .p2{background:#DDF4F7;z-index:2}.jl-deck .p3{background:#9FE6EF;z-index:1}
.jl-deck .pg i{height:7px;border-radius:4px;background:rgba(15,58,65,.25);width:80%}.jl-deck .pg i+i{width:55%}
.jl-deck .p2 b,.jl-deck .p3 b{font-size:12px;color:#0F3A41}
.ij-scr.on .jl-deck .p2{animation:jlfan .8s .5s var(--ease) forwards}
.ij-scr.on .jl-deck .p3{animation:jlfan2 .8s .7s var(--ease) forwards}
@keyframes jlfan{to{transform:translateX(14px) rotate(3deg)}}@keyframes jlfan2{to{transform:translateX(26px) rotate(6deg)}}
.jl-dots{display:flex;gap:5px;justify-content:center}.jl-dots i{width:6px;height:6px;border-radius:50%;background:#D5DCDF}
.jl-dots i:first-child{background:#00B4CC;width:16px;border-radius:3px}
.jl-copy{font-size:11.5px;line-height:1.5}
.jl-mini{display:flex;justify-content:space-between;align-items:flex-end;height:110px;border-radius:12px;padding:12px;background:linear-gradient(150deg,#0F3A41,#0A1C22);color:#fff}
.jl-mini b{font-size:14px;max-width:70%;line-height:1.2}.jl-mini span{font-size:10px;color:#9FE6EF}
.jl-p{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:7px 9px;border-radius:12px;background:#F6F8F9}
.jl-p p{font-size:10px;color:#5E666C;line-height:1.3}.jl-p p b{display:block;font-size:11.5px;color:#14191C}
.jl-cn{position:relative;display:grid}
.jl-cn em{grid-area:1/1;font-style:normal;font-size:10px;font-weight:700;padding:4px 9px;border-radius:999px;border:1.5px solid #007F91;color:#007F91;text-align:center;white-space:nowrap}
.jl-cn em+em{background:#00B4CC;border-color:#00B4CC;color:#04191C;opacity:0;transform:scale(.6)}
.ij-scr.on .jl-cn em:first-child{animation:jlout .3s forwards;animation-delay:var(--d)}
.ij-scr.on .jl-cn em+em{animation:jxup .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d)}
@keyframes jlout{to{opacity:0;transform:scale(.6)}}
/* youtube */
.jy-ban{height:70px;border-radius:12px;background:linear-gradient(120deg,#0F3A41,#00B4CC);display:flex;align-items:center;justify-content:center;flex:none}
.jy-ban span{font-size:12px;font-weight:700;color:#fff}
.jy-list{display:grid;gap:8px;margin-top:4px}
.jy-list div{display:flex;gap:8px}.jy-list i{width:96px;height:54px;border-radius:8px;background:#E9EDEF;flex:none}
.jy-list div:nth-child(2) i{background:#DCE2E5}
.jy-list p{flex:1;display:grid;gap:5px;align-content:start;padding-top:4px}.jy-list p span{height:7px;border-radius:4px;background:#EEF2F4}.jy-list p span+span{width:60%}
.jy-trailer{position:relative;height:110px;border-radius:12px;background:linear-gradient(150deg,#14505B,#0B1E26);flex:none}
.jy-trailer em{position:absolute;left:10px;bottom:8px;font-style:normal;font-size:10.5px;font-weight:600;color:#fff}
.jy-pl{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.jy-pl span{display:grid;gap:4px;font-size:9.5px;line-height:1.2}
.jy-pl i{aspect-ratio:16/10;border-radius:7px;background:linear-gradient(140deg,#0F3A41,#00B4CC);box-shadow:3px -3px 0 -1px #9FE6EF}
.jy-search{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#F1F4F5;font-size:12px}
.jy-search span{flex:1}.jy-search i{width:14px;height:14px;border-radius:50%;border:2px solid #5E666C;position:relative;flex:none}
.jy-search span::after{content:"";display:inline-block;width:1.5px;height:12px;background:#00B4CC;vertical-align:-2px;margin-left:1px}
.jy-sug{display:grid;gap:2px}
.jy-sug p{display:flex;align-items:center;gap:9px;font-size:11.5px;padding:6px 4px;border-bottom:1px solid #F1F4F5}
.jy-sug i{width:10px;height:10px;border-radius:50%;border:1.5px solid #8C9499;flex:none}
.jy-script{display:grid;gap:5px}
.jy-script>div{display:grid;grid-template-columns:50px 1fr;gap:2px 8px;padding:7px 9px;border-radius:10px;background:#F6F8F9;font-size:11px}
.jy-script small{grid-row:span 2;font-size:9.5px;font-weight:700;color:#007F91;text-transform:uppercase;letter-spacing:.04em;padding-top:1px}
.jy-script span{height:4px;border-radius:2px;background:#E1E7EA;overflow:hidden}.jy-script span i{height:100%;background:#00B4CC;border-radius:2px}
.jy-rec{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:10px 12px;border-radius:12px;background:#0B1114;color:#fff;font-size:10.5px;margin-top:auto}
.jy-rec .ij-xrec{color:#FF5A5F;font-weight:700}
.ij-scr.on .jy-rec .ij-xrec{animation:ijblink 1s step-end infinite}
.jy-rec .ij-xtm{font-variant-numeric:tabular-nums}
.jy-thumb{position:relative;aspect-ratio:16/9;border-radius:12px;background:linear-gradient(120deg,#0B1E26,#14505B 60%,#007F91);overflow:hidden;flex:none}
.jy-face{position:absolute;right:8%;bottom:-8%;width:42%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 35%,#F3DCD8 0 28%,transparent 29%),radial-gradient(ellipse at 50% 100%,#9FE6EF 0 55%,transparent 56%);background-color:rgba(255,255,255,.08)}
.jy-tt{position:absolute;left:8%;top:18%;font-size:21px;line-height:1;color:#fff;letter-spacing:-.03em;text-shadow:0 2px 0 #007F91}
.jy-arrow{position:absolute;left:46%;top:44%;width:26px;height:4px;background:#5FE3F2;border-radius:2px}
.jy-arrow::after{content:"";position:absolute;right:-3px;top:-5px;border-left:9px solid #5FE3F2;border-top:7px solid transparent;border-bottom:7px solid transparent}
.jy-badge{position:absolute;left:8%;bottom:12%;font-size:9.5px;font-weight:700;background:#5FE3F2;color:#04191C;border-radius:5px;padding:3px 6px}
.jy-ab{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:7px 9px;border-radius:10px;background:#F6F8F9;font-size:10.5px;line-height:1.3}
.jy-ab em{font-style:normal;width:22px;height:22px;border-radius:6px;background:#DDE3E6;display:grid;place-items:center;font-weight:700;font-size:10px}
.jy-ab span{font-weight:700;color:#8C9499}
.jy-ab.win{background:#DDF4F7;box-shadow:inset 0 0 0 1.5px #00B4CC}.jy-ab.win em{background:#00B4CC;color:#04191C}.jy-ab.win span{color:#007F91}
.jy-note{font-size:9.5px;color:#8C9499;text-align:right}
.jy-long{position:relative;height:30px;border-radius:8px;background:rgba(255,255,255,.08);overflow:hidden;flex:none}
.jy-long>i{position:absolute;inset:0;background:linear-gradient(90deg,#14505B,#1E6470);border-radius:8px}
.jy-long .cut{position:absolute;top:0;bottom:0;left:var(--l);width:14%;border-radius:6px;background:#00B4CC;box-shadow:0 0 0 2px #5FE3F2;opacity:0;transform:scaleY(.3)}
.ij-scr.on .jy-long .cut{animation:jxup .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d)}
.jy-shorts{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.jy-sh{position:relative;border-radius:12px;background:linear-gradient(170deg,#14505B,#0B1E26 60%,#007F91);overflow:hidden}
.jy-sh .ij-rplay{width:34px;height:34px;margin:-17px}
.jy-sh .ij-rplay::after{left:13px;top:10px;border-left-width:11px;border-top-width:7px;border-bottom-width:7px}
.jy-sh b{position:absolute;left:7px;right:7px;bottom:9px;font-size:10px;line-height:1.25;color:#fff}
.jy-f{display:grid;gap:3px;padding:7px 10px;border-radius:10px;border:1px solid #E7EAEC;font-size:11px;line-height:1.4}
.jy-f small{font-size:9.5px;color:#8C9499;font-weight:600}
.jy-f .lk2{color:#007F91;font-weight:600}
.jy-ch{display:grid;gap:2px}.jy-ch b{color:#007F91;font-variant-numeric:tabular-nums;margin-right:4px}
.jx-pin{display:grid;gap:3px;padding:10px 12px;border-radius:12px;background:linear-gradient(150deg,#0F3A41,#0A1C22);color:#fff;margin-top:auto}
.jx-pin small{font-size:9.5px;color:#9FE6EF}.jx-pin b{font-size:12.5px;line-height:1.3}
.ij-when{display:inline-block;font-size:11.5px;font-weight:700;color:#04191C;background:#5FE3F2;border-radius:999px;padding:3px 10px;margin-right:10px;letter-spacing:0}
.ij-dot small{display:block;font-size:11px;color:var(--ink-3);font-weight:500}
/* journey extras */
.ij-more{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:6px;font-size:13px}
.ij-more span{color:var(--ink-3);width:100%;text-align:center}
.ij-more a{padding:7px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:500;transition:border-color .3s,color .3s}
.ij-more a:hover{border-color:var(--cyan);color:var(--cyan-deep)}
.ij-step{opacity:.32}
@media (max-width:700px){
  .ij-step,.ij-step.on{opacity:1;transform:none}
  .ij-bar{justify-content:center}.ij-bar>span{display:none}
  .ij-lbl{font-size:13px!important}
  .ij-step{min-height:calc(100vh - var(--hh) - 39vh - 40px);justify-content:center;padding:24px 0}
}

/* ---------- SEO journeys ---------- */
.ij-lbl.gg{color:#14191C}
.ij-lbl.ai i{background:linear-gradient(140deg,#00B4CC,#0F3A41);font-size:10px}
.js-mp{height:96px}
.js-pin{position:absolute;width:12px;height:12px;margin:-12px 0 0 -6px;border-radius:50% 50% 50% 0;background:#8C9499;transform:rotate(-45deg)}
.js-li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#F6F8F9;font-size:11px}
.js-li b{font-size:11.5px}.js-li span{color:#8C9499;font-size:10px;white-space:nowrap}
.js-li.ij-xme{background:#DDF4F7;box-shadow:inset 0 0 0 1.5px #00B4CC}.js-li.ij-xme b{color:#007F91}
.js-miss{font-size:11px;font-weight:600;color:#A4271D;background:#FDECEA;border:1px dashed #F5C6C0;border-radius:10px;padding:8px 10px;text-align:center}
.js-mp2{height:110px}
.js-pinmv{position:absolute;left:24%;top:30%;width:16px;height:16px;margin:-16px 0 0 -8px;border-radius:50% 50% 50% 0;background:#0F3A41;transform:rotate(-45deg)}
.ij-scr.on .js-pinmv{animation:jspin 1s .4s var(--ease) forwards}
@keyframes jspin{to{left:62%;top:58%;background:#00B4CC}}
.js-mp2 em{position:absolute;left:8px;bottom:8px;font-style:normal;font-size:10px;font-weight:700;background:#fff;border-radius:999px;padding:3px 8px}
.js-ck{display:grid;gap:6px}
.js-ck li{display:flex;align-items:center;gap:9px;font-size:11.5px;padding:7px 10px;border-radius:10px;background:#F6F8F9;opacity:0;transform:translateY(6px)}
.ij-scr.on .js-ck li{animation:jxup .45s var(--ease) forwards;animation-delay:var(--d)}
.js-ck i{position:relative;width:16px;height:16px;border-radius:5px;border:1.5px solid #C9D3D7;flex:none}
.js-ck i::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #04191C;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0)}
.ij-scr.on .js-ck i{animation:jsbox .3s forwards;animation-delay:calc(var(--d) + .3s)}
.ij-scr.on .js-ck i::after{animation:jstick .3s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--d) + .4s)}
.js-ck li{--d:0s}
@keyframes jsbox{to{background:#00B4CC;border-color:#00B4CC}}@keyframes jstick{to{transform:rotate(45deg) scale(1)}}
.js-gbp{display:grid;gap:7px;padding-bottom:4px}
.js-gimg{height:86px;border-radius:12px;background:linear-gradient(130deg,#F3DCD8,#EFE7DA 50%,#9FE6EF)}
.js-gbp>b{font-size:15px}
.js-ph{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.js-ph span{position:relative;aspect-ratio:1;border-radius:10px;background:linear-gradient(150deg,#14505B,#0F3A41);overflow:hidden}
.js-ph span:nth-child(2){background:linear-gradient(150deg,#EFE7DA,#F3DCD8)}.js-ph span:nth-child(3){background:linear-gradient(150deg,#00B4CC,#007F91)}.js-ph span:nth-child(4){background:linear-gradient(150deg,#F3DCD8,#9FE6EF)}.js-ph span:nth-child(6){background:linear-gradient(150deg,#9FE6EF,#14505B)}
.js-ph em{position:absolute;left:6px;bottom:5px;font-style:normal;font-size:9.5px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.js-up{display:grid;grid-template-columns:1fr;gap:4px;padding:8px 10px;border-radius:10px;background:#F6F8F9;font-size:10.5px}
.js-up i{height:5px;border-radius:3px;background:#00B4CC}
.js-qrc{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px;background:#0F3A41;color:#fff}
.js-qr{display:grid;grid-template-columns:repeat(9,1fr);gap:1px;width:78px;padding:6px;background:#fff;border-radius:8px;flex:none}
.js-qr i{aspect-ratio:1;background:#fff}.js-qr i.on{background:#0A0D0F}
.js-qrc p{font-size:10.5px;color:#9FE6EF;line-height:1.4}.js-qrc b{display:block;font-size:13px;color:#fff}
.js-rev{display:grid;gap:5px;padding:9px 10px;border-radius:12px;background:#F6F8F9;font-size:11px;line-height:1.4}
.js-rev>div{display:flex;gap:8px;align-items:center}.js-rev>div p{font-size:11px}.js-rev em{display:block;font-style:normal;color:#E8A317;font-size:10px;letter-spacing:1px}
.js-rev mark{background:#9FE6EF;color:#04191C;border-radius:3px;padding:0 2px}
.js-reply{display:grid;gap:2px;margin-left:16px;padding:9px 10px;border-radius:12px;background:#DDF4F7;font-size:11px}
.js-reply small{font-size:9.5px;font-weight:700;color:#007F91}
.js-gpost{border-radius:14px;overflow:hidden;background:#F6F8F9;display:grid}
.js-gpimg{height:100px;background:linear-gradient(140deg,#0F3A41,#14505B 50%,#00B4CC);display:flex;align-items:flex-end;padding:10px}
.js-gpimg b{color:#fff;font-size:16px;letter-spacing:-.02em}
.js-gpost p{font-size:11px;padding:8px 10px 0}
.js-gpost>span{margin:8px 10px 10px;justify-self:start;font-size:10.5px;font-weight:700;background:#00B4CC;color:#04191C;border-radius:999px;padding:5px 11px}
.js-rank{position:relative;height:calc(5 * 40px)}
.js-rank .js-li{position:absolute;left:0;right:0;height:34px;transform:translateY(calc(var(--from) * 40px))}
.ij-scr.on .js-rank .js-li{animation:jsmove 1.2s 1s var(--ease) forwards}
.js-rank .js-li.ij-xme{z-index:2}
@keyframes jsmove{to{transform:translateY(calc(var(--to) * 40px))}}
.js-kwr{display:grid;grid-template-columns:1fr 70px;gap:8px;align-items:center;padding:7px 10px;border-radius:10px;background:#F6F8F9;font-size:11px}
.js-kwr span{height:6px;border-radius:3px;background:#E1E7EA;overflow:hidden}.js-kwr i{height:100%;background:#00B4CC;border-radius:3px}
.js-tbl{display:grid;gap:5px}
.js-tbl .hd,.js-tr{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:4px;align-items:center;font-size:10.5px}
.js-tbl .hd{font-size:9.5px;font-weight:700;color:#8C9499;text-align:center}
.js-tr{padding:8px 8px;border-radius:10px;background:#F6F8F9}
.js-tr span{font-weight:600;line-height:1.25}
.js-tr em{font-style:normal;text-align:center;font-weight:700}
.js-tr em.y{color:#007F91}.js-tr em.n{color:#C0392B}
.js-tr.ij-xme{background:#FDECEA}
.js-nap{display:grid;gap:2px;padding:12px;border-radius:14px;background:#0F3A41;color:#fff;font-size:11px}
.js-nap small{font-size:9.5px;color:#5FE3F2;font-weight:700}.js-nap b{font-size:14px}.js-nap span{color:#C9E3E8}
.js-dir{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:10px;background:#F6F8F9;font-size:11px;font-weight:600}
.js-dir .jl-cn em.bad{border-color:#E8A39B;color:#C0392B}
.js-url{font-size:10.5px;color:#5E666C;padding:7px 11px;border-radius:999px;background:#F1F4F5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.js-url b{color:#007F91}
.js-page{display:grid;gap:6px;padding:8px;border-radius:14px;border:1px solid #E7EAEC}
.js-hero{display:grid;gap:3px;padding:12px;border-radius:10px;background:linear-gradient(140deg,#0F3A41,#14505B);color:#fff}
.js-hero small{font-size:9.5px;color:#5FE3F2;font-weight:700}.js-hero b{font-size:13px;line-height:1.25}
.js-blk{display:grid;gap:1px;padding:7px 10px;border-radius:9px;background:#F6F8F9;font-size:10.5px}.js-blk b{font-size:11px}.js-blk span{color:#5E666C}
.js-mini-map{height:54px;border-radius:9px;background:#E7F3F5;background-image:linear-gradient(#D3E6EA 1px,transparent 1px),linear-gradient(90deg,#D3E6EA 1px,transparent 1px);background-size:12px 12px}
.js-graph{position:relative;height:200px;flex:none}
.js-graph svg{position:absolute;inset:0;width:100%;height:100%}
.js-graph line{stroke:#00B4CC;stroke-width:.8;stroke-dasharray:400;stroke-dashoffset:400;vector-effect:non-scaling-stroke;stroke-width:2}
.ij-scr.on .js-graph line{animation:jsdraw .8s ease forwards;animation-delay:var(--d)}
@keyframes jsdraw{to{stroke-dashoffset:0}}
.js-core{position:absolute;left:50%;top:50%;width:70px;height:70px;margin:-35px;border-radius:50%;background:#0F3A41;color:#fff;display:grid;place-items:center;text-align:center;font-size:10.5px;font-weight:700;line-height:1.2;box-shadow:0 0 0 6px rgba(0,180,204,.18)}
.js-node{position:absolute;max-width:84px;font-size:9.5px;font-weight:600;line-height:1.2;padding:6px 8px;border-radius:10px;background:#DDF4F7;color:#0F3A41;text-align:center}
.js-art{display:grid;gap:3px;padding-bottom:4px}
.js-artimg{height:96px;border-radius:12px;background:linear-gradient(140deg,#9FE6EF,#00B4CC 60%,#14505B);margin-bottom:4px}
.js-artimg.k{background:linear-gradient(140deg,#EFE7DA,#F3DCD8 50%,#9FE6EF)}.js-artimg.p{background:linear-gradient(140deg,#0F3A41,#14505B 50%,#5FE3F2)}
.js-art small{font-size:9.5px;font-weight:700;color:#007F91}.js-art b{font-size:13px;line-height:1.25}
.js-grid{position:relative;border-radius:14px;padding:10px;background:#E7F3F5;background-image:linear-gradient(#D3E6EA 1px,transparent 1px),linear-gradient(90deg,#D3E6EA 1px,transparent 1px);background-size:18px 18px}
.js-gm{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.js-gm i{position:relative;aspect-ratio:1;display:grid}
.js-gm b{grid-area:1/1;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:700;background:#C9D3D7;color:#fff}
.js-gm b.nw{background:#9FE6EF;color:#04191C;opacity:0;transform:scale(.4)}
.js-gm b.nw.top{background:#00B4CC}
.ij-scr.on .js-gm b.nw{animation:jxup .5s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d)}
.js-you{position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px;border-radius:50%;background:#0F3A41;box-shadow:0 0 0 4px rgba(15,58,65,.25);z-index:2;pointer-events:none}
.js-gauge{display:flex;align-items:center;gap:14px;padding:8px 4px}
.js-gauge svg{width:96px;height:96px;transform:rotate(-90deg);flex:none}
.js-gauge circle{fill:none;stroke-width:10}
.js-gauge .bg{stroke:#EEF2F4}
.js-gauge .fg{stroke:#E8A317;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327}
.ij-scr.on .js-gauge .fg{animation:jsgauge 1.6s .2s var(--ease) forwards}
@keyframes jsgauge{to{stroke-dashoffset:calc(327 * (1 - var(--v) / 100))}}
.js-gauge p{display:grid}.js-gauge b{font-size:30px;letter-spacing:-.04em;line-height:1}.js-gauge small{font-size:10.5px;color:#5E666C}
.js-iss{display:flex;gap:8px;align-items:center;font-size:11px;padding:7px 10px;border-radius:10px;background:#F6F8F9}
.js-iss em{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700;background:#FDECEA;color:#C0392B;flex:none}
.js-map2{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center}
.js-map2 .pg{font-size:11px;font-weight:700;padding:7px 10px;border-radius:9px;background:#0F3A41;color:#fff}
.js-map2 i{height:2px;background:#00B4CC}
.js-map2 .kw{font-size:10px;font-weight:600;padding:6px 9px;border-radius:999px;background:#DDF4F7;color:#007F91;max-width:140px;text-align:center;line-height:1.2}
.js-gap{display:grid;gap:3px;padding:10px 12px;border-radius:12px;border:1.5px dashed #00B4CC;font-size:11px;margin-top:4px}
.js-gap small{font-size:9.5px;color:#007F91;font-weight:700}
.js-sp{display:grid;grid-template-columns:44px 1fr 34px;gap:8px;align-items:center;font-size:11px}
.js-sp small{color:#5E666C;font-weight:600}.js-sp span{height:12px;border-radius:6px;background:#F1F4F5;overflow:hidden}
.js-sp span i{height:100%;border-radius:6px}.js-sp .b i{width:100%;background:#E8A39B}.js-sp .ij-xa i{width:30%;background:#00B4CC}
.js-snip{display:grid;gap:1px;padding:10px 12px;border-radius:12px;border:1px solid #E7EAEC;font-size:10.5px;line-height:1.4}
.js-snip small{font-size:9.5px;color:#5E666C}
.js-snip>b{font-size:12.5px;color:#1B5FA8;font-weight:600}
.js-snip>span{color:#4A5358}
.js-tags{display:grid;gap:5px}
.js-tags p{display:flex;gap:8px;align-items:center;font-size:11px}
.js-tags em{font-style:normal;font-size:9px;font-weight:700;min-width:34px;text-align:center;padding:3px 0;border-radius:5px;background:#0F3A41;color:#5FE3F2}
.js-code{display:grid;gap:2px;padding:12px;border-radius:12px;background:#0B1114;font:500 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9FE6EF}
.js-code span{white-space:pre}.js-code span:nth-child(n+2):not(:last-child){color:#C9E3E8}
.js-snip.rich{gap:4px}
.js-faq{display:grid;gap:3px;margin-top:4px}
.js-faq p{display:flex;justify-content:space-between;font-size:10.5px;padding:5px 0;border-top:1px solid #EEF2F4}
.js-faq i{font-style:normal;color:#8C9499}
.js-sl{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}
.js-sl span{font-size:10px;font-weight:600;color:#1B5FA8;padding:4px 8px;border-radius:999px;border:1px solid #E7EAEC}
.js-kwt{display:grid;grid-template-columns:1fr 40px 52px;gap:6px;align-items:center;padding:8px 10px;border-radius:10px;background:#F6F8F9;font-size:11px}
.js-kwt.hd{background:none;padding:0 10px;font-size:9.5px;font-weight:700;color:#8C9499}
.js-kwt em{font-style:normal;color:#8C9499;text-decoration:line-through}
.js-kwt b{color:#007F91}
.js-ai{display:grid;gap:5px;padding:11px 12px;border-radius:14px;background:#F6F8F9;font-size:11px;line-height:1.4}
.js-ai small{font-size:10px;font-weight:700;color:#007F91}
.js-ai span{display:block;padding:6px 8px;border-radius:8px;background:#fff}
.js-ai span.hit{background:#DDF4F7;box-shadow:inset 0 0 0 1.5px #00B4CC;font-weight:700;color:#0F3A41}
.js-dots{display:flex;gap:6px}
.js-dots i{width:16px;height:16px;border-radius:50%;background:#E1E7EA;opacity:0;transform:scale(.4)}
.js-dots i.y{background:#00B4CC}
.ij-scr.on .js-dots i{animation:jxup .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d)}
.js-q{display:grid;gap:3px;padding:9px 11px;border-radius:12px;background:#F6F8F9;font-size:11px;line-height:1.4}
.js-q b{font-size:11.5px}.js-q span{color:#4A5358}
.js-ent{display:grid;gap:8px;padding:12px;border-radius:14px;border:1px solid #E7EAEC;box-shadow:0 14px 24px -18px rgba(4,25,28,.4)}
.js-ent>div{display:flex;gap:8px;align-items:center}.js-ent>div p{font-size:10.5px;color:#5E666C}.js-ent>div b{display:block;font-size:12.5px;color:#14191C}
.js-ent dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:10.5px}
.js-ent dt{color:#8C9499;font-weight:600}.js-ent dd{margin:0}

/* ---------- Ads journeys ---------- */
.ja-goal{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ja-goal span{display:grid;justify-items:center;gap:4px;padding:10px 4px;border-radius:12px;background:#F6F8F9;font-size:10.5px;font-weight:600;text-align:center}
.ja-goal i{font-style:normal;font-size:18px}
.ja-goal .pick{background:#DDF4F7;box-shadow:inset 0 0 0 2px #00B4CC;color:#007F91}
.ja-offer{display:grid;gap:2px;padding:12px;border-radius:14px;background:#0F3A41;color:#fff;font-size:11px}
.ja-offer small{font-size:9.5px;color:#5FE3F2;font-weight:700}.ja-offer b{font-size:14px;line-height:1.25}.ja-offer span{color:#C9E3E8}
.ja-sl{position:relative;height:22px;display:flex;align-items:center}
.ja-sl>span{flex:1;height:6px;border-radius:3px;background:#E1E7EA;overflow:hidden}.ja-sl>span i{height:100%;width:28%;background:#00B4CC}
.ja-knob{position:absolute;left:0;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #00B4CC,0 4px 10px rgba(0,0,0,.2)}
.ij-scr.on .ja-knob{animation:jaknob .8s 1.9s var(--ease) forwards}
@keyframes jaknob{to{left:calc(28% - 9px)}}
.ja-slv{display:flex;justify-content:space-between;font-size:10px;color:#8C9499}.ja-slv b{color:#14191C;font-size:12px}
.ja-reach{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;background:#F6F8F9;font-size:11px}
.ja-reach small{flex:1;color:#5E666C}.ja-reach b{font-size:15px}
.ja-cr{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ja-c{position:relative;display:grid;gap:3px;font-size:10px;line-height:1.25}
.ja-c em{position:absolute;left:6px;top:6px;z-index:2;font-style:normal;font-size:9.5px;font-weight:700;width:18px;height:18px;border-radius:5px;background:#fff;display:grid;place-items:center}
.ja-cimg{position:relative;aspect-ratio:9/14;border-radius:10px;background:linear-gradient(160deg,#14505B,#0B1E26 60%,#00B4CC);overflow:hidden}
.ja-c.ij-xc .ja-cimg{aspect-ratio:9/14;background:linear-gradient(160deg,#EFE7DA,#F3DCD8 55%,#9FE6EF)}
.ja-c.ij-xs .ja-cimg{background:linear-gradient(160deg,#0F3A41,#007F91)}
.ja-cimg i{position:absolute;left:50%;top:45%;width:22px;height:22px;margin:-11px;border-radius:50%;background:rgba(255,255,255,.85)}
.ja-c small{font-size:9px;font-weight:700;color:#007F91}
.ja-tree{display:grid;gap:5px}
.ja-sub{display:grid;gap:5px;padding-left:12px;border-left:2px solid #E1E7EA;margin-left:8px}
.ja-sub2{display:grid;gap:5px;padding-left:24px;border-left:2px solid #E1E7EA;margin-left:8px}
.ja-tg{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#F6F8F9}
.ja-tg p{font-size:11px;line-height:1.3}.ja-tg p b{display:block}.ja-tg small{font-size:9.5px;color:#8C9499}
.ja-sw{position:relative;width:30px;height:17px;border-radius:9px;background:#C9D3D7;flex:none}
.ja-sw i{position:absolute;left:2px;top:2px;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.ij-scr.on .ja-sw{animation:jaswbg .3s forwards;animation-delay:var(--d)}
.ij-scr.on .ja-sw i{animation:jaswk .3s var(--ease) forwards;animation-delay:var(--d)}
@keyframes jaswbg{to{background:#00B4CC}}@keyframes jaswk{to{transform:translateX(13px)}}
.ja-cmp{display:grid;grid-template-columns:86px 1fr 48px;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#F6F8F9;font-size:11px}
.ja-cmp em{font-style:normal;font-weight:600;font-size:10.5px}
.ja-cmp span{height:8px;border-radius:4px;background:#E1E7EA;overflow:hidden}.ja-cmp span i{height:100%;background:#C9D3D7;border-radius:4px}
.ja-cmp b{text-align:right}
.ja-cmp.win{background:#DDF4F7;box-shadow:inset 0 0 0 1.5px #00B4CC}.ja-cmp.win span i{background:#00B4CC}.ja-cmp.win b{color:#007F91}
.ja-split{display:flex;height:16px;border-radius:8px;overflow:hidden;gap:2px}
.ja-split i{height:100%}
.ja-split .ij-xa{background:#00B4CC;flex:1}.ja-split .b{background:#9FE6EF;flex:1}.ja-split .ij-xc{background:#C9D3D7;flex:1}
.ij-scr.on .ja-split .ij-xa{animation:jaga 1.2s 1.6s var(--ease) forwards}.ij-scr.on .ja-split .b{animation:jagb 1.2s 1.6s var(--ease) forwards}.ij-scr.on .ja-split .ij-xc{animation:jagc 1.2s 1.6s var(--ease) forwards}
@keyframes jaga{to{flex:7}}@keyframes jagb{to{flex:2.6}}@keyframes jagc{to{flex:.4}}
.ja-neg{display:flex;flex-wrap:wrap;gap:5px}
.ja-neg span{font-size:10.5px;font-weight:600;padding:4px 9px;border-radius:999px;background:#FDECEA;color:#A4271D}
.ja-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:auto}
.ja-flow span{position:relative;text-align:center;font-size:10px;font-weight:700;padding:8px 2px;border-radius:9px;background:#0F3A41;color:#fff}
.ja-flow span:last-child{background:#00B4CC;color:#04191C}
.ja-sad{display:grid;gap:1px;padding:10px 12px;border-radius:12px;border:1px solid #E7EAEC;font-size:10.5px;line-height:1.4}
.ja-sad small{font-size:9.5px;color:#5E666C}.ja-sad small b{color:#14191C}
.ja-sad>b{font-size:12.5px;color:#1B5FA8;font-weight:600}
.ja-sad>span{color:#4A5358}
.ja-callb{justify-self:start;margin-top:6px;font-size:10.5px;font-weight:700;padding:6px 11px;border-radius:999px;background:#00B4CC;color:#04191C}
.ja-cta{justify-self:start;font-size:11px;font-weight:700;padding:7px 13px;border-radius:999px;background:#00B4CC;color:#04191C}
.ja-form{display:grid;gap:5px;padding:10px;border-radius:10px;background:#F6F8F9;font-size:10px}
.ja-form small{font-weight:700;font-size:10.5px}
.ja-form i{font-style:normal;color:#8C9499;padding:6px 8px;border-radius:7px;background:#fff;border:1px solid #E7EAEC}
.ja-form span{text-align:center;font-weight:700;padding:7px;border-radius:8px;background:#0F3A41;color:#fff}
.ja-heat{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
.ja-heat i{aspect-ratio:1;border-radius:3px;background:#EEF2F4}
.ij-scr.on .ja-heat i.y{animation:jsbox .3s forwards;animation-delay:var(--d)}
.ja-hl{display:flex;justify-content:space-between;font-size:9.5px;color:#8C9499}
.ja-call{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:#0F3A41;color:#fff}
.ja-call p{font-size:10.5px;color:#C9E3E8;line-height:1.35}.ja-call b{display:block;font-size:11.5px;color:#fff}
.ja-ring{width:32px;height:32px;border-radius:50%;background:#00B4CC;display:grid;place-items:center;font-size:14px;flex:none}
.ij-scr.on .ja-call:not(.fin) .ja-ring{animation:jaring 1s ease-in-out infinite}
@keyframes jaring{0%,100%{box-shadow:0 0 0 0 rgba(0,180,204,.6)}50%{box-shadow:0 0 0 8px rgba(0,180,204,0)}}
.ja-call.fin{background:#DDF4F7;color:#14191C}.ja-call.fin p{color:#5E666C}.ja-call.fin b{color:#007F91}
.ja-kp{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:auto}
.ja-kp div{background:#F1F4F5;border-radius:10px;padding:7px 9px}.ja-kp small{display:block;font-size:9.5px;color:#5E666C}.ja-kp b{font-size:17px}
.ja-st{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;border-radius:10px;background:#F6F8F9;font-size:11px}
.ja-st .jl-cn em:first-child{border-color:#C9D3D7;color:#8C9499}
.ja-st .jl-cn em.no{background:#FDECEA;border-color:#F5C6C0;color:#A4271D}
.ja-qq{display:grid;gap:6px;padding:10px;border-radius:12px;background:#F6F8F9;font-size:11.5px}
.ja-fhero{display:grid;gap:2px;padding:14px 12px;border-radius:14px;background:linear-gradient(130deg,#0F3A41,#14505B 55%,#00B4CC);color:#fff}
.ja-fhero b{font-size:14px}.ja-fhero span{font-size:10.5px;color:#C9E3E8}
.ja-fld{position:relative;display:grid;gap:4px;padding:8px 10px;border-radius:10px;border:1px solid #E7EAEC;font-size:11.5px}
.ja-fld small{font-size:9.5px;color:#8C9499;font-weight:600}
.ja-fld em{position:absolute;right:8px;top:8px;font-style:normal;font-size:9px;font-weight:700;color:#007F91}
.ja-fld .jl-chips span{font-size:10px;padding:4px 8px;background:#F1F4F5}
.ja-fld .jl-chips span.pk{background:#00B4CC;color:#04191C}
.ja-submit{text-align:center;font-size:12px;font-weight:700;padding:10px;border-radius:10px;background:#0F3A41;color:#fff;margin-top:auto}
.ja-rcta{position:absolute;left:12px;right:12px;bottom:12px;text-align:center;font-size:11.5px;font-weight:700;padding:9px;border-radius:10px;background:#00B4CC;color:#04191C}
.ja-fp{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ja-fp span{display:grid;gap:4px;font-size:9.5px;color:#C9E3E8}
.ja-fp i{aspect-ratio:1;border-radius:9px;background:#0F2027;background-image:linear-gradient(#2A4A50 1px,transparent 1px),linear-gradient(90deg,#2A4A50 1px,transparent 1px);background-size:9px 9px;box-shadow:inset 0 0 0 1.5px #5FE3F2}
.ja-vflow{display:grid;gap:0}
.ja-vflow div{position:relative;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#F6F8F9;font-size:11px;font-weight:600;margin-bottom:14px}
.ja-vflow div:not(:last-child)::after{content:"";position:absolute;left:24px;bottom:-14px;width:2px;height:14px;background:#00B4CC}
.ja-vflow i{font-style:normal;width:28px;height:28px;border-radius:9px;background:#fff;display:grid;place-items:center;font-size:14px;flex:none}
.ja-vflow div:last-child{background:#DDF4F7;color:#007F91;margin-bottom:0}
.ja-sheet{display:grid;border-radius:10px;overflow:hidden;border:1px solid #E7EAEC;font-size:10px;margin-top:auto}
.ja-sheet>div{display:grid;grid-template-columns:1fr 1fr 1fr;padding:6px 8px;border-top:1px solid #EEF2F4}
.ja-sheet .hd{background:#F1F4F5;font-weight:700;color:#5E666C;border:0}
.ja-sheet .nw{background:#DDF4F7;font-weight:700}
.ja-doc{display:flex;gap:9px;align-items:center;align-self:flex-end;max-width:84%;padding:8px 10px;border-radius:12px;background:#0F3A41;color:#fff}
.ja-doc i{font-style:normal;font-size:9px;font-weight:700;padding:8px 6px;border-radius:6px;background:#E05A4F;color:#fff}
.ja-doc p{font-size:10px;color:#C9E3E8}.ja-doc b{display:block;font-size:11px;color:#fff}
.ja-lead{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:7px 9px;border-radius:12px;background:#F6F8F9}
.ja-lead p{font-size:10px;color:#5E666C;line-height:1.3}.ja-lead b{display:block;font-size:11.5px;color:#14191C}
.ja-lead em{font-style:normal;font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px}
.ja-lead em.h{background:#00B4CC;color:#04191C}.ja-lead em.w{background:#9FE6EF;color:#04191C}.ja-lead em.j{background:#FDECEA;color:#A4271D}
.ja-ev{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:7px 10px;border-radius:10px;background:#F6F8F9;font-size:10.5px}
.ja-ev code{font:600 10px ui-monospace,Menlo,monospace;color:#0F3A41;background:#DDF4F7;padding:2px 6px;border-radius:5px}
.ja-ev span{color:#5E666C}.ja-ev b{font-size:9.5px;color:#007F91}
.ja-aud{display:grid;grid-template-columns:1fr auto;gap:5px 8px;padding:8px 10px;border-radius:10px;background:#F6F8F9;font-size:11px}
.ja-aud b{font-variant-numeric:tabular-nums}
.ja-aud span{grid-column:1/-1;height:5px;border-radius:3px;background:#E1E7EA;overflow:hidden}.ja-aud span i{height:100%;background:#00B4CC;border-radius:3px}
.ja-stage{display:grid;gap:6px}
.ja-stage div{display:grid;gap:5px;padding:9px 10px;border-radius:12px;background:#F6F8F9;font-size:11px;line-height:1.35}
.ja-stage .jx-tag{justify-self:start}
.ja-prod{display:grid;gap:6px;padding:10px;border-radius:14px;border:1px solid #E7EAEC}
.ja-prod small{font-size:9.5px;color:#5E666C}
.ja-pimg{position:relative;aspect-ratio:1/.8;border-radius:10px;background:linear-gradient(160deg,#EFE7DA,#F3DCD8)}
.ja-lamp{position:absolute;left:50%;bottom:16%;width:60px;height:100px;margin-left:-30px}
.ja-lamp::before{content:"";position:absolute;left:0;top:0;width:60px;height:44px;border-radius:30px 30px 6px 6px;background:repeating-linear-gradient(90deg,#C49A6C 0 4px,#B0855A 4px 7px)}
.ja-lamp::after{content:"";position:absolute;left:27px;top:44px;width:6px;height:46px;background:#8C6A48}
.ja-lamp{background:radial-gradient(ellipse 24px 6px at 50% 94%,#8C6A48 96%,transparent 100%)}
.ja-pb{display:flex;justify-content:space-between;align-items:center}
.ja-pb p{font-size:11px}.ja-pb b{display:block;font-size:12.5px}
.ja-pb span{font-size:10.5px;font-weight:700;padding:6px 11px;border-radius:999px;background:#00B4CC;color:#04191C}
.ja-tagline{font-size:10.5px;font-weight:600;color:#007F91;background:#DDF4F7;border-radius:10px;padding:8px 10px;text-align:center}
.ja-more{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.ja-more i{display:block;aspect-ratio:1;border-radius:10px;background:linear-gradient(160deg,#9FE6EF,#EFE7DA)}
.ja-more span:nth-child(2) i{background:linear-gradient(160deg,#F3DCD8,#C49A6C)}.ja-more span:nth-child(3) i{background:linear-gradient(160deg,#14505B,#9FE6EF)}
.ja-seq{position:relative;display:grid;gap:10px;padding-left:18px}
.ja-seq::before{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:2px;background:#E1E7EA}
.ja-seq div{position:relative;display:grid;gap:1px;padding:9px 11px;border-radius:12px;background:#F6F8F9;font-size:10.5px}
.ja-seq div::before{content:"";position:absolute;left:-18px;top:14px;width:12px;height:12px;border-radius:50%;background:#00B4CC;box-shadow:0 0 0 3px #fff}
.ja-seq small{font-size:9.5px;font-weight:700;color:#007F91}.ja-seq b{font-size:12px}.ja-seq span{color:#5E666C}
.ja-fq{display:flex;gap:7px;justify-content:center;padding:14px 0}
.ja-fq i{width:26px;height:26px;border-radius:8px;background:#E1E7EA;opacity:0;transform:scale(.4)}
.ja-fq i.y{background:#00B4CC}
.ja-fq i.x{background:#F1F4F5;box-shadow:inset 0 0 0 1.5px #E1E7EA;position:relative}
.ja-fq i.x::after{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;background:#C9D3D7;transform:rotate(-45deg)}
.ij-scr.on .ja-fq i{animation:jxup .4s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:var(--d)}
.ja-fqt{font-size:11.5px;text-align:center;line-height:1.4}
.ja-jr{position:relative;display:grid;gap:8px;padding-left:20px}
.ja-jr::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:#E1E7EA}
.ja-jr div{position:relative;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#F6F8F9;font-size:11px}
.ja-jr i{position:absolute;left:-20px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#9FE6EF;box-shadow:0 0 0 3px #fff}
.ja-jr small{font-size:9.5px;color:#8C9499;font-weight:700}
.ja-jr div.end{background:#DDF4F7;font-weight:700;color:#007F91}.ja-jr div.end i{background:#00B4CC}

/* ---------- Website journeys ---------- */
.js-gauge.good .fg{stroke:#00B4CC}
.ij-lbl.url{font-size:12px!important;font-weight:600!important;color:#14191C;background:#F1F4F5;border-radius:999px;padding:3px 10px 3px 6px}
.ij-lbl.url i{background:none;width:auto;height:auto;font-size:9px}
.jw-note{display:grid;gap:2px;padding:8px 11px;border-radius:12px;background:#F6F8F9;font-size:11.5px}
.jw-note small{font-size:9.5px;font-weight:700;color:#007F91;text-transform:uppercase;letter-spacing:.04em}
.jw-tree{display:grid;justify-items:center;gap:14px;padding:10px 0}
.jw-root{font-size:12px;font-weight:700;padding:9px 20px;border-radius:12px;background:#0F3A41;color:#fff;position:relative}
.jw-root::after{content:"";position:absolute;left:50%;top:100%;width:2px;height:14px;background:#00B4CC}
.jw-kids{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding-top:10px;border-top:2px solid #00B4CC}
.jw-kids span{font-size:10.5px;font-weight:600;padding:7px 10px;border-radius:10px;background:#DDF4F7;color:#0F3A41}
.jw-wf{display:grid;gap:6px}
.jw-b{display:grid;gap:5px;padding:10px;border-radius:10px;background:#F1F4F5;border:1.5px dashed #C9D3D7}
.jw-b i{display:block;height:7px;border-radius:4px;background:#D5DCDF}
.jw-b.jwh{min-height:84px;align-content:center}.jw-b.jwh i:first-child{width:80%;height:10px}.jw-b.jwh i:nth-child(2){width:55%}
.jw-b u{display:block;width:90px;height:20px;border-radius:7px;background:#C9D3D7;margin-top:4px}
.jw-b.wr{grid-template-columns:repeat(3,1fr)}.jw-b.wr i{height:36px;border-radius:8px}
.jw-b.wg{grid-template-columns:repeat(2,1fr)}.jw-b.wg i{height:40px;border-radius:8px}
.jw-b.jwf i{width:60%}
.jw-labels{display:flex;flex-wrap:wrap;gap:5px}
.jw-labels span{font-size:10px;font-weight:600;padding:4px 9px;border-radius:999px;background:#DDF4F7;color:#007F91}
.jw-mock{position:relative;height:250px;border-radius:14px;overflow:hidden;flex:none}
.jw-wf2{position:absolute;inset:0;display:grid;gap:6px;padding:10px;background:#F1F4F5}
.jw-wf2 i{border-radius:8px;border:1.5px dashed #C9D3D7;background:#EAEEF0}
.jw-wf2 i:first-child{height:120px}
.jw-des{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr;gap:6px;padding:10px;background:#EFE9E1;clip-path:inset(0 100% 0 0)}
.ij-scr.on .jw-des{animation:jwwipe 1.2s .6s var(--ease) forwards}
@keyframes jwwipe{to{clip-path:inset(0 0 0 0)}}
.jw-dh{display:grid;gap:4px;height:130px;align-content:end;padding:12px;border-radius:10px;background:linear-gradient(160deg,#5E7D6A,#1F2A24);color:#fff}
.jw-dh small{font-size:9.5px;color:#C8A27A;font-weight:700}.jw-dh b{font-size:15px;line-height:1.15}
.jw-dh span{justify-self:start;font-size:10px;font-weight:700;padding:5px 10px;border-radius:999px;background:#C8A27A;color:#1F2A24}
.jw-dg{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.jw-dg i{border-radius:8px;background:linear-gradient(160deg,#C8A27A,#5E7D6A)}.jw-dg i:nth-child(2){background:linear-gradient(160deg,#EFE9E1,#C8A27A)}
.jw-sw{display:flex;gap:6px;align-items:center}
.jw-sw i{width:30px;height:30px;border-radius:9px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.jw-aa{margin-left:auto;font-family:var(--serif);font-style:italic;font-weight:400;font-size:26px;color:#1F2A24}
.jw-hl{font-size:19px;font-weight:700;letter-spacing:-.03em;line-height:1.15}
.jw-live{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:14px;background:#0F3A41;color:#fff;font-size:12.5px}
.jw-live em{margin-left:auto;font-style:normal;font-size:10px;font-weight:700;color:#04191C;background:#5FE3F2;border-radius:999px;padding:3px 9px}
.jw-conf{position:relative;height:40px;flex:none;margin:-6px 0}
.jw-conf i{position:absolute;left:var(--x);top:0;width:6px;height:10px;border-radius:2px;background:var(--c);opacity:0}
.ij-scr.on .jw-conf i{animation:jwconf 1.6s ease-out forwards;animation-delay:var(--d)}
@keyframes jwconf{0%{opacity:1;transform:translateY(-30px) rotate(0)}100%{opacity:0;transform:translateY(40px) rotate(260deg)}}
.jw-stack{display:grid;gap:6px}
.jw-stack div{display:flex;gap:10px;align-items:center;padding:9px 11px;border-radius:12px;background:#F6F8F9}
.jw-stack em{font-style:normal;width:24px;height:24px;border-radius:8px;background:#0F3A41;color:#5FE3F2;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}
.jw-stack p{font-size:10.5px;color:#5E666C;line-height:1.3}.jw-stack b{display:block;font-size:11.5px;color:#14191C}
.jw-stack div:last-child{background:#DDF4F7}.jw-stack div:last-child em{background:#00B4CC;color:#04191C}
.jw-btnx{display:flex;gap:8px;align-items:center}
.jw-btnx span{font-size:11px;font-weight:700;padding:8px 13px;border-radius:999px}
.jw-btnx span:first-child{background:#F1F4F5;color:#8C9499}
.jw-btnx span:last-child{background:#00B4CC;color:#04191C}
.jw-lp{display:grid;gap:6px;padding:8px;border-radius:14px;border:1px solid #E7EAEC}
.jw-lph{display:grid;gap:4px;min-height:140px;align-content:end;padding:12px;border-radius:10px;background:linear-gradient(170deg,rgba(15,58,65,.2),rgba(15,58,65,.92)),linear-gradient(130deg,#9FE6EF,#5E7D6A);color:#fff}
.jw-lph small{font-size:9.5px;color:#5FE3F2;font-weight:700}.jw-lph b{font-size:14px;line-height:1.2}
.jw-lph span{justify-self:start;font-size:10.5px;font-weight:700;padding:6px 11px;border-radius:999px;background:#00B4CC;color:#04191C}
.jw-why{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:600;padding:7px 9px;border-radius:9px;background:#F6F8F9}
.jw-why i{font-style:normal}
.jw-wa{position:absolute;right:20px;bottom:56px;width:40px;height:40px;border-radius:50%;background:#25D366;display:grid;place-items:center;font-size:18px;box-shadow:0 10px 20px -8px rgba(0,0,0,.4)}
.jw-ab{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.jw-ab div{display:grid;gap:3px;padding:8px;border-radius:12px;background:#F6F8F9;font-size:10px}
.jw-ab div.win{background:#DDF4F7;box-shadow:inset 0 0 0 1.5px #00B4CC}
.jw-ab b{font-size:12px}.jw-ab small{color:#5E666C}.jw-ab em{font-style:normal;font-size:15px;font-weight:700;color:#007F91}
.jw-thumb{height:64px;border-radius:8px;background:linear-gradient(160deg,#C9D3D7,#8C9499)}
.jw-thumb.tb{background:linear-gradient(160deg,#9FE6EF,#F3DCD8)}
.jw-pl{display:flex;gap:10px;align-items:center;padding:9px 11px;border-radius:12px;background:#F6F8F9}
.jw-pl i{font-style:normal;width:32px;height:32px;border-radius:10px;background:#fff;display:grid;place-items:center;font-size:15px;flex:none}
.jw-pl p{font-size:10.5px;color:#5E666C}.jw-pl b{display:block;font-size:12px;color:#14191C}
.jw-ban{display:grid;gap:3px;min-height:120px;align-content:end;padding:12px;border-radius:12px;background:linear-gradient(170deg,rgba(31,36,80,.1),rgba(20,30,70,.85)),linear-gradient(130deg,#C9D6F2,#3A4E8C);color:#fff}
.jw-ban small{font-size:9.5px;font-weight:700;color:#FFD9A0}.jw-ban b{font-size:14px;line-height:1.2}
.jw-ban span{justify-self:start;font-size:10px;font-weight:700;padding:5px 10px;border-radius:999px;background:#fff;color:#1F2450}
.jw-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.jw-cats span{display:grid;justify-items:center;gap:4px;font-size:10px;font-weight:600}
.jw-cats i{width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,#C9D6F2,#3A4E8C)}
.jw-cats span:nth-child(2) i{background:linear-gradient(140deg,#F3DCD8,#C0587A)}.jw-cats span:nth-child(3) i{background:linear-gradient(140deg,#FFE7C2,#C88A3C)}.jw-cats span:nth-child(4) i{background:linear-gradient(140deg,#DDF4F7,#5E7D6A)}
.jw-pg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.jw-pg span{display:grid;gap:2px;font-size:10px;line-height:1.2}
.jw-pg i{aspect-ratio:3/4;border-radius:9px;background:linear-gradient(160deg,#3A4E8C,#1F2450)}
.jw-pg span:nth-child(2) i{background:linear-gradient(160deg,#F3DCD8,#C0587A)}.jw-pg span:nth-child(3) i{background:linear-gradient(160deg,#C88A3C,#5E4A30)}
.jw-pg small{color:#5E666C}
.jw-pimg{position:relative;height:170px;border-radius:14px;background:repeating-linear-gradient(45deg,#33467F 0 10px,#2A3B6E 10px 20px);flex:none}
.jw-dots{position:absolute;left:50%;bottom:8px;display:flex;gap:4px;transform:translateX(-50%)}
.jw-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.5)}.jw-dots i:first-child{background:#fff;width:14px;border-radius:3px}
.jw-pd{display:grid;gap:2px;font-size:11px}.jw-pd b{font-size:14px}.jw-pd p{font-size:14px;font-weight:700}.jw-pd s{font-size:11px;color:#8C9499;font-weight:400}.jw-pd small{color:#5E666C}
.jw-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.jw-steps span{display:grid;justify-items:center;gap:3px;font-size:9.5px;font-weight:600;color:#5E666C}
.jw-steps i{font-style:normal;width:24px;height:24px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;font-size:10.5px;font-weight:700}
.jw-pay{display:flex;gap:9px;align-items:center;padding:9px 11px;border-radius:12px;border:1.5px solid #E7EAEC;font-size:10.5px}
.jw-pay i{width:16px;height:16px;border-radius:50%;border:2px solid #C9D3D7;flex:none}
.jw-pay b{font-size:11.5px}.jw-pay small{margin-left:auto;color:#8C9499}
.jw-pay.pick{border-color:#00B4CC;background:#DDF4F7}.jw-pay.pick i{border:5px solid #00B4CC}
.jw-gs{display:flex;gap:10px;padding:10px;border-radius:12px;border:1px solid #E7EAEC}
.jw-gs i{width:64px;height:76px;border-radius:9px;background:repeating-linear-gradient(45deg,#33467F 0 8px,#2A3B6E 8px 16px);flex:none}
.jw-gs p{display:grid;gap:2px;font-size:11px;color:#5E666C}.jw-gs b{font-size:12px;color:#1B5FA8}.jw-gs small{color:#007F91;font-weight:600}
.jw-scan{display:grid;gap:8px;padding:12px;border-radius:14px;background:#0F3A41;color:#fff}
.jw-scan>span{height:6px;border-radius:3px;background:rgba(255,255,255,.15);overflow:hidden}.jw-scan>span i{height:100%;background:#5FE3F2}
.jw-scan p{display:grid;gap:2px;font-size:11px}.jw-scan em{font-style:normal;color:#5FE3F2;font-weight:700}
.jw-up{display:flex;gap:3px;align-items:flex-end;height:60px;padding:8px;border-radius:12px;background:#F6F8F9}
.jw-up i{flex:1;height:100%;border-radius:3px;background:#00B4CC;transform:scaleY(0);transform-origin:bottom}
.jw-up i.dip{background:#E8A317;height:70%}
.ij-scr.on .jw-up i{animation:ijclipY .4s var(--ease) forwards;animation-delay:var(--d)}
.jw-upv{display:flex;align-items:baseline;gap:8px}.jw-upv b{font-size:30px;letter-spacing:-.04em}.jw-upv span{font-size:11px;color:#5E666C}
.jw-chg{display:grid;gap:2px;padding:10px 12px;border-radius:12px;border:1.5px solid #00B4CC;background:#fff;font-size:11px}
.jw-chg small{font-size:9.5px;color:#007F91;font-weight:700}.jw-chg b{font-size:13px}.jw-chg span{color:#5E666C}
.ja-st p small{display:block;font-size:9.5px;color:#8C9499}

/* ---------- Content journeys ---------- */
.ij-lbl.cam i{width:16px;height:12px;border-radius:3px;background:#0F3A41;position:relative}
.ij-lbl.cam i::after{content:"";position:absolute;left:4px;top:2px;width:6px;height:6px;border-radius:50%;border:1.5px solid #5FE3F2;box-sizing:border-box}
.ij-phone.dk .ij-lbl.cam{color:#fff}
.jc-sc{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:start;padding:8px 10px;border-radius:10px;background:#F6F8F9;font-size:11px;line-height:1.35}
.jc-sc small{font-size:9.5px;font-weight:700;color:#007F91;padding-top:1px}
.jc-sc b{display:block;font-size:11.5px}
.jc-tbar{display:flex;gap:2px;height:10px;border-radius:5px;overflow:hidden;background:#F1F4F5}
.jc-tbar i{height:100%}
.jc-tbar i:nth-child(1){background:#00B4CC}.jc-tbar i:nth-child(2){background:#0F3A41}.jc-tbar i:nth-child(3){background:#9FE6EF}.jc-tbar i:nth-child(4){background:#5FE3F2}
.jc-ratio{position:absolute;right:8px;top:8px;font-style:normal;font-size:9.5px;font-weight:700;background:rgba(255,255,255,.85);border-radius:999px;padding:2px 7px}
.jc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.jc-grid span{aspect-ratio:4/5;border-radius:8px;background:linear-gradient(160deg,#7A2E1E,#C2622D);display:grid;place-items:end start;padding:6px}
.jc-grid span:nth-child(2n){background:linear-gradient(160deg,#F3C77A,#C2622D)}.jc-grid span:nth-child(3n){background:linear-gradient(160deg,#3B1F14,#7A2E1E)}
.jc-grid b{font-size:9.5px;color:#fff;line-height:1.1;text-shadow:0 1px 4px rgba(0,0,0,.4)}
.jc-one{position:relative;height:120px;border-radius:12px;background:linear-gradient(160deg,#C2622D,#3B1F14);display:grid;place-items:end start;padding:10px;flex:none}
.jc-one b{color:#fff;font-size:12px}
.jc-split{height:18px;display:flex;justify-content:center}
.jc-split i{width:2px;height:100%;background:#00B4CC;transform-origin:top;transform:scaleY(0)}
.ij-scr.on .jc-split i{animation:ijclipY .5s var(--ease) forwards;animation-delay:var(--d);transform-origin:top}
.jc-pl{display:flex;gap:9px;align-items:center;padding:9px 11px;border-radius:12px;background:#F6F8F9}
.jc-pl>i{width:28px;height:28px;border-radius:9px;background:linear-gradient(140deg,#00B4CC,#0F3A41);flex:none}
.jc-pl:nth-of-type(2)>i{background:linear-gradient(140deg,#5FE3F2,#14505B)}.jc-pl:nth-of-type(3)>i{background:linear-gradient(140deg,#9FE6EF,#007F91)}
.jc-pl p{flex:1;font-size:10px;color:#5E666C}.jc-pl b{display:block;font-size:11.5px;color:#14191C}
.jc-pl em{font-style:normal;font-size:9.5px;font-weight:700;color:#04191C;background:#00B4CC;border-radius:999px;padding:3px 8px}
.jc-chart{position:relative;height:130px;border-radius:12px;background:#F6F8F9;padding:10px;flex:none}
.jc-chart svg{width:100%;height:100%}
.jc-chart path{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-dasharray:600;stroke-dashoffset:600}
.jc-chart .ij-xold{stroke:#C9D3D7}.jc-chart .new{stroke:#00B4CC}
.ij-scr.on .jc-chart .ij-xold{animation:jsdraw 1.2s .2s ease forwards}.ij-scr.on .jc-chart .new{animation:jsdraw 1.2s 1s ease forwards}
.jc-chart span{position:absolute;right:12px;font-size:9.5px;font-weight:700}
.jc-chart .l1{bottom:16px;color:#8C9499}.jc-chart .l2{top:34px;color:#007F91}
.jc-mood{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:62px;gap:5px}
.jc-mood i{border-radius:10px}.jc-mood i:first-child{grid-row:span 2}.jc-mood i:nth-child(5){grid-column:span 2}
.jc-date{display:grid;gap:2px;padding:12px;border-radius:14px;background:#0F3A41;color:#fff;font-size:11px}
.jc-date small{font-size:9.5px;color:#5FE3F2;font-weight:700}.jc-date b{font-size:14px}.jc-date span{color:#C9E3E8}
.jc-set{position:relative;height:200px;border-radius:14px;background:radial-gradient(ellipse at 50% 85%,#E6DCCF,#F7F2EA 60%);overflow:hidden;flex:none}
.jc-prod{position:absolute;left:50%;bottom:22%;width:84px;height:120px;margin-left:-42px;border-radius:40px 40px 8px 8px;background:linear-gradient(160deg,#B5543C,#6B2E2A);box-shadow:0 18px 20px -12px rgba(0,0,0,.35)}
.jc-prod::after{content:"";position:absolute;left:10px;right:10px;top:30px;height:8px;background:repeating-linear-gradient(90deg,#E8C38A 0 6px,transparent 6px 10px)}
.jc-flash{position:absolute;inset:0;background:#fff;opacity:0}
.ij-scr.on .jc-flash{animation:jcflash 1.8s .5s ease-out infinite}
@keyframes jcflash{0%,100%{opacity:0}4%{opacity:.85}20%{opacity:0}}
.jc-set .ij-xrec{position:absolute;left:10px;top:10px;font-style:normal;font-size:10px;font-weight:700;color:#C0392B}
.jc-scene{position:relative;height:190px;border-radius:14px;background:linear-gradient(180deg,#F3E6D4,#E6D3B8);overflow:hidden;flex:none}
.jc-win{position:absolute;left:10%;top:12%;width:34%;height:50%;border-radius:6px;background:linear-gradient(140deg,#FFF8E6,#FCE7B5);box-shadow:0 0 30px 10px rgba(255,236,180,.6)}
.jc-rack{position:absolute;right:8%;top:18%;width:36%;height:56%;border-top:3px solid #6B2E2A;background:repeating-linear-gradient(90deg,#B5543C 0 10px,#C9A227 10px 18px,#6B2E2A 18px 26px);clip-path:inset(4px 0 0 0)}
.jc-p1{position:absolute;left:40%;bottom:0;width:30px;height:70px;border-radius:15px 15px 0 0;background:#3B1F14}
.jc-p1::before,.jc-p2::before{content:"";position:absolute;left:50%;top:-20px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#D9A27A}
.jc-p2{position:absolute;left:56%;bottom:0;width:32px;height:62px;border-radius:15px 15px 0 0;background:#B5543C}
.jc-frame{position:absolute;inset:16px;border:2px solid rgba(255,255,255,.9);border-radius:6px;transform:scale(1.15);opacity:0}
.ij-scr.on .jc-frame{animation:jcframe 1.6s .3s var(--ease) forwards}
@keyframes jcframe{to{transform:scale(1);opacity:1}}
.jc-sheet{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.jc-sheet i{position:relative;aspect-ratio:4/5;border-radius:7px;background:linear-gradient(160deg,#E8C38A,#B5543C);opacity:.45}
.jc-sheet i:nth-child(3n){background:linear-gradient(160deg,#6B2E2A,#C9A227)}.jc-sheet i:nth-child(4n+2){background:linear-gradient(160deg,#F3E6D4,#B5543C)}
.ij-scr.on .jc-sheet i.pk{animation:jcpick .4s forwards;animation-delay:var(--d)}
.jc-sheet i.pk::after{content:"★";position:absolute;right:4px;top:3px;font-size:11px;color:#5FE3F2;opacity:0}
.ij-scr.on .jc-sheet i.pk::after{animation:jxup .3s forwards;animation-delay:var(--d)}
@keyframes jcpick{to{opacity:1;box-shadow:0 0 0 2.5px #00B4CC}}
.jc-ba{position:relative;height:220px;border-radius:14px;overflow:hidden;flex:none}
.jc-ba span{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#D9A27A 0 16%,transparent 17%),radial-gradient(ellipse at 50% 100%,#B5543C 0 38%,transparent 39%),linear-gradient(180deg,#F3E6D4,#E6D3B8)}
.jc-ba .bf{filter:saturate(.35) brightness(.82) contrast(.9)}
.jc-ba .af{clip-path:inset(0 0 0 50%)}
.ij-scr.on .jc-ba .af{animation:jcba 2.4s .4s ease-in-out infinite alternate}
@keyframes jcba{from{clip-path:inset(0 0 0 85%)}to{clip-path:inset(0 0 0 20%)}}
.jc-hand{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.3)}
.ij-scr.on .jc-hand{animation:jchand 2.4s .4s ease-in-out infinite alternate}
@keyframes jchand{from{left:85%}to{left:20%}}
.jc-ba em{position:absolute;bottom:8px;font-style:normal;font-size:9.5px;font-weight:700;background:rgba(0,0,0,.45);color:#fff;border-radius:999px;padding:2px 8px}
.jc-ba .l{left:8px}.jc-ba .r2{right:8px}
.jc-sizes{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end}
.jc-sizes.three{grid-template-columns:.7fr 1fr 1.6fr}
.jc-sizes span{display:grid;gap:3px;font-size:9.5px;line-height:1.2;text-align:center}
.jc-sizes i{width:100%;border-radius:7px;background:linear-gradient(160deg,#B5543C,#6B2E2A)}
.jc-sizes.three i{background:linear-gradient(160deg,#14505B,#0F3A41)}
.jc-sizes small{color:#8C9499}
.jc-story{position:relative;height:300px;border-radius:14px;background:linear-gradient(170deg,#2C4E55,#0B1E26);padding:10px;display:grid;align-content:start;gap:10px;flex:none}
.jc-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.jc-seg i{height:3px;border-radius:2px;background:rgba(255,255,255,.3)}
.jc-seg i.jx-x{background:#fff}
.jc-st{font-size:12px;font-weight:600;color:#fff}
.jc-cd{justify-self:center;margin-top:50px;display:grid;justify-items:center;padding:12px 18px;border-radius:14px;background:#fff;color:#0F3A41;box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.jc-cd small{font-size:9px;font-weight:700;letter-spacing:.08em;color:#007F91}.jc-cd b{font-size:20px}.jc-cd b span{font-size:30px}
.jc-live{color:#C0392B!important}
.ij-scr.on .jc-live{animation:ijblink 1s step-end infinite}
.jc-rings{display:flex;gap:8px;overflow:hidden}
.jc-rings span{display:grid;justify-items:center;gap:3px;font-size:9.5px;color:#5E666C}
.jc-rings i{width:42px;height:42px;border-radius:50%;background:linear-gradient(140deg,#14505B,#00B4CC);box-shadow:0 0 0 2px #fff,0 0 0 4px #00B4CC}
.jc-quote{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.25;color:#0F3A41;padding:6px 4px}
.jc-quote small{display:block;font-family:var(--f);font-style:normal;font-size:10px;color:#5E666C;margin-top:4px}
.jc-tp{height:190px;border-radius:14px;background:#000;overflow:hidden;position:relative;flex:none}
.jc-tp::after{content:"";position:absolute;left:0;right:0;top:50%;height:26px;margin-top:-13px;border-top:1px solid rgba(95,227,242,.4);border-bottom:1px solid rgba(95,227,242,.4)}
.jc-tpt{padding:70px 14px;display:grid;gap:6px}
.ij-scr.on .jc-tpt{animation:jctp 6s linear infinite}
@keyframes jctp{from{transform:translateY(0)}to{transform:translateY(-110px)}}
.jc-tpt p{font-size:15px;font-weight:600;color:#9AA3A8;text-align:center;line-height:1.2}
.jc-tpt p.hi{color:#fff}
.jc-gear{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}
.jc-gear span{display:grid;justify-items:center;gap:3px;padding:8px 4px;border-radius:10px;background:rgba(255,255,255,.08);font-size:10px;color:#C9E3E8}
.jc-gear i{font-style:normal;font-size:16px}
.jc-tip{font-size:11px;color:#5FE3F2;text-align:center}
.jc-team{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.jc-team span{display:grid;gap:2px;padding:8px;border-radius:12px;background:#F6F8F9;font-size:10px;color:#5E666C}
.jc-team i{aspect-ratio:1.3;border-radius:9px;margin-bottom:4px;background:radial-gradient(circle at 50% 42%,#D9A27A 0 18%,transparent 19%),radial-gradient(ellipse at 50% 100%,#0F3A41 0 42%,transparent 43%),linear-gradient(160deg,#DDF4F7,#9FE6EF)}
.jc-team span:nth-child(2) i{background:radial-gradient(circle at 50% 42%,#C98E6A 0 18%,transparent 19%),radial-gradient(ellipse at 50% 100%,#007F91 0 42%,transparent 43%),linear-gradient(160deg,#EFE7DA,#F3DCD8)}
.jc-team span:nth-child(3) i{background:radial-gradient(circle at 50% 42%,#B27A58 0 18%,transparent 19%),radial-gradient(ellipse at 50% 100%,#14505B 0 42%,transparent 43%),linear-gradient(160deg,#F1F4F5,#C9D3D7)}
.jc-team span:nth-child(4) i{background:radial-gradient(circle at 50% 42%,#E0AE88 0 18%,transparent 19%),radial-gradient(ellipse at 50% 100%,#00B4CC 0 42%,transparent 43%),linear-gradient(160deg,#DDF4F7,#EFE7DA)}
.jc-team b{font-size:11.5px;color:#14191C}
.jc-face{position:relative;height:250px;border-radius:14px;background:linear-gradient(170deg,#E9E2D6,#CFC4B2);overflow:hidden;flex:none}
.jc-head{position:absolute;left:50%;top:22%;width:64px;height:64px;margin-left:-32px;border-radius:50%;background:#C98E6A}
.jc-body{position:absolute;left:50%;bottom:-20px;width:150px;height:110px;margin-left:-75px;border-radius:75px 75px 0 0;background:#1F3A44}
.jc-lower{position:absolute;left:10px;top:12px;display:grid;font-size:9.5px;color:#C9E3E8;padding:6px 9px;border-radius:8px;background:rgba(15,58,65,.85);border-left:3px solid #5FE3F2}
.jc-lower b{font-size:11px;color:#fff}
.jc-sub{position:absolute;left:10px;right:10px;bottom:14px;display:grid;justify-items:center;gap:3px}
.jc-sub span{font-size:11.5px;font-weight:700;color:#fff;background:rgba(0,0,0,.65);padding:2px 6px;border-radius:4px}


/* ---------- Industry pages ---------- */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ix-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(28px,4vw,56px) clamp(32px,4vw,64px)}
.ix-kick{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:13px;font-weight:600;color:var(--cyan-deep);background:#E3F7FA;border-radius:999px;padding:5px 12px 5px 6px}
.ix-kick i{width:24px;height:24px;border-radius:50%;background:#0F3A41;color:#5FE3F2;display:grid;place-items:center}
.ix-kick svg{width:14px;height:14px}
.ix-hl h1{font-size:clamp(2.3rem,1rem + 3.4vw,4.2rem);letter-spacing:-.055em;line-height:1;margin-top:14px}
.ix-hl h1 .serif{color:var(--cyan-deep)}
.ix-intro{color:var(--ink-2);font-size:17px;line-height:1.55;max-width:50ch;margin-top:16px}
.ix-chips{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 22px}
.ix-chips span{font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;opacity:0;transform:translateY(8px)}
.ix-io.go .ix-chips span{animation:jxup .5s var(--ease) forwards;animation-delay:calc(.4s + var(--k) * 70ms)}
/* stage */
.ix-stage{position:relative;height:clamp(420px,46vw,520px);display:grid;place-items:center}
.ix-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px dashed rgba(0,180,204,.35);transform:translate(-50%,-50%)}
.ix-ring.ixr1{width:78%;aspect-ratio:1}.ix-ring.ixr2{width:54%;aspect-ratio:1;border-style:solid;border-color:rgba(0,180,204,.15);background:radial-gradient(circle,rgba(0,180,204,.12),transparent 70%)}
.ix-io.go .ix-ring.ixr1{animation:ixspin 40s linear infinite}
@keyframes ixspin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.ix-ph{color:var(--ink);position:relative;z-index:2;width:clamp(200px,20vw,240px);border-radius:30px;background:#fff;padding:12px;box-shadow:0 0 0 8px #0A0D0F,0 40px 70px -30px rgba(4,25,28,.6);opacity:0;transform:translateY(30px) scale(.94)}
.ix-io.go .ix-ph{animation:ixin .9s var(--ease) .15s forwards}
@keyframes ixin{to{opacity:1;transform:none}}
.ix-ph-top{display:flex;gap:8px;align-items:center;font-size:11px}
.ix-av{width:30px;height:30px;border-radius:50%;background:#0F3A41;color:#5FE3F2;display:grid;place-items:center;flex:none}
.ix-av svg{width:16px;height:16px}
.ix-ph-top p{line-height:1.2}.ix-ph-top small{display:block;font-size:9.5px;color:var(--ink-3)}
.ix-ph-img{position:relative;aspect-ratio:4/5;margin:10px -12px 8px;background:linear-gradient(150deg,var(--g1),var(--g2));overflow:hidden;transition:background .5s}
.ix-big{position:absolute;left:50%;top:50%;width:46%;color:rgba(255,255,255,.22);transform:translate(-50%,-50%)}.ix-big svg{width:100%;height:auto}
.ix-io.go .ix-big{animation:ixbig 6s ease-in-out infinite}
@keyframes ixbig{50%{transform:translate(-50%,-54%) scale(1.06)}}
.ix-heart{position:absolute;left:50%;top:50%;font-size:56px;color:#fff;transform:translate(-50%,-50%) scale(0);opacity:0}
.ix-io.go .ix-big{position:absolute;left:50%;top:50%;width:46%;color:rgba(255,255,255,.22);transform:translate(-50%,-50%)}.ix-big svg{width:100%;height:auto}
.ix-io.go .ix-big{animation:ixbig 6s ease-in-out infinite}
@keyframes ixbig{50%{transform:translate(-50%,-54%) scale(1.06)}}
.ix-heart{animation:ixheart 3.4s 1.4s ease-in-out infinite}
@keyframes ixheart{0%,60%,100%{opacity:0;transform:translate(-50%,-50%) scale(.2)}68%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}92%{opacity:0}}
.ix-play{position:absolute;right:10px;top:10px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.85)}
.ix-play::after{content:"";position:absolute;left:9px;top:7px;border-left:8px solid #0F3A41;border-top:5px solid transparent;border-bottom:5px solid transparent}
.ix-ph-act{display:flex;gap:10px;font-size:14px}.ix-ph-act b:first-child{color:#E1306C}
.ix-ph-cap{font-size:11px;line-height:1.35;margin-top:4px}
.ix-fc{position:absolute;z-index:3;display:grid;gap:3px;padding:11px 13px;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 20px 40px -20px rgba(4,25,28,.45),0 0 0 1px rgba(10,13,15,.05);font-size:12px;opacity:0;transform:translateY(16px)}
.ix-fc small{font-size:10px;font-weight:700;color:var(--cyan-deep)}
.ix-g{left:0;top:10%;width:min(220px,46%)}
.ix-g b{font-size:14px}.ix-g>span{color:var(--ink-2);font-size:11.5px}
.ix-g em{display:flex;flex-wrap:wrap;gap:5px;font-style:normal;margin-top:4px}
.ix-g em i{white-space:nowrap;font-style:normal;font-size:10.5px;font-weight:600;padding:3px 8px;border-radius:999px;background:#E3F7FA;color:var(--cyan-deep)}
.ix-g em i:first-child{background:#E6F6EA;color:#1E7A3A}
.ix-wa{left:0;bottom:4%;width:min(230px,48%);background:#0F3A41;color:#fff}
.ix-wa small{color:#5FE3F2}.ix-wa p{font-size:12px;line-height:1.4}
.ix-ad{right:3%;top:44%;width:min(200px,42%)}
.ix-ad small{color:var(--ink-2);font-weight:600}
.ix-adb{justify-self:start;font-size:11px;padding:5px 11px;border-radius:999px;background:#00B4CC;color:#04191C}
.ix-io.go .ix-g{animation:ixin .7s var(--ease) .6s forwards,ixbob 6s 1.4s ease-in-out infinite}
.ix-io.go .ix-ad{animation:ixin .7s var(--ease) .9s forwards,ixbob 7s 1.7s ease-in-out infinite}
.ix-io.go .ix-wa{animation:ixin .7s var(--ease) 1.2s forwards,ixbob 6.5s 2s ease-in-out infinite}
@keyframes ixbob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.ix-stage.swap .ix-ph,.ix-stage.swap .ix-fc{transition:opacity .25s,transform .25s;opacity:0!important;transform:translateY(10px)!important}
/* sections */
.ix-sec{padding-block:clamp(36px,5vw,72px)}
.ix-head{display:grid;gap:8px;margin-bottom:clamp(20px,3vw,36px);max-width:760px}
.ix-head small{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan-deep)}
.ix-head h2{font-size:clamp(1.7rem,1rem + 1.8vw,2.7rem);letter-spacing:-.045em;line-height:1.05}
.ix-head h2 .serif{color:var(--cyan-deep)}
.ix-head.light small{color:#5FE3F2}.ix-head.light h2{color:#fff}.ix-head.light h2 .serif{color:#5FE3F2}
.ix-path{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;list-style:none;padding:0}
.ix-line{position:absolute;left:28px;right:calc((100% - 64px) / 5 - 28px);top:27px;height:2px;background:var(--line)}
.ix-line i{position:absolute;inset:0;background:linear-gradient(90deg,#007F91,#00B4CC);transform:scaleX(0);transform-origin:left}
.ix-io.go .ix-line i{animation:ijclip 2.2s var(--ease) .2s forwards}
.ix-path li{position:relative;display:grid;gap:6px;opacity:0;transform:translateY(14px)}
.ix-io.go .ix-path li{animation:jxup .6s var(--ease) forwards;animation-delay:calc(.3s + var(--k) * .4s)}
.ix-node{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:15px;color:var(--cyan-deep);transition:background-color .4s,border-color .4s,color .4s}
.ix-io.go .ix-node{animation:ixnode .4s forwards;animation-delay:calc(.5s + var(--k) * .4s)}
@keyframes ixnode{to{background:#0F3A41;border-color:#0F3A41;color:#5FE3F2}}
.ix-path b{font-size:17px;letter-spacing:-.02em;margin-top:6px}
.ix-path p{font-size:14px;color:var(--ink-2);line-height:1.45}
.ix-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px)}
.ix-season>p{color:var(--ink-2);font-size:15px;line-height:1.5;margin:-14px 0 18px;max-width:46ch}
.ix-season .ix-head h2{font-size:clamp(1.4rem,1rem + 1.2vw,2rem)}
.ix-months{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:180px;align-items:end;list-style:none;padding:16px;border-radius:20px;background:#0B1E26}
.ix-months li{display:grid;grid-template-rows:1fr auto;gap:6px;height:100%;align-items:end;justify-items:center}
.ix-months i{display:block;width:100%;height:var(--h);border-radius:6px 6px 3px 3px;background:#2A4A50;transform:scaleY(0);transform-origin:bottom}
.ix-months .lv2 i{background:#5FE3F2;opacity:.6}.ix-months .lv3 i{background:linear-gradient(#5FE3F2,#00B4CC)}
.ix-io.go .ix-months i{animation:ijclipY .7s var(--ease) forwards;animation-delay:calc(.2s + var(--k) * 60ms)}
.ix-months span{font-size:11px;font-weight:600;color:#9FB8BD}
.ix-mleg{display:flex;gap:14px;margin-top:10px;font-size:12.5px;color:var(--ink-2)}
.ix-mleg span{display:flex;align-items:center;gap:6px}.ix-mleg span::before{content:"";width:10px;height:10px;border-radius:3px}
.ix-mleg .ml3::before{background:#00B4CC}.ix-mleg .ml2::before{background:#9FE6EF}.ix-mleg .ml1::before{background:#2A4A50}
.ix-days ol{list-style:none;padding:0;display:grid;gap:10px;position:relative}
.ix-days ol::before{content:"";position:absolute;left:44px;top:14px;bottom:14px;width:2px;background:var(--line)}
.ix-days li{position:relative;display:grid;grid-template-columns:90px 1fr;gap:4px 16px;align-items:start;padding:14px 16px;border-radius:16px;background:var(--soft);opacity:0;transform:translateX(16px)}
.ix-io.go .ix-days li{animation:jxup .6s var(--ease) forwards;animation-delay:calc(.3s + var(--k) * .25s)}
.ix-when{grid-row:span 2;justify-self:start;position:relative;z-index:1;font-size:12px;font-weight:700;color:#04191C;background:#5FE3F2;border-radius:999px;padding:4px 10px}
.ix-days b{font-size:16px;letter-spacing:-.02em}.ix-days p{font-size:14px;color:var(--ink-2);line-height:1.45}
.ix-svcs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ix-svc{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:20px;background:linear-gradient(160deg,#0E2833,#0A1E27);color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;min-height:230px;opacity:0;transform:translateY(18px);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.ix-io.go .ix-svc{animation:jxup .6s var(--ease) forwards;animation-delay:calc(.2s + var(--k) * .12s)}
.ix-svc::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at var(--mx,30%) var(--my,0%),rgba(0,180,204,.35),transparent 55%);opacity:0;transition:opacity .4s}
.ix-svc:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(4,25,28,.8)}
.ix-svc:hover::before{opacity:1}
.ix-svc small{font-size:12px;font-weight:700;color:#5FE3F2}
.ix-svc b{font-size:19px;letter-spacing:-.03em;line-height:1.15}
.ix-svc p{font-size:14px;color:#B9CDD1;line-height:1.45}
.ix-go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#5FE3F2}
.ix-go i{width:26px;height:26px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;transition:transform .4s var(--ease)}
.ix-go svg{width:12px;height:12px}
.ix-svc:hover .ix-go i{transform:rotate(45deg)}
.ix-ideas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;list-style:none;padding:0}
.ix-ideas li{display:grid;gap:8px;align-content:start;padding:16px;border-radius:16px;border:1px solid var(--line);background:#fff;font-size:15px;font-weight:500;line-height:1.35;letter-spacing:-.01em;opacity:0;transform:scale(.94);transition:border-color .3s,transform .4s var(--ease),box-shadow .4s}
.ix-io.go .ix-ideas li{animation:jxup .5s var(--ease) forwards;animation-delay:calc(.15s + var(--k) * 70ms)}
.ix-ideas li:hover{border-color:#00B4CC;transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(4,25,28,.5)}
.ix-ideas em{justify-self:start;font-style:normal;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#0F3A41;color:#5FE3F2}
.ix-ideas em.t-post{background:#E3F7FA;color:var(--cyan-deep)}.ix-ideas em.t-story{background:#9FE6EF;color:#04191C}.ix-ideas em.t-ad{background:#00B4CC;color:#04191C}
.ix-segs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ix-seg{display:grid;gap:12px;align-content:start;padding:20px;border-radius:20px;background:var(--soft);opacity:0;transform:translateY(16px);transition:background-color .4s}
.ix-io.go .ix-seg{animation:jxup .6s var(--ease) forwards;animation-delay:calc(.2s + var(--k) * .12s)}
.ix-seg:hover{background:#E3F7FA}
.ix-seg h3{font-size:18px;letter-spacing:-.03em}
.ix-seg dl{display:grid;gap:10px;margin:0}
.ix-seg dt{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--cyan-deep)}
.ix-seg dd{margin:3px 0 0;font-size:14px;color:var(--ink-2);line-height:1.45}
.ix-faqw{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,56px);align-items:start}
.ix-faq{display:grid;gap:8px}
.ix-q{border-radius:16px;background:var(--soft);padding:4px 18px}
.ix-q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-weight:600;font-size:16px;letter-spacing:-.01em}
.ix-q summary::-webkit-details-marker{display:none}
.ix-q summary i{position:relative;width:18px;height:18px;flex:none}
.ix-q summary i::before,.ix-q summary i::after{content:"";position:absolute;left:3px;right:3px;top:8px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s}
.ix-q summary i::after{transform:rotate(90deg)}
.ix-q[open] summary i::after{transform:rotate(0)}
.ix-q p{padding:0 0 16px;color:var(--ink-2);font-size:15px;line-height:1.55}
.ix-end{padding-block:clamp(24px,4vw,56px) clamp(48px,6vw,88px)}
.ix-endc{text-align:center;display:grid;justify-items:center;gap:14px;padding:clamp(28px,4vw,52px);border-radius:28px;background:linear-gradient(160deg,#0E2833,#0A1E27);color:#fff}
.ix-endc h2{font-size:clamp(1.7rem,1rem + 2vw,2.7rem);letter-spacing:-.045em;line-height:1.05;max-width:22ch}
.ix-endc h2 .serif{color:#5FE3F2}
.ix-endc p{color:#B9CDD1;max-width:52ch}
.ix-endc .btn-dark{background:#00B4CC;color:#04191C}
.ix-oth{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px}
.ix-oth span{width:100%;font-size:12.5px;color:#7F9AA0}
.ix-oth a{font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;transition:border-color .3s,background-color .3s}
.ix-oth a:hover{border-color:#5FE3F2;background:rgba(95,227,242,.08)}
/* ---------- All industries ---------- */
.ia-hero{position:relative;overflow:hidden;padding-block:clamp(48px,7vw,110px) clamp(40px,5vw,72px);text-align:center}
.ia-hin{position:relative;z-index:1;display:grid;justify-items:center}
.ia-hin .sv-crumb{justify-content:center}
.ia-hin h1{font-size:clamp(2.4rem,1rem + 4.2vw,5rem);letter-spacing:-.06em;line-height:1.02;margin-top:14px}
.ia-hin h1 .serif{color:var(--cyan-deep)}
.ia-roll{display:inline-block;height:1.05em;overflow:hidden;vertical-align:bottom;margin-left:.25em;color:var(--cyan-deep)}
.ia-track{display:grid}
.ia-track span{height:1.05em;line-height:1.05em;text-align:left}
.ia-io-on .ia-track,.ix-io.go .ia-track{animation:iaroll 18s cubic-bezier(.7,0,.3,1) infinite}
@keyframes iaroll{0%,8%{transform:translateY(0)}11%,19%{transform:translateY(-1.05em)}22%,30%{transform:translateY(-2.1em)}33%,41%{transform:translateY(-3.15em)}44%,52%{transform:translateY(-4.2em)}55%,63%{transform:translateY(-5.25em)}66%,74%{transform:translateY(-6.3em)}77%,85%{transform:translateY(-7.35em)}88%,96%{transform:translateY(-8.4em)}100%{transform:translateY(-9.45em)}}
.ia-hin p{color:var(--ink-2);font-size:18px;max-width:52ch;margin-top:18px}
.ia-scroll{margin-top:26px;width:22px;height:34px;border-radius:12px;border:2px solid var(--ink-3);position:relative}
.ia-scroll span{position:absolute;left:50%;top:6px;width:4px;height:8px;margin-left:-2px;border-radius:3px;background:var(--cyan);animation:ijwheel 1.6s infinite}
.ia-float{position:absolute;inset:0;pointer-events:none}
.ia-fl{position:absolute;left:var(--x);top:var(--y);width:52px;height:52px;border-radius:16px;background:#fff;color:#007F91;display:grid;place-items:center;box-shadow:0 16px 30px -18px rgba(4,25,28,.45),0 0 0 1px rgba(10,13,15,.05);transform:scale(var(--s));opacity:0}
.ia-fl svg{width:24px;height:24px}
.ix-io.go .ia-fl{animation:iafl .8s var(--ease) forwards,iadrift 9s ease-in-out infinite;animation-delay:calc(var(--d) * .3s),var(--d)}
@keyframes iafl{to{opacity:1}}
@keyframes iadrift{0%,100%{transform:translateY(0) scale(var(--s))}50%{transform:translateY(-14px) rotate(4deg) scale(var(--s))}}
.ia-sec{padding-block:clamp(36px,5vw,72px)}
.ia-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ia-tile{position:relative;display:grid;gap:10px;padding:18px 20px 20px;border-radius:24px;background:linear-gradient(160deg,#0E2833,#0A1E27);color:#fff;text-decoration:none;overflow:hidden;isolation:isolate;opacity:0;transform:translateY(20px) scale(.97);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.ix-io.go .ia-tile{animation:jxup .7s var(--ease) forwards;animation-delay:calc(.15s + var(--k) * 80ms)}
.ia-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 0%,rgba(0,180,204,.3),transparent 60%);opacity:.5;transition:opacity .4s}
.ia-tile:hover{transform:translateY(-6px);box-shadow:0 30px 50px -28px rgba(4,25,28,.85)}
.ia-tile:hover::before{opacity:1}
.ia-ill{height:120px;border-radius:16px;background:rgba(255,255,255,.04);display:grid;place-items:center}
.ia-ill svg{width:150px;height:112px;overflow:visible}
.ia-ill svg *{fill:none;stroke:#5FE3F2;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ia-tile b{font-size:20px;letter-spacing:-.03em}
.ia-sub{display:flex;flex-wrap:wrap;gap:5px}
.ia-sub i{font-style:normal;font-size:12px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.07);color:#B9CDD1}
.ia-go{position:absolute;right:16px;bottom:16px}
.ia-go i{width:34px;height:34px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;transition:transform .4s var(--ease)}
.ia-go svg{width:14px;height:14px}
.ia-tile:hover .ia-go i{transform:rotate(45deg) scale(1.08)}
/* illustration animations */
.ia-tile .a-cap{animation:aBob 2.4s ease-in-out infinite}
.ia-tile .a-page{transform-origin:60px 50px;animation:aFlip 3.2s ease-in-out infinite;fill:rgba(95,227,242,.12)!important}
@keyframes aBob{50%{transform:translateY(-5px)}}
@keyframes aFlip{0%,30%{transform:scaleX(1)}55%,100%{transform:scaleX(-1)}}
.ia-tile .a-ecg{stroke-dasharray:180;stroke-dashoffset:180;animation:aDraw 2.4s linear infinite}
@keyframes aDraw{0%{stroke-dashoffset:180}70%,100%{stroke-dashoffset:0}}
.ia-tile .a-plus *{fill:#5FE3F2!important;stroke:none!important}
.ia-tile .a-plus{transform-origin:90px 22px;animation:aPulse 1.2s ease-in-out infinite}
@keyframes aPulse{50%{transform:scale(1.18)}}
.ia-tile .a-fl{transform-origin:54px 78px;transform:scaleY(0);animation:aRise 4s ease-in-out infinite}
.ia-tile .a-fl.fl2{animation-delay:.3s}.ia-tile .a-fl.fl3{animation-delay:.6s}.ia-tile .a-fl.fl4{animation-delay:.9s}
@keyframes aRise{0%{transform:scaleY(0);opacity:0}15%,80%{transform:scaleY(1);opacity:1}100%{opacity:0}}
.ia-tile .a-fl.fl1{transform-origin:54px 78px}.ia-tile .a-fl.fl2{transform-origin:54px 62px}.ia-tile .a-fl.fl3{transform-origin:54px 46px}.ia-tile .a-fl.fl4{transform-origin:54px 30px}
.ia-tile .a-load{animation:aLoad 4s ease-in-out infinite}
@keyframes aLoad{0%,100%{transform:translateY(0)}50%{transform:translateY(22px)}}
.ia-tile .a-steam{stroke-dasharray:4 4;animation:aSteam 2.2s linear infinite;opacity:.8}
.ia-tile .a-steam.sm2{animation-delay:.5s}.ia-tile .a-steam.sm3{animation-delay:1s}
@keyframes aSteam{0%{transform:translateY(6px);opacity:0}40%{opacity:.9}100%{transform:translateY(-10px);opacity:0}}
.ia-tile .a-bag{transform-origin:60px 18px;animation:aSwing 3s ease-in-out infinite}
@keyframes aSwing{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.ia-tile .a-tag{transform-origin:84px 18px;animation:aSwing 2.2s ease-in-out infinite reverse}
.ia-tile .a-db{animation:aLift 2s ease-in-out infinite}
@keyframes aLift{0%,100%{transform:translateY(14px)}50%{transform:translateY(-10px)}}
.ia-tile .a-bar{transform:scaleY(0);animation:aRise 3.4s ease-in-out infinite}
.ia-tile .a-bar.bb1{transform-origin:29px 80px}.ia-tile .a-bar.bb2{transform-origin:51px 80px;animation-delay:.25s}.ia-tile .a-bar.bb3{transform-origin:73px 80px;animation-delay:.5s}
.ia-tile .a-arrow{stroke-dasharray:120;stroke-dashoffset:120;animation:aDraw 3.4s ease-in-out infinite}
.ia-tile .a-wr{transform-origin:78px 44px;animation:aWr 2.4s ease-in-out infinite}
@keyframes aWr{0%,100%{transform:rotate(-14deg)}50%{transform:rotate(18deg)}}
.ia-tile .a-rk{animation:aRk 2.6s ease-in-out infinite}
@keyframes aRk{0%,100%{transform:translateY(6px)}50%{transform:translateY(-8px)}}
.ia-tile .a-fire{stroke:#E8A317!important;animation:aFire .25s steps(2) infinite}
@keyframes aFire{50%{transform:scaleY(.7);transform-origin:60px 52px}}
.ia-tile .a-star{fill:#5FE3F2!important;animation:aTw 1.6s ease-in-out infinite}
.ia-tile .a-star.st2{animation-delay:.5s}.ia-tile .a-star.st3{animation-delay:1s}
@keyframes aTw{50%{opacity:.2}}
.ia-tile .a-ground{opacity:.4}
/* switcher band */
.ia-band{background:linear-gradient(160deg,#0E2833,#081820);color:#fff;padding-block:clamp(40px,6vw,88px);margin-block:clamp(16px,3vw,40px)}
.ia-switch{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}
.ia-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.ia-chip{display:inline-flex;align-items:center;gap:8px;font:500 14px var(--f);padding:8px 14px 8px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;cursor:pointer;transition:background-color .3s,border-color .3s,color .3s,transform .3s}
.ia-chip i{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#5FE3F2}
.ia-chip svg{width:14px;height:14px}
.ia-chip:hover{border-color:#5FE3F2}
.ia-chip.on{background:#00B4CC;border-color:#00B4CC;color:#04191C}.ia-chip.on i{background:#04191C}
.ia-open{border:1px solid rgba(255,255,255,.2)}
.ia-sr .ix-stage{height:clamp(400px,42vw,500px)}
.ia-sr .ix-ring.ixr1{border-color:rgba(95,227,242,.3)}
/* flow */
.ia-flow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.ia-flow::before{content:"";position:absolute;left:10%;right:10%;top:38px;height:2px;background:repeating-linear-gradient(90deg,#9FE6EF 0 8px,transparent 8px 14px)}
.ia-flow div{position:relative;display:grid;justify-items:center;gap:6px;text-align:center;opacity:0;transform:translateY(14px)}
.ix-io.go .ia-flow div{animation:jxup .6s var(--ease) forwards;animation-delay:calc(.2s + var(--k) * .2s)}
.ia-flow span{width:76px;height:76px;border-radius:24px;background:#fff;display:grid;place-items:center;font-size:28px;box-shadow:0 18px 30px -20px rgba(4,25,28,.5),0 0 0 1px rgba(10,13,15,.06)}
.ia-flow b{font-size:17px;letter-spacing:-.02em;margin-top:6px}
.ia-flow small{font-size:13px;color:var(--ink-2)}
.ia-dot{position:absolute;top:32px;left:10%;width:14px;height:14px;border-radius:50%;background:#00B4CC;box-shadow:0 0 0 6px rgba(0,180,204,.2);opacity:0}
.ix-io.go .ia-dot{animation:iadot 5s 1.4s ease-in-out infinite}
@keyframes iadot{0%{left:10%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:calc(90% - 14px);opacity:0}}
.ia-more{text-align:center}
.ia-more .ix-head{margin-inline:auto;justify-items:center}
.ia-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:860px;margin:0 auto 26px}
.ia-cloud span{font-size:15px;font-weight:500;padding:9px 16px;border-radius:999px;background:var(--soft);opacity:0;transform:translateY(10px)}
.ix-io.go .ia-cloud span{animation:jxup .5s var(--ease) forwards,ixbob 5s ease-in-out infinite;animation-delay:calc(var(--k) * 60ms),calc(1s + var(--k) * .3s)}
.dd-panel a i.ixi{display:grid;place-items:center;color:#5FE3F2}
.dd-panel a i.ixi svg{width:18px;height:18px}
.in-link{position:absolute;inset:0;z-index:5;border-radius:inherit}
.in-link:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.sv-indl{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:14px;font-weight:600;color:var(--cyan-deep);text-decoration:none}
.sv-indl:hover{text-decoration:underline}
@media (max-width:1000px){
  .ix-hero,.ia-switch{grid-template-columns:1fr}
  .ix-svcs,.ix-segs,.ix-ideas{grid-template-columns:repeat(2,1fr)}
  .ia-grid{grid-template-columns:repeat(2,1fr)}
  .ix-two,.ix-faqw{grid-template-columns:1fr}
}
@media (max-width:700px){
  .ix-path{grid-template-columns:1fr;gap:14px;padding-left:4px}
  .ix-line{left:27px;right:auto;top:20px;bottom:20px;width:2px;height:auto}
  .ix-line i{transform:scaleY(0);transform-origin:top}
  .ix-io.go .ix-line i{animation:ijclipY 2.2s var(--ease) .2s forwards}
  .ix-path li{grid-template-columns:56px 1fr;gap:2px 14px}
  .ix-path li .ix-node{grid-row:span 2}
  .ix-path b{margin-top:8px}
  .ix-svcs,.ix-segs,.ix-ideas,.ia-grid{grid-template-columns:1fr}
  .ix-svc{min-height:0}
  .ix-stage{height:430px}
  .ix-g{top:2%}.ix-ad{top:auto;bottom:30%}.ix-wa{bottom:2%}
  .ix-ph{width:200px}
  .ix-days li{grid-template-columns:1fr}.ix-when{grid-row:auto}.ix-days ol::before{display:none}
  .ix-months{height:150px;gap:4px;padding:12px}
  .ia-flow{grid-template-columns:1fr;gap:16px}.ia-flow::before{display:none}.ia-dot{display:none}
  .ia-flow div{grid-template-columns:64px 1fr;justify-items:start;text-align:left;align-items:center;column-gap:14px}
  .ia-flow span{width:64px;height:64px;grid-row:span 2;font-size:24px}
  .ia-flow b{margin:0}
  .ia-float{display:none}
  .ix-g{width:62%}.ix-wa{width:66%}.ix-ad{width:56%}
}
@media (prefers-reduced-motion:reduce){.ia-track{animation:none!important}}


/* ---------- About ---------- */
.ab2-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}
.ab2-w>span{display:inline-block;transform:translateY(105%)}
.ix-io.go .ab2-w>span{animation:abw .9s var(--ease) forwards;animation-delay:calc(.1s + var(--k) * 90ms)}
.ix-io.go .ab2-w.wsr>span{animation-delay:calc(.35s + var(--k) * 90ms)}
@keyframes abw{to{transform:none}}
.ab2-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(32px,5vw,72px) clamp(32px,5vw,64px)}
.ab2-hl h1{font-size:clamp(2.8rem,1rem + 5vw,6rem);letter-spacing:-.06em;line-height:.98;margin-top:18px}
.ab2-hl h1 .serif{color:var(--cyan-deep)}
.ab2-lead{color:var(--ink-2);font-size:18px;line-height:1.6;max-width:54ch;margin-top:20px;opacity:0;transform:translateY(12px)}
.ix-io.go .ab2-lead{animation:jxup .8s var(--ease) .6s forwards}
.ab2-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.ab2-meta span{display:grid;gap:2px;padding:12px 16px;border-radius:16px;background:var(--soft);font-size:13px;color:var(--ink-2);opacity:0;transform:translateY(12px)}
.ab2-meta b{font-size:15px;color:var(--ink)}
.ix-io.go .ab2-meta span{animation:jxup .6s var(--ease) forwards}
.ix-io.go .ab2-meta span:nth-child(1){animation-delay:.8s}.ix-io.go .ab2-meta span:nth-child(2){animation-delay:.92s}.ix-io.go .ab2-meta span:nth-child(3){animation-delay:1.04s}
.ab2-mark{position:relative;aspect-ratio:4/3;border-radius:28px;background:linear-gradient(160deg,#0E2833,#081820);overflow:hidden;box-shadow:0 40px 80px -40px rgba(4,25,28,.7)}
.ab2-chart{position:absolute;inset:0;width:100%;height:100%}
.ab2-grid path{stroke:rgba(255,255,255,.07);stroke-width:1}
.ab2-line{fill:none;stroke:#5FE3F2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:520}
.ix-io.go .ab2-line{animation:abdraw 2.2s var(--ease) .3s forwards}
@keyframes abdraw{to{stroke-dashoffset:0}}
.ab2-area{opacity:0}.ix-io.go .ab2-area{animation:abfade 1.4s ease 1.6s forwards}
@keyframes abfade{to{opacity:1}}
.ab2-dot{fill:#00B4CC;opacity:0;transform-origin:372px 46px}
.ix-io.go .ab2-dot{animation:abfade .3s 2.4s forwards,abpulse 2s 2.6s ease-in-out infinite}
@keyframes abpulse{50%{transform:scale(1.5);opacity:.6}}
.ab2-logo{position:absolute;left:8%;bottom:10%;width:34%;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:0 20px 40px -20px rgba(0,0,0,.5);opacity:0;transform:translateY(16px)}
.ab2-logo img{width:100%;height:auto;display:block}
.ix-io.go .ab2-logo{animation:jxup .8s var(--ease) 1.2s forwards}
.ab2-pin{position:absolute;right:6%;bottom:8%;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#fff;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(6px);opacity:0}
.ab2-pin i{width:10px;height:10px;border-radius:50%;background:#5FE3F2;box-shadow:0 0 0 0 rgba(95,227,242,.6)}
.ix-io.go .ab2-pin{animation:abfade .6s 1.5s forwards}
.ix-io.go .ab2-pin i{animation:ixping 1.8s 2s infinite}
@keyframes ixping{0%{box-shadow:0 0 0 0 rgba(95,227,242,.6)}100%{box-shadow:0 0 0 12px rgba(95,227,242,0)}}
.ab2-story{background:var(--soft);padding-block:clamp(48px,7vw,104px);margin-block:clamp(16px,3vw,40px)}
.ab2-st{max-width:980px}
.ab2-kick{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan-deep)}
.ab2-st blockquote{margin:16px 0 0;font-family:var(--serif);font-size:clamp(1.9rem,1rem + 2.6vw,3.4rem);line-height:1.12;letter-spacing:-.02em;color:var(--ink);opacity:0;transform:translateY(16px)}
.ab2-st blockquote em{font-style:italic;color:var(--cyan-deep);background:linear-gradient(transparent 70%,rgba(0,180,204,.22) 70%) no-repeat 0 0/0% 100%}
.ix-io.go .ab2-st blockquote{animation:jxup 1s var(--ease) .1s forwards}
.ix-io.go .ab2-st blockquote em{animation:abhl 1.2s var(--ease) 1s forwards}
@keyframes abhl{to{background-size:100% 100%}}
.ab2-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,48px);margin-top:clamp(24px,3vw,40px)}
.ab2-cols p{font-size:17px;line-height:1.65;color:var(--ink-2);opacity:0;transform:translateY(14px)}
.ix-io.go .ab2-cols p{animation:jxup .8s var(--ease) forwards}
.ix-io.go .ab2-cols p:first-child{animation-delay:.6s}.ix-io.go .ab2-cols p:last-child{animation-delay:.8s}
.ab2-sec{padding-block:clamp(36px,5vw,72px)}
.ab2-fds{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ab2-fd{display:grid;grid-template-columns:110px 1fr;gap:20px;align-items:center;padding:22px;border-radius:24px;border:1px solid var(--line);background:#fff;opacity:0;transform:translateY(16px);transition:border-color .4s,box-shadow .5s var(--ease),transform .5s var(--ease)}
.ix-io.go .ab2-fd{animation:jxup .7s var(--ease) forwards;animation-delay:calc(.2s + var(--k) * .15s)}
.ab2-fd:hover{border-color:#9FE6EF;box-shadow:0 30px 50px -36px rgba(4,25,28,.5)}
.ab2-pic{position:relative;width:110px;height:110px;border-radius:50%;background:linear-gradient(160deg,#0F3A41,#081820);display:grid;place-items:center}
.ab2-pic.ab2-alt2{background:linear-gradient(160deg,#14505B,#0A1E27)}
.ab2-pic.ab2-alt{background:linear-gradient(160deg,#00B4CC,#007F91)}
.ab2-pic b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:56px;color:#fff;line-height:1}
.ab2-ring{position:absolute;inset:-7px;border-radius:50%;border:1.5px dashed rgba(0,180,204,.6)}
.ix-io.go .ab2-ring{animation:abspin 24s linear infinite}
@keyframes abspin{to{transform:rotate(360deg)}}
.ab2-fd h3{font-size:24px;letter-spacing:-.03em}
.ab2-role{font-size:13px;font-weight:600;color:var(--cyan-deep);margin:2px 0 8px}
.ab2-fd p:not(.ab2-role){font-size:15px;line-height:1.5;color:var(--ink-2)}
.ab2-note{margin-top:16px;font-size:15px;color:var(--ink-2);display:flex;align-items:center;gap:10px}
.ab2-note::before{content:"";width:28px;height:2px;background:var(--cyan)}
.ab2-dark{background:linear-gradient(160deg,#0E2833,#081820);color:#fff;padding-block:clamp(48px,7vw,104px);margin-block:clamp(16px,3vw,40px)}
.ab2-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.08);border-radius:24px;overflow:hidden}
.ab2-val{position:relative;display:grid;gap:10px;align-content:start;padding:28px 26px;background:#0B2129;opacity:0;transition:background-color .4s}
.ix-io.go .ab2-val{animation:abfade .8s ease forwards;animation-delay:calc(.2s + var(--k) * .12s)}
.ab2-val::after{content:"";position:absolute;left:26px;right:26px;bottom:0;height:2px;background:#00B4CC;transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}
.ab2-val:hover{background:#0F2A33}.ab2-val:hover::after{transform:none}
.ab2-val span{font-family:var(--serif);font-style:italic;font-size:30px;color:#5FE3F2;line-height:1}
.ab2-val h3{font-size:20px;letter-spacing:-.03em}
.ab2-val p{font-size:15px;line-height:1.55;color:#B9CDD1}
.ab2-pr{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ab2-will,.ab2-wont{padding:26px;border-radius:24px}
.ab2-will{background:#E3F7FA}.ab2-wont{background:var(--soft)}
.ab2-pr h3{font-size:22px;letter-spacing:-.03em;margin-bottom:14px}
.ab2-pr ul{list-style:none;padding:0;display:grid;gap:10px}
.ab2-pr li{display:flex;gap:12px;align-items:center;font-size:16px;opacity:0;transform:translateX(-10px)}
.ix-io.go .ab2-pr li{animation:jxup .5s var(--ease) forwards;animation-delay:calc(.25s + var(--k) * 90ms)}
.ix-io.go .ab2-wont li{animation-delay:calc(.45s + var(--k) * 90ms)}
.ab2-pr li i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none}
.ab2-pr li svg{width:15px;height:15px}
.ab2-will li i{background:#00B4CC;color:#04191C}
.ab2-wont li i{background:#FDECEA;color:#C0392B}
.ab2-proc{position:relative;list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ab2-pl{position:absolute;left:30px;right:calc((100% - 48px) / 4 - 30px);top:29px;height:2px;background:var(--line)}
.ab2-pl i{position:absolute;inset:0;background:linear-gradient(90deg,#007F91,#00B4CC);transform:scaleX(0);transform-origin:left}
.ix-io.go .ab2-pl i{animation:ijclip 2s var(--ease) .2s forwards}
.ab2-proc li{display:grid;gap:8px;opacity:0;transform:translateY(14px)}
.ix-io.go .ab2-proc li{animation:jxup .6s var(--ease) forwards;animation-delay:calc(.3s + var(--k) * .4s)}
.ab2-pn{position:relative;width:60px;height:60px;border-radius:18px;background:#fff;border:2px solid var(--line);display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:24px;color:var(--cyan-deep)}
.ix-io.go .ab2-pn{animation:ixnode .4s forwards;animation-delay:calc(.5s + var(--k) * .4s)}
.ab2-proc b{font-size:19px;letter-spacing:-.03em;margin-top:6px}
.ab2-proc p{font-size:15px;color:var(--ink-2);line-height:1.5}
.ab2-honest{display:grid;grid-template-columns:auto 1fr;gap:clamp(16px,3vw,40px);padding:clamp(28px,4vw,52px);border-radius:28px;border:1px solid var(--line);background:linear-gradient(160deg,#fff,#F4FBFC)}
.ab2-hq{font-family:var(--serif);font-size:clamp(6rem,4rem + 6vw,11rem);line-height:.7;color:#00B4CC;opacity:0;transform:scale(.6)}
.ix-io.go .ab2-hq{animation:jxup .8s cubic-bezier(.34,1.56,.64,1) .2s forwards}
.ab2-honest h2{font-size:clamp(1.7rem,1rem + 1.8vw,2.6rem);letter-spacing:-.045em;line-height:1.08;margin:10px 0 14px}
.ab2-honest h2 .serif{color:var(--cyan-deep)}
.ab2-honest p:not(.ab2-kick){font-size:17px;line-height:1.6;color:var(--ink-2);max-width:62ch;margin-bottom:22px}
.ab2-logo2{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);align-items:center}
.ab2-lv{aspect-ratio:11/7;border-radius:28px;background:var(--soft);display:grid;place-items:center}
.ab2-lv svg{width:70%}
.ab2-lv path{fill:none;stroke-width:12;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:300;stroke-dashoffset:300}
.ab2-a{stroke:#0A0D0F}.ab2-v{stroke:#00B4CC}.ab2-arr{stroke:#00B4CC}
.ix-io.go .ab2-a{animation:abdraw 1.2s var(--ease) .2s forwards}
.ix-io.go .ab2-v{animation:abdraw 1.4s var(--ease) .9s forwards}
.ix-io.go .ab2-arr{animation:abdraw .6s var(--ease) 2s forwards}
.ab2-logo2 h2{font-size:clamp(2.2rem,1rem + 3vw,4rem);letter-spacing:-.05em;margin:8px 0 12px}
.ab2-logo2 p:not(.ab2-kick){font-size:18px;line-height:1.6;color:var(--ink-2);max-width:44ch}
.ab2-sig{margin-top:18px;font-size:22px!important;font-weight:600;color:var(--ink)!important;letter-spacing:-.02em}
.ab2-sig .serif{color:var(--cyan-deep);font-weight:400}
.ab2-cta{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(28px,4vw,52px);border-radius:28px;background:linear-gradient(160deg,#0E2833,#0A1E27);color:#fff}
.ab2-cta h2{font-size:clamp(1.8rem,1rem + 2vw,2.8rem);letter-spacing:-.045em;line-height:1.05}
.ab2-cta h2 .serif{color:#5FE3F2}
.ab2-cta p{color:#B9CDD1;margin-top:10px;max-width:50ch}
.ab2-sv{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.ab2-sv a{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;padding:7px 8px 7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);color:#fff;text-decoration:none;transition:border-color .3s,background-color .3s}
.ab2-sv a i{width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center}
.ab2-sv a svg{width:10px;height:10px}
.ab2-sv a:hover{border-color:#5FE3F2;background:rgba(95,227,242,.08)}
.ab2-ct{display:grid;gap:8px;justify-items:start}
.ab2-ct .btn-dark,.ab2-bc{background:#00B4CC!important;color:#04191C!important}
.ab2-ct span{font-size:14px;color:#9FB8BD}
/* ---------- Insights ---------- */
.nx-hero{padding-block:clamp(32px,5vw,72px) clamp(16px,2vw,24px)}
.nx-hero h1{font-size:clamp(2.8rem,1rem + 5vw,6rem);letter-spacing:-.06em;line-height:.98;margin-top:18px}
.nx-hero h1 .serif{color:var(--cyan-deep)}
.nx-sec{padding-block:clamp(24px,3.5vw,48px)}
.nx-open{all:unset;box-sizing:border-box;cursor:pointer;display:grid;width:100%;height:100%}
.nx-open:focus-visible{outline:2px solid var(--cyan);outline-offset:4px;border-radius:24px}
.nx-feat .nx-open{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#0E2833,#081820);color:#fff;min-height:360px;opacity:0;transform:translateY(20px);transition:box-shadow .5s var(--ease)}
.ix-io.go .nx-feat .nx-open{animation:jxup .8s var(--ease) .1s forwards}
.nx-feat .nx-open:hover{box-shadow:0 40px 70px -40px rgba(4,25,28,.85)}
.nx-fv{position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(0,180,204,.25),transparent 65%)}
.nx-phone{position:relative;width:170px;height:290px;border-radius:30px;background:#fff;box-shadow:0 0 0 7px #0A0D0F,0 30px 60px -20px rgba(0,0,0,.6);padding:40px 16px 16px;display:grid;align-content:start;gap:16px}
.nx-phone i{display:block;height:12px;border-radius:6px;background:#E6ECEE;width:70%}
.nx-phone i.nl2{width:90%}.nx-phone i.nl3{width:55%}.nx-phone i.nl4{width:80%}.nx-phone i.nl5{width:60%}
.nx-ck{position:absolute;right:14px;width:22px;height:22px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;transform:scale(0)}
.nx-ck svg{width:12px;height:12px}
.nx-ck.nc1{top:36px}.nx-ck.nc2{top:64px}.nx-ck.nc3{top:92px}
.ix-io.go .nx-ck{animation:jxup .4s cubic-bezier(.34,1.56,.64,1) forwards}
.ix-io.go .nx-ck.nc1{animation-delay:1s}.ix-io.go .nx-ck.nc2{animation-delay:1.4s}.ix-io.go .nx-ck.nc3{animation-delay:1.8s}
.nx-big{position:absolute;left:8%;bottom:8%;font-size:64px;font-weight:700;letter-spacing:-.05em;color:rgba(255,255,255,.12);line-height:1}
.nx-big .serif{font-weight:400}
.nx-fb{display:grid;align-content:center;gap:12px;padding:clamp(24px,4vw,48px)}
.nx-badge{justify-self:start;font-size:12px;font-weight:700;color:#04191C;background:#5FE3F2;border-radius:999px;padding:4px 11px}
.nx-mt{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-3)}
.nx-feat .nx-mt{color:#9FB8BD}
.nx-mt em{font-style:normal;font-size:12px;font-weight:700;color:var(--cyan-deep);background:#E3F7FA;border-radius:999px;padding:3px 10px}
.nx-feat .nx-mt em{background:rgba(95,227,242,.12);color:#5FE3F2}
.nx-fb h2{font-size:clamp(1.8rem,1rem + 2vw,2.8rem);letter-spacing:-.045em;line-height:1.05}
.nx-fb p{color:#B9CDD1;font-size:16px;line-height:1.55}
.nx-rd{display:inline-flex;align-items:center;gap:10px;margin-top:6px;font-size:14px;font-weight:600;color:var(--cyan-deep)}
.nx-feat .nx-rd{color:#5FE3F2}
.nx-rd i{width:30px;height:30px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;transition:transform .4s var(--ease)}
.nx-rd svg{width:12px;height:12px}
.nx-open:hover .nx-rd i{transform:rotate(45deg)}
.nx-bar{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.nx-bar .ix-head{margin:0}
.nx-chips{display:flex;flex-wrap:wrap;gap:6px}
.nx-chip{font:500 14px var(--f);padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:background-color .3s,border-color .3s,color .3s}
.nx-chip:hover{border-color:#00B4CC}
.nx-chip.on{background:#0A0D0F;border-color:#0A0D0F;color:#fff}
.nx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.nx-card{border-radius:24px;border:1px solid var(--line);background:#fff;opacity:0;transform:translateY(18px);transition:border-color .4s,box-shadow .5s var(--ease),transform .5s var(--ease),opacity .35s}
.ix-io.go .nx-card{animation:jxup .6s var(--ease) forwards;animation-delay:calc(.1s + var(--k) * 80ms)}
.nx-card:hover{border-color:#9FE6EF;transform:translateY(-4px);box-shadow:0 30px 50px -36px rgba(4,25,28,.55)}
.nx-card .nx-open{align-content:start;gap:10px;padding:14px 14px 20px}
.nx-card h3{font-size:19px;letter-spacing:-.03em;line-height:1.2;padding:0 6px}
.nx-card p{font-size:14.5px;line-height:1.5;color:var(--ink-2);padding:0 6px}
.nx-card .nx-mt{padding:4px 6px 0}.nx-card .nx-rd{padding:0 6px}
.nx-th{display:grid;place-items:center;height:150px;border-radius:16px;background:#0F3A41;color:#fff;overflow:hidden;position:relative}
.nx-th b{font-size:46px;font-weight:700;letter-spacing:-.05em;transition:transform .6s var(--ease)}
.nx-th b .serif{font-weight:400;color:#5FE3F2}
.nx-th.nt1{background:#E3F7FA;color:#0F3A41}.nx-th.nt1 .serif{color:#007F91}
.nx-th.nt2{background:linear-gradient(140deg,#00B4CC,#007F91)}.nx-th.nt2 .serif{color:#04191C}
.nx-th.nt3{background:var(--soft);color:#0A0D0F}.nx-th.nt3 .serif{color:#007F91}
.nx-card:hover .nx-th b{transform:scale(1.08) rotate(-3deg)}
.nx-card.nx-hide{display:none}
.nx-card.nx-pop{animation:nxpop .45s var(--ease) both!important;opacity:1}
@keyframes nxpop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
.nx-band{background:linear-gradient(160deg,#0E2833,#081820);color:#fff;padding-block:clamp(48px,7vw,96px);margin-block:clamp(24px,4vw,48px)}
.nx-self{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center}
.nx-self>div>p:not(.nx-msg){color:#B9CDD1;font-size:16px;line-height:1.55;margin:-10px 0 20px;max-width:46ch}
.nx-score{display:flex;align-items:center;gap:18px}
.nx-score svg{width:110px;height:110px;transform:rotate(-90deg)}
.nx-score circle{fill:none;stroke-width:10}
.nx-score .bg{stroke:rgba(255,255,255,.1)}
.nx-score .fg{stroke:#00B4CC;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset .8s var(--ease),stroke .4s}
.nx-score p{display:grid}.nx-score b{font-size:48px;letter-spacing:-.05em;line-height:1}.nx-score small{color:#9FB8BD}
.nx-msg{font-size:16px;font-weight:500;color:#5FE3F2;margin:16px 0 20px;min-height:48px}
.nx-list{list-style:none;padding:0;display:grid;gap:8px}
.nx-list label{display:flex;gap:14px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);cursor:pointer;font-size:15px;color:#DCE8EA;transition:background-color .3s,border-color .3s}
.nx-list label:hover{border-color:rgba(95,227,242,.5)}
.nx-cb{position:absolute;opacity:0;pointer-events:none}
.nx-list label i{width:26px;height:26px;border-radius:8px;border:2px solid rgba(255,255,255,.3);display:grid;place-items:center;flex:none;color:#04191C;transition:background-color .3s,border-color .3s}
.nx-list label i svg{width:14px;height:14px;transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.nx-cb:checked+i{background:#00B4CC;border-color:#00B4CC}.nx-cb:checked+i svg{transform:none}
.nx-cb:checked~span{color:#fff}
.nx-list label:has(.nx-cb:checked){background:rgba(0,180,204,.12);border-color:rgba(0,180,204,.45)}
.nx-cb:focus-visible+i{outline:2px solid #5FE3F2;outline-offset:2px}
.nx-next{display:flex;gap:20px;align-items:center;padding:24px 28px;border-radius:24px;border:1.5px dashed #9FE6EF;background:#F7FDFE}
.nx-next h3{font-size:20px;letter-spacing:-.03em;margin:6px 0}
.nx-next p:not(.ab2-kick){color:var(--ink-2);font-size:15px}
.nx-pulse{width:14px;height:14px;border-radius:50%;background:#00B4CC;flex:none;animation:ixping 1.8s infinite}
.nx-drawer{position:fixed;inset:0;z-index:200}
.nx-drawer[hidden]{display:none}
.nx-scrim{position:absolute;inset:0;background:rgba(4,15,18,.45);opacity:0;transition:opacity .4s}
.nx-panel{position:absolute;right:0;top:0;bottom:0;width:min(680px,100%);background:#fff;box-shadow:-30px 0 60px -30px rgba(0,0,0,.4);transform:translateX(100%);transition:transform .55s var(--ease);display:grid;grid-template-rows:auto 1fr}
.nx-drawer.open .nx-scrim{opacity:1}.nx-drawer.open .nx-panel{transform:none}
.nx-prog{height:4px;background:var(--soft)}.nx-prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,#007F91,#00B4CC)}
.nx-x{position:absolute;right:18px;top:18px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:var(--soft);display:grid;place-items:center;cursor:pointer;transition:background-color .3s,transform .4s var(--ease)}
.nx-x:hover{background:#E3F7FA;transform:rotate(90deg)}
.nx-x svg{width:18px;height:18px}
.nx-body{overflow-y:auto;padding:clamp(28px,5vw,56px) clamp(22px,5vw,56px) 56px;overscroll-behavior:contain}
.nx-art h2{font-size:clamp(1.8rem,1rem + 2vw,2.6rem);letter-spacing:-.045em;line-height:1.08;margin:14px 0 10px;padding-right:40px}
.nx-dek{font-size:18px;color:var(--ink-2);line-height:1.5;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.nx-art>p,.nx-art li{font-size:17px;line-height:1.7;color:#2A3136}
.nx-art>p{margin:0 0 16px}
.nx-art ol,.nx-art ul{padding-left:0;list-style:none;display:grid;gap:12px;margin:0 0 20px;counter-reset:nx}
.nx-art li{position:relative;padding:14px 16px 14px 54px;border-radius:14px;background:var(--soft)}
.nx-art ol li{counter-increment:nx}
.nx-art ol li::before{content:counter(nx);position:absolute;left:14px;top:14px;width:28px;height:28px;border-radius:50%;background:#0F3A41;color:#5FE3F2;display:grid;place-items:center;font-size:13px;font-weight:700}
.nx-art ul li::before{content:"";position:absolute;left:22px;top:24px;width:10px;height:10px;border-radius:50%;background:#00B4CC}
.nx-art li b{color:var(--ink)}
.nx-drawer.open .nx-art>*{animation:jxup .6s var(--ease) both}
.nx-drawer.open .nx-art>*:nth-child(2){animation-delay:.08s}.nx-drawer.open .nx-art>*:nth-child(3){animation-delay:.14s}.nx-drawer.open .nx-art>*:nth-child(n+4){animation-delay:.2s}
.nx-art .nx-mt em{background:#E3F7FA}
.nx-end{display:grid;gap:14px;justify-items:start;margin-top:28px;padding:22px;border-radius:20px;background:linear-gradient(160deg,#0E2833,#0A1E27);color:#fff}
.nx-end p{color:#B9CDD1;font-size:15px}.nx-end b{display:block;color:#fff;font-size:17px;margin-bottom:2px}
.nx-end .btn-dark{background:#00B4CC;color:#04191C}
html.nx-lock{overflow:hidden}
@media (max-width:1000px){
  .ab2-hero,.ab2-logo2,.ab2-cta,.nx-self{grid-template-columns:1fr}
  .ab2-vals,.nx-grid{grid-template-columns:repeat(2,1fr)}
  .ab2-proc{grid-template-columns:repeat(2,1fr)}.ab2-pl{display:none}
  .nx-feat .nx-open{grid-template-columns:1fr}.nx-fv{min-height:300px}
}
@media (max-width:700px){
  .ab2-cols,.ab2-fds,.ab2-pr,.ab2-vals,.nx-grid,.ab2-proc{grid-template-columns:1fr}
  .ab2-fd{grid-template-columns:84px 1fr;gap:16px;padding:18px}
  .ab2-pic{width:84px;height:84px}.ab2-pic b{font-size:40px}
  .ab2-honest{grid-template-columns:1fr}.ab2-hq{font-size:5rem}
  .ab2-proc li{grid-template-columns:60px 1fr;gap:4px 14px}.ab2-pn{grid-row:span 2}
  .nx-bar{align-items:start}
  .nx-next{flex-direction:row;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.ab2-w>span{transform:none}}
/* insights carousel */
.nx-car{display:grid;gap:14px;opacity:0;transform:translateY(16px)}
.ix-io.go .nx-car{animation:jxup .8s var(--ease) .1s forwards}
.nx-ctop{display:flex;justify-content:space-between;align-items:center;gap:12px}
.nx-ctl{display:flex;align-items:center;gap:8px}
.nx-cnt{font-size:14px;color:var(--ink-3);margin-right:6px;font-variant-numeric:tabular-nums}.nx-cnt b{color:var(--ink)}
.nx-arr{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--ink);transition:background-color .3s,border-color .3s,color .3s,transform .3s}
.nx-arr svg{width:18px;height:18px}
.nx-arr:hover{background:#0A0D0F;border-color:#0A0D0F;color:#fff}
.nx-arr:active{transform:scale(.94)}
.nx-arr:disabled{opacity:.35;pointer-events:none}
.nx-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:14px;border-radius:28px;scrollbar-width:none;overscroll-behavior-x:contain}
.nx-track::-webkit-scrollbar{display:none}
.nx-sl{flex:0 0 100%;scroll-snap-align:start}
.nx-sl .nx-open{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);border-radius:28px;overflow:hidden;background:linear-gradient(160deg,#0E2833,#081820);color:#fff;min-height:320px;transition:box-shadow .5s var(--ease)}
.nx-sl .nx-open:hover{box-shadow:0 40px 70px -40px rgba(4,25,28,.85)}
.nx-sl .nx-mt{color:#9FB8BD}.nx-sl .nx-mt em{background:rgba(95,227,242,.12);color:#5FE3F2}.nx-sl .nx-rd{color:#5FE3F2}
.nx-sl .nx-fb>*{opacity:0;transform:translateY(12px);transition:opacity .5s,transform .6s var(--ease)}
.nx-sl.on .nx-fb>*{opacity:1;transform:none}
.nx-sl.on .nx-fb>*:nth-child(2){transition-delay:.06s}.nx-sl.on .nx-fb>*:nth-child(3){transition-delay:.12s}.nx-sl.on .nx-fb>*:nth-child(4){transition-delay:.18s}.nx-sl.on .nx-fb>*:nth-child(5){transition-delay:.24s}
.nx-sl .nx-phone{width:150px;height:250px;padding:34px 14px 14px;gap:14px}
.nx-sl .nx-ck{animation:none!important;transform:scale(0);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.nx-sl.on .nx-ck{transform:none}
.nx-sl.on .nx-ck.nc1{transition-delay:.5s}.nx-sl.on .nx-ck.nc2{transition-delay:.85s}.nx-sl.on .nx-ck.nc3{transition-delay:1.2s}
.nx-gp{display:grid;gap:7px;width:min(240px,80%);padding:12px;border-radius:18px;background:#fff;color:#14191C;box-shadow:0 30px 60px -24px rgba(0,0,0,.6);transform:translateY(10px);opacity:.6;transition:transform .7s var(--ease),opacity .5s}
.nx-sl.on .nx-gp{transform:none;opacity:1}
.nx-gimg{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:3px;height:90px;border-radius:10px;overflow:hidden}
.nx-gimg i{background:linear-gradient(150deg,#14505B,#00B4CC)}.nx-gimg i:first-child{grid-row:span 2}.nx-gimg i:nth-child(3){background:linear-gradient(150deg,#9FE6EF,#EFE7DA)}
.nx-gp>b{font-size:15px}.nx-gl{font-size:11px;color:#5E666C}
.nx-gs{font-size:13px;letter-spacing:2px;color:#E8E1D4;background:linear-gradient(90deg,#E8A317 0,#E8A317 var(--st,0%),#E1E7EA var(--st,0%));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:--st 1s}
.nx-sl.on .nx-gs{animation:nxstar 1.2s .4s ease forwards}
@property --st{syntax:'<percentage>';inherits:false;initial-value:0%}
@keyframes nxstar{to{--st:100%}}
.nx-gb{display:flex;gap:5px}.nx-gb i{font-style:normal;font-size:10.5px;font-weight:600;padding:4px 9px;border-radius:999px;background:#E3F7FA;color:#007F91}
.nx-gh{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#1E7A3A}
.nx-gh em{width:8px;height:8px;border-radius:50%;background:#2EB85C}
.nx-sl.on .nx-gh em{animation:ixping 1.6s infinite}
.nx-reel{position:relative;width:150px;height:250px;border-radius:24px;background:linear-gradient(170deg,#14505B,#0B1E26 60%,#00B4CC);box-shadow:0 0 0 6px #0A0D0F,0 30px 60px -20px rgba(0,0,0,.6)}
.nx-rp{position:absolute;left:50%;top:38%;width:46px;height:46px;margin:-23px;border-radius:50%;background:rgba(255,255,255,.2)}
.nx-rp::after{content:"";position:absolute;left:18px;top:14px;border-left:14px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent}
.nx-sl.on .nx-rp{animation:mplay 1.6s ease-in-out infinite}
.nx-dm{position:absolute;right:-40px;font-size:11px;font-weight:600;color:#14191C;background:#fff;border-radius:12px 12px 4px 12px;padding:6px 10px;white-space:nowrap;box-shadow:0 10px 20px -10px rgba(0,0,0,.5);opacity:0;transform:translateY(8px) scale(.9);transition:opacity .4s,transform .5s cubic-bezier(.34,1.56,.64,1)}
.nx-dm.d1{top:56%}.nx-dm.d2{top:70%;right:-56px}.nx-dm.d3{top:84%;background:#00B4CC;color:#04191C}
.nx-sl.on .nx-dm{opacity:1;transform:none}
.nx-sl.on .nx-dm.d1{transition-delay:.5s}.nx-sl.on .nx-dm.d2{transition-delay:1s}.nx-sl.on .nx-dm.d3{transition-delay:1.5s}
.nx-spd{position:relative;display:grid;place-items:center;width:190px;height:190px}
.nx-spd svg{position:absolute;inset:0;transform:rotate(-90deg)}
.nx-spd circle{fill:none;stroke-width:9}.nx-spd .bg{stroke:rgba(255,255,255,.1)}
.nx-spd .fg{stroke:#5FE3F2;stroke-linecap:round;stroke-dasharray:327;stroke-dashoffset:327;transition:stroke-dashoffset 1.4s var(--ease) .2s}
.nx-sl.on .nx-spd .fg{stroke-dashoffset:82}
.nx-spd b{font-size:56px;letter-spacing:-.05em;color:#fff;line-height:1}.nx-spd b small{font-size:22px;color:#5FE3F2}
.nx-spd em{position:absolute;bottom:46px;font-style:normal;font-size:12px;color:#9FB8BD}
.nx-dots{display:flex;justify-content:center;gap:8px}
.nx-dot{width:8px;height:8px;border-radius:999px;border:0;padding:0;background:#C9D3D7;cursor:pointer;transition:width .4s var(--ease),background-color .3s}
.nx-dot.on{width:28px;background:#00B4CC}
@media (max-width:1000px){.nx-sl .nx-open{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-height:300px}.nx-fv{min-height:0!important}}
@media (max-width:700px){.nx-sl .nx-open{grid-template-columns:1fr}.nx-sl .nx-fv{height:220px}.nx-sl .nx-phone,.nx-sl .nx-reel{transform:scale(.78)}.nx-spd{transform:scale(.8)}.nx-fb{padding:22px}.nx-fb h2{font-size:1.6rem}.nx-dm{right:-30px}.nx-dm.d2{right:-44px}.ab2-fds{grid-template-columns:1fr}}
@media (max-width:1000px) and (min-width:701px){.ab2-fds{grid-template-columns:1fr 1fr 1fr}.ab2-fd{grid-template-columns:1fr;justify-items:center;text-align:center}}



/* ---------- Contact ---------- */
.ct2-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(32px,5vw,72px) clamp(24px,3vw,40px)}
.ct2-hero h1{font-size:clamp(2.6rem,1rem + 4.4vw,5.2rem);letter-spacing:-.06em;line-height:1;margin-top:18px}
.ct2-hero h1 .serif{color:var(--cyan-deep)}
.ct2-prom{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ct2-prom li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:8px 14px 8px 8px;border-radius:999px;background:var(--soft);opacity:0;transform:translateY(10px)}
.ix-io.go .ct2-prom li{animation:jxup .5s var(--ease) forwards;animation-delay:calc(.8s + var(--k) * 90ms)}
.ct2-prom i{width:22px;height:22px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center}
.ct2-prom svg{width:12px;height:12px}
.ct2-doc{position:relative;padding:22px;border-radius:22px;background:#fff;box-shadow:0 2px 6px rgba(10,13,15,.05),0 40px 70px -36px rgba(4,25,28,.45);border:1px solid var(--line);transform:rotate(1.5deg) translateY(20px);opacity:0}
.ix-io.go .ct2-doc{animation:ctdoc 1s var(--ease) .3s forwards}
@keyframes ctdoc{to{opacity:1;transform:rotate(1.5deg)}}
.ct2-dh{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid var(--ink)}
.ct2-dh b{font-size:15px;letter-spacing:.12em;text-transform:uppercase}
.ct2-dh span{font-size:11px;font-weight:700;color:var(--cyan-deep);background:#E3F7FA;border-radius:999px;padding:3px 9px}
.ct2-ar{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.ct2-ar em{font-style:normal;font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;opacity:0;transform:scale(.6)}
.ix-io.go .ct2-ar em{animation:jxup .45s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(1s + var(--k) * .25s)}
.p-w{background:#FDF1D8;color:#8A5A00}.p-b{background:#FDECEA;color:#A4271D}.p-g{background:#E6F6EA;color:#1E7A3A}
.ct2-fx{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:14px 0 8px}
.ct2-fix{list-style:none;padding:0;display:grid;gap:8px;counter-reset:cf}
.ct2-fix li{display:flex;align-items:center;gap:10px;font-size:14.5px;counter-increment:cf}
.ct2-fix li::before{content:counter(cf);width:22px;height:22px;border-radius:50%;background:#0A0D0F;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}
.ct2-fix .jx-t{display:block;overflow:hidden;white-space:nowrap;max-width:0}
.ix-io.go .ct2-fix .jx-t{animation:ijtype 1s steps(30) forwards}
.ix-io.go .ct2-fix li:nth-child(1) .jx-t{animation-delay:2.2s}.ix-io.go .ct2-fix li:nth-child(2) .jx-t{animation-delay:3.1s}.ix-io.go .ct2-fix li:nth-child(3) .jx-t{animation-delay:4s}
.ct2-stamp{position:absolute;right:-14px;bottom:-18px;font-family:var(--serif);font-style:italic;font-size:22px;color:#fff;background:#00B4CC;border-radius:50%;width:74px;height:74px;display:grid;place-items:center;transform:rotate(-12deg) scale(0);box-shadow:0 10px 24px -10px rgba(0,127,145,.7)}
.ix-io.go .ct2-stamp{animation:ctstamp .6s cubic-bezier(.34,1.56,.64,1) 4.9s forwards}
@keyframes ctstamp{to{transform:rotate(-12deg) scale(1)}}
.ct2-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(16px,3vw,32px);align-items:start;padding-block:clamp(16px,3vw,32px) clamp(40px,5vw,72px)}
.ct2-card{position:relative;padding:clamp(20px,3vw,36px);border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 40px 80px -60px rgba(4,25,28,.45);opacity:0;transform:translateY(20px)}
.ix-io.go .ct2-card{animation:jxup .8s var(--ease) .1s forwards}
.ct2-prog{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-bottom:20px;font-size:13px;font-weight:600;color:var(--ink-2)}
.ct2-prog b{color:var(--cyan-deep);font-variant-numeric:tabular-nums}
.ct2-prog>i{grid-column:1/-1;height:6px;border-radius:3px;background:var(--soft);overflow:hidden}
.ct2-prog>i>i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#007F91,#00B4CC);transition:width .6s var(--ease)}
.ct2-fs{border:0;padding:0;margin:0 0 24px}
.ct2-fs legend{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.02em;margin-bottom:12px;padding:0}
.ct2-fs legend span{width:26px;height:26px;border-radius:50%;background:#0F3A41;color:#5FE3F2;display:grid;place-items:center;font-size:12.5px;font-weight:700}
.ct2-chips{display:flex;flex-wrap:wrap;gap:8px}
.ct2-chips label{position:relative;cursor:pointer}
.ct2-chips input,.ct2-tk input{position:absolute;opacity:0;pointer-events:none}
.ct2-chips span{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;padding:9px 15px;border-radius:999px;border:1px solid var(--line);background:#fff;transition:background-color .25s,border-color .25s,color .25s,transform .25s}
.ct2-chips label:hover span{border-color:#00B4CC}
.ct2-chips input:checked+span{background:#0A0D0F;border-color:#0A0D0F;color:#fff;animation:ctpick .35s cubic-bezier(.34,1.56,.64,1)}
.ct2-chips input[type=checkbox]:checked+span::before{content:"✓";color:#5FE3F2;font-weight:700}
.ct2-chips input:focus-visible+span,.ct2-tk input:focus-visible+span{outline:2px solid #00B4CC;outline-offset:2px}
@keyframes ctpick{50%{transform:scale(1.06)}}
.ct2-f2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ct2-fd{position:relative;display:grid}
.ct2-fd input,.ct2-fd textarea{font:400 16px var(--f);color:var(--ink);padding:24px 16px 10px;border-radius:14px;border:1px solid var(--line);background:var(--soft);outline:0;transition:border-color .3s,background-color .3s,box-shadow .3s;width:100%;box-sizing:border-box}
.ct2-fd textarea{min-height:110px;resize:vertical}
.ct2-fd label{position:absolute;left:16px;top:17px;font-size:15px;color:var(--ink-3);pointer-events:none;transform-origin:left top;transition:transform .25s var(--ease),color .25s}
.ct2-fd input:focus,.ct2-fd textarea:focus{border-color:#00B4CC;background:#fff;box-shadow:0 0 0 4px rgba(0,180,204,.12)}
.ct2-fd input:focus+label,.ct2-fd input:not(:placeholder-shown)+label,.ct2-fd textarea:focus+label,.ct2-fd textarea:not(:placeholder-shown)+label{transform:translateY(-10px) scale(.78);color:var(--cyan-deep)}
.ct2-fd .er{font-size:13px;color:#C0392B;min-height:0;margin-top:4px}
.ct2-fd .er:empty{display:none}
.ct2-fd[data-bad] input{border-color:#E8A39B;background:#FFF8F7;animation:ctshake .4s}
@keyframes ctshake{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.ct2-ta{margin-bottom:22px}
.ct2-talk{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ct2-tk{position:relative;cursor:pointer}
.ct2-tk span{display:grid;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;transition:border-color .25s,background-color .25s,box-shadow .25s}
.ct2-tk b{font-size:15px}.ct2-tk small{font-size:12.5px;color:var(--ink-3)}
.ct2-tk:hover span{border-color:#00B4CC}
.ct2-tk input:checked+span{border-color:#00B4CC;background:#E3F7FA;box-shadow:inset 0 0 0 1px #00B4CC}
.ct2-sub{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ct2-sub p{font-size:13.5px;color:var(--ink-3)}
.ct2-done{display:grid;justify-items:start;gap:14px;outline:0}
.ct2-ok{width:72px;height:72px}
.ct2-ok circle{fill:#E3F7FA;stroke:#00B4CC;stroke-width:3;stroke-dasharray:214;stroke-dashoffset:214;animation:abdraw .7s var(--ease) forwards}
.ct2-ok path{fill:none;stroke:#007F91;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:50;stroke-dashoffset:50;animation:abdraw .5s var(--ease) .6s forwards}
.ct2-done h3{font-size:clamp(1.6rem,1rem + 1.4vw,2.2rem);letter-spacing:-.04em}
.ct2-done h3 .serif{color:var(--cyan-deep)}
.ct2-done>p{color:var(--ink-2);max-width:56ch}
.ct2-done pre{width:100%;box-sizing:border-box;white-space:pre-wrap;font:500 13.5px/1.6 ui-monospace,Menlo,monospace;padding:16px;border-radius:14px;background:var(--soft);margin:0}
.ct2-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.ct2-edit{background:none;border:0;font:500 14px var(--f);color:var(--ink-2);text-decoration:underline;cursor:pointer}
.ct2-side{position:sticky;top:calc(var(--hh) + 20px);display:grid;gap:12px}
.ct2-side>div{padding:20px;border-radius:22px;background:var(--soft);opacity:0;transform:translateY(16px)}
.ix-io.go .ct2-side>div{animation:jxup .6s var(--ease) forwards}
.ix-io.go .ct2-side>div:nth-child(1){animation-delay:.25s}.ix-io.go .ct2-side>div:nth-child(2){animation-delay:.38s}.ix-io.go .ct2-side>div:nth-child(3){animation-delay:.5s}.ix-io.go .ct2-side>div:nth-child(4){animation-delay:.62s}
.ct2-who{display:flex;gap:14px;align-items:center;background:linear-gradient(160deg,#0E2833,#0A1E27)!important;color:#fff}
.ct2-av{display:flex;flex:none}
.ct2-av span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:20px;color:#fff;background:#0F3A41;box-shadow:0 0 0 3px #0E2833;margin-left:-10px}
.ct2-av span:first-child{margin-left:0}.ct2-av span:nth-child(2){background:#00B4CC}.ct2-av span:nth-child(3){background:#14505B}
.ct2-who p{font-size:13.5px;color:#B9CDD1;line-height:1.4}.ct2-who b{display:block;font-size:15px;color:#fff;margin-bottom:2px}
.ct2-side h4{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan-deep);margin-bottom:12px}
.ct2-next ol{list-style:none;padding:0;display:grid;gap:12px;position:relative;counter-reset:cn}
.ct2-next ol::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:#C9E9EE}
.ct2-next li{position:relative;padding-left:36px;font-size:14px;color:var(--ink-2);line-height:1.45;counter-increment:cn}
.ct2-next li::before{content:counter(cn);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #00B4CC;color:var(--cyan-deep);font-size:11.5px;font-weight:700;display:grid;place-items:center;box-sizing:border-box}
.ct2-next b{display:block;color:var(--ink);font-size:15px}
.ct2-mail p{font-size:16px;font-weight:600}
.ct2-cp{margin-top:6px;background:none;border:0;border-bottom:1px solid;padding:0 0 2px;cursor:pointer;font:500 14px var(--f);color:var(--ink)}
.ct2-loc{display:flex;gap:14px;align-items:center}
.ct2-loc p{font-size:13.5px;color:var(--ink-2)}.ct2-loc b{display:block;color:var(--ink);font-size:15px}
.ct2-pin{position:relative;width:40px;height:40px;border-radius:50%;background:#E3F7FA;display:grid;place-items:center;flex:none}
.ct2-pin i{width:12px;height:12px;border-radius:50%;background:#00B4CC;animation:ixping 1.8s infinite}
.ct2-gets{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ct2-g{display:grid;gap:10px;align-content:start;padding:22px;border-radius:22px;border:1px solid var(--line);background:#fff;opacity:0;transform:translateY(16px);transition:border-color .4s,transform .5s var(--ease),box-shadow .5s var(--ease)}
.ix-io.go .ct2-g{animation:jxup .6s var(--ease) forwards;animation-delay:calc(.2s + var(--k) * .12s)}
.ct2-g:hover{border-color:#9FE6EF;transform:translateY(-4px);box-shadow:0 30px 50px -36px rgba(4,25,28,.5)}
.ct2-gi{width:46px;height:46px;border-radius:14px;background:#0F3A41;color:#5FE3F2;display:grid;place-items:center;font-weight:700;font-size:15px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.ct2-g:hover .ct2-gi{transform:rotate(-8deg) scale(1.08)}
.ct2-g h3{font-size:18px;letter-spacing:-.03em}.ct2-g p{font-size:14.5px;color:var(--ink-2);line-height:1.5}
.ct2-three{display:flex;gap:16px;align-items:center;margin-top:12px;padding:20px 22px;border-radius:22px;background:linear-gradient(160deg,#0E2833,#0A1E27);color:#fff;opacity:0;transform:translateY(16px)}
.ix-io.go .ct2-three{animation:jxup .6s var(--ease) .75s forwards}
.ct2-three>span{width:46px;height:46px;border-radius:50%;background:#00B4CC;color:#04191C;display:grid;place-items:center;font-size:24px;font-weight:600;flex:none}
.ct2-three p{color:#B9CDD1;font-size:15px}.ct2-three b{display:block;color:#fff;font-size:17px}
@media (max-width:1000px){.ct2-hero,.ct2-main{grid-template-columns:1fr}.ct2-side{position:static;grid-template-columns:1fr 1fr}.ct2-gets{grid-template-columns:repeat(2,1fr)}.ct2-talk{grid-template-columns:repeat(2,1fr)}.ct2-doc{max-width:460px}}
@media (max-width:700px){.ct2-f2,.ct2-side,.ct2-gets{grid-template-columns:1fr}.ct2-doc{transform:none!important;margin-top:8px}.ct2-stamp{right:-6px;bottom:-12px;width:62px;height:62px;font-size:18px}.ct2-card{padding:18px;border-radius:22px}}

/* ---------- Marquee ---------- */
.mq{overflow:hidden;border-block:1px solid var(--line);padding-block:26px;white-space:nowrap}
.mq-t{display:inline-flex;gap:48px;align-items:center;animation:mq 38s linear infinite;padding-right:48px}
.mq-t span{font-size:clamp(1.6rem,1rem + 2.4vw,3.2rem);font-weight:500;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:48px}
.mq-t span::after{content:"";width:.42em;height:.42em;background:url("/assets/img/img-789475ad9c.webp") center/contain no-repeat;display:inline-block}
@keyframes mq{to{transform:translateX(-50%)}}
.mq:hover .mq-t{animation-play-state:paused}

/* ---------- Statement ---------- */
.stmt{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:32px}
.stmt .who{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--ink-2);align-self:start;padding-top:.8em}
.stmt p.big{font-size:clamp(1.8rem,1rem + 2.7vw,3.6rem);line-height:1.1;letter-spacing:-.035em;font-weight:500}
.stmt p.big .w{color:#C3C9CC;transition:color .5s}
.stmt p.big .w.on{color:var(--ink)}
.stmt .row{display:flex;gap:28px;flex-wrap:wrap;margin-top:40px;align-items:center}
@media (max-width:820px){.stmt{grid-template-columns:1fr}}

/* ---------- Services grid ---------- */
.svc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.svc{display:grid;gap:18px;text-decoration:none;align-content:start}
.svc-v{position:relative;aspect-ratio:1/1.02;border-radius:clamp(16px,1.6vw,26px);overflow:hidden;container-type:inline-size;isolation:isolate}
.svc-v .scene{font-size:calc(100cqw/42);display:grid;place-items:center;transition:transform .9s var(--ease)}
.svc:hover .svc-v .scene{transform:scale(1.045)}
.svc-v .num{position:absolute;left:18px;top:16px;font-size:14px;font-weight:500;z-index:2;opacity:.75}
.svc h3{font-size:clamp(1.4rem,1rem + .9vw,1.9rem);letter-spacing:-.035em;display:flex;justify-content:space-between;align-items:center;gap:12px}
.svc h3 svg{width:22px;height:22px;flex:none;transition:transform .45s var(--ease)}
.svc:hover h3 svg{transform:rotate(45deg)}
.svc p{color:var(--ink-2);margin-top:-6px;max-width:42ch}
.bg-pink{background:var(--pink)}.bg-sand{background:var(--sand)}.bg-cyan{background:var(--cyan-pale)}.bg-teal{background:var(--teal);color:#fff}.bg-night{background:var(--night);color:#fff}.bg-lilac{background:var(--lilac)}
@media (max-width:1000px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.svc-grid{grid-template-columns:1fr}}

/* ---------- Work (concepts) ---------- */
.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(16px,2vw,32px) clamp(14px,1.6vw,24px)}
.wk{grid-column:span 6;text-decoration:none;display:grid;gap:18px;align-content:start;cursor:none}
.wk.wide{grid-column:span 7}.wk.nar{grid-column:span 5}
.wk-v{position:relative;border-radius:clamp(16px,1.8vw,28px);overflow:hidden;aspect-ratio:4/3.1;container-type:inline-size;isolation:isolate}
.wk.wide .wk-v,.wk.nar .wk-v{aspect-ratio:auto;height:clamp(320px,40vw,620px)}
.wk-v .scene{font-size:calc(100cqw/72);display:grid;place-items:center;transition:transform 1s var(--ease)}
.wk:hover .wk-v .scene{transform:scale(1.04)}
.wk-v .tag{position:absolute;left:18px;top:18px;z-index:2;background:rgba(255,255,255,.85);border-color:transparent;color:var(--ink);backdrop-filter:blur(6px)}
.wk-m{display:flex;justify-content:space-between;gap:18px;align-items:start;flex-wrap:wrap}
.wk-m h3{font-size:clamp(1.3rem,1rem + .8vw,1.8rem);letter-spacing:-.035em}
.wk-m p{color:var(--ink-2);margin-top:6px}
.night .wk-m p{color:var(--night-mute)}
@media (max-width:860px){.wk,.wk.wide,.wk.nar{grid-column:1/-1;cursor:pointer}.wk.wide .wk-v,.wk.nar .wk-v{height:auto;aspect-ratio:4/3.4}}
.cursor{position:fixed;left:0;top:0;z-index:120;width:96px;height:96px;margin:-48px 0 0 -48px;border-radius:50%;background:var(--cyan);color:#04191C;display:grid;place-items:center;font-size:14px;font-weight:600;pointer-events:none;transform:scale(0);transition:transform .35s var(--ease)}
.cursor.on{transform:scale(1)}

/* ---------- Process ---------- */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--night-line)}
.step{padding:32px 28px 8px 0;display:grid;gap:14px;align-content:start;position:relative}
.step+.step{padding-left:28px;border-left:1px solid var(--night-line)}
.step .n{font-size:clamp(3rem,2rem + 3vw,5.5rem);font-weight:300;letter-spacing:-.06em;line-height:1;color:var(--cyan)}
.step h3{font-size:1.6rem;letter-spacing:-.03em}
.step p{color:var(--night-mute)}
.step .dur{font-size:14px;color:var(--night-ink);margin-top:8px}
@media (max-width:980px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step:nth-child(3){padding-left:0;border-left:0}.step{border-bottom:1px solid var(--night-line);padding-bottom:32px}}
@media (max-width:560px){.steps{grid-template-columns:1fr}.step+.step{padding-left:0;border-left:0}}

/* ---------- Who rows ---------- */
.rows{border-top:1px solid var(--line)}
.rowi{display:grid;grid-template-columns:72px minmax(0,1.1fr) minmax(0,1fr) 56px;gap:24px;align-items:center;padding-block:clamp(22px,3vw,40px);border-bottom:1px solid var(--line);text-decoration:none;position:relative;transition:padding .5s var(--ease)}
.rowi .ix{font-size:15px;color:var(--ink-3);font-variant-numeric:tabular-nums}
.rowi h3{font-size:clamp(1.9rem,1rem + 3vw,4.2rem);letter-spacing:-.05em;font-weight:500;transition:transform .5s var(--ease)}
.rowi p{color:var(--ink-2);max-width:40ch}
.rowi .ar{width:56px;height:56px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:all .4s var(--ease)}
.rowi .ar svg{width:18px;height:18px}
.rowi:hover h3{transform:translateX(14px)}
.rowi:hover .ar{background:var(--ink);color:#fff;border-color:var(--ink);transform:rotate(45deg)}
.peek{position:fixed;left:0;top:0;width:280px;aspect-ratio:4/3;border-radius:18px;pointer-events:none;z-index:110;overflow:hidden;opacity:0;transform:scale(.6) rotate(-4deg);transition:opacity .3s,transform .5s var(--ease);container-type:inline-size}
.peek.on{opacity:1;transform:scale(1) rotate(-3deg)}
.peek .scene{font-size:calc(100cqw/40);display:grid;place-items:center}
@media (max-width:820px){.rowi{grid-template-columns:40px minmax(0,1fr) 44px}.rowi p{grid-column:2/3;grid-row:2}.rowi .ar{width:44px;height:44px;grid-row:1}.peek{display:none}}

/* ---------- Promise / founders ---------- */
.prom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.pr{border-radius:24px;padding:28px;display:grid;gap:14px;align-content:space-between;min-height:300px}
.pr .ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.7)}
.pr .ic svg{width:20px;height:20px}
.pr h3{font-size:1.55rem;letter-spacing:-.035em;line-height:1.08}
.pr p{font-size:16px;opacity:.82;margin-top:8px}
.pr.bg-night .ic,.pr.bg-teal .ic{background:rgba(255,255,255,.1)}
@media (max-width:1000px){.prom{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.prom{grid-template-columns:1fr}.pr{min-height:0}}

/* ---------- Insights ---------- */
.ins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.post{text-decoration:none;display:grid;gap:16px;align-content:start;cursor:pointer;background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit}
.post-v{aspect-ratio:4/3;border-radius:22px;overflow:hidden;position:relative;display:grid;place-items:center;container-type:inline-size}
.post-v .big{font-size:22cqw;font-weight:600;letter-spacing:-.06em;line-height:.85;transition:transform .8s var(--ease)}
.post:hover .post-v .big{transform:scale(1.08) rotate(-2deg)}
.post .mt{display:flex;gap:10px;font-size:14px;color:var(--ink-2)}
.post h3{font-size:clamp(1.25rem,1rem + .6vw,1.6rem);letter-spacing:-.03em;line-height:1.12}
@media (max-width:900px){.ins{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.ins{grid-template-columns:1fr}}

/* ---------- FAQ ---------- */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
.faq h2{font-size:clamp(2.4rem,1.2rem + 4vw,5rem)}
.qa{border-bottom:1px solid var(--line)}
.qa:first-child{border-top:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 0;font-size:clamp(1.1rem,1rem + .4vw,1.35rem);font-weight:500;letter-spacing:-.02em}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{width:40px;height:40px;border-radius:50%;background:var(--soft);display:grid;place-items:center;flex:none;transition:transform .45s var(--ease),background-color .3s}
.qa summary i svg{width:16px;height:16px}
.qa[open] summary i{transform:rotate(45deg);background:var(--ink);color:#fff}
.qa p{padding:0 56px 28px 0;color:var(--ink-2);max-width:62ch}
@media (max-width:860px){.faq{grid-template-columns:1fr}}

/* ---------- Big CTA + footer ---------- */
.cta{padding-block:clamp(80px,12vw,180px) clamp(48px,6vw,80px)}
.cta .k{display:flex;gap:10px;align-items:center;color:var(--night-mute);font-size:16px}
.cta h2{font-size:clamp(4rem,1rem + 15vw,16rem);letter-spacing:-.065em;line-height:.85;font-weight:600;margin-top:24px}
.cta h2 a{text-decoration:none;display:inline-flex;align-items:center;gap:.12em}
.cta h2 a .circ{width:.62em;height:.62em;border-radius:50%;background:var(--cyan);color:#04191C;display:grid;place-items:center;transition:transform .6s var(--ease)}
.cta h2 a .circ svg{width:40%;height:40%}
.cta h2 a:hover .circ{transform:rotate(45deg) scale(1.06)}
.cta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:clamp(48px,6vw,96px);padding-top:32px;border-top:1px solid var(--night-line)}
.cta-row h4{font-size:14px;font-weight:500;color:var(--night-mute);letter-spacing:0;margin-bottom:12px}
.cta-row p,.cta-row a{font-size:clamp(1.1rem,1rem + .5vw,1.5rem);letter-spacing:-.02em;text-decoration:none}
.cta-row .copy{display:inline-flex;gap:10px;align-items:center;background:none;border:0;color:inherit;font:inherit;padding:0;cursor:pointer;text-align:left}
.cta-row .copy small{font-size:13px;color:var(--night-mute);border:1px solid var(--night-line);border-radius:999px;padding:4px 10px}
@media (max-width:760px){.cta-row{grid-template-columns:1fr}}
.foot{padding-block:28px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--night-line)}
.foot-row{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;color:var(--night-mute);font-size:14px}
.foot-row nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.foot-row nav a{text-decoration:none}.foot-row nav a:hover{color:#fff}
.giant{font-size:clamp(4rem,19vw,22rem);font-weight:700;letter-spacing:-.07em;line-height:.75;color:var(--night-2);text-align:center;padding-top:clamp(28px,4vw,56px);user-select:none;overflow:hidden;white-space:nowrap}

/* ---------- Inner pages ---------- */
.ph{padding-top:clamp(48px,7vw,120px);padding-bottom:clamp(40px,5vw,80px)}
.ph .crumb{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--ink-2);margin-bottom:28px}
.ph h1{font-size:clamp(3.4rem,1rem + 10vw,11rem);letter-spacing:-.065em;line-height:.88;font-weight:600}
.ph .sub{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:clamp(28px,4vw,56px);align-items:end}
.ph .sub p{font-size:clamp(18px,1.1rem + .3vw,22px);color:var(--ink-2);max-width:38ch}
@media (max-width:760px){.ph .sub{grid-template-columns:1fr}}
.svl{border-top:1px solid var(--line)}
.svr{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);padding-block:clamp(32px,4vw,56px);border-bottom:1px solid var(--line);align-items:start}
.svr h2{font-size:clamp(1.9rem,1rem + 2.2vw,3rem);letter-spacing:-.045em}
.svr .lead{font-size:19px;letter-spacing:-.01em}
.svr ul{display:grid;gap:10px;margin-top:20px}
.svr li{display:flex;gap:12px;color:var(--ink-2)}
.svr li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-top:.6em;flex:none}
.svr .vis{border-radius:20px;overflow:hidden;aspect-ratio:4/3;container-type:inline-size;position:relative}
.svr .vis .scene{font-size:calc(100cqw/44);display:grid;place-items:center}
@media (max-width:980px){.svr{grid-template-columns:1fr 1fr}.svr .vis{grid-column:1/-1;grid-row:1}}
@media (max-width:600px){.svr{grid-template-columns:1fr}}
.who2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.wcard{border-radius:28px;padding:clamp(24px,3vw,44px);display:grid;gap:22px;align-content:start;min-height:420px}
.wcard h2{font-size:clamp(2rem,1rem + 2.6vw,3.6rem);letter-spacing:-.05em}
.wcard .season{display:flex;gap:8px;align-items:center;font-size:15px;font-weight:500}
.wcard dl{display:grid;gap:18px;margin:auto 0 0}
.wcard dt{font-size:14px;opacity:.7}
.wcard dd{margin:4px 0 0;font-size:18px;letter-spacing:-.01em}
@media (max-width:800px){.who2{grid-template-columns:1fr}.wcard{min-height:0}}
.honest{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;border-radius:28px;padding:clamp(24px,3vw,44px);background:var(--soft)}
.honest h3{font-size:clamp(1.5rem,1rem + 1.2vw,2.2rem);letter-spacing:-.04em}
.honest p{color:var(--ink-2);margin-top:10px;max-width:60ch}
@media (max-width:760px){.honest{grid-template-columns:1fr}}
.founders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,24px)}
.fd{display:grid;gap:16px}
.fd .pic{aspect-ratio:4/4.6;border-radius:28px;position:relative;overflow:hidden;display:grid;place-items:center}
.fd .pic b{font-size:clamp(8rem,20vw,16rem);font-weight:600;letter-spacing:-.08em;line-height:.8;opacity:.9}
.fd .pic small{position:absolute;left:20px;bottom:18px;font-size:13px;opacity:.7}
.fd h3{font-size:clamp(1.6rem,1rem + 1.2vw,2.2rem);letter-spacing:-.04em}
@media (max-width:640px){.founders{grid-template-columns:1fr}}
.vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.vals div{border-top:1px solid var(--night-line);padding-top:24px;display:grid;gap:12px}
.vals .n{color:var(--cyan);font-size:15px}
.vals h3{font-size:clamp(1.5rem,1rem + 1vw,2.1rem);letter-spacing:-.04em}
.vals p{color:var(--night-mute)}
@media (max-width:800px){.vals{grid-template-columns:1fr}}
.logo-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.logo-sec .lc{background:var(--soft);border-radius:28px;aspect-ratio:1.3;display:grid;place-items:center;padding:12%}
.logo-sec .lc img{width:100%;height:auto}
@media (max-width:760px){.logo-sec{grid-template-columns:1fr}}
.article{display:none;padding:8px 0 40px}
.article.open{display:block}
.alist{border-top:1px solid var(--line)}
.ai{border-bottom:1px solid var(--line)}
.ai summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:200px minmax(0,1fr) 56px;gap:28px;align-items:center;padding-block:28px}
.ai summary::-webkit-details-marker{display:none}
.ai .thumb{aspect-ratio:4/3;border-radius:16px;display:grid;place-items:center;container-type:inline-size}
.ai .thumb b{font-size:30cqw;font-weight:600;letter-spacing:-.06em}
.ai h2{font-size:clamp(1.5rem,1rem + 1.6vw,2.6rem);letter-spacing:-.045em}
.ai .mt{font-size:14px;color:var(--ink-2);margin-bottom:10px;display:flex;gap:12px}
.ai summary p{color:var(--ink-2);margin-top:10px;max-width:60ch}
.ai .pl{width:56px;height:56px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:all .45s var(--ease)}
.ai .pl svg{width:18px;height:18px}
.ai[open] .pl{transform:rotate(45deg);background:var(--ink);color:#fff;border-color:var(--ink)}
.ai .body{padding:0 0 40px 228px;max-width:calc(228px + 68ch);display:grid;gap:14px;font-size:18px}
.ai .body ol,.ai .body ul{display:grid;gap:10px;padding-left:1.2em;list-style:decimal}
.ai .body ul{list-style:disc}
.ai .body li::marker{color:var(--cyan-deep);font-weight:600}
@media (max-width:760px){.ai summary{grid-template-columns:minmax(0,1fr) 48px}.ai .thumb{display:none}.ai .body{padding-left:0}}

/* Contact */
.ct{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(28px,5vw,80px);align-items:start}
.ct form{display:grid;gap:28px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{cursor:pointer;position:relative}
.chips input{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;pointer-events:none}
.chips span{display:inline-flex;align-items:center;height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--line);font-size:16px;transition:all .25s}
.chips label:hover span{border-color:var(--ink)}
.chips input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.chips input:focus-visible+span{outline:2px solid var(--cyan);outline-offset:3px}
.fg{display:grid;gap:8px}
.fg>label,.fg>.lab{font-size:15px;font-weight:500;color:var(--ink-2)}
.fg input,.fg textarea{font:inherit;font-size:clamp(1.15rem,1rem + .6vw,1.6rem);letter-spacing:-.02em;color:var(--ink);background:transparent;border:0;border-bottom:1.5px solid var(--line);padding:10px 0 14px;border-radius:0;width:100%;transition:border-color .25s}
.fg textarea{min-height:110px;resize:vertical}
.fg input:focus,.fg textarea:focus{outline:none;border-color:var(--ink)}
.fg input::placeholder,.fg textarea::placeholder{color:#B9C0C4}
.fg[data-bad] input{border-color:#C0392B}
.fg .er{color:#B3261E;font-size:14px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:600px){.f2{grid-template-columns:1fr}}
.ct aside{display:grid;gap:28px;position:sticky;top:110px}
.ct aside h4{font-size:14px;font-weight:500;color:var(--ink-2);letter-spacing:0;margin-bottom:8px}
.ct aside p{font-size:20px;letter-spacing:-.02em}
.done{border-radius:28px;background:var(--soft);padding:clamp(24px,3vw,40px);display:grid;gap:16px}
.done h3{font-size:clamp(1.8rem,1rem + 1.8vw,2.8rem);letter-spacing:-.045em}
.done pre{white-space:pre-wrap;word-break:break-word;font:400 15px/1.6 var(--f);background:#fff;border-radius:16px;padding:18px;margin:0;max-height:280px;overflow:auto}
@media (max-width:860px){.ct{grid-template-columns:1fr}.ct aside{position:static}}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;font-size:15px;z-index:150}
.page{animation:pgIn .7s var(--ease)}
@keyframes pgIn{from{opacity:.0;transform:translateY(14px)}to{opacity:1;transform:none}}
.page h1:focus{outline:none}

/* ---------- mobile polish ---------- */
@media (max-width:560px){
  .nav{overflow:visible!important;justify-content:space-between;margin-inline:-4px!important;gap:0!important}
  .nav>a,.dd-btn{font-size:13.5px!important;padding:10px 4px!important;gap:3px!important;letter-spacing:-.02em}
  .nav>a::after,.dd-btn::after{left:4px!important;right:4px!important}
  .dd-btn svg{width:10px!important;height:10px!important}
  .dd{position:static!important}
  .dd-panel,.dd-svc{position:fixed!important;left:12px!important;right:12px!important;top:calc(var(--hh) + 2px)!important;width:auto!important;min-width:0!important;max-height:calc(100vh - var(--hh) - 20px);overflow-y:auto}
  .vx-card{grid-template-columns:1fr!important}.vx-vs{display:none!important}
  .vx li{font-size:14.5px!important}
  .ft-cols a{display:block;padding:7px 0!important}
  .sv-jb{white-space:nowrap;font-size:11.5px!important;padding:5px 9px!important}
  .sv-tfoot{flex-wrap:wrap;gap:8px}
  .ij-step{min-height:calc(100vh - var(--hh) - 39vh - 60px)}
  .seg{position:relative}.seg::after{content:"";position:absolute;left:0;right:0;top:-12px;bottom:-14px}
}
@media (max-width:370px){
  .nav>a,.dd-btn{font-size:12.5px!important;padding:10px 3px!important}
}

/* ---------- Showreel: campaign card ---------- */
.cmp{width:44em;padding:1.8em;display:grid;gap:1.4em;text-align:left}
.cmp-h{display:flex;justify-content:space-between;align-items:center}
.cmp-h small{display:block;font-size:1em;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#007F91}
.cmp-h b{display:block;font-size:1.9em;letter-spacing:-.03em;margin-top:.15em}
.cmp-live{display:inline-flex;align-items:center;gap:.5em;font-size:1.1em;font-weight:600;color:#16794A;background:#DDF4E8;padding:.45em .9em;border-radius:2em}
.cmp-live i{width:.6em;height:.6em;border-radius:50%;background:#1E9E62;animation:cmpPing 1.6s infinite}
@keyframes cmpPing{0%{box-shadow:0 0 0 0 rgba(30,158,98,.55)}80%,100%{box-shadow:0 0 0 .55em rgba(30,158,98,0)}}
.cmp-body{display:grid;grid-template-columns:15em 1fr;gap:1.6em;align-items:center}
.cmp-map{position:relative;aspect-ratio:1;border-radius:1.2em;background:#EAF6F8;background-image:linear-gradient(rgba(0,127,145,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,127,145,.08) 1px,transparent 1px);background-size:2.5em 2.5em;overflow:hidden}
.cmp-r{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px solid rgba(0,180,204,.55);background:rgba(0,180,204,.07);transform:translate(-50%,-50%) scale(0)}
.cmp-r.r1{width:34%;height:34%}.cmp-r.r2{width:62%;height:62%}.cmp-r.r3{width:90%;height:90%;border-style:dashed}
.rs.on .cmp-r{animation:cmpRing .9s var(--ease) forwards}
.rs.on .cmp-r.r2{animation-delay:.75s}.rs.on .cmp-r.r3{animation-delay:.95s}.rs.on .cmp-r.r1{animation-delay:.55s}
@keyframes cmpRing{to{transform:translate(-50%,-50%) scale(1)}}
.cmp-pin{position:absolute;left:50%;top:50%;width:1.3em;height:1.3em;margin:-.65em 0 0 -.65em;border-radius:50%;background:#0F3A41;box-shadow:0 0 0 .35em #fff,0 0 0 .55em #00B4CC}
.cmp-map em{position:absolute;left:50%;top:calc(50% + 1.3em);transform:translateX(-50%);font-style:normal;font-size:.95em;font-weight:600;color:#0F3A41;background:#fff;padding:.2em .6em;border-radius:1em;white-space:nowrap}
.cmp-map>i{position:absolute;left:var(--x);top:var(--y);width:.8em;height:.8em;border-radius:50%;background:#B9C6CB;transform:scale(.6)}
.rs.on .cmp-map>i{animation:cmpDot .5s var(--ease) forwards;animation-delay:calc(1.3s + var(--k) * .14s)}
@keyframes cmpDot{to{background:#00B4CC;transform:scale(1);box-shadow:0 0 0 .3em rgba(0,180,204,.22)}}
.cmp-side{display:grid;gap:.55em;align-content:center}
.cmp-l{font-size:1em;font-weight:600;color:#5E666C;letter-spacing:.04em;text-transform:uppercase;margin-top:.3em}
.cmp-chips{display:flex;flex-wrap:wrap;gap:.45em}
.cmp-chips span{font-size:1.15em;font-weight:500;padding:.4em .8em;border-radius:2em;background:#F4F6F7;border:1px solid #E1E6E8;color:#14191C;opacity:0;transform:translateY(.4em)}
.rs.on .cmp-chips span{animation:cmpIn .5s var(--ease) forwards}
.rs.on .cmp-side .cmp-chips:nth-of-type(1) span{animation-delay:.7s}
.rs.on .cmp-side .cmp-chips:nth-of-type(2) span{animation-delay:1s}
@keyframes cmpIn{to{opacity:1;transform:none}}
.cmp-chips .pl{display:inline-flex;align-items:center;gap:.45em}
.cmp-chips .pl::before{content:"";width:.7em;height:.7em;border-radius:50%}
.cmp-chips .ig::before{background:linear-gradient(135deg,#F2A900,#E1306C,#7B3FE4)}
.cmp-chips .fb::before{background:#1877F2}
.cmp-chips .gg::before{background:conic-gradient(#EA4335 0 25%,#FBBC05 0 50%,#34A853 0 75%,#4285F4 0)}
.cmp-wk{display:flex;gap:.35em}
.cmp-wk span{width:2.3em;height:2.3em;border-radius:.6em;display:grid;place-items:center;font-size:1.05em;font-weight:600;background:#F4F6F7;color:#8C9499;transition:background-color .4s,color .4s}
.rs.on .cmp-wk span.on{animation:cmpDay .4s forwards}
.rs.on .cmp-wk span.on:nth-child(5){animation-delay:1.4s}.rs.on .cmp-wk span.on:nth-child(6){animation-delay:1.55s}.rs.on .cmp-wk span.on:nth-child(7){animation-delay:1.7s}
@keyframes cmpDay{to{background:#00B4CC;color:#04191C}}
.cmp-fn{display:grid;gap:.6em;border-top:1px solid #E7EAEC;padding-top:1.2em}
.cmp-bar{display:grid;grid-template-columns:11em 1fr;align-items:center;gap:1em;font-size:1.15em}
.cmp-bar span{color:#3A454C}
.cmp-bar i{display:block;height:.8em;border-radius:1em;background:#C9E9EE;width:0}
.cmp-bar.hit span{color:#0A0D0F;font-weight:600}
.cmp-bar.hit i{background:#00B4CC}
.rs.on .cmp-bar i{animation:cmpGrow 1s var(--ease) forwards;animation-delay:calc(1.9s + var(--k) * .22s)}
@keyframes cmpGrow{to{width:var(--w)}}
@media (max-width:760px){.rs-v[data-s="cmp"]{font-size:min(2.05cqw,1.12cqh)!important;align-items:start}.cmp-chips span:nth-child(3):not(.pl){display:none}.cmp{width:40em;padding:1.5em;gap:1.1em}.cmp-fn{display:none}.cmp-body{grid-template-columns:13em 1fr;gap:1.2em}}

/* outcomes: 5 services, rows fill the card height */
@media (min-width:981px){
  .oc-list{gap:9px}
  .oc-row{padding:11px 14px 11px 10px;grid-template-columns:40px minmax(0,1fr) 30px;gap:14px}
  .oc-ic{width:40px;height:40px;border-radius:11px}
  .oc-ic svg{width:18px;height:18px}
  .oc-go{width:30px;height:30px}
  .oc-row b{font-size:16px}
  .oc-row small{display:block;font-size:13px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

.ct2-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}

/* ---------- Free audit popup ---------- */
.fa{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:20px}
.fa[hidden]{display:none!important}
.fa-bg{position:absolute;inset:0;background:rgba(7,15,19,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:faFade .35s ease both}
@keyframes faFade{from{opacity:0}}
.fa-box{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);width:min(880px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.6);animation:faIn .55s var(--ease) both;outline:none}
@keyframes faIn{from{opacity:0;transform:translateY(24px) scale(.97)}}
.fa-x{position:absolute;top:14px;right:14px;z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:var(--soft);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background-color .2s,transform .3s var(--ease)}
.fa-x:hover{background:#E4E8EA;transform:rotate(90deg)}
.fa-x svg{width:18px;height:18px}
.fa-side{background:var(--night);color:#fff;padding:34px 32px;display:grid;gap:16px;align-content:start;position:relative;overflow:hidden;isolation:isolate}
.fa-side::before{content:"";position:absolute;width:420px;height:420px;right:-180px;top:-200px;border-radius:50%;background:radial-gradient(circle,rgba(0,180,204,.28),transparent 65%);z-index:-1}
.fa-tag{display:inline-flex;align-items:center;gap:8px;width:fit-content;height:30px;padding:0 12px;border-radius:999px;background:rgba(0,180,204,.14);color:#5FE3F2;font-size:13px;font-weight:600}
.fa-tag i{width:7px;height:7px;border-radius:50%;background:var(--cyan);animation:ping 2s infinite}
.fa-side h2{font-size:clamp(1.8rem,1rem + 1.8vw,2.5rem);letter-spacing:-.045em;line-height:1.02}
.fa-side h2 .serif{color:var(--cyan)}
.fa-lead{color:#B6C6CD;font-size:15px;line-height:1.5}
.fa-doc{position:relative;background:#FBFCFC;color:#14191C;border-radius:14px;padding:14px 16px 10px;overflow:hidden;box-shadow:0 20px 40px -20px rgba(0,0,0,.6)}
.fa-doc-h{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #14191C;padding-bottom:8px;margin-bottom:2px}
.fa-doc-h b{font-size:11.5px;letter-spacing:.14em}
.fa-doc-h span{font-size:11px;color:#5E666C}
.fa-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;padding:7px 0;border-bottom:1px solid #E7EAEC;opacity:.25;transition:opacity .4s}
.fa-row:last-of-type{border-bottom:0}
.fa-row em{font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px}
.fa-row em.ok{background:#DDF4E8;color:#16794A}.fa-row em.wn{background:#FCEFD6;color:#8A5A00}.fa-row em.bd{background:#F9DEDB;color:#A4271D}
.fa.on .fa-row{animation:faRow .45s var(--ease) forwards;animation-delay:calc(.55s + var(--k) * .45s)}
@keyframes faRow{to{opacity:1}}
.fa-scan{position:absolute;left:0;right:0;top:34px;height:2px;background:var(--cyan);box-shadow:0 0 12px 2px rgba(0,180,204,.6);opacity:0}
.fa.on .fa-scan{animation:faScan 1.9s .45s var(--ease) forwards}
@keyframes faScan{0%{opacity:1;transform:translateY(0)}90%{opacity:1}100%{opacity:0;transform:translateY(140px)}}
.fa-list{display:grid;gap:8px}
.fa-list li{position:relative;padding-left:26px;font-size:14px;line-height:1.4;color:#DCE5E8}
.fa-list li::before{content:"";position:absolute;left:0;top:2px;width:16px;height:16px;border-radius:50%;background:rgba(0,180,204,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%2300B4CC' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat}
.fa-main{padding:34px 32px 28px;display:grid;align-content:center}
.fa-form{display:grid;gap:12px}
.fa-step{font-size:13px;font-weight:600;color:var(--cyan-deep);letter-spacing:.02em}
.fa-fd{display:grid;gap:6px}
.fa-fd>span{font-size:14px;font-weight:500;color:var(--ink)}
.fa-fd small{color:var(--ink-3);font-weight:400}
.fa-fd input,.fa-fd select{width:100%;height:48px;border:1px solid #D9DEE1;border-radius:12px;padding:0 14px;font:400 16px var(--f);color:var(--ink);background:#fff;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.fa-fd select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%235E666C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") right 12px center/16px no-repeat;padding-right:38px}
.fa-fd input:focus,.fa-fd select:focus{outline:none;border-color:var(--cyan-deep);box-shadow:0 0 0 3px rgba(0,180,204,.18)}
.fa-fd.bad input{border-color:#D9443A;box-shadow:0 0 0 3px rgba(217,68,58,.12)}
.fa-err{min-height:0;font-size:14px;color:#B3261E}
.fa-err:empty{display:none}
.fa-go{justify-content:space-between;width:100%;margin-top:4px}
.fa-go[disabled]{opacity:.6;cursor:wait}
.fa-note{font-size:13px;color:var(--ink-2);text-align:center}
.fa-done{display:grid;gap:12px;justify-items:center;text-align:center;padding:24px 0}
.fa-done h3{font-size:1.7rem;letter-spacing:-.035em;line-height:1.1}
.fa-done h3 .serif{color:var(--cyan-deep)}
.fa-done p{color:var(--ink-2);max-width:32ch}
.fa-ok{width:72px;height:72px}
.fa-ok circle{fill:#DDF4F7;stroke:var(--cyan);stroke-width:3}
.fa-ok path{fill:none;stroke:var(--cyan-deep);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:faTick .6s .2s var(--ease) forwards}
@keyframes faTick{to{stroke-dashoffset:0}}
.fa-close2{border:1px solid var(--line);padding:0 24px}
@media (max-width:760px){
  .fa{place-items:end center;padding:0}
  .fa-box{grid-template-columns:1fr;width:100%;max-height:92dvh;border-radius:22px 22px 0 0;animation:faUp .5s var(--ease) both}
  @keyframes faUp{from{transform:translateY(100%)}}
  .fa-side{padding:24px 20px 20px;gap:10px}
  .fa-side h2{font-size:1.75rem;padding-right:44px}
  .fa-lead{font-size:14px}
  .fa-doc,.fa-list{display:none}
  .fa-main{padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px))}
  .fa-x{top:12px;right:12px;background:rgba(255,255,255,.12);color:#fff}
  .fa-form{gap:10px}
}
@media (prefers-reduced-motion:reduce){.fa-row{opacity:1}.fa-scan{display:none}}

/* ---------- Contact: success view ---------- */
.cd{display:grid;gap:14px;justify-items:start;text-align:left}
.cd-badge{position:relative;width:76px;height:76px;display:grid;place-items:center;margin-bottom:4px}
.cd-badge svg{position:relative;width:76px;height:76px;z-index:1}
.cd-badge circle{fill:#E6F7FA;stroke:var(--cyan);stroke-width:3;transform-origin:center;transform:scale(.4);opacity:0}
.cd-badge path{fill:none;stroke:var(--cyan-deep);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60}
.cd-ring{position:absolute;inset:0;border-radius:50%;border:2px solid var(--cyan);opacity:0}
.cd.go .cd-badge circle{animation:cdPop .6s cubic-bezier(.34,1.56,.64,1) forwards}
.cd.go .cd-badge path{animation:cdDraw .55s .35s var(--ease) forwards}
.cd.go .cd-ring{animation:cdRing 1.6s .45s ease-out 2}
.cd.go .cd-ring.r2{animation-delay:.85s}
@keyframes cdPop{to{transform:none;opacity:1}}
@keyframes cdDraw{to{stroke-dashoffset:0}}
@keyframes cdRing{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.7);opacity:0}}
.cd-k{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-deep)}
.cd h3{font-size:clamp(1.7rem,1rem + 1.6vw,2.4rem);letter-spacing:-.045em;line-height:1.05;max-width:20ch}
.cd h3 .serif{color:var(--cyan-deep)}
.cd-sub{color:var(--ink-2);font-size:16px}
.cd>*:not(.cd-badge){opacity:0;transform:translateY(12px)}
.cd.go>*:not(.cd-badge){animation:cdUp .7s var(--ease) forwards}
.cd.go .cd-k{animation-delay:.5s}.cd.go h3{animation-delay:.6s}.cd.go .cd-sub{animation-delay:.75s}.cd.go .cd-steps{animation-delay:.85s}.cd.go .cd-sum{animation-delay:1.9s}.cd.go .cd-acts{animation-delay:2.05s}
@keyframes cdUp{to{opacity:1;transform:none}}
.cd-steps{display:grid;gap:0;width:100%;max-width:520px;position:relative;margin-top:4px}
.cd-steps li{display:grid;grid-template-columns:30px 1fr;gap:14px;padding:0 0 18px;position:relative;opacity:0;transform:translateX(-10px)}
.cd-steps li:last-child{padding-bottom:0}
.cd-steps li::before{content:"";position:absolute;left:14px;top:30px;bottom:2px;width:2px;background:var(--line)}
.cd-steps li::after{content:"";position:absolute;left:14px;top:30px;bottom:2px;width:2px;background:var(--cyan);transform:scaleY(0);transform-origin:top}
.cd-steps li:last-child::before,.cd-steps li:last-child::after{display:none}
.cd.go .cd-steps li{animation:cdIn .55s var(--ease) forwards;animation-delay:calc(1s + var(--k) * .3s)}
.cd.go .cd-steps li.cd-y::after{animation:cdLine .7s 1.4s var(--ease) forwards}
@keyframes cdIn{to{opacity:1;transform:none}}
@keyframes cdLine{to{transform:scaleY(1)}}
.cd-steps i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--line);position:relative;z-index:1}
.cd-steps li.cd-y i{background:var(--cyan);border-color:var(--cyan)}
.cd-steps li.cd-y svg{width:16px;height:16px;fill:none;stroke:#04191C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.cd-steps li.cd-n i{border-color:var(--cyan)}
.cd-steps li.cd-n i::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--cyan);animation:ping 1.8s infinite}
.cd-steps b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.3;padding-top:4px}
.cd-steps span{display:block;font-size:14px;color:var(--ink-2);margin-top:2px;line-height:1.4}
.cd-steps li.cd-n b::after{content:"In progress";display:inline-block;margin-left:8px;vertical-align:2px;font-size:11px;font-weight:600;color:var(--cyan-deep);background:#E6F7FA;padding:2px 8px;border-radius:999px}
.cd-sum{display:flex;flex-wrap:wrap;gap:6px}
.cd-sum:empty{display:none}
.cd-sum span{font-size:13px;font-weight:500;padding:5px 11px;border-radius:999px;background:var(--soft);color:var(--ink)}
.cd-acts{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:6px}
@media (prefers-reduced-motion:reduce){.cd>*,.cd-steps li{opacity:1!important;transform:none!important}.cd-badge circle{opacity:1;transform:none}.cd-badge path{stroke-dashoffset:0}}

/* slider headlines styled as text, H1 is the first heading */
.rs-h{margin:0;text-wrap:balance}
/* homepage H1 keyword line */
.oc-kick{display:block;font:600 13px/1.2 var(--f);letter-spacing:.12em;text-transform:uppercase;color:var(--cyan-deep);margin-bottom:12px}
/* contact: call card link */
.ct2-call p a{color:inherit;text-decoration:none;font-variant-numeric:tabular-nums}
/* floating WhatsApp button */
.wa-fab{position:fixed;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:74;display:inline-flex;align-items:center;gap:8px;height:54px;padding:0 18px 0 14px;border-radius:999px;background:#1FAF5A;color:#fff;text-decoration:none;font:600 15px/1 var(--f);box-shadow:0 10px 28px -8px rgba(15,90,45,.55);transition:transform .3s var(--ease),background-color .25s}
.wa-fab svg{width:26px;height:26px}
.wa-fab:hover{background:#17964C;transform:translateY(-2px)}
@media (max-width:700px){.wa-fab{width:54px;padding:0;justify-content:center}.wa-fab span{display:none}}
.ft-soc a{display:inline-grid}
@media (min-width:701px){.ft-legal{padding-right:170px}}
@media (max-width:700px){.ft-bot{padding-bottom:78px}}

/* founder photos */
.ab2-photo{background:#E9EEF0}
.ab2-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;position:relative;z-index:1}
.ct2-av .ct2-ph{padding:0;overflow:hidden}
.ct2-av .ct2-ph img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}

/* founders: half photo, half words */
.fx{display:grid;gap:clamp(28px,4vw,56px);margin-top:8px}
.fx-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center}
.fx-flip .fx-pic{order:2}
.fx-pic{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:720/860;max-height:640px;width:100%;background:#E9EEF0;clip-path:inset(0 0 100% 0 round 28px);transition:clip-path 1.1s var(--ease)}
.fx-pic img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform 1.6s var(--ease)}
.fx-pic figcaption{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(10,13,15,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:13px;font-weight:500}
.fx-pic figcaption b{font-weight:700}
.fx-pic::after{content:"";position:absolute;inset:0;border-radius:28px;box-shadow:inset 0 0 0 1px rgba(10,13,15,.06);pointer-events:none}
.fx-nopic{background:linear-gradient(160deg,#14505B,#0A1E27);display:grid;place-items:center}
.fx-init{font-family:var(--serif);font-style:italic;font-size:clamp(120px,16vw,220px);color:rgba(255,255,255,.9);line-height:1}
.fx-soon{position:absolute;top:16px;right:16px;font-size:12px;font-weight:600;color:#9FE6EF;border:1px solid rgba(159,230,239,.4);padding:5px 10px;border-radius:999px}
.fx-say{position:relative;padding:clamp(8px,2vw,24px) 0}
.fx-mark{display:block;font-family:var(--serif);font-size:clamp(90px,10vw,140px);line-height:.6;color:var(--cyan);height:.5em}
.fx-say blockquote{margin:18px 0 0;font-size:clamp(1.45rem,1rem + 1.5vw,2.35rem);line-height:1.22;letter-spacing:-.03em;font-weight:500;color:var(--ink);text-wrap:balance}
.fx-who{margin-top:26px;display:flex;flex-direction:column;gap:3px;padding-left:16px;border-left:3px solid var(--cyan)}
.fx-who b{font-size:20px;letter-spacing:-.02em}
.fx-who span{font-size:14px;color:var(--ink-2)}
.fx-say>*{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .9s var(--ease)}
.fx-row.go .fx-pic{clip-path:inset(0 0 0 0 round 28px)}
.fx-row.go .fx-pic img{transform:none}
.fx-row.go .fx-say>*{opacity:1;transform:none}
.fx-row.go .fx-say>*:nth-child(2){transition-delay:.25s}
.fx-row.go .fx-say>*:nth-child(3){transition-delay:.45s}
@media (max-width:820px){
  .fx-row{grid-template-columns:1fr;gap:18px}
  .fx-flip .fx-pic{order:0}
  .fx-pic{max-height:460px;aspect-ratio:4/4.4}
  .fx-say blockquote{font-size:1.4rem}
}
@media (prefers-reduced-motion:reduce){.fx-pic{clip-path:none}.fx-pic img{transform:none}.fx-say>*{opacity:1;transform:none}}

/* founders: cut-out portraits on cyan circles */
.ld{position:relative;background:#0B1114;color:#fff;padding-block:clamp(64px,8vw,120px);overflow:hidden;isolation:isolate}
.ld::before{content:"";position:absolute;width:70vw;height:70vw;left:15vw;top:-45vw;border-radius:50%;background:radial-gradient(circle,rgba(0,180,204,.16),transparent 62%);z-index:-1}
.ld-head{text-align:center;max-width:760px;margin-inline:auto}
.ld-head small{display:block;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#5FE3F2}
.ld-head h2{margin-top:12px;font-size:clamp(2rem,1rem + 2.8vw,3.4rem);letter-spacing:-.045em;line-height:1.04}
.ld-head h2 .serif{color:var(--cyan)}
.ld-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.5vw,56px);margin-top:clamp(40px,5vw,72px);align-items:start}
.ld-card{text-align:center;opacity:0;transform:translateY(28px)}
.ld.go .ld-card{animation:jxup .9s var(--ease) forwards;animation-delay:calc(.15s + var(--k) * .18s)}
.ld-art{position:relative;width:min(100%,340px);margin:0 auto;aspect-ratio:1/1.18}
.ld-circle{position:absolute;left:0;right:0;bottom:0;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 26%,#5FE3F2 0,#00B4CC 46%,#007F91 100%);transform:scale(.55);opacity:0}
.ld.go .ld-circle{animation:ldPop 1s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(.25s + var(--k) * .18s)}
@keyframes ldPop{to{transform:none;opacity:1}}
.ld-ring{position:absolute;left:-5%;right:-5%;bottom:-5%;aspect-ratio:1;border-radius:50%;border:1.5px dashed rgba(95,227,242,.4);animation:abspin 32s linear infinite}
.ld-clip{position:absolute;inset:0;border-radius:0 0 50% 50%/0 0 42.37% 42.37%;overflow:hidden}
.ld-clip img{position:absolute;left:50%;bottom:0;height:97%;width:auto;max-width:none;transform:translateX(-50%) translateY(10%);opacity:0;filter:grayscale(1) contrast(1.06);transition:filter .6s ease,transform .8s var(--ease)}
.ld.go .ld-clip img{animation:ldUp 1s var(--ease) forwards;animation-delay:calc(.45s + var(--k) * .18s)}
@keyframes ldUp{to{opacity:1;transform:translateX(-50%) translateY(0)}}
.ld-card:hover .ld-clip img{filter:none}
.ld-card h3{margin-top:24px;font-size:clamp(1.3rem,1rem + .7vw,1.65rem);letter-spacing:-.025em}
.ld-role{margin-top:6px;font-size:14px;font-weight:600;color:#5FE3F2;letter-spacing:.02em}
.ld-q{margin:14px auto 0;max-width:32ch;font-size:15px;line-height:1.55;color:#B6C6CD}
.ld-note{margin:clamp(40px,5vw,64px) auto 0;max-width:60ch;text-align:center;color:#93A2A8;font-size:15px}
@media (hover:none){.ld-clip img{filter:none}}
@media (max-width:820px){.ld-grid{grid-template-columns:1fr;gap:48px}.ld-art{width:min(80%,300px)}}
@media (prefers-reduced-motion:reduce){.ld-card,.ld-circle,.ld-clip img{opacity:1;transform:none;animation:none}.ld-clip img{transform:translateX(-50%)}}
.ct2-av .ct2-ph{background:radial-gradient(circle at 32% 26%,#5FE3F2,#00B4CC 46%,#007F91)}
.ct2-av .ct2-ph img{object-fit:cover;object-position:50% 8%}

/* ---------- Pricing ---------- */
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.prc{position:relative;isolation:isolate;overflow-x:clip}
.pr-top{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,64px);align-items:center;padding-block:clamp(18px,2.2vw,30px) clamp(16px,1.8vw,22px)}
.pr-top h1{font-size:clamp(2.1rem,1rem + 1.9vw,3.15rem);letter-spacing:-.05em;line-height:1.04;margin-top:4px}
.pr-h1a,.pr-h1b{display:block}
.pr-gst{font-family:var(--f);font-style:normal;font-size:.32em;font-weight:500;letter-spacing:0;color:var(--ink-3);vertical-align:.9em;margin-left:.3em}
.pr-per small{font-size:.86em;opacity:.8}
.pr-top h1 .serif{color:var(--cyan-deep);letter-spacing:-.02em}
.pr-hx{position:relative;display:inline-block;vertical-align:bottom;color:var(--ink);font-style:normal;font-family:var(--f);font-weight:600;letter-spacing:-.05em;padding-inline:.04em;white-space:nowrap;transition:width .45s var(--ease)}
.pr-hx-v{display:inline-block;transition:transform .32s var(--ease),opacity .32s}
.pr-hx.out .pr-hx-v{transform:translateY(-55%);opacity:0;transition-duration:.22s}
.pr-hx.pre .pr-hx-v{transform:translateY(55%);opacity:0;transition:none}
.pr-card.pr-on{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 22px 44px -30px rgba(0,127,145,.55)}
.pr-pop.pr-on{border-color:var(--cyan);box-shadow:0 0 0 1px var(--cyan),0 22px 44px -26px rgba(0,180,204,.6)}
.pr-ul{position:absolute;left:-2%;bottom:-.16em;width:104%;height:.3em;overflow:visible}
.pr-ul path{fill:none;stroke:#F2B731;stroke-width:5;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:220;stroke-dashoffset:220;animation:prUl .9s .3s cubic-bezier(.65,0,.35,1) forwards}
.pr-hx.redraw .pr-ul path{animation:none}
@keyframes prUl{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){.pr-ul path{animation:none;stroke-dashoffset:0}}
.pr-top .sv-crumb{display:none}
.pr-lead{color:var(--ink-2);font-size:16px;line-height:1.55;max-width:52ch}
.pr-side{display:grid;gap:12px;justify-items:end}
.prc.dw-on .nodw{display:none}
.pr-gift svg{width:20px;height:20px;fill:none;stroke:#3A2A00;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pr-gift{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:5px;font-size:12px;line-height:16px;font-weight:700;padding:5px 10px 5px 7px;border-radius:999px;background:#FFF1CC;color:#5A4200;white-space:nowrap;cursor:help}
.pr-gift svg{width:16px;height:16px;stroke:#5A4200}
.pr-gift::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-120%);animation:dwChip 4.5s ease-in-out infinite}
@keyframes dwChip{0%,70%{transform:translateX(-120%)}90%,100%{transform:translateX(120%)}}
.pr-pop .pr-gift::after{background:linear-gradient(105deg,transparent 35%,rgba(255,214,107,.35) 50%,transparent 65%)}
.pr-pop .pr-gift{background:rgba(242,169,0,.18);color:#FFD66B}.pr-pop .pr-gift svg{stroke:#FFD66B}
.pr-seg-w{display:none}
.pr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);align-items:stretch;padding-top:12px}
.pr-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(20px,1.9vw,28px);transition:border-color .25s,box-shadow .25s}
.pr-card:hover{border-color:#C9D3D6;box-shadow:0 18px 40px -28px rgba(10,13,15,.3)}
.pr-card header{display:flex;align-items:center;justify-content:space-between;gap:10px;height:28px}
.pr-card header h3{font-size:22px;letter-spacing:-.035em}
.pr-tag{margin-top:4px;color:var(--ink-2);font-size:14.5px}
.pr-price{display:flex;align-items:baseline;gap:3px;margin-top:12px}
.pr-cur{font-size:22px;font-weight:500;align-self:flex-start;margin-top:6px}
.pr-price b{font-size:clamp(2.3rem,1.5rem + 1.3vw,3rem);font-weight:600;letter-spacing:-.055em;line-height:1;font-variant-numeric:tabular-nums}
.pr-per{font-size:14.5px;color:var(--ink-2);margin-left:4px}
.pr-lh{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--cyan-deep)}
.pr-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px;font-size:14.5px;line-height:1.4}
.pr-list li{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start}
.pr-list svg{width:18px;height:18px;padding:3px;margin-top:1px;border-radius:50%;background:var(--cyan-pale);fill:none;stroke:var(--cyan-deep);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.pr-yes svg{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--cyan-pale);fill:none;stroke:var(--cyan-deep);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.pr-cta{margin-top:auto;justify-content:space-between;width:100%;min-height:48px}
.pr-list{margin-bottom:16px}
.pr-pop{background:var(--night);color:var(--night-ink);border-color:var(--night)}
.pr-pop:hover{border-color:var(--cyan-deep);box-shadow:0 18px 40px -24px rgba(0,127,145,.55)}
.pr-pop .pr-tag,.pr-pop .pr-per{color:var(--night-mute)}
.pr-pop .pr-lh{border-color:var(--night-line);color:#5FE3F2}
.pr-pop .pr-list svg{background:rgba(0,180,204,.2);stroke:#5FE3F2}
.pr-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--cyan);color:#04191C;font-size:12px;line-height:16px;font-weight:700;letter-spacing:.02em;padding:5px 12px;border-radius:999px;white-space:nowrap}
.pr-card:target,.pr-card:focus-within{outline:none}
.pr-cus-w{margin-top:clamp(12px,1.4vw,20px)}
.pr-cus{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.7fr) auto;gap:clamp(16px,2.4vw,36px);align-items:center;padding:clamp(18px,1.8vw,26px) clamp(20px,2.2vw,30px);border-radius:24px;
  background:linear-gradient(120deg,var(--cyan-pale),#F4FBFC 55%,#fff);border:1px solid #BFE6EC}
.pr-cus-k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-deep)}
.pr-cus h3{margin-top:6px;font-size:clamp(1.5rem,1rem + 1vw,2rem);letter-spacing:-.045em;line-height:1.05}
.pr-cus h3 .serif{color:var(--cyan-deep)}
.pr-cus-a p{margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.pr-chips{display:flex;flex-wrap:wrap;gap:6px}
.pr-chips button{font:500 13.5px/1 var(--f);color:var(--ink);background:#fff;border:1px solid #CFE3E7;border-radius:999px;padding:8px 12px;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.pr-chips button:hover{border-color:var(--cyan-deep)}
.pr-chips button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.pr-chips button:focus-visible{outline:2px solid var(--cyan-deep);outline-offset:2px}
.pr-mix{margin-top:10px;font-size:14.5px;line-height:1.5;color:var(--ink-2);min-height:3em}
.pr-mix b{color:var(--ink);font-weight:600}
.pr-mix.sw{animation:prMix .35s var(--ease)}
@keyframes prMix{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pr-cus-c{display:grid;gap:10px;justify-items:start;min-width:220px}
.pr-cus-p{font-size:15px;font-weight:600;letter-spacing:-.01em}
.pr-cus-cta{margin-top:0}
.pr-note{margin-top:16px;text-align:center;font-size:14px;color:var(--ink-3)}
.pr-cmp{padding-top:clamp(48px,6vw,88px)}
.pr-tw{overflow-x:auto;border:1px solid var(--line);border-radius:24px;background:#fff;-webkit-overflow-scrolling:touch}
.pr-tw:focus-visible{outline:2px solid var(--cyan-deep);outline-offset:3px}
.pr-tbl{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.pr-tbl th,.pr-tbl td{padding:15px 18px;text-align:center;border-bottom:1px solid var(--line)}
.pr-tbl tbody tr:last-child>*{border-bottom:0}
.pr-tbl thead th{font-size:17px;font-weight:600;letter-spacing:-.02em;padding-block:20px;vertical-align:bottom}
.pr-tbl thead th small{display:block;margin-top:4px;font-size:13px;font-weight:500;color:var(--ink-2)}
.pr-tbl tbody th{text-align:left;font-weight:500;color:var(--ink);position:sticky;left:0;background:#fff;z-index:1}
.pr-tbl td{color:var(--ink-2)}
.pr-tbl .pr-hp,.pr-tbl td:nth-child(3){background:rgba(0,180,204,.07)}
.pr-tbl .pr-hp{color:var(--cyan-deep)}
.pr-tbl tbody tr:hover>*{background-color:#FAFBFB}.pr-tbl tbody tr:hover>td:nth-child(3){background:rgba(0,180,204,.11)}
.pr-yes{display:inline-grid}.pr-no{color:var(--ink-3)}
.pr-know{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);padding-top:clamp(28px,4vw,48px)}
.pr-k{padding:24px;border-radius:22px;background:var(--soft)}
.pr-k b{font-size:17px;letter-spacing:-.02em}.pr-k p{margin-top:8px;font-size:15px;line-height:1.55;color:var(--ink-2)}
.pr-end-w{padding-bottom:clamp(48px,6vw,96px)}
.pr-end{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:28px;align-items:center;padding:clamp(28px,4vw,56px);border-radius:32px;background:var(--night);color:var(--night-ink);position:relative;overflow:hidden;isolation:isolate}
.pr-end::before{content:"";position:absolute;z-index:-1;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(0,180,204,.35),transparent)}
.pr-end h2{font-size:clamp(1.8rem,1rem + 2.2vw,3rem);letter-spacing:-.05em;line-height:1.05}
.pr-end h2 .serif{color:#5FE3F2}
.pr-end p{margin-top:12px;color:var(--night-mute);max-width:52ch}
.pr-end-a{display:grid;gap:14px;justify-items:center}
.pr-wa{color:var(--night-ink);font-size:15px;font-weight:500;text-underline-offset:4px}
@media (min-width:1021px) and (max-height:700px){.pr-top{padding-block:14px 16px}.pr-top h1{font-size:clamp(2.1rem,1rem + 1.8vw,2.9rem)}.pr-card{padding:18px 22px}.pr-list{gap:5px}.pr-lh{margin-top:12px;padding-top:10px}.pr-price{margin-top:8px}}
@media (min-width:1021px) and (max-width:1150px){.pr-card{padding:18px}.pr-list{font-size:13.5px}.pr-tag{font-size:13.5px}}
@media (max-width:1100px){.pr-cus{grid-template-columns:1fr 1.4fr}.pr-cus-c{grid-column:1/-1;grid-template-columns:auto auto 1fr;align-items:center;justify-items:start}.pr-cus-cta{justify-self:end;width:auto}}
@media (max-width:700px){.pr-cus{grid-template-columns:1fr}.pr-cus-c{grid-template-columns:1fr}.pr-cus-cta{justify-self:stretch;width:100%}}
@media (max-width:1020px){.pr-top{grid-template-columns:1fr;align-items:start}.pr-side{justify-items:start}.pr-know{grid-template-columns:1fr}.pr-end{grid-template-columns:1fr}.pr-end-a{justify-items:start}}
@media (max-width:860px){
  .pr-seg-w{display:block;padding-bottom:14px}
  .pr-seg{display:grid;grid-template-columns:repeat(3,1fr);padding:4px;border-radius:999px;background:var(--soft);border:1px solid var(--line)}
  .pr-seg button{font:600 15px/1 var(--f);color:var(--ink-2);background:none;border:0;border-radius:999px;padding:12px 6px;cursor:pointer;transition:background-color .2s,color .2s}
  .pr-seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
  .pr-seg button:focus-visible{outline:2px solid var(--cyan-deep);outline-offset:2px}
  .pr-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:4px;scroll-padding-inline:max(clamp(20px,4vw,56px),env(safe-area-inset-left,0px))}
  .pr-grid::-webkit-scrollbar{display:none}
  .pr-card{flex:0 0 min(86%,420px);scroll-snap-align:center}
  .pr-grid{padding-top:14px}
}
@media (max-width:560px){.nav>a:first-child{display:none}.pr-top{padding-block:12px 12px}.pr-top .sv-crumb,.pr-lead{display:none}.pr-top{gap:10px}.pr-seg button{padding:9px 6px!important;font-size:14.5px}.pr-top h1{font-size:1.72rem}.pr-seg-w{padding-bottom:10px}.pr-seg button{padding:10px 6px}.pr-card{padding:18px 18px;flex-basis:91%}.pr-price{margin-top:6px}.pr-list{font-size:14px;gap:5px;margin-bottom:14px}.pr-lh{margin-top:10px;padding-top:9px}.pr-cta{min-height:46px;padding-block:4px}.pr-tbl th,.pr-tbl td{padding:12px 12px}.pr-tbl{font-size:14px}}
@media (max-width:640px){.pr-tbl{min-width:0;table-layout:fixed;font-size:13.5px}.pr-tbl tbody th{width:40%;position:static}.pr-tbl th,.pr-tbl td{padding:12px 6px}.pr-tbl tbody th{padding-left:14px}.pr-tbl thead th{font-size:15px;padding-block:16px}.pr-tbl thead th small{font-size:11.5px}.pr-tbl thead th small span{display:block}.pr-tbl thead th:first-child{width:40%}}
@media (max-width:430px){.pr-card .pr-tag{display:none}}
@media (max-width:380px){.pr-tbl th,.pr-tbl td{padding:11px 3px}.pr-tbl tbody th{padding-left:12px}.pr-tbl{font-size:12.5px}}

.pr-cus-w{margin-top:clamp(14px,1.6vw,22px)}
.xpb{--xpb-ink:#EAF7F9;--xpb-mute:#A9C6CC;--xpb-line:rgba(160,225,235,.18);position:relative;isolation:isolate;overflow:hidden;border-radius:28px;color:var(--xpb-ink);
  background:linear-gradient(135deg,#0C2F35 0%,#0A2227 55%,#0B1B1F 100%);border:1px solid rgba(0,180,204,.28);box-shadow:0 30px 70px -45px rgba(0,127,145,.8)}
.xpb-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.xpb-bg i{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:xpbBlob 14s ease-in-out infinite alternate}
.xpb-bg .b1{width:420px;height:420px;left:-120px;top:-180px;background:#00B4CC;opacity:.32}
.xpb-bg .b2{width:360px;height:360px;right:-80px;bottom:-200px;background:#F2B731;opacity:.22;animation-duration:17s}
.xpb-bg .b3{width:300px;height:300px;left:45%;top:30%;background:#1E7B8A;opacity:.3;animation-duration:20s}
.xpb-bg::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px);background-size:22px 22px;-webkit-mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent)}
@keyframes xpbBlob{0%{transform:translate(0,0) scale(1)}50%{transform:translate(60px,30px) scale(1.12)}100%{transform:translate(-40px,50px) scale(.95)}}
.xpb-top{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);gap:clamp(20px,3.5vw,56px);align-items:center;padding:clamp(22px,2.6vw,38px) clamp(20px,2.8vw,40px)}
.xpb-k{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5FE3F2}
.xpb-k i{width:8px;height:8px;border-radius:50%;background:#5FE3F2;animation:xpbPing 1.8s ease-out infinite}
@keyframes xpbPing{0%{box-shadow:0 0 0 0 rgba(95,227,242,.6)}100%{box-shadow:0 0 0 10px rgba(95,227,242,0)}}
.xpb h3{margin-top:10px;font-size:clamp(1.8rem,1rem + 1.7vw,2.7rem);letter-spacing:-.045em;line-height:1.06;color:#fff}
.xpb h3 .serif{color:#5FE3F2;letter-spacing:-.02em}
.xpb-rot{display:inline-block;position:relative;vertical-align:bottom;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.xpb-w{display:inline-block;transition:transform .45s var(--ease),opacity .3s}
.xpb-rot.out .xpb-w{transform:translateY(-100%);opacity:0}
.xpb-rot.pre .xpb-w{transform:translateY(100%);opacity:0;transition:none}
.xpb-a>p{margin-top:12px;font-size:15px;line-height:1.55;color:var(--xpb-mute);max-width:46ch}
.xpb-dw{margin-top:18px;display:inline-flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:16px;position:relative;overflow:hidden;
  background:linear-gradient(100deg,rgba(242,183,49,.22),rgba(242,183,49,.08));border:1px solid rgba(242,183,49,.5);box-shadow:0 0 0 0 rgba(242,183,49,.5);animation:xpbGlow 2.8s ease-in-out infinite}
.xpb-dw::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,236,170,.35) 50%,transparent 65%);transform:translateX(-120%);animation:dwChip 4s ease-in-out infinite}
@keyframes xpbGlow{0%,100%{box-shadow:0 0 0 0 rgba(242,183,49,0)}50%{box-shadow:0 0 26px -2px rgba(242,183,49,.45)}}
.xpb-dw-g{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(0,0,0,.25);font-size:12px}
.xpb-dw-g .dwx-gift{margin-top:.4em}
.xpb-dw b{display:block;font-size:15px;color:#FFF3D1}
.xpb-dw small{display:block;font-size:12.5px;color:#E7CF8E;margin-top:2px}
.xpb-chips{display:flex;flex-wrap:wrap;gap:7px}
.xpb-chip{position:relative;font:500 14px/1 var(--f);color:var(--xpb-ink);background:rgba(255,255,255,.06);border:1px solid var(--xpb-line);border-radius:999px;padding:10px 14px;cursor:pointer;
  transition:background-color .25s,color .25s,border-color .25s,transform .25s var(--ease)}
.xpb-chip:hover{border-color:rgba(95,227,242,.6);transform:translateY(-2px)}
.xpb-chip[aria-pressed="true"]{background:#5FE3F2;color:#04191C;border-color:#5FE3F2;box-shadow:0 8px 22px -10px rgba(95,227,242,.8)}
.xpb-chip:focus-visible{outline:2px solid #FFE08A;outline-offset:2px}
.xpb-mix{margin-top:14px;font-size:15px;line-height:1.55;color:var(--xpb-mute);min-height:3.1em}
.xpb-mix b{color:#fff;font-weight:600}
.xpb-mix.sw{animation:prMix .4s var(--ease)}
.xpb-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;min-height:66px;align-content:flex-start}
.xpb-pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;padding:6px 11px 6px 9px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--xpb-line);color:#DDF4F7;
  opacity:0;transform:translateY(8px) scale(.9);animation:xpbPop .45s var(--ease) forwards;animation-delay:calc(var(--k) * 55ms)}
.xpb-pill i{width:7px;height:7px;border-radius:50%;background:var(--gc)}
@keyframes xpbPop{to{opacity:1;transform:none}}
.g-soc{--gc:#FF8FA3}.g-seo{--gc:#5FE3F2}.g-ads{--gc:#FFB347}.g-web{--gc:#B9A8FF}.g-con{--gc:#8BE39A}
.xpb-act{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:18px}
.xpb-price{font-size:14px;color:var(--xpb-mute)}
.xpb-open[aria-expanded="true"] i{transform:rotate(90deg)}
/* builder */
.xpb-bw{border-top:1px solid var(--xpb-line);background:rgba(4,20,24,.35);animation:xpbIn .5s var(--ease)}
@keyframes xpbIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.xpb-f{padding:clamp(20px,2.6vw,36px) clamp(20px,2.8vw,40px)}
.xpb-steps{list-style:none;margin:0;padding:0;display:flex;gap:clamp(12px,3vw,40px);font-size:14px;color:var(--xpb-mute)}
.xpb-steps li{display:flex;align-items:center;gap:8px;transition:color .3s}
.xpb-steps b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid var(--xpb-line);font-size:13px;transition:background-color .3s,color .3s,border-color .3s}
.xpb-steps li.on{color:#fff}.xpb-steps li.on b{background:#5FE3F2;border-color:#5FE3F2;color:#04191C}
.xpb-steps li.dn b{background:rgba(95,227,242,.2);border-color:transparent;color:#5FE3F2}
.xpb-bar{height:3px;border-radius:3px;background:rgba(255,255,255,.08);margin-top:14px;overflow:hidden}
.xpb-bar i{display:block;height:100%;width:33.3%;background:linear-gradient(90deg,#5FE3F2,#F2B731);border-radius:inherit;transition:width .6s var(--ease)}
.xpb-s{margin-top:22px;animation:xpbIn .45s var(--ease)}
.xpb-sh h4{font-size:clamp(1.25rem,1rem + .6vw,1.6rem);letter-spacing:-.03em;color:#fff}
.xpb-sh p{margin-top:6px;font-size:14.5px;color:var(--xpb-mute)}.xpb-sh p b{color:#fff;font-weight:600}
.xpb-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:18px}
.xpb-grp{border:0;margin:0;padding:0;min-width:0}
.xpb-grp legend{padding:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gc);margin-bottom:8px}
.xpb-grp>div{display:grid;gap:7px}
.xpb-tile{position:relative;display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:center;padding:10px 11px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid var(--xpb-line);cursor:pointer;
  font-size:14px;line-height:1.3;transition:background-color .2s,border-color .2s,transform .2s var(--ease)}
.xpb-tile:hover{border-color:rgba(95,227,242,.5);transform:translateY(-1px)}
.xpb-tile input{position:absolute;opacity:0;pointer-events:none}
.xpb-box{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;border:1.5px solid rgba(255,255,255,.35);transition:background-color .2s,border-color .2s}
.xpb-box svg{width:14px;height:14px;fill:none;stroke:#04191C;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .3s var(--ease)}
.xpb-tile input:checked~.xpb-box{background:var(--gc);border-color:var(--gc)}
.xpb-tile input:checked~.xpb-box svg{stroke-dashoffset:0}
.xpb-tile:has(input:checked){background:rgba(255,255,255,.1);border-color:color-mix(in srgb,var(--gc) 60%,transparent)}
.xpb-tile input:focus-visible~.xpb-box{outline:2px solid #FFE08A;outline-offset:2px}
.xpb-tile em{display:none;grid-column:2;font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFE08A;margin-top:-2px}
.xpb-tile.rec em{display:block}
.xpb-nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:22px}
.xpb-nav .btn{margin-left:auto}
.xpb-count{font-size:15px;color:var(--xpb-mute)}.xpb-count b{display:inline-block;color:#fff;font-size:18px;min-width:1.2em}
.xpb-count b.bump{animation:xpbBump .35s var(--ease)}
@keyframes xpbBump{50%{transform:scale(1.35);color:#5FE3F2}}
.xpb-err{font-size:14px;color:#FF9C8F;min-height:0}
.xpb-back{background:none;border:1px solid var(--xpb-line);color:var(--xpb-ink);border-radius:999px;padding:12px 18px;font:500 15px var(--f);cursor:pointer}
.xpb-back:hover{border-color:#5FE3F2}
.xpb-sum{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.xpb-sum .xpb-pill{animation:none;opacity:1;transform:none}
.xpb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin-top:18px}
.xpb-fd{display:grid;gap:7px;font-size:13.5px;font-weight:500;color:#DDF4F7}
.xpb-fd small{font-weight:400;color:var(--xpb-mute)}
.xpb-wide{grid-column:1/-1}
.xpb-fd input{font:400 16px var(--f);color:#fff;background:rgba(255,255,255,.06);border:1px solid var(--xpb-line);border-radius:12px;padding:13px 14px;outline:none;transition:border-color .2s,background-color .2s;min-width:0}
.xpb-fd input::placeholder{color:rgba(169,198,204,.6)}
.xpb-fd input:focus{border-color:#5FE3F2;background:rgba(255,255,255,.09)}
.xpb-fd input.bad{border-color:#FF9C8F}
.xpb-opts{display:flex;flex-wrap:wrap;gap:7px}
.xpb-opt{position:relative;cursor:pointer}
.xpb-opt input{position:absolute;opacity:0}
.xpb-opt span{display:inline-block;font-size:14px;padding:9px 13px;border-radius:999px;border:1px solid var(--xpb-line);background:rgba(255,255,255,.05);transition:background-color .2s,color .2s,border-color .2s}
.xpb-opt input:checked+span{background:#fff;color:#04191C;border-color:#fff}
.xpb-opt input:focus-visible+span{outline:2px solid #FFE08A;outline-offset:2px}
.xpb-pp{margin-top:16px;font-size:13px;color:var(--xpb-mute)}.xpb-pp a{color:#5FE3F2}
.xpb-hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.xpb-send[disabled]{opacity:.6;cursor:wait}
.xpb-s3{position:relative;outline:none}
.xpb-ok{display:flex;gap:20px;align-items:flex-start;max-width:720px}
.xpb-okc{flex:none;width:64px;height:64px}
.xpb-okc circle{fill:none;stroke:#5FE3F2;stroke-width:3;stroke-dasharray:152;stroke-dashoffset:152;animation:xpbDraw .7s var(--ease) forwards}
.xpb-okc path{fill:none;stroke:#5FE3F2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:40;animation:xpbDraw .45s .55s var(--ease) forwards}
@keyframes xpbDraw{to{stroke-dashoffset:0}}
.xpb-okh{font-size:clamp(1.4rem,1rem + .8vw,1.9rem);letter-spacing:-.03em;color:#fff}
.xpb-okp{margin-top:8px;font-size:15.5px;line-height:1.6;color:#DDF4F7}
.xpb-okd{margin-top:10px;font-size:15px;color:#E7CF8E}
.xpb-oka{margin-top:14px}
.xpb-again{background:none;border:0;padding:0;font:600 15px var(--f);color:#5FE3F2;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.xpb-conf{position:absolute;inset:-30px 0 0;pointer-events:none;overflow:hidden}
.xpb-conf i{position:absolute;top:0;width:8px;height:12px;border-radius:2px;background:var(--c);opacity:0;animation:xpbConf 1.6s cubic-bezier(.2,.7,.4,1) forwards;animation-delay:var(--d)}
@keyframes xpbConf{0%{opacity:1;transform:translate(0,-10px) rotate(0)}100%{opacity:0;transform:translate(var(--x),220px) rotate(var(--r))}}
@media (max-width:1180px){.xpb-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){.xpb-top{grid-template-columns:1fr}.xpb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.xpb{border-radius:22px}.xpb-grid,.xpb-fields{grid-template-columns:1fr}.xpb-chip{font-size:13.5px;padding:9px 12px}.xpb-steps{font-size:13px}.xpb-nav .btn{width:100%;justify-content:space-between;margin-left:0}.xpb-ok{flex-direction:column;gap:12px}}
@media (prefers-reduced-motion:reduce){.xpb *,.xpb *::before,.xpb *::after{animation:none!important;transition:none!important}.xpb-pill{opacity:1;transform:none}.xpb-okc circle,.xpb-okc path{stroke-dashoffset:0}}

/* ---------- Diwali ---------- */
.dwx{--gold:#F2B731;--gold-2:#FFE08A;--ink-w:#FBF3DC;--mute-w:#D9C9A0;position:relative;overflow:hidden;isolation:isolate;color:var(--ink-w);
  background:radial-gradient(120% 160% at 0% 110%,#4A2C05 0%,rgba(74,44,5,0) 55%),radial-gradient(90% 140% at 105% -10%,#123139 0%,rgba(18,49,57,0) 60%),#0A0D0F;
  border:1px solid rgba(242,183,49,.38);box-shadow:0 24px 60px -34px rgba(242,169,0,.7),inset 0 1px 0 rgba(255,224,138,.12)}
.dwx-c{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.dwx-sh{background:linear-gradient(100deg,#F2B731 0%,#F2B731 35%,#FFF6D8 48%,#F2B731 62%,#F2B731 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:dwShine 3.8s linear infinite}
@keyframes dwShine{from{background-position:120% 0}to{background-position:-130% 0}}
/* gift box */
.dwx-gift{position:relative;flex:none;width:3.4em;height:3.4em;display:block}
.dwx-gift i{position:absolute;display:block}
.g-box{left:.42em;right:.42em;bottom:.15em;height:1.75em;border-radius:.22em;background:linear-gradient(90deg,transparent 42%,#B3261E 42%,#B3261E 58%,transparent 58%),linear-gradient(180deg,#F2B731,#C98A0B);box-shadow:inset 0 -.3em .5em rgba(0,0,0,.18);animation:dwWig 4.2s ease-in-out infinite;transform-origin:50% 100%}
.g-lid{left:.25em;right:.25em;top:1.22em;height:.52em;border-radius:.18em;background:linear-gradient(90deg,transparent 42%,#D63A2F 42%,#D63A2F 58%,transparent 58%),linear-gradient(180deg,#FFD66B,#E8A317);box-shadow:0 .08em .2em rgba(0,0,0,.25);transform-origin:12% 100%;animation:dwLid 4.2s cubic-bezier(.3,1.4,.5,1) infinite}
.g-lid::before,.g-lid::after{content:"";position:absolute;bottom:88%;left:50%;width:.58em;height:.4em;border:.12em solid #D63A2F;border-radius:50%}
.g-lid::before{transform:translateX(-96%) rotate(-24deg)}.g-lid::after{transform:translateX(-4%) rotate(24deg)}
.g-rays{left:50%;top:48%;width:5.6em;height:5.6em;margin:-2.8em 0 0 -2.8em;border-radius:50%;
  background:repeating-conic-gradient(from 0deg,rgba(255,214,107,.55) 0 8deg,rgba(255,214,107,0) 8deg 24deg);
  -webkit-mask:radial-gradient(circle,#000 18%,transparent 68%);mask:radial-gradient(circle,#000 18%,transparent 68%);opacity:0;animation:dwRays 4.2s ease-in-out infinite,dwSpin 9s linear infinite}
.g-pop{width:.32em;height:.32em;left:50%;top:40%;border-radius:50%;background:#FFE08A;box-shadow:0 0 .4em #FFC53D;opacity:0;animation:dwPop 4.2s ease-out infinite}
.g-pop.g2{background:#5FE3F2;box-shadow:0 0 .4em #5FE3F2;--x:1.3em;animation-delay:.08s}.g-pop.g1{--x:-1.2em}.g-pop.g3{background:#FF8FA3;box-shadow:0 0 .4em #FF8FA3;--x:.2em;animation-delay:.15s}
@keyframes dwWig{0%,40%,58%,100%{transform:none}44%{transform:rotate(-4deg)}48%{transform:rotate(4deg)}52%{transform:rotate(-3deg)}55%{transform:rotate(2deg)}}
@keyframes dwLid{0%,56%,100%{transform:none}64%{transform:translateY(-.75em) rotate(-18deg)}82%{transform:translateY(-.62em) rotate(-14deg)}92%{transform:none}}
@keyframes dwRays{0%,56%,100%{opacity:0}66%,84%{opacity:1}}
@keyframes dwSpin{to{rotate:360deg}}
@keyframes dwPop{0%,58%{opacity:0;transform:translate(-50%,0) scale(.4)}64%{opacity:1}86%{opacity:0;transform:translate(calc(-50% + var(--x,0px)),-1.9em) scale(1)}100%{opacity:0}}
/* diya */
.dwx-diya{position:relative;display:block;width:3.2em;height:3em}
.dwx-diya i{position:absolute;display:block}
.d-bowl{left:0;right:0;bottom:0;height:1.25em;border-radius:.2em .2em 50% 50% / .2em .2em 100% 100%;background:radial-gradient(120% 90% at 50% 0%,#E0782C 0%,#A8461A 55%,#6E2A0E 100%);box-shadow:inset 0 .14em 0 rgba(255,214,107,.6)}
.d-bowl::before{content:"";position:absolute;left:12%;right:12%;top:.42em;height:.16em;background:radial-gradient(circle,#FFD66B 0 .07em,transparent .08em) 0 50%/.4em .16em repeat-x;opacity:.9}
.d-flame{left:50%;bottom:1.05em;width:.66em;height:1.25em;margin-left:-.33em;border-radius:50% 50% 50% 50% / 62% 62% 38% 38%;
  background:radial-gradient(60% 55% at 50% 72%,#FFFBEA 0%,#FFE08A 30%,#FFAA2B 62%,rgba(255,110,0,.0) 78%);transform-origin:50% 100%;animation:dwFlick 1.3s ease-in-out infinite alternate;filter:drop-shadow(0 0 .3em rgba(255,170,40,.9))}
.d-glow{left:50%;bottom:.6em;width:3.6em;height:3.6em;margin-left:-1.8em;border-radius:50%;background:radial-gradient(circle,rgba(255,176,46,.45),rgba(255,176,46,0) 65%);animation:dwGlow 2.6s ease-in-out infinite alternate}
@keyframes dwFlick{0%{transform:scale(1,1) skewX(0)}30%{transform:scale(.94,1.06) skewX(3deg)}60%{transform:scale(1.04,.95) skewX(-3deg)}100%{transform:scale(.97,1.08) skewX(1deg)}}
@keyframes dwGlow{from{opacity:.65;transform:scale(.92)}to{opacity:1;transform:scale(1.06)}}
/* countdown */
.dwx-cd{display:flex;gap:6px}
.dwx-cd span{display:grid;justify-items:center;min-width:44px;padding:7px 5px 6px;border-radius:11px;background:rgba(255,255,255,.06);border:1px solid rgba(242,183,49,.28);backdrop-filter:blur(4px)}
.dwx-cd b{font:600 19px/1 var(--f);font-variant-numeric:tabular-nums;color:var(--gold-2);display:block}
.dwx-cd b.tk{animation:dwTick .45s var(--ease)}
.dwx-cd small{font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute-w);margin-top:4px}
@keyframes dwTick{from{transform:translateY(-45%);opacity:.2}to{transform:none;opacity:1}}
/* compact (pricing hero) */
.dwx-s{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;border-radius:20px;font-size:13px;width:100%;max-width:600px}
.dwx-s .dwx-gift{margin-top:.5em}
.dwx-t{min-width:0}
.dwx-t b{display:block;font-size:16.5px;font-weight:600;letter-spacing:-.015em;line-height:1.25}
.dwx-t p{font-size:13px;color:var(--mute-w);margin-top:3px;line-height:1.35}
.dwx-s .dwx-cd{margin-left:auto}
/* large (home) */
.dwh{padding-block:clamp(28px,4vw,56px) 0}
.dwx-l{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:clamp(20px,3vw,48px);border-radius:32px;
  padding:clamp(56px,5vw,76px) clamp(24px,4vw,64px) clamp(28px,4vw,56px)}
.dwx-lights{position:absolute;left:-1%;right:-1%;top:0;height:46px;pointer-events:none}
.dwx-lights svg{position:absolute;inset:0;width:100%;height:40px}
.dwx-lights i{position:absolute;width:7px;height:10px;margin-left:-3.5px;border-radius:50% 50% 45% 45%;background:var(--c);box-shadow:0 0 10px 2px var(--c);animation:dwBulb 2.4s ease-in-out infinite;animation-delay:var(--d)}
@keyframes dwBulb{0%,100%{opacity:1}50%{opacity:.3;box-shadow:0 0 2px 0 var(--c)}}
.dwx-kick{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold)}
.dwx-kick i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(242,183,49,.6);animation:dwPing 1.8s ease-out infinite}
@keyframes dwPing{to{box-shadow:0 0 0 10px rgba(242,183,49,0)}}
.dwx-l h2{margin-top:14px;font-size:clamp(2.1rem,1rem + 3vw,4rem);letter-spacing:-.05em;line-height:1.02;color:var(--ink-w)}
.dwx-l h2 .serif{letter-spacing:-.02em}
.dwx-l p{margin-top:16px;color:var(--mute-w);font-size:17px;line-height:1.6;max-width:52ch}
.dwx-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:26px}
.dwx-btn{background:var(--gold);color:#1A1206;font-weight:600}.dwx-btn i{background:#1A1206;color:var(--gold-2)}.dwx-btn:hover{background:#FFE08A}
.dwx-l .dwx-cd span{min-width:58px;padding:10px 6px 8px;border-radius:14px}
.dwx-l .dwx-cd b{font-size:26px}
.dwx-art{position:relative;display:grid;justify-items:center;align-content:center;gap:4px;min-height:260px}
.dwx-art .dwx-gift{font-size:clamp(34px,4.2vw,52px)}
.dwx-diyas{display:flex;gap:clamp(14px,2vw,26px);font-size:clamp(15px,1.5vw,19px);margin-top:-6px}
.dwx-diyas .dwx-diya:nth-child(2){transform:translateY(-8px)}
.dwx-diyas .dwx-diya:nth-child(2) .d-flame{animation-delay:-.5s}.dwx-diyas .dwx-diya:nth-child(3) .d-flame{animation-delay:-.9s}
@media (min-width:561px) and (max-width:1150px){.dwx-s .cd-s{display:none}}
@media (min-width:1021px) and (max-height:700px){.dwx-t p{display:none}.dwx-s{padding-block:8px}}
@media (max-width:900px){.dwx-l{grid-template-columns:1fr}.dwx-art{order:-1;min-height:0;padding-top:6px}.dwx-art .dwx-gift{font-size:34px}}
@media (max-width:560px){
  .dwx-s{gap:10px;padding:8px 10px 8px 6px;border-radius:16px;font-size:11px}
  .dwx-t b{font-size:14.5px}.dwx-t p{display:none}
  .dwx-s .cd-s{display:none}
  .dwx-s .dwx-cd{gap:4px}.dwx-s .dwx-cd span{min-width:36px;padding:5px 3px 4px;border-radius:9px}.dwx-s .dwx-cd b{font-size:15px}.dwx-s .dwx-cd small{font-size:8.5px;margin-top:2px}
  .dwx-l{border-radius:24px;padding:52px 20px 24px}.dwx-l p{font-size:15.5px}
  .dwx-l .dwx-cd span{min-width:50px}.dwx-l .dwx-cd b{font-size:21px}
  .dwx-row{gap:14px}
}
@media (prefers-reduced-motion:reduce){.dwx *,.dwx *::before,.dwx *::after{animation:none!important}.g-rays{opacity:.7}}
/* ---------- /Diwali ---------- */

/* ---------- Privacy ---------- */
.pvp-hero{padding-block:clamp(28px,4vw,56px) clamp(20px,3vw,36px);border-bottom:1px solid var(--line)}
.pvp-hero h1{font-size:clamp(2.4rem,1rem + 3.6vw,4.4rem);letter-spacing:-.055em;line-height:1}
.pvp-hero h1 .serif{color:var(--cyan-deep)}
.pvp-lead{margin-top:16px;max-width:60ch;color:var(--ink-2);font-size:17px;line-height:1.6}
.pvp-meta{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px 20px;font-size:14px;color:var(--ink-2)}
.pvp-meta a{color:var(--cyan-deep)}
.pvp-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(24px,5vw,80px);padding-block:clamp(28px,4vw,56px) clamp(48px,6vw,96px);align-items:start}
.pvp-toc{position:sticky;top:calc(var(--hh) + 24px);font-size:14px}
.pvp-toc b{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan-deep);margin-bottom:10px}
.pvp-toc ol{margin:0;padding:0 0 0 20px;display:grid;gap:7px;color:var(--ink-3);list-style:decimal}.pvp-toc li{list-style:decimal}
.pvp-toc a{color:var(--ink-2);text-decoration:none}.pvp-toc a:hover{color:var(--ink)}
.pvp-art{max-width:68ch;display:grid;gap:clamp(26px,3vw,38px)}
.pvp-s h2{font-size:clamp(1.3rem,1rem + .8vw,1.7rem);letter-spacing:-.03em;line-height:1.15;margin-bottom:10px}
.pvp-s p,.pvp-s li{font-size:16.5px;line-height:1.7;color:#2F373C}
.pvp-s p+p,.pvp-s ul+p,.pvp-s p+ul{margin-top:12px}
.pvp-s ul{margin:0;padding-left:22px;display:grid;gap:4px;list-style:disc}
.pvp-s li{list-style:disc;padding-left:2px}.pvp-s li::marker{color:var(--cyan-deep)}
.pvp-s a{color:var(--cyan-deep)}
.pvp-s code{font-size:.9em;background:var(--soft);padding:1px 6px;border-radius:6px}
.pvp-s b{color:var(--ink)}
.pv-link{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){.pvp-body{grid-template-columns:1fr}.pvp-toc{position:static;padding:16px 18px;border-radius:16px;background:var(--soft)}}
/* ---------- /Privacy ---------- */

/* footer form: inline thank-you */
.ft-ok{display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:16px;background:rgba(0,180,204,.10);border:1px solid rgba(0,180,204,.35);outline:none}
.ft-ok[hidden]{display:none}
.ft-ok svg{flex:none;width:34px;height:34px;padding:7px;border-radius:50%;background:var(--cyan);fill:none;stroke:#04191C;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.ft-ok b{display:block;font-size:16px;line-height:1.35}
.ft-ok p{margin-top:6px;font-size:14px;line-height:1.5;opacity:.8}
.ft-again{margin-top:10px;background:none;border:0;padding:0;font:inherit;font-size:14px;font-weight:600;color:var(--cyan-deep);text-decoration:underline;cursor:pointer}