/* mobile-audit-2.css */
:root{--ease:cubic-bezier(.22,.61,.24,1);--mono:ui-monospace,"SF Mono",Menlo,Monaco,Consolas,monospace;}
/* ============================================================
   WDI Mobile Ready — MagicRings hero
   ============================================================ */
.mr-hero{position:relative;background:#0B0C0E;overflow:hidden;isolation:isolate;
  min-height:clamp(460px,72vh,760px);display:grid;align-items:center;}
.mr-hero-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;cursor:crosshair;}
.mr-hero-canvas canvas{display:block;width:100%;height:100%;}
.mr-hero-veil{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(120% 110% at 50% 50%,transparent 34%,rgba(11,12,14,.62));}
.mr-hero-in{position:relative;z-index:2;pointer-events:none;text-align:center;}
.mr-hero-h{font-family:var(--font);font-size:clamp(38px,6.4vw,96px);font-weight:400;
  letter-spacing:-0.05em;line-height:.98;color:#fff;text-wrap:balance;
  opacity:0;transform:translateY(16px);animation:mrRise 1s cubic-bezier(.22,.61,.24,1) .15s forwards;}
.mr-hero-h .amp{background:linear-gradient(100deg,var(--rose-400),var(--violet-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
@keyframes mrRise{to{opacity:1;transform:none;}}
/* nav sits on the ink hero — dark-canvas recolour ported from WDI Mobile Hero Variants */
.mr-hero + *,.nvf4{position:relative;z-index:3;}
.hbnav-dark .nvf2{background:rgba(10,11,13,.6)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:saturate(140%) blur(20px);}
.hbnav-dark .nvf2 .nb-name{color:#fff!important;}
.hbnav-dark .nvf2 .nb-name span{color:#9a9a9a!important;}
.hbnav-dark .nvf2 .nb-brand b{color:#fff!important;}
.hbnav-dark .nvf2-top{color:#cfcfd2!important;}
.hbnav-dark .nvf2-top:hover,.hbnav-dark .nvf2-top.is-active,.hbnav-dark .nvf2-top.current{color:#fff!important;}
.hbnav-dark .nvf2 .nb-cta{background:var(--rose-500)!important;color:#fff!important;border-color:var(--rose-500)!important;}
.hbnav-dark .nvf2 .nb-cta:hover{background:#fff!important;color:#0B0C0E!important;border-color:#fff!important;}
/* burger: transparent plate, white bars */
.hbnav-dark .nvf2-burger,.hbnav-dark .nvf2 .nb-burger{background:transparent!important;
  border-color:rgba(255,255,255,.24)!important;}
.hbnav-dark .nvf2-burger span,.hbnav-dark .nvf2 .nb-burger span,
.hbnav-dark .nvf2-burger i,.hbnav-dark .nvf2 .nb-burger i{background:#fff!important;}
.hbnav-dark .nvf2-burger svg,.hbnav-dark .nvf2 .nb-burger svg{color:#fff!important;stroke:#fff!important;}
@media(prefers-reduced-motion:reduce){
  .mr-hero-h{opacity:1;transform:none;animation:none;}
}

/* hero copy + CTA */
.mr-hero-sub{margin:clamp(20px,2.2vw,28px) 0 0;max-width:52ch;
  font-size:clamp(16px,1.35vw,19px);font-weight:300;line-height:1.62;color:rgba(255,255,255,.82);}
.mr-hero-supp{margin:14px 0 0;max-width:58ch;
  font-size:clamp(14px,1.15vw,15.5px);font-weight:300;line-height:1.66;color:rgba(255,255,255,.58);}
.mr-hero-cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(26px,3vw,38px);
  height:50px;padding:0 28px;border-radius:999px;background:var(--rose-500);color:#fff;
  font-family:var(--font);font-size:15px;font-weight:600;letter-spacing:-0.01em;text-decoration:none;
  transition:background .3s ease,color .3s ease,transform .35s cubic-bezier(.22,.61,.24,1),box-shadow .35s ease;}
.mr-hero-cta svg{width:15px;height:15px;transition:transform .35s cubic-bezier(.22,.61,.24,1);}
.mr-hero-cta:hover{background:#fff;color:#0B0C0E;transform:translateY(-2px);box-shadow:0 16px 34px rgba(249,47,100,.34);}
.mr-hero-cta:hover svg{transform:translateX(3px);}
.mr-hero-cta:focus-visible{outline:2px solid var(--rose-400);outline-offset:4px;}
@media(prefers-reduced-motion:reduce){.mr-hero-cta,.mr-hero-cta svg{transition:none;}}

/* hero copy: centre-aligned, every element on one centred axis */
.mr-hero-in{text-align:center;display:flex;flex-direction:column;align-items:center;}
.mr-hero-h,.mr-hero-sub,.mr-hero-supp{margin-left:auto;margin-right:auto;}
.mr-hero-cta{align-self:center;}

/* ============================================================
   01 · HERO — statement headline, rule, copy + Clutch footer
   ============================================================ */
.mrh{background:#fff;padding:clamp(56px,7vw,104px) 0 clamp(44px,5vw,72px);}
.mrh-in{max-width:var(--measure,1440px);margin:0 auto;padding:0 var(--gutter,clamp(24px,4vw,64px));}
.mrh-h{font-size:clamp(46px,8.4vw,124px);font-weight:400;letter-spacing:-0.05em;line-height:.98;
  color:var(--ink,#0B0C0E);}
.mrh-rule{margin-top:clamp(34px,4.4vw,66px);height:1px;background:var(--line,#ECEDF0);}
/* footer row: copy left, Clutch right */
.mrh-foot{margin-top:clamp(26px,3vw,40px);display:grid;grid-template-columns:1fr auto;
  gap:clamp(28px,4vw,72px);align-items:start;}
.mrh-copy{max-width:82ch;}
.mrh-p1{font-size:clamp(15px,1.25vw,17.5px);font-weight:300;line-height:1.62;color:var(--ink-2,#41454C);}
.mrh-p2{margin-top:14px;font-size:clamp(14px,1.15vw,16px);font-weight:300;line-height:1.66;
  color:var(--muted,#717680);}
/* Clutch mark */
.mrh-clutch{display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:center;
  text-decoration:none;white-space:nowrap;}
.mrh-clutch-k{grid-column:1;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--muted,#717680);}
.mrh-clutch-s{grid-column:2;display:inline-flex;gap:2px;color:var(--rose-500,#F92F64);}
.mrh-clutch-s svg{width:14px;height:14px;}
.mrh-clutch-b{grid-column:1;font-size:22px;font-weight:700;letter-spacing:-0.03em;
  color:var(--ink,#0B0C0E);}
.mrh-clutch-r{grid-column:2;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--ink-2,#41454C);}
.mrh-clutch:hover .mrh-clutch-b{color:var(--rose-600,#E41252);}
.mrh-clutch:focus-visible{outline:2px solid var(--rose-500,#F92F64);outline-offset:6px;border-radius:8px;}
/* CTA */
.mrh-cta{margin-top:clamp(28px,3.4vw,44px);padding-top:clamp(24px,2.8vw,36px);
  border-top:1px solid var(--line,#ECEDF0);}
.mrh-btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 28px;border-radius:999px;
  background:var(--ink,#0B0C0E);color:#fff;font-size:14.5px;font-weight:600;letter-spacing:-0.01em;
  text-decoration:none;transition:background .3s ease,transform .35s cubic-bezier(.22,.61,.24,1),box-shadow .35s ease;}
.mrh-btn svg{width:15px;height:15px;transition:transform .35s cubic-bezier(.22,.61,.24,1);}
.mrh-btn:hover{background:var(--rose-500,#F92F64);transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(249,47,100,.3);}
.mrh-btn:hover svg{transform:translateX(3px);}
.mrh-btn:focus-visible{outline:2px solid var(--rose-500,#F92F64);outline-offset:4px;}
@media(prefers-reduced-motion:reduce){.mrh-btn,.mrh-btn svg{transition:none;}}
@media(max-width:940px){
  .mrh-foot{grid-template-columns:1fr;gap:24px;}
  .mrh-clutch{justify-self:start;}
}

/* ---- hero refinements ---- */
/* nav sits inside the white hero band */
.hbnav-dark .nvf2{background:#fff!important;border-bottom:0!important;backdrop-filter:none!important;}
.hbnav-dark .nvf2 .nb-name,.hbnav-dark .nvf2 .nb-brand b{color:var(--ink,#0B0C0E)!important;}
.hbnav-dark .nvf2 .nb-name span{color:var(--muted,#717680)!important;}
.hbnav-dark .nvf2-top{color:var(--ink-2,#41454C)!important;}
.hbnav-dark .nvf2-top:hover,.hbnav-dark .nvf2-top.is-active,
.hbnav-dark .nvf2-top.current{color:var(--ink,#0B0C0E)!important;}
.hbnav-dark .nvf2-burger,.hbnav-dark .nvf2 .nb-burger{border-color:var(--line-2,#E3E4E8)!important;}
.hbnav-dark .nvf2-burger span,.hbnav-dark .nvf2 .nb-burger span,
.hbnav-dark .nvf2-burger i,.hbnav-dark .nvf2 .nb-burger i{background:var(--ink,#0B0C0E)!important;}
.hbnav-dark .nvf2-burger svg,.hbnav-dark .nvf2 .nb-burger svg{color:var(--ink,#0B0C0E)!important;stroke:var(--ink,#0B0C0E)!important;}
/* more breathing room above the headline */
.mrh{padding-top:clamp(96px,13vw,208px);}
/* headline: no gradient */
.mrh-h{color:var(--ink,#0B0C0E);}
/* footer row: copy left, Clutch + CTA stacked right */
.mrh-foot{grid-template-columns:1fr auto;align-items:start;}
.mrh-foot .mv2-clutch{justify-self:end;}
.mrh-cta{grid-column:2;justify-self:end;margin-top:22px;padding-top:0;border-top:0;}
@media(max-width:940px){
  .mrh-foot .mv2-clutch,.mrh-cta{justify-self:start;grid-column:1;}
}

/* ============================================================
   RESPONSIVE — appended last so it wins over the base rules
   (the earlier ".mrh-foot{grid-template-columns:1fr auto}" was
   overriding the 940px media query in source order, collapsing
   the Clutch column to 0px on tablet and below)
   ============================================================ */
@media(max-width:1180px){
  .mrh{padding-top:clamp(80px,11vw,160px);}
  .mrh-copy{max-width:64ch;}
}
@media(max-width:940px){
  .mrh{padding-top:clamp(64px,9vw,120px);padding-bottom:clamp(36px,5vw,56px);}
  .mrh-foot{grid-template-columns:1fr!important;gap:28px!important;}
  .mrh-foot .mv2-clutch{justify-self:start!important;}
  .mrh-copy{max-width:none;}
  .mrh-rule{margin-top:clamp(26px,4vw,44px);}
}
@media(max-width:760px){
  .mrh{padding-top:clamp(52px,10vw,88px);}
  .mrh-h{font-size:clamp(34px,10vw,64px);line-height:1.02;letter-spacing:-0.04em;}
  .mrh-p1{font-size:16px;}
  .mrh-p2{font-size:14.5px;}
  .mv2-clutch{gap:16px;}
  .mv2-clutch-brand{font-size:20px;}
  .mv2-clutch-stars svg{width:13px;height:13px;}
}
@media(max-width:520px){
  .mrh{padding-top:44px;padding-bottom:32px;}
  /* headline breaks naturally rather than forcing a two-line split */
  .mrh-h{font-size:clamp(30px,9.4vw,44px);}
  .mrh-h br{display:none;}
  .mrh-foot{gap:22px!important;}
  .mrh-p1{font-size:15px;line-height:1.6;}
  .mrh-p2{font-size:14px;}
  /* Clutch stacks so it never crowds the edge */
  .mv2-clutch{flex-wrap:wrap;gap:10px 14px;}
}
/* utility bar: never let the contact row overflow */
@media(max-width:1080px){.nva3-tb-note{display:none;}}
@media(max-width:720px){
  .nva3-tb-in{flex-wrap:wrap;gap:6px 14px;justify-content:flex-start;}
  .nva3-tb-right{flex-wrap:wrap;gap:6px 12px;}
  .nva3-tb-sep{display:none;}
}
/* guard against any child forcing horizontal scroll */
/* clip (not hidden) and body-only: hidden on html turns it into a scroll
   container, which froze window.scrollY and killed the reveal */
body{overflow-x:clip;}
.mrh-in,.mrh-foot,.mrh-copy{min-width:0;}

/* ---- Clutch mark: rose circle cursor with diagonal arrow (ported from madv2) ---- */
.mv2-cur{position:fixed;left:0;top:0;z-index:60;width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;pointer-events:none;
  background:var(--rose-500,#F92F64);color:#fff;
  opacity:0;transform:translate(-50%,-50%) scale(.6);
  box-shadow:0 12px 30px rgba(249,47,100,.36);
  transition:opacity .28s ease,transform .38s cubic-bezier(.2,.8,.25,1);}
.mv2-cur svg{width:20px;height:20px;}
.mv2-cur.on{opacity:1;transform:translate(-50%,-50%) scale(1);}
@media(hover:none){.mv2-clutch{cursor:pointer!important;}.mv2-cur{display:none;}}
@media(prefers-reduced-motion:reduce){.mv2-cur{transition:opacity .2s ease;}}

/* ============================================================
   SHARED MEASURE — define the tokens once, then pin every
   top-level container to them. The topbar was on its own
   1300px / 5vw measure, so its content edge drifted from the
   nav and hero (9px at 924px, ~86px at 1600px).
   ============================================================ */
:root{--measure:1440px;--gutter:clamp(24px,4vw,64px);}
.nva3-tb-in{max-width:var(--measure)!important;
  padding-left:var(--gutter)!important;padding-right:var(--gutter)!important;}

/* ============================================================
   02 · PROOF — achievements + client logo wall, over a wave field
   ============================================================ */
.mrp{position:relative;background:#fff;overflow:hidden;isolation:isolate;
  padding:clamp(56px,7vw,104px) 0 clamp(48px,6vw,84px);}
/* flowing ribbon field */
}
.mrp-in{position:relative;z-index:1;max-width:var(--measure);margin:0 auto;padding:0 var(--gutter);}
/* head */
.mrp-eye{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600,#E41252);}
.mrp-eye i{width:5px;height:5px;border-radius:50%;background:var(--rose-500,#F92F64);
  box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.mrp-h{margin-top:18px;font-size:clamp(30px,3.7vw,56px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.04;color:var(--ink,#0B0C0E);max-width:20ch;text-wrap:balance;}
/* achievement strip */
.mrp-stats{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line,#ECEDF0);}
.mrp-stat{padding:clamp(24px,2.8vw,34px) clamp(16px,2vw,28px) clamp(24px,2.8vw,34px) 0;
  border-right:1px solid var(--line,#ECEDF0);}
.mrp-stat:last-child{border-right:0;}
.mrp-stat b{display:block;font-size:clamp(28px,3.2vw,46px);font-weight:300;letter-spacing:-0.05em;
  line-height:.92;color:var(--ink,#0B0C0E);
  font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;}
.mrp-stat b i{font-style:normal;color:var(--rose-500,#F92F64);}
.mrp-stat span{display:block;margin-top:12px;font-size:13.5px;font-weight:400;letter-spacing:-0.01em;
  line-height:1.45;color:var(--muted,#717680);max-width:22ch;}
/* logo wall */
.mrp-wall{margin-top:clamp(36px,4.4vw,60px);padding-top:clamp(26px,3vw,38px);
  border-top:1px solid var(--line,#ECEDF0);}
.mrp-wall-k{display:block;font-family:var(--mono,ui-monospace,Menlo,monospace);font-size:10.5px;
  font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--faint,#9AA0A8);}
.mrp-rail{margin-top:clamp(20px,2.4vw,30px);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.mrp-track{display:flex;align-items:center;gap:clamp(40px,5vw,78px);width:max-content;
  animation:mrpRun 54s linear infinite;}
.mrp-rail:hover .mrp-track{animation-play-state:paused;}
@keyframes mrpRun{to{transform:translateX(-50%);}}
.mrp-logo{flex:none;display:grid;place-items:center;}
.mrp-logo img{height:clamp(24px,2.4vw,34px);width:auto;max-width:150px;object-fit:contain;
  filter:grayscale(1);opacity:.5;transition:filter .4s ease,opacity .4s ease;}
.mrp-logo:hover img{filter:none;opacity:1;}
@media(prefers-reduced-motion:reduce){
  .mrp-track{animation:none;flex-wrap:wrap;width:auto;}
}
@media(max-width:940px){
  .mrp-stats{grid-template-columns:1fr 1fr;}
  .mrp-stat:nth-child(2n){border-right:0;}
  .mrp-stat:nth-child(-n+2){border-bottom:1px solid var(--line,#ECEDF0);}
}
@media(max-width:560px){
  .mrp-stats{grid-template-columns:1fr;}
  .mrp-stat{border-right:0;border-bottom:1px solid var(--line,#ECEDF0);padding-right:0;}
  .mrp-stat:last-child{border-bottom:0;}
  .mrp-stat span{max-width:none;}
}

/* ---- strands field (ported from the design language library) ---- */
.strands{position:relative;width:100%;height:100%;background:transparent;}
.strands canvas{display:block;width:100%;height:100%;}
.strands-fallback{position:absolute;inset:0;
  background:radial-gradient(60% 70% at 24% 46%,rgba(249,47,100,.2),transparent 66%),
             radial-gradient(56% 64% at 76% 58%,rgba(122,0,255,.18),transparent 68%);}
.mrp-strands{position:absolute;left:0;right:0;bottom:0;z-index:0;height:clamp(300px,48vw,660px);
  pointer-events:none;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 34%,#000 88%,transparent);
  mask-image:linear-gradient(180deg,transparent,#000 34%,#000 88%,transparent);}

/* ---- logo wall: larger marks, optically balanced ---- */
.mrp-rail{--h:clamp(34px,3.4vw,48px);}
.mrp-logo img{height:var(--h);max-width:210px;opacity:.55;}
/* per-logo optical correction so every mark reads at the same visual weight */
.mrp-logo img[src*="angelone"]{height:calc(var(--h) * 1.30);}
.mrp-logo img[src*="vedanta"]{height:calc(var(--h) * 1.34);}
.mrp-logo img[src*="blue-star"]{height:calc(var(--h) * 1.26);}
.mrp-logo img[src*="rpg"]{height:calc(var(--h) * 1.16);}
.mrp-logo img[src*="zinghr"]{height:calc(var(--h) * 1.02);}
.mrp-logo img[src*="dorf-ketal"]{height:calc(var(--h) * 1.12);}
.mrp-logo img[src*="gsf"]{height:calc(var(--h) * 0.92);}
.mrp-logo img[src*="regroup"]{height:calc(var(--h) * 0.96);}
.mrp-logo img[src*="simplitend"]{height:calc(var(--h) * 0.94);}
.mrp-logo img[src*="tanami"]{height:calc(var(--h) * 0.88);}
.mrp-logo img[src*="traders-circuit"]{height:calc(var(--h) * 1.06);}
.mrp-logo img[src*="good-times"]{height:calc(var(--h) * 1.10);}

/* ---- proof: logo wall leads, then a clean stat row (no boxes, no dividers) ---- */
.mrp-wall{margin-top:clamp(40px,5vw,68px);padding-top:0;border-top:0;}
.mrp-stats{margin-top:clamp(48px,6vw,86px);padding-top:clamp(34px,4vw,54px);
  border-top:1px solid var(--line,#ECEDF0);
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(26px,3.4vw,56px);}
.mrp-stat{padding:0;border:0;}
.mrp-stat b{display:block;font-size:clamp(30px,3.4vw,50px);font-weight:600;letter-spacing:-0.045em;
  line-height:1;color:var(--ink,#0B0C0E);
  font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;}
.mrp-stat b i{font-style:normal;font-weight:600;color:var(--rose-500,#F92F64);}
.mrp-stat-l{display:block;margin-top:14px;font-size:15px;font-weight:600;letter-spacing:-0.015em;
  line-height:1.3;color:var(--ink,#0B0C0E);}
.mrp-stat p{margin-top:10px;font-size:14.5px;font-weight:300;line-height:1.6;
  color:var(--muted,#717680);max-width:26ch;}
@media(max-width:940px){
  .mrp-stats{grid-template-columns:1fr 1fr;gap:32px clamp(24px,4vw,48px);}
  .mrp-stat:nth-child(2n){border-right:0;}
  .mrp-stat:nth-child(-n+2){border-bottom:0;}
}
@media(max-width:560px){
  .mrp-stats{grid-template-columns:1fr;gap:28px;}
  .mrp-stat{border-bottom:0;}
  .mrp-stat p{max-width:none;}
}

/* logo wall sits directly under the hero — no wave field, no section header */
.mrp{padding-top:clamp(30px,3.4vw,48px);}
.mrp-wall{margin-top:0;}

/* wider content: raise the shared measure and tighten the side gutter.
   Both are tokens, so nav, topbar, hero and proof all follow together. */
:root{--measure:1720px;--gutter:clamp(18px,2.2vw,40px);}

/* pull the content slightly inward from full-width */
:root{--measure:1600px;--gutter:clamp(22px,3vw,52px);}

/* ============================================================
   02 · SHOWCASE — framed still that opens to full bleed on scroll
   ============================================================ */
.sxp{position:relative;width:100%;}
.sxp-track{position:relative;width:100%;}
.sxp-stage{position:sticky;top:0;width:100%;overflow:hidden;background:#fff;}
.sxp-frame{position:absolute;inset:0;clip-path:inset(24% 33% 24% 33% round 24px);will-change:clip-path;}
.sxp-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform-origin:center;will-change:transform;user-select:none;-webkit-user-drag:none;}
.sxp-scrim{position:absolute;inset:0;pointer-events:none;opacity:0;}
@media(prefers-reduced-motion:reduce){
  
  .sxp-stage{position:relative;height:auto!important;}
  .sxp-frame{position:relative;inset:auto;clip-path:none!important;}
  .sxp-media{position:relative;transform:none!important;height:auto;}
}

/* showcase fills the viewport and shows the whole image once open */
.mrx .sxp-frame{clip-path:inset(35% 37% 35% 37% round 20px);}
/* contain so the full composition is visible at full bleed, not cropped */
@media(max-width:760px){.mrx .sxp-media{object-fit:contain;}}

/* shorter track: the reveal completes on approach, so it needs no long pinned run */
.mrx 

/* showcase: full-bleed width, one section tall (not a full viewport) */
.mrx .sxp-frame{clip-path:inset(19% 35% 19% 35% round 20px);}
@media(max-width:760px){
}



/* ============================================================
   03 · ACHIEVEMENT STRIP — centred figures over supporting lines
   ============================================================ */
.mst{background:#fff;padding:clamp(52px,6.4vw,96px) 0 clamp(48px,6vw,88px);}
.mst-in{max-width:var(--measure);margin:0 auto;padding:0 var(--gutter);
  display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(28px,3.6vw,64px);}
.mst-cell{text-align:center;}
.mst-cell b{display:block;font-size:clamp(38px,4.6vw,72px);font-weight:400;letter-spacing:-0.05em;
  line-height:1;color:var(--ink,#0B0C0E);white-space:nowrap;
  font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;}
.mst-cell b i{font-style:normal;font-weight:400;}
.mst-cell p{margin:clamp(14px,1.6vw,20px) auto 0;max-width:24ch;
  font-size:clamp(14px,1.15vw,16px);font-weight:300;line-height:1.5;color:var(--muted,#717680);}
@media(max-width:940px){
  .mst-in{grid-template-columns:1fr 1fr;gap:40px clamp(24px,4vw,48px);}
}
@media(max-width:520px){
  .mst-in{grid-template-columns:1fr;gap:32px;}
  .mst-cell b{font-size:clamp(34px,11vw,52px);}
  .mst-cell p{max-width:30ch;}
}

/* three achievements after the iOS cell was removed */
.mst-in{grid-template-columns:repeat(3,1fr);}
@media(max-width:940px){.mst-in{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.mst-in{grid-template-columns:1fr;}}

/* ---- achievement figures: SVG stroke draw, larger scale ---- */
.stx{display:block;width:100%;line-height:0;color:var(--rose-500,#F92F64);}
.stx-svg{display:block;width:100%;height:clamp(64px,8.2vw,132px);overflow:visible;}
.stx-stroke,.stx-fill{user-select:none;
  font-family:var(--font,"Figtree",system-ui,sans-serif);
  font-size:128px;font-weight:600;letter-spacing:-5px;}
.stx-fill{fill:var(--ink,#0B0C0E);}
.mst-cell p{margin-top:clamp(16px,1.9vw,26px);font-size:clamp(15px,1.25vw,17.5px);}
@media(prefers-reduced-motion:reduce){.stx-stroke tspan,.stx-fill{transition:none!important;}}
@media(max-width:520px){.stx-svg{height:clamp(58px,17vw,96px);}}

/* showcase stage — single source of truth: 16:9 governs, nothing crops */
.mrx .sxp-stage{position:sticky;top:0;height:auto;aspect-ratio:16/9;background:#fff;}
.mrx .sxp-media{object-fit:contain;background:#fff;}

/* ============================================================
   04 · CLIENT WALL — ink panel, header, two logo-tile rails
   ============================================================ */
.mcl{background:#fff;padding:0 0 clamp(40px,5vw,72px);}
.mcl-panel{position:relative;margin:0 auto;max-width:var(--measure);
  background:#0B0C0E;border-radius:28px;overflow:hidden;
  padding:clamp(44px,5.4vw,84px) 0 clamp(30px,3.6vw,52px);}
.mcl-head{text-align:center;padding:0 var(--gutter);}
.mcl-eye{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:400;
  letter-spacing:-0.01em;color:rgba(255,255,255,.72);}
.mcl-eye i{width:6px;height:6px;border-radius:50%;background:var(--rose-400,#FD3B6F);}
.mcl-h{margin:18px auto 0;max-width:19ch;font-size:clamp(26px,3.3vw,50px);font-weight:400;
  letter-spacing:-0.045em;line-height:1.1;color:#fff;text-wrap:balance;}
.mcl-btn{display:inline-flex;align-items:center;gap:14px;margin-top:clamp(22px,2.6vw,32px);
  height:46px;padding:0 8px 0 24px;border-radius:999px;
  background:var(--rose-500,#F92F64);color:#fff;font-size:14.5px;font-weight:600;
  letter-spacing:-0.01em;text-decoration:none;
  transition:background .3s ease,transform .35s cubic-bezier(.22,.61,.24,1),box-shadow .35s ease;}
.mcl-btn-ar{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;
  background:rgba(255,255,255,.22);transition:background .3s ease,transform .35s cubic-bezier(.22,.61,.24,1);}
.mcl-btn-ar svg{width:14px;height:14px;}
.mcl-btn:hover{background:#fff;color:#0B0C0E;transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.44);}
.mcl-btn:hover .mcl-btn-ar{background:var(--rose-500,#F92F64);color:#fff;transform:translate(2px,-2px);}
.mcl-btn:focus-visible{outline:2px solid #fff;outline-offset:4px;}
/* rails */
.mcl-rows{margin-top:clamp(34px,4vw,58px);display:flex;flex-direction:column;
  gap:clamp(12px,1.4vw,20px);}
.mcl-rail{overflow:hidden;}
.mcl-track{display:flex;gap:clamp(12px,1.4vw,20px);width:max-content;}
.mcl-track.a{animation:mclA 46s linear infinite;}
.mcl-track.b{animation:mclB 52s linear infinite;}
.mcl-rail:hover .mcl-track{animation-play-state:paused;}
@keyframes mclA{to{transform:translateX(-50%);}}
@keyframes mclB{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.mcl-tile{flex:none;width:clamp(190px,17vw,272px);height:clamp(96px,9vw,152px);
  display:grid;place-items:center;background:#fff;border-radius:18px;padding:0 26px;}
.mcl-tile img{max-width:100%;max-height:clamp(32px,3.4vw,52px);width:auto;object-fit:contain;}
@media(prefers-reduced-motion:reduce){.mcl-track{animation:none;}}
@media(max-width:760px){
  .mcl-panel{border-radius:20px;}
  .mcl-tile{width:150px;height:88px;padding:0 18px;}
}

/* notched top-left corner (matches the reference's cut-out step) */
.mcl-panel{border-top-left-radius:0;
  clip-path:polygon(
    0% 22%, 3% 22%, 3% 4%, 6% 0%,
    100% 0%, 100% 100%, 0% 100%);}
@supports(corner-shape:squircle){.mcl-panel{clip-path:none;}}
/* notch sits flush in the panel's top-left corner */

.mcl-panel{clip-path:none;}
/* header: left-aligned with the CTA on the same line */
.mcl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(24px,4vw,64px);
  text-align:left;padding-left:clamp(150px,16vw,260px);padding-right:var(--gutter);}
.mcl-head-l{min-width:0;}
.mcl-h{margin:16px 0 0;max-width:22ch;font-size:clamp(30px,4.1vw,66px);line-height:1.06;}
.mcl-btn{margin-top:0;flex:none;}
@media(max-width:940px){
  .mcl-head{flex-direction:column;align-items:flex-start;gap:22px;
    padding-left:var(--gutter);}
  .mcl-panel::before{display:none;}
}

/* ============================================================
   Client-panel step — rounded on all three edges of the cut:
   convex at the left section's top-left, concave at the inner
   step, convex at the riser's top-left (matches the reference)
   ============================================================ */
.mcl-panel{--nw:clamp(120px,14vw,220px);--nh:clamp(34px,3.6vw,56px);--nr:26px;}
.mcl-notch{position:absolute;left:0;top:0;z-index:2;pointer-events:none;
  width:var(--nw);height:var(--nh);background:#fff;
  border-bottom-right-radius:var(--nr);}
/* black rounds convexly beneath the notch (left section's top-left) */
.mcl-notch::before{content:"";position:absolute;left:0;top:100%;
  width:var(--nr);height:var(--nr);
  background:radial-gradient(circle at 100% 100%,transparent var(--nr),#fff calc(var(--nr) + .5px));}
/* black rounds convexly beside the notch (riser's top-left) */
.mcl-notch::after{content:"";position:absolute;left:100%;top:0;
  width:var(--nr);height:var(--nr);
  background:radial-gradient(circle at 100% 100%,transparent var(--nr),#fff calc(var(--nr) + .5px));}
@media(max-width:940px){.mcl-notch{display:none;}}

/* header block: sit further right, CTA stacked beneath the headline */
.mcl-head{flex-direction:column;align-items:flex-start;gap:clamp(20px,2.4vw,30px);
  padding-left:clamp(220px,26vw,420px);}
.mcl-head-l{max-width:26ch;}
.mcl-btn{align-self:flex-start;}
@media(max-width:940px){.mcl-head{padding-left:var(--gutter);}}

/* header sits centred-left of the panel, headline runs wide (two long lines) */
.mcl-head{padding-left:clamp(180px,30vw,520px);padding-right:clamp(24px,4vw,80px);}
.mcl-head-l{max-width:none;}
.mcl-h{max-width:30ch;font-size:clamp(28px,3.2vw,46px);line-height:1.16;}

/* headline: larger, held to two lines */
.mcl-h{font-size:clamp(32px,3.7vw,54px)!important;max-width:24ch!important;line-height:1.14!important;}

/* ============================================================
   05 · WHAT WE DO — service grid, parallaxes over the client wall
   ============================================================ */
.mws{position:relative;z-index:2;background:#0B0C0E;color:#fff;
  padding:clamp(64px,7.4vw,112px) 0 clamp(56px,6.4vw,96px);}
.mws-eye{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--rose-300);}
.mws-eye i{width:5px;height:5px;border-radius:50%;background:var(--rose-400);
  box-shadow:0 0 0 3px rgba(249,47,100,.2);}
.mws-h{margin:18px 0 0;font-size:clamp(34px,5vw,76px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.04;color:#fff;}
.mws-lead{margin:22px 0 0;max-width:74ch;font-size:clamp(15px,1.25vw,17px);font-weight:300;
  line-height:1.68;color:rgba(255,255,255,.6);}
.mws-rule{margin:clamp(30px,3.4vw,46px) 0 0;height:1px;background:rgba(255,255,255,.14);}
.mws-grid{margin-top:clamp(34px,4vw,56px);display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(30px,3.6vw,64px) clamp(30px,3.6vw,58px);}
.mws-card{position:relative;display:flex;flex-direction:column;}
.mws-n{position:absolute;top:2px;right:0;font-family:var(--mono);font-size:11px;font-weight:600;
  letter-spacing:.2em;color:rgba(255,255,255,.3);}
.mws-ic{width:52px;height:52px;display:grid;place-items:center;background:#fff;color:#0B0C0E;
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);transition:background .3s ease,color .3s ease;}
.mws-ic svg{width:24px;height:24px;}
.mws-card:hover .mws-ic{background:var(--rose-500);color:#fff;}
.mws-card h3{margin-top:clamp(20px,2.2vw,28px);font-size:clamp(20px,1.9vw,27px);font-weight:400;
  letter-spacing:-0.035em;line-height:1.14;color:#fff;max-width:18ch;}
.mws-card p{margin-top:14px;font-size:14.5px;font-weight:300;line-height:1.66;
  color:rgba(255,255,255,.58);}
.mws-go{display:inline-flex;align-items:center;gap:10px;margin-top:auto;padding-top:clamp(18px,2vw,26px);
  align-self:flex-start;font-size:14px;font-weight:500;letter-spacing:-0.01em;color:#fff;
  text-decoration:none;transition:color .3s ease,gap .3s ease;}
.mws-go span{border-bottom:1px solid rgba(255,255,255,.34);padding-bottom:3px;transition:border-color .3s ease;}
.mws-go svg{width:15px;height:15px;}
.mws-go:hover{color:var(--rose-300);gap:14px;}
.mws-go:hover span{border-color:var(--rose-400);}
.mws-go:focus-visible{outline:2px solid var(--rose-400);outline-offset:4px;}
@media(max-width:1020px){.mws-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){.mws-grid{grid-template-columns:1fr;}.mws-card h3{max-width:none;}}

/* service titles: every card holds two lines */
.mws-card h3{max-width:14ch;min-height:2.28em;}
@media(max-width:680px){.mws-card h3{max-width:14ch;}}

/* ============================================================
   06 · HOW WDI CAN HELP — parallax decision grid
   ============================================================ */
.mdg{position:relative;z-index:3;background:#fff;
  padding:clamp(64px,7.4vw,112px) 0 0;}
.mdg-head{max-width:var(--measure,1440px);margin:0 auto;padding:0 var(--gutter,clamp(24px,4vw,64px));}
.mdg-eye{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink);border:1px solid var(--line-2);border-radius:999px;padding:8px 16px;}
.mdg-h{margin:clamp(22px,2.6vw,34px) 0 0;font-size:clamp(34px,5vw,76px);font-weight:400;
  letter-spacing:-0.05em;line-height:1.02;color:var(--ink);max-width:18ch;}
.mdg-h .amp{color:var(--muted);}
.mdg-lead{margin:22px 0 0;max-width:66ch;font-size:clamp(15px,1.25vw,17px);font-weight:300;
  line-height:1.68;color:var(--muted);}
.mdg-cta{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(26px,3vw,38px);height:48px;
  padding:0 26px;border-radius:10px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  transition:background .3s ease,transform .35s var(--ease),box-shadow .35s ease;}
.mdg-cta svg{width:15px;height:15px;transition:transform .35s var(--ease);}
.mdg-cta:hover{background:var(--rose-500);transform:translateY(-2px);box-shadow:0 16px 34px rgba(249,47,100,.3);}
.mdg-cta:hover svg{transform:translateX(3px);}
.mdg-cta:focus-visible{outline:2px solid var(--rose-500);outline-offset:4px;}
/* 3 × 2 gradient blocks, edge to edge */
.mdg-grid{margin-top:clamp(48px,5.6vw,88px);display:grid;grid-template-columns:repeat(3,1fr);}
.mdg-cell{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(300px,32vw,420px);padding:clamp(28px,3vw,44px);isolation:isolate;
  transition:transform .5s var(--ease);}
.mdg-cell::before{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .5s ease;}
.mdg-cell:nth-child(1)::before{background:linear-gradient(155deg,#0B0C0E,#17121C 58%,#1B0F17);}
.mdg-cell:nth-child(2)::before{background:linear-gradient(155deg,#F5F3F5,#EFEBF2);}
.mdg-cell:nth-child(3)::before{background:linear-gradient(155deg,#FBFBFC,#F4F4F6);}
.mdg-cell:nth-child(4)::before{background:linear-gradient(155deg,#FBFBFC,#F4F4F6);}
.mdg-cell:nth-child(5)::before{background:linear-gradient(155deg,#F5F3F5,#EFEBF2);}
.mdg-cell:nth-child(6)::before{background:linear-gradient(155deg,#0B0C0E,#17121C 58%,#1B0F17);}
/* rose bloom rises on hover */
.mdg-cell::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .55s ease;
  background:radial-gradient(70% 70% at 20% 100%,rgba(249,47,100,.18),transparent 62%),
             radial-gradient(60% 60% at 90% 0%,rgba(122,0,255,.14),transparent 66%);}
.mdg-cell:hover::after{opacity:1;}
.mdg-n{position:absolute;top:clamp(24px,2.6vw,36px);right:clamp(26px,2.8vw,40px);
  font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--faint);}
.mdg-cell h3{font-size:clamp(20px,1.9vw,27px);font-weight:400;letter-spacing:-0.035em;line-height:1.12;
  color:var(--ink);max-width:16ch;}
.mdg-cell p{margin-top:12px;font-size:14.5px;font-weight:300;line-height:1.62;color:var(--muted);
  max-width:38ch;}
/* dark cells invert */
.mdg-cell:nth-child(1) h3,.mdg-cell:nth-child(6) h3{color:#fff;}
.mdg-cell:nth-child(1) p,.mdg-cell:nth-child(6) p{color:rgba(255,255,255,.6);}
.mdg-cell:nth-child(1) .mdg-n,.mdg-cell:nth-child(6) .mdg-n{color:rgba(255,255,255,.34);}
@media(max-width:1020px){.mdg-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){.mdg-grid{grid-template-columns:1fr;}.mdg-cell{min-height:240px;}}

/* light cells sit on tinted gradients — raise body copy and numerals to pass AA */
.mdg-cell:not(:nth-child(1)):not(:nth-child(6)) p{color:var(--ink-2);}
.mdg-n{font-size:12px;color:var(--muted);}
.mdg-cell:nth-child(1) .mdg-n,.mdg-cell:nth-child(6) .mdg-n{color:rgba(255,255,255,.72);}

/* ---- WDI eyebrow + button treatment ---- */
.mdg-eye{display:inline-flex!important;align-items:center;gap:9px;border:0!important;padding:0!important;
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600)!important;}
.mdg-eye i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);
  box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.mdg-h .amp{background:linear-gradient(102deg,var(--rose-600),var(--violet));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.mdg-cta{border-radius:999px!important;font-size:14.5px!important;letter-spacing:-0.01em!important;
  text-transform:none!important;}

/* ---- parallax: grid slides up over the pinned services section ---- */

.mdg{position:relative;z-index:3;border-radius:28px 28px 0 0;
  box-shadow:0 -28px 60px rgba(11,12,14,.28);}
.mdg-lip{position:absolute;left:0;right:0;top:-1px;height:28px;background:#fff;
  border-radius:28px 28px 0 0;pointer-events:none;}

/* ---- icons ---- */
.mdg-ic{width:46px;height:46px;display:grid;place-items:center;margin-bottom:auto;
  background:rgba(11,12,14,.06);color:var(--ink);border-radius:12px;
  transition:background .35s ease,color .35s ease;}
.mdg-ic svg{width:22px;height:22px;}
.mdg-cell:hover .mdg-ic{background:var(--rose-500);color:#fff;}
.mdg-cell:nth-child(1) .mdg-ic,.mdg-cell:nth-child(6) .mdg-ic{background:rgba(255,255,255,.1);color:#fff;}
.mdg-cell{justify-content:space-between;}
.mdg-body{margin-top:clamp(22px,2.4vw,32px);}

/* ---- hover CTA ---- */
.mdg-go{display:inline-flex;align-items:center;gap:9px;margin-top:16px;align-self:flex-start;
  font-size:13.5px;font-weight:600;letter-spacing:-0.01em;color:var(--rose-600);text-decoration:none;
  opacity:0;transform:translateY(8px);
  transition:opacity .4s ease,transform .45s var(--ease),gap .3s ease;}
.mdg-go svg{width:14px;height:14px;}
.mdg-cell:hover .mdg-go,.mdg-cell:focus-within .mdg-go{opacity:1;transform:none;}
.mdg-go:hover{gap:13px;}
.mdg-cell:nth-child(1) .mdg-go,.mdg-cell:nth-child(6) .mdg-go{color:var(--rose-300);}
.mdg-go:focus-visible{outline:2px solid var(--rose-500);outline-offset:3px;}
@media(hover:none){.mdg-go{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){.mdg-go{transition:none;}}

/* services must be fully readable before the decision grid rises over it:
   pin only after its content has scrolled past, not from the top */



/* the services section scrolls normally and only becomes sticky once its
   full height has been seen — the grid then rises over its final frame */
.mws-track{position:relative;}


@media(max-width:940px){
  .mws-pin{position:relative;top:auto;}
}

/* services: scroll through all six cards, then hold while the grid rises over it.
   The extra track height below the pin is the "hold" before the cover begins. */



/* the decision grid slides up over the held frame */
.mdg{position:relative;z-index:3;}
@media(max-width:940px){
  
  .mws-pin{min-height:0;display:block;}
}

/* services: fully visible first, then a hold, then the cover.
   Track = pin height + hold, so the grid is never cut off. */


/* the hold: empty space after the pinned content, before the next section covers it */

@media(max-width:940px){
  .mws-pin{position:relative;top:auto;}
  .mws::after{display:none;}
}

/* clean reveal: services scrolls fully, holds, then the grid covers it */



@media(max-width:940px){
  
  .mws-pin{position:relative;top:auto;}
}

/* pin at the hairline rule, not below the whole grid — no dead black space */




/* ---- services: normal flow ---- */






/* ============================================================
   07 · SCROLL REVEAL STATEMENT — word-by-word darkening + strands
   ============================================================ */
.mrv{position:relative;background:#fff;}
.mrv-track{position:relative;height:340vh;}
.mrv-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
  justify-content:flex-start;padding-top:clamp(48px,6vw,88px);overflow:hidden;}
.mrv-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;}
.mrv-title{font-size:clamp(19px,1.7vw,25px);font-weight:500;letter-spacing:-0.03em;
  line-height:1.24;color:var(--ink);}
.mrv-learn{display:inline-flex;align-items:center;gap:9px;flex:none;height:38px;padding:0 16px;
  border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink);
  font-size:13px;font-weight:500;letter-spacing:-0.01em;text-decoration:none;
  transition:border-color .3s ease,gap .3s ease;}
.mrv-learn svg{width:13px;height:13px;}
.mrv-learn:hover{border-color:var(--ink);gap:13px;}
/* body */
.mrv-body{margin-top:clamp(44px,6vw,96px);display:grid;
  grid-template-columns:clamp(150px,16vw,230px) 1fr;gap:clamp(20px,3vw,48px);}
.mrv-count{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.14em;color:var(--ink);border:1px solid var(--line-2);border-radius:6px;padding:5px 11px;}
.mrv-k{display:block;margin-top:16px;font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--faint);}
.mrv-copy{position:relative;}
.mrv-p{position:absolute;inset:0;font-size:clamp(26px,3.4vw,52px);font-weight:500;
  letter-spacing:-0.035em;line-height:1.2;max-width:22ch;
  opacity:0;transition:opacity .5s var(--ease);pointer-events:none;}
.mrv-p.on{opacity:1;position:relative;}
.mrv-w{color:#C9CACE;transition:color .34s ease;}
.mrv-w.lit{color:var(--ink);}
/* strands */
.mrv-strands{position:absolute;left:0;right:0;bottom:0;width:100%;height:52%;
  pointer-events:none;filter:blur(18px);opacity:.85;}
@media(prefers-reduced-motion:reduce){
  .mrv-track{height:auto;}
  .mrv-stage{position:relative;height:auto;padding-bottom:clamp(48px,6vw,88px);}
  .mrv-p{position:relative;opacity:1;}
  .mrv-w{color:var(--ink);}
  .mrv-strands{display:none;}
}
@media(max-width:940px){
  .mrv-track{height:auto;}
  .mrv-stage{position:relative;height:auto;padding-bottom:clamp(56px,7vw,96px);}
  .mrv-body{grid-template-columns:1fr;}
  .mrv-p{position:relative;opacity:1;margin-top:20px;}
  .mrv-strands{height:200px;position:relative;margin-top:30px;}
}

/* strands: more prominent */
.mrv-strands{height:62%;filter:blur(14px);opacity:1;}
/* wider measure across the page so every section reads as one site */
.wrap{max-width:1600px!important;}
.mrv-p{max-width:26ch;}
.mrv-title{font-size:clamp(20px,1.8vw,27px);}

/* glassmorphic ribbons: crisp, lightly frosted */
.mrv-strands{filter:blur(3px) saturate(1.15);opacity:1;height:66%;}

.mst-eye{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(22px,2.6vw,34px);
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600);}
.mst-eye i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);
  box-shadow:0 0 0 3px rgba(249,47,100,.16);}

/* decisions header: title left, paragraph right */
.mdg-head-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:end;}
.mdg-head-split .mdg-eye{grid-column:1;}
.mdg-head-split .mdg-h{grid-column:1;margin-top:16px;}
.mdg-head-split .mdg-lead{grid-column:2;grid-row:1 / span 2;align-self:end;margin:0;max-width:52ch;}
@media(max-width:940px){
  .mdg-head-split{grid-template-columns:1fr;gap:18px;}
  .mdg-head-split .mdg-lead{grid-column:1;grid-row:auto;}
}
/* parallax cover: services holds, decisions rises over it */






.mws-track{padding-bottom:0;}


/* compact the grid so all six cards fit one screen */










/* the cover, and everything after it, sits above the pinned section */




/* services: the site's own type scale, no viewport-driven shrinking.
   The section pins once its bottom reaches the viewport bottom, so the
   whole grid has been read before it holds and the cover begins. */
.mws-pin{position:static;padding:clamp(56px,6vw,88px) 0 clamp(48px,5.4vw,80px);}

.mws-h{font-size:clamp(34px,5vw,76px);}
.mws-lead{margin-top:22px;font-size:clamp(15px,1.25vw,17px);max-width:74ch;}
.mws-rule{margin-top:clamp(30px,3.4vw,46px);}
.mws-grid{margin-top:clamp(34px,4vw,56px);gap:clamp(30px,3.6vw,64px) clamp(30px,3.6vw,58px);}
.mws-ic{width:52px;height:52px;}
.mws-ic svg{width:24px;height:24px;}
.mws-card h3{margin-top:clamp(20px,2.2vw,28px);font-size:clamp(20px,1.9vw,27px);
  max-width:14ch;min-height:2.28em;}
.mws-card p{margin-top:14px;font-size:14.5px;line-height:1.66;}
.mws-go{padding-top:clamp(18px,2vw,26px);font-size:14px;}


/* services + decisions: normal document flow, one consistent scale */
.mws{position:relative;z-index:1;background:#0B0C0E;padding:0;}
.mws-track{padding-bottom:0;}
.mws-pin{position:static;padding:clamp(56px,6vw,88px) 0 clamp(48px,5.4vw,80px);}
.mdg{position:relative;z-index:2;border-radius:0;box-shadow:none;}

/* ============================================================
   08 · RELATED SERVICES — 2 × 3 grid, label left / copy right
   ============================================================ */
.mrs{position:relative;background:#fff;padding:clamp(64px,7.4vw,112px) 0;}
.mrs-head{display:grid;grid-template-columns:clamp(180px,20vw,300px) 1fr;
  gap:clamp(24px,4vw,72px);align-items:start;}
.mrs-eye{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--ink);border:1px solid var(--line-2);
  border-radius:999px;padding:8px 16px;}
.mrs-h{margin:0;font-size:clamp(34px,4.6vw,68px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.03;color:var(--ink);}
.mrs-lead{margin:22px 0 0;max-width:70ch;font-size:clamp(15px,1.2vw,17px);font-weight:300;
  line-height:1.68;color:var(--muted);}
/* grid */
.mrs-grid{margin-top:clamp(44px,5.2vw,80px);display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(18px,1.8vw,26px);}
.mrs-cell{position:relative;display:flex;flex-direction:column;justify-content:space-between;
  min-height:clamp(300px,30vw,384px);padding:clamp(26px,2.6vw,34px);border-radius:18px;
  background:#F4F4F5;transition:transform .5s var(--ease),background .4s ease;}
.mrs-cell:nth-child(1),.mrs-cell:nth-child(5){background:#0B0C0E;}
.mrs-cell:hover{transform:translateY(-4px);}
.mrs-ic{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;
  background:rgba(11,12,14,.06);color:var(--ink);transition:background .3s ease,color .3s ease;}
.mrs-ic svg{width:22px;height:22px;}
.mrs-cell:nth-child(1) .mrs-ic,.mrs-cell:nth-child(5) .mrs-ic{background:rgba(255,255,255,.1);color:#fff;}
.mrs-cell:hover .mrs-ic{background:var(--rose-500);color:#fff;}
.mrs-n{display:block;font-family:var(--mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;
  color:var(--faint);}
.mrs-cell h3{margin-top:12px;font-size:clamp(19px,1.8vw,25px);font-weight:500;
  letter-spacing:-0.03em;line-height:1.16;color:var(--ink);}
.mrs-cell p{margin-top:12px;font-size:14px;font-weight:300;line-height:1.62;color:var(--muted);
  max-width:34ch;}
.mrs-cell:nth-child(1) h3,.mrs-cell:nth-child(5) h3{color:#fff;}
.mrs-cell:nth-child(1) p,.mrs-cell:nth-child(5) p{color:rgba(255,255,255,.6);}
.mrs-cell:nth-child(1) .mrs-n,.mrs-cell:nth-child(5) .mrs-n{color:rgba(255,255,255,.4);}
@media(max-width:1020px){.mrs-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:760px){
  .mrs-head{grid-template-columns:1fr;gap:20px;}
  .mrs-grid{grid-template-columns:1fr;}
  .mrs-cell{min-height:0;}
}

/* eyebrow stacks above the headline; copy block sits further left */
.mrs-head{grid-template-columns:1fr!important;gap:clamp(18px,2vw,26px)!important;}
.mrs-head-r{max-width:none;}
.mrs-lead{max-width:64ch;}

/* eyebrow: compact pill, not full width */
.mrs-eye{justify-self:start;width:auto;padding:7px 14px;font-size:10.5px;}

/* decisions headline accent: no gradient */
.mdg-h .amp{background:none!important;-webkit-background-clip:border-box!important;
  background-clip:border-box!important;color:var(--muted)!important;}

/* hover pill on each related-services card */
.mrs-pill{position:absolute;left:clamp(26px,2.6vw,34px);bottom:clamp(26px,2.6vw,34px);
  display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 18px;border-radius:999px;
  background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:-0.01em;
  text-decoration:none;opacity:0;transform:translateY(8px);pointer-events:none;
  transition:opacity .38s ease,transform .42s var(--ease),background .3s ease,gap .3s ease;}
.mrs-pill svg{width:13px;height:13px;}
.mrs-cell:hover .mrs-pill,.mrs-cell:focus-within .mrs-pill{opacity:1;transform:none;pointer-events:auto;}
.mrs-pill:hover{background:var(--rose-500);gap:13px;}
.mrs-cell:nth-child(1) .mrs-pill,.mrs-cell:nth-child(5) .mrs-pill{background:#fff;color:var(--ink);}
.mrs-cell:nth-child(1) .mrs-pill:hover,.mrs-cell:nth-child(5) .mrs-pill:hover{background:var(--rose-500);color:#fff;}
.mrs-cell:hover .mrs-body{transform:translateY(-46px);}
.mrs-body{transition:transform .42s var(--ease);}
@media(hover:none){
  .mrs-pill{opacity:1;transform:none;pointer-events:auto;position:static;margin-top:18px;}
  .mrs-cell:hover .mrs-body{transform:none;}
}

/* ---- recognition band: copy left, badge right ---- */
.t02-cta-band[data-screen-label="Recognition"]{padding:clamp(44px,4.4vw,64px) 0;}
.t02-cta-band[data-screen-label="Recognition"] .t02-cta-band-in{display:grid;
  grid-template-columns:1fr 210px;gap:clamp(32px,4vw,72px);align-items:center;
  text-align:left;max-width:none;}
.t02-cta-band[data-screen-label="Recognition"] .t02-cta-band-tag{grid-column:1;justify-self:start;}
.t02-cta-band[data-screen-label="Recognition"] h2,
.t02-cta-band[data-screen-label="Recognition"] p,
.t02-cta-band[data-screen-label="Recognition"] .lp-btn{grid-column:1;justify-self:start;
  text-align:left;margin-left:0;margin-right:0;}
.t02-cta-band[data-screen-label="Recognition"] h2{max-width:34ch;}
.t02-cta-band[data-screen-label="Recognition"] p{max-width:52ch;}
.rec-badge{grid-column:2;grid-row:1 / span 4;justify-self:end;align-self:center;
  display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:210px;margin:0;
  text-decoration:none;}
.rec-badge img{width:100%;height:auto;aspect-ratio:255/250;object-fit:cover;border-radius:22.4%;
  background:#fff;box-shadow:0 14px 32px rgba(0,0,0,.42);
  transition:transform .45s var(--ease);}
.rec-badge:hover img{transform:translateY(-4px);}
.rec-read{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;
  letter-spacing:-0.01em;color:rgba(255,255,255,.6);white-space:nowrap;
  transition:color .3s ease,gap .3s ease;}
.rec-read svg{width:12px;height:12px;}
.rec-badge:hover .rec-read{color:var(--rose-300);gap:11px;}
.rec-badge:focus-visible{outline:2px solid var(--rose-400);outline-offset:6px;border-radius:12px;}
@media(max-width:860px){
  .t02-cta-band[data-screen-label="Recognition"] .t02-cta-band-in{grid-template-columns:1fr;}
  .rec-badge{grid-column:1;grid-row:auto;justify-self:start;align-items:flex-start;max-width:150px;
    margin-bottom:20px;}
}

/* ============================================================
   09 · MOBILE TECHNOLOGY EXPERTISE — rises over the CTA band
   ============================================================ */
.mte{position:relative;z-index:3;background:#CFD4D8;color:var(--ink);
  border-radius:26px 26px 0 0;box-shadow:0 -30px 70px rgba(11,12,14,.28);
  padding:clamp(64px,7.4vw,116px) 0 clamp(56px,6.4vw,96px);}
.mte ~ section,.mte ~ footer{position:relative;z-index:3;}
.mte-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:start;}
.mte-h{margin:0;font-size:clamp(40px,6.2vw,96px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.0;color:var(--ink);}
.mte-lead{margin:8px 0 0;max-width:60ch;font-size:clamp(15px,1.25vw,17px);font-weight:300;
  line-height:1.7;color:rgba(11,12,14,.62);align-self:end;}
.mte-rule{margin:clamp(38px,4.4vw,64px) 0 0;height:1px;background:rgba(11,12,14,.16);}
.mte-grid{margin-top:clamp(40px,4.6vw,72px);display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(34px,4vw,66px) clamp(30px,3.6vw,60px);}
.mte-cell{display:flex;flex-direction:column;}
.mte-ic{width:44px;height:44px;display:grid;place-items:center;color:var(--ink);
  transition:color .3s ease,transform .4s var(--ease);}
.mte-ic svg{width:100%;height:100%;}
.mte-cell:hover .mte-ic{color:var(--rose-600);transform:translateY(-3px);}
.mte-cell h3{margin-top:clamp(22px,2.4vw,32px);font-size:clamp(20px,1.9vw,28px);font-weight:400;
  letter-spacing:-0.035em;line-height:1.14;color:var(--ink);max-width:14ch;min-height:2.3em;}
.mte-cell p{margin-top:clamp(16px,1.8vw,24px);font-size:14.5px;font-weight:300;line-height:1.66;
  color:rgba(11,12,14,.6);max-width:38ch;}
@media(max-width:1020px){.mte-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:760px){
  .t02-cta-band[data-screen-label="Recognition"]{position:relative;top:auto;}
  .mte{border-radius:0;box-shadow:none;}
  .mte-head{grid-template-columns:1fr;gap:18px;}
  .mte-grid{grid-template-columns:1fr;}
  .mte-cell h3{min-height:0;}
}

/* ---- technology section: match the reveal section's type benchmark ---- */
.mte-h{font-size:clamp(26px,3.4vw,52px)!important;font-weight:500!important;
  letter-spacing:-0.035em!important;line-height:1.2!important;max-width:14ch;}
.mte-lead{font-size:clamp(14px,1.1vw,16px)!important;line-height:1.66!important;max-width:52ch;}
.mte-head-r{display:flex;flex-direction:column;align-items:flex-start;
  gap:clamp(20px,2.2vw,28px);align-self:end;}
.mte-cta{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 18px;
  border:1px solid rgba(11,12,14,.22);border-radius:8px;background:transparent;color:var(--ink);
  font-size:13px;font-weight:500;letter-spacing:-0.01em;text-decoration:none;
  transition:border-color .3s ease,background .3s ease,color .3s ease,gap .3s ease;}
.mte-cta svg{width:13px;height:13px;}
.mte-cta:hover{border-color:var(--ink);background:var(--ink);color:#fff;gap:14px;}
.mte-cta:focus-visible{outline:2px solid var(--rose-500);outline-offset:3px;}
/* cards: quieter, more professional rhythm */
.mte-cell h3{font-size:clamp(17px,1.5vw,22px)!important;font-weight:500!important;
  letter-spacing:-0.03em!important;line-height:1.24!important;max-width:15ch;}
.mte-cell p{font-size:14px!important;line-height:1.68!important;max-width:36ch;}
.mte-ic{width:38px;height:38px;}
@media(max-width:760px){.mte-head-r{align-self:start;}}

/* ---- shared icon tile: the notched shape from the services grid ---- */
.mte-ic,.mrs-ic{width:52px;height:52px;display:grid;place-items:center;border-radius:0;
  background:#fff;color:#0B0C0E;
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
  transition:background .3s ease,color .3s ease,transform .4s var(--ease);}
.mte-ic svg,.mrs-ic svg{width:24px;height:24px;}
.mte-cell:hover .mte-ic,.mrs-cell:hover .mrs-ic{background:var(--rose-500);color:#fff;transform:none;}
/* dark related-service cells keep the white tile */
.mrs-cell:nth-child(1) .mrs-ic,.mrs-cell:nth-child(5) .mrs-ic{background:#fff;color:#0B0C0E;}
.mrs-cell:nth-child(1):hover .mrs-ic,.mrs-cell:nth-child(5):hover .mrs-ic{background:var(--rose-500);color:#fff;}
/* technology cards: larger type, matching the services grid */
.mte-cell h3{font-size:clamp(20px,1.9vw,27px)!important;font-weight:400!important;
  letter-spacing:-0.035em!important;line-height:1.14!important;max-width:14ch;}
.mte-cell p{font-size:14.5px!important;line-height:1.66!important;max-width:38ch;}

/* ============================================================
   03 · ACHIEVEMENT STRIP — statement + divided figure row
   ============================================================ */
.mst{background:#fff;padding:clamp(72px,8vw,128px) 0 clamp(64px,7vw,110px);}
.mst-eye{display:none;}
.mst-h{margin:0;font-size:clamp(40px,6.4vw,100px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.0;color:var(--ink);}
.mst-lead{margin:clamp(26px,3vw,40px) 0 0;max-width:74ch;font-size:clamp(15px,1.22vw,17.5px);
  font-weight:300;line-height:1.66;color:var(--ink-2);}
.mst-cta{display:inline-flex;align-items:center;gap:14px;margin-top:clamp(28px,3.2vw,42px);
  height:52px;padding:0 26px;border:1px solid var(--line-2);border-radius:999px;background:#fff;
  color:var(--ink);font-size:15px;font-weight:400;letter-spacing:-0.01em;text-decoration:none;
  transition:border-color .3s ease,background .3s ease,color .3s ease,gap .3s ease;}
.mst-cta svg{width:17px;height:17px;}
.mst-cta:hover{border-color:var(--ink);background:var(--ink);color:#fff;gap:18px;}
.mst-cta:focus-visible{outline:2px solid var(--rose-500);outline-offset:4px;}
/* figure row: hairline dividers, tabular numerals */
.mst-in{margin-top:clamp(56px,6.4vw,104px);display:grid;grid-template-columns:repeat(5,1fr);
  border-top:1px solid var(--line);}
.mst-cell{padding:clamp(26px,3vw,40px) clamp(16px,2vw,32px) 0;border-left:1px solid var(--line);}
.mst-cell:first-child{border-left:0;padding-left:0;}
.mst-cell b{display:block;font-size:clamp(34px,5vw,78px);font-weight:400;letter-spacing:-0.05em;
  line-height:.94;color:var(--ink);font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;}
.mst-cell span{display:block;margin-top:clamp(12px,1.4vw,18px);font-size:clamp(13px,1.05vw,15px);
  font-weight:300;letter-spacing:-0.01em;color:var(--muted);}
@media(max-width:1020px){
  .mst-in{grid-template-columns:repeat(2,1fr);border-top:0;}
  .mst-cell{border-left:0;border-top:1px solid var(--line);padding-left:0;}
}
@media(max-width:560px){.mst-in{grid-template-columns:1fr;}}

/* four columns now the fifth cell is gone */
.mst-in{grid-template-columns:repeat(4,1fr);}
@media(max-width:1020px){.mst-in{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.mst-in{grid-template-columns:1fr;}}
/* liquid-metal plus: animated chrome sheen */
.mst-plus{font-style:normal;display:inline-block;
  background:linear-gradient(100deg,#8f8f96 0%,#e9e9ee 18%,#ffffff 26%,#b9b9c2 38%,
    #6f6f78 52%,#d8d8e0 66%,#ffffff 74%,#9a9aa3 86%,#7a7a83 100%);
  background-size:280% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 1px rgba(11,12,14,.18));
  animation:mstLiquid 4.6s linear infinite;}
@keyframes mstLiquid{from{background-position:0% 50%;}to{background-position:280% 50%;}}
@media(prefers-reduced-motion:reduce){.mst-plus{animation:none;}}

/* liquid metal in WDI rose */
.mst-plus{background:linear-gradient(100deg,#C40F46 0%,#FF6F92 16%,#FFE3EA 26%,#F92F64 38%,
    #A50B3A 52%,#FD3B6F 66%,#FFFFFF 74%,#E41252 86%,#C40F46 100%)!important;
  background-size:280% 100%!important;
  filter:drop-shadow(0 1px 2px rgba(196,15,70,.28))!important;}
/* tighten the gap above the statement */
.mst{padding-top:clamp(44px,4.8vw,74px)!important;}
/* start-a-project pill turns rose on hover */
.mst-cta:hover{border-color:var(--rose-500)!important;background:var(--rose-500)!important;color:#fff!important;}

/* eyebrow above "Your trusted digital partner" */
.mst-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(20px,2.4vw,30px);
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600);}
.mst-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);
  box-shadow:0 0 0 3px rgba(249,47,100,.16);}
/* liquid metal: needs its own paint box to clip the gradient correctly */
.mst-cell b{-webkit-text-fill-color:currentColor;}
.mst-plus{display:inline-block;padding:0 .02em;
  -webkit-text-fill-color:transparent!important;color:transparent!important;
  -webkit-background-clip:text!important;background-clip:text!important;}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){
  .mst-plus{-webkit-text-fill-color:var(--rose-500)!important;color:var(--rose-500)!important;
    background:none!important;}
}

/* ---- direct-edit values folded into the stylesheet ---- */
/* statement + stats */
.mst-h{font-weight:500;}
.mst-cta{width:185px;height:55px;justify-content:center;}
.mst-cell b{font-weight:500;font-size:clamp(40px,5.4vw,83px);}
.mst-plus{font-weight:300;font-size:.96em;}
/* client panel */
.mcl-notch{position:absolute;left:0;top:-2px;width:366px;height:57px;}
.mcl-head-l{width:100%;max-width:823px;}
.mcl-h{font-size:clamp(34px,4.6vw,73px)!important;}
/* service + decision card headings */
.mws-card h3{font-weight:500!important;font-size:clamp(20px,2.2vw,34px)!important;}
.mdg-cell h3{font-weight:500!important;font-size:clamp(20px,2.2vw,34px)!important;}

/* ---- 09 technology: reference layout (white canvas, hairline rule, 3-up) ---- */
.mte{background:#fff!important;}
.mte-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(20px,2.4vw,30px);
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600);}
.mte-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);
  box-shadow:0 0 0 3px rgba(249,47,100,.16);}
/* header: headline left, lead right and top-aligned */
.mte-head{align-items:start!important;}
.mte-h{font-size:clamp(34px,5vw,76px)!important;font-weight:400!important;
  letter-spacing:-0.05em!important;line-height:1.02!important;max-width:16ch;}
.mte-lead{align-self:start!important;font-size:clamp(15px,1.25vw,17px)!important;
  line-height:1.68!important;color:var(--muted)!important;max-width:62ch;}
.mte-rule{background:var(--line)!important;}
/* grid: generous columns, icon → title → paragraph */
.mte-grid{gap:clamp(44px,5vw,80px) clamp(34px,4vw,68px)!important;}
.mte-ic{background:#F4F4F5!important;color:var(--ink)!important;}
.mte-cell:hover .mte-ic{background:var(--rose-500)!important;color:#fff!important;}
.mte-cell h3{margin-top:clamp(24px,2.6vw,34px)!important;font-size:clamp(20px,2.1vw,30px)!important;
  font-weight:500!important;letter-spacing:-0.035em!important;line-height:1.16!important;max-width:16ch;}
.mte-cell p{margin-top:clamp(18px,2vw,26px)!important;font-size:14.5px!important;
  line-height:1.7!important;color:var(--muted)!important;max-width:40ch;}
.mte-cta{border-color:var(--line-2)!important;}

/* card headings unified at the 34px ceiling across all three grids */
.mws-card h3,.mdg-cell h3,.mrs-cell h3,.mte-cell h3{
  font-size:clamp(20px,2.2vw,34px)!important;}

/* card body copy: weight 400, consistent size and colour across the grids */
.mdg-cell p,.mrs-cell p,.mte-cell p{font-weight:400!important;font-size:14.5px!important;}
.mte-cell p{color:#71757E!important;}
/* client headline */
.mcl-h{font-size:clamp(32px,4vw,58px)!important;}

/* grid items: subtle grey wash on hover, plus the rose circle cursor */
.mws-card,.mdg-cell,.mrs-cell,.mte-cell{transition:background .38s ease,transform .5s var(--ease);}
.mws-card,.mte-cell{border-radius:16px;padding:clamp(20px,2.2vw,28px);margin:calc(-1 * clamp(20px,2.2vw,28px));}
.mws-card:hover{background:rgba(255,255,255,.05);}
.mte-cell:hover{background:#F4F4F5;}
.mdg-cell:hover,.mrs-cell:hover{background:rgba(11,12,14,.04);}
.mdg-cell:nth-child(1):hover,.mdg-cell:nth-child(6):hover,
.mrs-cell:nth-child(1):hover,.mrs-cell:nth-child(5):hover{background:rgba(255,255,255,.06);}
@media(hover:none){
  .mws-card,.mdg-cell,.mrs-cell,.mte-cell{cursor:auto!important;}
}

/* ============================================================
   10 · MOBILE PRODUCT SOLUTIONS — sticky rail + scrolling panels
   ============================================================ */
.msol{background:#fff;padding:clamp(64px,7.4vw,112px) 0 clamp(56px,6.4vw,96px);}
.msol-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(32px,5vw,96px);align-items:start;}
/* left rail */
.msol-rail{position:sticky;top:clamp(80px,10vh,120px);align-self:start;}
.msol-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(18px,2.2vw,26px);
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600);}
.msol-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);
  box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.msol-h{margin:0;font-size:clamp(30px,3.6vw,56px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.04;color:var(--ink);}
.msol-lead{margin:20px 0 0;max-width:52ch;font-size:14.5px;font-weight:400;line-height:1.68;
  color:var(--muted);}
.msol-list{list-style:none;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;}
.msol-list button{display:grid;grid-template-columns:14px 30px 20px 1fr;align-items:center;gap:10px;
  width:100%;background:none;border:0;cursor:pointer;font:inherit;text-align:left;padding:9px 0;
  transition:color .3s ease;}
.msol-list .dot{width:5px;height:5px;border-radius:50%;background:var(--line-2);justify-self:center;
  transition:background .3s ease,transform .3s ease;}
.msol-list .n{font-size:15px;font-weight:400;color:var(--faint);
  font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;transition:color .3s ease;}
.msol-list .ar{opacity:0;color:var(--ink);transition:opacity .3s ease,transform .3s ease;transform:translateX(-4px);}
.msol-list .ar svg{width:15px;height:15px;display:block;}
.msol-list .t{font-size:15.5px;font-weight:400;letter-spacing:-0.01em;color:var(--faint);
  transition:color .3s ease;}
.msol-list button:hover .t{color:var(--ink-2);}
.msol-list button.on .dot{background:var(--rose-500);transform:scale(1.3);}
.msol-list button.on .n{color:var(--ink);}
.msol-list button.on .ar{opacity:1;transform:none;}
.msol-list button.on .t{color:var(--ink);}
.msol-list button:focus-visible{outline:2px solid var(--rose-500);outline-offset:3px;}
/* right panels */
.msol-panels{display:flex;flex-direction:column;gap:clamp(64px,9vw,150px);
  padding-top:clamp(0px,2vw,40px);}
.msol-panel-h{display:grid;grid-template-columns:auto 1fr;gap:clamp(12px,1.4vw,20px);align-items:baseline;}
.msol-idx{font-size:clamp(15px,1.2vw,18px);font-weight:400;color:var(--faint);
  font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;}
.msol-panel h3{margin:0;font-size:clamp(26px,3vw,46px);font-weight:400;letter-spacing:-0.045em;
  line-height:1.06;color:var(--ink);}
.msol-tags{margin-top:clamp(18px,2vw,26px);display:flex;flex-wrap:wrap;gap:8px;}
.msol-tags span{font-size:13px;font-weight:400;letter-spacing:-0.01em;color:var(--ink-2);
  background:#F1F1F3;border-radius:999px;padding:8px 15px;transition:background .3s ease,color .3s ease;}
.msol-panel:hover .msol-tags span{background:#EAEAEE;}
.msol-panel p{margin:clamp(20px,2.2vw,30px) 0 0;font-size:clamp(15px,1.2vw,17px);font-weight:400;
  line-height:1.72;color:var(--ink-2);max-width:58ch;}
@media(max-width:940px){
  .msol-in{grid-template-columns:1fr;gap:34px;}
  .msol-rail{position:relative;top:auto;}
  .msol-panels{gap:56px;padding-top:0;}
}

/* header spans the section, rail carries a secondary title */
.msol-top{padding-bottom:clamp(30px,3.6vw,52px);}
.msol-h{font-size:clamp(34px,5vw,76px)!important;max-width:22ch;}
.msol-rule{margin-top:clamp(30px,3.4vw,46px);height:1px;background:var(--line);}
.msol-rail-h{margin:0;font-size:clamp(24px,2.4vw,36px);font-weight:400;letter-spacing:-0.04em;
  line-height:1.06;color:var(--ink);}
.msol-lead{margin-top:18px!important;}
.msol-in{padding-top:clamp(30px,4vw,64px);}

/* ============================================================
   11 · INDUSTRIES WE SERVE — horizontal card rail
   ============================================================ */
.mind{background:#0B0C0E;color:#fff;padding:clamp(64px,7.4vw,112px) 0 clamp(48px,5.4vw,80px);overflow:hidden;}
.mind-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:start;
  padding-bottom:clamp(40px,4.6vw,72px);}
.mind-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(18px,2.2vw,26px);
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-300);}
.mind-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--rose-400);
  box-shadow:0 0 0 3px rgba(249,47,100,.2);}
.mind-h{margin:0;font-size:clamp(34px,5vw,76px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.02;color:#fff;max-width:16ch;}
.mind-lead{margin:0;font-size:clamp(15px,1.22vw,17px);font-weight:400;line-height:1.66;
  color:rgba(255,255,255,.66);max-width:62ch;}
/* rail */
.mic-rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;
  scroll-snap-type:x proximity;padding:0 0 clamp(20px,2.4vw,32px);}
.mic-rail::-webkit-scrollbar{display:none;}
.mic-rail:active{cursor:grabbing;}
.mic-track{display:flex;gap:22px;padding:0 var(--gutter);width:max-content;}
/* card */
.mic-card{position:relative;flex:none;width:clamp(280px,26vw,400px);aspect-ratio:1/1;
  display:flex;flex-direction:column;padding:clamp(24px,2.4vw,32px);border-radius:4px;
  background:#141519;border:1px solid rgba(255,255,255,.08);overflow:hidden;isolation:isolate;
  scroll-snap-align:center;transition:background .4s ease,border-color .4s ease,transform .5s var(--ease);}
.mic-card:hover{background:#181A1F;border-color:rgba(249,47,100,.34);transform:translateY(-4px);}
.mic-glow{position:absolute;inset:auto -20% -30% auto;width:70%;aspect-ratio:1;border-radius:50%;
  z-index:-1;pointer-events:none;opacity:0;transition:opacity .55s ease;
  background:radial-gradient(circle,rgba(249,47,100,.28),rgba(122,0,255,.16) 46%,transparent 72%);
  filter:blur(14px);}
.mic-card:hover .mic-glow{opacity:1;}
.mic-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.mic-card h3{margin:0;font-size:clamp(19px,1.7vw,25px);font-weight:400;letter-spacing:-0.035em;
  line-height:1.14;color:#fff;max-width:14ch;}
.mic-ar{flex:none;width:22px;height:22px;color:rgba(255,255,255,.5);
  transition:color .3s ease,transform .35s var(--ease);}
.mic-ar svg{width:100%;height:100%;display:block;}
.mic-card:hover .mic-ar{color:var(--rose-300);transform:translate(3px,-3px);}
.mic-card p{margin:clamp(14px,1.6vw,20px) 0 0;font-size:13.5px;font-weight:400;line-height:1.66;
  color:rgba(255,255,255,.56);transition:color .4s ease;}
.mic-card:hover p{color:rgba(255,255,255,.74);}
.mic-tags{margin-top:auto;padding-top:clamp(16px,1.8vw,22px);display:flex;flex-wrap:wrap;gap:6px;
  opacity:0;transform:translateY(6px);transition:opacity .42s ease,transform .45s var(--ease);}
.mic-card:hover .mic-tags,.mic-card:focus-within .mic-tags{opacity:1;transform:none;}
.mic-tags span{font-size:11.5px;font-weight:400;color:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 11px;}
.mic-n{position:absolute;right:clamp(24px,2.4vw,32px);bottom:clamp(20px,2.2vw,28px);
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.2);
  transition:color .4s ease;}
.mic-card:hover .mic-n{color:var(--rose-300);}
/* nav */
.mic-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding-top:clamp(20px,2.4vw,32px);}
.mic-hint{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.34);}
.mic-btns{display:flex;gap:10px;}
.mic-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;cursor:pointer;
  background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;
  transition:background .3s ease,border-color .3s ease,transform .3s var(--ease);}
.mic-btn svg{width:16px;height:16px;}
.mic-btn:hover{background:var(--rose-500);border-color:var(--rose-500);transform:translateY(-2px);}
.mic-btn:focus-visible{outline:2px solid var(--rose-400);outline-offset:3px;}
@media(hover:none){.mic-tags{opacity:1;transform:none;}}
@media(max-width:940px){
  .mind-top{grid-template-columns:1fr;gap:20px;}
  .mic-card{width:min(84vw,340px);}
}

/* ---- section theme toggle ---- */
.mind-theme{position:absolute;right:var(--gutter);top:clamp(64px,7.4vw,112px);z-index:4;
  display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 15px;border-radius:999px;
  cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.82);font:inherit;font-size:12px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;transition:background .3s ease,border-color .3s ease,color .3s ease;}
.mind-theme .mt-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.7;}
.mind-theme:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);}
.mind-theme:focus-visible{outline:2px solid var(--rose-400);outline-offset:3px;}

/* ---- light mode for the industries section ---- */
.mind.is-light{background:#fff;color:var(--ink);}
.mind.is-light .mind-eyebrow{color:var(--rose-600);}
.mind.is-light .mind-eyebrow i{background:var(--rose-500);box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.mind.is-light .mind-h{color:var(--ink);}
.mind.is-light .mind-lead{color:var(--muted);}
.mind.is-light .mind-theme{background:#F4F4F5;border-color:var(--line-2);color:var(--ink-2);}
.mind.is-light .mind-theme:hover{background:#EAEAEE;border-color:var(--line-2);}
.mind.is-light .mic-card{background:#F6F6F7;border-color:var(--line);}
.mind.is-light .mic-card:hover{background:#F1F1F3;border-color:rgba(249,47,100,.34);}
.mind.is-light .mic-card h3{color:var(--ink);}
.mind.is-light .mic-card p{color:var(--muted);}
.mind.is-light .mic-card:hover p{color:var(--ink-2);}
.mind.is-light .mic-ar{color:var(--faint);}
.mind.is-light .mic-card:hover .mic-ar{color:var(--rose-600);}
.mind.is-light .mic-tags span{color:var(--ink-2);border-color:var(--line-2);}
.mind.is-light .mic-n{color:var(--line-2);}
.mind.is-light .mic-card:hover .mic-n{color:var(--rose-600);}
.mind.is-light .mic-glow{background:radial-gradient(circle,rgba(249,47,100,.16),rgba(122,0,255,.09) 46%,transparent 72%);}
.mind.is-light .mic-hint{color:var(--faint);}
.mind.is-light .mic-btn{border-color:var(--line-2);color:var(--ink);}
.mind.is-light .mic-btn:hover{background:var(--rose-500);border-color:var(--rose-500);color:#fff;}
@media(max-width:940px){.mind-theme{position:static;margin-bottom:18px;}}

/* ============================================================
   04.5 · LET'S WORK TOGETHER — two-line marquee, opposing
   ============================================================ */
.mlw{display:block;background:#fff;padding:clamp(40px,4.6vw,72px) 0;overflow:hidden;
  text-decoration:none;color:var(--ink);}
.mlw-row{display:flex;width:max-content;white-space:nowrap;
  font-size:clamp(44px,7.4vw,116px);font-weight:500;letter-spacing:-0.04em;line-height:1.14;}
.mlw-row.r1{animation:mlwL 34s linear infinite;}
.mlw-row.r2{animation:mlwR 34s linear infinite;}
@keyframes mlwL{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes mlwR{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.mlw:hover .mlw-row{animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){.mlw-row{animation:none;}}

/* work-together marquee: larger type, much slower, balanced whitespace.
   The clients panel above sits on white, so the top pad is reduced to
   compensate and the visual gap reads equal above and below. */
.mlw{padding:clamp(26px,3vw,48px) 0 clamp(46px,5.4vw,86px);}
.mlw-row{font-size:clamp(56px,9.4vw,148px);line-height:1.1;}
.mlw-row.r1{animation-duration:96s;}
.mlw-row.r2{animation-duration:96s;}

/* solutions rail labels */
.msol-rail .t{font-size:17.5px;}



/* industry card: relevant vector, quiet in the background */
.mic-vec{position:absolute;right:clamp(-14px,-1.2vw,-8px);bottom:clamp(-16px,-1.4vw,-10px);
  width:clamp(112px,11vw,158px);z-index:0;pointer-events:none;color:rgba(255,255,255,.1);
  transition:color .45s ease,transform .6s var(--ease);}
.mic-vec svg{width:100%;height:auto;display:block;}
.mic-card:hover .mic-vec{color:rgba(249,47,100,.3);transform:translate(-4px,-4px);}
.mind.is-light .mic-vec{color:rgba(11,12,14,.08);}
.mind.is-light .mic-card:hover .mic-vec{color:rgba(249,47,100,.26);}
.mic-card > *:not(.mic-vec):not(.mic-glow){position:relative;z-index:1;}

/* ============================================================
   12 · AI IMPACT BY WDI — tiered capability grid (dark)
   ============================================================ */
.mai{background:#0B0C0E;color:#fff;padding:clamp(64px,7.4vw,112px) 0 clamp(56px,6.4vw,96px);}
.mai-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:start;}
.mai-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(18px,2.2vw,26px);
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-300);}
.mai-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--rose-400);
  box-shadow:0 0 0 3px rgba(249,47,100,.2);}
.mai-h{margin:0;font-size:clamp(34px,5vw,76px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.02;color:#fff;max-width:15ch;}
.mai-lead{margin:0;font-size:clamp(15px,1.22vw,17px);font-weight:400;line-height:1.68;
  color:rgba(255,255,255,.72);max-width:62ch;}
.mai-rule{margin:clamp(38px,4.4vw,64px) 0 clamp(20px,2.2vw,28px);height:1px;background:rgba(255,255,255,.12);}
.mai-k{display:block;font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:rgba(255,255,255,.4);}
/* tiers */
.mai-grid{display:grid;gap:clamp(14px,1.5vw,22px);margin-top:clamp(24px,2.8vw,38px);}
.mai-grid-feat{grid-template-columns:repeat(2,1fr);}
.mai-grid-med{grid-template-columns:repeat(3,1fr);}
.mai-grid-sm{grid-template-columns:repeat(3,1fr);}
/* shared card */
.mai-c{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:20px;
  background:#12141A;border:1px solid rgba(255,255,255,.09);
  transition:transform .5s var(--ease),border-color .4s ease,background .4s ease;}
.mai-c:hover{transform:translateY(-4px);border-color:rgba(249,47,100,.36);background:#151821;}
.mai-b{padding:clamp(22px,2.4vw,32px);}
.mai-n{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.2em;color:var(--rose-300);}
.mai-c h3{margin:12px 0 0;font-weight:500;letter-spacing:-0.03em;line-height:1.16;color:#fff;}
.mai-c p{margin:12px 0 0;font-size:14px;font-weight:400;line-height:1.66;color:rgba(255,255,255,.62);}
/* feature tier: gradient media panel above the copy */
.mai-media{position:relative;display:block;height:clamp(190px,19vw,280px);overflow:hidden;
  background:linear-gradient(150deg,#1B1E27,#141620 60%,#191320);}
.mai-media-glow{position:absolute;inset:0;
  background:radial-gradient(74% 74% at 22% 18%,rgba(249,47,100,.34),transparent 62%),
             radial-gradient(64% 64% at 84% 86%,rgba(122,0,255,.26),transparent 66%);
  transition:opacity .55s ease;}
.mai-c:hover .mai-media-glow{opacity:.78;}
.mai-media-ic{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:clamp(58px,5.6vw,78px);height:clamp(58px,5.6vw,78px);display:grid;place-items:center;
  border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);
  color:#fff;backdrop-filter:blur(8px);transition:transform .55s var(--ease);}
.mai-media-ic svg{width:52%;height:52%;}
.mai-c:hover .mai-media-ic{transform:translate(-50%,-50%) scale(1.06);}
.mai-feat h3{font-size:clamp(21px,2.1vw,30px);}
.mai-feat p{font-size:14.5px;max-width:46ch;}
/* medium + small tiers: notched icon tile inside the card */
.mai-ic{margin:clamp(22px,2.4vw,32px) clamp(22px,2.4vw,32px) 0;width:52px;height:52px;
  display:grid;place-items:center;background:#fff;color:#0B0C0E;
  clip-path:polygon(0 0,100% 0,100% 68%,68% 100%,0 100%);
  transition:background .3s ease,color .3s ease;}
.mai-ic svg{width:24px;height:24px;}
.mai-c:hover .mai-ic{background:var(--rose-500);color:#fff;}
.mai-med h3{font-size:clamp(18px,1.7vw,24px);}
.mai-sm h3{font-size:clamp(17px,1.5vw,21px);}
.mai-sm p{font-size:13.5px;}
.mai-sm .mai-ic{width:44px;height:44px;}
.mai-sm .mai-ic svg{width:21px;height:21px;}
/* reveal */
.mai-c{opacity:0;transform:translateY(24px);
  transition:opacity .7s var(--ease),transform .8s var(--ease),border-color .4s ease,background .4s ease;}
.mai-grid.in .mai-c{opacity:1;transform:none;}
.mai-grid.in .mai-c:nth-child(1){transition-delay:0s;}
.mai-grid.in .mai-c:nth-child(2){transition-delay:.08s;}
.mai-grid.in .mai-c:nth-child(3){transition-delay:.16s;}
@media(prefers-reduced-motion:reduce){.mai-c{opacity:1;transform:none;}}
@media(max-width:1020px){
  .mai-grid-feat,.mai-grid-med,.mai-grid-sm{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:940px){.mai-top{grid-template-columns:1fr;gap:18px;}}
@media(max-width:640px){
  .mai-grid-feat,.mai-grid-med,.mai-grid-sm{grid-template-columns:1fr;}
}

/* AI tiers: always visible; reveal is an enhancement, never a gate */
.mai-c{opacity:1!important;transform:none!important;}
.mai-grid-med,.mai-grid-sm{opacity:1;}

/* lead paragraph baseline-aligns with the headline, not the eyebrow */
.mai-top{align-items:start;}
.mai-lead{padding-top:calc(12px + 1.4em);}
@media(max-width:940px){.mai-lead{padding-top:0;}}

/* ============================================================
   13 · EXPLORE OTHER SERVICES — gradient bento (dark)
   ============================================================ */
.mai{position:sticky;top:0;z-index:1;}
.eos{position:relative;z-index:3;overflow:hidden;isolation:isolate;
  background:#07080A;color:#fff;border-radius:26px 26px 0 0;
  box-shadow:0 -30px 70px rgba(0,0,0,.5);
  padding:clamp(58px,6.6vw,100px) 0 clamp(56px,6.4vw,96px);}
.eos ~ section,.eos ~ footer{position:relative;z-index:3;}
.eos-amb{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(52% 46% at 18% 0%,rgba(249,47,100,.14),transparent 64%),
             radial-gradient(46% 42% at 88% 22%,rgba(122,0,255,.12),transparent 68%);}
.eos-in{position:relative;z-index:1;}
.eos-eyebrow{display:block;font-size:12.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(255,255,255,.56);}
.eos-h{margin:clamp(16px,1.8vw,24px) 0 0;font-size:clamp(30px,3.6vw,54px);font-weight:500;
  letter-spacing:-0.035em;line-height:1.1;color:#fff;max-width:22ch;}
.eos-lead{margin:clamp(16px,1.8vw,22px) 0 0;font-size:clamp(15px,1.2vw,17px);font-weight:400;
  line-height:1.62;color:rgba(255,255,255,.66);max-width:70ch;}
.eos-btn{display:inline-flex;align-items:center;justify-content:center;
  margin-top:clamp(24px,2.6vw,34px);height:46px;padding:0 26px;border-radius:999px;
  background:#fff;color:#0B0C0E;font-size:14.5px;font-weight:600;letter-spacing:-0.01em;
  text-decoration:none;transition:background .3s ease,transform .35s var(--ease);}
.eos-btn:hover{background:var(--rose-400);color:#fff;transform:translateY(-2px);}
.eos-btn:focus-visible{outline:2px solid var(--rose-400);outline-offset:4px;}

/* ---- bento grid ---- */
.eos-bento{margin-top:clamp(34px,4vw,58px);display:grid;grid-template-columns:repeat(3,1fr);
  gap:clamp(12px,1.3vw,18px);}
.eb{position:relative;display:block;overflow:hidden;border-radius:22px;text-decoration:none;
  min-height:clamp(240px,24vw,330px);padding:clamp(24px,2.5vw,32px);isolation:isolate;
  transition:transform .5s var(--ease),box-shadow .5s ease;}
.eb:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(0,0,0,.45);}
.eb::before{content:"";position:absolute;inset:0;z-index:0;}
.eb-c{position:relative;z-index:3;max-width:30ch;}
.eb h3{margin:0;font-size:clamp(21px,2vw,29px);font-weight:500;letter-spacing:-0.03em;
  line-height:1.14;color:#fff;}
.eb p{margin:clamp(12px,1.3vw,16px) 0 0;font-size:14.5px;font-weight:400;line-height:1.5;
  color:rgba(255,255,255,.84);}
.eb-go{position:absolute;right:clamp(22px,2.4vw,30px);top:clamp(22px,2.4vw,30px);z-index:4;
  font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(255,255,255,.86);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.26);
  border-radius:999px;padding:7px 14px;backdrop-filter:blur(8px);opacity:0;transform:translateY(-4px);
  transition:opacity .4s ease,transform .42s var(--ease);}
.eb:hover .eb-go{opacity:1;transform:none;}

/* spans */
.eb-ai{grid-column:span 2;}
.eb-sw{grid-column:span 1;}
.eb-web,.eb-design,.eb-team{grid-column:span 1;}
.eb-sol{grid-column:span 3;min-height:clamp(230px,22vw,300px);}

/* gradients — rose · violet · blue · teal, per the reference's spectrum */
.eb-ai::before{background:linear-gradient(150deg,#1D6FD8 0%,#1B5FBF 42%,#123F86 100%);}
.eb-sw::before{background:linear-gradient(160deg,#9A5BC8 0%,#C9457F 46%,#E8503F 100%);}
.eb-web::before{background:linear-gradient(160deg,#7E5AD0 0%,#B65AA8 52%,#D06C8E 100%);}
.eb-design::before{background:linear-gradient(160deg,#9A9C57 0%,#7F8A50 48%,#5C6B45 100%);}
.eb-team::before{background:linear-gradient(160deg,#5E9C86 0%,#4A8579 52%,#3B6C68 100%);}
.eb-sol::before{background:linear-gradient(120deg,#4A4F58 0%,#3A4048 48%,#2C3138 100%);}
/* soft internal bloom on every tile */
.eb::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(72% 62% at 16% 8%,rgba(255,255,255,.2),transparent 60%);}

/* 01 · collage of tilted cards bleeding from the base */
.eb-collage{position:absolute;right:2%;bottom:-14%;z-index:2;width:62%;height:78%;pointer-events:none;}
.eb-sh{position:absolute;bottom:0;width:38%;aspect-ratio:3/4.4;border-radius:12px;overflow:hidden;
  box-shadow:0 18px 40px rgba(0,0,0,.4);transition:transform .7s var(--ease);}
.eb-sh img{width:100%;height:100%;object-fit:cover;display:block;}
.eb-sh.s1{left:0;transform:rotate(-9deg) translateY(6%);}
.eb-sh.s2{left:30%;transform:rotate(-2deg);}
.eb-sh.s3{left:60%;aspect-ratio:3/3.6;transform:rotate(5deg) translateY(4%);}
.eb-ai:hover .eb-sh.s1{transform:rotate(-11deg) translateY(2%);}
.eb-ai:hover .eb-sh.s3{transform:rotate(7deg) translateY(0);}

/* 03 · glass address pill */
.eb-pill{position:absolute;left:clamp(24px,2.5vw,32px);right:clamp(24px,2.5vw,32px);
  bottom:clamp(22px,2.4vw,30px);z-index:2;display:flex;align-items:center;justify-content:center;
  height:46px;border-radius:999px;background:rgba(255,255,255,.9);color:#1B1B1F;
  font-size:15px;font-weight:600;letter-spacing:-0.01em;box-shadow:0 14px 30px rgba(0,0,0,.28);}

/* 04 · portrait bleeding from the bottom-right */
.eb-bleed{position:absolute;right:-4%;bottom:0;z-index:2;width:58%;height:62%;pointer-events:none;}
.eb-bleed img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;
  -webkit-mask-image:linear-gradient(0deg,#000 78%,transparent);
  mask-image:linear-gradient(0deg,#000 78%,transparent);}

/* 05 · dual frames */
.eb-frames{position:absolute;left:clamp(24px,2.5vw,32px);bottom:-6%;z-index:2;display:flex;gap:10px;}
.eb-fr{position:relative;width:clamp(78px,7.4vw,104px);aspect-ratio:3/3.4;border-radius:14px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);
  display:flex;flex-direction:column;justify-content:space-between;padding:12px;}
.eb-fr i{font-style:normal;font-size:22px;font-weight:300;color:#fff;line-height:1;}
.eb-fr em{font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.1em;
  color:rgba(255,255,255,.9);}
.eb-fr:nth-child(2){transform:translateY(8%);}

/* 06 · query pill + object bleed */
.eb-query{position:absolute;left:clamp(24px,2.5vw,32px);bottom:clamp(22px,2.4vw,30px);z-index:3;
  display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:999px;
  background:rgba(255,255,255,.94);color:#1B1B1F;font-size:14.5px;font-weight:500;
  box-shadow:0 14px 30px rgba(0,0,0,.3);}
.eb-dot{position:absolute;right:-5px;top:-5px;width:12px;height:12px;border-radius:50%;
  background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.3);}
.eb-obj{position:absolute;right:0;bottom:0;z-index:2;width:44%;height:96%;pointer-events:none;}
.eb-obj img{width:100%;height:100%;object-fit:cover;display:block;opacity:.9;
  -webkit-mask-image:linear-gradient(255deg,#000 58%,transparent);
  mask-image:linear-gradient(255deg,#000 58%,transparent);}

@media(max-width:1020px){
  .eos-bento{grid-template-columns:repeat(2,1fr);}
  .eb-ai,.eb-sol{grid-column:span 2;}
}
@media(max-width:640px){
  .eos{border-radius:0;box-shadow:none;}
  .mai{position:relative;top:auto;}
  .eos-bento{grid-template-columns:1fr;}
  .eb-ai,.eb-sol{grid-column:span 1;}
  .eb-go{opacity:1;transform:none;}
}

/* DEFECT 1 — reserve space for the badge instead of letting it overlap.
   Badge moves to the tile's bottom-right, clear of the heading entirely. */
.eb-go{top:auto!important;bottom:clamp(22px,2.4vw,30px)!important;}
/* tiles whose bottom-right already holds artwork keep the badge top-right,
   with a right gutter on the copy so nothing can collide */
.eb-sw .eb-go,.eb-team .eb-go{top:clamp(22px,2.4vw,30px)!important;bottom:auto!important;}
.eb-sw .eb-c,.eb-team .eb-c,.eb-web .eb-c,.eb-design .eb-c{padding-right:104px;max-width:none;}
.eb-web .eb-go,.eb-design .eb-go{top:clamp(22px,2.4vw,30px)!important;bottom:auto!important;}
/* DEFECT 2 — drop the unsupported pin claim; sections flow normally */
.mai{position:relative!important;top:auto!important;}
.eos{border-radius:26px 26px 0 0;}
/* DEFECT 3 — gradients re-derived from the WDI rose / violet ramps only */
.eb-ai::before{background:linear-gradient(150deg,#7A00FF 0%,#5A12B8 46%,#2A0B52 100%)!important;}
.eb-sw::before{background:linear-gradient(160deg,#A24BFF 0%,#E41252 52%,#C40F46 100%)!important;}
.eb-web::before{background:linear-gradient(160deg,#F92F64 0%,#C40F46 54%,#7A0F33 100%)!important;}
.eb-design::before{background:linear-gradient(160deg,#FD3B6F 0%,#A24BFF 56%,#5A12B8 100%)!important;}
.eb-team::before{background:linear-gradient(160deg,#5A12B8 0%,#7A00FF 50%,#A24BFF 100%)!important;}
.eb-sol::before{background:linear-gradient(120deg,#1B1D24 0%,#141620 46%,#1A1020 100%)!important;}
@media(max-width:640px){.eb-go{opacity:1;transform:none;}}

/* DEFECT 1 — frames sit inside the tile; label above the glyph, one line each */
.eb-frames{bottom:clamp(20px,2.2vw,28px)!important;}
.eb-fr{justify-content:flex-start!important;gap:10px;aspect-ratio:3/2.7;
  width:clamp(96px,8.6vw,124px)!important;}
.eb-fr em{white-space:nowrap;font-size:9px;letter-spacing:.09em;}
.eb-fr i{margin-top:auto;}
.eb-fr:nth-child(2){transform:none!important;}
/* copy clears the frames */
.eb-team .eb-c{padding-bottom:clamp(96px,10vw,140px);}
/* DEFECT 2 — collage tuned to the violet ground */
.eb-sh img{filter:saturate(.62) contrast(1.05) hue-rotate(-8deg);}

/* collage sits tonally with the violet tile rather than competing with it */
.eb-sh img{filter:saturate(.5) contrast(1.06) brightness(.96);}
.eb-sh::after{content:"";position:absolute;inset:0;mix-blend-mode:soft-light;
  background:linear-gradient(160deg,rgba(122,0,255,.42),rgba(162,75,255,.24));}
.eb-sh{position:absolute;}

/* hero primary CTA */
.mrh-cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(20px,2.2vw,28px);height:50px;
  padding:0 26px;border-radius:999px;background:var(--ink);color:#fff;font-family:var(--font);
  font-size:14.5px;font-weight:600;letter-spacing:-0.01em;text-decoration:none;
  transition:background .3s ease,transform .35s var(--ease),box-shadow .35s ease,gap .3s ease;}
.mrh-cta svg{width:15px;height:15px;}
.mrh-cta:hover{background:var(--rose-500);transform:translateY(-2px);gap:14px;
  box-shadow:0 16px 34px rgba(249,47,100,.3);}
.mrh-cta:focus-visible{outline:2px solid var(--rose-500);outline-offset:4px;}

/* rose circle cursor */
.mr-cursor{position:fixed;left:0;top:0;z-index:9999;width:58px;height:58px;border-radius:50%;
  display:grid;place-items:center;background:var(--rose-500);color:#fff;pointer-events:none;
  transform:translate(-50%,-50%) scale(0);transition:none;box-shadow:0 10px 26px rgba(249,47,100,.4);}
.mr-cursor svg{width:20px;height:20px;}

/* ---- warped glass headline ---- */
.mlw{display:block;background:#fff;padding:clamp(30px,3.4vw,56px) 0;text-decoration:none;color:var(--ink);}
  overflow:hidden;isolation:isolate;font-family:var(--font);color:transparent;}
/* fallback when WebGL2 is unavailable: plain, legible headline */
  font-size:clamp(44px,8vw,120px);font-weight:600;letter-spacing:-0.05em;line-height:.95;
  text-align:center;white-space:pre-line;}

/* warped glass marquee: two rows, opposing directions */
.mlw{padding:clamp(26px,3vw,48px) 0;}
.mlw-row-w{position:relative;display:block;width:100%;height:clamp(96px,11vw,168px);
  overflow:hidden;isolation:isolate;font-family:var(--font);color:transparent;}
.mlw-row-w canvas{position:absolute;inset:0;width:100%;height:100%;display:block;}
.mlw-row-w.warp-fallback{display:grid;place-items:center;color:var(--ink);
  font-size:clamp(40px,7vw,104px);font-weight:600;letter-spacing:-0.045em;white-space:nowrap;}

/* ---- stroke-draw marquee ---- */
.mlw{display:block;background:#fff;padding:clamp(30px,3.4vw,56px) 0;text-decoration:none;color:var(--ink);}

/* ---- oversized two-line marquee, opposing directions ---- */
.mlw{display:block;background:#fff;padding:clamp(40px,4.6vw,84px) 0;overflow:hidden;
  text-decoration:none;color:var(--ink);}
.mlw-row{display:flex;width:max-content;white-space:nowrap;color:#0B0C0E;
  font-family:var(--font);font-size:clamp(64px,12.5vw,196px);font-weight:500;
  letter-spacing:-0.045em;line-height:1.06;}
.mlw-row.r1{animation:mlwL 88s linear infinite;}
.mlw-row.r2{animation:mlwR 88s linear infinite;}
@keyframes mlwL{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes mlwR{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.mlw:hover .mlw-row{animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){.mlw-row{animation:none;}}

/* trust figures: label above, figure, qualifier below */
.mst-cell{display:flex;flex-direction:column;gap:0;}
.mst-k{display:block;margin-bottom:clamp(14px,1.6vw,20px);font-family:var(--mono);font-size:10.5px;
  font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-600);}
.mst-cell b{font-size:clamp(26px,3.4vw,54px)!important;line-height:.96;}
.mst-cell span:last-child{margin-top:clamp(10px,1.2vw,14px);font-size:clamp(13px,1.05vw,15px);
  font-weight:300;color:var(--muted);}

/* ---- circular rotating wordmark, top-right of the trust section ---- */
.mst{position:relative;}
.circular-text{position:relative;margin:0;border-radius:50%;text-align:center;
  transform-origin:50% 50%;font-family:var(--font);color:var(--rose-500);pointer-events:auto;}
.circular-text span{position:absolute;inset:0;display:inline-block;
  transition:all .5s cubic-bezier(0,0,0,1);}
@keyframes ctSpin{from{transform:rotate(0deg) scale(var(--ct-scale,1));}
                  to{transform:rotate(360deg) scale(var(--ct-scale,1));}}
.mst-ring{position:absolute;right:var(--gutter);top:clamp(52px,6vw,96px);z-index:2;
  width:clamp(150px,15vw,210px);height:clamp(150px,15vw,210px);
  font-size:clamp(11px,1.05vw,14px);font-weight:600;letter-spacing:.02em;
  text-transform:uppercase;--ct-scale:1;}
.mst-ring span{font-size:inherit;}
@media(max-width:1080px){.mst-ring{display:none;}}

/* ring: sized and positioned per direct edit */
.mst-ring{width:254px!important;height:245px!important;top:64px!important;}

/* marquee set in a grotesque face */
.mlw-row{font-family:"Oldschool Grotesk",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif!important;
  font-weight:500!important;letter-spacing:-0.04em!important;}

/* ============================================================
   06 · SUPPORT YOUR MOBILE PRODUCT — tinted bento with UI mocks
   ============================================================ */
.spm{background:#fff;padding:clamp(64px,7.4vw,112px) 0;}
.spm-head{text-align:center;max-width:900px;margin:0 auto clamp(38px,4.4vw,64px);}
.spm-h{margin:0;font-size:clamp(34px,4.6vw,68px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.04;color:var(--ink);}
.spm-lead{margin:20px auto 0;max-width:74ch;font-size:clamp(14.5px,1.15vw,16.5px);font-weight:300;
  line-height:1.7;color:var(--muted);}
.spm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.6vw,24px);}
.spm-card{position:relative;overflow:hidden;border-radius:24px;padding:clamp(26px,2.8vw,40px);
  min-height:clamp(340px,34vw,470px);display:flex;flex-direction:column;
  transition:transform .5s var(--ease);}
.spm-card:hover{transform:translateY(-4px);}
.spm-card.t1{background:linear-gradient(160deg,#F2F2F4,#E9EAEE);}
.spm-card.t2{background:linear-gradient(160deg,#F4EEFF,#EDE4FF);}
.spm-card.t3{background:linear-gradient(160deg,#FFEFF4,#FFE3EC);}
.spm-card.t4{background:linear-gradient(160deg,#EAF6F1,#DFF1E9);}
.spm-card.t5{background:linear-gradient(160deg,#EFF3FA,#E4EBF7);}
.spm-card.t6{background:linear-gradient(160deg,#F5F3EE,#EDE9E1);}
.spm-copy h3{margin:0;font-size:clamp(21px,2.1vw,31px);font-weight:500;letter-spacing:-0.035em;
  line-height:1.14;color:var(--ink);}
.spm-copy p{margin:12px 0 0;max-width:44ch;font-size:14.5px;font-weight:300;line-height:1.62;
  color:rgba(11,12,14,.6);}
/* mock composition */
.spm-art{position:relative;flex:1;margin-top:clamp(22px,2.4vw,34px);min-height:180px;}
  display:flex;flex-direction:column;gap:0;border-radius:30px;background:#fff;
  border:9px solid #0B0C0E;box-shadow:0 24px 50px rgba(11,12,14,.22);overflow:hidden;
  transform:rotate(-1.5deg);}
  font-size:9.5px;font-weight:600;color:var(--ink);}
  letter-spacing:-0.01em;color:var(--ink);border-bottom:1px solid #F1F1F3;}
  padding:9px 0;border-bottom:1px solid #F4F4F6;}
  background:linear-gradient(140deg,#F4F4F6,#E9E9ED);}
/* desktop window variant */
  border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(11,12,14,.1);
  box-shadow:0 24px 50px rgba(11,12,14,.2);transform:rotate(-1.5deg);}
/* floating card */
.spm-float{position:absolute;left:0;bottom:16%;z-index:2;display:flex;flex-direction:column;gap:3px;
  padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(11,12,14,.16);
  min-width:clamp(150px,15vw,192px);transform:rotate(1deg);}
.spm-f-b{bottom:8%;left:4%;}
.spm-k{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);}
.spm-float b{font-size:15px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.spm-sub{font-size:11px;font-weight:300;color:var(--muted);}
.spm-swatches{display:flex;gap:5px;margin-bottom:6px;}
.spm-swatches i{width:16px;height:16px;border-radius:5px;}
.spm-av{display:flex;margin-bottom:6px;}
.spm-av i{width:20px;height:20px;border-radius:50%;border:2px solid #fff;margin-left:-6px;
  background:linear-gradient(140deg,var(--rose-400),var(--violet));}
.spm-av i:first-child{margin-left:0;}
@media(max-width:900px){
  .spm-grid{grid-template-columns:1fr;}
  .spm-card{min-height:0;}
  .spm-art{min-height:230px;}
}
@media(prefers-reduced-motion:reduce){.spm-card{transition:none;}}

/* real device photography in place of the drawn frames */
  aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#0F1116;
  box-shadow:0 26px 54px rgba(11,12,14,.24);transform:rotate(-1.5deg);
  transition:transform .8s var(--ease);}
  aspect-ratio:16/10;transform:none;}}

/* ---- supplied device mockups, with faux UI inside the screen ---- */
  transition:transform .8s var(--ease);transform:rotate(-1.5deg);}
  filter:drop-shadow(0 22px 44px rgba(11,12,14,.28));}
/* the screen aperture: sits under the frame PNG so the bezel overlaps it */
  padding:10px 12px;}
/* faux UI */
  padding-bottom:7px;border-bottom:1px solid #F1F1F3;}
  border-bottom:1px solid #F5F5F7;}
@media(max-width:900px){
    width:min(260px,70%);transform:none;}
}

/* cards keep the floating detail card only */
.spm-art{min-height:130px;}
.spm-float{left:0;bottom:6%;}
.spm-f-b{left:4%;bottom:6%;}

/* ============================================================
   §06 device: hyper-real iPhone shell, cropped by the card edge
   ============================================================ */
.spm-card{overflow:hidden;}
.spm-art{min-height:clamp(210px,22vw,300px);}
.dvc{position:absolute;right:6%;top:6%;width:clamp(184px,19vw,252px);z-index:1;
  transition:transform .8s var(--ease);}
.spm-card:hover .dvc{transform:translateY(-6px);}
/* titanium shell: layered gradients for the rail highlight + body */
.dvc-shell{position:relative;display:block;padding:7px;border-radius:36px;
  background:linear-gradient(150deg,#3E4147 0%,#1A1C20 16%,#0B0C0E 42%,#22252A 68%,#4A4E55 86%,#131518 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.22) inset,
    0 0 0 1px rgba(0,0,0,.6),
    0 34px 60px -18px rgba(11,12,14,.55),
    0 12px 24px -10px rgba(11,12,14,.4);}
/* side buttons */
.dvc-shell::before,.dvc-shell::after{content:"";position:absolute;width:2px;border-radius:2px;
  background:linear-gradient(180deg,#4A4E55,#1A1C20);}
.dvc-shell::before{left:-2px;top:22%;height:8%;box-shadow:0 24px 0 0 #33363c,0 44px 0 0 #33363c;}
.dvc-shell::after{right:-2px;top:28%;height:12%;}
.dvc-notch{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:3;
  width:32%;height:15px;border-radius:99px;background:#08090B;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;}
/* screen */
.dvc-scr{position:relative;display:block;border-radius:30px;overflow:hidden;
  background:linear-gradient(180deg,#FFF,#FAFAFC);padding:26px 13px 16px;
  min-height:clamp(300px,31vw,410px);
  box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 2px 10px rgba(11,12,14,.14) inset;}
.dvc-bar{display:flex;align-items:center;justify-content:space-between;
  font-size:9.5px;font-weight:600;color:var(--ink);padding-bottom:10px;}
.dvc-sig{display:inline-flex;gap:2.5px;align-items:flex-end;}
.dvc-sig i{width:3px;height:7px;border-radius:1px;background:var(--ink);}
.dvc-sig i:nth-child(2){height:9px;} .dvc-sig i:nth-child(3){height:5px;opacity:.45;}
/* faux UI */
.mkh{display:block;font-size:11.5px;font-weight:600;letter-spacing:-0.015em;color:var(--ink);
  padding-bottom:8px;border-bottom:1px solid #F0F0F3;}
.mkr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;
  border-bottom:1px solid #F5F5F7;}
.mkr:last-child{border-bottom:0;}
.mkr span{font-size:10px;font-weight:500;color:var(--ink);}
.mkr b{font-size:9.5px;font-weight:600;color:var(--rose-600);}
.mkl{display:block;height:7px;border-radius:99px;background:#EFEFF2;margin-top:9px;}
.mkl.w45{width:45%;} .mkl.w60{width:60%;} .mkl.w70{width:70%;} .mkl.w80{width:80%;}
.mkg{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:9px;}
.mkg i{display:block;height:30px;border-radius:7px;background:linear-gradient(140deg,#F4F4F6,#E8E8EE);}
.mkg2{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px;}
.mkg2 i{display:block;height:34px;border-radius:7px;background:#F1F1F4;}
/* floating detail card sits over the device, as in the reference */
.spm-float{left:0;bottom:12%;z-index:3;}
.spm-f-b{left:5%;bottom:9%;}
@media(max-width:900px){
  .dvc{position:relative;right:auto;top:auto;margin:0 auto;width:min(230px,64%);}
  .spm-float,.spm-f-b{position:relative;left:auto;bottom:auto;margin-top:16px;transform:none;}
}
@media(prefers-reduced-motion:reduce){.dvc{transition:none;}}

/* ---- app screens inside the device ---- */
.ap-nav{display:flex;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid #F0F0F3;}
.ap-nav i{font-style:normal;font-size:12px;color:var(--muted);}
.ap-nav b{flex:1;text-align:center;font-size:11.5px;font-weight:600;letter-spacing:-0.015em;color:var(--ink);}
.ap-k{display:block;margin-top:10px;font-size:9.5px;font-weight:500;color:var(--muted);}
.ap-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;}
.ap-tiles i{display:block;aspect-ratio:3/4;border-radius:9px;background-size:cover;background-position:center;}
.ap-tiles .t-a{background-image:linear-gradient(150deg,#E7E9ED,#CDD3DA);}
.ap-tiles .t-b{background-image:linear-gradient(150deg,#F5DDE4,#EBC3D0);}
.ap-tiles .t-c{background-image:linear-gradient(150deg,#EADDFB,#D6C2F5);}
.ap-tiles .t-d{background-image:linear-gradient(150deg,#DDF0E8,#C2E4D6);}
.ap-add{display:block;margin-top:9px;font-size:10px;font-weight:600;color:var(--rose-600);}
.ap-rows{display:block;margin-top:9px;}
.ap-r{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;
  border-bottom:1px solid #F5F5F7;}
.ap-r:last-child{border-bottom:0;}
.ap-r em{font-style:normal;font-size:10px;font-weight:500;color:var(--ink);}
.ap-r b{font-size:9.5px;font-weight:600;color:var(--rose-600);}
.ap-chart{display:flex;align-items:flex-end;gap:5px;height:52px;margin-top:10px;}
.ap-chart i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--rose-400),var(--rose-600));}
.ap-chart i:nth-child(1){height:42%;} .ap-chart i:nth-child(2){height:66%;}
.ap-chart i:nth-child(3){height:38%;} .ap-chart i:nth-child(4){height:88%;}
.ap-chart i:nth-child(5){height:58%;}
.ap-people{display:block;margin-top:10px;}
.ap-p{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #F5F5F7;}
.ap-p:last-child{border-bottom:0;}
.ap-p i{width:22px;height:22px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,var(--rose-400),var(--violet));}
.ap-p em{font-style:normal;font-size:10px;font-weight:500;color:var(--ink);}
/* ---- varied composition, per the reference ---- */
.spm-art{position:relative;}
.dv-r .dvc{right:2%;left:auto;top:2%;}
.dv-l .dvc{left:6%;right:auto;top:2%;}
.dv-low .dvc{top:-12%;}
@media(max-width:900px){
  .dv-r .dvc,.dv-l .dvc,.dv-low .dvc{position:relative;left:auto;right:auto;top:auto;margin:0 auto;}
}

/* ============================================================
   §06 pseudo-bento: uneven spans, varied art, per-card link
   ============================================================ */
.spm-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;}
.spm-card{grid-column:span 3;min-height:0;padding:clamp(24px,2.4vw,34px);}
.spm-card:nth-child(1){grid-column:span 4;}
.spm-card:nth-child(2){grid-column:span 2;}
.spm-card:nth-child(3){grid-column:span 2;}
.spm-card:nth-child(4){grid-column:span 4;}
.spm-card:nth-child(5){grid-column:span 3;}
.spm-card:nth-child(6){grid-column:span 3;}
.spm-copy p{max-width:38ch;}
/* art wells sized to their content, so no dead white space */
.spm-art{margin-top:clamp(16px,1.8vw,26px);min-height:clamp(200px,20vw,272px);}
.spm-art.a2,.spm-art.a3,.spm-art.a6{min-height:clamp(190px,19vw,240px);}
/* device variants */
.dvc{position:absolute;transition:transform .8s var(--ease);}
.dv-full{right:-2%;top:0;width:clamp(158px,15.5vw,206px);}
.dv-outline{right:-6%;top:2%;width:clamp(150px,15vw,196px);}
.dv-outline .dvc-shell{background:none;box-shadow:0 0 0 2px rgba(11,12,14,.9),0 18px 36px -16px rgba(11,12,14,.3);padding:5px;}
.dv-outline .dvc-notch{background:#0B0C0E;}
.dv-crop{right:2%;top:14%;width:clamp(160px,16vw,210px);}
.dv-crop .dvc-shell{border-radius:36px 36px 0 0;padding-bottom:0;}
.dv-crop .dvc-scr{border-radius:30px 30px 0 0;min-height:clamp(210px,21vw,270px);padding-top:16px;}
.dvc-home{display:block;width:34%;height:4px;border-radius:99px;background:#DCDCE1;margin:14px auto 8px;}
.spm-card:hover .dvc{transform:translateY(-6px);}
/* browser window */
.win{position:absolute;right:-3%;top:0;width:clamp(210px,22vw,290px);border-radius:14px;overflow:hidden;
  background:#fff;border:1px solid rgba(11,12,14,.1);
  box-shadow:0 26px 52px -20px rgba(11,12,14,.4);transition:transform .8s var(--ease);}
.spm-card:hover .win{transform:translateY(-6px);}
.win-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid #F1F1F3;}
.win-bar i{width:8px;height:8px;border-radius:50%;background:#E4E4E8;}
.win-url{margin-left:8px;font-size:9px;color:var(--faint);}
.win-body{display:block;padding:12px 14px 16px;}
/* floating cards, hyper-real */
.fc{position:absolute;z-index:3;background:#fff;border-radius:14px;
  box-shadow:0 22px 46px -18px rgba(11,12,14,.34),0 0 0 1px rgba(11,12,14,.05);}
.fc-list{left:0;bottom:8%;width:clamp(200px,21vw,268px);padding:6px 14px;}
.fc-r{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F4F4F6;}
.fc-r:last-child{border-bottom:0;}
.fc-r i{width:16px;height:16px;border-radius:5px;flex:none;background:#EFEFF3;}
.fc-r .ic-a{background:linear-gradient(140deg,#FFD9E4,#FFB0C7);}
.fc-r .ic-b{background:linear-gradient(140deg,#DCE7FF,#B9CDFF);}
.fc-r .ic-c{background:linear-gradient(140deg,#DFF3E7,#BEE6D0);}
.fc-r span{flex:1;display:flex;flex-direction:column;}
.fc-r b{font-size:10.5px;font-weight:600;color:var(--ink);}
.fc-r em{font-style:normal;font-size:9.5px;color:var(--muted);}
.fc-r u{text-decoration:none;font-size:12px;color:var(--line-2);}
/* stacked card treatment (no device) */
.fc-stack{position:relative;left:auto;bottom:auto;width:100%;background:none;box-shadow:none;}
.fc-ghost{position:absolute;left:6%;top:-4%;right:10%;height:88%;border-radius:14px;
  background:rgba(11,12,14,.05);transform:rotate(-4deg);}
.fc-card{position:relative;display:block;background:#fff;border-radius:14px;padding:14px;
  box-shadow:0 22px 46px -18px rgba(11,12,14,.3),0 0 0 1px rgba(11,12,14,.05);
  transform:rotate(-2deg);transition:transform .7s var(--ease);}
.spm-card:hover .fc-card{transform:rotate(-2deg) translateY(-5px);}
.fc-head{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid #F2F2F5;}
.fc-head .av{width:26px;height:26px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,var(--rose-400),var(--violet));}
.fc-head span{display:flex;flex-direction:column;}
.fc-head b{font-size:11.5px;font-weight:600;color:var(--ink);}
.fc-head em{font-style:normal;font-size:9.5px;color:var(--muted);}
.fc-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;}
.fc-shots i{display:block;aspect-ratio:3/4;border-radius:7px;}
.fc-note{display:block;margin-top:10px;font-size:9.5px;color:var(--muted);}
/* small metric card */
.fc-mini{left:0;bottom:10%;padding:13px 15px;display:flex;flex-direction:column;gap:2px;
  min-width:clamp(140px,14vw,178px);transform:rotate(1deg);}
.fc-low{bottom:4%;}
.fc-k{font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);}
.fc-mini b{font-size:16px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.fc-mini em{font-style:normal;font-size:10px;font-weight:300;color:var(--muted);}
/* per-card link */
.spm-link{display:inline-flex;align-items:center;gap:9px;margin-top:clamp(14px,1.6vw,20px);
  align-self:flex-start;position:relative;z-index:4;
  font-size:13px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);text-decoration:none;
  transition:color .3s ease,gap .3s ease;}
.spm-link svg{width:14px;height:14px;}
.spm-link:hover{color:var(--rose-600);gap:13px;}
.spm-link:focus-visible{outline:2px solid var(--rose-500);outline-offset:3px;}
@media(max-width:1000px){
  .spm-grid{grid-template-columns:repeat(2,1fr);}
  .spm-card:nth-child(n){grid-column:span 1;}
}
@media(max-width:760px){
  .spm-grid{grid-template-columns:1fr;}
  .dvc,.win,.fc-list,.fc-mini{position:relative;left:auto;right:auto;top:auto;bottom:auto;
    margin:0 auto;width:min(230px,72%);transform:none;}
  .fc-mini{margin-top:14px;width:auto;}
}

/* ---- richer portal window ---- */
.win{width:clamp(250px,26vw,352px);}
.win-body{display:flex;gap:10px;padding:11px;}
.win-side{display:flex;flex-direction:column;gap:6px;width:26px;flex:none;}
.win-side i{display:block;height:6px;border-radius:99px;background:#EDEDF1;}
.win-side i.on{background:var(--rose-500);}
.win-main{flex:1;min-width:0;display:block;}
.win-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;
  border-bottom:1px solid #F1F1F4;}
.win-top b{font-size:11px;font-weight:600;color:var(--ink);}
.win-chip{font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:#0F7A4E;background:#E4F5EC;border-radius:99px;padding:3px 7px;}
.win-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;}
.win-kpis span{display:flex;flex-direction:column;gap:1px;background:#F7F7F9;border-radius:8px;padding:8px;}
.win-kpis em{font-style:normal;font-size:8.5px;color:var(--muted);}
.win-kpis b{font-size:13px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.win-body .ap-chart{height:40px;margin-top:9px;}
.ap-chart i:nth-child(6){height:72%;} .ap-chart i:nth-child(7){height:50%;}
.win-tbl{display:block;margin-top:9px;}
.win-tr{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #F5F5F7;}
.win-tr:last-child{border-bottom:0;}
.win-tr img{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none;}
.win-tr em{flex:1;font-style:normal;font-size:9.5px;font-weight:500;color:var(--ink);}
.win-tr u{text-decoration:none;font-size:8.5px;color:var(--muted);}
/* ---- squad card with real faces ---- */
.av-img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;}
.fc-live{display:inline-flex;align-items:center;gap:5px;font-size:8.5px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:#0F7A4E;}
.fc-live i{width:5px;height:5px;border-radius:50%;background:#19A463;}
.ap-p{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #F5F5F7;}
.ap-p img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;}
.ap-p .pp{flex:1;display:flex;flex-direction:column;gap:1px;}
.ap-p .pp em{font-style:normal;font-size:10px;font-weight:600;color:var(--ink);}
.ap-p .pp u{text-decoration:none;font-size:8.5px;color:var(--muted);}
.ap-p b{font-size:9.5px;font-weight:600;color:var(--rose-600);}
.fc-foot{display:flex;align-items:center;gap:9px;margin-top:10px;padding-top:9px;
  border-top:1px solid #F2F2F5;}
.fc-bars{display:flex;align-items:flex-end;gap:3px;height:14px;}
.fc-bars i{width:5px;border-radius:2px;background:var(--rose-400);}
.fc-bars i:nth-child(1){height:60%;} .fc-bars i:nth-child(2){height:100%;} .fc-bars i:nth-child(3){height:78%;}
.fc-foot em{font-style:normal;font-size:9px;color:var(--muted);}
/* photo tiles now carry real imagery */
.ap-tiles i,.fc-shots i{background-size:cover;background-position:center;}

/* ============================================================
   07 · DECISIONS — rises over the support section
   ============================================================ */
.msu{position:sticky;top:0;z-index:1;}
.mdg{position:relative;z-index:3;background:#fff;padding:clamp(64px,7.4vw,112px) 0 0;
  border-radius:26px 26px 0 0;box-shadow:0 -30px 70px rgba(11,12,14,.26);}
.mdg ~ section,.mdg ~ footer{position:relative;z-index:3;}
.mdg-head{max-width:var(--measure);margin:0 auto;padding:0 var(--gutter);}
.mdg-head-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:end;}
.mdg-eye{grid-column:1;justify-self:start;display:inline-block;font-size:11px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line-2);
  border-radius:999px;padding:7px 14px;}
.mdg-h{grid-column:1;margin:16px 0 0;font-size:clamp(34px,5vw,76px);font-weight:400;
  letter-spacing:-0.05em;line-height:1.02;color:var(--ink);max-width:18ch;}
.mdg-h .amp{color:var(--muted);}
.mdg-lead{grid-column:2;grid-row:1 / span 3;align-self:end;margin:0;max-width:56ch;
  font-size:clamp(15px,1.22vw,17px);font-weight:400;line-height:1.68;color:var(--muted);}
.mdg-cta{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:12px;
  margin-top:clamp(26px,3vw,38px);height:48px;padding:0 26px;border-radius:10px;background:var(--ink);
  color:#fff;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;transition:background .3s ease,transform .35s var(--ease),box-shadow .35s ease;}
.mdg-cta svg{width:15px;height:15px;transition:transform .35s var(--ease);}
.mdg-cta:hover{background:var(--rose-500);transform:translateY(-2px);box-shadow:0 16px 34px rgba(249,47,100,.3);}
.mdg-cta:hover svg{transform:translateX(3px);}
.mdg-cta:focus-visible{outline:2px solid var(--rose-500);outline-offset:4px;}
/* 3 × 2 gradient blocks, edge to edge */
.mdg-grid{margin-top:clamp(48px,5.6vw,88px);display:grid;grid-template-columns:repeat(3,1fr);}
.mdg-cell{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(300px,32vw,420px);padding:clamp(28px,3vw,44px);isolation:isolate;}
.mdg-cell::before{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .5s ease;}
.mdg-cell:nth-child(1)::before,.mdg-cell:nth-child(6)::before{
  background:linear-gradient(155deg,#0B0C0E,#17121C 58%,#1B0F17);}
.mdg-cell:nth-child(2)::before,.mdg-cell:nth-child(5)::before{
  background:linear-gradient(155deg,#F5F3F5,#EFEBF2);}
.mdg-cell:nth-child(3)::before,.mdg-cell:nth-child(4)::before{
  background:linear-gradient(155deg,#FBFBFC,#F4F4F6);}
.mdg-cell::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .55s ease;
  background:radial-gradient(70% 70% at 20% 100%,rgba(249,47,100,.18),transparent 62%),
             radial-gradient(60% 60% at 90% 0%,rgba(122,0,255,.14),transparent 66%);}
.mdg-cell:hover::after{opacity:1;}
.mdg-n{position:absolute;top:clamp(24px,2.6vw,36px);right:clamp(26px,2.8vw,40px);
  font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--faint);}
.mdg-cell h3{font-size:clamp(20px,2.2vw,34px);font-weight:500;letter-spacing:-0.035em;
  line-height:1.14;color:var(--ink);}
.mdg-cell p{margin-top:12px;font-size:14.5px;font-weight:400;line-height:1.62;color:var(--muted);
  max-width:38ch;}
.mdg-cell:nth-child(1) h3,.mdg-cell:nth-child(6) h3{color:#fff;}
.mdg-cell:nth-child(1) p,.mdg-cell:nth-child(6) p{color:rgba(255,255,255,.6);}
.mdg-cell:nth-child(1) .mdg-n,.mdg-cell:nth-child(6) .mdg-n{color:rgba(255,255,255,.34);}
/* hover pill */
.mdg-pill{position:absolute;left:clamp(28px,3vw,44px);bottom:clamp(28px,3vw,44px);
  display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 18px;border-radius:999px;
  background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:-0.01em;
  text-decoration:none;opacity:0;transform:translateY(8px);pointer-events:none;
  transition:opacity .38s ease,transform .42s var(--ease),background .3s ease,gap .3s ease;}
.mdg-pill svg{width:13px;height:13px;}
.mdg-cell:hover .mdg-pill,.mdg-cell:focus-within .mdg-pill{opacity:1;transform:none;pointer-events:auto;}
.mdg-pill:hover{background:var(--rose-500);gap:13px;}
.mdg-cell:nth-child(1) .mdg-pill,.mdg-cell:nth-child(6) .mdg-pill{background:#fff;color:var(--ink);}
.mdg-cell:nth-child(1) .mdg-pill:hover,.mdg-cell:nth-child(6) .mdg-pill:hover{background:var(--rose-500);color:#fff;}
.mdg-cell:hover .mdg-body{transform:translateY(-46px);}
.mdg-body{transition:transform .42s var(--ease);}
@media(hover:none){
  .mdg-pill{opacity:1;transform:none;pointer-events:auto;position:static;margin-top:18px;}
  .mdg-cell:hover .mdg-body{transform:none;}
}
@media(max-width:1020px){.mdg-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:760px){
  .msu{position:relative;top:auto;}
  .mdg{border-radius:0;box-shadow:none;}
  .mdg-head-split{grid-template-columns:1fr;gap:18px;}
  .mdg-lead{grid-column:1;grid-row:auto;}
  .mdg-grid{grid-template-columns:1fr;}
  .mdg-cell{min-height:240px;}
}

/* [1][2] portal stack: three overlapping windows */
.spm-art.a4{position:relative;}
/* [3] service CTA: larger pill, directly under the copy */
.spm-go{position:static!important;margin-top:clamp(18px,2vw,26px);opacity:1!important;
  transform:none!important;pointer-events:auto!important;
  display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 24px;border-radius:999px;
  background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;letter-spacing:-0.01em;}
.spm-go svg{width:14px;height:14px;}
.spm-go:hover{background:var(--rose-500);gap:14px;}
.spm-card:hover .spm-copy{transform:none;}

/* ---- a4: three genuine website screens, tightly stacked ---- */
.spm-art.a4{position:relative;overflow:hidden;}
.site{position:absolute;right:0;width:74%;border-radius:10px;overflow:hidden;
  background:#fff;border:1px solid rgba(11,12,14,.1);
  box-shadow:0 18px 40px rgba(11,12,14,.16);transition:transform .5s var(--ease);}
.site.s3{top:2%;right:12%;transform:scale(.9);opacity:.42;}
.site.s2{top:12%;right:6%;transform:scale(.95);opacity:.7;}
.site.s1{top:22%;right:0;transform:none;opacity:1;}
.spm-card:hover .site.s3{transform:scale(.92) translateY(-6px);opacity:.55;}
.spm-card:hover .site.s2{transform:scale(.97) translateY(-3px);opacity:.85;}
.site-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#F1F1F3;
  border-bottom:1px solid rgba(11,12,14,.08);}
.site-bar i{width:6px;height:6px;border-radius:50%;background:rgba(11,12,14,.18);}
.site-bar b{margin-left:8px;font-family:var(--mono);font-size:8.5px;font-weight:500;
  letter-spacing:.04em;color:rgba(11,12,14,.5);}
.site-nav{display:flex;gap:12px;padding:7px 11px;border-bottom:1px solid rgba(11,12,14,.07);}
.site-nav em{font-style:normal;font-size:8px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(11,12,14,.34);}
.site-nav em.on{color:var(--rose-600);}
.site-body{display:block;padding:10px 11px 12px;}
.site-hero{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  padding-bottom:8px;border-bottom:1px solid rgba(11,12,14,.07);}
.site-hero b{font-size:9px;font-weight:600;color:var(--ink);}
.site-hero i{font-style:normal;font-size:11px;font-weight:600;letter-spacing:-0.02em;color:var(--rose-600);}
.site-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;}
.site-tiles span{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-radius:6px;
  background:#F6F6F8;}
.site-tiles b{font-size:7.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(11,12,14,.4);}
.site-tiles i{font-style:normal;font-size:11px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.site-chart{display:flex;align-items:flex-end;gap:4px;height:26px;margin-top:9px;}
.site-chart i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--rose-400),rgba(249,47,100,.22));}
.site-chart i:nth-child(1){height:44%}.site-chart i:nth-child(2){height:66%}
.site-chart i:nth-child(3){height:38%}.site-chart i:nth-child(4){height:82%}
.site-chart i:nth-child(5){height:56%}.site-chart i:nth-child(6){height:72%}
/* cloud pipeline card */
.cld{position:absolute;right:0;bottom:8%;width:74%;padding:14px 16px;border-radius:12px;
  background:#fff;border:1px solid rgba(11,12,14,.1);box-shadow:0 18px 40px rgba(11,12,14,.16);}
.cld-k{display:block;font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(11,12,14,.4);}
.cld-steps{display:flex;gap:6px;margin-top:10px;}
.cld-steps span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;
  background:#F2F7F3;font-size:9px;font-weight:600;color:#2F7D4F;}
.cld-steps i{font-style:normal;font-size:9px;}
.cld-live{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:9px;
  font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rose-600);}
.cld-live i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);}

/* dedicated squad card */
.spm-art.a6{position:relative;overflow:hidden;}
.sq{position:absolute;right:0;bottom:6%;width:80%;padding:14px 16px;border-radius:12px;background:#fff;
  border:1px solid rgba(11,12,14,.1);box-shadow:0 18px 40px rgba(11,12,14,.16);}
.sq-k{display:block;font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(11,12,14,.4);margin-bottom:10px;}
.sq-row{display:flex;align-items:center;gap:9px;padding:6px 0;border-top:1px solid rgba(11,12,14,.07);}
.sq-row:first-of-type{border-top:0;}
.sq-row img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;}
.sq-row b{flex:1;font-size:9.5px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);}
.sq-row i{font-style:normal;font-size:8px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rose-600);}

/* ---- support grid: pseudo-bento, varied spans ---- */
.spm-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;
  gap:clamp(14px,1.6vw,22px)!important;align-items:stretch;}
.spm-card{position:relative;display:flex;flex-direction:column;overflow:hidden;
  border-radius:20px;padding:clamp(26px,2.6vw,36px);min-height:clamp(330px,30vw,420px);}
.spm-card.t1{grid-column:span 4;}
.spm-card.t2{grid-column:span 2;}
.spm-card.t3{grid-column:span 2;}
.spm-card.t4{grid-column:span 4;}
.spm-card.t5{grid-column:span 3;}
.spm-card.t6{grid-column:span 3;}
.spm-copy{position:relative;z-index:2;}
.spm-art{position:relative;flex:1;min-height:clamp(150px,14vw,200px);margin-top:clamp(18px,2vw,26px);}
.spm-link{position:relative;z-index:2;align-self:flex-start;}
@media(max-width:1020px){
  .spm-grid{grid-template-columns:repeat(2,1fr)!important;}
  .spm-card.t1,.spm-card.t2,.spm-card.t3,
  .spm-card.t4,.spm-card.t5,.spm-card.t6{grid-column:span 1;}
}
@media(max-width:680px){
  .spm-grid{grid-template-columns:1fr!important;}
}

/* decisions: regular section, no parallax cover */
.msu{position:relative!important;top:auto!important;}
.mdg{position:relative!important;z-index:auto!important;border-radius:0!important;box-shadow:none!important;}

/* ============================================================
   07 · SCROLL REVEAL STATEMENT — word-by-word darkening + strands
   ============================================================ */
.mrv{position:relative;background:#fff;}
.mrv-track{position:relative;height:340vh;}
.mrv-stage{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
  justify-content:flex-start;padding-top:clamp(48px,6vw,88px);overflow:hidden;}
.mrv-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;}
.mrv-title{font-size:clamp(19px,1.7vw,25px);font-weight:500;letter-spacing:-0.03em;
  line-height:1.24;color:var(--ink);}
.mrv-learn{display:inline-flex;align-items:center;gap:9px;flex:none;height:38px;padding:0 16px;
  border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink);
  font-size:13px;font-weight:500;letter-spacing:-0.01em;text-decoration:none;
  transition:border-color .3s ease,gap .3s ease;}
.mrv-learn svg{width:13px;height:13px;}
.mrv-learn:hover{border-color:var(--ink);gap:13px;}
/* body */
.mrv-body{margin-top:clamp(44px,6vw,96px);display:grid;
  grid-template-columns:clamp(150px,16vw,230px) 1fr;gap:clamp(20px,3vw,48px);}
.mrv-count{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.14em;color:var(--ink);border:1px solid var(--line-2);border-radius:6px;padding:5px 11px;}
.mrv-k{display:block;margin-top:16px;font-family:var(--mono);font-size:11px;font-weight:500;
  letter-spacing:.22em;text-transform:uppercase;color:var(--faint);}
.mrv-copy{position:relative;}
.mrv-p{position:absolute;inset:0;font-size:clamp(26px,3.4vw,52px);font-weight:500;
  letter-spacing:-0.035em;line-height:1.2;max-width:22ch;
  opacity:0;transition:opacity .5s var(--ease);pointer-events:none;}
.mrv-p.on{opacity:1;position:relative;}
.mrv-w{color:#C9CACE;transition:color .34s ease;}
.mrv-w.lit{color:var(--ink);}
/* strands */
.mrv-strands{position:absolute;left:0;right:0;bottom:0;width:100%;height:52%;
  pointer-events:none;filter:blur(18px);opacity:.85;}
@media(prefers-reduced-motion:reduce){
  .mrv-track{height:auto;}
  .mrv-stage{position:relative;height:auto;padding-bottom:clamp(48px,6vw,88px);}
  .mrv-p{position:relative;opacity:1;}
  .mrv-w{color:var(--ink);}
  .mrv-strands{display:none;}
}
@media(max-width:940px){
  .mrv-track{height:auto;}
  .mrv-stage{position:relative;height:auto;padding-bottom:clamp(56px,7vw,96px);}
  .mrv-body{grid-template-columns:1fr;}
  .mrv-p{position:relative;opacity:1;margin-top:20px;}
  .mrv-strands{height:200px;position:relative;margin-top:30px;}
}

/* strands: more prominent */
.mrv-strands{height:62%;filter:blur(14px);opacity:1;}
/* wider measure across the page so every section reads as one site */
.wrap{max-width:1600px!important;}
.mrv-p{max-width:26ch;}
.mrv-title{font-size:clamp(20px,1.8vw,27px);}

/* glassmorphic ribbons: crisp, lightly frosted */
.mrv-strands{filter:blur(3px) saturate(1.15);opacity:1;height:66%;}

.mst-eye{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(22px,2.6vw,34px);
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600);}
.mst-eye i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);
  box-shadow:0 0 0 3px rgba(249,47,100,.16);}

/* decisions header: title left, paragraph right */
.mdg-head-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:end;}
.mdg-head-split .mdg-eye{grid-column:1;}
.mdg-head-split .mdg-h{grid-column:1;margin-top:16px;}
.mdg-head-split .mdg-lead{grid-column:2;grid-row:1 / span 2;align-self:end;margin:0;max-width:52ch;}
@media(max-width:940px){
  .mdg-head-split{grid-template-columns:1fr;gap:18px;}
  .mdg-head-split .mdg-lead{grid-column:1;grid-row:auto;}
}
/* parallax cover: services holds, decisions rises over it */






.mws-track{padding-bottom:0;}


/* compact the grid so all six cards fit one screen */










/* the cover, and everything after it, sits above the pinned section */




/* services: the site's own type scale, no viewport-driven shrinking.
   The section pins once its bottom reaches the viewport bottom, so the
   whole grid has been read before it holds and the cover begins. */
.mws-pin{position:static;padding:clamp(56px,6vw,88px) 0 clamp(48px,5.4vw,80px);}

.mws-h{font-size:clamp(34px,5vw,76px);}
.mws-lead{margin-top:22px;font-size:clamp(15px,1.25vw,17px);max-width:74ch;}
.mws-rule{margin-top:clamp(30px,3.4vw,46px);}
.mws-grid{margin-top:clamp(34px,4vw,56px);gap:clamp(30px,3.6vw,64px) clamp(30px,3.6vw,58px);}
.mws-ic{width:52px;height:52px;}
.mws-ic svg{width:24px;height:24px;}
.mws-card h3{margin-top:clamp(20px,2.2vw,28px);font-size:clamp(20px,1.9vw,27px);
  max-width:14ch;min-height:2.28em;}
.mws-card p{margin-top:14px;font-size:14.5px;line-height:1.66;}
.mws-go{padding-top:clamp(18px,2vw,26px);font-size:14px;}


/* services + decisions: normal document flow, one consistent scale */
.mws{position:relative;z-index:1;background:#0B0C0E;padding:0;}
.mws-track{padding-bottom:0;}
.mws-pin{position:static;padding:clamp(56px,6vw,88px) 0 clamp(48px,5.4vw,80px);}
.mdg{position:relative;z-index:2;border-radius:0;box-shadow:none;}


/* ============================================================
   10 · MOBILE PRODUCT SOLUTIONS — sticky rail + scrolling panels
   ============================================================ */
.msol{background:#fff;padding:clamp(64px,7.4vw,112px) 0 clamp(56px,6.4vw,96px);}
.msol-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(32px,5vw,96px);align-items:start;}
/* left rail */
.msol-rail{position:sticky;top:clamp(80px,10vh,120px);align-self:start;}
.msol-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(18px,2.2vw,26px);
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600);}
.msol-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);
  box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.msol-h{margin:0;font-size:clamp(30px,3.6vw,56px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.04;color:var(--ink);}
.msol-lead{margin:20px 0 0;max-width:52ch;font-size:14.5px;font-weight:400;line-height:1.68;
  color:var(--muted);}
.msol-list{list-style:none;margin:clamp(28px,3.4vw,44px) 0 0;padding:0;}
.msol-list button{display:grid;grid-template-columns:14px 30px 20px 1fr;align-items:center;gap:10px;
  width:100%;background:none;border:0;cursor:pointer;font:inherit;text-align:left;padding:9px 0;
  transition:color .3s ease;}
.msol-list .dot{width:5px;height:5px;border-radius:50%;background:var(--line-2);justify-self:center;
  transition:background .3s ease,transform .3s ease;}
.msol-list .n{font-size:15px;font-weight:400;color:var(--faint);
  font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;transition:color .3s ease;}
.msol-list .ar{opacity:0;color:var(--ink);transition:opacity .3s ease,transform .3s ease;transform:translateX(-4px);}
.msol-list .ar svg{width:15px;height:15px;display:block;}
.msol-list .t{font-size:15.5px;font-weight:400;letter-spacing:-0.01em;color:var(--faint);
  transition:color .3s ease;}
.msol-list button:hover .t{color:var(--ink-2);}
.msol-list button.on .dot{background:var(--rose-500);transform:scale(1.3);}
.msol-list button.on .n{color:var(--ink);}
.msol-list button.on .ar{opacity:1;transform:none;}
.msol-list button.on .t{color:var(--ink);}
.msol-list button:focus-visible{outline:2px solid var(--rose-500);outline-offset:3px;}
/* right panels */
.msol-panels{display:flex;flex-direction:column;gap:clamp(64px,9vw,150px);
  padding-top:clamp(0px,2vw,40px);}
.msol-panel-h{display:grid;grid-template-columns:auto 1fr;gap:clamp(12px,1.4vw,20px);align-items:baseline;}
.msol-idx{font-size:clamp(15px,1.2vw,18px);font-weight:400;color:var(--faint);
  font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;}
.msol-panel h3{margin:0;font-size:clamp(26px,3vw,46px);font-weight:400;letter-spacing:-0.045em;
  line-height:1.06;color:var(--ink);}
.msol-tags{margin-top:clamp(18px,2vw,26px);display:flex;flex-wrap:wrap;gap:8px;}
.msol-tags span{font-size:13px;font-weight:400;letter-spacing:-0.01em;color:var(--ink-2);
  background:#F1F1F3;border-radius:999px;padding:8px 15px;transition:background .3s ease,color .3s ease;}
.msol-panel:hover .msol-tags span{background:#EAEAEE;}
.msol-panel p{margin:clamp(20px,2.2vw,30px) 0 0;font-size:clamp(15px,1.2vw,17px);font-weight:400;
  line-height:1.72;color:var(--ink-2);max-width:58ch;}
@media(max-width:940px){
  .msol-in{grid-template-columns:1fr;gap:34px;}
  .msol-rail{position:relative;top:auto;}
  .msol-panels{gap:56px;padding-top:0;}
}

/* header spans the section, rail carries a secondary title */
.msol-top{padding-bottom:clamp(30px,3.6vw,52px);}
.msol-h{font-size:clamp(34px,5vw,76px)!important;max-width:22ch;}
.msol-rule{margin-top:clamp(30px,3.4vw,46px);height:1px;background:var(--line);}
.msol-rail-h{margin:0;font-size:clamp(24px,2.4vw,36px);font-weight:400;letter-spacing:-0.04em;
  line-height:1.06;color:var(--ink);}
.msol-lead{margin-top:18px!important;}
.msol-in{padding-top:clamp(30px,4vw,64px);}


/* ---- recognition band: copy left, badge right ---- */
.t02-cta-band[data-screen-label="Recognition"]{padding:clamp(44px,4.4vw,64px) 0;}
.t02-cta-band[data-screen-label="Recognition"] .t02-cta-band-in{display:grid;
  grid-template-columns:1fr 210px;gap:clamp(32px,4vw,72px);align-items:center;
  text-align:left;max-width:none;}
.t02-cta-band[data-screen-label="Recognition"] .t02-cta-band-tag{grid-column:1;justify-self:start;}
.t02-cta-band[data-screen-label="Recognition"] h2,
.t02-cta-band[data-screen-label="Recognition"] p,
.t02-cta-band[data-screen-label="Recognition"] .lp-btn{grid-column:1;justify-self:start;
  text-align:left;margin-left:0;margin-right:0;}
.t02-cta-band[data-screen-label="Recognition"] h2{max-width:34ch;}
.t02-cta-band[data-screen-label="Recognition"] p{max-width:52ch;}
.rec-badge{grid-column:2;grid-row:1 / span 4;justify-self:end;align-self:center;
  display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:210px;margin:0;
  text-decoration:none;}
.rec-badge img{width:100%;height:auto;aspect-ratio:255/250;object-fit:cover;border-radius:22.4%;
  background:#fff;box-shadow:0 14px 32px rgba(0,0,0,.42);
  transition:transform .45s var(--ease);}
.rec-badge:hover img{transform:translateY(-4px);}
.rec-read{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;
  letter-spacing:-0.01em;color:rgba(255,255,255,.6);white-space:nowrap;
  transition:color .3s ease,gap .3s ease;}
.rec-read svg{width:12px;height:12px;}
.rec-badge:hover .rec-read{color:var(--rose-300);gap:11px;}
.rec-badge:focus-visible{outline:2px solid var(--rose-400);outline-offset:6px;border-radius:12px;}
@media(max-width:860px){
  .t02-cta-band[data-screen-label="Recognition"] .t02-cta-band-in{grid-template-columns:1fr;}
  .rec-badge{grid-column:1;grid-row:auto;justify-self:start;align-items:flex-start;max-width:150px;
    margin-bottom:20px;}
}


/* ============================================================
   11 · INDUSTRIES WE SERVE — horizontal card rail
   ============================================================ */
.mind{background:#0B0C0E;color:#fff;padding:clamp(64px,7.4vw,112px) 0 clamp(48px,5.4vw,80px);overflow:hidden;}
.mind-top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:start;
  padding-bottom:clamp(40px,4.6vw,72px);}
.mind-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(18px,2.2vw,26px);
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-300);}
.mind-eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--rose-400);
  box-shadow:0 0 0 3px rgba(249,47,100,.2);}
.mind-h{margin:0;font-size:clamp(34px,5vw,76px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.02;color:#fff;max-width:16ch;}
.mind-lead{margin:0;font-size:clamp(15px,1.22vw,17px);font-weight:400;line-height:1.66;
  color:rgba(255,255,255,.66);max-width:62ch;}
/* rail */
.mic-rail{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;
  scroll-snap-type:x proximity;padding:0 0 clamp(20px,2.4vw,32px);}
.mic-rail::-webkit-scrollbar{display:none;}
.mic-rail:active{cursor:grabbing;}
.mic-track{display:flex;gap:22px;padding:0 var(--gutter);width:max-content;}
/* card */
.mic-card{position:relative;flex:none;width:clamp(280px,26vw,400px);aspect-ratio:1/1;
  display:flex;flex-direction:column;padding:clamp(24px,2.4vw,32px);border-radius:4px;
  background:#141519;border:1px solid rgba(255,255,255,.08);overflow:hidden;isolation:isolate;
  scroll-snap-align:center;transition:background .4s ease,border-color .4s ease,transform .5s var(--ease);}
.mic-card:hover{background:#181A1F;border-color:rgba(249,47,100,.34);transform:translateY(-4px);}
.mic-glow{position:absolute;inset:auto -20% -30% auto;width:70%;aspect-ratio:1;border-radius:50%;
  z-index:-1;pointer-events:none;opacity:0;transition:opacity .55s ease;
  background:radial-gradient(circle,rgba(249,47,100,.28),rgba(122,0,255,.16) 46%,transparent 72%);
  filter:blur(14px);}
.mic-card:hover .mic-glow{opacity:1;}
.mic-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.mic-card h3{margin:0;font-size:clamp(19px,1.7vw,25px);font-weight:400;letter-spacing:-0.035em;
  line-height:1.14;color:#fff;max-width:14ch;}
.mic-ar{flex:none;width:22px;height:22px;color:rgba(255,255,255,.5);
  transition:color .3s ease,transform .35s var(--ease);}
.mic-ar svg{width:100%;height:100%;display:block;}
.mic-card:hover .mic-ar{color:var(--rose-300);transform:translate(3px,-3px);}
.mic-card p{margin:clamp(14px,1.6vw,20px) 0 0;font-size:13.5px;font-weight:400;line-height:1.66;
  color:rgba(255,255,255,.56);transition:color .4s ease;}
.mic-card:hover p{color:rgba(255,255,255,.74);}
.mic-tags{margin-top:auto;padding-top:clamp(16px,1.8vw,22px);display:flex;flex-wrap:wrap;gap:6px;
  opacity:0;transform:translateY(6px);transition:opacity .42s ease,transform .45s var(--ease);}
.mic-card:hover .mic-tags,.mic-card:focus-within .mic-tags{opacity:1;transform:none;}
.mic-tags span{font-size:11.5px;font-weight:400;color:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:5px 11px;}
.mic-n{position:absolute;right:clamp(24px,2.4vw,32px);bottom:clamp(20px,2.2vw,28px);
  font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:rgba(255,255,255,.2);
  transition:color .4s ease;}
.mic-card:hover .mic-n{color:var(--rose-300);}
/* nav */
.mic-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding-top:clamp(20px,2.4vw,32px);}
.mic-hint{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.34);}
.mic-btns{display:flex;gap:10px;}
.mic-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;cursor:pointer;
  background:transparent;border:1px solid rgba(255,255,255,.2);color:#fff;
  transition:background .3s ease,border-color .3s ease,transform .3s var(--ease);}
.mic-btn svg{width:16px;height:16px;}
.mic-btn:hover{background:var(--rose-500);border-color:var(--rose-500);transform:translateY(-2px);}
.mic-btn:focus-visible{outline:2px solid var(--rose-400);outline-offset:3px;}
@media(hover:none){.mic-tags{opacity:1;transform:none;}}
@media(max-width:940px){
  .mind-top{grid-template-columns:1fr;gap:20px;}
  .mic-card{width:min(84vw,340px);}
}

/* ---- section theme toggle ---- */
.mind-theme{position:absolute;right:var(--gutter);top:clamp(64px,7.4vw,112px);z-index:4;
  display:inline-flex;align-items:center;gap:9px;height:36px;padding:0 15px;border-radius:999px;
  cursor:pointer;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.82);font:inherit;font-size:12px;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;transition:background .3s ease,border-color .3s ease,color .3s ease;}
.mind-theme .mt-dot{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.7;}
.mind-theme:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);}
.mind-theme:focus-visible{outline:2px solid var(--rose-400);outline-offset:3px;}

/* ---- light mode for the industries section ---- */
.mind.is-light{background:#fff;color:var(--ink);}
.mind.is-light .mind-eyebrow{color:var(--rose-600);}
.mind.is-light .mind-eyebrow i{background:var(--rose-500);box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.mind.is-light .mind-h{color:var(--ink);}
.mind.is-light .mind-lead{color:var(--muted);}
.mind.is-light .mind-theme{background:#F4F4F5;border-color:var(--line-2);color:var(--ink-2);}
.mind.is-light .mind-theme:hover{background:#EAEAEE;border-color:var(--line-2);}
.mind.is-light .mic-card{background:#F6F6F7;border-color:var(--line);}
.mind.is-light .mic-card:hover{background:#F1F1F3;border-color:rgba(249,47,100,.34);}
.mind.is-light .mic-card h3{color:var(--ink);}
.mind.is-light .mic-card p{color:var(--muted);}
.mind.is-light .mic-card:hover p{color:var(--ink-2);}
.mind.is-light .mic-ar{color:var(--faint);}
.mind.is-light .mic-card:hover .mic-ar{color:var(--rose-600);}
.mind.is-light .mic-tags span{color:var(--ink-2);border-color:var(--line-2);}
.mind.is-light .mic-n{color:var(--line-2);}
.mind.is-light .mic-card:hover .mic-n{color:var(--rose-600);}
.mind.is-light .mic-glow{background:radial-gradient(circle,rgba(249,47,100,.16),rgba(122,0,255,.09) 46%,transparent 72%);}
.mind.is-light .mic-hint{color:var(--faint);}
.mind.is-light .mic-btn{border-color:var(--line-2);color:var(--ink);}
.mind.is-light .mic-btn:hover{background:var(--rose-500);border-color:var(--rose-500);color:#fff;}
@media(max-width:940px){.mind-theme{position:static;margin-bottom:18px;}}

/* ============================================================
   04.5 · LET'S WORK TOGETHER — two-line marquee, opposing
   ============================================================ */
.mlw{display:block;background:#fff;padding:clamp(40px,4.6vw,72px) 0;overflow:hidden;
  text-decoration:none;color:var(--ink);}
.mlw-row{display:flex;width:max-content;white-space:nowrap;
  font-size:clamp(44px,7.4vw,116px);font-weight:500;letter-spacing:-0.04em;line-height:1.14;}
.mlw-row.r1{animation:mlwL 34s linear infinite;}
.mlw-row.r2{animation:mlwR 34s linear infinite;}
@keyframes mlwL{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes mlwR{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.mlw:hover .mlw-row{animation-play-state:paused;}
@media(prefers-reduced-motion:reduce){.mlw-row{animation:none;}}

/* work-together marquee: larger type, much slower, balanced whitespace.
   The clients panel above sits on white, so the top pad is reduced to
   compensate and the visual gap reads equal above and below. */
.mlw{padding:clamp(26px,3vw,48px) 0 clamp(46px,5.4vw,86px);}
.mlw-row{font-size:clamp(56px,9.4vw,148px);line-height:1.1;}
.mlw-row.r1{animation-duration:96s;}
.mlw-row.r2{animation-duration:96s;}

/* solutions rail labels */
.msol-rail .t{font-size:17.5px;}



/* industry card: relevant vector, quiet in the background */
.mic-vec{position:absolute;right:clamp(-14px,-1.2vw,-8px);bottom:clamp(-16px,-1.4vw,-10px);
  width:clamp(112px,11vw,158px);z-index:0;pointer-events:none;color:rgba(255,255,255,.1);
  transition:color .45s ease,transform .6s var(--ease);}
.mic-vec svg{width:100%;height:auto;display:block;}
.mic-card:hover .mic-vec{color:rgba(249,47,100,.3);transform:translate(-4px,-4px);}
.mind.is-light .mic-vec{color:rgba(11,12,14,.08);}
.mind.is-light .mic-card:hover .mic-vec{color:rgba(249,47,100,.26);}
.mic-card > *:not(.mic-vec):not(.mic-glow){position:relative;z-index:1;}


/* recognition pins; industries rises over it */

.mind ~ section,.mind ~ footer{position:relative;z-index:3;}
@media(max-width:760px){
  .t02-cta-band[data-screen-label="Recognition"]{position:relative;top:auto;}
  .mind{border-radius:0;box-shadow:none;}
}

/* industries: horizontal rail advances on scroll before the page continues */

.pra-sec{position:relative;z-index:3;background:#fff;}
.pra-sec .pr-h .amp{color:var(--muted);}

/* [1] industries: pin while the rail scrolls horizontally */

.pra-sec{position:relative;z-index:3;}



/* process ramp — matched to the Mobile App Development page */
#process .pra-card:nth-child(1){top:90px; background:#FFFFFF!important;color:var(--ink)!important;border:1px solid var(--line);}
#process .pra-card:nth-child(2){top:120px;background:#FFF0F4!important;color:var(--ink)!important;border:1px solid transparent;}
#process .pra-card:nth-child(3){top:150px;background:#FFD8E3!important;color:var(--ink)!important;}
#process .pra-card:nth-child(4){top:180px;background:#FFA8C0!important;color:var(--ink)!important;}
#process .pra-card:nth-child(5){top:210px;background:#F92F64!important;color:#fff!important;}
#process .pra-card:nth-child(6){top:240px;background:#8A0A2B!important;color:#fff!important;}
#process .pra-card:nth-child(7){top:270px;background:#0B0C0E!important;color:#fff!important;}
#process .pra-card:nth-child(-n+4):hover .pra-toggle{background:rgba(0,0,0,.04);}
#process .pra-card:nth-child(n+5) .pra-detail-body .aeo{border-left-color:var(--rose-300);}

/* [1] industries: the section itself must stay in flow; pin the inner stage
   inside a taller track so nothing above it is disturbed */

  justify-content:center;overflow:hidden;}
@media(max-width:940px){
}

.t02-cta-band[data-screen-label="Recognition"]{position:relative!important;top:auto!important;z-index:auto!important;}

/* 2 · pin the inner stage (the earlier rule lost to a later mobile override) */
  display:flex!important;flex-direction:column;justify-content:center;overflow:hidden;}

/* 3 · the rail must actually overflow so it can be scrolled horizontally */
  overflow:visible!important;gap:clamp(14px,1.6vw,24px);}
@media(max-width:940px){
}

/* industries: normal section again — no pin, no horizontal drive */
  transform:none!important;transition:none!important;}

/* recognition CTA pins; industries reveals over it */
.mind{position:relative;z-index:3;border-radius:26px 26px 0 0;
  box-shadow:0 -30px 70px rgba(11,12,14,.3);}
.mind ~ section,.mind ~ footer{position:relative;z-index:3;}
@media(max-width:760px){
  .t02-cta-band[data-screen-label="Recognition"]{position:relative!important;top:auto!important;}
  .mind{border-radius:0;box-shadow:none;}
}

/* ---- premium reveal: CTA holds, industries rises from the bottom ---- */
.mind{position:relative;z-index:4;margin-top:-40vh;
  border-radius:28px 28px 0 0;box-shadow:0 -40px 90px rgba(11,12,14,.42);}
.mind ~ section,.mind ~ footer{position:relative;z-index:4;}
@media(max-width:760px){
  .mind{margin-top:0;border-radius:0;box-shadow:none;}
}

/* solutions + CTA hold in flow; industries slides up and covers both */
  bottom:0!important;z-index:2!important;}
.mind{position:relative!important;z-index:5!important;margin-top:0!important;
  border-radius:28px 28px 0 0!important;box-shadow:0 -40px 90px rgba(11,12,14,.45)!important;}
.mind ~ section,.mind ~ footer{position:relative;z-index:5;}
@media(max-width:760px){
  .msol,.t02-cta-band[data-screen-label="Recognition"]{position:relative!important;top:auto!important;bottom:auto!important;}
  .mind{border-radius:0!important;box-shadow:none!important;}
}

/* CTA and solutions stay in normal flow; industries simply overlaps as it arrives */
.msol{position:relative!important;top:auto!important;z-index:auto!important;}
.t02-cta-band[data-screen-label="Recognition"]{position:relative!important;top:auto!important;
  bottom:auto!important;z-index:auto!important;}
.mind{position:relative!important;z-index:3!important;margin-top:-6vh!important;
  border-radius:28px 28px 0 0!important;box-shadow:0 -34px 80px rgba(11,12,14,.4)!important;}
.mind ~ section,.mind ~ footer{position:relative;z-index:3;}
@media(max-width:760px){.mind{margin-top:0!important;border-radius:0!important;box-shadow:none!important;}}

/* ---- covering reveal: the stage holds, later panels slide over it ---- */
.cov-track{position:relative;}
.cov-stage{position:sticky;top:0;z-index:1;}
/* every panel from industries onward rides above and covers it */
.mind{position:relative!important;z-index:3!important;margin-top:0!important;
  border-radius:28px 28px 0 0!important;box-shadow:0 -36px 84px rgba(11,12,14,.44)!important;}
.mind ~ section,.mind ~ footer{position:relative;z-index:3;background:#fff;}
#process{background:#fff;}
@media(max-width:760px){
  .cov-stage{position:relative;top:auto;}
  .mind{border-radius:0!important;box-shadow:none!important;}
}

/* cover reveal: cap the stage to the viewport so sticky actually engages */
.cov-track{position:relative!important;padding-bottom:0!important;}
/* industries and everything after it ride over the pinned stage */
.mind{position:relative!important;z-index:6!important;
  border-radius:28px 28px 0 0!important;box-shadow:0 -40px 90px rgba(11,12,14,.5)!important;}
.mind ~ section,.mind ~ footer,.mind ~ div{position:relative!important;z-index:6!important;}
@media(max-width:760px){
  .cov-stage{position:relative!important;height:auto!important;overflow:visible!important;}
  .mind{border-radius:0!important;box-shadow:none!important;}
}

/* cover reveal — deterministic: the stage stays in flow, industries pulls up over it */
.cov-track{position:relative!important;}
.cov-stage{position:relative!important;top:auto!important;height:auto!important;
  overflow:visible!important;z-index:1!important;}
.mind{position:relative!important;z-index:6!important;margin-top:-88vh!important;
  border-radius:28px 28px 0 0!important;box-shadow:0 -44px 96px rgba(11,12,14,.5)!important;}
.mind ~ section,.mind ~ footer,.mind ~ div{position:relative!important;z-index:6!important;}
.cov-track{padding-bottom:88vh!important;}
@media(max-width:760px){
  .cov-track{padding-bottom:0!important;}
  .mind{margin-top:0!important;border-radius:0!important;box-shadow:none!important;}
}

.mte{position:relative;z-index:6;background:#fff;}

.mai{position:relative;z-index:6;}

/* AI section: dark canvas as on the source page */
.mai{background:#0B0C0E!important;color:#fff!important;}
.mai-eyebrow{color:var(--rose-300)!important;}
.mai-eyebrow i{background:var(--rose-400)!important;box-shadow:0 0 0 3px rgba(249,47,100,.2)!important;}
.mai-h{color:#fff!important;}
.mai-lead{color:rgba(255,255,255,.72)!important;}
.mai-rule{background:rgba(255,255,255,.14)!important;}
.mai-k{color:rgba(255,255,255,.5)!important;}
#work{padding-left:0;padding-right:0;}
#work .pp-stack{position:relative;width:100%;max-width:none;margin:0;padding:0;}
#work .pp-card{position:sticky;top:0;left:auto!important;right:auto!important;transform:none!important;
#work .pp-media{position:absolute;inset:0;width:100%;height:100%;}
#work .pp-media img,#work .pp-media video{width:100%;height:100%;object-fit:cover;}


/* CTA band: dark canvas, opposing marquee tracks behind the copy */
  background:#0B0C0E!important;color:#fff;padding:clamp(56px,6vw,92px) 0;}
  white-space:nowrap;font-size:clamp(56px,9vw,132px);font-weight:600;letter-spacing:-0.04em;
  color:rgba(255,255,255,.05);pointer-events:none;user-select:none;z-index:0;}
@keyframes cbL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes cbR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
  text-align:center;max-width:var(--measure);margin:0 auto;padding:0 var(--gutter);}
  gap:9px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-300);}
  background:var(--rose-400);box-shadow:0 0 0 3px rgba(249,47,100,.2);}
  font-weight:500;letter-spacing:-0.04em;line-height:1.06;color:#fff;}
  background:linear-gradient(110deg,var(--rose-400),var(--violet-2));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
  font-weight:300;line-height:1.62;color:rgba(255,255,255,.62);}
  border-color:#fff;}
  border-color:var(--rose-500);}
@media(prefers-reduced-motion:reduce){
}



/* marquee */
.mq{position:relative;margin-top:20px;border-radius:20px;overflow:hidden;background:#0B0C0E;color:#fff;padding:clamp(38px,4.4vw,60px) 0;isolation:isolate;}
.mq-track{position:absolute;left:0;white-space:nowrap;font-size:clamp(58px,9vw,132px);font-weight:600;letter-spacing:-0.04em;color:rgba(255,255,255,.045);pointer-events:none;user-select:none;}
.mq-track.r1{top:6%;animation:mqL 34s linear infinite;}
.mq-track.r2{bottom:6%;animation:mqR 40s linear infinite;}
@keyframes mqL{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes mqR{from{transform:translateX(-50%);}to{transform:translateX(0);}}
.mq-in{position:relative;z-index:2;text-align:center;padding:0 clamp(20px,3vw,44px);}
.mq-in h3{margin-top:16px;font-size:clamp(26px,3.4vw,48px);font-weight:500;letter-spacing:-0.035em;line-height:1.06;}
.mq-in h3 em{font-style:normal;background:linear-gradient(110deg,var(--rose-400),var(--violet-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.mq-in p{margin:14px auto 0;max-width:56ch;font-size:15px;font-weight:300;line-height:1.62;color:rgba(255,255,255,.6);}
.mq-in .btn-ondark{margin-top:24px;}


.mau-cta{position:relative;z-index:6;background:#fff;padding:clamp(40px,4.6vw,72px) var(--gutter);}
.mau-cta .mq{max-width:var(--measure);margin:0 auto;}
.mau-cta .btn{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 26px;
  border-radius:999px;font-size:14.5px;font-weight:600;letter-spacing:-0.01em;text-decoration:none;
  background:#fff;color:#0B0C0E;transition:background .3s,color .3s,transform .35s var(--ease);}
.mau-cta .btn:hover{background:var(--rose-500);color:#fff;transform:translateY(-2px);}
.mau-cta .btn svg{width:15px;height:15px;}

.tsm-sec{position:relative;z-index:6;}

/* testimonials: two rows only */
.tsm-rows .tsm-row:nth-child(3){display:none!important;}

/* awards variant A — light mode */
#awA{position:relative;z-index:6;background:#fff!important;color:var(--ink)!important;}
#awA .avv-eyebrow{color:var(--rose-600)!important;}
#awA .ava-h{color:var(--ink)!important;}
#awA .ava-sub{color:var(--muted)!important;}
#awA .ava-row{border-color:var(--line)!important;}
#awA .ava-row:hover{background:#FBFBFC!important;}
#awA .ava-idx{color:var(--faint)!important;}
#awA .ava-name{color:var(--ink)!important;}
#awA .ava-cat,#awA .ava-award{color:var(--muted)!important;}
#awA .ava-orb{filter:none;}


/* awards rows: name + stars inline, award and meta right-aligned */
#awA .ava-row{display:grid;grid-template-columns:56px 1fr auto;gap:clamp(16px,2.4vw,44px);
  align-items:center;}
#awA .ava-main{display:flex;align-items:center;gap:clamp(12px,1.6vw,24px);}
#awA .ava-name{font-size:clamp(26px,3.2vw,46px);font-weight:500;letter-spacing:-0.04em;
  line-height:1;color:var(--ink);}
#awA .ava-stars{display:inline-flex;color:var(--rose-500);}
#awA .ava-score{font-size:clamp(16px,1.4vw,20px);font-weight:500;color:var(--ink);}
#awA .ava-honours{font-size:12.5px;font-weight:600;color:var(--rose-600);
  background:rgba(249,47,100,.1);border-radius:999px;padding:6px 13px;white-space:nowrap;}
#awA .ava-right{text-align:right;}
#awA .ava-award{display:block;font-size:clamp(15px,1.35vw,19px);font-weight:500;
  letter-spacing:-0.02em;color:var(--ink);}
#awA .ava-meta{display:block;margin-top:5px;font-family:var(--mono);font-size:10.5px;
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);}
@media(max-width:760px){
  #awA .ava-row{grid-template-columns:40px 1fr;}
  #awA .ava-right{grid-column:2;text-align:left;margin-top:8px;}
}

/* ============================================================
   SEE WHAT AI HAS TO SAY — scattered shots around centred copy
   ============================================================ */
.aisay{position:relative;z-index:6;background:#fff;overflow:hidden;
  padding:clamp(80px,10vw,150px) var(--gutter);min-height:clamp(520px,58vw,760px);
  display:flex;align-items:center;justify-content:center;}
.aisay-in{position:relative;z-index:2;text-align:center;}
.aisay-eye{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:400;
  letter-spacing:-0.01em;color:var(--ink);}
.aisay-eye i{width:6px;height:6px;border-radius:50%;background:var(--ink);}
.aisay-h{margin:clamp(14px,1.6vw,22px) 0 0;font-size:clamp(38px,6.4vw,88px);font-weight:500;
  letter-spacing:-0.045em;line-height:1.06;color:var(--ink);}
.aisay-chips{margin-top:clamp(20px,2.4vw,32px);display:flex;flex-wrap:wrap;gap:10px;
  justify-content:center;}
.aisay-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;
  background:#C6F24E;color:#0B0C0E;transition:transform .35s var(--ease),filter .3s ease;}
.aisay-chip svg{width:17px;height:17px;}
.aisay-chip b{font-size:15px;font-weight:500;letter-spacing:-0.015em;}
.aisay-chip:hover{transform:translateY(-2px);filter:brightness(1.04);}
/* scattered photographs */
.aisay-shot{position:absolute;z-index:1;display:block;border-radius:14px;overflow:hidden;
  box-shadow:0 20px 46px rgba(11,12,14,.14);transition:transform .8s var(--ease);}
.aisay-shot img{width:100%;height:100%;object-fit:cover;display:block;}
.aisay-shot.p1{left:3%;top:11%;width:clamp(190px,17vw,270px);aspect-ratio:4/3;}
.aisay-shot.p2{right:2%;top:2%;width:clamp(170px,16vw,250px);aspect-ratio:16/10;}
.aisay-shot.p3{left:-3%;bottom:22%;width:clamp(150px,14vw,215px);aspect-ratio:5/4;}
.aisay-shot.p4{right:8%;bottom:16%;width:clamp(110px,10vw,150px);aspect-ratio:3/4;}
.aisay-shot.p5{left:34%;bottom:2%;width:clamp(120px,11vw,165px);aspect-ratio:1/1;}
.aisay-shot.p6{right:1%;bottom:2%;width:clamp(130px,12vw,180px);aspect-ratio:4/3;}
.aisay:hover .aisay-shot.p1{transform:translate(-4px,-6px);}
.aisay:hover .aisay-shot.p2{transform:translate(4px,-4px);}
.aisay:hover .aisay-shot.p3{transform:translate(-5px,4px);}
.aisay:hover .aisay-shot.p4{transform:translate(4px,5px);}
.aisay:hover .aisay-shot.p5{transform:translate(-3px,5px);}
.aisay:hover .aisay-shot.p6{transform:translate(5px,4px);}
@media(prefers-reduced-motion:reduce){.aisay-shot{transition:none;}}
@media(max-width:900px){
  .aisay{min-height:0;padding:clamp(56px,8vw,90px) var(--gutter);}
  .aisay-shot.p2,.aisay-shot.p4,.aisay-shot.p6{display:none;}
  .aisay-shot.p1{width:120px;top:2%;}
  .aisay-shot.p3{width:110px;bottom:4%;}
  .aisay-shot.p5{width:96px;left:auto;right:2%;bottom:6%;}
}

/* chips: WDI rose, not lime */
.aisay-chip{background:var(--rose-500)!important;color:#fff!important;}
.aisay-chip:hover{background:var(--rose-600)!important;filter:none!important;}
/* images: continuous float, staggered so they drift independently */
.aisay-shot{animation:aisayFloat 9s ease-in-out infinite;will-change:transform;}
.aisay-shot.p1{animation-duration:9.5s;animation-delay:0s;}
.aisay-shot.p2{animation-duration:11s;animation-delay:-1.4s;}
.aisay-shot.p3{animation-duration:8.5s;animation-delay:-2.8s;}
.aisay-shot.p4{animation-duration:10.5s;animation-delay:-4.2s;}
.aisay-shot.p5{animation-duration:9s;animation-delay:-5.6s;}
.aisay-shot.p6{animation-duration:12s;animation-delay:-7s;}
@keyframes aisayFloat{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg);}
  50%{transform:translate3d(0,-14px,0) rotate(-.6deg);}
}
/* reveal as the section enters view */
.aisay-shot{opacity:0;}
.aisay.in .aisay-shot{opacity:1;transition:opacity .8s var(--ease);}
.aisay.in .aisay-shot.p2{transition-delay:.08s;}
.aisay.in .aisay-shot.p3{transition-delay:.16s;}
.aisay.in .aisay-shot.p4{transition-delay:.24s;}
.aisay.in .aisay-shot.p5{transition-delay:.32s;}
.aisay.in .aisay-shot.p6{transition-delay:.4s;}
.aisay-shot:hover{animation-play-state:paused;box-shadow:0 28px 60px rgba(11,12,14,.22);}
/* hover nudges are handled by the float now */
.aisay:hover .aisay-shot.p1,.aisay:hover .aisay-shot.p2,.aisay:hover .aisay-shot.p3,
.aisay:hover .aisay-shot.p4,.aisay:hover .aisay-shot.p5,.aisay:hover .aisay-shot.p6{transform:none;}
@media(prefers-reduced-motion:reduce){
  .aisay-shot{animation:none!important;opacity:1!important;}
}

.mrs{position:relative;z-index:6;background:#fff;}
.mrs-grid{grid-template-columns:repeat(4,1fr);}
@media(max-width:1020px){.mrs-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:760px){.mrs-grid{grid-template-columns:1fr;}}

/* capabilities: pseudo-bento with varied spans, like the support section */
.mrs-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;
  grid-auto-rows:minmax(clamp(220px,20vw,290px),auto)!important;
  gap:clamp(14px,1.5vw,22px)!important;grid-auto-flow:dense;}
.mrs-cell{min-height:0!important;}
.mrs-cell:nth-child(1){grid-column:span 3;}
.mrs-cell:nth-child(2){grid-column:span 3;}
.mrs-cell:nth-child(3){grid-column:span 2;}
.mrs-cell:nth-child(4){grid-column:span 2;}
.mrs-cell:nth-child(5){grid-column:span 2;}
.mrs-cell:nth-child(6){grid-column:span 3;}
.mrs-cell:nth-child(7){grid-column:span 3;}
.mrs-cell:nth-child(1) h3,.mrs-cell:nth-child(2) h3,
.mrs-cell:nth-child(6) h3,.mrs-cell:nth-child(7) h3{font-size:clamp(22px,2.2vw,32px)!important;}
@media(max-width:1020px){
  .mrs-grid{grid-template-columns:repeat(4,1fr)!important;}
  .mrs-cell:nth-child(n){grid-column:span 2;}
}
@media(max-width:760px){
  .mrs-grid{grid-template-columns:1fr!important;}
  .mrs-cell:nth-child(n){grid-column:span 1;}
}

/* dark capability cells keep their ink surface and light type on hover */
.mrs-cell:nth-child(1):hover,.mrs-cell:nth-child(5):hover{background:#12141A!important;}
.mrs-cell:nth-child(1):hover h3,.mrs-cell:nth-child(5):hover h3{color:#fff!important;}
.mrs-cell:nth-child(1):hover p,.mrs-cell:nth-child(5):hover p{color:rgba(255,255,255,.6)!important;}
.mrs-cell:nth-child(1):hover .mrs-n,.mrs-cell:nth-child(5):hover .mrs-n{color:rgba(255,255,255,.4)!important;}
/* copy no longer shifts up into the icon; the pill sits below it instead */
.mrs-cell:hover .mrs-body{transform:none!important;}
.mrs-cell{display:flex;flex-direction:column;}
.mrs-body{margin-top:auto;}
.mrs-pill{position:static!important;opacity:0;transform:translateY(6px);pointer-events:none;
  margin-top:clamp(14px,1.6vw,20px);align-self:flex-start;
  transition:opacity .38s ease,transform .42s var(--ease),background .3s ease,gap .3s ease;}
.mrs-cell:hover .mrs-pill,.mrs-cell:focus-within .mrs-pill{opacity:1;transform:none;pointer-events:auto;}
@media(hover:none){.mrs-pill{opacity:1;transform:none;pointer-events:auto;}}

/* ============================================================
   WHY BUILD WITH WDI — label left, 2 × 3 tinted cards right
   ============================================================ */
.wby{position:relative;z-index:6;background:#fff;padding:clamp(64px,7.4vw,112px) 0;}
.wby-in{display:grid;grid-template-columns:clamp(280px,30vw,420px) 1fr;
  gap:clamp(28px,4vw,80px);align-items:start;}
.wby-eye{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink);border:1px solid var(--line-2);
  border-radius:999px;padding:8px 16px;}
.wby-h{margin:clamp(20px,2.4vw,30px) 0 0;font-size:clamp(30px,3.6vw,54px);font-weight:500;
  letter-spacing:-0.04em;line-height:1.1;color:var(--ink);}
.wby-lead{margin:clamp(18px,2vw,24px) 0 0;max-width:34ch;font-size:15px;font-weight:400;
  line-height:1.66;color:var(--muted);}
.wby-cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(24px,2.6vw,34px);
  height:46px;padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;
  font-size:13.5px;font-weight:600;letter-spacing:-0.01em;text-decoration:none;
  transition:background .3s ease,transform .35s var(--ease),gap .3s ease;}
.wby-cta svg{width:14px;height:14px;}
.wby-cta:hover{background:var(--rose-500);transform:translateY(-2px);gap:14px;}
.wby-cta:focus-visible{outline:2px solid var(--rose-500);outline-offset:4px;}
/* cards */
.wby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.5vw,20px);}
.wby-cell{padding:clamp(24px,2.4vw,32px);border-radius:14px;background:#F7F7F8;
  transition:background .35s ease,transform .45s var(--ease);}
.wby-cell:hover{background:#F2F2F4;transform:translateY(-3px);}
.wby-ic{display:grid;place-items:center;width:34px;height:34px;color:var(--ink);
  transition:color .3s ease;}
.wby-ic svg{width:100%;height:100%;}
.wby-cell:hover .wby-ic{color:var(--rose-600);}
.wby-cell h3{margin:clamp(18px,2vw,26px) 0 0;font-size:16px;font-weight:600;
  letter-spacing:-0.015em;line-height:1.3;color:var(--ink);}
.wby-cell p{margin:10px 0 0;font-size:13.5px;font-weight:400;line-height:1.62;color:var(--muted);}
@media(max-width:1020px){.wby-in{grid-template-columns:1fr;gap:32px;}}
@media(max-width:620px){.wby-grid{grid-template-columns:1fr;}}

/* why-WDI: card titles up a step; left column centred against the grid */
.wby-cell h3{font-size:21px!important;line-height:1.24!important;}
.wby-l{align-self:center;}

/* why-WDI cards: adopt the support-section bento palette */
.wby-cell:nth-child(1){background:linear-gradient(160deg,#F2F2F4,#E9EAEE)!important;}
.wby-cell:nth-child(2){background:linear-gradient(160deg,#F4EEFF,#EDE4FF)!important;}
.wby-cell:nth-child(3){background:linear-gradient(160deg,#FFEFF4,#FFE3EC)!important;}
.wby-cell:nth-child(4){background:linear-gradient(160deg,#EAF6F1,#DFF1E9)!important;}
.wby-cell:nth-child(5){background:linear-gradient(160deg,#EFF3FA,#E4EBF7)!important;}
.wby-cell:nth-child(6){background:linear-gradient(160deg,#F5F3EE,#EDE9E1)!important;}
.wby-cell{border-radius:20px!important;}
.wby-cell:hover{filter:brightness(.985);transform:translateY(-3px);}

.fq-sec,.ft2{position:relative;z-index:6;}
.fq-sec{background:#fff;}

/* portfolio: dark mode header + surround */
#work,.pp-projects{background:#0B0C0E!important;}
#work .pp-head-eye,.pp-projects .pp-head-eye{color:var(--rose-300)!important;}
#work .pp-head h2,.pp-projects .pp-head h2,
#work .pp-h,.pp-projects .pp-h{color:#fff!important;}
#work .pp-intro,.pp-projects .pp-intro,
#work .pp-head p,.pp-projects .pp-head p{color:rgba(255,255,255,.66)!important;}
#work .pp-caps,.pp-projects .pp-caps{border-color:rgba(255,255,255,.14)!important;}
#work .pp-cap,.pp-projects .pp-cap{color:rgba(255,255,255,.62)!important;
  background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.16)!important;}
#work .pp-cap:hover,.pp-projects .pp-cap:hover{color:#fff!important;background:rgba(255,255,255,.12)!important;}
#work .pp-cap.active,.pp-projects .pp-cap.active{color:#0B0C0E!important;background:#fff!important;
  border-color:#fff!important;}
#work .pp-head-cta,.pp-projects .pp-head-cta{color:#fff!important;border-color:rgba(255,255,255,.28)!important;}
#work .pp-head-cta:hover,.pp-projects .pp-head-cta:hover{background:var(--rose-500)!important;
  border-color:var(--rose-500)!important;color:#fff!important;}

/* portfolio dark mode — targeted at the real structure */
.pp-projects{background:#0B0C0E!important;}
.pp-projects > .wrap{background:transparent!important;}
.pp-projects h2{color:#fff!important;}
.pp-projects > .wrap p{color:rgba(255,255,255,.66)!important;}
.pp-projects .pp-eyebrow,.pp-projects .eyebrow-2{color:var(--rose-300)!important;}
.pp-projects .pp-cap{color:rgba(255,255,255,.62)!important;background:rgba(255,255,255,.06)!important;
  border-color:rgba(255,255,255,.16)!important;}
.pp-projects .pp-cap:hover{color:#fff!important;background:rgba(255,255,255,.12)!important;}
.pp-projects .pp-cap.active{color:#0B0C0E!important;background:#fff!important;border-color:#fff!important;}
.pp-projects .pp-caps{border-color:rgba(255,255,255,.14)!important;}

/* footer variant 2: dark surface (its type is already light) */
.ft2{background:#0B0C0E!important;color:#fff!important;}

.ct-form-sec{position:relative;z-index:6;}

/* strands: no full-surface CSS filter — softness comes from the paint + upscale */
.mrv-strands{filter:none!important;transform:translateZ(0);}
/* define the decision-grid gradient stops that were only ever falling back */
:root{--g1:rgba(249,47,100,.9);--g2:rgba(122,0,255,.55);}

/* ---- user-supplied screenshots inside the support cards ---- */
.spm-grid{position:relative;}
.spm-card{position:relative;}
.spm-shot{position:absolute;display:block;object-fit:cover;pointer-events:none;}
.s-t1{width:385px;max-width:70%;height:auto;aspect-ratio:385/802;left:456px;top:-117px;border-radius:59px;}
.s-t3{width:351px;height:398px;max-width:100%;aspect-ratio:3210/3687;left:83px;top:-34px;}
.s-t4{width:2860px;max-width:100%;height:auto;aspect-ratio:2860/6722;top:115px;}
.s-t5{width:2787px;max-width:100%;height:auto;aspect-ratio:2787/2090;left:-195px;top:32px;}
.s-t5b{width:196px;height:396px;max-width:100%;aspect-ratio:800/1610;left:461px;top:-180px;border-radius:40px;}
.spm-art.a4{width:838px;height:269px;}
.spm-card.t5 .cld{left:319px;top:86px;position:absolute;width:306px;height:93px;}
/* marquee weight + client tile sizing from the same edit set */
.mlw-row span{font-weight:200;font-style:normal;text-decoration-line:none;}
.mlw{position:relative;}
.mcl-notch{width:403px;height:43px;}
.mcl-tile img[alt="Blue Star"]{width:68px;height:40px;object-fit:fill;}
@media(max-width:900px){.spm-shot{display:none;}.spm-art.a4{width:auto;height:auto;}}

/* dedicated-teams squad panel: repositioned per direct edit */
.spm-card.t6 .sq{left:13px;top:0;position:absolute;width:481px;height:158px;}
@media(max-width:900px){.spm-card.t6 .sq{position:static;height:auto;}}

/* t4 screenshot: card-level, replacing the in-heading placement */
.s-t4{width:1742px;max-width:100%;height:auto;aspect-ratio:1742/1218;top:142px;left:-8px;}

/* portfolio + post-portfolio CTA: pure black surface */
#work,.pp-projects{background-color:#000!important;}
.mau-cta{background-color:#000!important;}

/* capability screenshots per direct edits */
.mrs-cell{position:relative;}
.mrs-body{position:relative;}
.mrs-grid{position:relative;}
.mrs-shot{position:absolute;display:block;object-fit:cover;max-width:100%;pointer-events:none;}
.s-c1{width:245px;height:296px;aspect-ratio:3178/3846;left:358px;top:-50px;}
.s-c2{width:371px;height:319px;aspect-ratio:2345/1920;left:263px;top:-91px;}
@media(max-width:1100px){.mrs-shot{display:none;}}

/* team augmentation: face collage fills the empty right side */
.s-c6{width:213px;height:334px;aspect-ratio:719/1129;
  right:-28px;top:-82px;left:auto;object-fit:contain;opacity:.96;}
@media(max-width:1100px){.s-c6{display:none;}}

.s-c7{width:308px;height:377px;aspect-ratio:1424/1744;left:383px;top:6px;object-fit:cover;}
@media(max-width:1100px){.s-c7{display:none;}}

.tsm-rows .tsm-row:nth-child(2){display:none!important;}

/* hero graphic */
.mrh-in{position:relative;}
.mrh-shot{position:absolute;display:block;object-fit:cover;pointer-events:none;
  width:346px;height:592px;aspect-ratio:1938/3312;left:1030px;top:-241px;}
@media(max-width:1200px){.mrh-shot{display:none;}}

/* ---- hero statistics row (folded in from the trust-snapshot section) ---- */
.mrh-stats{margin-top:clamp(30px,3.6vw,52px);padding-top:clamp(22px,2.6vw,34px);border-top:1px solid #ECEDF0;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,48px);}
.mrh-stat{display:flex;flex-direction:column;gap:6px;min-width:0;}
.mrh-stat .k{font-family:'Space Grotesk',ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#8A8F98;}
.mrh-stat b{font-size:clamp(30px,3.4vw,46px);font-weight:500;letter-spacing:-0.035em;line-height:1;color:#0B0C0E;}
.mrh-stat b i{font-style:normal;font-weight:300;color:#F92F64;}
.mrh-stat .l{font-size:clamp(13px,1.05vw,14.5px);font-weight:300;line-height:1.5;color:#41454C;}
@media(max-width:940px){.mrh-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px;}}
@media(max-width:560px){.mrh-stat b{font-size:28px;}}

/* ---- showcase: scroll-scrubbed video, edge to edge ---- */
.mrx .sxp-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0B0C0E;transform-origin:center;will-change:transform;pointer-events:none;}
.mrx .sxp-stage{background:#0B0C0E;}
.mrx .sxp-scrim{background:linear-gradient(to top,rgba(8,9,12,.5),transparent 46%),radial-gradient(80% 70% at 50% 50%,transparent 52%,rgba(8,9,12,.36));}
.sxp-edge{position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);}
.sxp-prog{position:absolute;left:clamp(18px,4vw,52px);right:clamp(18px,4vw,52px);bottom:clamp(16px,3vw,34px);height:2px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden;pointer-events:none;}
.sxp-prog i{display:block;height:100%;width:var(--vp,0%);border-radius:2px;background:linear-gradient(90deg,#F92F64,#FF7BA3);box-shadow:0 0 12px rgba(249,47,100,.6);}
@media(prefers-reduced-motion:reduce){.mrx .sxp-vid{position:relative;transform:none!important;height:auto;}.sxp-prog{display:none;}}

/* scrubbed video: keep it on its own compositor layer, drop the per-frame filters */
.mrx .sxp-vid{will-change:transform;transform:translateZ(0);backface-visibility:hidden;}
.sxp-prog i{will-change:width;}

/* pre-decoded frame canvas sits over the video and takes over once warm */
.mrx .sxp-cv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0B0C0E;
  opacity:0;transition:opacity .5s cubic-bezier(.22,.61,.36,1);pointer-events:none;transform:translateZ(0);}
.mrx .sxp-cv.on{opacity:1;}
.mrx .sxp-cv.gone{display:none;}

/* showcase video plays natively; canvas layer retired */
.mrx .sxp-cv{display:none!important;}
.sxp-prog{display:none!important;}
.mrx .sxp-vid{object-fit:cover;}

/* crop the bottom 10% of the clip (watermark) — the frame stays full-bleed */
.mrx .sxp-vid{height:111.2%;top:0;bottom:auto;}

/* isolate the clip on its own layer and stop the reveal from re-rasterising it each frame */

.mrx .sxp-vid{transform:translateZ(0);backface-visibility:hidden;image-rendering:auto;}

/* if the clip ever fails to paint, the panel still reads as designed rather than black */
.mrx .sxp-frame{background:linear-gradient(140deg,#141620,#0B0C0E 46%,#1A1220);}
.mrx .sxp-stage{background:linear-gradient(140deg,#141620,#0B0C0E 46%,#1A1220);}

/* ---- Marquee → services handoff: two planes with genuine separation.
   The marquee lifts away at its own rate (no colour change) while the services
   plane arrives as a distinct card — rounded leading edge flattening as it seats. ---- */
.mws-drop{position:relative;z-index:3;overflow:clip;
  border-radius:calc((1 - var(--mp,0)) * 34px) calc((1 - var(--mp,0)) * 34px) 0 0;
  box-shadow:0 calc((1 - var(--mp,0)) * -34px) calc((1 - var(--mp,0)) * 64px) rgba(0,0,0,calc((1 - var(--mp,0)) * .42));
  will-change:border-radius;}
.mws-drop .mws-track{
  transform:translate3d(0,calc((var(--mp,0) - 1) * 20%),0);
  will-change:transform;backface-visibility:hidden;}
/* the plane's own leading-edge falloff, gone once it lands */
.mws-drop::before{content:"";position:absolute;left:0;right:0;top:0;height:clamp(80px,12vh,160px);z-index:5;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,calc(.46 * (1 - var(--mp,0)))),transparent);}
/* hairline of light along the arriving edge */
.mws-drop::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:6;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,calc(var(--mp,0) * .22)) 30%,rgba(255,255,255,calc(var(--mp,0) * .22)) 70%,transparent);}
/* the marquee travels up faster than the scroll, so the planes separate — geometry only */
.mlw{position:relative;z-index:1;
  transform:translate3d(0,calc(var(--mrq,0) * -11%),0);
  will-change:transform;backface-visibility:hidden;}
@media(max-width:940px){
  .mws-drop{overflow:visible;border-radius:0;box-shadow:none;}
  .mws-drop .mws-track{transform:none;}
  .mws-drop::before,.mws-drop::after{display:none;}
  .mlw{transform:none;}
}
@media(prefers-reduced-motion:reduce){.mws-drop .mws-track{transform:none;}.mlw{transform:none;}.mws-drop{border-radius:0;box-shadow:none;}}

/* ---- services: staged content reveal as the plane lands ---- */
.mws-drop .mws-eye,.mws-drop .mws-h,.mws-drop .mws-lead,
.mws-drop .mws-rule,.mws-drop .mws-card{
  --d:0;
  opacity:calc(max(0, (var(--mp,0) - var(--d)) / .34));
  transform:translate3d(0,calc((1 - min(1, max(0,(var(--mp,0) - var(--d)) / .34))) * 22px),0);
  will-change:opacity,transform;}
.mws-drop .mws-eye{--d:0.06}
.mws-drop .mws-h{--d:0.12}
.mws-drop .mws-lead{--d:0.24}
.mws-drop .mws-rule{--d:0.32;transform-origin:0 50%;
  transform:scaleX(calc(min(1, max(0,(var(--mp,0) - .32) / .4))));}
.mws-drop .mws-card:nth-child(1){--d:0.38}
.mws-drop .mws-card:nth-child(2){--d:0.44}
.mws-drop .mws-card:nth-child(3){--d:0.50}
.mws-drop .mws-card:nth-child(4){--d:0.54}
.mws-drop .mws-card:nth-child(5){--d:0.58}
.mws-drop .mws-card:nth-child(6){--d:0.62}
/* the heading rises word by word */
.mws-drop .mws-h .w{display:inline-block;
  opacity:calc(max(0, (var(--mp,0) - var(--wd,0)) / .26));
  transform:translate3d(0,calc((1 - min(1, max(0,(var(--mp,0) - var(--wd,0)) / .26))) * 0.5em),0);}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .mws-drop .mws-eye,.mws-drop .mws-h,.mws-drop .mws-lead,
  .mws-drop .mws-rule,.mws-drop .mws-card,.mws-drop .mws-h .w{opacity:1;transform:none;}
}

/* ============================================================
   EYEBROWS — one consistent treatment across every section
   ============================================================ */
.wdi-eye,
.mcl-eye,.mws-eye,.mdg-eye,.msol-eyebrow,.mind-eyebrow,.pr-eyebrow,
.mte-eyebrow,.mai-eyebrow,.ts-eyebrow,.aisay-eye,.wby-eye,.mrs-eye,
.fq-eyebrow,.spm-eye,.pp-projects-head .eyebrow{
  display:inline-flex!important;align-items:center;gap:10px;
  font-family:'Space Grotesk',ui-monospace,monospace!important;
  font-size:11px!important;font-weight:600!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;
  line-height:1!important;margin:0 0 18px!important;
  color:#F92F64!important;}
.wdi-eye::before,
.mcl-eye::before,.mws-eye::before,.mdg-eye::before,.msol-eyebrow::before,.mind-eyebrow::before,
.pr-eyebrow::before,.mte-eyebrow::before,.mai-eyebrow::before,.ts-eyebrow::before,
.aisay-eye::before,.wby-eye::before,.mrs-eye::before,.fq-eyebrow::before,.spm-eye::before,
.pp-projects-head .eyebrow::before{
  content:"";width:22px;height:1.5px;flex:none;background:currentColor;opacity:.85;}
/* the old inline dash markers are replaced by the ::before rule */
.mcl-eye>i,.mws-eye>i,.msol-eyebrow>i,.mind-eyebrow>i,.mte-eyebrow>i,.mai-eyebrow>i,.aisay-eye>i{display:none!important;}
/* on dark grounds the rose reads brighter */
.mcl-eye,.mws-eye,.mdg-eye,.mai-eyebrow,.aisay-eye,.ts-eyebrow,.pp-projects-head .eyebrow{color:#FF7BA3!important;}
.avv-sec.av-a .wdi-eye{margin-bottom:0!important;}
.ct-eye-row{position:relative;z-index:3;padding-top:clamp(30px,4vw,52px);}

/* eyebrow unification — raised specificity to beat madv2-page.css and #work rules */
body section .wdi-eye,
body section .mcl-eye,body section .mws-eye,body section .mdg-eye,body section .msol-eyebrow,
body section .mind-eyebrow,body section .pr-eyebrow,body section .mte-eyebrow,
body section .mai-eyebrow,body section .ts-eyebrow,body section .aisay-eye,
body section .wby-eye,body section .mrs-eye,body section .fq-eyebrow,body section .spm-eye,
body section .avv-eyebrow,body section .lfv-eyebrow,
#work .pp-projects-head .eyebrow{
  display:inline-flex!important;align-items:center!important;gap:10px!important;width:auto!important;
  font-family:'Space Grotesk',ui-monospace,monospace!important;
  font-size:11px!important;font-weight:600!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;line-height:1!important;}
body section .wdi-eye::before,
body section .mcl-eye::before,body section .mws-eye::before,body section .mdg-eye::before,
body section .msol-eyebrow::before,body section .mind-eyebrow::before,body section .pr-eyebrow::before,
body section .mte-eyebrow::before,body section .mai-eyebrow::before,body section .ts-eyebrow::before,
body section .aisay-eye::before,body section .wby-eye::before,body section .mrs-eye::before,
body section .fq-eyebrow::before,body section .spm-eye::before,
body section .avv-eyebrow::before,body section .lfv-eyebrow::before,
#work .pp-projects-head .eyebrow::before{
  content:""!important;width:22px!important;height:1.5px!important;flex:none!important;
  background:currentColor!important;border-radius:0!important;box-shadow:none!important;
  opacity:.85!important;animation:none!important;margin:0!important;}
#work .pp-projects-head .eyebrow{color:#FF7BA3!important;}
body section .avv-eyebrow,body section .lfv-eyebrow{color:#F92F64!important;}
body section .pr-eyebrow,body section .fq-eyebrow{color:#F92F64!important;}
body section .ts-eyebrow{color:#FF7BA3!important;}

/* the clients panel stays above the lifting marquee so its rounded corners are never clipped */
.mcl{position:relative;z-index:3;}

/* ---- support your mobile product: staged fade-in per bento card ---- */
.spm-grid .spm-card{opacity:0;transform:translate3d(0,26px,0) scale(.985);
  transition:opacity .95s cubic-bezier(.22,.61,.36,1),transform 1.05s cubic-bezier(.22,.61,.36,1);
  will-change:opacity,transform;}
.spm-grid .spm-card.in{opacity:1;transform:none;}
.spm-grid .spm-card:nth-child(1).in{transition-delay:0ms;}
.spm-grid .spm-card:nth-child(2).in{transition-delay:90ms;}
.spm-grid .spm-card:nth-child(3).in{transition-delay:180ms;}
.spm-grid .spm-card:nth-child(4).in{transition-delay:120ms;}
.spm-grid .spm-card:nth-child(5).in{transition-delay:210ms;}
.spm-grid .spm-card:nth-child(6).in{transition-delay:300ms;}
.spm-head .spm-eye,.spm-head .spm-h,.spm-head .spm-lead{opacity:0;transform:translate3d(0,20px,0);
  transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1);}
.spm-head.in .spm-eye{opacity:1;transform:none;}
.spm-head.in .spm-h{opacity:1;transform:none;transition-delay:90ms;}
.spm-head.in .spm-lead{opacity:1;transform:none;transition-delay:180ms;}
@media(prefers-reduced-motion:reduce){
  .spm-grid .spm-card,.spm-head .spm-eye,.spm-head .spm-h,.spm-head .spm-lead{opacity:1!important;transform:none!important;transition:none!important;}
}

/* ============================================================
   SELECTED WORK — device carousel (393x852 phone, side-scroll depth)
   ============================================================ */
.dvw{position:relative;z-index:1;background:#08090C;color:#fff;padding:clamp(72px,8vw,124px) 0 clamp(60px,7vw,104px);overflow:clip;}
.dvw::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(52% 46% at 50% 12%,rgba(249,47,100,.14),transparent 66%),radial-gradient(46% 44% at 84% 88%,rgba(122,0,255,.14),transparent 66%);}
.dvw-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr minmax(0,42ch);gap:clamp(22px,4vw,64px);align-items:end;}
.dvw-h{margin:0;font-size:clamp(34px,4.6vw,64px);font-weight:500;letter-spacing:-0.04em;line-height:1.02;color:#fff;}
.dvw-lead{margin:0;font-size:clamp(14.5px,1.15vw,17px);font-weight:300;line-height:1.6;color:rgba(255,255,255,.62);}

.dvw-stage{position:relative;z-index:2;margin-top:clamp(38px,5vw,72px);height:clamp(520px,64vh,700px);
  perspective:1700px;perspective-origin:50% 45%;touch-action:pan-y;cursor:grab;}
.dvw-stage.drag{cursor:grabbing;}
.dvw-rail{position:absolute;inset:0;transform-style:preserve-3d;}

.dvw-card{position:absolute;left:50%;top:50%;width:clamp(268px,20vw,330px);
  transform-style:preserve-3d;margin-left:calc(clamp(268px,20vw,330px) / -2);
  margin-top:calc(clamp(268px,20vw,330px) * 852 / 393 / -2);
  will-change:transform,opacity;}
/* phone shell — 393x852 */
.dvw-phone{position:relative;aspect-ratio:393/852;border-radius:13.5%/6.2%;
  background:linear-gradient(158deg,#3A3D45,#0E0F13 34%,#22242B 68%,#0B0C0E);
  padding:2.6%;box-shadow:0 60px 120px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.08);}
.dvw-btn{position:absolute;background:linear-gradient(90deg,#4A4D55,#23252B);border-radius:2px;}
.dvw-btn.v1{left:-1.4%;top:20%;width:1.6%;height:5%;}
.dvw-btn.v2{left:-1.4%;top:28%;width:1.6%;height:8.4%;}
.dvw-btn.v3{left:-1.4%;top:38.5%;width:1.6%;height:8.4%;}
.dvw-btn.pw{right:-1.4%;top:29%;width:1.6%;height:11%;background:linear-gradient(270deg,#4A4D55,#23252B);}
.dvw-screen{position:relative;width:100%;height:100%;border-radius:11.4%/5.3%;overflow:hidden;background:#000;}
.dvw-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(112%) contrast(104%);}
.dvw-scrim{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(4,5,8,.9) 4%,rgba(4,5,8,.46) 38%,rgba(4,5,8,.18) 62%,rgba(4,5,8,.5));}
.dvw-island{position:absolute;left:50%;top:2.1%;transform:translateX(-50%);width:31%;height:3.6%;border-radius:999px;background:#000;z-index:4;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);}
.dvw-status{position:absolute;left:8%;right:8%;top:2.3%;display:flex;align-items:center;justify-content:space-between;z-index:3;
  font-family:'Space Grotesk',monospace;font-size:10px;font-weight:600;letter-spacing:.02em;color:rgba(255,255,255,.9);}
.dvw-status i{width:16px;height:8px;border-radius:2px;border:1px solid rgba(255,255,255,.6);position:relative;}
.dvw-status i::after{content:"";position:absolute;inset:1.5px;right:5px;background:rgba(255,255,255,.85);border-radius:1px;}

.dvw-ui{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;padding:0 8% 9%;text-align:left;}
.dvw-ind{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
  font-family:'Space Grotesk',monospace;font-size:8.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.82);}
.dvw-ind::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--hue,#fff);box-shadow:0 0 9px var(--hue,#fff);}
.dvw-mark img{height:26px;width:auto;max-width:74%;object-fit:contain;display:block;
  padding:6px 11px;border-radius:9px;background:rgba(255,255,255,.94);}
.dvw-mark .lg{font-size:19px;font-weight:700;letter-spacing:-0.02em;color:#fff;}
.dvw-mark .lg em{font-style:normal;color:var(--hue,#fff);}
.dvw-ui h3{margin:2px 0 0;font-size:22px;font-weight:500;letter-spacing:-0.03em;line-height:1.05;color:#fff;}
.dvw-tag{margin:0;font-size:12.5px;font-weight:300;line-height:1.4;color:rgba(255,255,255,.78);}
.dvw-impact{display:block;margin-top:5px;padding-top:9px;border-top:1px solid rgba(255,255,255,.16);
  font-size:11.5px;font-weight:400;line-height:1.45;color:#fff;}
.dvw-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px;}
.dvw-chips i{font-style:normal;font-size:9px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.86);
  padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);}
/* the live card gets its hue glow */
.dvw-card.is-live .dvw-phone{box-shadow:0 60px 120px -40px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.12),0 0 90px -22px var(--hue,#fff);}

.dvw-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:120;width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.2);
  backdrop-filter:blur(10px);cursor:pointer;transition:background .3s,border-color .3s,transform .3s var(--ease,cubic-bezier(.22,.61,.36,1));}
.dvw-nav svg{width:19px;height:19px;}
.dvw-nav:hover{background:#fff;color:#0B0C0E;border-color:#fff;}
.dvw-nav.prev{left:clamp(10px,3vw,44px);}
.dvw-nav.next{right:clamp(10px,3vw,44px);}
.dvw-nav.prev:hover{transform:translateY(-50%) translateX(-3px);}
.dvw-nav.next:hover{transform:translateY(-50%) translateX(3px);}

.dvw-foot{position:relative;z-index:2;margin-top:clamp(30px,4vw,54px);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.dvw-meta{display:flex;align-items:center;gap:clamp(14px,2vw,28px);}
.dvw-n{font-family:'Space Grotesk',monospace;font-size:12.5px;font-weight:600;letter-spacing:.12em;color:#fff;}
.dvw-n em{font-style:normal;color:rgba(255,255,255,.42);}
.dvw-name{font-size:clamp(17px,1.5vw,21px);font-weight:500;letter-spacing:-0.02em;color:#fff;}
.dvw-go{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:#fff;text-decoration:none;
  padding:11px 20px;border-radius:999px;border:1px solid rgba(255,255,255,.26);transition:background .3s,color .3s,border-color .3s;}
.dvw-go svg{width:15px;height:15px;}
.dvw-go:hover{background:#F92F64;border-color:#F92F64;}
.dvw-dots{display:flex;gap:9px;}
.dvw-dot{width:26px;height:3px;border-radius:2px;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.22);transition:background .35s,width .35s var(--ease,cubic-bezier(.22,.61,.36,1));}
.dvw-dot.on{width:44px;background:#F92F64;}

@media(max-width:940px){
  .dvw-head{grid-template-columns:1fr;}
  .dvw-stage{height:clamp(460px,58vh,560px);perspective:1200px;}
  .dvw-nav{display:none;}
}
@media(prefers-reduced-motion:reduce){.dvw-card{transition:none;}}

/* ---- carousel side panels: reviews, industry, stat, CTA ---- */
.dvw-side{position:absolute;top:50%;transform:translateY(-50%);z-index:110;width:clamp(178px,17vw,248px);
  display:flex;flex-direction:column;gap:clamp(14px,1.8vw,24px);pointer-events:none;}
.dvw-side>*{pointer-events:auto;}
.dvw-side-l{left:clamp(14px,4.4vw,84px);}
.dvw-side-r{right:clamp(14px,4.4vw,84px);text-align:left;}
.dvw-rev{padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);backdrop-filter:blur(12px);}
.dvw-rev-k,.dvw-ind-k,.dvw-fact em{display:block;font-family:'Space Grotesk',monospace;font-size:9.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.dvw-rev-row{display:flex;align-items:center;gap:9px;margin-top:11px;}
.dvw-rev-row img{height:17px;width:auto;}
.dvw-rev-row b{font-size:19px;font-weight:600;letter-spacing:-0.02em;color:#fff;}
.dvw-stars{display:inline-flex;gap:2px;color:#F92F64;}
.dvw-stars svg{width:11px;height:11px;}
.dvw-rev-n{display:block;margin-top:9px;font-size:11px;font-weight:300;line-height:1.45;color:rgba(255,255,255,.55);}
.dvw-facts{display:flex;flex-direction:column;gap:12px;padding-left:14px;border-left:1px solid rgba(255,255,255,.14);}
.dvw-fact{font-size:12.5px;font-weight:400;line-height:1.35;color:rgba(255,255,255,.86);}
.dvw-fact em{margin-bottom:4px;}
.dvw-ind-card{padding:18px;border-radius:16px;border:1px solid color-mix(in srgb,var(--hue,#fff) 34%,transparent);
  background:linear-gradient(150deg,color-mix(in srgb,var(--hue,#fff) 16%,rgba(255,255,255,.03)),rgba(255,255,255,.02));backdrop-filter:blur(12px);}
.dvw-ind-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;margin-bottom:14px;
  color:var(--hue,#fff);background:color-mix(in srgb,var(--hue,#fff) 18%,transparent);border:1px solid color-mix(in srgb,var(--hue,#fff) 38%,transparent);}
.dvw-ind-ic svg{width:19px;height:19px;}
.dvw-ind-v{display:block;margin-top:6px;font-size:15px;font-weight:500;letter-spacing:-0.02em;color:#fff;}
.dvw-stat b{display:block;font-size:clamp(26px,2.6vw,36px);font-weight:500;letter-spacing:-0.04em;line-height:1;color:#fff;}
.dvw-stat span{display:block;margin-top:6px;font-size:12px;font-weight:300;color:rgba(255,255,255,.6);}
.dvw-side-p{margin:0;font-size:12.5px;font-weight:300;line-height:1.55;color:rgba(255,255,255,.68);}
.dvw-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 18px;border-radius:999px;background:#F92F64;color:#fff;text-decoration:none;
  font-size:13px;font-weight:600;letter-spacing:-0.01em;transition:background .3s,transform .3s var(--ease,cubic-bezier(.22,.61,.36,1));}
.dvw-cta svg{width:15px;height:15px;flex:none;}
.dvw-cta:hover{background:#fff;color:#0B0C0E;transform:translateY(-2px);}
@media(max-width:1180px){.dvw-side{width:clamp(150px,15vw,190px);}}
@media(max-width:940px){.dvw-side{display:none;}}

/* ---- carousel: centred header, glass logo plate, editorial side columns ---- */
.dvw-head-c{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:16px;}
.dvw-head-c .dvw-h{max-width:22ch;}
.dvw-head-c .dvw-lead{max-width:56ch;}
.dvw-head-c .dvw-eye{margin-bottom:0!important;}

/* the logo sits centred behind glass — no white plate */
.dvw-plate{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);z-index:3;
  display:grid;place-items:center;width:66%;padding:20px 18px;border-radius:20px;
  background:linear-gradient(150deg,rgba(255,255,255,.16),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(16px) saturate(150%);
  box-shadow:0 20px 50px -20px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.24);}
.dvw-plate img{width:100%;max-height:62px;object-fit:contain;
  filter:brightness(0) invert(1) drop-shadow(0 2px 10px rgba(0,0,0,.45));}
.dvw-mark{display:none;}

/* in-screen copy: tighter, foot-anchored */
.dvw-ui{gap:7px;padding:0 8% 8.5%;}
.dvw-ui h3{font-size:20px;}
.dvw-impact{display:none;}

/* side columns — hairline-separated blocks, no card chrome */
.dvw-side{gap:0;}
.dvw-blk{padding:16px 0;border-top:1px solid rgba(255,255,255,.12);}
.dvw-blk:first-child{border-top:0;padding-top:0;}
.dvw-k{display:block;font-family:'Space Grotesk',monospace;font-size:9.5px;font-weight:600;
  letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.42);}
.dvw-val{margin:9px 0 0;font-size:14.5px;font-weight:400;letter-spacing:-0.015em;line-height:1.4;color:#fff;}
.dvw-score{display:flex;align-items:baseline;gap:11px;margin-top:10px;}
.dvw-score b{font-size:clamp(38px,3.6vw,52px);font-weight:400;letter-spacing:-0.05em;line-height:.9;color:#fff;}
.dvw-stars{display:inline-flex;gap:2px;color:#F92F64;}
.dvw-stars svg{width:11px;height:11px;}
.dvw-srcs{display:flex;align-items:center;gap:8px;margin-top:12px;
  font-size:11px;letter-spacing:.04em;color:rgba(255,255,255,.55);}
.dvw-srcs img{height:14px;width:auto;}
.dvw-srcs em{font-style:normal;}
.dvw-srcs i{width:1px;height:11px;background:rgba(255,255,255,.22);}
.dvw-val-ind{display:flex;align-items:center;gap:11px;}
.dvw-ic{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;
  color:var(--hue,#fff);background:color-mix(in srgb,var(--hue,#fff) 15%,transparent);
  border:1px solid color-mix(in srgb,var(--hue,#fff) 34%,transparent);}
.dvw-ic svg{width:17px;height:17px;}
.dvw-big{display:block;margin-top:8px;font-size:clamp(30px,3vw,44px);font-weight:400;letter-spacing:-0.05em;line-height:.94;color:#fff;}
.dvw-big+.dvw-val{margin-top:7px;font-size:12.5px;font-weight:300;color:rgba(255,255,255,.6);}
.dvw-quote{margin:0;padding-left:14px;border-left:2px solid var(--hue,#F92F64);
  font-size:13px;font-weight:300;line-height:1.55;color:rgba(255,255,255,.8);}
.dvw-blk-ind{--hue:#F92F64;}
.dvw-side-r .dvw-cta{margin-top:20px;}
.dvw-rev,.dvw-facts,.dvw-ind-card,.dvw-stat,.dvw-side-p{display:none;}

/* ---- carousel refinements: bare white logo, corner-anchored columns, dark header ---- */
.dvw-plate{background:none!important;border:0!important;backdrop-filter:none!important;box-shadow:none!important;
  width:72%!important;padding:0!important;}
.dvw-plate img{max-height:74px!important;filter:brightness(0) invert(1) drop-shadow(0 3px 16px rgba(0,0,0,.6))!important;}
.dvw-plate .wm{font-size:30px;font-weight:600;letter-spacing:-0.035em;color:#fff;text-shadow:0 3px 16px rgba(0,0,0,.6);}

/* videos fill the screen properly */
.dvw-screen video{object-fit:cover!important;object-position:50% 50%;width:100%!important;height:100%!important;}

/* side columns move into the section corners, clear of the arrows */
.dvw-side{top:auto;transform:none;width:clamp(170px,15.5vw,232px);}
.dvw-side-l{left:clamp(14px,3vw,54px);top:clamp(8px,2vh,24px);}
.dvw-side-r{right:clamp(14px,3vw,54px);bottom:clamp(8px,2vh,24px);top:auto;}
.dvw-nav{top:auto;bottom:clamp(6px,2vh,22px);transform:none;}
.dvw-nav.prev{left:50%;margin-left:-56px;}
.dvw-nav.next{left:50%;margin-left:10px;}
.dvw-nav.prev:hover,.dvw-nav.next:hover{transform:translateY(-2px);}

/* header on the dark ground */
.dvw{background:#000;}
.dvw-head-c .dvw-h,.dvw-head-c .dvw-lead{color:#fff;}
.dvw-head-c .dvw-lead{color:rgba(255,255,255,.6);}
@media(max-width:1180px){.dvw-side{width:clamp(148px,14vw,186px);}}

/* ============================================================
   SELECTED WORK — premium surround (rev)
   ============================================================ */
.dvw{padding:clamp(84px,9vw,140px) 0 clamp(64px,7vw,108px);}
.dvw-stage{height:clamp(560px,68vh,740px);}

/* ambient hue behind the device, cross-fading per project */
.dvw-glow{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  width:min(1080px,88vw);aspect-ratio:1.35;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--hue,#F92F64) 30%,transparent),transparent 72%);
  filter:blur(70px);opacity:.6;transition:background 1.1s cubic-bezier(.22,.61,.36,1);}
.dvw-stage::after{content:"";position:absolute;left:50%;bottom:clamp(24px,6vh,72px);transform:translateX(-50%);
  width:min(560px,52vw);height:1px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);}

/* ---- side columns: quiet, aligned, generous ---- */
.dvw-side{position:absolute;z-index:110;width:clamp(176px,15vw,226px);display:block;top:50%;transform:translateY(-50%);}
.dvw-side-l{left:clamp(16px,3.4vw,64px);text-align:left;}
.dvw-side-r{right:clamp(16px,3.4vw,64px);left:auto;bottom:auto;text-align:left;}
.dvw-hr{height:1px;margin:20px 0;background:rgba(255,255,255,.1);}
.dvw-k{display:block;font-family:'Space Grotesk',monospace;font-size:9px;font-weight:600;
  letter-spacing:.28em;text-transform:uppercase;color:rgba(255,255,255,.38);}
.dvw-val{margin:10px 0 0;font-size:14px;font-weight:300;letter-spacing:-0.01em;line-height:1.45;color:rgba(255,255,255,.92);}
.dvw-val-s{font-size:12px;color:rgba(255,255,255,.55);}
.dvw-score{display:flex;align-items:baseline;gap:12px;margin-top:12px;}
.dvw-score b{font-size:clamp(40px,3.8vw,56px);font-weight:200;letter-spacing:-0.055em;line-height:.86;color:#fff;}
.dvw-stars{display:inline-flex;gap:2.5px;color:#F92F64;}
.dvw-stars svg{width:10px;height:10px;}
.dvw-srcs{display:flex;align-items:center;gap:9px;margin-top:13px;font-size:10.5px;letter-spacing:.1em;
  text-transform:uppercase;color:rgba(255,255,255,.45);}
.dvw-srcs img{height:13px;width:auto;opacity:.9;}
.dvw-srcs i{width:1px;height:10px;background:rgba(255,255,255,.2);}
.dvw-val-ind{display:flex;align-items:center;gap:12px;font-size:14.5px;font-weight:400;color:#fff;}
.dvw-ic{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:11px;
  color:var(--hue,#fff);background:color-mix(in srgb,var(--hue,#fff) 12%,transparent);
  border:1px solid color-mix(in srgb,var(--hue,#fff) 30%,transparent);}
.dvw-ic svg{width:17px;height:17px;}
.dvw-big{display:block;margin-top:10px;font-size:clamp(32px,3.2vw,46px);font-weight:200;letter-spacing:-0.055em;line-height:.9;color:#fff;}
.dvw-quote{margin:0;padding-left:14px;border-left:1px solid var(--hue,#F92F64);
  font-size:12.5px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.72);}
.dvw-side-r .dvw-cta{display:inline-flex;margin-top:22px;padding:12px 20px;font-size:12.5px;font-weight:500;
  border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.24);color:#fff;}
.dvw-side-r .dvw-cta:hover{background:#F92F64;border-color:#F92F64;color:#fff;}

/* ---- controls: out of the device's path, centred under it ---- */
.dvw-foot{margin-top:clamp(34px,4.4vw,58px);align-items:center;}
.dvw-ctrls{display:flex;align-items:center;gap:clamp(14px,2vw,26px);}
.dvw-nav{position:static;transform:none;width:42px;height:42px;background:transparent;border:1px solid rgba(255,255,255,.22);}
.dvw-nav.prev,.dvw-nav.next{left:auto;right:auto;margin:0;bottom:auto;}
.dvw-nav svg{width:17px;height:17px;}
.dvw-dot{height:2px;background:rgba(255,255,255,.2);}
.dvw-dot.on{background:#F92F64;}
@media(max-width:1180px){.dvw-side{width:clamp(150px,14vw,188px);}}
@media(max-width:940px){
  .dvw-side{display:none;}
  .dvw-glow{width:120vw;}
  .dvw-foot{flex-direction:column;align-items:flex-start;gap:20px;}
  .dvw-nav{display:grid;}
}

/* labels: lift size and contrast to a readable level */
.dvw-k{font-size:10.5px!important;letter-spacing:.24em!important;color:rgba(255,255,255,.68)!important;}
.dvw-srcs{font-size:11px!important;color:rgba(255,255,255,.62)!important;}
/* neighbours fade out before they reach the side columns */
.dvw-card{transition:none;}

/* ---- controls: prominent, tactile, centred under the device ---- */
.dvw-foot{flex-direction:column!important;align-items:center!important;gap:clamp(22px,3vw,34px)!important;
  justify-content:center!important;}
.dvw-meta{order:2;justify-content:center;flex-wrap:wrap;}
.dvw-ctrls{order:1;display:inline-flex!important;align-items:center;gap:clamp(16px,2.2vw,28px);
  padding:10px 14px;border-radius:999px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px) saturate(150%);
  box-shadow:0 18px 44px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.14);}
.dvw-nav{width:50px!important;height:50px!important;border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.26)!important;color:#fff;
  transition:background .32s var(--ease,cubic-bezier(.22,.61,.36,1)),border-color .32s,color .32s,transform .32s var(--ease,cubic-bezier(.22,.61,.36,1)),box-shadow .32s;}
.dvw-nav svg{width:19px!important;height:19px!important;}
.dvw-nav:hover{background:#F92F64!important;border-color:#F92F64!important;color:#fff;
  box-shadow:0 0 0 6px rgba(249,47,100,.16),0 14px 30px -12px rgba(249,47,100,.7);}
.dvw-nav:active{transform:scale(.94);}
.dvw-nav.prev:hover{transform:translateX(-3px);}
.dvw-nav.next:hover{transform:translateX(3px);}
.dvw-dots{gap:10px;align-items:center;}
.dvw-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.26);
  transition:width .4s var(--ease,cubic-bezier(.22,.61,.36,1)),background .4s,box-shadow .4s;}
.dvw-dot:hover{background:rgba(255,255,255,.55);}
.dvw-dot.on{width:34px;border-radius:999px;background:#F92F64;box-shadow:0 0 16px rgba(249,47,100,.6);}
.dvw-meta .dvw-go{padding:12px 22px;}

/* neighbouring phones invite a click */
.dvw-card{cursor:pointer;}
.dvw-card.is-live{cursor:default;}
.dvw-card:not(.is-live) .dvw-phone{transition:filter .4s var(--ease,cubic-bezier(.22,.61,.36,1));}
.dvw-card:not(.is-live):hover .dvw-phone{filter:brightness(1.25);}
/* a quiet hint under the controls */
.dvw-ctrls::after{content:"";display:none;}
@media(max-width:940px){.dvw-foot{align-items:center!important;}}

/* ---- pager over the device: expanding markers with a 3s fill ---- */
.dvw-pager{position:absolute;left:50%;bottom:clamp(14px,4vh,46px);transform:translateX(-50%);z-index:130;
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;
  background:rgba(10,11,15,.5);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px) saturate(160%);
  box-shadow:0 20px 48px -22px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);}
.dvw-pag{position:relative;display:inline-flex;align-items:center;gap:8px;border:0;padding:0;cursor:pointer;
  background:transparent;overflow:hidden;transition:gap .45s var(--ease,cubic-bezier(.22,.61,.36,1));}
.dvw-pag i{position:relative;display:block;width:8px;height:8px;border-radius:999px;flex:none;overflow:hidden;
  background:rgba(255,255,255,.28);transition:width .55s var(--ease,cubic-bezier(.22,.61,.36,1)),background .4s;}
.dvw-pag i::after{content:"";position:absolute;inset:0;width:0;border-radius:999px;background:#F92F64;}
.dvw-pag em{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-style:normal;
  font-family:'Space Grotesk',monospace;font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;
  transition:max-width .55s var(--ease,cubic-bezier(.22,.61,.36,1)),opacity .4s;}
.dvw-pag:hover i{background:rgba(255,255,255,.5);}
.dvw-pag.on i{width:56px;background:rgba(255,255,255,.22);}
.dvw-pag.on i::after{animation:dvwFill 3s linear forwards;}
.dvw-pager.held .dvw-pag.on i::after{animation:none;width:100%;}
.dvw-pag.on em{max-width:130px;opacity:1;}
@keyframes dvwFill{from{width:0}to{width:100%}}
/* the old footer dots become a quiet duplicate — keep the arrows only */
.dvw-dots{display:none!important;}
.dvw-hint{display:block;margin:14px auto 0;text-align:center;
  font-family:'Space Grotesk',monospace;font-size:9.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;
  color:rgba(255,255,255,.34);}
.dvw-gif{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
@media(max-width:940px){.dvw-pager{bottom:8px;}.dvw-pag.on i{width:40px;}.dvw-pag.on em{max-width:0;opacity:0;}}
@media(prefers-reduced-motion:reduce){.dvw-pag.on i::after{animation:none;width:100%;}}

/* ---- pager rail, rev: refined glass capsule with inline circular arrows ---- */
.dvw-pager{position:absolute!important;left:50%!important;top:auto!important;bottom:clamp(16px,4.5vh,52px)!important;
  transform:translateX(-50%)!important;width:auto!important;height:auto!important;z-index:130;
  display:inline-flex!important;align-items:center;gap:6px;padding:7px 8px;border-radius:999px;
  background:linear-gradient(180deg,rgba(24,26,32,.72),rgba(10,11,15,.78));
  border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(22px) saturate(180%);
  box-shadow:0 26px 60px -26px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.4);}
.dvw-pag-track{display:inline-flex;align-items:center;gap:7px;padding:0 6px;}
.dvw-arw{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;padding:0;cursor:pointer;
  color:rgba(255,255,255,.72);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  transition:background .3s var(--ease,cubic-bezier(.22,.61,.36,1)),color .3s,border-color .3s,transform .3s var(--ease,cubic-bezier(.22,.61,.36,1));}
.dvw-arw svg{width:15px;height:15px;}
.dvw-arw:hover{background:#fff;color:#0B0C0E;border-color:#fff;}
.dvw-arw:active{transform:scale(.9);}
.dvw-arw.prev:hover{transform:translateX(-2px);}
.dvw-arw.next:hover{transform:translateX(2px);}
/* markers: hairline pills, hue-filled while active */
.dvw-pag i{width:7px;height:7px;background:rgba(255,255,255,.24);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);}
.dvw-pag:hover i{background:rgba(255,255,255,.46);}
.dvw-pag.on i{width:62px;background:rgba(255,255,255,.14);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);}
.dvw-pag.on i::after{background:linear-gradient(90deg,#F92F64,#FF7BA3);box-shadow:0 0 12px rgba(249,47,100,.55);}
.dvw-pag em{font-size:9.5px;letter-spacing:.2em;color:rgba(255,255,255,.92);}
.dvw-pag.on em{max-width:140px;}
@media(max-width:940px){
  .dvw-pager{gap:4px;padding:6px;}
  .dvw-arw{width:28px;height:28px;}
  .dvw-pag.on i{width:44px;}
  .dvw-pag.on em{max-width:0;opacity:0;}
}

/* pager rail sits above the device, not over it */
.dvw-pager{top:0!important;bottom:auto!important;}
.dvw-stage{padding-top:clamp(58px,7vh,84px);}
.dvw-card{margin-top:calc(clamp(268px,20vw,330px) * 852 / 393 / -2 + clamp(29px,3.5vh,42px));}
@media(max-width:940px){.dvw-pager{top:0!important;}}

/* carousel scaled up ~30% */
.dvw-card{width:clamp(348px,26vw,430px)!important;
  margin-left:calc(clamp(348px,26vw,430px) / -2)!important;
  margin-top:calc(clamp(348px,26vw,430px) * 852 / 393 / -2 + clamp(29px,3.5vh,42px))!important;}
.dvw-stage{height:clamp(720px,86vh,960px);}
.dvw-plate{width:150px!important;height:70px!important;}
.dvw-plate img{width:auto!important;height:auto!important;max-height:82px!important;max-width:100%!important;}
.dvw-plate .wm{font-size:34px;}
.dvw-ui h3{font-size:25px;}
.dvw-tag{font-size:14px;}
.dvw-chips i{font-size:10px;padding:5px 10px;}
.dvw-ind{font-size:9.5px;}
.dvw-status{font-size:11px;}
/* markers: dots only, no project name */
.dvw-pag em{display:none!important;}
.dvw-pag.on i{width:52px;}
@media(max-width:940px){
  .dvw-stage{height:clamp(560px,72vh,700px);}
  .dvw-card{width:clamp(268px,72vw,330px)!important;
    margin-left:calc(clamp(268px,72vw,330px) / -2)!important;
    margin-top:calc(clamp(268px,72vw,330px) * 852 / 393 / -2 + 30px)!important;}
}

/* the hairline sits below the device, not across its screen */
.dvw-stage::after{bottom:auto!important;top:calc(50% + clamp(348px,26vw,430px) * 852 / 393 / 2 - clamp(29px,3.5vh,42px) + 34px)!important;
  z-index:1!important;}
@media(max-width:940px){
  .dvw-stage::after{top:calc(50% + clamp(268px,72vw,330px) * 852 / 393 / 2 - 30px + 26px)!important;}
}

/* phone: 15% smaller, exact iPhone 15 Pro geometry (393x852 pt, 55pt corner radius) */
.dvw-card{width:clamp(296px,22vw,366px)!important;
  margin-left:calc(clamp(296px,22vw,366px) / -2)!important;
  margin-top:calc(clamp(296px,22vw,366px) * 852 / 393 / -2 + clamp(29px,3.5vh,42px))!important;}
.dvw-stage{height:clamp(640px,78vh,860px);}
/* shell: 393x852 screen inside a 2.6% bezel; radius 55/393 of the screen width */
.dvw-phone{aspect-ratio:393/852!important;border-radius:14.9%/6.87%!important;padding:2.55%!important;}
.dvw-screen{border-radius:13.99%/6.45%!important;}
/* logo centred on the device's own axes */
.dvw-plate{left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:70%!important;height:auto!important;display:flex!important;align-items:center;justify-content:center;}
.dvw-plate img{max-height:70px!important;width:auto!important;height:auto!important;max-width:100%!important;margin:0 auto;}
.dvw-plate .wm{font-size:30px;text-align:center;}
.dvw-stage::after{top:calc(50% + clamp(296px,22vw,366px) * 852 / 393 / 2 - clamp(29px,3.5vh,42px) + 32px)!important;}
@media(max-width:940px){
  .dvw-card{width:clamp(240px,68vw,300px)!important;
    margin-left:calc(clamp(240px,68vw,300px) / -2)!important;
    margin-top:calc(clamp(240px,68vw,300px) * 852 / 393 / -2 + 30px)!important;}
  .dvw-stage{height:clamp(520px,68vh,660px);}
  .dvw-stage::after{top:calc(50% + clamp(240px,68vw,300px) * 852 / 393 / 2 - 30px + 24px)!important;}
}

/* pager returns below the device; header joins the carousel as one section */
.dvw-pager{top:auto!important;bottom:clamp(6px,1.5vh,20px)!important;}
.dvw-stage{padding-top:0;padding-bottom:clamp(58px,7vh,84px);}
.dvw-card{margin-top:calc(clamp(296px,22vw,366px) * 852 / 393 / -2 - clamp(24px,3vh,38px))!important;}
.dvw-stage::after{top:calc(50% + clamp(296px,22vw,366px) * 852 / 393 / 2 - clamp(24px,3vh,38px) + 22px)!important;}
.dvw-head-c{margin-bottom:clamp(6px,1.4vw,16px);}
.dvw-stage{margin-top:clamp(24px,3vw,42px);}
@media(max-width:940px){
  .dvw-card{margin-top:calc(clamp(240px,68vw,300px) * 852 / 393 / -2 - 22px)!important;}
  .dvw-stage::after{top:calc(50% + clamp(240px,68vw,300px) * 852 / 393 / 2 - 22px + 18px)!important;}
}

/* type down 5%; testimonial block */
.dvw-k{font-size:10px!important;}
.dvw-val{font-size:13.3px;}
.dvw-val-s{font-size:11.4px;}
.dvw-score b{font-size:clamp(38px,3.6vw,53px);}
.dvw-srcs{font-size:10.5px!important;}
.dvw-val-ind{font-size:13.8px;}
.dvw-big{font-size:clamp(30px,3vw,44px);}
.dvw-quote{font-size:11.9px;}
.dvw-side-r .dvw-cta{font-size:11.9px;}
.dvw-testi{margin:10px 0 0;font-size:12.4px;font-weight:300;font-style:italic;line-height:1.55;color:rgba(255,255,255,.86);}
.dvw-who{display:block;margin-top:8px;font-family:'Space Grotesk',monospace;font-size:9.5px;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.dvw-ui h3{font-size:23.8px;}
.dvw-tag{font-size:13.3px;}


/* pager occupies the reserved band beneath the device */
.dvw-pager{top:auto!important;bottom:calc(var(--pager) / 2 - 21px)!important;}
.dvw-stage::after{top:auto!important;bottom:calc(var(--pager) - 14px)!important;}
/* header can never be covered */
.dvw-head-c{position:relative;z-index:200;}
@media(max-width:940px){
  .dvw-stage{--pager:clamp(64px,8vh,86px);height:clamp(500px,72vh,660px);}
  .dvw-card{max-width:88vw;}
}


/* ---- device restored: proportional card, centred, pager below ---- */
.dvw-stage{height:clamp(660px,80vh,880px);padding:0 0 clamp(70px,8vh,96px);}
.dvw-rail{display:block;}
.dvw-card{position:absolute;left:50%;top:50%;
  width:clamp(296px,22vw,366px)!important;height:auto!important;max-width:none!important;
  margin-left:calc(clamp(296px,22vw,366px) / -2)!important;
  margin-top:calc(clamp(296px,22vw,366px) * 852 / 393 / -2 - clamp(26px,3vh,40px))!important;}
.dvw-phone{width:100%;height:auto;aspect-ratio:393/852;border-radius:14.9%/6.87%;padding:2.55%;margin:0;}
.dvw-screen{border-radius:13.99%/6.45%;}
.dvw-pager{left:50%!important;transform:translateX(-50%)!important;
  top:auto!important;bottom:clamp(12px,2.4vh,26px)!important;}
.dvw-stage::after{top:auto!important;bottom:clamp(70px,8vh,96px)!important;}
.dvw-head-c{position:relative;z-index:200;}
@media(max-width:940px){
  .dvw-stage{height:clamp(540px,72vh,680px);padding-bottom:clamp(60px,7vh,80px);}
  .dvw-card{width:clamp(240px,68vw,300px)!important;
    margin-left:calc(clamp(240px,68vw,300px) / -2)!important;
    margin-top:calc(clamp(240px,68vw,300px) * 852 / 393 / -2 - 22px)!important;}
  .dvw-stage::after{bottom:clamp(60px,7vh,80px)!important;}
}

/* ---- carousel geometry, final: stage height derives from the card ---- */
.dvw-stage{--cardw:clamp(296px,22vw,366px);--pager:clamp(84px,10vh,112px);
  height:calc(var(--cardw) * 852 / 393 + var(--pager))!important;
  padding:0!important;z-index:1!important;}
.dvw-rail{display:block!important;}
.dvw-card{position:absolute!important;left:50%!important;top:0!important;
  width:var(--cardw)!important;height:auto!important;max-width:none!important;
  margin-left:calc(var(--cardw) / -2)!important;margin-top:0!important;}
.dvw-pager{left:50%!important;transform:translateX(-50%)!important;
  top:auto!important;bottom:calc(var(--pager) / 2 - 23px)!important;}
.dvw-stage::after{top:auto!important;bottom:calc(var(--pager) - 10px)!important;}
/* header must paint above the stage's perspective context */
.dvw-head-c{position:relative;z-index:5!important;}
@media(max-width:940px){
  .dvw-stage{--cardw:clamp(240px,68vw,300px);--pager:clamp(72px,9vh,96px);}
}

/* ---- decisions grid: two rows of three sweeping in from the right ---- */
.mdg-grid .mdg-cell{opacity:0;transform:translate3d(64px,0,0);
  transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1.15s cubic-bezier(.19,.66,.31,1);
  will-change:opacity,transform;}
.mdg-grid .mdg-cell.in{opacity:1;transform:none;}
.mdg-grid .mdg-cell:nth-child(1).in{transition-delay:0ms;}
.mdg-grid .mdg-cell:nth-child(2).in{transition-delay:110ms;}
.mdg-grid .mdg-cell:nth-child(3).in{transition-delay:220ms;}
.mdg-grid .mdg-cell:nth-child(4).in{transition-delay:60ms;}
.mdg-grid .mdg-cell:nth-child(5).in{transition-delay:170ms;}
.mdg-grid .mdg-cell:nth-child(6).in{transition-delay:280ms;}
@media(prefers-reduced-motion:reduce){
  .mdg-grid .mdg-cell{opacity:1!important;transform:none!important;transition:none!important;}
}

/* leaving upward: a crisper, quicker exit than the entrance */
.mdg-grid .mdg-cell{transition:opacity .52s cubic-bezier(.4,0,.7,.2),transform .6s cubic-bezier(.4,0,.7,.2);}
.mdg-grid .mdg-cell.in{transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1.15s cubic-bezier(.19,.66,.31,1);}
.mdg-grid .mdg-cell:nth-child(1):not(.in){transition-delay:140ms;}
.mdg-grid .mdg-cell:nth-child(2):not(.in){transition-delay:70ms;}
.mdg-grid .mdg-cell:nth-child(3):not(.in){transition-delay:0ms;}
.mdg-grid .mdg-cell:nth-child(4):not(.in){transition-delay:140ms;}
.mdg-grid .mdg-cell:nth-child(5):not(.in){transition-delay:70ms;}
.mdg-grid .mdg-cell:nth-child(6):not(.in){transition-delay:0ms;}



/* ---- counter-scroll parallax: the CTA/Solutions plane sinks while the
   Industries-onward plane rises over it. No pinned runway, so no blank space. ---- */
.cov-track{position:relative;z-index:1;
  transform:translate3d(0,calc(var(--cv,0) * 12vh),0);
  will-change:transform;backface-visibility:hidden;}
.cvr-pin{display:none!important;}
.cvr-lift{position:relative;z-index:3;margin-top:0!important;
  transform:translate3d(0,calc((1 - var(--cv,0)) * -18vh),0)!important;
  will-change:transform;backface-visibility:hidden;
  box-shadow:0 calc((1 - var(--cv,0)) * -46px) calc((1 - var(--cv,0)) * 84px) rgba(0,0,0,calc((1 - var(--cv,0)) * .55));
  border-radius:calc((1 - var(--cv,0)) * 30px) calc((1 - var(--cv,0)) * 30px) 0 0;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cov-track{transform:none;}
  .cvr-lift{transform:none!important;border-radius:0;box-shadow:none;}
}

/* ---- counter-motion parallax, no inserted gap ----
   The pinned spacer is retired: the lift rises over the section above it using
   negative margin only, while that section sinks in the opposite direction. */
.cvr-pin{display:none!important;}
.cvr-lift{position:relative;z-index:3;margin-top:calc(var(--cv,0) * 0px - 0px)!important;
  transform:translate3d(0,calc((1 - var(--cv,0)) * 46vh),0)!important;
  border-radius:calc((1 - var(--cv,0)) * 30px) calc((1 - var(--cv,0)) * 30px) 0 0;
  box-shadow:0 calc((1 - var(--cv,0)) * -34px) calc((1 - var(--cv,0)) * 70px) rgba(0,0,0,calc((1 - var(--cv,0)) * .48));
  will-change:transform;backface-visibility:hidden;}
/* reclaim the travel distance so no blank band appears beneath */
.cvr-lift::before{content:"";display:block;height:0;}
.cov-track{position:relative;z-index:2;
  transform:translate3d(0,calc(var(--cv,0) * 12vh),0);
  will-change:transform;backface-visibility:hidden;}
body{overflow-x:clip;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cvr-lift{transform:none!important;margin-top:0!important;border-radius:0;box-shadow:none;}
  .cov-track{transform:none;}
}

/* ---- the CTA plane genuinely sinks and recedes behind the rising sections ---- */
.cov-track{position:relative;z-index:1!important;transform-origin:50% 100%;
  transform:translate3d(0,calc(var(--cv,0) * 22vh),0) scale(calc(1 - var(--cv,0) * .06))!important;
  filter:brightness(calc(1 - var(--cv,0) * .42));
  will-change:transform,filter;backface-visibility:hidden;}
.cvr-lift{z-index:4!important;
  transform:translate3d(0,calc((1 - var(--cv,0)) * 62vh),0)!important;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cov-track{transform:none!important;filter:none;}
  .cvr-lift{transform:none!important;}
}

/* ---- match the travelling planes to one viewport so the handoff is exact ---- */
.cov-stage{min-height:100vh;display:flex;flex-direction:column;justify-content:center;}
.mind{min-height:100vh;display:flex;flex-direction:column;justify-content:center;}
.cvr-lift{transform:translate3d(0,calc((1 - var(--cv,0)) * 100vh),0)!important;}
.cov-track{transform:translate3d(0,calc(var(--cv,0) * 26vh),0) scale(calc(1 - var(--cv,0) * .06))!important;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cov-stage,.mind{min-height:0;display:block;}
  .cvr-lift,.cov-track{transform:none!important;}
}

/* ============================================================
   CTA → INDUSTRIES HANDOFF — final, single mechanism
   Native sticky does the cover (so it is frame-perfect and never jumps);
   the pinned plane sinks, scales back and dims from scroll progress.
   Geometry: track padding 88vh + mind margin -88vh = net zero, so no gap.
   ============================================================ */
.cvr-pin{display:none!important;}
.cvr-lift{position:relative!important;z-index:6!important;
  transform:none!important;margin-top:0!important;
  border-radius:0!important;box-shadow:none!important;overflow:visible!important;}

.cov-track{position:relative!important;z-index:1!important;
  padding-bottom:88vh!important;background:#0B0C0E;
  transform:none!important;filter:none!important;}
.cov-stage{position:sticky!important;top:0!important;z-index:1!important;
  height:auto!important;min-height:100vh!important;overflow:visible!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  transform-origin:50% 100%;
  transform:translate3d(0,calc(var(--cv,0) * 5vh),0) scale(calc(1 - var(--cv,0) * .055))!important;
  filter:brightness(calc(1 - var(--cv,0) * .46))!important;
  will-change:transform,filter;backface-visibility:hidden;}

.mind{position:relative!important;z-index:6!important;margin-top:-88vh!important;
  min-height:100vh!important;display:block!important;
  border-radius:30px 30px 0 0!important;box-shadow:0 -46px 100px rgba(11,12,14,.55)!important;}
.mind ~ section,.mind ~ footer,.mind ~ div{position:relative!important;z-index:6!important;}

@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cov-track{padding-bottom:0!important;background:none;}
  .cov-stage{position:relative!important;min-height:0!important;display:block!important;
    transform:none!important;filter:none!important;}
  .mind{margin-top:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;}
}

/* the pinned plane travels a real distance downward as the next plane rises */
.cov-stage{transform:translate3d(0,calc(var(--cv,0) * 26vh),0) scale(calc(1 - var(--cv,0) * .07))!important;}

/* ---- the sinking plane is the CTA screen itself, not the whole stack ----
   The stage is far taller than the viewport, so sticky never pinned and the
   transform was diluted across 3400px. Pin and sink the last screen instead. */
.cov-stage{position:relative!important;top:auto!important;min-height:0!important;
  display:block!important;transform:none!important;filter:none!important;
  will-change:auto!important;}
.cov-stage > section:last-of-type{position:sticky!important;top:0!important;z-index:1;
  min-height:100vh!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;transform-origin:50% 100%;
  transform:translate3d(0,calc(var(--cv,0) * 30vh),0) scale(calc(1 - var(--cv,0) * .1))!important;
  filter:brightness(calc(1 - var(--cv,0) * .5))!important;
  will-change:transform,filter;backface-visibility:hidden;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cov-stage > section:last-of-type{position:relative!important;min-height:0!important;
    display:block!important;transform:none!important;filter:none!important;}
}

/* the sticky band's runway must live inside its own containing block */
.cov-track{padding-bottom:0!important;}
.cov-stage{padding-bottom:88vh!important;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cov-stage{padding-bottom:0!important;}
}

/* ============================================================
   PROCESS → TECHNOLOGY HANDOFF (same mechanism as the CTA exchange)
   Runway lives inside the sticky element's own containing block.
   ============================================================ */
.cv2-track{position:relative;z-index:1;padding-bottom:88vh;}
.cv2-sink{position:sticky!important;top:0;z-index:1;
  transform-origin:50% 100%;
  transform:translate3d(0,calc(var(--cv2,0) * 30vh),0) scale(calc(1 - var(--cv2,0) * .1));
  filter:brightness(calc(1 - var(--cv2,0) * .5));
  will-change:transform,filter;backface-visibility:hidden;}
.cv2-rise{position:relative!important;z-index:6!important;margin-top:-88vh!important;
  border-radius:30px 30px 0 0;box-shadow:0 -46px 100px rgba(11,12,14,.55);}
.cv2-rise ~ section,.cv2-rise ~ footer,.cv2-rise ~ div{position:relative;z-index:6;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cv2-track{padding-bottom:0;}
  .cv2-sink{position:relative!important;transform:none;filter:none;}
  .cv2-rise{margin-top:0!important;border-radius:0;box-shadow:none;}
}

/* sinking planes recede in depth: down, back and inward */
.cov-stage > section:last-of-type,.cv2-sink{
  transform-origin:50% 100%;perspective:1400px;}
.cov-stage > section:last-of-type{
  transform:perspective(1400px) translate3d(0,calc(var(--cv,0) * 26vh),calc(var(--cv,0) * -220px))
    scale(calc(1 - var(--cv,0) * .12)) rotateX(calc(var(--cv,0) * 4deg))!important;}
.cv2-sink{
  transform:perspective(1400px) translate3d(0,calc(var(--cv2,0) * 26vh),calc(var(--cv2,0) * -220px))
    scale(calc(1 - var(--cv2,0) * .12)) rotateX(calc(var(--cv2,0) * 4deg));}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cov-stage > section:last-of-type,.cv2-sink{transform:none!important;}
}

/* ---- true iPhone 15 Pro proportions ----
   Device body: 70.6 x 146.6 mm  →  1 : 2.0765
   Screen (safe area): 393 x 852 pt with a uniform bezel, so the SHELL must carry
   the device ratio and the screen inherits it — not the other way round. */
.dvw-card{--cardw:clamp(296px,22vw,366px);}
.dvw-phone{aspect-ratio:70.6/146.6!important;padding:2.42%!important;
  border-radius:12.6%/6.05%!important;}
.dvw-screen{aspect-ratio:auto!important;border-radius:11.3%/5.55%!important;}
/* card + stage heights follow the corrected device ratio */
.dvw-card{margin-top:calc(var(--cardw) * 146.6 / 70.6 / -2 - clamp(26px,3vh,40px))!important;}
.dvw-stage{height:calc(clamp(296px,22vw,366px) * 146.6 / 70.6 + clamp(84px,10vh,112px))!important;}
@media(max-width:940px){
  .dvw-card{--cardw:clamp(240px,68vw,300px);
    margin-top:calc(var(--cardw) * 146.6 / 70.6 / -2 - 22px)!important;}
  .dvw-stage{height:calc(clamp(240px,68vw,300px) * 146.6 / 70.6 + clamp(72px,9vh,96px))!important;}
}

/* card sits at the stage top and fills the space above the pager band */
.dvw-stage{--pager:clamp(84px,10vh,112px);}
.dvw-card{top:0!important;margin-top:0!important;
  height:calc(var(--cardw) * 146.6 / 70.6)!important;}
.dvw-stage{height:calc(clamp(296px,22vw,366px) * 146.6 / 70.6 + var(--pager))!important;}
@media(max-width:940px){
  .dvw-stage{--pager:clamp(72px,9vh,96px);
    height:calc(clamp(240px,68vw,300px) * 146.6 / 70.6 + var(--pager))!important;}
  .dvw-card{margin-top:0!important;}
}

/* hero background: shared WDI floating-UI backdrop */
.mrh{position:relative;background:#fff;}
.mrh::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:url('/new-temp/wdi-homepage/assets/uploads/pasted-1787235614932-0.png') center / cover no-repeat;}
.mrh::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.12) 46%,rgba(255,255,255,.62));}
.mrh-in{position:relative;z-index:1;}

/* the artwork is near-white: give it a tinted ground and boost its contrast */
.mrh{background:#F2F4F7!important;}
.mrh::before{filter:contrast(1.35) saturate(1.15) brightness(.985);
  background-size:cover!important;background-position:center!important;}
.mrh::after{background:linear-gradient(180deg,rgba(255,255,255,.2),rgba(255,255,255,0) 44%,rgba(255,255,255,.55))!important;}

/* artwork is near-white with only 4% opaque pixels: darken the ground and push contrast hard */
.mrh{background:#E4E8EF!important;}
.mrh::before{filter:contrast(2.6) saturate(1.4) brightness(.9)!important;opacity:1!important;
  background-size:cover!important;background-position:center!important;mix-blend-mode:multiply;}
.mrh::after{background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.05) 42%,rgba(255,255,255,.5))!important;}

/* white hero; the artwork is the background at full strength, no veil, no darkening */
.mrh{background:#fff!important;}
.mrh::before{filter:none!important;opacity:1!important;mix-blend-mode:normal!important;
  background:url('/new-temp/wdi-homepage/assets/uploads/pasted-1787235614932-0.png') center top / 100% auto no-repeat!important;}
.mrh::after{display:none!important;}

/* ============================================================
   HERO — Flow-style device wall (dark), content untouched
   ============================================================ */
.mrh.mrh-dark{background:#0A0B0E!important;overflow:clip;}
.mrh.mrh-dark::before,.mrh.mrh-dark::after{display:none!important;}
.mrh-wall{position:absolute;inset:-4% 0;z-index:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(12px,1.4vw,22px);pointer-events:none;}
.hw-row{display:flex;width:max-content;gap:clamp(12px,1.4vw,22px);will-change:transform;}
.hw-track{display:flex;gap:clamp(12px,1.4vw,22px);align-items:center;}
.hw-row.r1{animation:hwDrift 96s linear infinite;}
.hw-row.r2{animation:hwDrift 120s linear infinite reverse;}
.hw-row.r3{animation:hwDrift 104s linear infinite;}
@keyframes hwDrift{to{transform:translate3d(-50%,0,0);}}

/* devices — true proportions (iPhone body 70.6:146.6, iPad 11" 177.5:247.6) */
.hw-dev{position:relative;display:block;flex:none;
  background:linear-gradient(158deg,#3A3D45,#101216 36%,#23252C 70%,#0C0D10);
  box-shadow:0 24px 60px -22px rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.1);}
.hw-phone{height:clamp(240px,30vh,320px);aspect-ratio:70.6/146.6;border-radius:12.6%/6.05%;padding:2.4%;}
.hw-pad{height:clamp(240px,30vh,320px);aspect-ratio:177.5/247.6;border-radius:6.4%/4.6%;padding:2.6%;}
.hw-pad.land{aspect-ratio:247.6/177.5;height:clamp(200px,26vh,280px);border-radius:4.6%/6.4%;}
.hw-scr{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:#000;
  border-radius:inherit;}
.hw-phone .hw-scr{border-radius:11.3%/5.55%;}
.hw-pad .hw-scr{border-radius:4.2%/3.1%;}
.hw-pad.land .hw-scr{border-radius:3.1%/4.2%;}
.hw-scr img,.hw-scr video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(108%);}
.hw-isl{position:absolute;left:50%;top:2.2%;transform:translateX(-50%);width:30%;height:3.4%;border-radius:999px;background:#000;z-index:2;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);}

/* scrim: dark centre so the copy reads, as in the reference */
.mrh-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(58% 66% at 50% 46%,rgba(6,7,10,.82),rgba(6,7,10,.5) 62%,rgba(6,7,10,.34)),linear-gradient(180deg,rgba(6,7,10,.5),transparent 22%,transparent 74%,rgba(6,7,10,.66));}
.mrh.mrh-dark .mrh-in{position:relative;z-index:2;}

/* content: same layout, inverted to white */
.mrh.mrh-dark .mrh-h,.mrh.mrh-dark .mrh-h .w{color:#fff!important;}
.mrh.mrh-dark .mrh-rule{background:rgba(255,255,255,.22)!important;}
.mrh.mrh-dark .mrh-p1{color:rgba(255,255,255,.92)!important;}
.mrh.mrh-dark .mrh-p2,.mrh.mrh-dark .mrh-copy p{color:rgba(255,255,255,.66)!important;}
.mrh.mrh-dark .mrh-stat b{color:#fff!important;}
.mrh.mrh-dark .mrh-stat .k{color:rgba(255,255,255,.44)!important;}
.mrh.mrh-dark .mrh-stat .l{color:rgba(255,255,255,.6)!important;}
.mrh.mrh-dark .mrh-stats{border-top-color:rgba(255,255,255,.16)!important;}
.mrh.mrh-dark .mv2-clutch,.mrh.mrh-dark .mv2-clutch *{color:#fff!important;}
.mrh.mrh-dark .mv2-clutch img{filter:brightness(0) invert(1);}
.mrh.mrh-dark .btn,.mrh.mrh-dark .mrh-cta{background:#fff!important;color:#0B0C0E!important;border-color:#fff!important;}
.mrh.mrh-dark .btn:hover,.mrh.mrh-dark .mrh-cta:hover{background:#F92F64!important;color:#fff!important;border-color:#F92F64!important;}
@media(prefers-reduced-motion:reduce){.hw-row{animation:none!important;}}
@media(max-width:760px){.hw-phone,.hw-pad{height:200px;}.hw-pad.land{height:170px;}}

/* ============================================================
   HERO WALL rev 2 — bare devices (slim bezel, exact ratios) + CSS app UIs
   ============================================================ */
.hw-dev{background:#0B0C0E!important;box-shadow:0 20px 54px -22px rgba(0,0,0,.9),0 0 0 1.5px #2A2C33,0 0 0 2.5px rgba(255,255,255,.06)!important;}
.hw-phone{padding:1.9%!important;}
.hw-pad{padding:2.2%!important;}
/* app screen base */
.hw-scr.ap{display:flex!important;flex-direction:column;gap:7px;padding:9% 7% 8%;
  background:#F6F7FA!important;font-family:'Figtree',sans-serif;color:#0B0C0E;overflow:hidden;}
.hw-scr.ap.pad{padding:6% 5%;}
.ap-bar{display:flex;align-items:center;justify-content:space-between;margin:-3% 0 2%;}
.ap-bar b{font-size:8.5px;font-weight:600;letter-spacing:.02em;}
.ap-bar i{width:13px;height:6.5px;border:1px solid rgba(11,12,14,.55);border-radius:2px;position:relative;}
.ap-bar i::after{content:"";position:absolute;inset:1px;right:4px;background:rgba(11,12,14,.8);border-radius:1px;}
.ap-bar.d b{color:#fff;}
.ap-bar.d i{border-color:rgba(255,255,255,.6);}
.ap-bar.d i::after{background:rgba(255,255,255,.85);}
.ap-hd{display:flex;align-items:baseline;justify-content:space-between;}
.ap-hd b{font-size:12.5px;font-weight:700;letter-spacing:-0.02em;}
.ap-hd em{font-style:normal;font-size:8.5px;font-weight:600;color:#F92F64;}
.ap-hd.d b{color:#fff;}
/* fitness ring */
.ap-ring{position:relative;width:64%;aspect-ratio:1;margin:2% auto;border-radius:50%;
  background:conic-gradient(#39E07B calc(var(--p,70) * 1%),#E7EAF0 0);display:grid;place-content:center;text-align:center;}
.ap-ring::before{content:"";position:absolute;inset:11%;border-radius:50%;background:#F6F7FA;}
.ap-ring b,.ap-ring em{position:relative;}
.ap-ring b{font-size:15px;font-weight:700;letter-spacing:-0.03em;}
.ap-ring em{font-style:normal;font-size:7.5px;color:#7A7F88;}
.ap-cells{display:flex;gap:5px;}
.ap-cells span{flex:1;background:#fff;border-radius:8px;padding:7px 6px;box-shadow:0 1px 2px rgba(11,12,14,.06);}
.ap-cells b{display:block;font-size:10.5px;font-weight:700;letter-spacing:-0.02em;}
.ap-cells em{font-style:normal;font-size:7px;color:#7A7F88;}
.ap-cta{margin-top:auto;display:block;text-align:center;padding:8px 0;border-radius:999px;
  background:var(--c,#F92F64);color:#fff;font-size:9px;font-weight:700;letter-spacing:.01em;}
/* dark OTT screen */
.hw-scr.ap:has(.ap-bar.d){background:#101116!important;color:#fff;}
.ap-hero{display:flex;flex-direction:column;justify-content:flex-end;gap:1px;height:34%;border-radius:10px;padding:8px;
  background:linear-gradient(150deg,var(--c,#A24BFF),color-mix(in srgb,var(--c,#A24BFF) 40%,#101116));}
.ap-hero b{font-size:11px;font-weight:700;color:#fff;}
.ap-hero em{font-style:normal;font-size:7.5px;color:rgba(255,255,255,.75);}
.ap-thumbs{display:flex;gap:5px;}
.ap-thumbs i{flex:1;aspect-ratio:16/11;border-radius:6px;
  background:linear-gradient(140deg,color-mix(in srgb,var(--c,#F92F64) 78%,#fff),color-mix(in srgb,var(--c,#F92F64) 55%,#101116));}
/* fintech */
.ap-big em{display:block;font-style:normal;font-size:7.5px;color:#7A7F88;}
.ap-big b{font-size:16px;font-weight:700;letter-spacing:-0.03em;}
.ap-chart{display:flex;align-items:flex-end;gap:4px;height:26%;}
.ap-chart i{flex:1;height:var(--h,50%);border-radius:3px 3px 0 0;background:linear-gradient(180deg,#F92F64,#FF7BA3);opacity:.9;}
.ap-row{display:flex;align-items:center;gap:7px;background:#fff;border-radius:9px;padding:7px 8px;box-shadow:0 1px 2px rgba(11,12,14,.06);}
.ap-row span{flex:1;min-width:0;}
.ap-row b{display:block;font-size:9px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ap-row em{font-style:normal;font-size:7.5px;color:#7A7F88;}
.ap-row u{text-decoration:none;font-size:9px;font-weight:700;color:var(--c,#39E07B);}
.ap-av{display:grid;place-items:center;width:20px;height:20px;flex:none;border-radius:50%;
  background:color-mix(in srgb,var(--c,#F92F64) 18%,#fff);color:var(--c,#F92F64);font-size:7.5px;font-weight:700;}
/* care tasks */
.ap-task{display:flex;align-items:center;gap:7px;background:#fff;border-radius:9px;padding:7px 8px;box-shadow:0 1px 2px rgba(11,12,14,.06);}
.ap-task i{width:14px;height:14px;flex:none;border-radius:50%;border:1.5px solid #C9CDD6;}
.ap-task.done i{border-color:#1FB6A6;background:#1FB6A6;position:relative;}
.ap-task.done i::after{content:"\2713";position:absolute;inset:0;display:grid;place-items:center;font-size:8px;color:#fff;}
.ap-task b{display:block;font-size:9px;font-weight:700;}
.ap-task em{font-style:normal;font-size:7.5px;color:#7A7F88;}
/* claims steps */
.ap-steps{display:flex;gap:4px;}
.ap-steps i{flex:1;height:4px;border-radius:2px;background:#E2E5EC;}
.ap-steps i.on{background:#E0B341;}
/* chat */
.ap-bub{max-width:78%;padding:6px 9px;border-radius:11px;font-size:8.5px;line-height:1.35;}
.ap-bub.them{align-self:flex-start;background:#fff;box-shadow:0 1px 2px rgba(11,12,14,.06);border-bottom-left-radius:3px;}
.ap-bub.me{align-self:flex-end;background:#F92F64;color:#fff;border-bottom-right-radius:3px;}
.ap-input{margin-top:auto;padding:7px 10px;border-radius:999px;background:#fff;font-size:8px;color:#9AA0AA;box-shadow:0 1px 2px rgba(11,12,14,.06);}
/* shop grid */
.ap-grid2{display:flex;gap:6px;flex:1;min-height:0;}
.ap-grid2 i{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:1px;border-radius:9px;padding:7px;
  background:linear-gradient(155deg,color-mix(in srgb,var(--c,#F92F64) 22%,#fff),color-mix(in srgb,var(--c,#F92F64) 8%,#fff));}
.ap-grid2 b{font-size:8.5px;font-weight:700;}
.ap-grid2 em{font-style:normal;font-size:7.5px;color:#7A7F88;}

/* ============================================================
   HERO WALL rev 3 — self-fitting app screens (container-scaled type)
   Every size derives from the screen's own width, tuned per form
   factor, so no element can ever be clipped mid-way.
   ============================================================ */
.hw-scr.ap{container-type:size;--u:1;font-size:calc(var(--u) * 7.2cqw);gap:.7em!important;padding:8% 7% 7%!important;}
.hw-scr.ap.pad{--u:.8;padding:5.5% 5% 5%!important;}
.hw-pad.land .hw-scr.ap{--u:.5;}
.ap-bar{margin:-2% 0 1%;}
.ap-bar b{font-size:.85em;}
.ap-bar i{width:1.3em;height:.65em;border-radius:.2em;}
.ap-bar i::after{inset:.1em;right:.4em;}
.ap-hd b{font-size:1.25em;}
.ap-hd em{font-size:.85em;}
.ap-ring{width:min(58%,40cqh);margin:1% auto;}
.ap-ring b{font-size:1.5em;}
.ap-ring em{font-size:.75em;}
.ap-cells{gap:.5em;}
.ap-cells span{padding:.7em .6em;border-radius:.8em;}
.ap-cells b{font-size:1.05em;}
.ap-cells em{font-size:.7em;}
.ap-cta{padding:.8em 0;font-size:.9em;border-radius:99em;}
.ap-hero{padding:.8em;border-radius:1em;height:30%;}
.ap-hero b{font-size:1.1em;}
.ap-hero em{font-size:.75em;}
.ap-thumbs{gap:.5em;}
.ap-thumbs i{border-radius:.6em;}
.ap-big em{font-size:.75em;}
.ap-big b{font-size:1.6em;}
.ap-chart{gap:.4em;height:22%;}
.ap-chart i{border-radius:.3em .3em 0 0;}
.ap-row{gap:.7em;border-radius:.9em;padding:.7em .8em;}
.ap-row b{font-size:.9em;}
.ap-row em{font-size:.75em;}
.ap-row u{font-size:.9em;}
.ap-av{width:2em;height:2em;font-size:.75em;}
.ap-task{gap:.7em;border-radius:.9em;padding:.7em .8em;}
.ap-task i{width:1.4em;height:1.4em;}
.ap-task.done i::after{font-size:.8em;}
.ap-task b{font-size:.9em;}
.ap-task em{font-size:.75em;}
.ap-steps{gap:.4em;}
.ap-steps i{height:.4em;border-radius:.2em;}
.ap-bub{padding:.6em .9em;border-radius:1.1em;font-size:.85em;}
.ap-bub.them{border-bottom-left-radius:.3em;}
.ap-bub.me{border-bottom-right-radius:.3em;}
.ap-input{padding:.7em 1em;font-size:.8em;border-radius:99em;}
.ap-grid2{gap:.6em;}
.ap-grid2 i{padding:.7em;border-radius:.9em;}
.ap-grid2 b{font-size:.85em;}
.ap-grid2 em{font-size:.75em;}
/* landscape iPads are the shortest screens: drop the repeating rows */
.hw-pad.land .ap-thumbs + .ap-thumbs,
.hw-pad.land .ap-grid2 + .ap-grid2,
.hw-pad.land .ap-bub.me ~ .ap-bub.them,
.hw-pad.land .ap-task:nth-of-type(3),
.hw-pad.land .ap-row + .ap-row{display:none;}
/* fallback for browsers without container queries */
@supports not (font-size:1cqw){
  .hw-scr.ap{font-size:9px;}
  .hw-scr.ap .ap-cta,.hw-scr.ap .ap-input{display:none;}
}

/* rev 4 — the DEVICE is the container; the screen queries it */
.hw-dev{container-type:inline-size;}
.hw-scr.ap{container-type:normal!important;font-size:calc(var(--u,1) * 7.2cqw)!important;}
.hw-scr.ap.pad{font-size:calc(.8 * 4.6cqw)!important;--u:.8;}
.hw-pad.land .hw-scr.ap{font-size:calc(.9 * 3.2cqw)!important;}
/* the ring's cqh no longer resolves — size it from width instead */
.ap-ring{width:min(58%,26cqw)!important;}
.hw-pad .ap-ring{width:min(46%,30cqw)!important;}
/* shortest screens: trim one more repeating block */
.hw-pad.land .ap-cells span:nth-child(3){display:none;}

/* rev 5 — devices are WIDTH-driven so inline-size containment resolves geometry:
   width is explicit, height derives from the true hardware aspect ratio. */
.hw-phone{width:clamp(116px,15vw,152px)!important;height:auto!important;aspect-ratio:70.6/146.6!important;}
.hw-pad{width:clamp(170px,21vw,224px)!important;height:auto!important;aspect-ratio:177.5/247.6!important;}
.hw-pad.land{width:clamp(240px,30vw,318px)!important;height:auto!important;aspect-ratio:247.6/177.5!important;}
/* ring sized from its own screen, not cq units */
.ap-ring{width:52%!important;max-width:none!important;}
.hw-pad .ap-ring{width:38%!important;}
.hw-pad.land .ap-ring{width:24%!important;}
@media(max-width:760px){
  .hw-phone{width:96px!important;}
  .hw-pad{width:138px!important;}
  .hw-pad.land{width:196px!important;}
}

/* rev 6 — bezel from the device's own width formula (% padding resolves against
   the row, never the device), plus screen fill and type-scale corrections */
.hw-phone{padding:calc(clamp(116px,15vw,152px) * 0.021)!important;}
.hw-pad{padding:calc(clamp(170px,21vw,224px) * 0.024)!important;}
.hw-pad.land{padding:calc(clamp(240px,30vw,318px) * 0.024)!important;}
@media(max-width:760px){
  .hw-phone{padding:calc(96px * 0.021)!important;}
  .hw-pad{padding:calc(138px * 0.024)!important;}
  .hw-pad.land{padding:calc(196px * 0.024)!important;}
}
/* ring: one final rule, sized from its corrected screen */
.hw-scr.ap .ap-ring{width:52%!important;max-width:none!important;}
.hw-scr.ap.pad .ap-ring{width:36%!important;}
.hw-pad.land .hw-scr.ap .ap-ring{width:22%!important;}
/* screens read as complete apps: content fills the display */
.hw-scr.ap{justify-content:space-between!important;}
.ap-hero{flex:1 1 auto;min-height:30%;}
.ap-thumbs{flex:1 1 auto;}
.ap-thumbs i{height:100%;aspect-ratio:auto;}
.ap-chart{flex:1 1 auto;min-height:18%;max-height:30%;}
.ap-grid2{flex:1 1 auto;}
/* pad type up a step now the bezels are true */
.hw-scr.ap.pad{font-size:calc(.8 * 5.4cqw)!important;}
.hw-pad.land .hw-scr.ap{font-size:calc(.9 * 3.8cqw)!important;}

/* ============================================================
   HERO WALL rev 7 — light mode, real app screenshots in the devices
   ============================================================ */
.mrh.mrh-light{background:#fff!important;overflow:clip;}
.mrh.mrh-light::before,.mrh.mrh-light::after{display:none!important;}
/* screenshots fill each display, anchored to the app's own status bar */
.mrh-light .hw-scr{background:#fff!important;}
.mrh-light .hw-scr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;}
/* soften the hardware for a white ground */
.mrh-light .hw-dev{background:linear-gradient(158deg,#3B3E46,#17181D 40%,#26282F 72%,#101115)!important;
  box-shadow:0 26px 60px -26px rgba(11,12,14,.35),0 0 0 1.5px #2E3037,0 0 0 2.5px rgba(255,255,255,.5)!important;}
/* light scrim: white bloom behind the copy, gentle fades top and bottom */
.mrh-light .mrh-scrim{background:radial-gradient(56% 62% at 50% 44%,rgba(255,255,255,.94),rgba(255,255,255,.72) 58%,rgba(255,255,255,.28)),linear-gradient(180deg,rgba(255,255,255,.85),transparent 20%,transparent 78%,rgba(255,255,255,.9))!important;}
@media(prefers-reduced-motion:reduce){.mrh-light .hw-row{animation:none!important;}}

/* hero legibility: stronger white core behind the copy, quieter wall at centre */
.mrh-light .mrh-scrim{background:
  radial-gradient(64% 74% at 50% 46%,#fff 32%,rgba(255,255,255,.9) 58%,rgba(255,255,255,.34) 82%,rgba(255,255,255,.12)),
  linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.4) 22%,transparent 40%,transparent 68%,rgba(255,255,255,.95))!important;}
/* the devices behind the text soften slightly so the type owns the centre */
.mrh-light .hw-row{opacity:.85;}
/* copy contrast up a step */
.mrh-light .mrh-h{color:#0B0C0E!important;text-shadow:0 1px 0 rgba(255,255,255,.85);}
.mrh-light .mrh-p1{color:#17181D!important;font-weight:400!important;}
.mrh-light .mrh-p2,.mrh-light .mrh-copy p{color:#33363D!important;}
.mrh-light .mrh-stat b{color:#0B0C0E!important;}
.mrh-light .mrh-stat .k{color:#6A6F78!important;}
.mrh-light .mrh-stat .l{color:#33363D!important;}

/* hero rev — WDI rose bloom over the wall, white copy */
.mrh-light .mrh-scrim{background:
  radial-gradient(70% 82% at 50% 46%,rgba(233,30,86,.96) 26%,rgba(233,30,86,.86) 52%,rgba(233,30,86,.5) 74%,rgba(233,30,86,.16)),
  linear-gradient(180deg,rgba(190,16,64,.9),rgba(233,30,86,.35) 24%,transparent 44%,transparent 66%,rgba(150,10,50,.92))!important;}
.mrh-light .hw-row{opacity:1;}
/* copy inverts to white on the rose */
.mrh-light .mrh-h,.mrh-light .mrh-h .w{color:#fff!important;text-shadow:0 2px 22px rgba(120,6,40,.4)!important;}
.mrh-light .mrh-rule{background:rgba(255,255,255,.34)!important;}
.mrh-light .mrh-p1{color:#fff!important;}
.mrh-light .mrh-p2,.mrh-light .mrh-copy p{color:rgba(255,255,255,.82)!important;}
.mrh-light .mrh-stat b{color:#fff!important;}
.mrh-light .mrh-stat b i{color:#FFD3E0!important;}
.mrh-light .mrh-stat .k{color:rgba(255,255,255,.6)!important;}
.mrh-light .mrh-stat .l{color:rgba(255,255,255,.78)!important;}
.mrh-light .mrh-stats{border-top-color:rgba(255,255,255,.28)!important;}
.mrh-light .mv2-clutch,.mrh-light .mv2-clutch *{color:#fff!important;}
.mrh-light .mv2-clutch img{filter:brightness(0) invert(1)!important;}
.mrh-light .mv2-clutch-stars,.mrh-light .mv2-clutch .stars{color:#fff!important;}
.mrh-light .btn,.mrh-light .mrh-cta{background:#fff!important;color:#E91E56!important;border-color:#fff!important;}
.mrh-light .btn:hover,.mrh-light .mrh-cta:hover{background:#0B0C0E!important;color:#fff!important;border-color:#0B0C0E!important;}

/* hero rev — white core with a fractional rose cast; dark copy restored */
.mrh-light .mrh-scrim{background:
  radial-gradient(66% 76% at 50% 46%,rgba(255,255,255,.97) 30%,rgba(255,247,250,.9) 54%,rgba(255,240,245,.42) 76%,rgba(255,240,245,.1)),
  linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,250,252,.4) 22%,transparent 42%,transparent 66%,rgba(255,255,255,.96))!important;}
/* copy back to ink on white */
.mrh-light .mrh-h,.mrh-light .mrh-h .w{color:#0B0C0E!important;text-shadow:none!important;}
.mrh-light .mrh-rule{background:rgba(11,12,14,.14)!important;}
.mrh-light .mrh-p1{color:#17181D!important;}
.mrh-light .mrh-p2,.mrh-light .mrh-copy p{color:#41454C!important;}
.mrh-light .mrh-stat b{color:#0B0C0E!important;}
.mrh-light .mrh-stat b i{color:#F92F64!important;}
.mrh-light .mrh-stat .k{color:#8A8F98!important;}
.mrh-light .mrh-stat .l{color:#41454C!important;}
.mrh-light .mrh-stats{border-top-color:rgba(11,12,14,.1)!important;}
.mrh-light .mv2-clutch,.mrh-light .mv2-clutch *{color:#0B0C0E!important;}
.mrh-light .mv2-clutch img{filter:none!important;}
.mrh-light .btn,.mrh-light .mrh-cta{background:#0B0C0E!important;color:#fff!important;border-color:#0B0C0E!important;}
.mrh-light .btn:hover,.mrh-light .mrh-cta:hover{background:#F92F64!important;border-color:#F92F64!important;color:#fff!important;}
/* alignment: centre the whole hero stack for a composed, symmetric read */
.mrh-light .mrh-in{display:flex;flex-direction:column;align-items:center;text-align:center;}
.mrh-light .mrh-h{max-width:16ch;}
.mrh-light .mrh-rule{width:min(560px,52vw);margin-left:auto;margin-right:auto;}
.mrh-light .mrh-copy{max-width:56ch;display:flex;flex-direction:column;align-items:center;gap:6px;}
.mrh-light .mrh-foot{display:flex!important;flex-direction:column;align-items:center;gap:22px;grid-template-columns:none!important;}
.mrh-light .mrh-stats{justify-content:center;width:min(900px,84vw);
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));text-align:center;}
@media(max-width:940px){.mrh-light .mrh-stats{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* hero rev — eyebrow, corner Clutch chip, stronger wall presence */
.mrh-eye{margin-bottom:20px!important;}
.mrh-corner{position:absolute;top:clamp(18px,3vw,40px);right:clamp(18px,3vw,44px);z-index:3;}
.mrh-corner .mv2-clutch{display:inline-flex;align-items:center;gap:14px;padding:11px 18px;border-radius:999px;
  background:rgba(255,255,255,.78);border:1px solid rgba(11,12,14,.08);backdrop-filter:blur(14px) saturate(150%);
  box-shadow:0 12px 32px -14px rgba(11,12,14,.25);}
/* the stats lead the footer now the Clutch chip has moved */
.mrh-light .mrh-foot{gap:14px;}
/* tighter bloom: the wall reads at the edges, the copy still owns the centre */
.mrh-light .mrh-scrim{background:
  radial-gradient(52% 62% at 50% 44%,rgba(255,255,255,.96) 24%,rgba(255,248,250,.86) 50%,rgba(255,243,247,.3) 72%,transparent),
  linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.24) 18%,transparent 36%,transparent 70%,rgba(255,255,255,.92))!important;}
.mrh-light .hw-row{opacity:.96;}
@media(max-width:940px){
  .mrh-corner{position:relative;top:auto;right:auto;display:flex;justify-content:center;margin-top:18px;order:5;}
}

/* ---- liquid glass plate behind the headline (Apple-style) ---- */
.mrh-glass{position:relative;display:flex;flex-direction:column;align-items:center;
  padding:clamp(26px,3.4vw,46px) clamp(30px,5vw,76px) clamp(30px,3.8vw,52px);
  border-radius:clamp(28px,3.4vw,44px);isolation:isolate;overflow:hidden;
  background:linear-gradient(165deg,rgba(255,255,255,.42),rgba(255,255,255,.16) 42%,rgba(255,255,255,.3));
  backdrop-filter:blur(26px) saturate(190%) brightness(1.06);
  -webkit-backdrop-filter:blur(26px) saturate(190%) brightness(1.06);
  box-shadow:0 30px 70px -34px rgba(11,12,14,.35),
    inset 0 1.5px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(255,255,255,.35),
    inset 1px 0 0 rgba(255,255,255,.4),
    inset -1px 0 0 rgba(255,255,255,.4);
  border:1px solid rgba(255,255,255,.55);}
/* moving specular sheen — the "liquid" */
.mrh-glass-sheen{position:absolute;inset:-60% -30%;z-index:-1;pointer-events:none;
  background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.5) 49%,rgba(255,255,255,.14) 54%,transparent 60%);
  animation:mrhSheen 7.5s cubic-bezier(.4,0,.2,1) infinite;}
@keyframes mrhSheen{0%{transform:translateX(-46%);}55%,100%{transform:translateX(46%);}}
/* refraction edge: a soft rose caustic along the bottom rim */
.mrh-glass::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:1.5px;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(249,47,100,.4) 30%,rgba(255,255,255,.8) 50%,rgba(249,47,100,.4) 70%,transparent);
  filter:blur(.3px);}
.mrh-glass .mrh-eye{position:relative;z-index:2;}
.mrh-glass .mrh-h{position:relative;z-index:2;margin:0;}
/* the plate replaces the bloom's job at centre — pull the scrim back further */
.mrh-light .mrh-scrim{background:
  radial-gradient(46% 54% at 50% 46%,rgba(255,255,255,.6) 20%,rgba(255,250,252,.34) 55%,transparent 78%),
  linear-gradient(180deg,rgba(255,255,255,.85),rgba(255,255,255,.16) 16%,transparent 34%,transparent 72%,rgba(255,255,255,.9))!important;}
.mrh-light .mrh-rule{margin-top:clamp(26px,3.2vw,44px);}
@media(prefers-reduced-motion:reduce){.mrh-glass-sheen{animation:none;}}
@media(max-width:760px){.mrh-glass{padding:22px 20px 26px;border-radius:24px;}}

/* ---- liquid glass, full-stack: one plate holds the whole hero ---- */
.mrh-glass-full{display:flex;flex-direction:column;align-items:center;width:min(1040px,92vw);
  padding:clamp(30px,3.6vw,54px) clamp(26px,4.6vw,72px) clamp(28px,3.4vw,48px);
  /* more transparent: the wall genuinely reads through it */
  background:linear-gradient(165deg,rgba(255,255,255,.26),rgba(255,255,255,.08) 44%,rgba(255,255,255,.18))!important;
  backdrop-filter:blur(18px) saturate(200%) brightness(1.05)!important;
  -webkit-backdrop-filter:blur(18px) saturate(200%) brightness(1.05)!important;
  border:1px solid rgba(255,255,255,.5)!important;}
.mrh-glass-full .mrh-rule{width:min(560px,70%);margin:clamp(20px,2.6vw,36px) auto;background:rgba(11,12,14,.12)!important;position:relative;z-index:2;}
.mrh-glass-full .mrh-foot,.mrh-glass-full .mrh-stats{position:relative;z-index:2;}
.mrh-glass-full .mrh-stats{margin-top:clamp(22px,2.8vw,38px);padding-top:clamp(18px,2.2vw,30px);width:100%;}
/* everything sits a touch higher in the viewport */
.mrh.mrh-light{padding-top:clamp(56px,7vw,116px)!important;padding-bottom:clamp(64px,8vw,128px)!important;}
/* the plate is the readability layer now — scrim goes minimal */
.mrh-light .mrh-scrim{background:
  linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.08) 14%,transparent 30%,transparent 76%,rgba(255,255,255,.8))!important;}
.mrh-light .hw-row{opacity:1;}
@media(max-width:760px){.mrh-glass-full{padding:24px 18px 24px;}}

/* ---- liquid glass, composed: wide landscape plate, left-aligned editorial layout ---- */
.mrh-glass-full{width:min(1180px,94vw)!important;align-items:flex-start!important;text-align:left!important;
  padding:clamp(28px,3.2vw,46px) clamp(28px,4vw,60px)!important;
  /* readable first: a touch more body in the glass */
  background:linear-gradient(165deg,rgba(255,255,255,.62),rgba(255,255,255,.4) 44%,rgba(255,255,255,.54))!important;
  backdrop-filter:blur(22px) saturate(180%) brightness(1.04)!important;
  -webkit-backdrop-filter:blur(22px) saturate(180%) brightness(1.04)!important;}
.mrh-light .mrh-in{align-items:flex-start!important;text-align:left!important;}
.mrh-glass-full .mrh-eye{align-self:flex-start;}
/* headline left, copy+CTA beside it on the right — landscape composition */
.mrh-glass-full .mrh-h{max-width:none!important;font-size:clamp(38px,5.6vw,84px)!important;}
.mrh-glass-full .mrh-rule{width:100%!important;margin:clamp(16px,2vw,26px) 0!important;}
.mrh-glass-full .mrh-foot{display:grid!important;grid-template-columns:1fr auto;align-items:end;gap:clamp(20px,4vw,64px);width:100%;flex-direction:unset!important;}
.mrh-glass-full .mrh-copy{align-items:flex-start!important;text-align:left!important;max-width:52ch!important;}
/* stats: one lean row under the rule, left-aligned */
.mrh-glass-full .mrh-stats{margin-top:clamp(16px,2vw,26px)!important;padding-top:clamp(14px,1.8vw,22px)!important;
  width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;text-align:left!important;justify-content:start!important;}
.mrh-glass-full .mrh-stat b{font-size:clamp(24px,2.4vw,36px)!important;}
@media(max-width:940px){
  .mrh-glass-full .mrh-foot{grid-template-columns:1fr;align-items:start;}
  .mrh-glass-full .mrh-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}

/* glass panel: true centre of the section, wider, larger type */
.mrh-light .mrh-in{width:100%;max-width:none!important;display:flex;flex-direction:column;align-items:center!important;padding:0 var(--gutter,clamp(24px,4vw,64px));}
.mrh-glass-full{width:min(1320px,96vw)!important;margin:0 auto!important;}
.mrh-glass-full .mrh-h{font-size:clamp(42px,6.2vw,96px)!important;}
.mrh-glass-full .mrh-p1{font-size:clamp(17px,1.5vw,22px)!important;}
.mrh-glass-full .mrh-p2{font-size:clamp(14px,1.15vw,17px)!important;}
.mrh-glass-full .mrh-stat b{font-size:clamp(26px,2.7vw,40px)!important;}
.mrh-glass-full .mrh-stat .k{font-size:10.5px!important;}
.mrh-glass-full .mrh-stat .l{font-size:clamp(13px,1vw,15px)!important;}
/* pinned navigation */
#navAvF5{position:sticky!important;top:0!important;z-index:900!important;background:#fff;}
body.is-scrolled #navAvF5,#navAvF5{box-shadow:0 1px 0 rgba(11,12,14,.07);}

/* hero rev — the headline is the centrepiece of the glass */
.mrh-light .hw-row{opacity:.74;}
.mrh-glass-full{align-items:center!important;text-align:center!important;}
.mrh-glass-full .mrh-eye{align-self:center;margin-bottom:16px!important;}
.mrh-glass-full .mrh-h{text-align:center!important;font-size:clamp(46px,6.8vw,108px)!important;line-height:.96!important;}
.mrh-glass-full .mrh-rule{width:min(520px,60%)!important;margin:clamp(18px,2.2vw,30px) auto!important;}
.mrh-glass-full .mrh-foot{display:flex!important;flex-direction:column;align-items:center;gap:10px;grid-template-columns:none!important;}
.mrh-glass-full .mrh-copy{align-items:center!important;text-align:center!important;max-width:56ch!important;}
.mrh-glass-full .mrh-copy .mrh-cta{margin-top:14px;}
.mrh-glass-full .mrh-stats{text-align:center!important;justify-items:center;}
.mrh-glass-full .mrh-stat{align-items:center;}
@media(max-width:940px){.mrh-glass-full .mrh-h{font-size:clamp(34px,9vw,56px)!important;}}

/* hero rev — edge-to-edge liquid glass, original hero composition inside */
.mrh-light .mrh-in{padding:0!important;}
.mrh-glass-full{width:100%!important;max-width:none!important;border-radius:0!important;
  align-items:stretch!important;text-align:left!important;
  border-left:0!important;border-right:0!important;
  padding:clamp(34px,4vw,64px) var(--gutter,clamp(24px,4vw,64px)) clamp(30px,3.6vw,52px)!important;}
/* original composition: left headline, full rule, copy left + CTA, stats row */
.mrh-glass-full .mrh-eye{align-self:flex-start;margin-bottom:18px!important;}
.mrh-glass-full .mrh-h{text-align:left!important;font-size:clamp(46px,8.4vw,124px)!important;line-height:.98!important;max-width:none!important;}
.mrh-glass-full .mrh-rule{width:100%!important;margin:clamp(20px,2.6vw,38px) 0!important;}
.mrh-glass-full .mrh-foot{display:grid!important;grid-template-columns:1fr auto!important;align-items:end;gap:clamp(20px,4vw,64px);flex-direction:unset!important;}
.mrh-glass-full .mrh-copy{align-items:flex-start!important;text-align:left!important;max-width:52ch!important;}
.mrh-glass-full .mrh-copy .mrh-cta{margin-top:12px;}
.mrh-glass-full .mrh-stats{text-align:left!important;justify-items:start;}
.mrh-glass-full .mrh-stat{align-items:flex-start;}
/* the wall shows above and below the full-bleed band */
.mrh.mrh-light{display:flex;align-items:center;}
.mrh-light .mrh-in{width:100%;}
@media(max-width:940px){
  .mrh-glass-full .mrh-foot{grid-template-columns:1fr!important;align-items:start;}
}

/* right-aligned hero side lines */
.mrh-glass-full{position:relative;}
.mrh-right{position:absolute!important;right:var(--gutter,clamp(24px,4vw,64px));top:clamp(40px,4.6vw,72px);margin:0!important;
  max-width:34ch;text-align:right!important;}
.mrh-right-2{top:calc(clamp(40px,4.6vw,72px) + 34px)!important;color:#6A6F78!important;}
@media(max-width:940px){.mrh-right{position:static!important;text-align:left!important;max-width:none;}.mrh-right-2{position:static!important;}}
/* wall rows animate on transform/opacity from the exit controller */
.mrh-light .hw-row{will-change:transform,opacity;}

/* ---- glass rev: lighter body, clears on hover to reveal the wall ---- */
.mrh-glass-full{
  background:linear-gradient(165deg,rgba(255,255,255,.44),rgba(255,255,255,.22) 44%,rgba(255,255,255,.36))!important;
  backdrop-filter:blur(20px) saturate(185%) brightness(1.05)!important;
  -webkit-backdrop-filter:blur(20px) saturate(185%) brightness(1.05)!important;
  transition:background 1.1s cubic-bezier(.22,.61,.36,1),backdrop-filter 1.1s cubic-bezier(.22,.61,.36,1),-webkit-backdrop-filter 1.1s cubic-bezier(.22,.61,.36,1),border-color 1.1s cubic-bezier(.22,.61,.36,1);}
@media(hover:hover){
  .mrh-glass-full:hover{
    background:linear-gradient(165deg,rgba(255,255,255,.1),rgba(255,255,255,.03) 44%,rgba(255,255,255,.08))!important;
    backdrop-filter:blur(0px) saturate(100%) brightness(1)!important;
    -webkit-backdrop-filter:blur(0px) saturate(100%) brightness(1)!important;
    border-color:rgba(255,255,255,.24)!important;}
  .mrh-glass-full:hover .mrh-glass-sheen{opacity:0;}
  /* type stays readable over the raw wall */
  .mrh-glass-full:hover .mrh-h,.mrh-glass-full:hover .mrh-p1,.mrh-glass-full:hover .mrh-p2,
  .mrh-glass-full:hover .mrh-stat b,.mrh-glass-full:hover .mrh-stat .k,.mrh-glass-full:hover .mrh-stat .l{
    text-shadow:0 1px 2px rgba(255,255,255,.9),0 0 18px rgba(255,255,255,.8);}
}
.mrh-glass-sheen{transition:opacity .8s ease;}
/* the two side lines: single lines, stacked, top-right corner */
.mrh-right{top:clamp(26px,3vw,44px)!important;max-width:none!important;white-space:nowrap;font-size:clamp(13px,1.05vw,16px)!important;}
.mrh-right-2{top:calc(clamp(26px,3vw,44px) + clamp(22px,1.9vw,28px))!important;font-size:clamp(12px,.95vw,14.5px)!important;}
@media(max-width:1100px){.mrh-right,.mrh-right-2{white-space:normal;}}

/* ---- panel stays glass; a circular lens clears where the cursor is ---- */
@media(hover:hover){
  .mrh-glass-full:hover{
    background:linear-gradient(165deg,rgba(255,255,255,.44),rgba(255,255,255,.22) 44%,rgba(255,255,255,.36))!important;
    backdrop-filter:blur(20px) saturate(185%) brightness(1.05)!important;
    -webkit-backdrop-filter:blur(20px) saturate(185%) brightness(1.05)!important;
    border-color:rgba(255,255,255,.55)!important;}
  .mrh-glass-full:hover .mrh-glass-sheen{opacity:1;}
  .mrh-glass-full:hover .mrh-h,.mrh-glass-full:hover .mrh-p1,.mrh-glass-full:hover .mrh-p2,
  .mrh-glass-full:hover .mrh-stat b,.mrh-glass-full:hover .mrh-stat .k,.mrh-glass-full:hover .mrh-stat .l{text-shadow:none;}
}
.mrh-lens{position:absolute;left:0;top:0;width:210px;height:210px;border-radius:50%;z-index:1;pointer-events:none;
  opacity:0;transition:opacity .45s ease;
  /* punch through the frost: strong de-blur + a clean rim */
  backdrop-filter:blur(0px) saturate(115%) brightness(1.02);
  -webkit-backdrop-filter:blur(0px) saturate(115%) brightness(1.02);
  background:rgba(255,255,255,.02);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.65),inset 0 0 26px rgba(255,255,255,.25),0 10px 34px -18px rgba(11,12,14,.35);
  mix-blend-mode:normal;}
.mrh-lens.on{opacity:1;}
/* the lens must sit UNDER the text so copy stays readable */
.mrh-glass-full .mrh-eye,.mrh-glass-full .mrh-h,.mrh-glass-full .mrh-sub,.mrh-glass-full .mrh-cta,
.mrh-glass-full .mrh-stats,.mrh-glass-full .mrh-right,.mrh-glass-full .mrh-right-2,.mrh-glass-full .mrh-rule{position:relative;z-index:2;}
.mrh-right-2{z-index:2;}
/* lead line under the headline */
.mrh-sub{margin:clamp(14px,1.6vw,24px) 0 0!important;font-size:clamp(17px,1.5vw,22px)!important;font-weight:400!important;color:#17181D!important;max-width:52ch;}

/* ---- frost on its own layer; the lens is a mask hole in that layer ---- */
.mrh-glass-full{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}
.mrh-glass-full::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(165deg,rgba(255,255,255,.44),rgba(255,255,255,.22) 44%,rgba(255,255,255,.36));
  backdrop-filter:blur(20px) saturate(185%) brightness(1.05);
  -webkit-backdrop-filter:blur(20px) saturate(185%) brightness(1.05);
  -webkit-mask:radial-gradient(circle 105px at var(--mx,-999px) var(--my,-999px),transparent 96%,#000 100%);
  mask:radial-gradient(circle 105px at var(--mx,-999px) var(--my,-999px),transparent 96%,#000 100%);}
@media(hover:hover){.mrh-glass-full:hover{background:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;}}
/* luminous rim around the hole */
.mrh-glass-full::after{content:"";position:absolute;left:var(--mx,-999px);top:var(--my,-999px);width:210px;height:210px;z-index:1;
  transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:0;transition:opacity .4s ease;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 26px rgba(255,255,255,.25),0 10px 34px -18px rgba(11,12,14,.3);
  background:none;filter:none;}
.mrh-glass-full.lens-on::after{opacity:1;}
.mrh-lens{display:none!important;}
/* the old bottom caustic rode on ::after — retire it cleanly */
/* mobile: the Clutch chip fits its corner */
@media(max-width:940px){
  .mrh-corner{width:100%;}
  .mrh-corner .mv2-clutch{padding:9px 14px;gap:10px;}
}

/* ---- lens becomes a fixed clear porthole under the top-right lines ---- */
.mrh-glass-full{--lensx:calc(100% - var(--gutter,clamp(24px,4vw,64px)) - 105px);
  --lensy:calc(clamp(26px,3vw,44px) + clamp(22px,1.9vw,28px) + 140px);}
.mrh-glass-full::before{
  -webkit-mask:radial-gradient(circle 105px at var(--lensx) var(--lensy),transparent 96%,#000 100%)!important;
  mask:radial-gradient(circle 105px at var(--lensx) var(--lensy),transparent 96%,#000 100%)!important;
  /* 15–17% more body in the glass */
  background:linear-gradient(165deg,rgba(255,255,255,.6),rgba(255,255,255,.38) 44%,rgba(255,255,255,.52))!important;}
.mrh-glass-full::after{left:var(--lensx)!important;top:var(--lensy)!important;opacity:1!important;}
.mrh-glass-full.lens-on::after{opacity:1!important;}
@media(max-width:940px){
  .mrh-glass-full::before{-webkit-mask:none!important;mask:none!important;}
  .mrh-glass-full::after{display:none;}
}

/* punch-hole: pulled left of the corner lines, aligned like a deliberate cutout */
.mrh-glass-full{--lensx:calc(100% - var(--gutter,clamp(24px,4vw,64px)) - 330px);
  --lensy:calc(clamp(26px,3vw,44px) + clamp(22px,1.9vw,28px) + 128px);}
/* +7% body */
.mrh-glass-full::before{background:linear-gradient(165deg,rgba(255,255,255,.67),rgba(255,255,255,.45) 44%,rgba(255,255,255,.59))!important;}
/* very mild pink hue washing behind the headline */
.mrh-glass-full .mrh-h{position:relative;}
.mrh-glass-full .mrh-h::before{content:"";position:absolute;left:-6%;top:-18%;width:76%;height:140%;z-index:-1;pointer-events:none;
  background:radial-gradient(55% 60% at 38% 50%,rgba(233,30,86,.07),transparent 75%);filter:blur(6px);}

/* punch-hole repositioned per markup: right of centre, under the corner lines */
.mrh-glass-full{--lensx:calc(100% - var(--gutter,clamp(24px,4vw,64px)) - 150px);
  --lensy:calc(clamp(26px,3vw,44px) + clamp(22px,1.9vw,28px) + 150px);}
.mrh-glass-full::before{
  -webkit-mask:radial-gradient(circle 122px at var(--lensx) var(--lensy),transparent 96%,#000 100%)!important;
  mask:radial-gradient(circle 122px at var(--lensx) var(--lensy),transparent 96%,#000 100%)!important;}
.mrh-glass-full::after{width:244px!important;height:244px!important;}

/* CTA: fixed comfortable proportions, never wraps or collapses */
.mrh-glass-full .mrh-cta{width:auto!important;height:auto!important;white-space:nowrap;flex:none;
  display:inline-flex!important;align-items:center;gap:10px;padding:15px 30px!important;font-size:15px!important;}
/* second punch hole: overlapping/intersecting circle to the left of the first */
.mrh-glass-full{--lens2x:calc(var(--lensx) - 168px);--lens2y:calc(var(--lensy) + 46px);}
.mrh-glass-full::before{
  -webkit-mask:
    radial-gradient(circle 122px at var(--lensx) var(--lensy),transparent 96%,#000 100%),
    radial-gradient(circle 88px at var(--lens2x) var(--lens2y),transparent 96%,#000 100%)!important;
  -webkit-mask-composite:source-in;
  mask:
    radial-gradient(circle 122px at var(--lensx) var(--lensy),transparent 96%,#000 100%),
    radial-gradient(circle 88px at var(--lens2x) var(--lens2y),transparent 96%,#000 100%)!important;
  mask-composite:intersect!important;}
/* rim for the second hole */
.mrh-glass-full .mrh-glass-sheen::after{content:"";position:absolute;left:var(--lens2x);top:var(--lens2y);
  width:176px;height:176px;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7),inset 0 0 22px rgba(255,255,255,.25),0 10px 30px -18px rgba(11,12,14,.3);}
@media(max-width:940px){.mrh-glass-full .mrh-glass-sheen::after{display:none;}}

/* single punch hole restored; second removed */
.mrh-glass-full::before{
  -webkit-mask:radial-gradient(circle 122px at var(--lensx) var(--lensy),transparent 96%,#000 100%)!important;
  mask:radial-gradient(circle 122px at var(--lensx) var(--lensy),transparent 96%,#000 100%)!important;}
.mrh-glass-full .mrh-glass-sheen::after{display:none!important;}
/* CTA matches the nav's Discuss Your Project pill */
.mrh-glass-full .mrh-cta{padding:11px 22px!important;font-size:13.5px!important;gap:8px;}
.mrh-glass-full .mrh-cta svg{width:15px;height:15px;}

/* ============================================================
   cv2 rev — straight-back parallax (no tilt), longer & smoother
   ============================================================ */
.cv2-track{padding-bottom:118vh;}
.cv2-sink{
  transform:translate3d(0,calc(var(--cv2,0) * 15vh),0) scale(calc(1 - var(--cv2,0) * .085))!important;
  filter:brightness(calc(1 - var(--cv2,0) * .34))!important;
  transform-origin:50% 42%!important;perspective:none!important;}
.cv2-rise{margin-top:-118vh!important;
  border-radius:clamp(20px,2.4vw,34px) clamp(20px,2.4vw,34px) 0 0!important;
  box-shadow:0 -40px 90px -20px rgba(11,12,14,.42),0 -1px 0 rgba(255,255,255,.5) inset!important;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cv2-track{padding-bottom:0;}
  .cv2-sink{transform:none!important;filter:none!important;border-radius:0;}
  .cv2-rise{margin-top:0!important;}
}

/* cv2 rev2 — the process plane travels visibly DOWN and back as technology climbs over it */
.cv2-sink{
  transform:translate3d(0,calc(var(--cv2,0) * 34vh),0) scale(calc(1 - var(--cv2,0) * .14))!important;
  filter:brightness(calc(1 - var(--cv2,0) * .46)) saturate(calc(1 - var(--cv2,0) * .3))!important;
  transform-origin:50% 0%!important;}
.cv2-rise{z-index:8!important;}
.cv2-rise ~ section,.cv2-rise ~ footer,.cv2-rise ~ div{z-index:8!important;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cv2-sink{transform:none!important;filter:none!important;}
}

/* cv2 rev3 — sink pins by its bottom edge (JS sets top), then travels down */
.cv2-sink{transform-origin:50% 100%!important;
  transform:translate3d(0,calc(var(--cv2,0) * 26vh),0) scale(calc(1 - var(--cv2,0) * .12))!important;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cv2-sink{top:auto!important;transform:none!important;}
}

/* cv2 rev4 — much deeper downward travel, shallower depth recede */
.cv2-sink{
  transform:translate3d(0,calc(var(--cv2,0) * 62vh),0) scale(calc(1 - var(--cv2,0) * .05))!important;
  filter:brightness(calc(1 - var(--cv2,0) * .3)) saturate(calc(1 - var(--cv2,0) * .18))!important;}
@media(max-width:940px),(prefers-reduced-motion:reduce){.cv2-sink{transform:none!important;filter:none!important;}}

/* ============================================================
   12 · AI IMPACT — labs-style statement with capsule tabs
   ============================================================ */
.mai2{position:relative;overflow:hidden;background:#F4F1EC;color:var(--ink);
  padding:clamp(72px,8vw,128px) 0 clamp(96px,10vw,168px);z-index:8;}
.mai2-in{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;}
/* capsule tabs */
.mai2-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:820px;}
.mai2-tab{appearance:none;cursor:pointer;padding:11px 22px;border-radius:999px;border:1px solid transparent;
  background:#E9E4DC;color:var(--ink);font-family:inherit;font-size:13.5px;font-weight:500;letter-spacing:-0.01em;
  transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s var(--ease);}
.mai2-tab:hover{background:#DFD8CE;transform:translateY(-1px);}
.mai2-tab.on{background:var(--ink);color:#fff;}
.mai2-tab:focus-visible{outline:2px solid var(--rose-500);outline-offset:3px;}
/* eyebrow */
.mai2-eye{display:inline-flex;align-items:center;gap:9px;margin-top:clamp(56px,6.4vw,104px);
  font-size:11.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--rose-600);}
.mai2-eye i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);box-shadow:0 0 0 3px rgba(249,47,100,.16);}
/* the statement */
.mai2-state{margin:clamp(22px,2.6vw,34px) auto 0;max-width:21ch;min-height:5.2em;
  font-size:clamp(28px,4.2vw,58px);font-weight:400;letter-spacing:-0.04em;line-height:1.18;color:var(--ink);text-wrap:balance;}
.mai2-state .mai2-w{display:inline-block;opacity:0;transform:translateY(14px);
  transition:opacity .55s var(--ease),transform .55s var(--ease);}
.mai2-state.in .mai2-w{opacity:1;transform:none;}
/* the two drifting shapes — slow ±20% sway */
.mai2-blob{position:absolute;z-index:1;pointer-events:none;will-change:transform;}
.mai2-blob-a{left:-14%;top:-34%;width:clamp(360px,42vw,720px);aspect-ratio:1.16;background:#6E8BFF;
  border-radius:38% 62% 55% 45% / 48% 44% 56% 52%;
  animation:mai2SwayA 26s ease-in-out infinite alternate;}
.mai2-blob-b{right:-12%;bottom:-38%;width:clamp(380px,46vw,780px);aspect-ratio:1.05;background:#FF9AD5;
  border-radius:58% 42% 44% 56% / 52% 58% 42% 48%;
  animation:mai2SwayB 30s ease-in-out infinite alternate;}
@keyframes mai2SwayA{from{transform:rotate(-10deg) translate3d(0,0,0);}to{transform:rotate(10deg) translate3d(4%,3%,0);}}
@keyframes mai2SwayB{from{transform:rotate(8deg) translate3d(0,0,0);}to{transform:rotate(-12deg) translate3d(-4%,-3%,0);}}
@media(prefers-reduced-motion:reduce){.mai2-blob{animation:none;}
  .mai2-state .mai2-w{transition:none;opacity:1;transform:none;}}
@media(max-width:760px){
  .mai2-state{max-width:24ch;min-height:0;}
  .mai2-blob-a{left:-40%;top:-16%;}
  .mai2-blob-b{right:-42%;bottom:-18%;}
}

/* cream canvas must beat the .mind ~ section white reset */
section.mai2{background:#F4F1EC!important;}

/* ============================================================
   mai2 rev2 — 3 pills, themed shape flips, WDI palettes
   ============================================================ */
/* word spacing fix */
.mai2-state .mai2-w{margin-right:.27em;}
/* header */
.mai2-h{margin:14px 0 0;font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-0.03em;color:var(--m2-ink);}
/* theme variables drive everything; long eased transitions do the flip */
.mai2{--m2-bg:#F4F1EC;--m2-ink:#0B0C0E;--m2-mut:rgba(11,12,14,.62);
  --m2-tab:#E9E4DC;--m2-tabink:#0B0C0E;--m2-tabon:#0B0C0E;--m2-tabonink:#fff;
  --m2-ba:#6E8BFF;--m2-bb:#FF9AD5;
  transition:background 1s cubic-bezier(.22,.61,.36,1),color 1s ease;}
section.mai2{background:var(--m2-bg)!important;color:var(--m2-ink);}
.mai2[data-theme="t1"]{--m2-bg:#FDEBF3;--m2-ink:#33060F;--m2-mut:rgba(51,6,15,.6);
  --m2-tab:#F9D7E6;--m2-tabink:#33060F;--m2-tabon:#F92F64;--m2-tabonink:#fff;
  --m2-ba:#FFB1D2;--m2-bb:#F92F64;}
.mai2[data-theme="t2"]{--m2-bg:#111214;--m2-ink:#E9EAEC;--m2-mut:rgba(233,234,236,.6);
  --m2-tab:#232529;--m2-tabink:#E9EAEC;--m2-tabon:#F92F64;--m2-tabonink:#fff;
  --m2-ba:#F92F64;--m2-bb:#FF7AA8;}
.mai2-eye{color:var(--rose-500);}
.mai2[data-theme="t2"] .mai2-eye{color:#FF7AA8;}
.mai2-state{color:var(--m2-ink);transition:color 1s ease;}
.mai2-tab{background:var(--m2-tab);color:var(--m2-tabink);
  transition:background .6s ease,color .6s ease,transform .35s var(--ease);}
.mai2-tab.on{background:var(--m2-tabon);color:var(--m2-tabonink);}
/* blobs: color + shape morph + flip on theme change; sit ABOVE the text with a blend so covered words tint */
.mai2-blob{z-index:3;mix-blend-mode:multiply;
  transition:background 1.1s cubic-bezier(.22,.61,.36,1),
    border-radius 1.1s cubic-bezier(.22,.61,.36,1);}
.mai2[data-theme="t2"] .mai2-blob{mix-blend-mode:screen;opacity:.85;}
.mai2-blob-a{background:var(--m2-ba);}
.mai2-blob-b{background:var(--m2-bb);}
.mai2[data-theme="t1"] .mai2-blob-a{border-radius:62% 38% 45% 55% / 44% 56% 44% 56%;animation-name:mai2SwayB;}
.mai2[data-theme="t1"] .mai2-blob-b{border-radius:42% 58% 56% 44% / 58% 42% 58% 42%;animation-name:mai2SwayA;}
.mai2[data-theme="t2"] .mai2-blob-a{border-radius:24% 76% 66% 34% / 60% 30% 70% 40%;animation-name:mai2SwayB;}
.mai2[data-theme="t2"] .mai2-blob-b{border-radius:70% 30% 32% 68% / 36% 64% 36% 64%;animation-name:mai2SwayA;}
/* the flip itself */
@keyframes mai2Flip{0%{transform:rotate(0) scaleX(1);}50%{transform:rotate(-9deg) scaleX(.2);}100%{transform:rotate(0) scaleX(-1);}}
.mai2-blob.flip{animation:mai2Flip 1s cubic-bezier(.22,.61,.36,1) both!important;}
.mai2-in{z-index:2;}
@media(prefers-reduced-motion:reduce){.mai2-blob.flip{animation:none!important;}}

/* mai2 rev3 — white canvas, single-line pills, wider text, roaming blobs */
.mai2{--m2-bg:#fff;}
section.mai2{background:var(--m2-bg)!important;}
.mai2-tabs{flex-wrap:nowrap;max-width:none;gap:8px;}
.mai2-tab{padding:10px 18px;font-size:12.5px;white-space:nowrap;}
@media(max-width:900px){.mai2-tabs{flex-wrap:wrap;}}
.mai2-h.in{animation:mai2TitleIn .7s var(--ease) both;}
@keyframes mai2TitleIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
.mai2-state{max-width:30ch;font-size:clamp(24px,3.4vw,46px);min-height:4.6em;}
/* blobs roam across the section, slowly and continuously */
.mai2-blob-a{left:-16%;top:-30%;animation:mai2RoamA 44s ease-in-out infinite alternate;}
.mai2-blob-b{right:-14%;bottom:-34%;animation:mai2RoamB 52s ease-in-out infinite alternate;}
@keyframes mai2RoamA{
  0%{transform:translate3d(0,0,0) rotate(-8deg);}
  35%{transform:translate3d(34vw,14vh,0) rotate(4deg);}
  70%{transform:translate3d(58vw,4vh,0) rotate(12deg);}
  100%{transform:translate3d(12vw,26vh,0) rotate(-4deg);}}
@keyframes mai2RoamB{
  0%{transform:translate3d(0,0,0) rotate(6deg);}
  40%{transform:translate3d(-38vw,-12vh,0) rotate(-6deg);}
  75%{transform:translate3d(-62vw,-2vh,0) rotate(-14deg);}
  100%{transform:translate3d(-16vw,-24vh,0) rotate(4deg);}}
/* flip rides on top of the roam via the inner pseudo trick: keep flip on filter/scale only */
@keyframes mai2Flip{0%{scale:1 1;}50%{scale:.15 1;}100%{scale:-1 1;}}
.mai2-blob.flip{animation:mai2RoamA 44s ease-in-out infinite alternate,mai2Flip 1s cubic-bezier(.22,.61,.36,1) both!important;}
.mai2-blob-b.flip{animation:mai2RoamB 52s ease-in-out infinite alternate,mai2Flip 1s cubic-bezier(.22,.61,.36,1) both!important;}
@media(prefers-reduced-motion:reduce){.mai2-blob-a,.mai2-blob-b,.mai2-blob.flip{animation:none!important;}}

/* mai2 rev4 — full-viewport panel, big section title, pink capability title */
section.mai2{min-height:100vh;display:flex;align-items:center;
  padding:clamp(44px,5vh,72px) 0!important;box-sizing:border-box;}
.mai2-in{width:100%;}
.mai2-big{margin:0 0 clamp(26px,3.2vh,44px);font-size:clamp(34px,4.4vw,62px);font-weight:500;
  letter-spacing:-0.045em;line-height:1.04;color:var(--m2-ink);transition:color 1s ease;}
.mai2-tab{padding:13px 26px;font-size:14px;}
.mai2-h{margin-top:clamp(34px,4.6vh,64px);font-size:clamp(21px,1.9vw,28px);font-weight:500;
  letter-spacing:-0.03em;color:var(--rose-500)!important;}
.mai2[data-theme="t2"] .mai2-h{color:#FF7AA8!important;}
.mai2-h .mai2-l{display:inline-block;opacity:0;transform:translateY(9px);
  transition:opacity .5s var(--ease),transform .5s var(--ease);}
.mai2-h.in .mai2-l{opacity:1;transform:none;}
.mai2-eye{display:none;}
.mai2-state{margin-top:clamp(16px,2vh,26px);font-size:clamp(22px,3vw,42px);min-height:0;}
@media(prefers-reduced-motion:reduce){.mai2-h .mai2-l{transition:none;opacity:1;transform:none;}}
@media(max-height:760px){.mai2-state{font-size:clamp(20px,2.6vw,34px);}.mai2-big{margin-bottom:20px;}}

/* ============================================================
   mai2 rev5 — WDI palette, blend inversion, persistent roam
   ============================================================ */
/* WDI-only colours per theme */
.mai2{--m2-ba:#F92F64;--m2-bb:#FFC2D4;}
.mai2[data-theme="t1"]{--m2-ba:#FF7AA8;--m2-bb:#F92F64;}
.mai2[data-theme="t2"]{--m2-ba:#F92F64;--m2-bb:#5A0E28;}
/* shapes: one perfect circle, one very rounded squircle — painted on ::after so
   the roam (on the span) never restarts when themes change; only ::after flips */
.mai2 .mai2-blob{background:transparent!important;z-index:0!important;
  mix-blend-mode:normal!important;opacity:1!important;border-radius:0!important;}
.mai2 .mai2-blob::after{content:"";position:absolute;inset:0;
  transition:background 1.1s cubic-bezier(.22,.61,.36,1),border-radius 1.1s cubic-bezier(.22,.61,.36,1);}
.mai2 .mai2-blob-a::after{background:var(--m2-ba);border-radius:50%;}
.mai2 .mai2-blob-b::after{background:var(--m2-bb);border-radius:clamp(70px,9vw,150px);}
.mai2 .mai2-blob-a{animation:mai2RoamA 44s ease-in-out infinite alternate!important;}
.mai2 .mai2-blob-b{animation:mai2RoamB 52s ease-in-out infinite alternate!important;}
.mai2 .mai2-blob.flip{animation:mai2RoamA 44s ease-in-out infinite alternate!important;}
.mai2 .mai2-blob-b.flip{animation:mai2RoamB 52s ease-in-out infinite alternate!important;}
.mai2 .mai2-blob.flip::after{animation:mai2Flip 1s cubic-bezier(.22,.61,.36,1) both;}
/* blend inversion: statement paints above the shapes and inverts wherever they pass */
.mai2 .mai2-in{z-index:auto!important;position:relative;}
.mai2-state{color:#fff!important;mix-blend-mode:difference;}
/* spacing: title + pills high, statement centred, more air */
section.mai2{padding:clamp(40px,5.5vh,64px) 0 clamp(56px,7vh,96px)!important;}
.mai2-in{min-height:calc(100vh - clamp(96px,12.5vh,160px));display:flex;flex-direction:column;align-items:center;}
.mai2-big{margin-bottom:clamp(20px,2.6vh,34px);}
.mai2-h{margin-top:auto!important;font-size:clamp(16px,1.4vw,21px)!important;font-weight:600!important;
  letter-spacing:.02em!important;}
.mai2-state{margin-bottom:auto!important;max-width:34ch;font-size:clamp(22px,2.9vw,40px);
  font-weight:300;line-height:1.32;letter-spacing:-0.03em;}
@media(prefers-reduced-motion:reduce){
  .mai2 .mai2-blob,.mai2 .mai2-blob.flip{animation:none!important;}
  .mai2 .mai2-blob.flip::after{animation:none;}}

/* direct-edit mapping: fixed type sizes chosen in the editor */
.mai2-h{font-size:21.61px!important;}
.mai2-state{font-size:40px!important;font-weight:400!important;}

/* reserve room for the pinned title + pill row so the statement can't ride up into them */
.mai2 .mai2-in{padding-top:218px;}
@media(max-width:900px){
  .mai2-big,.mai2-tabs,.mai2 .mai2-in > .mai2-tab{position:static!important;top:auto!important;left:auto!important;}
  .mai2 .mai2-in{padding-top:0;}
}

/* ============================================================
   mai2 rev6 — eyebrow, alignment, escaping circle, reveal-behind
   ============================================================ */
body{overflow-x:clip;}
/* eyebrow */
.mai2-eye2{position:absolute;top:16px;display:inline-flex;align-items:center;gap:9px;
  font-size:11.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--rose-500);}
.mai2-eye2 i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);box-shadow:0 0 0 3px rgba(249,47,100,.16);}
/* alignment: the pinned pill row centres itself */
.mai2 .mai2-tabs{left:50%!important;transform:translateX(-50%)!important;}
/* the circle escapes the section and rides over the section above; the bottom shape stays contained */
section.mai2{overflow:visible!important;z-index:9!important;}
.mai2 .mai2-blob-b{bottom:4%!important;}
/* reveal-behind: Selected Work sits pinned beneath the AI panel and is uncovered as it scrolls away */
div.mai2-rvl{position:relative!important;z-index:1!important;
  margin-top:-100vh;padding-bottom:100vh;margin-bottom:-100vh;}
.mai2-rvl > .dvw{position:sticky;top:0;}
.mai2-rvl ~ .mau-cta{z-index:0!important;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  div.mai2-rvl{margin:0!important;padding:0!important;}
  .mai2-rvl > .dvw{position:relative;top:auto;}
  section.mai2{overflow:hidden!important;}
}

/* rev6 fixes: working reveal, contained shapes, smaller shapes */
div.mai2-rvl{padding-bottom:0!important;}
.mai2-rvl-sp{height:100vh;}
/* shapes stay inside the section again */
section.mai2{overflow:hidden!important;}
/* circle ~28% smaller, squircle a little smaller */
.mai2 .mai2-blob-a{width:clamp(260px,30vw,520px)!important;}
.mai2 .mai2-blob-b{width:clamp(330px,40vw,680px)!important;}
@media(max-width:940px),(prefers-reduced-motion:reduce){.mai2-rvl-sp{height:0;}}

/* reveal-behind removed: Selected Work back in normal flow */
div.mai2-rvl{margin:0!important;padding:0!important;z-index:auto!important;}
.mai2-rvl > .dvw{position:relative!important;top:auto!important;}
.mai2-rvl-sp{display:none!important;height:0!important;}
.mai2-rvl ~ .mau-cta{z-index:8!important;}

/* Why WDI: cards arrive two at a time, fading in from the right */
.wby-cell.wby-rise{opacity:0;transform:translateX(46px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);}
.wby-cell.wby-rise.in{opacity:1;transform:none;}

/* ---- footer drop: identical plane grammar to the services arrival ---- */
.lpfoot-drop{position:relative;z-index:3;overflow:clip;
  border-radius:calc((1 - var(--fp,0)) * 34px) calc((1 - var(--fp,0)) * 34px) 0 0;
  box-shadow:0 calc((1 - var(--fp,0)) * -34px) calc((1 - var(--fp,0)) * 64px) rgba(0,0,0,calc((1 - var(--fp,0)) * .42));
  will-change:border-radius;}
.lpfoot-drop .lpfoot-track{
  transform:translate3d(0,calc((var(--fp,0) - 1) * 18%),0);
  will-change:transform;backface-visibility:hidden;}
.lpfoot-drop::before{content:"";position:absolute;left:0;right:0;top:0;height:clamp(70px,10vh,140px);z-index:5;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,calc(.46 * (1 - var(--fp,0)))),transparent);}
.lpfoot-drop::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;z-index:6;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,calc(var(--fp,0) * .22)) 30%,rgba(255,255,255,calc(var(--fp,0) * .22)) 70%,transparent);}
/* staged content as the plane lands */
.lpfoot-drop .lpfoot-l{--d:.12}
.lpfoot-drop .lpfoot-r{--d:.26}
.lpfoot-drop .lpfoot-bottom{--d:.4}
.lpfoot-drop .lpfoot-l,.lpfoot-drop .lpfoot-r,.lpfoot-drop .lpfoot-bottom{
  opacity:calc(max(0,(var(--fp,0) - var(--d)) / .34));
  transform:translate3d(0,calc((1 - min(1,max(0,(var(--fp,0) - var(--d)) / .34))) * 22px),0);
  will-change:opacity,transform;}
/* the form plane separates slightly beneath */
.lpfoot-drop ~ *{}
[style*="--fq"]{will-change:transform;}
.lpfoot-drop{margin-top:0;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .lpfoot-drop{overflow:visible;border-radius:0;box-shadow:none;}
  .lpfoot-drop .lpfoot-track{transform:none;}
  .lpfoot-drop::before,.lpfoot-drop::after{display:none;}
  .lpfoot-drop .lpfoot-l,.lpfoot-drop .lpfoot-r,.lpfoot-drop .lpfoot-bottom{opacity:1;transform:none;}
}

/* ---- footer reveal: page scrolls away, footer already waiting behind ---- */
.lpfoot-fixed{position:fixed;left:0;right:0;bottom:0;z-index:0;}
.lpfoot-fixed.is-static{position:static;}
.lpfoot-fixed .lpfoot-track{transform:none!important;}
.lpfoot-fixed .lpfoot-l,.lpfoot-fixed .lpfoot-r,.lpfoot-fixed .lpfoot-bottom{opacity:1!important;transform:none!important;}
/* everything before the footer rides above it on its own plane */
body > *:not(.lpfoot-fixed):not(.wdi-to-top):not(script):not(style):not(template):not(#lpfootSpace){position:relative;z-index:1;}
#lpfootSpace{position:static;z-index:0;}

/* footer back to normal static flow */
.lpfoot{position:static!important;}
#lpfootSpace{display:none!important;height:0!important;}

/* ============================================================
   mai2 final — smaller square, working inversion on ALL text
   ============================================================ */
section.mai2{isolation:isolate;}
/* the squircle, much smaller */
.mai2 .mai2-blob-b{width:clamp(200px,24vw,420px)!important;}
/* difference inversion on every text layer:
   #fff renders as ink on the white canvas and inverts over the shapes;
   #06D09B differences to exact WDI rose (#F92F64) on white */
.mai2-big{color:#fff!important;mix-blend-mode:difference!important;text-shadow:none!important;}
.mai2-state{color:#fff!important;mix-blend-mode:difference!important;}
.mai2-h,.mai2[data-theme="t1"] .mai2-h,.mai2[data-theme="t2"] .mai2-h{
  color:#06D09B!important;mix-blend-mode:difference!important;}
.mai2-eye2{color:#06D09B!important;mix-blend-mode:difference!important;}
.mai2-eye2 i{background:#06D09B;box-shadow:0 0 0 3px rgba(6,208,155,.2);}
/* shapes stay beneath the pills but under the text's blend group */
.mai2 .mai2-blob{z-index:0!important;}
@media(prefers-reduced-motion:reduce){
  .mai2-big,.mai2-state,.mai2-h,.mai2-eye2{mix-blend-mode:difference!important;}}

/* ============================================================
   mai2 hotfix — unwedge the renderer
   ============================================================ */
/* no isolation, no long background transition (these stalled compositing) */
section.mai2{isolation:auto!important;transition:none!important;}
.mai2-state{transition:color .3s ease;}
/* blend only the statement — the one large inverting layer */
.mai2-big{color:var(--m2-ink)!important;mix-blend-mode:normal!important;}
.mai2-eye2{color:var(--rose-500)!important;mix-blend-mode:normal!important;}
.mai2-eye2 i{background:var(--rose-500);box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.mai2-h,.mai2[data-theme="t1"] .mai2-h{color:var(--rose-500)!important;mix-blend-mode:normal!important;}
.mai2[data-theme="t2"] .mai2-h{color:#FF7AA8!important;mix-blend-mode:normal!important;}
.mai2-state{color:#fff!important;mix-blend-mode:difference!important;}
/* keep the shapes clear of the header band so solid text stays readable */
.mai2 .mai2-blob-a{top:30%!important;}
@keyframes mai2RoamA{
  0%{transform:translate3d(0,0,0) rotate(-8deg);}
  35%{transform:translate3d(34vw,6vh,0) rotate(4deg);}
  70%{transform:translate3d(58vw,-2vh,0) rotate(12deg);}
  100%{transform:translate3d(12vw,10vh,0) rotate(-4deg);}}
@keyframes mai2RoamB{
  0%{transform:translate3d(0,0,0) rotate(6deg);}
  40%{transform:translate3d(-38vw,-6vh,0) rotate(-6deg);}
  75%{transform:translate3d(-62vw,0,0) rotate(-14deg);}
  100%{transform:translate3d(-16vw,-10vh,0) rotate(4deg);}}

/* industries: capability tags always visible, as pink bullet points */
.mic-tags{opacity:1!important;transform:none!important;gap:7px 18px;}
.mic-tags span{border:0!important;border-radius:0!important;padding:0 0 0 14px!important;position:relative;}
.mic-tags span::before{content:"";position:absolute;left:0;top:.52em;width:6px;height:6px;border-radius:50%;background:var(--rose-500,#F92F64);}
.mind.is-light .mic-tags span::before{background:var(--rose-600,#E01254);}

/* industry cards: uniform 2-line titles, 4-line body, refined bullet list */
.mic-card .mic-top h3{line-height:1.12;min-height:2.24em;}
.mic-card > p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
  min-height:calc(4 * 1.62em);line-height:1.62;}
.mic-tags{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 20px;align-content:start;}
.mic-tags span{font-size:12px!important;font-weight:400;letter-spacing:.01em;line-height:1.35;
  color:rgba(255,255,255,.66)!important;padding:0 0 0 16px!important;}
.mic-tags span::before{width:5px;height:5px;top:.5em;
  background:var(--rose-500,#F92F64);box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.mic-card:hover .mic-tags span{color:rgba(255,255,255,.85)!important;}
.mind.is-light .mic-tags span{color:var(--ink-2)!important;}
@media(max-width:940px){.mic-card .mic-top h3{min-height:0;}.mic-card > p{min-height:0;}}

/* industry tags: always exactly one line each */
.mic-tags span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px!important;}
@media(max-width:1280px){.mic-tags span{font-size:11px!important;letter-spacing:0;}}

/* direct-edit mapping: title letters normalized */
.mai2-h .mai2-l{position:static;height:31px;line-height:1.4;}

/* AI section: shapes patrol the outer gutters only — never across the text column */
@keyframes mai2RoamA{
  0%{transform:translate3d(0,-6vh,0) rotate(-8deg);}
  30%{transform:translate3d(4vw,12vh,0) rotate(2deg);}
  65%{transform:translate3d(1vw,30vh,0) rotate(10deg);}
  100%{transform:translate3d(5vw,6vh,0) rotate(-3deg);}}
@keyframes mai2RoamB{
  0%{transform:translate3d(0,0,0) rotate(6deg);}
  35%{transform:translate3d(-4vw,-16vh,0) rotate(-5deg);}
  70%{transform:translate3d(-1vw,-30vh,0) rotate(-12deg);}
  100%{transform:translate3d(-5vw,-8vh,0) rotate(3deg);}}
.mai2 .mai2-blob-a{left:-9%!important;}
.mai2 .mai2-blob-b{right:-8%!important;}

/* responsive fallback: below 1280px the dragged pixel pins collapse into clean flow */
@media(max-width:1280px){
  .mai2 .mai2-eye2,.mai2 .mai2-big,.mai2 .mai2-tabs{
    position:static!important;left:auto!important;top:auto!important;}
  .mai2 .mai2-eye2{order:-3;}
  .mai2 .mai2-big{order:-2;margin:10px 0 6px;}
  .mai2 .mai2-tabs{order:-1;flex-wrap:wrap!important;justify-content:center;max-width:840px;
    margin-top:16px;transform:none!important;}
  .mai2 .mai2-in{padding-top:28px;}
  .mai2 .mai2-h{margin-top:clamp(30px,5vh,56px)!important;}
  /* squircle rests lower and smaller so it can never reach the heading band */
  .mai2 .mai2-blob-b{bottom:-12%!important;width:clamp(160px,20vw,300px)!important;}
  .mai2 .mai2-blob-a{top:44%!important;}
}

/* selected work device: true iPhone screen ratio 19.5:9 */
.dvw-phone{aspect-ratio:9/19.5!important;}
.dvw-card{margin-top:calc(var(--cardw) * 19.5 / 9 / -2 - clamp(26px,3vh,40px))!important;}

/* keep the 19.5:9 device but restore the original vertical seat */
.dvw-card{margin-top:calc(var(--cardw) * 146.6 / 70.6 / -2 - clamp(26px,3vh,40px))!important;}

/* 19.5:9 device, matched to the ORIGINAL device height so nothing clips:
   width narrows ~4% instead of the body growing taller */
.dvw-card{--cardw:calc(clamp(296px,22vw,366px) * .958)!important;
  margin-top:calc(clamp(296px,22vw,366px) * .958 * 19.5 / 9 / -2 - clamp(26px,3vh,40px))!important;}

/* ============================================================
   FINAL device geometry — real iPhone body: 146.6mm x 70.6mm
   (restores the seated top:0 layout; cancels the 19.5:9 margin
   overrides that were pulling the card out of the stage)
   ============================================================ */
.dvw-phone{aspect-ratio:70.6/146.6!important;}
.dvw-card{--cardw:clamp(296px,22vw,366px)!important;
  top:0!important;margin-top:0!important;
  height:calc(var(--cardw) * 146.6 / 70.6)!important;}
@media(max-width:940px){
  .dvw-card{--cardw:clamp(240px,68vw,300px)!important;}
}

/* ============================================================
   Our Process — premium line-mask heading reveal
   ============================================================ */
.pr-h.prx{display:block;}
.pr-h.prx .prx-l{display:block;overflow:hidden;padding-bottom:.06em;}
.pr-h.prx .prx-l i{display:block;font-style:inherit;
  transform:translateY(112%) rotate(1.6deg);opacity:0;
  transition:transform 1.15s cubic-bezier(.16,.84,.24,1),opacity .9s ease;}
.prx-in .pr-h.prx .prx-l:nth-child(1) i{transition-delay:.06s;}
.prx-in .pr-h.prx .prx-l:nth-child(2) i{transition-delay:.17s;}
.prx-in .pr-h.prx .prx-l:nth-child(3) i{transition-delay:.28s;}
.prx-in .pr-h.prx .prx-l i{transform:none;opacity:1;}
.pra-left .prx-p{opacity:0;transform:translateY(18px);filter:blur(7px);
  transition:opacity 1.05s ease,transform 1.05s cubic-bezier(.16,.84,.24,1),filter 1.05s ease;}
.prx-in .prx-p{opacity:1;transform:none;filter:blur(0);transition-delay:.44s;}
.prx-in .prx-p2{transition-delay:.58s;}
.pra-left .pr-eyebrow{opacity:0;transform:translateY(-8px);transition:opacity .7s ease,transform .7s var(--ease);}
.prx-in .pr-eyebrow{opacity:1;transform:none;}
.pra-left .pr-header-cta{opacity:0;transform:translateY(14px);
  transition:opacity .9s ease,transform .9s cubic-bezier(.16,.84,.24,1);}
.prx-in .pr-header-cta{opacity:1;transform:none;transition-delay:.72s;}
@media(prefers-reduced-motion:reduce){
  .pr-h.prx .prx-l i,.pra-left .prx-p,.pra-left .pr-eyebrow,.pra-left .pr-header-cta{
    opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}}

/* AI Impact statement: solid ink text, no blend inversion, premium word reveal */
.mai2 .mai2-state{color:var(--ink)!important;mix-blend-mode:normal!important;}
.mai2[data-theme="t2"] .mai2-state{color:#E9EAEC!important;}
.mai2 .mai2-state .mai2-w{display:inline-block;opacity:0;transform:translateY(14px);filter:blur(6px);
  transition:opacity .8s ease,transform .9s cubic-bezier(.16,.84,.24,1),filter .8s ease;}
.mai2 .mai2-state.in .mai2-w{opacity:1;transform:none;filter:blur(0);}
@media(prefers-reduced-motion:reduce){
  .mai2 .mai2-state .mai2-w{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}}

/* hx-hero.css */
/* WDI Homepage — clean bento hero (after reference) */
.hx{--rose:#F92F64;--violet:#A24BFF;position:relative;overflow:hidden;background:#F5F5F6;color:#0B0C0E;
  font-family:'Figtree',system-ui,sans-serif;padding:clamp(56px,7vw,104px) 0 clamp(64px,7vw,104px);}
.hx *{box-sizing:border-box;}
.hx .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,3.2vw,40px);}
.hx-in{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:clamp(32px,5vw,88px);align-items:center;}

.hx-h{margin:0;font-size:clamp(40px,4.6vw,68px);font-weight:500;line-height:1.04;letter-spacing:-.045em;max-width:13ch;text-wrap:balance;}
.hx-p{margin:clamp(24px,2.6vw,36px) 0 0;max-width:44ch;font-size:clamp(16px,1.25vw,18.5px);line-height:1.6;color:#7B7F87;}
.hx-acts{margin-top:clamp(30px,3.2vw,44px);display:flex;align-items:center;gap:clamp(24px,3vw,44px);flex-wrap:wrap;}
.hx-cta{display:inline-flex;align-items:center;gap:clamp(28px,3vw,44px);height:58px;padding:0 30px 0 32px;border-radius:999px;
  background:#0B0C0E;color:#fff;font-size:16px;font-weight:600;text-decoration:none;transition:background .3s;}
.hx-cta svg{width:20px;height:20px;transition:transform .3s;}
.hx-cta:hover{background:var(--rose);}
.hx-cta:hover svg{transform:translateX(3px);}
.hx-link{font-size:16px;font-weight:600;color:#0B0C0E;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px;}
.hx-link:hover{color:var(--rose);}
.hx-trust{margin-top:clamp(48px,6vw,96px);display:flex;align-items:center;gap:clamp(24px,3.4vw,56px);}
.hx-trust p{margin:0;font-size:14px;line-height:1.45;color:#0B0C0E;flex:none;}
.hx-logos{display:flex;align-items:center;gap:clamp(22px,2.6vw,40px);}
.hx-logos img{height:28px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .3s,opacity .3s;}
.hx-logos img:hover{filter:none;opacity:1;}

/* bento */
.hx-bento{display:grid;grid-template-columns:1.08fr 1fr;grid-template-rows:auto auto;gap:clamp(14px,1.4vw,20px);}
.hx-a{position:relative;aspect-ratio:1/.9;border-radius:22px;overflow:visible;}
.hx-a .qc{position:absolute;inset:0;border-radius:22px;overflow:hidden;background:transparent;}
.hx-a .qc::before{content:"";position:absolute;right:0;bottom:0;width:100%;height:100%;border-top-left-radius:100% 100%;border-radius:100% 22px 22px 22px / 100% 22px 22px 22px;
  background:linear-gradient(160deg,#FFD6E2 0%,#F3C9F2 55%,#E1CCFF 100%);}
.hx-a .orb{position:absolute;right:12%;top:-12%;width:clamp(76px,7vw,104px);aspect-ratio:1;border-radius:50%;background:#0B0C0E;color:var(--rose);
  display:grid;place-items:center;box-shadow:0 24px 40px -18px rgba(12,12,20,.55);animation:hxBob 6s ease-in-out infinite alternate;}
.hx-a .orb svg{width:42%;height:42%;}
.hx-b{border-radius:22px;background:#EDEDEF;padding:clamp(22px,2.2vw,32px);display:flex;flex-direction:column;}
.hx-b .n{font-size:clamp(54px,5.4vw,84px);font-weight:600;letter-spacing:-.05em;line-height:.95;}
.hx-b .n i{font-style:normal;color:var(--rose);}
.hx-b p{margin:clamp(14px,1.6vw,22px) 0 0;font-size:15px;line-height:1.5;color:#6B6F77;max-width:18ch;}
.hx-b .bar{margin-top:auto;height:5px;border-radius:9px;background:#DCDCE0;overflow:hidden;}
.hx-b .bar i{display:block;height:100%;width:66%;background:#0B0C0E;border-radius:inherit;animation:hxFill 1.6s cubic-bezier(.22,.61,.36,1) both .3s;}
.hx-c{grid-column:1 / -1;position:relative;overflow:hidden;border-radius:24px;background:#060608;color:#fff;
  min-height:clamp(200px,17vw,250px);display:flex;align-items:flex-end;justify-content:space-between;padding:0 clamp(22px,2.4vw,36px);}
.hx-c .glow{position:absolute;left:-10%;top:-60%;width:70%;height:150%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,255,255,.14),transparent 70%);pointer-events:none;}
.hx-c .t{position:relative;align-self:center;}
.hx-c .k{display:flex;align-items:center;gap:14px;font-size:14px;color:rgba(255,255,255,.82);}
.hx-c .k::before{content:"";width:56px;height:1px;background:rgba(255,255,255,.5);}
.hx-c h3{margin:clamp(16px,1.8vw,24px) 0 0;font-size:clamp(26px,2.4vw,36px);font-weight:500;letter-spacing:-.035em;line-height:1.1;}
.hx-c .bars{position:relative;display:flex;align-items:flex-end;gap:10px;height:82%;}
.hx-c .bars i{display:block;width:clamp(44px,4.4vw,64px);border-radius:6px 6px 0 0;transform-origin:bottom;animation:hxGrow 1.2s cubic-bezier(.22,.61,.36,1) both;}
.hx-c .bars i:nth-child(1){height:45%;background:#FFB8CC;animation-delay:.2s;}
.hx-c .bars i:nth-child(2){height:70%;background:#FF6F95;animation-delay:.35s;}
.hx-c .bars i:nth-child(3){height:100%;background:var(--rose);animation-delay:.5s;}
@keyframes hxBob{to{transform:translateY(-8px);}}
@keyframes hxFill{from{width:0;}}
@keyframes hxGrow{from{transform:scaleY(0);}}

@media(max-width:1000px){
  .hx-in{grid-template-columns:1fr;}
  .hx-trust{flex-wrap:wrap;}
}
@media(max-width:560px){
  .hx-bento{grid-template-columns:1fr;}
  .hx-c .bars{display:none;}
}
@media(prefers-reduced-motion:reduce){.hx *{animation:none!important;}}

.hx-h{max-width:15.5ch;font-size:clamp(40px,4.4vw,64px);}
.hx{padding-bottom:clamp(48px,5vw,80px);}

/* uploaded isometric UI backdrop */
.hx{background:#fff url("/new-temp/wdi-homepage/assets/hero-ui-iso-bg.png") center/cover no-repeat;}

/* award badges inside the rose quarter-circle */
.hx-badges{position:absolute;right:7%;bottom:9%;width:74%;height:62%;z-index:2;}
.hx-bdg{position:absolute;bottom:0;display:block;text-decoration:none;
  transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .55s,z-index 0s .2s;
  filter:drop-shadow(0 18px 22px rgba(80,20,60,.22));}
.hx-bdg img{display:block;width:100%;height:auto;}
.b-clutch{left:0;width:46%;transform:rotate(-8deg) translateY(-4%);z-index:1;animation:hxBdgA 7s ease-in-out infinite alternate;}
.b-et{right:0;width:52%;transform:rotate(6deg);z-index:2;animation:hxBdgB 8s ease-in-out -2s infinite alternate;}
.hx-bdg:hover,.hx-bdg:focus-visible{z-index:3;animation-play-state:paused;
  transform:rotate(0) translateY(-10%) scale(1.08);filter:drop-shadow(0 26px 30px rgba(80,20,60,.32));}
.hx-bdg:focus-visible{outline:2px solid var(--rose);outline-offset:6px;border-radius:12px;}
.hx-bdg .tip{position:absolute;left:50%;top:100%;margin-top:10px;transform:translate(-50%,6px);opacity:0;white-space:nowrap;
  padding:6px 12px;border-radius:999px;background:#0B0C0E;color:#fff;font-size:12px;font-weight:600;pointer-events:none;
  transition:opacity .3s,transform .3s;}
.hx-bdg:hover .tip,.hx-bdg:focus-visible .tip{opacity:1;transform:translate(-50%,0);}
@keyframes hxBdgA{to{translate:0 -6px;}}
@keyframes hxBdgB{to{translate:0 -8px;}}
@media(prefers-reduced-motion:reduce){.hx-bdg{animation:none!important;}}

.hx-badges{right:5%;bottom:7%;width:84%;height:70%;}
.b-clutch{width:48%;}
.b-et{width:54%;}

/* badges enlarged */
.hx-badges{right:3%;bottom:5%;width:92%;height:78%;}
.b-clutch{width:52%;}
.b-et{width:58%;}

/* badges at their direct-edit positions; images stay inside the links so they remain clickable */
.hx-bdg.b-clutch,.hx-bdg.b-et{transform:none;}
.hx-bdg img{width:100%;height:100%;object-fit:contain;}
.hx-bdg:hover,.hx-bdg:focus-visible{transform:translateY(-6%) scale(1.06);}

/* quarter-circle: AI phone render replaces the rose gradient */
.hx-a .qc{background:transparent!important;}
.hx-a .qc::before{display:block!important;background:#f2f1ef url("/new-temp/wdi-homepage/assets/hero-laptop-quarter.png") center/cover no-repeat!important;}

/* 25+ card: gradient fill on the existing bar only */
.hx-b .bar i{background:linear-gradient(90deg,#FF8FB0,#F92F64 55%,#A24BFF)!important;}

/* full copy restored */
.hx-eye{display:inline-block;margin-bottom:18px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:#F92F64;}
.hx-p2{margin:12px 0 0;max-width:52ch;font-size:15px;line-height:1.6;color:#5F636B;}
.hx-trust p{max-width:34ch;}

/* reveal section: share the page's content column */
.mrv .wrap{width:100%;flex:1 1 auto;align-self:stretch;max-width:1280px!important;margin-left:auto;margin-right:auto;padding-left:clamp(20px,3.2vw,40px);padding-right:clamp(20px,3.2vw,40px);box-sizing:border-box;}

/* headline separation from the busy isometric backdrop */
.hx-l{position:relative;isolation:isolate;}
.hx-l::before{content:"";position:absolute;z-index:-1;inset:-40px -60px -40px -80px;pointer-events:none;
  background:radial-gradient(ellipse 72% 70% at 36% 46%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 46%,rgba(255,255,255,0) 78%);}
.hx-h{color:#0B0C0E;font-weight:600;letter-spacing:-.05em;}
.hx-hl{background:linear-gradient(100deg,#F92F64 0%,#FF5E8A 30%,#A24BFF 62%,#F92F64 100%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:hxSheen 7s ease-in-out infinite;}
.hx-hl2{position:relative;white-space:nowrap;}
.hx-hl2::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.12em;border-radius:999px;
  background:linear-gradient(90deg,#FF8FB0,#F92F64,#A24BFF);transform:scaleX(0);transform-origin:left;
  animation:hxUnder 1.1s cubic-bezier(.22,.61,.36,1) .5s forwards;}
@keyframes hxSheen{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes hxUnder{to{transform:scaleX(1);}}
@media(prefers-reduced-motion:reduce){.hx-hl{animation:none;}.hx-hl2::after{animation:none;transform:scaleX(1);}}

/* hx-proof.css */
/* WDI Homepage — Immediate proof (dusk awards panel) */
.hpf{position:relative;z-index:4;overflow:hidden;color:#fff;font-family:'Figtree',system-ui,sans-serif;
  margin-top:-48px;border-radius:var(--hpr,28px) var(--hpr,28px) 0 0;
  padding:clamp(110px,11vw,170px) 0 clamp(96px,9vw,140px);background:#3B4C8A;
  box-shadow:0 -30px 60px -30px rgba(11,12,14,.35);}
.hpf *{box-sizing:border-box;}
.hpf .wrap{position:relative;z-index:3;max-width:1280px;margin:0 auto;padding:0 clamp(20px,3.2vw,40px);}
.hpf-bg{position:absolute;inset:-8% 0;z-index:0;will-change:transform;}
.hpf-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;display:block;}
/* WDI dusk grade: deep indigo sky melting into rose at the horizon */
.hpf-tint{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(46,58,128,.86) 0%,rgba(62,78,150,.62) 34%,rgba(162,75,160,.34) 62%,rgba(249,47,100,.30) 78%,rgba(32,26,60,.70) 100%),
    radial-gradient(60% 40% at 50% 70%,rgba(249,47,100,.22),transparent 70%);}
.hpf-stars{position:absolute;inset:0 0 50% 0;z-index:2;pointer-events:none;opacity:.7;
  background-image:
    radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent 60%),radial-gradient(1px 1px at 28% 8%,#fff,transparent 60%),
    radial-gradient(1.4px 1.4px at 46% 22%,#fff,transparent 60%),radial-gradient(1px 1px at 63% 12%,#fff,transparent 60%),
    radial-gradient(1.2px 1.2px at 78% 26%,#fff,transparent 60%),radial-gradient(1px 1px at 88% 9%,#fff,transparent 60%),
    radial-gradient(1px 1px at 36% 34%,#fff,transparent 60%),radial-gradient(1.2px 1.2px at 70% 40%,#fff,transparent 60%);
  animation:hpfTwinkle 6s ease-in-out infinite alternate;}
@keyframes hpfTwinkle{from{opacity:.45;}to{opacity:.85;}}

.hpf-in{text-align:center;}
.hpf-giant{font-size:clamp(120px,19vw,300px);font-weight:700;letter-spacing:-.07em;line-height:.82;
  margin:0 0 clamp(4px,1vw,14px);user-select:none;
  background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 42%,rgba(255,255,255,.08) 96%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 18px 40px rgba(20,24,70,.25));}
.hpf-eye{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:#FFC2D4;}
.hpf-eye i{width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.28);}
.hpf-h{margin:14px auto 0;max-width:22ch;font-size:clamp(22px,2.1vw,30px);font-weight:500;letter-spacing:-.025em;line-height:1.3;text-wrap:balance;}
.hpf-cta{display:inline-flex;align-items:center;margin-top:26px;padding:15px 28px;border-radius:999px;background:#fff;color:#0B0C0E;
  font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 14px 34px -14px rgba(11,12,14,.5);
  transition:background .3s ease,color .3s ease,transform .3s ease;}
.hpf-cta:hover{background:#F92F64;color:#fff;transform:translateY(-1px);}

/* stats — frosted strip */
.hpf-stats{margin:clamp(56px,6vw,88px) auto 0;max-width:1080px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border-radius:24px;overflow:hidden;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);text-align:left;}
.pf-st{display:flex;flex-direction:column;gap:6px;padding:clamp(22px,2.2vw,32px) clamp(18px,1.8vw,26px);}
.pf-st+.pf-st{border-left:1px solid rgba(255,255,255,.16);}
.pf-st b{font-size:clamp(34px,3.2vw,46px);font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums;}
.pf-st b small{font-size:.48em;font-weight:500;color:rgba(255,255,255,.66);margin-left:2px;}
.pf-st strong{margin-top:6px;font-size:15px;font-weight:600;}
.pf-st em{font-style:normal;font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.74);}
.pf-stars-r{display:flex;gap:2px;margin-top:4px;}
.pf-stars-r svg{width:15px;height:15px;fill:#FF7BA3;}
.pf-src{display:flex;gap:8px;margin-top:auto;padding-top:12px;}
.pf-src .pf-logo{width:26px;height:26px;border-radius:7px;background:#fff;padding:3px;object-fit:contain;}
.pf-flags{display:flex;margin-top:auto;padding-top:12px;}
.pf-flags img,.pf-flags i{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 0 1.5px #F92F64;}
.pf-flags img+img,.pf-flags i{margin-left:-8px;}
.pf-flags i{display:grid;place-items:center;font-style:normal;font-size:16px;font-weight:600;color:#fff;background:#F92F64;}

/* recognition — frosted glass list */
.hpf-panel{margin:clamp(22px,2.4vw,32px) auto 0;max-width:1080px;text-align:left;border-radius:28px;
  padding:clamp(18px,2vw,28px) clamp(22px,3vw,48px);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);
  box-shadow:0 40px 90px -40px rgba(20,16,60,.6),inset 0 1px 0 rgba(255,255,255,.25);}
.hpf-panel-k{display:block;padding:10px 0 14px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11px;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.7);}
.pf-row{display:grid;grid-template-columns:72px 56px minmax(0,1fr) 90px 28px;align-items:center;gap:clamp(12px,2vw,28px);
  padding:clamp(20px,2vw,28px) 0;color:#fff;text-decoration:none;border-top:1px solid rgba(255,255,255,.2);transition:padding .35s ease;}
.pf-n,.pf-yr{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;}
.pf-n{color:rgba(255,255,255,.86);}
.pf-lg .pf-logo,.pf-lg .pf-mono{width:44px;height:44px;border-radius:12px;background:#fff;padding:6px;object-fit:contain;
  box-shadow:0 8px 20px -10px rgba(11,12,14,.5);}
.pf-mono{display:inline-grid;place-items:center;font-size:13px;font-weight:700;letter-spacing:.04em;color:#F92F64;}
.pf-tt b{display:block;font-size:clamp(16px,1.35vw,19px);font-weight:600;letter-spacing:-.015em;}
.pf-tt em{display:block;margin-top:4px;font-style:normal;font-size:14.5px;color:rgba(255,255,255,.66);}
.pf-ar svg{width:20px;height:20px;transition:transform .35s ease,color .35s ease;}
.pf-row:hover{padding-left:8px;}
.pf-row:hover .pf-ar svg{transform:translateX(5px);color:#FF7BA3;}
.pf-row:hover .pf-tt b{color:#FFD0DD;}

@media(max-width:900px){.hpf-stats{grid-template-columns:repeat(2,minmax(0,1fr));}
  .pf-st+.pf-st{border-left:0;}.pf-st:nth-child(even){border-left:1px solid rgba(255,255,255,.16);}
  .pf-st:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16);}}
@media(max-width:640px){.pf-row{grid-template-columns:48px minmax(0,1fr) 52px;}.pf-n,.pf-ar{display:none;}
  .pf-lg .pf-logo,.pf-lg .pf-mono{width:38px;height:38px;}}
@media(prefers-reduced-motion:reduce){.hpf-stars{animation:none;}}

/* cover transition + two-line giant heading */
.hpf{margin-top:0;}
.hpf-giant{margin:18px 0 0;font-size:clamp(56px,8.6vw,140px);line-height:.95;letter-spacing:-.06em;text-wrap:balance;}
.hpf-h{margin-top:clamp(14px,1.6vw,22px);font-size:clamp(22px,2.2vw,32px);}

/* hx-about.css */
/* WDI Homepage — About WDI · reuses the Mobile Ready "Trust snapshot" (.mst) statement */
.hab{position:relative;z-index:5;background:#fff;font-family:'Figtree',system-ui,sans-serif;color:#0B0C0E;
  padding:clamp(88px,9vw,140px) 0 clamp(80px,8.4vw,128px);}
.hab .wrap{max-width:1280px;margin:0 auto;padding:0 clamp(20px,3.2vw,40px);box-sizing:border-box;}
.hab .mst-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:clamp(20px,2.4vw,30px);
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#E0204F;}
.hab .mst-eyebrow i{width:5px;height:5px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.hab .mst-h{margin:0;max-width:17ch;font-size:clamp(40px,5.6vw,88px);font-weight:500;letter-spacing:-0.05em;line-height:1.0;color:#0B0C0E;text-wrap:balance;}
.hab-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);
  margin-top:clamp(48px,5.4vw,84px);padding-top:clamp(32px,3.4vw,48px);border-top:1px solid rgba(12,12,20,.1);}
.hab .mst-lead{margin:0 0 18px;max-width:62ch;font-size:clamp(15px,1.22vw,17.5px);font-weight:300;line-height:1.66;color:#3A3D44;}
.hab .mst-lead:last-child{margin-bottom:0;}
.hab-k{margin:0;font-size:clamp(22px,2vw,30px);font-weight:400;letter-spacing:-0.03em;line-height:1.25;color:#6B6F77;}
.hab-k2{margin-top:10px;color:#0B0C0E;font-weight:500;}
.hab .mst-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;margin-top:clamp(28px,3.2vw,42px);
  height:55px;padding:0 28px;border:1px solid rgba(12,12,20,.14);border-radius:999px;background:#fff;
  color:#0B0C0E;font-size:15px;font-weight:400;letter-spacing:-0.01em;text-decoration:none;
  transition:border-color .3s ease,background .3s ease,color .3s ease,gap .3s ease;}
.hab .mst-cta svg{width:17px;height:17px;}
.hab .mst-cta:hover{border-color:#F92F64;background:#F92F64;color:#fff;gap:18px;}
.hab .mst-cta:focus-visible{outline:2px solid #F92F64;outline-offset:4px;}
@media(max-width:860px){.hab-body{grid-template-columns:1fr;}}

.hab{padding-bottom:clamp(56px,6vw,96px)!important;}

/* mdg-decisions.css */
/* ============================================================
   06 · HOW WDI CAN HELP — parallax decision grid
   ============================================================ */
.mdg{position:relative;z-index:3;background:#fff;
  padding:clamp(64px,7.4vw,112px) 0 0;}
.mdg-head{max-width:var(--measure,1440px);margin:0 auto;padding:0 var(--gutter,clamp(24px,4vw,64px));}
.mdg-eye{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;
  color:var(--ink);border:1px solid var(--line-2);border-radius:999px;padding:8px 16px;}
.mdg-h{margin:clamp(22px,2.6vw,34px) 0 0;font-size:clamp(34px,5vw,76px);font-weight:400;
  letter-spacing:-0.05em;line-height:1.02;color:var(--ink);max-width:18ch;}
.mdg-h .amp{color:var(--muted);}
.mdg-lead{margin:22px 0 0;max-width:66ch;font-size:clamp(15px,1.25vw,17px);font-weight:300;
  line-height:1.68;color:var(--muted);}
.mdg-cta{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(26px,3vw,38px);height:48px;
  padding:0 26px;border-radius:10px;background:var(--ink);color:#fff;font-size:12px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;
  transition:background .3s ease,transform .35s var(--ease),box-shadow .35s ease;}
.mdg-cta svg{width:15px;height:15px;transition:transform .35s var(--ease);}
.mdg-cta:hover{background:var(--rose-500);transform:translateY(-2px);box-shadow:0 16px 34px rgba(249,47,100,.3);}
.mdg-cta:hover svg{transform:translateX(3px);}
.mdg-cta:focus-visible{outline:2px solid var(--rose-500);outline-offset:4px;}
/* 3 × 2 gradient blocks, edge to edge */
.mdg-grid{margin-top:clamp(48px,5.6vw,88px);display:grid;grid-template-columns:repeat(3,1fr);}
.mdg-cell{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(300px,32vw,420px);padding:clamp(28px,3vw,44px);isolation:isolate;
  transition:transform .5s var(--ease);}
.mdg-cell::before{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .5s ease;}
.mdg-cell:nth-child(1)::before{background:linear-gradient(155deg,#0B0C0E,#17121C 58%,#1B0F17);}
.mdg-cell:nth-child(2)::before{background:linear-gradient(155deg,#F5F3F5,#EFEBF2);}
.mdg-cell:nth-child(3)::before{background:linear-gradient(155deg,#FBFBFC,#F4F4F6);}
.mdg-cell:nth-child(4)::before{background:linear-gradient(155deg,#FBFBFC,#F4F4F6);}
.mdg-cell:nth-child(5)::before{background:linear-gradient(155deg,#F5F3F5,#EFEBF2);}
.mdg-cell:nth-child(6)::before{background:linear-gradient(155deg,#0B0C0E,#17121C 58%,#1B0F17);}
/* rose bloom rises on hover */
.mdg-cell::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .55s ease;
  background:radial-gradient(70% 70% at 20% 100%,rgba(249,47,100,.18),transparent 62%),
             radial-gradient(60% 60% at 90% 0%,rgba(122,0,255,.14),transparent 66%);}
.mdg-cell:hover::after{opacity:1;}
.mdg-n{position:absolute;top:clamp(24px,2.6vw,36px);right:clamp(26px,2.8vw,40px);
  font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--faint);}
.mdg-cell h3{font-size:clamp(20px,1.9vw,27px);font-weight:400;letter-spacing:-0.035em;line-height:1.12;
  color:var(--ink);max-width:16ch;}
.mdg-cell p{margin-top:12px;font-size:14.5px;font-weight:300;line-height:1.62;color:var(--muted);
  max-width:38ch;}
/* dark cells invert */
.mdg-cell:nth-child(1) h3,.mdg-cell:nth-child(6) h3{color:#fff;}
.mdg-cell:nth-child(1) p,.mdg-cell:nth-child(6) p{color:rgba(255,255,255,.6);}
.mdg-cell:nth-child(1) .mdg-n,.mdg-cell:nth-child(6) .mdg-n{color:rgba(255,255,255,.34);}
@media(max-width:1020px){.mdg-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){.mdg-grid{grid-template-columns:1fr;}.mdg-cell{min-height:240px;}}
/* light cells sit on tinted gradients — raise body copy and numerals to pass AA */
.mdg-cell:not(:nth-child(1)):not(:nth-child(6)) p{color:var(--ink-2);}
.mdg-n{font-size:12px;color:var(--muted);}
.mdg-cell:nth-child(1) .mdg-n,.mdg-cell:nth-child(6) .mdg-n{color:rgba(255,255,255,.72);}
/* ---- WDI eyebrow + button treatment ---- */
.mdg-eye{display:inline-flex!important;align-items:center;gap:9px;border:0!important;padding:0!important;
  font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600)!important;}
.mdg-eye i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);
  box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.mdg-h .amp{background:linear-gradient(102deg,var(--rose-600),var(--violet));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.mdg-cta{border-radius:999px!important;font-size:14.5px!important;letter-spacing:-0.01em!important;
  text-transform:none!important;}
/* ---- parallax: grid slides up over the pinned services section ---- */

.mdg{position:relative;z-index:3;border-radius:28px 28px 0 0;
  box-shadow:0 -28px 60px rgba(11,12,14,.28);}
.mdg-cell:hover .mdg-ic{background:var(--rose-500);color:#fff;}
.mdg-cell:nth-child(1) .mdg-ic,.mdg-cell:nth-child(6) .mdg-ic{background:rgba(255,255,255,.1);color:#fff;}
.mdg-cell{justify-content:space-between;}
.mdg-body{margin-top:clamp(22px,2.4vw,32px);}
.mdg-cell:hover .mdg-go,.mdg-cell:focus-within .mdg-go{opacity:1;transform:none;}
.mdg-cell:nth-child(1) .mdg-go,.mdg-cell:nth-child(6) .mdg-go{color:var(--rose-300);}
/* services: scroll through all six cards, then hold while the grid rises over it.
   The extra track height below the pin is the "hold" before the cover begins. */



/* the decision grid slides up over the held frame */
.mdg{position:relative;z-index:3;}
/* decisions header: title left, paragraph right */
.mdg-head-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:end;}
.mdg-head-split .mdg-eye{grid-column:1;}
.mdg-head-split .mdg-h{grid-column:1;margin-top:16px;}
.mdg-head-split .mdg-lead{grid-column:2;grid-row:1 / span 2;align-self:end;margin:0;max-width:52ch;}
@media(max-width:940px){
  .mdg-head-split{grid-template-columns:1fr;gap:18px;}
  .mdg-head-split .mdg-lead{grid-column:1;grid-row:auto;}
}
.mdg{position:relative;z-index:2;border-radius:0;box-shadow:none;}
/* decisions headline accent: no gradient */
.mdg-h .amp{background:none!important;-webkit-background-clip:border-box!important;
  background-clip:border-box!important;color:var(--muted)!important;}
.mdg-cell h3{font-weight:500!important;font-size:clamp(20px,2.2vw,34px)!important;}
/* card headings unified at the 34px ceiling across all three grids */
.mws-card h3,.mdg-cell h3,.mrs-cell h3,.mte-cell h3{
  font-size:clamp(20px,2.2vw,34px)!important;}
/* card body copy: weight 400, consistent size and colour across the grids */
.mdg-cell p,.mrs-cell p,.mte-cell p{font-weight:400!important;font-size:14.5px!important;}
/* grid items: subtle grey wash on hover, plus the rose circle cursor */
.mws-card,.mdg-cell,.mrs-cell,.mte-cell{transition:background .38s ease,transform .5s var(--ease);}
.mdg-cell:hover,.mrs-cell:hover{background:rgba(11,12,14,.04);}
.mdg-cell:nth-child(1):hover,.mdg-cell:nth-child(6):hover,
.mrs-cell:nth-child(1):hover,.mrs-cell:nth-child(5):hover{background:rgba(255,255,255,.06);}
@media(hover:none){
  .mws-card,.mdg-cell,.mrs-cell,.mte-cell{cursor:auto!important;}
}
.mdg{position:relative;z-index:3;background:#fff;padding:clamp(64px,7.4vw,112px) 0 0;
  border-radius:26px 26px 0 0;box-shadow:0 -30px 70px rgba(11,12,14,.26);}
.mdg ~ section,.mdg ~ footer{position:relative;z-index:3;}
.mdg-head{max-width:var(--measure);margin:0 auto;padding:0 var(--gutter);}
.mdg-head-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:end;}
.mdg-eye{grid-column:1;justify-self:start;display:inline-block;font-size:11px;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line-2);
  border-radius:999px;padding:7px 14px;}
.mdg-h{grid-column:1;margin:16px 0 0;font-size:clamp(34px,5vw,76px);font-weight:400;
  letter-spacing:-0.05em;line-height:1.02;color:var(--ink);max-width:18ch;}
.mdg-h .amp{color:var(--muted);}
.mdg-lead{grid-column:2;grid-row:1 / span 3;align-self:end;margin:0;max-width:56ch;
  font-size:clamp(15px,1.22vw,17px);font-weight:400;line-height:1.68;color:var(--muted);}
.mdg-cta{grid-column:1;justify-self:start;display:inline-flex;align-items:center;gap:12px;
  margin-top:clamp(26px,3vw,38px);height:48px;padding:0 26px;border-radius:10px;background:var(--ink);
  color:#fff;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  text-decoration:none;transition:background .3s ease,transform .35s var(--ease),box-shadow .35s ease;}
.mdg-cta svg{width:15px;height:15px;transition:transform .35s var(--ease);}
.mdg-cta:hover{background:var(--rose-500);transform:translateY(-2px);box-shadow:0 16px 34px rgba(249,47,100,.3);}
.mdg-cta:hover svg{transform:translateX(3px);}
.mdg-cta:focus-visible{outline:2px solid var(--rose-500);outline-offset:4px;}
/* 3 × 2 gradient blocks, edge to edge */
.mdg-grid{margin-top:clamp(48px,5.6vw,88px);display:grid;grid-template-columns:repeat(3,1fr);}
.mdg-cell{position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  min-height:clamp(300px,32vw,420px);padding:clamp(28px,3vw,44px);isolation:isolate;}
.mdg-cell::before{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .5s ease;}
.mdg-cell:nth-child(1)::before,.mdg-cell:nth-child(6)::before{
  background:linear-gradient(155deg,#0B0C0E,#17121C 58%,#1B0F17);}
.mdg-cell:nth-child(2)::before,.mdg-cell:nth-child(5)::before{
  background:linear-gradient(155deg,#F5F3F5,#EFEBF2);}
.mdg-cell:nth-child(3)::before,.mdg-cell:nth-child(4)::before{
  background:linear-gradient(155deg,#FBFBFC,#F4F4F6);}
.mdg-cell::after{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .55s ease;
  background:radial-gradient(70% 70% at 20% 100%,rgba(249,47,100,.18),transparent 62%),
             radial-gradient(60% 60% at 90% 0%,rgba(122,0,255,.14),transparent 66%);}
.mdg-cell:hover::after{opacity:1;}
.mdg-n{position:absolute;top:clamp(24px,2.6vw,36px);right:clamp(26px,2.8vw,40px);
  font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--faint);}
.mdg-cell h3{font-size:clamp(20px,2.2vw,34px);font-weight:500;letter-spacing:-0.035em;
  line-height:1.14;color:var(--ink);}
.mdg-cell p{margin-top:12px;font-size:14.5px;font-weight:400;line-height:1.62;color:var(--muted);
  max-width:38ch;}
.mdg-cell:nth-child(1) h3,.mdg-cell:nth-child(6) h3{color:#fff;}
.mdg-cell:nth-child(1) p,.mdg-cell:nth-child(6) p{color:rgba(255,255,255,.6);}
.mdg-cell:nth-child(1) .mdg-n,.mdg-cell:nth-child(6) .mdg-n{color:rgba(255,255,255,.34);}
/* hover pill */
.mdg-pill{position:absolute;left:clamp(28px,3vw,44px);bottom:clamp(28px,3vw,44px);
  display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 18px;border-radius:999px;
  background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;letter-spacing:-0.01em;
  text-decoration:none;opacity:0;transform:translateY(8px);pointer-events:none;
  transition:opacity .38s ease,transform .42s var(--ease),background .3s ease,gap .3s ease;}
.mdg-pill svg{width:13px;height:13px;}
.mdg-cell:hover .mdg-pill,.mdg-cell:focus-within .mdg-pill{opacity:1;transform:none;pointer-events:auto;}
.mdg-pill:hover{background:var(--rose-500);gap:13px;}
.mdg-cell:nth-child(1) .mdg-pill,.mdg-cell:nth-child(6) .mdg-pill{background:#fff;color:var(--ink);}
.mdg-cell:nth-child(1) .mdg-pill:hover,.mdg-cell:nth-child(6) .mdg-pill:hover{background:var(--rose-500);color:#fff;}
.mdg-cell:hover .mdg-body{transform:translateY(-46px);}
.mdg-body{transition:transform .42s var(--ease);}
@media(hover:none){
  .mdg-pill{opacity:1;transform:none;pointer-events:auto;position:static;margin-top:18px;}
  .mdg-cell:hover .mdg-body{transform:none;}
}
@media(max-width:1020px){.mdg-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:760px){
  .msu{position:relative;top:auto;}
  .mdg{border-radius:0;box-shadow:none;}
  .mdg-head-split{grid-template-columns:1fr;gap:18px;}
  .mdg-lead{grid-column:1;grid-row:auto;}
  .mdg-grid{grid-template-columns:1fr;}
  .mdg-cell{min-height:240px;}
}
.mdg{position:relative!important;z-index:auto!important;border-radius:0!important;box-shadow:none!important;}
/* decisions header: title left, paragraph right */
.mdg-head-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:end;}
.mdg-head-split .mdg-eye{grid-column:1;}
.mdg-head-split .mdg-h{grid-column:1;margin-top:16px;}
.mdg-head-split .mdg-lead{grid-column:2;grid-row:1 / span 2;align-self:end;margin:0;max-width:52ch;}
@media(max-width:940px){
  .mdg-head-split{grid-template-columns:1fr;gap:18px;}
  .mdg-head-split .mdg-lead{grid-column:1;grid-row:auto;}
}
.mdg{position:relative;z-index:2;border-radius:0;box-shadow:none;}
/* ============================================================
   EYEBROWS — one consistent treatment across every section
   ============================================================ */
.wdi-eye,
.mcl-eye,.mws-eye,.mdg-eye,.msol-eyebrow,.mind-eyebrow,.pr-eyebrow,
.mte-eyebrow,.mai-eyebrow,.ts-eyebrow,.aisay-eye,.wby-eye,.mrs-eye,
.fq-eyebrow,.spm-eye,.pp-projects-head .eyebrow{
  display:inline-flex!important;align-items:center;gap:10px;
  font-family:'Space Grotesk',ui-monospace,monospace!important;
  font-size:11px!important;font-weight:600!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;
  line-height:1!important;margin:0 0 18px!important;
  color:#F92F64!important;}
.wdi-eye::before,
.mcl-eye::before,.mws-eye::before,.mdg-eye::before,.msol-eyebrow::before,.mind-eyebrow::before,
.pr-eyebrow::before,.mte-eyebrow::before,.mai-eyebrow::before,.ts-eyebrow::before,
.aisay-eye::before,.wby-eye::before,.mrs-eye::before,.fq-eyebrow::before,.spm-eye::before,
.pp-projects-head .eyebrow::before{
  content:"";width:22px;height:1.5px;flex:none;background:currentColor;opacity:.85;}
/* on dark grounds the rose reads brighter */
.mcl-eye,.mws-eye,.mdg-eye,.mai-eyebrow,.aisay-eye,.ts-eyebrow,.pp-projects-head .eyebrow{color:#FF7BA3!important;}
/* eyebrow unification — raised specificity to beat madv2-page.css and #work rules */
body section .wdi-eye,
body section .mcl-eye,body section .mws-eye,body section .mdg-eye,body section .msol-eyebrow,
body section .mind-eyebrow,body section .pr-eyebrow,body section .mte-eyebrow,
body section .mai-eyebrow,body section .ts-eyebrow,body section .aisay-eye,
body section .wby-eye,body section .mrs-eye,body section .fq-eyebrow,body section .spm-eye,
body section .avv-eyebrow,body section .lfv-eyebrow,
#work .pp-projects-head .eyebrow{
  display:inline-flex!important;align-items:center!important;gap:10px!important;width:auto!important;
  font-family:'Space Grotesk',ui-monospace,monospace!important;
  font-size:11px!important;font-weight:600!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;line-height:1!important;}
body section .wdi-eye::before,
body section .mcl-eye::before,body section .mws-eye::before,body section .mdg-eye::before,
body section .msol-eyebrow::before,body section .mind-eyebrow::before,body section .pr-eyebrow::before,
body section .mte-eyebrow::before,body section .mai-eyebrow::before,body section .ts-eyebrow::before,
body section .aisay-eye::before,body section .wby-eye::before,body section .mrs-eye::before,
body section .fq-eyebrow::before,body section .spm-eye::before,
body section .avv-eyebrow::before,body section .lfv-eyebrow::before,
#work .pp-projects-head .eyebrow::before{
  content:""!important;width:22px!important;height:1.5px!important;flex:none!important;
  background:currentColor!important;border-radius:0!important;box-shadow:none!important;
  opacity:.85!important;animation:none!important;margin:0!important;}
/* ---- decisions grid: two rows of three sweeping in from the right ---- */
.mdg-grid .mdg-cell{opacity:0;transform:translate3d(64px,0,0);
  transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1.15s cubic-bezier(.19,.66,.31,1);
  will-change:opacity,transform;}
.mdg-grid .mdg-cell.in{opacity:1;transform:none;}
.mdg-grid .mdg-cell:nth-child(1).in{transition-delay:0ms;}
.mdg-grid .mdg-cell:nth-child(2).in{transition-delay:110ms;}
.mdg-grid .mdg-cell:nth-child(3).in{transition-delay:220ms;}
.mdg-grid .mdg-cell:nth-child(4).in{transition-delay:60ms;}
.mdg-grid .mdg-cell:nth-child(5).in{transition-delay:170ms;}
.mdg-grid .mdg-cell:nth-child(6).in{transition-delay:280ms;}
@media(prefers-reduced-motion:reduce){
  .mdg-grid .mdg-cell{opacity:1!important;transform:none!important;transition:none!important;}
}
/* leaving upward: a crisper, quicker exit than the entrance */
.mdg-grid .mdg-cell{transition:opacity .52s cubic-bezier(.4,0,.7,.2),transform .6s cubic-bezier(.4,0,.7,.2);}
.mdg-grid .mdg-cell.in{transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1.15s cubic-bezier(.19,.66,.31,1);}
.mdg-grid .mdg-cell:nth-child(1):not(.in){transition-delay:140ms;}
.mdg-grid .mdg-cell:nth-child(2):not(.in){transition-delay:70ms;}
.mdg-grid .mdg-cell:nth-child(3):not(.in){transition-delay:0ms;}
.mdg-grid .mdg-cell:nth-child(4):not(.in){transition-delay:140ms;}
.mdg-grid .mdg-cell:nth-child(5):not(.in){transition-delay:70ms;}
.mdg-grid .mdg-cell:nth-child(6):not(.in){transition-delay:0ms;}
/* hx-next.css */
/* WDI Homepage — What does your business need next (reuses the .mdg decision grid)
   scoped under #next so the layered mdg-decisions.css rules can't misplace it */
#next{--ink:#0B0C0E;--ink-2:#3A3D44;--muted:#5F636B;--faint:#9A9EA6;--line-2:rgba(12,12,20,.14);
  --rose-300:#FF8FB0;--rose-500:#F92F64;--rose-600:#E0204F;--mono:'Space Grotesk',ui-monospace,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
  position:relative!important;z-index:5!important;background:#fff!important;font-family:'Figtree',system-ui,sans-serif;
  padding:clamp(56px,6vw,96px) 0 clamp(96px,10vw,150px)!important;border-radius:0!important;box-shadow:none!important;}
#next .mdg-head,#next .mdg-grid{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:clamp(20px,3.2vw,40px)!important;padding-right:clamp(20px,3.2vw,40px)!important;box-sizing:border-box;}
/* header: eyebrow + title left, lead right — bottoms aligned */
#next .mdg-head-split{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;column-gap:clamp(32px,5vw,96px)!important;row-gap:0!important;align-items:end!important;}
#next .mdg-eye{grid-column:1!important;grid-row:1!important;justify-self:start;align-self:start;
  display:inline-flex!important;align-items:center;gap:9px;margin:0 0 clamp(18px,2vw,26px)!important;padding:0!important;border:0!important;
  font-family:'Figtree',system-ui,sans-serif!important;font-size:12px!important;font-weight:600!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;color:#E0204F!important;line-height:1!important;}
#next .mdg-eye::before{display:none!important;}
#next .mdg-eye i{width:5px;height:5px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 3px rgba(249,47,100,.16);}
#next .mdg-h{grid-column:1!important;grid-row:2!important;margin:0!important;max-width:14ch;
  font-size:clamp(40px,5.2vw,80px)!important;font-weight:500!important;letter-spacing:-0.05em!important;line-height:1.0!important;color:#0B0C0E!important;}
#next .mdg-h .amp{color:#0B0C0E!important;background:linear-gradient(90deg,#F92F64,#A24BFF)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}
#next .mdg-lead{grid-column:2!important;grid-row:2!important;margin:0 0 6px!important;max-width:46ch;
  font-size:clamp(16px,1.3vw,19px)!important;font-weight:300!important;line-height:1.6!important;color:#3A3D44!important;}
/* grid */
#next .mdg-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.6vw,22px)!important;margin-top:clamp(44px,5vw,76px)!important;}
#next .mdg-cell{border-radius:22px!important;overflow:hidden;min-height:clamp(320px,30vw,400px)!important;
  justify-content:flex-end!important;opacity:1;}
#next .mdg-cell h3{min-height:2.24em;margin:0 0 14px;}
@media(max-width:1020px){#next .mdg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:860px){
  #next .mdg-head-split{grid-template-columns:1fr!important;}
  #next .mdg-lead{grid-column:1!important;grid-row:3!important;margin-top:20px!important;}}
@media(max-width:620px){#next .mdg-grid{grid-template-columns:1fr!important;}#next .mdg-cell{min-height:260px!important;}}

/* equal text blocks so every card's title sits on the same line */
#next .mdg-cell p{min-height:calc(1.6em * 5);margin:0;line-height:1.6!important;}
#next .mdg-lead{max-width:none;}

/* ============ colour, live vectors, emerge-from-behind ============ */
/* About WDI rides in front; the grid rises out from underneath it */
#about{z-index:7!important;border-radius:0 0 32px 32px;box-shadow:0 30px 70px -20px rgba(11,12,14,.22);}
#next{--e:1;background:#F6F4F7!important;margin-top:-32px;padding-top:calc(clamp(56px,6vw,96px) + 32px)!important;
  transform:translate3d(0,calc((1 - var(--e)) * -22vh),0) scale(calc(.94 + var(--e) * .06));transform-origin:50% 0;
  will-change:transform;}
#next .mdg-head{opacity:calc(.35 + var(--e) * .65);}
/* six WDI palettes */
#next .mdg-cell::before{background:none!important;}
#next .mdg-cell:nth-child(1){background:linear-gradient(155deg,#2A0614 0%,#5A0E28 62%,#B11646 130%);}
#next .mdg-cell:nth-child(2){background:linear-gradient(155deg,#FFE6EE 0%,#FFF3F7 70%);}
#next .mdg-cell:nth-child(3){background:linear-gradient(155deg,#170A2E 0%,#341463 68%,#5B22A8 130%);}
#next .mdg-cell:nth-child(4){background:linear-gradient(155deg,#F0E7FF 0%,#FAF6FF 72%);}
#next .mdg-cell:nth-child(5){background:linear-gradient(155deg,#F92F64 0%,#FF5A86 60%,#FF8FB0 120%);}
#next .mdg-cell:nth-child(6){background:linear-gradient(155deg,#0B0C0E 0%,#1B0F17 64%,#3A0A20 130%);}
/* type colours per tone */
#next .mdg-cell:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(6)) h3{color:#fff!important;}
#next .mdg-cell:is(:nth-child(1),:nth-child(3),:nth-child(6)) p{color:rgba(255,255,255,.74)!important;}
#next .mdg-cell:nth-child(5) p{color:rgba(255,255,255,.9)!important;}
#next .mdg-cell:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(6)) .mdg-n{color:rgba(255,255,255,.55)!important;}
#next .mdg-cell:nth-child(2) h3{color:#3B0716!important;}#next .mdg-cell:nth-child(2) p{color:#6A3443!important;}#next .mdg-cell:nth-child(2) .mdg-n{color:#C2637E!important;}
#next .mdg-cell:nth-child(4) h3{color:#24113F!important;}#next .mdg-cell:nth-child(4) p{color:#4F4166!important;}#next .mdg-cell:nth-child(4) .mdg-n{color:#8C74B8!important;}
#next .mdg-cell:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(6)) .mdg-pill{background:#fff!important;color:#0B0C0E!important;}
#next .mdg-cell:nth-child(5) .mdg-pill:hover{background:#0B0C0E!important;color:#fff!important;}
#next .mdg-cell:is(:nth-child(2),:nth-child(4)) .mdg-pill{background:#0B0C0E!important;color:#fff!important;}
#next .mdg-cell .mdg-pill:hover{background:#F92F64!important;color:#fff!important;}
#next .mdg-cell:hover{background-blend-mode:normal;transform:translateY(-4px);}
#next .mdg-cell{transition:transform .5s var(--ease),box-shadow .5s ease!important;}
#next .mdg-cell:hover{box-shadow:0 26px 60px -24px rgba(11,12,14,.38);}
/* live vectors behind the copy */
#next .mdg-body,#next .mdg-n,#next .mdg-pill{z-index:2;}
#next .mdg-body{position:relative;}
.hnx-vec{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;opacity:.32;}
#next .mdg-cell:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(6)) .hnx-vec{color:#fff;}
#next .mdg-cell:nth-child(1) .hnx-vec{color:#FF8FB0;opacity:.42;}
#next .mdg-cell:nth-child(2) .hnx-vec{color:#F92F64;opacity:.3;}
#next .mdg-cell:nth-child(3) .hnx-vec{color:#C9A6FF;opacity:.42;}
#next .mdg-cell:nth-child(4) .hnx-vec{color:#7A3FE0;opacity:.3;}
#next .mdg-cell:nth-child(5) .hnx-vec{opacity:.5;}
#next .mdg-cell:nth-child(6) .hnx-vec{color:#F92F64;opacity:.48;}
.hnx-vec .spin{transform-box:view-box;transform-origin:75% 27.5%;animation:hnxSpin 26s linear infinite;}
.hnx-vec .spin.rev{animation-direction:reverse;animation-duration:32s;}
.hnx-vec.v6 .spin{animation-duration:38s;}
.hnx-vec .drift{animation:hnxDrift 9s ease-in-out infinite alternate;}
.hnx-vec .pulse{transform-box:fill-box;transform-origin:50% 50%;animation:hnxPulse 5.5s ease-in-out infinite;}
#next .mdg-cell:hover .hnx-vec{opacity:.62;transition:opacity .5s ease;}
@keyframes hnxSpin{to{transform:rotate(360deg);}}
@keyframes hnxDrift{from{transform:translate3d(-14px,0,0);}to{transform:translate3d(14px,10px,0);}}
@keyframes hnxPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.08);opacity:.6;}}
@media(prefers-reduced-motion:reduce){.hnx-vec *{animation:none!important;}#next{transform:none!important;}}
@media(max-width:860px){#next{transform:none!important;margin-top:0;padding-top:clamp(56px,6vw,96px)!important;}#about{border-radius:0;box-shadow:none;}}

/* vectors stay in the upper half and fade out before the title */
.hnx-vec{-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 62%);mask-image:linear-gradient(to bottom,#000 30%,transparent 62%);}
/* hover: lift the copy clear of the CTA pill */
#next .mdg-cell:hover .mdg-body,#next .mdg-cell:focus-within .mdg-body{transform:translateY(-60px)!important;}

/* ============ transition v2: window-open reveal + staggered card rise ============ */
#about{border-radius:0!important;box-shadow:none!important;}
#next{margin-top:0!important;padding-top:clamp(56px,6vw,96px)!important;transform:none!important;
  clip-path:inset(calc((1 - var(--e)) * 7%) calc((1 - var(--e)) * 6%) 0 calc((1 - var(--e)) * 6%) round calc((1 - var(--e)) * 48px));}
#next .mdg-head{opacity:1!important;
  transform:translate3d(0,calc((1 - var(--e)) * 40px),0);}
#next .mdg-cell{opacity:calc(var(--e) * 1.6 - .35);
  transform:translate3d(0,calc((1 - var(--e)) * 70px),0);}
#next .mdg-cell:nth-child(2),#next .mdg-cell:nth-child(5){transform:translate3d(0,calc((1 - var(--e)) * 110px),0);}
#next .mdg-cell:nth-child(3),#next .mdg-cell:nth-child(6){transform:translate3d(0,calc((1 - var(--e)) * 150px),0);}
#next .mdg-cell:hover{transform:translateY(-4px)!important;}
@media(max-width:860px),(prefers-reduced-motion:reduce){
  #next{clip-path:none!important;}
  #next .mdg-head,#next .mdg-cell{transform:none!important;opacity:1!important;}}

/* wwd-bento.css */
/* What We Do bento — rules copied verbatim from the Mobile Audit 2 support section */
.spm{background:#fff;padding:clamp(64px,7.4vw,112px) 0;}
.spm-head{text-align:center;max-width:900px;margin:0 auto clamp(38px,4.4vw,64px);}
.spm-h{margin:0;font-size:clamp(34px,4.6vw,68px);font-weight:400;letter-spacing:-0.05em;
  line-height:1.04;color:var(--ink);}
.spm-lead{margin:20px auto 0;max-width:74ch;font-size:clamp(14.5px,1.15vw,16.5px);font-weight:300;
  line-height:1.7;color:var(--muted);}
.spm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.6vw,24px);}
.spm-card{position:relative;overflow:hidden;border-radius:24px;padding:clamp(26px,2.8vw,40px);
  min-height:clamp(340px,34vw,470px);display:flex;flex-direction:column;
  transition:transform .5s var(--ease);}
.spm-card:hover{transform:translateY(-4px);}
.spm-card.t1{background:linear-gradient(160deg,#F2F2F4,#E9EAEE);}
.spm-card.t2{background:linear-gradient(160deg,#F4EEFF,#EDE4FF);}
.spm-card.t3{background:linear-gradient(160deg,#FFEFF4,#FFE3EC);}
.spm-card.t4{background:linear-gradient(160deg,#EAF6F1,#DFF1E9);}
.spm-card.t5{background:linear-gradient(160deg,#EFF3FA,#E4EBF7);}
.spm-card.t6{background:linear-gradient(160deg,#F5F3EE,#EDE9E1);}
.spm-copy h3{margin:0;font-size:clamp(21px,2.1vw,31px);font-weight:500;letter-spacing:-0.035em;
  line-height:1.14;color:var(--ink);}
.spm-copy p{margin:12px 0 0;max-width:44ch;font-size:14.5px;font-weight:300;line-height:1.62;
  color:rgba(11,12,14,.6);}
.spm-art{position:relative;flex:1;margin-top:clamp(22px,2.4vw,34px);min-height:180px;}
display:flex;flex-direction:column;gap:0;border-radius:30px;background:#fff;
  border:9px solid #0B0C0E;box-shadow:0 24px 50px rgba(11,12,14,.22);overflow:hidden;
  transform:rotate(-1.5deg);}
  font-size:9.5px;font-weight:600;color:var(--ink);}
  letter-spacing:-0.01em;color:var(--ink);border-bottom:1px solid #F1F1F3;}
  padding:9px 0;border-bottom:1px solid #F4F4F6;}
  background:linear-gradient(140deg,#F4F4F6,#E9E9ED);}
/* desktop window variant */
  border-radius:14px;overflow:hidden;background:#fff;border:1px solid rgba(11,12,14,.1);
  box-shadow:0 24px 50px rgba(11,12,14,.2);transform:rotate(-1.5deg);}
/* floating card */
.spm-float{position:absolute;left:0;bottom:16%;z-index:2;display:flex;flex-direction:column;gap:3px;
  padding:14px 16px;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(11,12,14,.16);
  min-width:clamp(150px,15vw,192px);transform:rotate(1deg);}
.spm-f-b{bottom:8%;left:4%;}
.spm-k{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);}
.spm-float b{font-size:15px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.spm-sub{font-size:11px;font-weight:300;color:var(--muted);}
.spm-swatches{display:flex;gap:5px;margin-bottom:6px;}
.spm-swatches i{width:16px;height:16px;border-radius:5px;}
.spm-av{display:flex;margin-bottom:6px;}
.spm-av i{width:20px;height:20px;border-radius:50%;border:2px solid #fff;margin-left:-6px;
  background:linear-gradient(140deg,var(--rose-400),var(--violet));}
.spm-av i:first-child{margin-left:0;}
@media(max-width:900px){.spm-grid{grid-template-columns:1fr;}.spm-card{min-height:0;}.spm-art{min-height:230px;}}
@media(prefers-reduced-motion:reduce){.spm-card{transition:none;}}
}

/* cards keep the floating detail card only */
.spm-art{min-height:130px;}
.spm-float{left:0;bottom:6%;}
.spm-f-b{left:4%;bottom:6%;}
.spm-card{overflow:hidden;}
.spm-art{min-height:clamp(210px,22vw,300px);}
.dvc{position:absolute;right:6%;top:6%;width:clamp(184px,19vw,252px);z-index:1;
  transition:transform .8s var(--ease);}
.spm-card:hover .dvc{transform:translateY(-6px);}
.dvc-shell{position:relative;display:block;padding:7px;border-radius:36px;
  background:linear-gradient(150deg,#3E4147 0%,#1A1C20 16%,#0B0C0E 42%,#22252A 68%,#4A4E55 86%,#131518 100%);
  box-shadow:
    0 1px 0 rgba(255,255,255,.22) inset,
    0 0 0 1px rgba(0,0,0,.6),
    0 34px 60px -18px rgba(11,12,14,.55),
    0 12px 24px -10px rgba(11,12,14,.4);}
.dvc-shell::before,.dvc-shell::after{content:"";position:absolute;width:2px;border-radius:2px;
  background:linear-gradient(180deg,#4A4E55,#1A1C20);}
.dvc-shell::before{left:-2px;top:22%;height:8%;box-shadow:0 24px 0 0 #33363c,0 44px 0 0 #33363c;}
.dvc-shell::after{right:-2px;top:28%;height:12%;}
.dvc-notch{position:absolute;left:50%;top:14px;transform:translateX(-50%);z-index:3;
  width:32%;height:15px;border-radius:99px;background:#08090B;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;}
.dvc-scr{position:relative;display:block;border-radius:30px;overflow:hidden;
  background:linear-gradient(180deg,#FFF,#FAFAFC);padding:26px 13px 16px;
  min-height:clamp(300px,31vw,410px);
  box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 2px 10px rgba(11,12,14,.14) inset;}
.dvc-bar{display:flex;align-items:center;justify-content:space-between;
  font-size:9.5px;font-weight:600;color:var(--ink);padding-bottom:10px;}
.dvc-sig{display:inline-flex;gap:2.5px;align-items:flex-end;}
.dvc-sig i{width:3px;height:7px;border-radius:1px;background:var(--ink);}
.dvc-sig i:nth-child(2){height:9px;}
.dvc-sig i:nth-child(3){height:5px;opacity:.45;}
.mkh{display:block;font-size:11.5px;font-weight:600;letter-spacing:-0.015em;color:var(--ink);
  padding-bottom:8px;border-bottom:1px solid #F0F0F3;}
.mkr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 0;
  border-bottom:1px solid #F5F5F7;}
.mkr:last-child{border-bottom:0;}
.mkr span{font-size:10px;font-weight:500;color:var(--ink);}
.mkr b{font-size:9.5px;font-weight:600;color:var(--rose-600);}
.mkg{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:9px;}
.mkg i{display:block;height:30px;border-radius:7px;background:linear-gradient(140deg,#F4F4F6,#E8E8EE);}
.mkg2{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:9px;}
.mkg2 i{display:block;height:34px;border-radius:7px;background:#F1F1F4;}
.spm-float{left:0;bottom:12%;z-index:3;}
.spm-f-b{left:5%;bottom:9%;}
@media(max-width:900px){.dvc{position:relative;right:auto;top:auto;margin:0 auto;width:min(230px,64%);}.spm-float,.spm-f-b{position:relative;left:auto;bottom:auto;margin-top:16px;transform:none;}}
@media(prefers-reduced-motion:reduce){.dvc{transition:none;}}
.ap-p{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #F5F5F7;}
.ap-p:last-child{border-bottom:0;}
.ap-p i{width:22px;height:22px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,var(--rose-400),var(--violet));}
.ap-p em{font-style:normal;font-size:10px;font-weight:500;color:var(--ink);}
.spm-art{position:relative;}
.dv-r .dvc{right:2%;left:auto;top:2%;}
.dv-l .dvc{left:6%;right:auto;top:2%;}
.dv-low .dvc{top:-12%;}
@media(max-width:900px){.dv-r .dvc,.dv-l .dvc,.dv-low .dvc{position:relative;left:auto;right:auto;top:auto;margin:0 auto;}}
.spm-grid{grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;}
.spm-card{grid-column:span 3;min-height:0;padding:clamp(24px,2.4vw,34px);}
.spm-card:nth-child(1){grid-column:span 4;}
.spm-card:nth-child(2){grid-column:span 2;}
.spm-card:nth-child(3){grid-column:span 2;}
.spm-card:nth-child(4){grid-column:span 4;}
.spm-card:nth-child(5){grid-column:span 3;}
.spm-card:nth-child(6){grid-column:span 3;}
.spm-copy p{max-width:38ch;}
.spm-art{margin-top:clamp(16px,1.8vw,26px);min-height:clamp(200px,20vw,272px);}
.spm-art.a2,.spm-art.a3,.spm-art.a6{min-height:clamp(190px,19vw,240px);}
.dvc{position:absolute;transition:transform .8s var(--ease);}
.dv-full{right:-2%;top:0;width:clamp(158px,15.5vw,206px);}
.dv-outline .dvc-shell{background:none;box-shadow:0 0 0 2px rgba(11,12,14,.9),0 18px 36px -16px rgba(11,12,14,.3);padding:5px;}
.dv-outline .dvc-notch{background:#0B0C0E;}
.dv-crop{right:2%;top:14%;width:clamp(160px,16vw,210px);}
.dv-crop .dvc-shell{border-radius:36px 36px 0 0;padding-bottom:0;}
.dv-crop .dvc-scr{border-radius:30px 30px 0 0;min-height:clamp(210px,21vw,270px);padding-top:16px;}
.dvc-home{display:block;width:34%;height:4px;border-radius:99px;background:#DCDCE1;margin:14px auto 8px;}
.spm-card:hover .dvc{transform:translateY(-6px);}
.win{position:absolute;right:-3%;top:0;width:clamp(210px,22vw,290px);border-radius:14px;overflow:hidden;
  background:#fff;border:1px solid rgba(11,12,14,.1);
  box-shadow:0 26px 52px -20px rgba(11,12,14,.4);transition:transform .8s var(--ease);}
.spm-card:hover .win{transform:translateY(-6px);}
.win-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid #F1F1F3;}
.win-bar i{width:8px;height:8px;border-radius:50%;background:#E4E4E8;}
.win-url{margin-left:8px;font-size:9px;color:var(--faint);}
.win-body{display:block;padding:12px 14px 16px;}
.fc{position:absolute;z-index:3;background:#fff;border-radius:14px;
  box-shadow:0 22px 46px -18px rgba(11,12,14,.34),0 0 0 1px rgba(11,12,14,.05);}
.fc-list{left:0;bottom:8%;width:clamp(200px,21vw,268px);padding:6px 14px;}
.fc-r{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #F4F4F6;}
.fc-r:last-child{border-bottom:0;}
.fc-r i{width:16px;height:16px;border-radius:5px;flex:none;background:#EFEFF3;}
.fc-r .ic-a{background:linear-gradient(140deg,#FFD9E4,#FFB0C7);}
.fc-r .ic-b{background:linear-gradient(140deg,#DCE7FF,#B9CDFF);}
.fc-r .ic-c{background:linear-gradient(140deg,#DFF3E7,#BEE6D0);}
.fc-r span{flex:1;display:flex;flex-direction:column;}
.fc-r b{font-size:10.5px;font-weight:600;color:var(--ink);}
.fc-r em{font-style:normal;font-size:9.5px;color:var(--muted);}
.fc-r u{text-decoration:none;font-size:12px;color:var(--line-2);}
.fc-stack{position:relative;left:auto;bottom:auto;width:100%;background:none;box-shadow:none;}
.fc-ghost{position:absolute;left:6%;top:-4%;right:10%;height:88%;border-radius:14px;
  background:rgba(11,12,14,.05);transform:rotate(-4deg);}
.fc-card{position:relative;display:block;background:#fff;border-radius:14px;padding:14px;
  box-shadow:0 22px 46px -18px rgba(11,12,14,.3),0 0 0 1px rgba(11,12,14,.05);
  transform:rotate(-2deg);transition:transform .7s var(--ease);}
.spm-card:hover .fc-card{transform:rotate(-2deg) translateY(-5px);}
.fc-head{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid #F2F2F5;}
.fc-head .av{width:26px;height:26px;border-radius:50%;flex:none;
  background:linear-gradient(140deg,var(--rose-400),var(--violet));}
.fc-head span{display:flex;flex-direction:column;}
.fc-head b{font-size:11.5px;font-weight:600;color:var(--ink);}
.fc-head em{font-style:normal;font-size:9.5px;color:var(--muted);}
.fc-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px;}
.fc-shots i{display:block;aspect-ratio:3/4;border-radius:7px;}
.fc-note{display:block;margin-top:10px;font-size:9.5px;color:var(--muted);}
.fc-mini{left:0;bottom:10%;padding:13px 15px;display:flex;flex-direction:column;gap:2px;
  min-width:clamp(140px,14vw,178px);transform:rotate(1deg);}
.fc-low{bottom:4%;}
.fc-k{font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--faint);}
.fc-mini b{font-size:16px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.fc-mini em{font-style:normal;font-size:10px;font-weight:300;color:var(--muted);}
.spm-link{display:inline-flex;align-items:center;gap:9px;margin-top:clamp(14px,1.6vw,20px);
  align-self:flex-start;position:relative;z-index:4;
  font-size:13px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);text-decoration:none;
  transition:color .3s ease,gap .3s ease;}
.spm-link svg{width:14px;height:14px;}
.spm-link:hover{color:var(--rose-600);gap:13px;}
.spm-link:focus-visible{outline:2px solid var(--rose-500);outline-offset:3px;}
@media(max-width:1000px){.spm-grid{grid-template-columns:repeat(2,1fr);}.spm-card:nth-child(n){grid-column:span 1;}}
@media(max-width:760px){.spm-grid{grid-template-columns:1fr;}.dvc,.win,.fc-list,.fc-mini{position:relative;left:auto;right:auto;top:auto;bottom:auto;
    margin:0 auto;width:min(230px,72%);transform:none;}.fc-mini{margin-top:14px;width:auto;}}
.win{width:clamp(250px,26vw,352px);}
.win-body{display:flex;gap:10px;padding:11px;}
.win-side{display:flex;flex-direction:column;gap:6px;width:26px;flex:none;}
.win-side i{display:block;height:6px;border-radius:99px;background:#EDEDF1;}
.win-side i.on{background:var(--rose-500);}
.win-main{flex:1;min-width:0;display:block;}
.win-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;
  border-bottom:1px solid #F1F1F4;}
.win-top b{font-size:11px;font-weight:600;color:var(--ink);}
.win-chip{font-size:8px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  color:#0F7A4E;background:#E4F5EC;border-radius:99px;padding:3px 7px;}
.win-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px;}
.win-kpis span{display:flex;flex-direction:column;gap:1px;background:#F7F7F9;border-radius:8px;padding:8px;}
.win-kpis em{font-style:normal;font-size:8.5px;color:var(--muted);}
.win-kpis b{font-size:13px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.win-body .ap-chart{height:40px;margin-top:9px;}
.win-tbl{display:block;margin-top:9px;}
.win-tr{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #F5F5F7;}
.win-tr:last-child{border-bottom:0;}
.win-tr img{width:18px;height:18px;border-radius:50%;object-fit:cover;flex:none;}
.win-tr em{flex:1;font-style:normal;font-size:9.5px;font-weight:500;color:var(--ink);}
.win-tr u{text-decoration:none;font-size:8.5px;color:var(--muted);}
.av-img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none;}
.fc-live{display:inline-flex;align-items:center;gap:5px;font-size:8.5px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;color:#0F7A4E;}
.fc-live i{width:5px;height:5px;border-radius:50%;background:#19A463;}
.ap-p{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid #F5F5F7;}
.ap-p img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;}
.ap-p .pp{flex:1;display:flex;flex-direction:column;gap:1px;}
.ap-p .pp em{font-style:normal;font-size:10px;font-weight:600;color:var(--ink);}
.ap-p .pp u{text-decoration:none;font-size:8.5px;color:var(--muted);}
.ap-p b{font-size:9.5px;font-weight:600;color:var(--rose-600);}
.fc-foot{display:flex;align-items:center;gap:9px;margin-top:10px;padding-top:9px;
  border-top:1px solid #F2F2F5;}
.fc-bars{display:flex;align-items:flex-end;gap:3px;height:14px;}
.fc-bars i{width:5px;border-radius:2px;background:var(--rose-400);}
.fc-bars i:nth-child(1){height:60%;}
.fc-bars i:nth-child(2){height:100%;}
.fc-bars i:nth-child(3){height:78%;}
.fc-foot em{font-style:normal;font-size:9px;color:var(--muted);}
.ap-tiles i,.fc-shots i{background-size:cover;background-position:center;}
.spm-art.a4{position:relative;}
.spm-go{position:static!important;margin-top:clamp(18px,2vw,26px);opacity:1!important;
  transform:none!important;pointer-events:auto!important;
  display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 24px;border-radius:999px;
  background:var(--ink);color:#fff;font-size:13.5px;font-weight:600;letter-spacing:-0.01em;}
.spm-go svg{width:14px;height:14px;}
.spm-go:hover{background:var(--rose-500);gap:14px;}
.spm-card:hover .spm-copy{transform:none;}
.spm-art.a4{position:relative;overflow:hidden;}
.site{position:absolute;right:0;width:74%;border-radius:10px;overflow:hidden;
  background:#fff;border:1px solid rgba(11,12,14,.1);
  box-shadow:0 18px 40px rgba(11,12,14,.16);transition:transform .5s var(--ease);}
.site.s3{top:2%;right:12%;transform:scale(.9);opacity:.42;}
.site.s2{top:12%;right:6%;transform:scale(.95);opacity:.7;}
.site.s1{top:22%;right:0;transform:none;opacity:1;}
.spm-card:hover .site.s3{transform:scale(.92) translateY(-6px);opacity:.55;}
.spm-card:hover .site.s2{transform:scale(.97) translateY(-3px);opacity:.85;}
.site-bar{display:flex;align-items:center;gap:5px;padding:7px 10px;background:#F1F1F3;
  border-bottom:1px solid rgba(11,12,14,.08);}
.site-bar i{width:6px;height:6px;border-radius:50%;background:rgba(11,12,14,.18);}
.site-bar b{margin-left:8px;font-family:var(--mono);font-size:8.5px;font-weight:500;
  letter-spacing:.04em;color:rgba(11,12,14,.5);}
.site-nav{display:flex;gap:12px;padding:7px 11px;border-bottom:1px solid rgba(11,12,14,.07);}
.site-nav em{font-style:normal;font-size:8px;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;color:rgba(11,12,14,.34);}
.site-nav em.on{color:var(--rose-600);}
.site-body{display:block;padding:10px 11px 12px;}
.site-hero{display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  padding-bottom:8px;border-bottom:1px solid rgba(11,12,14,.07);}
.site-hero b{font-size:9px;font-weight:600;color:var(--ink);}
.site-hero i{font-style:normal;font-size:11px;font-weight:600;letter-spacing:-0.02em;color:var(--rose-600);}
.site-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;}
.site-tiles span{display:flex;flex-direction:column;gap:2px;padding:7px 8px;border-radius:6px;
  background:#F6F6F8;}
.site-tiles b{font-size:7.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(11,12,14,.4);}
.site-tiles i{font-style:normal;font-size:11px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.site-chart{display:flex;align-items:flex-end;gap:4px;height:26px;margin-top:9px;}
.site-chart i{flex:1;border-radius:2px 2px 0 0;background:linear-gradient(180deg,var(--rose-400),rgba(249,47,100,.22));}
.site-chart i:nth-child(1){height:44%}
.site-chart i:nth-child(2){height:66%}
.site-chart i:nth-child(3){height:38%}
.site-chart i:nth-child(4){height:82%}
.site-chart i:nth-child(5){height:56%}
.site-chart i:nth-child(6){height:72%}
.cld{position:absolute;right:0;bottom:8%;width:74%;padding:14px 16px;border-radius:12px;
  background:#fff;border:1px solid rgba(11,12,14,.1);box-shadow:0 18px 40px rgba(11,12,14,.16);}
.cld-k{display:block;font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(11,12,14,.4);}
.cld-steps{display:flex;gap:6px;margin-top:10px;}
.cld-steps span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;
  background:#F2F7F3;font-size:9px;font-weight:600;color:#2F7D4F;}
.cld-steps i{font-style:normal;font-size:9px;}
.cld-live{display:inline-flex;align-items:center;gap:6px;margin-top:11px;font-size:9px;
  font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--rose-600);}
.cld-live i{width:5px;height:5px;border-radius:50%;background:var(--rose-500);}
.spm-art.a6{position:relative;overflow:hidden;}
.sq{position:absolute;right:0;bottom:6%;width:80%;padding:14px 16px;border-radius:12px;background:#fff;
  border:1px solid rgba(11,12,14,.1);box-shadow:0 18px 40px rgba(11,12,14,.16);}
.sq-k{display:block;font-family:var(--mono);font-size:8.5px;font-weight:600;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(11,12,14,.4);margin-bottom:10px;}
.sq-row{display:flex;align-items:center;gap:9px;padding:6px 0;border-top:1px solid rgba(11,12,14,.07);}
.sq-row:first-of-type{border-top:0;}
.sq-row img{width:24px;height:24px;border-radius:50%;object-fit:cover;flex:none;}
.sq-row b{flex:1;font-size:9.5px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);}
.sq-row i{font-style:normal;font-size:8px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  color:var(--rose-600);}
.spm-grid{display:grid!important;grid-template-columns:repeat(6,1fr)!important;
  gap:clamp(14px,1.6vw,22px)!important;align-items:stretch;}
.spm-card{position:relative;display:flex;flex-direction:column;overflow:hidden;
  border-radius:20px;padding:clamp(26px,2.6vw,36px);min-height:clamp(330px,30vw,420px);}
.spm-card.t1{grid-column:span 4;}
.spm-card.t2{grid-column:span 2;}
.spm-card.t3{grid-column:span 2;}
.spm-card.t4{grid-column:span 4;}
.spm-card.t5{grid-column:span 3;}
.spm-card.t6{grid-column:span 3;}
.spm-copy{position:relative;z-index:2;}
.spm-art{position:relative;flex:1;min-height:clamp(150px,14vw,200px);margin-top:clamp(18px,2vw,26px);}
.spm-link{position:relative;z-index:2;align-self:flex-start;}
@media(max-width:1020px){.spm-grid{grid-template-columns:repeat(2,1fr)!important;}.spm-card.t1,.spm-card.t2,.spm-card.t3,
  .spm-card.t4,.spm-card.t5,.spm-card.t6{grid-column:span 1;}}
@media(max-width:680px){.spm-grid{grid-template-columns:1fr!important;}}
.spm-grid{position:relative;}
.spm-card{position:relative;}
.spm-shot{position:absolute;display:block;object-fit:cover;pointer-events:none;}
.s-t1{width:385px;max-width:70%;height:auto;aspect-ratio:385/802;left:456px;top:-117px;border-radius:59px;}
.s-t3{width:351px;height:398px;max-width:100%;aspect-ratio:3210/3687;left:83px;top:-34px;}
.s-t4{width:2860px;max-width:100%;height:auto;aspect-ratio:2860/6722;top:115px;}
.s-t5{width:2787px;max-width:100%;height:auto;aspect-ratio:2787/2090;left:-195px;top:32px;}
.spm-art.a4{width:838px;height:269px;}
.spm-card.t5 .cld{left:319px;top:86px;position:absolute;width:306px;height:93px;}
@media(max-width:900px){.spm-shot{display:none;}.spm-art.a4{width:auto;height:auto;}}
.spm-card.t6 .sq{left:13px;top:0;position:absolute;width:481px;height:158px;}
@media(max-width:900px){.spm-card.t6 .sq{position:static;height:auto;}}
.s-t4{width:1742px;max-width:100%;height:auto;aspect-ratio:1742/1218;top:142px;left:-8px;}
/* hx-caps.css */
/* Our capabilities — reuse of the What We Do bento, sized for longer copy */
#capabilities{background:#fff;}
#capabilities .spm-eye{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;font-family:'Space Grotesk',ui-monospace,monospace;
  font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#F92F64;}
#capabilities .spm-eye i{width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.16);}
#capabilities .spm-head{max-width:980px;}
#capabilities .cap-grad{background:linear-gradient(90deg,#F92F64,#A24BFF);-webkit-background-clip:text;background-clip:text;color:transparent;}
#capabilities .spm-lead{margin-top:18px;}
#capabilities .cap-lead2{margin-top:6px;font-weight:500;color:#0B0C0E;}
#capabilities .spm-card{min-height:500px;height:auto!important;}
#capabilities .spm-copy{max-width:min(46ch,58%);position:relative;z-index:3;}
#capabilities .spm-copy p{margin-top:10px;}
#capabilities .spm-copy .cap-p2{margin-top:10px;font-size:.92em;opacity:.82;}

/* reveal: page uses .in, the bento script uses .is-in — honour both */
#capabilities .spm-card{opacity:1!important;transform:none!important;}
/* fixed bento rhythm; copy first, artwork pushed beneath it */
#capabilities .spm-card{min-height:0;overflow:hidden;}
#capabilities .spm-card.t1,#capabilities .spm-card.t2{height:600px!important;}
#capabilities .spm-card.t3,#capabilities .spm-card.t4{height:580px!important;}
#capabilities .spm-card.t5,#capabilities .spm-card.t6{height:470px!important;}
#capabilities .spm-card.t1 .spm-copy,#capabilities .spm-card.t4 .spm-copy{max-width:min(44ch,50%);}
#capabilities .spm-card.t2 .spm-copy,#capabilities .spm-card.t3 .spm-copy{max-width:100%;}
#capabilities .spm-card.t5 .spm-copy,#capabilities .spm-card.t6 .spm-copy{max-width:min(40ch,60%);}
#capabilities .spm-card.t2 > img.spm-shot,#capabilities .spm-card.t3 > img.spm-shot{transform:translateY(190px);}
#capabilities .spm-card.t1 .spm-art img{top:-40px!important;}
#capabilities .spm-card.t5 > img{top:150px!important;}

#capabilities > .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
@media(max-width:760px){#capabilities > .wrap{padding:0 20px;}}
#capabilities .spm-card.t4 > img.spm-shot{transform:translateY(130px);}

#capabilities .spm-eye,#capabilities .spm-h,#capabilities .spm-lead{opacity:1!important;transform:none!important;}

/* hx-ai.css */
/* Practical AI — reuses the AI App Development "What AI Can Improve" opportunity grid (from ppc-v2.css) */
.lp-ai{background:#fff;}
.lp-ai-glow{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(40% 46% at 82% 10%,rgba(122,0,255,.05),transparent 64%);opacity:.7;}
.lp-ai .wrap{position:relative;z-index:2;}
.lp-ai-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.lp-ai-card{position:relative;display:flex;flex-direction:column;background:#F6F5F1;border-radius:3px;
  padding:26px 24px 22px;min-height:236px;transition:background .4s,transform .45s cubic-bezier(.2,.7,.2,1);}
.lp-ai-card::before,.lp-ai-card::after{content:"";position:absolute;inset:0;pointer-events:none;}
.lp-ai-card::before{
  background:
    linear-gradient(#B8B4A8,#B8B4A8) 0 0/13px 1px no-repeat,
    linear-gradient(#B8B4A8,#B8B4A8) 0 0/1px 13px no-repeat,
    linear-gradient(#B8B4A8,#B8B4A8) 100% 0/13px 1px no-repeat,
    linear-gradient(#B8B4A8,#B8B4A8) 100% 0/1px 13px no-repeat;}
.lp-ai-card::after{
  background:
    linear-gradient(#B8B4A8,#B8B4A8) 0 100%/13px 1px no-repeat,
    linear-gradient(#B8B4A8,#B8B4A8) 0 100%/1px 13px no-repeat,
    linear-gradient(#B8B4A8,#B8B4A8) 100% 100%/13px 1px no-repeat,
    linear-gradient(#B8B4A8,#B8B4A8) 100% 100%/1px 13px no-repeat;}
.lp-ai-card:hover{background:#F1EFE8;transform:translateY(-3px);}
.lp-ai-card h3{font-size:19px;font-weight:600;letter-spacing:-0.02em;color:#0B0C0E;}
.lp-ai-card p{margin-top:12px;font-size:14px;font-weight:300;line-height:1.55;color:#5F636B;}
.lp-ai-more{margin-top:auto;padding-top:22px;display:inline-flex;align-items:center;gap:7px;
  font-size:13.5px;font-weight:600;letter-spacing:-0.01em;color:#0B0C0E;text-decoration:none;
  border-bottom:1px solid #0B0C0E;align-self:flex-start;transition:color .3s,border-color .3s,gap .3s;}
.lp-ai-more svg{width:14px;height:14px;opacity:0;transform:translateX(-4px);transition:opacity .3s,transform .3s;}
.lp-ai-card:hover .lp-ai-more{color:#E0204F;border-color:#E0204F;gap:9px;}
.lp-ai-card:hover .lp-ai-more svg{opacity:1;transform:none;}
@media (max-width:1080px){
  .lp-path-grid,.lp-out-grid{grid-template-columns:repeat(2,1fr);}
  .lp-prob-grid{grid-template-columns:repeat(2,1fr);}
  .lp-cap-grid{grid-template-columns:repeat(2,1fr);}
  .lp-diag-grid{grid-template-columns:repeat(2,1fr);}
  .lp-diag-head{grid-column:1 / -1;}
  .lp-pillars{grid-template-columns:repeat(2,1fr);}
  .lp-pillar.span2{grid-column:span 2;}
  .lp-ai-grid{grid-template-columns:repeat(2,1fr);}
  .lp-engage-grid{grid-template-columns:repeat(2,1fr);}
  .lp-eng,.lp-eng:nth-child(4),.lp-eng:nth-child(5){grid-column:auto;}
  .lp-eng:nth-child(5){grid-column:1 / -1;}
  .lp-wy-card{flex-basis:300px;}
  .lp-proc-cols{grid-template-columns:repeat(3,1fr);}
  .lp-sol-head2{grid-template-columns:1fr;gap:16px;align-items:start;}
  .lp-sol-head2-p{padding-bottom:0;}
  .lp-solr-main{grid-template-columns:minmax(0,240px) 1fr;grid-template-areas:"l mid" "thumb thumb";row-gap:24px;}
  .lp-solr-l{grid-area:l;}
  .lp-solr-mid{grid-area:mid;}
  .lp-solr-thumb{grid-area:thumb;aspect-ratio:21/8;}
}
#ai-impact{position:relative;overflow:hidden;padding:clamp(96px,10vw,148px) 0;font-family:'Figtree',system-ui,sans-serif;}
#ai-impact .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
#ai-impact .lp-head{max-width:820px;margin-bottom:clamp(44px,5vw,72px);}
#ai-impact .lp-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#F92F64;}
#ai-impact .lvdot{width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.16);}
#ai-impact .lp-h{margin:20px 0 22px;font-size:clamp(38px,4.4vw,62px);font-weight:500;line-height:1.04;letter-spacing:-0.045em;color:#0B0C0E;}
#ai-impact .amp{background:linear-gradient(90deg,#F92F64,#A24BFF);-webkit-background-clip:text;background-clip:text;color:transparent;}
#ai-impact .lp-aeo{margin:0 0 12px;max-width:62ch;font-size:clamp(16px,1.2vw,18px);line-height:1.6;color:#5F636B;}
#ai-impact .lp-ai-q{margin:22px 0 0;font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-0.025em;color:#0B0C0E;}
#ai-impact .lp-ai-card h3{margin:0;}
/* 8th tile: the CTA, in WDI pink */
#ai-impact .lp-ai-cta{background:#F92F64;color:#fff;text-decoration:none;justify-content:space-between;}
#ai-impact .lp-ai-cta::before,#ai-impact .lp-ai-cta::after{filter:brightness(4);opacity:.55;}
#ai-impact .lp-ai-cta-t{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-0.02em;}
#ai-impact .lp-ai-cta-ar{width:46px;height:46px;border-radius:50%;background:#fff;color:#F92F64;display:grid;place-items:center;transition:transform .35s cubic-bezier(.22,.61,.36,1);}
#ai-impact .lp-ai-cta-ar svg{width:18px;height:18px;}
#ai-impact .lp-ai-cta:hover{background:#E0204F;transform:translateY(-3px);}
#ai-impact .lp-ai-cta:hover .lp-ai-cta-ar{transform:translateX(4px);}
@media(max-width:1080px){#ai-impact .lp-ai-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){#ai-impact .wrap{padding:0 20px;}#ai-impact .lp-ai-grid{grid-template-columns:1fr;}}

/* header row: copy left, AI star right */
#ai-impact .hxai-top{display:grid;grid-template-columns:minmax(0,1fr) clamp(240px,26vw,380px);gap:clamp(32px,5vw,80px);align-items:center;margin-bottom:clamp(44px,5vw,72px);}
#ai-impact .hxai-top .lp-head{margin-bottom:0;}
.hxai-star{width:100%;aspect-ratio:1;}
.hxai-star svg{width:100%;height:100%;overflow:visible;}
.hxai-main{transform-origin:200px 200px;animation:hxaiPulse 6s ease-in-out infinite;}
.hxai-s1{transform-origin:300px 124px;animation:hxaiTw 3.4s ease-in-out infinite;}
.hxai-s2{transform-origin:112px 292px;animation:hxaiTw 4.2s ease-in-out infinite .8s;}
.hxai-orbit{transform-origin:200px 200px;animation:hxaiSpin 38s linear infinite;}
.hxai-orbit2{transform-origin:200px 200px;animation:hxaiSpin 26s linear infinite reverse;}
@keyframes hxaiPulse{0%,100%{transform:scale(1) rotate(0);}50%{transform:scale(1.06) rotate(8deg);}}
@keyframes hxaiTw{0%,100%{transform:scale(.7);opacity:.55;}50%{transform:scale(1.1);opacity:1;}}
@keyframes hxaiSpin{to{transform:rotate(360deg);}}
/* entrance: header lifts in, star scales up, cards rise in a stagger */
#ai-impact .lp-head,#ai-impact .hxai-star,#ai-impact .lp-ai-card{opacity:0;transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1);}
#ai-impact .lp-head{transform:translateY(28px);}
#ai-impact .hxai-star{transform:scale(.82) rotate(-12deg);transition-delay:.15s;}
#ai-impact .lp-ai-card{transform:translateY(36px);}
#ai-impact.hxai-in .lp-head,#ai-impact.hxai-in .hxai-star,#ai-impact.hxai-in .lp-ai-card{opacity:1;transform:none;}
#ai-impact.hxai-in .lp-ai-card:nth-child(1){transition-delay:.25s}#ai-impact.hxai-in .lp-ai-card:nth-child(2){transition-delay:.33s}
#ai-impact.hxai-in .lp-ai-card:nth-child(3){transition-delay:.41s}#ai-impact.hxai-in .lp-ai-card:nth-child(4){transition-delay:.49s}
#ai-impact.hxai-in .lp-ai-card:nth-child(5){transition-delay:.57s}#ai-impact.hxai-in .lp-ai-card:nth-child(6){transition-delay:.65s}
#ai-impact.hxai-in .lp-ai-card:nth-child(7){transition-delay:.73s}#ai-impact.hxai-in .lp-ai-card:nth-child(8){transition-delay:.81s}
#ai-impact.hxai-in .lp-ai-card:hover{transform:translateY(-3px);transition-delay:0s;}
@media(max-width:900px){#ai-impact .hxai-top{grid-template-columns:1fr;}.hxai-star{max-width:220px;}}
@media(prefers-reduced-motion:reduce){
  #ai-impact .lp-head,#ai-impact .hxai-star,#ai-impact .lp-ai-card{opacity:1!important;transform:none!important;transition:none!important;}
  .hxai-main,.hxai-s1,.hxai-s2,.hxai-orbit,.hxai-orbit2{animation:none;}}

/* hx-why.css */
:root{--rose-300:#FF8FB0;--rose-500:#F92F64;--rose-600:#E0204F;}
#sw-why{--ink:#0B0C0E;--ink-2:#3A3D44;--muted:#5F636B;--faint:#9A9EA6;--line:rgba(12,12,20,.08);--line-2:rgba(12,12,20,.14);--bg:#fff;--bg-2:#F6F5F1;--mono:'Space Grotesk',ui-monospace,monospace;--ease:cubic-bezier(.22,.61,.36,1);}
#sw-why .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
#sw-why .lp-aeo{max-width:60ch;margin:0 0 10px;font-size:clamp(16px,1.15vw,18px);line-height:1.6;color:#5F636B;}
#sw-why .lp-wy-card-body p + p{margin-top:10px;}
#sw-why .lp-sec{position:relative;padding:clamp(80px,9vw,132px) 0;background:#fff;overflow:hidden;}
#sw-why .lp-sec.alt{background:var(--page);}
#sw-why .lp-head{max-width:820px;margin:0 auto 56px;text-align:center;}
#sw-why .lp-h{margin-top:20px;font-size:clamp(30px,4.4vw,58px);font-weight:600;letter-spacing:-0.04em;line-height:1.02;color:var(--ink);text-wrap:balance;}
#sw-why .lp-h .amp,#sw-why .lp-h .grad,#sw-why .lp-h .mut{background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:inherit;}
#sw-why .lp-aeo{margin:24px auto 0;max-width:70ch;font-size:clamp(16px,1.5vw,19px);font-weight:300;line-height:1.6;color:var(--ink-2);}
#sw-why .lp-btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--font);font-size:15.5px;font-weight:600;letter-spacing:-0.01em;border-radius:999px;padding:15px 26px;cursor:pointer;text-decoration:none;border:1px solid transparent;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s,color .3s,border-color .3s,box-shadow .3s;}
#sw-why .lp-btn .ar{display:inline-flex;width:20px;height:20px;transition:transform .35s cubic-bezier(.2,.7,.2,1);}
#sw-why .lp-btn .ar svg{width:100%;height:100%;}
#sw-why .lp-btn:hover .ar{transform:translateX(4px);}
#sw-why .lp-btn-primary{background:var(--ink);color:#fff;box-shadow:0 14px 34px rgba(11,12,14,.16);}
#sw-why .lp-btn-primary:hover{background:var(--rose-500);color:#fff;transform:translateY(-2px);box-shadow:0 20px 44px rgba(228,18,82,.34);}
#sw-why .lp-btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2);}
#sw-why .lp-btn-ghost:hover{border-color:var(--rose-500);color:var(--rose-600);transform:translateY(-2px);}
#sw-why .lp-btn-light{background:#fff;color:var(--ink);box-shadow:0 16px 40px rgba(0,0,0,.28);}
#sw-why .lp-btn-light:hover{background:var(--rose-500);color:#fff;transform:translateY(-2px);box-shadow:0 20px 46px rgba(228,18,82,.4);}
#sw-why .lp-btn-ghost-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.28);}
#sw-why .lp-btn-ghost-dark:hover{background:var(--rose-500);border-color:var(--rose-500);color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px rgba(228,18,82,.4);}
#sw-why .lp-btn-big{font-size:17px;padding:20px 46px;gap:14px;}
#sw-why .lp-btn-big .ar{width:22px;height:22px;}
#sw-why .piw-head .lp-aeo{margin-left:auto;margin-right:auto;}
#sw-why .piw-head .lp-h{margin-top:20px;}
#sw-why .lp-gov-l .lp-h{text-align:left;margin-top:18px;}
#sw-why .lp-gov-l .lp-aeo{margin-top:22px;}
#sw-why .lp-cmp-cta .lp-btn{position:relative;z-index:1;flex:none;}
#sw-why .lp-cmp-cta .lp-btn-primary{border:1.5px solid rgba(255,255,255,.85);}
#sw-why .lp-cmp-cta .lp-btn-primary:hover{border-color:var(--rose-500);}
#sw-why .lp-sol .lp-h{color:#fff;}
#sw-why .lp-btn-ondark{background:#fff;color:var(--ink);border-color:#fff;}
#sw-why .lp-btn-ondark:hover{background:var(--rose-500);color:#fff;border-color:var(--rose-500);
  box-shadow:0 18px 40px rgba(228,18,82,.34);transform:translateY(-2px);}
#sw-why .lp-sol-head2 .lp-h{margin-top:18px;text-align:left;}
#sw-why .lp-sec:not(.alt) .lp-path{background:var(--bg-2);}
#sw-why .lp-sec.alt .lp-path-svcs span{background:var(--bg-2);}
#sw-why.lp-why{background:#08090B;color:#fff;position:relative;isolation:isolate;overflow:hidden;}
#sw-why.lp-why .wrap{position:relative;z-index:2;}
#sw-why.lp-why::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:62px 62px;
  mask-image:radial-gradient(78% 62% at 50% 38%,#000,transparent 82%);
  -webkit-mask-image:radial-gradient(78% 62% at 50% 38%,#000,transparent 82%);}
#sw-why.lp-why::after{content:"";position:absolute;top:-16%;right:-8%;width:52%;height:70%;z-index:0;pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,rgba(228,18,82,.16),transparent 64%);animation:lpSolAura 20s ease-in-out infinite;}
#sw-why.lp-why .lp-h{color:#fff;}
#sw-why.lp-why .lp-aeo{color:rgba(255,255,255,.62);}
#sw-why .lp-wy-head{margin-bottom:clamp(34px,3.6vw,48px);}
#sw-why .lp-wy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1000px;margin:0 auto clamp(30px,3.4vw,46px);}
#sw-why .lp-wy-stat{text-align:center;position:relative;}
#sw-why .lp-wy-stat + .lp-wy-stat::before{content:"";position:absolute;left:-7px;top:14%;height:56%;width:1px;background:rgba(255,255,255,.12);}
#sw-why .lp-wy-stat b{font-size:clamp(36px,4.2vw,56px);font-weight:600;letter-spacing:-0.045em;font-feature-settings:"tnum" 1;color:#fff;}
#sw-why .lp-wy-stat i{font-style:normal;font-size:clamp(22px,2.4vw,32px);font-weight:600;letter-spacing:-0.02em;color:var(--rose-400);}
#sw-why .lp-wy-stat span{display:block;margin-top:7px;font-size:13px;font-weight:500;color:rgba(255,255,255,.5);letter-spacing:-0.01em;}
#sw-why .lp-wy-rail-wrap{position:relative;}
#sw-why .lp-wy-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 20px;
  -ms-overflow-style:none;scrollbar-width:none;cursor:grab;}
#sw-why .lp-wy-rail::-webkit-scrollbar{display:none;}
#sw-why .lp-wy-rail:active{cursor:grabbing;}
#sw-why .lp-wy-card{flex:0 0 340px;scroll-snap-align:start;position:relative;background:#121318;border:1px solid rgba(255,255,255,.1);
  border-radius:24px;padding:28px 28px 30px;overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s,background .4s;}
#sw-why .lp-wy-card::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;
  background:linear-gradient(90deg,var(--rose-500),var(--violet-2));transition:width .5s cubic-bezier(.3,.7,.2,1);}
#sw-why .lp-wy-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.2);background:#17181e;box-shadow:0 26px 56px rgba(0,0,0,.5);}
#sw-why .lp-wy-card:hover::after{width:100%;}
#sw-why .lp-wy-card-top{display:flex;align-items:center;justify-content:space-between;}
#sw-why .lp-wy-card-ic{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),background .4s,color .4s;}
#sw-why .lp-wy-card-ic svg{width:26px;height:26px;}
#sw-why .lp-wy-card:hover .lp-wy-card-ic{transform:scale(1.06) rotate(-4deg);background:#fff;color:var(--ink);}
#sw-why .lp-wy-card-n{font-size:13px;font-weight:700;letter-spacing:.02em;color:rgba(255,255,255,.22);font-feature-settings:"tnum" 1;transition:color .4s;}
#sw-why .lp-wy-card:hover .lp-wy-card-n{color:var(--rose-400);}
#sw-why .lp-wy-card-body h3{margin-top:22px;font-size:19px;font-weight:600;letter-spacing:-0.02em;color:#fff;}
#sw-why .lp-wy-card-body p{margin-top:11px;font-size:14.5px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.6);}
#sw-why .lp-wy-card-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;}
#sw-why .lp-wy-card-chips span{font-size:12px;font-weight:500;color:rgba(255,255,255,.72);padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);}
#sw-why .lp-wy-rail-nav{display:flex;gap:12px;justify-content:flex-end;margin-top:6px;}
#sw-why .lp-wy-arrow{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;cursor:pointer;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:#fff;
  transition:border-color .3s,background .3s,transform .3s,box-shadow .3s,opacity .3s;}
#sw-why .lp-wy-arrow svg{width:18px;height:18px;}
#sw-why .lp-wy-arrow:hover{border-color:#fff;background:rgba(255,255,255,.12);transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.4);}
#sw-why .lp-wy-arrow:disabled{opacity:.28;cursor:default;transform:none;box-shadow:none;border-color:rgba(255,255,255,.1);}
#sw-why .lp-wy-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  margin-top:clamp(34px,3.6vw,46px);padding-top:clamp(30px,3vw,40px);border-top:1px solid rgba(255,255,255,.1);}
#sw-why .lp-wy-foot p{font-size:clamp(19px,2vw,26px);font-weight:500;letter-spacing:-0.025em;color:#fff;max-width:20ch;}
#sw-why .lp-wy-foot .lp-btn{flex:none;}
#sw-why .lp-wy-foot .lp-btn-primary{background:var(--rose-500);color:#fff;border:1.5px solid var(--rose-500);}
#sw-why .lp-wy-foot .lp-btn-primary:hover{background:#fff;color:var(--rose-600);border-color:#fff;}
#sw-why .lp-sec:not(.alt) .lp-pcol{background:var(--bg-2);}
#sw-why .lp-sec.lp-team{background:#F4F5F7;}
#sw-why .lp-team-head .lp-h{text-align:left;margin-top:16px;}
#sw-why .lp-team-head .lp-aeo,#sw-why .lp-team-head .lp-supp{text-align:left;margin-left:0;margin-right:0;}
#sw-why .lp-team-head .lp-h b{font-weight:600;}
#sw-why .lp-team-cta-btns .lp-btn-primary{border:1.5px solid rgba(255,255,255,.85);}
#sw-why .lp-team-cta-btns .lp-btn-primary:hover{border-color:var(--rose-500);}
#sw-why .lp-team-cta-btns .lp-btn-ghost{color:#fff;border-color:rgba(255,255,255,.3);}
#sw-why .lp-team-cta-btns .lp-btn-ghost:hover{border-color:var(--rose-400);color:var(--rose-300);}
@media (max-width:1080px){
#sw-why .lp-wy-card{flex-basis:300px;}
}
@media (max-width:680px){
#sw-why .lp-wy-stats{grid-template-columns:repeat(2,1fr);gap:24px 14px;}
#sw-why .lp-wy-card{flex-basis:80vw;}
#sw-why .lp-wy-foot{flex-direction:column;align-items:flex-start;}
#sw-why .lp-hero-cta .lp-btn,#sw-why .lp-final-cta .lp-btn{width:100%;justify-content:center;}
#sw-why .lpnav-cta .lp-btn-ghost{display:none;}
}
#sw-why .lp-h,#sw-why .lp-eco-h,#sw-why .lp-diag-h,#sw-why .pp-band h2,#sw-why .pfd-h,#sw-why .tsm-head .ts-h,#sw-why .lp-final-h,#sw-why .fq-h,#sw-why .ave-h{
  font-size:clamp(30px,4.2vw,52px)!important;
  font-weight:600!important;
  letter-spacing:-0.035em!important;
  line-height:1.05!important;
}

/* header left-aligned, matching the UX Audit source */
#sw-why .lp-head,#sw-why .lp-h,#sw-why .lp-aeo,#sw-why .wdi-eye{text-align:left!important;}
#sw-why .lp-head{margin-left:0!important;margin-right:auto!important;}
#sw-why .lp-aeo{margin-left:0!important;margin-right:0!important;}
#sw-why .wdi-eye{justify-content:flex-start;}

/* hx-work.css */
/* Selected Work — pp-* rules extracted from portfolio-page-v2.css (globals excluded) */
#work{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;--violet:#7A00FF;--violet-2:#A24BFF;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--page:#F5F3F0;--line:#ECEDF0;--line-2:#E3E4E8;--rose-soft:rgba(249,47,100,.10);
  --font:"Google Sans Flex","Google Sans","Product Sans","Figtree",system-ui,-apple-system,sans-serif;
  --maxw:1240px;
}
#work .pp-hero{position:relative;padding:120px 0 90px;text-align:center;overflow:hidden;background:var(--bg);}
#work .pp-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600);}
#work .pp-hero .eyebrow::before,#work .pp-hero .eyebrow::after{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--rose-400));}
#work .pp-hero .eyebrow::after{background:linear-gradient(90deg,var(--rose-400),transparent);}
#work .pp-hero h1{margin-top:26px;font-size:clamp(52px,10vw,150px);font-weight:600;letter-spacing:-0.05em;line-height:.9;color:var(--ink);}
#work .pp-hero h1 .amp{background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
#work .pp-hero .sub{margin:30px auto 0;max-width:60ch;font-size:clamp(16px,1.5vw,19px);font-weight:300;line-height:1.55;color:var(--ink-2);}
#work .pp-hero .meta{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;}
#work .pp-hero .meta .stat b{font-size:30px;font-weight:600;letter-spacing:-0.03em;color:var(--ink);}
#work .pp-hero .meta .stat span{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--muted);}
#work .pp-hero .meta .div{width:1px;height:34px;background:var(--line-2);}
#work .pp-scrollcue{margin-top:46px;display:inline-flex;flex-direction:column;align-items:center;gap:8px;color:var(--faint);font-size:11px;letter-spacing:.16em;text-transform:uppercase;}
#work .pp-scrollcue .mouse{width:22px;height:34px;border:1.5px solid var(--line-2);border-radius:12px;position:relative;}
#work .pp-scrollcue .mouse::after{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;border-radius:2px;background:var(--rose-500);transform:translateX(-50%);animation:ppMouse 1.8s ease-in-out infinite;}
@keyframes ppMouse{0%{opacity:0;transform:translate(-50%,0);}40%{opacity:1;}100%{opacity:0;transform:translate(-50%,10px);}}
#work .pp-band{position:relative;padding:130px 0;overflow:hidden;background:linear-gradient(180deg,#0B0C0E,#121319);color:#fff;}
#work .pp-band-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:0;pointer-events:none;white-space:nowrap;
  font-size:clamp(90px,16vw,260px);font-weight:700;letter-spacing:-0.04em;line-height:1;color:rgba(255,255,255,.045);
  -webkit-text-stroke:1px rgba(255,255,255,.04);will-change:transform;}
#work .pp-band-track.r1{animation:ppMarqueeL 34s linear infinite;top:34%;}
#work .pp-band-track.r2{animation:ppMarqueeR 40s linear infinite;top:68%;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);}
@keyframes ppMarqueeL{from{transform:translate(0,-50%);}to{transform:translate(-50%,-50%);}}
@keyframes ppMarqueeR{from{transform:translate(-50%,-50%);}to{transform:translate(0,-50%);}}
#work .pp-band::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(40% 60% at 20% 30%,rgba(249,47,100,.16),transparent 60%),radial-gradient(40% 60% at 82% 72%,rgba(122,0,255,.16),transparent 60%);
  filter:blur(20px);animation:ppBandGlow 16s ease-in-out infinite alternate;}
@keyframes ppBandGlow{from{transform:translateX(-3%);}to{transform:translateX(3%);}}
#work .pp-band-in{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto;}
#work .pp-band .tag{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-300);}
#work .pp-band .tag .lvdot{width:7px;height:7px;border-radius:50%;background:var(--rose-400);box-shadow:0 0 0 0 rgba(249,47,100,.6);animation:ppPulse 2.4s ease-out infinite;}
@keyframes ppPulse{0%{box-shadow:0 0 0 0 rgba(249,47,100,.5);}70%{box-shadow:0 0 0 8px rgba(249,47,100,0);}100%{box-shadow:0 0 0 0 rgba(249,47,100,0);}}
#work .pp-band h2{margin-top:24px;font-size:clamp(30px,4.4vw,60px);font-weight:500;letter-spacing:-0.035em;line-height:1.04;color:#fff;text-wrap:balance;}
#work .pp-band h2 em{font-style:normal;background:linear-gradient(110deg,var(--rose-400),var(--violet-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
#work .pp-band p{margin:24px auto 0;max-width:62ch;font-size:clamp(16px,1.4vw,18.5px);font-weight:300;line-height:1.6;color:rgba(255,255,255,.72);}
#work .pp-projects{position:relative;padding:96px 0 0;background:var(--bg);}
#work .pp-projects-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:30px;}
#work .pp-projects-head .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);}
#work .pp-projects-head .eyebrow::before{content:"";width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--rose-600),var(--rose-400));box-shadow:0 0 10px rgba(249,47,100,.5);}
#work .pp-projects-head h2{margin-top:16px;font-size:clamp(30px,3.6vw,48px);font-weight:600;letter-spacing:-0.035em;line-height:1;color:var(--ink);}
#work .pp-projects-head p{max-width:42ch;font-size:14.5px;font-weight:300;line-height:1.55;color:var(--muted);}
#work .pp-caps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;}
#work .pp-cap{font-family:var(--font);font-size:13.5px;font-weight:500;letter-spacing:-0.01em;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:9px 17px;cursor:pointer;transition:color .25s,background .25s,border-color .25s,transform .25s;}
#work .pp-cap:hover{color:var(--ink);border-color:var(--line-2);transform:translateY(-2px);}
#work .pp-cap.active{color:#fff;background:var(--ink);border-color:var(--ink);}
#work .pp-cap .n{font-size:11px;opacity:.55;margin-left:6px;font-feature-settings:"tnum" 1;}
#work .pp-stack{}
#work .pp-card{position:relative;width:100vw;left:50%;transform:translateX(-50%);height:100vh;min-height:100vh;max-height:none;overflow:hidden;background:#08090c;border-top:1px solid rgba(255,255,255,.06);scroll-snap-align:start;scroll-snap-stop:always;}
#work .pp-card[hidden]{display:none;}
#work .pp-media{position:absolute;inset:0;z-index:0;transform:translate(calc(var(--px,0)*-13px),calc(var(--py,0)*-11px));transition:transform .35s cubic-bezier(.2,.7,.2,1);}
#work .pp-media img,#work .pp-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.2s cubic-bezier(.2,.7,.2,1);}
#work .pp-card.in .pp-media img,#work .pp-card.in .pp-media video{animation:ppKen 16s ease-in-out infinite alternate;}
@keyframes ppKen{from{transform:scale(1.04);}to{transform:scale(1.13) translate(-1%,1%);}}
#work .pp-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
   linear-gradient(to bottom,rgba(8,9,12,.78) 0%,rgba(8,9,12,.56) 30%,rgba(8,9,12,.62) 55%,rgba(8,9,12,.9) 84%,rgba(8,9,12,.98) 100%),
   radial-gradient(75% 120% at 12% 88%,color-mix(in srgb,var(--hue,#39E07B) 30%,transparent),transparent 60%),
   radial-gradient(60% 120% at 100% 0%,rgba(249,47,100,.26),transparent 58%);}
#work .pp-glow{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .45s ease;
  background:radial-gradient(440px 440px at var(--cx,50%) var(--cy,28%),color-mix(in srgb,var(--hue,#39E07B) 26%,transparent),transparent 62%);}
#work .pp-card.hot .pp-glow{opacity:1;}
#work .pp-topbar{position:absolute;left:0;right:0;top:36px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;
  max-width:var(--maxw);margin:0 auto;padding:0 40px;left:50%;transform:translateX(-50%);}
#work .pp-index{font-size:13px;font-weight:600;letter-spacing:.1em;color:rgba(255,255,255,.6);font-feature-settings:"tnum" 1;}
#work .pp-index b{color:#fff;}
#work .pp-x{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78);}
#work .pp-x .cross{color:var(--hue,#39E07B);font-weight:700;}
#work .pp-x b{color:#fff;}
#work .pp-vind{position:absolute;right:40px;top:0;bottom:0;z-index:3;display:flex;align-items:center;pointer-events:none;}
#work .pp-vind span{writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.62);}
#work .pp-vind span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--hue,#39E07B);margin-bottom:10px;box-shadow:0 0 10px var(--hue,#39E07B);}
#work .pp-content{position:absolute;left:0;right:0;bottom:0;z-index:3;}
#work .pp-content-in{max-width:var(--maxw);margin:0 auto;padding:0 40px 70px;}
#work .pp-logo{display:grid;place-items:start;margin-bottom:24px;
  opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
#work .pp-logo .lg{font-weight:800;font-size:18px;letter-spacing:-0.02em;color:#fff;}
#work .pp-logo img{height:52px;width:auto;max-width:240px;object-fit:contain;display:block;}
#work .pp-logo .lg em{font-style:normal;color:color-mix(in srgb,var(--hue,#39E07B) 80%,#0B0C0E);}
#work .pp-eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#fff;
  opacity:0;transform:translateY(22px);transition:opacity .7s ease .04s,transform .8s cubic-bezier(.2,.7,.2,1) .04s;}
#work .pp-eyebrow .n{color:var(--hue,#39E07B);}
#work .pp-eyebrow .bar{width:30px;height:1px;background:rgba(255,255,255,.4);}
#work .pp-name{margin-top:18px;font-size:clamp(46px,7vw,96px);font-weight:600;letter-spacing:-0.045em;line-height:.92;color:#fff;position:relative;
  opacity:0;transform:translateY(30px);transition:opacity .8s ease .1s,transform .9s cubic-bezier(.2,.7,.2,1) .1s;}
#work .pp-name-tx{display:inline-block;
  background:linear-gradient(100deg,#fff 32%,color-mix(in srgb,var(--hue,#39E07B) 92%,#fff) 50%,#fff 68%);
  background-size:240% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
#work .pp-card.in .pp-name-tx{animation:ppSheen 1.5s cubic-bezier(.4,0,.2,1) .55s 1 forwards;}
#work .pp-card.hot .pp-name-tx{animation:ppSheen 1.1s cubic-bezier(.4,0,.2,1) 0s 1 forwards;}
@keyframes ppSheen{from{background-position:100% 0;}to{background-position:0 0;}}
#work .pp-tagline{margin-top:14px;font-size:clamp(21px,2.3vw,30px);font-weight:400;line-height:1.32;color:#fff;max-width:46ch;letter-spacing:-0.02em;
  opacity:0;transform:translateY(24px);transition:opacity .8s ease .18s,transform .9s cubic-bezier(.2,.7,.2,1) .18s;}
#work .pp-desc{margin-top:16px;font-size:clamp(16px,1.6vw,20px);font-weight:300;line-height:1.5;color:rgba(255,255,255,.78);max-width:52ch;
  opacity:0;transform:translateY(22px);transition:opacity .8s ease .28s,transform .9s cubic-bezier(.2,.7,.2,1) .28s;}
#work .pp-row{margin-top:26px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;max-width:540px;
  opacity:0;transform:translateY(20px);transition:opacity .8s ease .3s,transform .9s cubic-bezier(.2,.7,.2,1) .3s;}
#work .pp-tags{display:flex;flex-wrap:wrap;gap:9px;}
#work .pp-tag{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 13px;backdrop-filter:blur(6px);}
#work .pp-tag.lead{background:var(--hue,#39E07B);color:#0B0C0E;border-color:var(--hue,#39E07B);}
#work .pp-explore{display:inline-flex;align-items:center;gap:12px;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none;padding:16px 26px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);transition:background .3s,border-color .3s,transform .3s,gap .3s,color .3s;}
#work .pp-explore svg{width:16px;height:16px;transition:transform .3s;}
#work .pp-explore:hover{background:var(--hue,#39E07B);border-color:var(--hue,#39E07B);color:#0B0C0E;transform:translateY(-2px);gap:16px;}
#work .pp-explore:hover svg{transform:translateX(3px);}
#work .pp-card.in .pp-logo,#work .pp-card.in .pp-eyebrow,#work .pp-card.in .pp-name,#work .pp-card.in .pp-tagline,#work .pp-card.in .pp-desc,#work .pp-card.in .pp-row{opacity:1;transform:none;}
#work .pp-eyebrow{gap:13px;font-size:11.5px;letter-spacing:.28em;color:rgba(255,255,255,.82);}
#work .pp-eyebrow .n{color:var(--hue,#39E07B);font-weight:700;}
#work .pp-eyebrow .bar{width:38px;background:linear-gradient(90deg,var(--hue,#39E07B),transparent);height:1.5px;}
#work .pp-keystat{position:absolute;left:50%;transform:translateX(-50%);top:94px;z-index:3;width:100%;max-width:var(--maxw);padding:0 40px;pointer-events:none;
  display:flex;flex-direction:column;align-items:flex-end;text-align:right;}
#work .pp-keystat-label{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:9px;font-size:9.5px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.44);
  opacity:0;transform:translateY(-12px);transition:opacity .7s ease .1s,transform .8s cubic-bezier(.2,.7,.2,1) .1s;}
#work .pp-keystat-label::before{content:"";width:16px;height:1px;background:color-mix(in srgb,var(--hue,#39E07B) 75%,#fff);opacity:.7;}
#work .pp-keystat-h{margin-top:15px;max-width:18ch;font-size:clamp(17px,1.75vw,25px);font-weight:300;line-height:1.34;letter-spacing:-0.012em;color:rgba(255,255,255,.72);text-wrap:balance;
  opacity:0;transform:translateY(-14px);transition:opacity .8s ease .16s,transform .9s cubic-bezier(.2,.7,.2,1) .16s;}
#work .pp-mcaps{margin-top:16px;display:flex;flex-wrap:wrap;gap:7px 0;justify-content:flex-end;max-width:34ch;
  opacity:0;transform:translateY(-10px);transition:opacity .8s ease .24s,transform .9s cubic-bezier(.2,.7,.2,1) .24s;}
#work .pp-mcap{font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.46);background:none;border:none;border-radius:0;padding:0;line-height:1;}
#work .pp-mcap:not(:first-child){margin-left:11px;}
#work .pp-mcap:not(:first-child)::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.55;margin-right:11px;vertical-align:middle;}
#work .pp-card.in .pp-keystat-label,#work .pp-card.in .pp-keystat-h,#work .pp-card.in .pp-mcaps{opacity:1;transform:none;}
#work .pp-reviews{position:absolute;left:50%;transform:translateX(-50%);bottom:74px;z-index:3;width:100%;max-width:var(--maxw);padding:0 40px;
  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:11px;pointer-events:none;}
#work .pp-rev{display:inline-flex;align-items:center;gap:14px;width:max-content;max-width:330px;background:rgba(16,17,22,.55);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 19px 12px 12px;backdrop-filter:blur(18px);box-shadow:0 16px 40px rgba(0,0,0,.36);
  opacity:0;transform:translateY(22px) scale(.97);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}
#work .pp-rev:nth-child(2){transition-delay:.1s;}
#work .pp-card.in .pp-rev{opacity:1;transform:none;}
#work .pp-rev-badge{height:54px;width:auto;flex:none;display:block;border-radius:8px;background:#fff;}
#work .pp-rev-google .pp-rev-mk{width:48px;height:48px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 2px 10px rgba(0,0,0,.2);}
#work .pp-rev-google .pp-rev-mk svg{width:27px;height:27px;display:block;}
#work .pp-rev-in{display:flex;flex-direction:column;gap:6px;line-height:1;}
#work .pp-rev-q{font-size:15.5px;font-weight:600;color:#fff;letter-spacing:-0.015em;line-height:1.18;}
#work .pp-rev-meta{display:inline-flex;align-items:center;gap:9px;}
#work .pp-rev .st{display:inline-flex;gap:1.5px;color:#FFC53D;}
#work .pp-rev .st svg{width:12px;height:12px;}
#work .pp-rev-meta i{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);}
#work .pp-cta{position:relative;width:100vw;left:50%;transform:translateX(-50%);min-height:100vh;display:grid;place-items:center;overflow:hidden;
  background:var(--bg);scroll-snap-align:start;scroll-snap-stop:always;text-align:center;}
#work .pp-cta-aura{position:absolute;width:780px;height:780px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:conic-gradient(from 0deg,rgba(249,47,100,.16),rgba(122,0,255,.13),rgba(0,200,255,.07),rgba(255,179,0,.1),rgba(249,47,100,.16));
  filter:blur(90px);opacity:.6;animation:ppCtaSpin 26s linear infinite;}
@keyframes ppCtaSpin{to{transform:translate(-50%,-50%) rotate(360deg);}}
#work .pp-cta-dots{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(11,12,14,.07) 1px,transparent 1px);background-size:30px 30px;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent 78%);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent 78%);}
#work .pp-cta-in{position:relative;z-index:2;max-width:760px;padding:0 40px;}
#work .pp-cta-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);
  opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
#work .pp-cta-eyebrow .lvdot{width:7px;height:7px;border-radius:50%;background:var(--rose-500);box-shadow:0 0 0 0 rgba(249,47,100,.5);animation:ppCtaPulse 2.4s ease-out infinite;}
@keyframes ppCtaPulse{0%{box-shadow:0 0 0 0 rgba(249,47,100,.5);}70%{box-shadow:0 0 0 8px rgba(249,47,100,0);}100%{box-shadow:0 0 0 0 rgba(249,47,100,0);}}
#work .pp-cta-h{margin-top:24px;font-size:clamp(40px,5.6vw,76px);font-weight:600;letter-spacing:-0.04em;line-height:.98;color:var(--ink);text-wrap:balance;
  opacity:0;transform:translateY(28px);transition:opacity .8s ease .08s,transform .9s cubic-bezier(.2,.7,.2,1) .08s;}
#work .pp-cta-h em{font-style:normal;background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
#work .pp-cta-p{margin:24px auto 0;max-width:56ch;font-size:clamp(16px,1.5vw,19px);font-weight:300;line-height:1.55;color:var(--ink-2);
  opacity:0;transform:translateY(24px);transition:opacity .8s ease .16s,transform .9s cubic-bezier(.2,.7,.2,1) .16s;}
#work .pp-cta-actions{margin-top:36px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
  opacity:0;transform:translateY(22px);transition:opacity .8s ease .24s,transform .9s cubic-bezier(.2,.7,.2,1) .24s;}
#work .pp-cta-btn{display:inline-flex;align-items:center;gap:11px;font-family:var(--font);font-size:15px;font-weight:500;color:#fff;background:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:15px 16px 15px 26px;text-decoration:none;transition:transform .25s,background .25s,box-shadow .3s;}
#work .pp-cta-btn .ar{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;transition:background .3s,transform .3s;}
#work .pp-cta-btn .ar svg{width:16px;height:16px;}
#work .pp-cta-btn:hover{background:var(--rose-600);border-color:var(--rose-600);transform:translateY(-2px);box-shadow:0 16px 36px rgba(228,18,82,.3);}
#work .pp-cta-btn:hover .ar{transform:translateX(2px);}
#work .pp-cta-ghost{display:inline-flex;align-items:center;font-family:var(--font);font-size:15px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:15px 24px;text-decoration:none;transition:border-color .25s,transform .25s;}
#work .pp-cta-ghost:hover{border-color:var(--rose-300);transform:translateY(-2px);}
#work .pp-cta-stats{margin-top:48px;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;
  opacity:0;transform:translateY(20px);transition:opacity .8s ease .32s,transform .9s cubic-bezier(.2,.7,.2,1) .32s;}
#work .pp-cta-stats .s b{font-size:28px;font-weight:600;letter-spacing:-0.03em;color:var(--ink);}
#work .pp-cta-stats .s span{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--muted);}
#work .pp-cta-stats .d{width:1px;height:32px;background:var(--line-2);}
#work .pp-cta.in .pp-cta-eyebrow,#work .pp-cta.in .pp-cta-h,#work .pp-cta.in .pp-cta-p,#work .pp-cta.in .pp-cta-actions,#work .pp-cta.in .pp-cta-stats{opacity:1;transform:none;}
@media(max-width:760px){
#work .pp-cta{min-height:auto;padding:90px 0;}
#work .pp-cta-stats{gap:18px;}
#work .pp-cta-stats .d{display:none;}
}
@media(prefers-reduced-motion:reduce){
#work .pp-cta-aura{animation:none;}
#work .pp-cta .pp-cta-in *{opacity:1!important;transform:none!important;}
}
#work .pp-device{position:absolute;right:6%;top:32%;z-index:2;height:58%;width:auto;max-width:42%;object-fit:contain;
  filter:drop-shadow(0 40px 70px rgba(0,0,0,.55));opacity:0;transform:translateY(calc(-50% + 40px)) scale(.97);
  transition:opacity .9s ease .15s,transform 1s cubic-bezier(.2,.7,.2,1) .15s;pointer-events:none;}
#work .pp-card.in .pp-device{opacity:1;transform:translateY(-50%);}
@media(min-width:761px) and (max-width:1080px){
#work .pp-row{max-width:46%;}
#work .pp-rev{max-width:240px;padding:10px 15px 10px 10px;gap:11px;}
#work .pp-rev-badge{height:46px;}
#work .pp-rev-google .pp-rev-mk{width:42px;height:42px;}
#work .pp-rev-q{font-size:13.5px;}
#work .pp-keystat-h{font-size:clamp(16px,1.9vw,20px);max-width:16ch;}
}
@media(max-width:760px){
#work .pp-device{position:relative;right:auto;top:auto;height:auto;max-width:74%;margin:24px auto -10px;display:block;transform:none;}
#work .pp-card.in .pp-device{transform:none;}
}
@media(max-width:760px){
#work .pp-hero{padding:80px 0 60px;}
#work .pp-band{padding:90px 0;}
#work .pp-card{height:auto;min-height:0;max-height:none;}
#work .pp-media{position:relative;height:46vh;}
#work .pp-content{position:relative;background:#08090c;}
#work .pp-content-in{padding:30px 22px 44px;}
#work .pp-vind,#work .pp-index{display:none;}
#work .pp-name{opacity:1;transform:none;}
#work .pp-keystat{top:62px;left:0;transform:none;padding:0 22px;align-items:flex-end;text-align:right;}
#work .pp-keystat-h{font-size:19px;max-width:16ch;}
#work .pp-mcaps{display:none;}
#work .pp-reviews{position:static;transform:none;left:auto;width:auto;max-width:none;padding:0 22px 30px;justify-content:flex-start;align-items:stretch;flex-direction:column;gap:10px;background:#08090c;margin-top:-6px;}
#work .pp-rev{max-width:none;width:100%;}
}
@media(prefers-reduced-motion:reduce){
#work .pp-band-track,#work .pp-band::before{animation:none;}
#work .pp-media img,#work .pp-media video{animation:none!important;transform:none;}
#work .pp-card .pp-content *{opacity:1!important;transform:none!important;}
}
#work .pp-awards{position:relative;background:var(--bg);border-top:1px solid var(--line);padding:96px 0 100px;overflow:hidden;}
#work .pp-awards-head{text-align:center;max-width:720px;margin:0 auto 52px;}
#work .pp-awards-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-600);}
#work .pp-awards-h{margin-top:18px;font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-0.03em;line-height:1.08;color:var(--ink);text-wrap:balance;}
#work .pp-awards-sub{margin-top:18px;font-size:clamp(15px,1.3vw,17px);font-weight:300;line-height:1.55;color:var(--muted);}
#work .pp-awards-strip{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);}
#work .pp-awards-rail{display:flex;align-items:center;gap:64px;width:max-content;animation:ppAwardRoll 42s linear infinite;}
#work .pp-awards-strip:hover .pp-awards-rail{animation-play-state:paused;}
@keyframes ppAwardRoll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
#work .pp-award{flex:none;display:flex;align-items:center;gap:13px;color:#AEB3BB;transition:color .35s ease,filter .35s ease,transform .35s ease;}
#work .pp-award .medal{width:26px;height:26px;flex:none;color:inherit;}
#work .pp-award .medal svg{width:100%;height:100%;}
#work .pp-award .by{font-size:24px;font-weight:600;letter-spacing:-0.02em;white-space:nowrap;}
#work .pp-award .rt{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:inherit;opacity:.8;}
#work .pp-award .rt svg{width:13px;height:13px;}
#work .pp-award:hover{color:var(--ink);filter:drop-shadow(0 0 16px rgba(249,47,100,.25));transform:translateY(-1px);}
#work .pp-award:hover .rt{color:var(--rose-600);opacity:1;}
#work .pp-awards-micro{margin:50px auto 0;text-align:center;max-width:60ch;font-size:14px;font-weight:400;line-height:1.6;color:var(--muted);}
@media(max-width:760px){
#work .pp-awards{padding:70px 0 78px;}
#work .pp-awards-rail{gap:44px;}
}
@media(prefers-reduced-motion:reduce){
#work .pp-awards-rail{animation:none;}
}
#work .pp-mini{position:relative;width:100vw;left:50%;transform:translateX(-50%);min-height:88vh;display:grid;place-items:center;text-align:center;overflow:hidden;background:#08090c;border-top:1px solid rgba(255,255,255,.06);}
#work .pp-mini-aura{position:absolute;inset:-20% -10%;z-index:0;pointer-events:none;background:radial-gradient(40% 60% at 22% 32%,rgba(249,47,100,.42),transparent 60%),radial-gradient(40% 60% at 80% 68%,rgba(122,0,255,.4),transparent 62%),radial-gradient(50% 50% at 50% 50%,rgba(0,200,255,.08),transparent 60%);filter:blur(60px);opacity:.7;animation:ppMiniDrift 18s ease-in-out infinite alternate;}
@keyframes ppMiniDrift{0%{transform:translate(-3%,-2%) scale(1);}100%{transform:translate(3%,2%) scale(1.08);}}
#work .pp-mini-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;
  -webkit-mask-image:radial-gradient(75% 75% at 50% 45%,#000,transparent 82%);mask-image:radial-gradient(75% 75% at 50% 45%,#000,transparent 82%);}
#work .pp-mini-scrim{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgba(8,9,12,.6),rgba(8,9,12,0) 30%,rgba(8,9,12,0) 70%,rgba(8,9,12,.7));}
#work .pp-mini-in{position:relative;z-index:2;max-width:880px;padding:0 40px;display:flex;flex-direction:column;align-items:center;}
#work .pp-mini-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-300);}
#work .pp-mini-eyebrow .lvdot{width:7px;height:7px;border-radius:50%;background:var(--rose-400);box-shadow:0 0 10px var(--rose-400);animation:ppCtaPulse 2.4s ease-out infinite;}
#work .pp-mini-h{margin-top:26px;font-size:clamp(42px,7vw,104px);font-weight:600;letter-spacing:-0.045em;line-height:.96;color:#fff;text-wrap:balance;}
#work .pp-mini-h em{font-style:normal;background:linear-gradient(110deg,var(--rose-400),var(--violet-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
#work .pp-mini-p{margin:28px auto 0;max-width:52ch;font-size:clamp(16px,1.5vw,20px);font-weight:300;line-height:1.55;color:rgba(255,255,255,.74);}
#work .pp-mini-btn{margin-top:42px;display:inline-flex;align-items:center;gap:13px;font-family:var(--font);font-size:16px;font-weight:500;color:#0B0C0E;background:#fff;border:1px solid #fff;border-radius:999px;padding:18px 20px 18px 32px;text-decoration:none;transition:transform .25s,box-shadow .3s;}
#work .pp-mini-btn .ar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--rose-600),var(--rose-400));color:#fff;display:grid;place-items:center;transition:transform .3s;}
#work .pp-mini-btn .ar svg{width:18px;height:18px;}
#work .pp-mini-btn:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(228,18,82,.34);}
#work .pp-mini-btn:hover .ar{transform:translateX(3px) rotate(-8deg);}
@media(max-width:760px){
#work .pp-mini{min-height:0;padding:90px 0;}
#work .pp-mini-btn{width:100%;justify-content:center;}
}
@media(prefers-reduced-motion:reduce){
#work .pp-mini-aura{animation:none;}
}
#work .pp-foot{background:#0B0C0E;color:rgba(255,255,255,.7);padding:64px 0 30px;}
#work .pp-foot-in{display:flex;justify-content:space-between;gap:50px;flex-wrap:wrap;}
#work .pp-foot-brand img{height:30px;width:auto;}
#work .pp-foot-brand p{margin-top:16px;max-width:34ch;font-size:14px;font-weight:300;line-height:1.55;color:rgba(255,255,255,.6);}
#work .pp-foot-cols{display:flex;gap:60px;flex-wrap:wrap;}
#work .pp-foot-cols b{display:block;font-size:13px;font-weight:600;letter-spacing:.04em;color:#fff;margin-bottom:14px;}
#work .pp-foot-cols a{display:block;font-size:14px;font-weight:300;color:rgba(255,255,255,.62);text-decoration:none;margin-bottom:10px;transition:color .2s;}
#work .pp-foot-cols a:hover{color:var(--rose-400);}
#work .pp-foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.45);}
@media(max-width:760px){
#work .pp-mini-in{padding:26px;}
#work .pp-mini .pp-cta-btn{width:100%;justify-content:center;}
}
#work .iw-head .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);}
#work .iw-head .eyebrow::before,#work .iw-head .eyebrow::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--rose-400));}
#work .iw-head .eyebrow::after{background:linear-gradient(90deg,var(--rose-400),transparent);}
@keyframes iwPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--hue,#39E07B) 60%,transparent);}70%{box-shadow:0 0 0 7px transparent;}100%{box-shadow:0 0 0 0 transparent;}}
@keyframes tsKeyShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes tsKeyGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(249,47,100,0)) drop-shadow(0 0 0 rgba(122,0,255,0));}
  50%{filter:drop-shadow(0 0 10px rgba(249,47,100,.55)) drop-shadow(0 0 18px rgba(122,0,255,.35));}
}

/* portfolio-stack.css */
/* WDI — portfolio v2 module, fully scoped to #work.
   The PPC pages use their own .pp-* namespace (.pp-form, .pp-row, .pp-field),
   so every rule here is confined to the Selected Work section to avoid collisions. */
#work /* WDI — portfolio v2 styles with page-level globals (*,#work html,#work body,#work .wrap,#work :root) removed
   so the module can be dropped into any page without hijacking its layout. */
/* ============================================================
   WDI — Portfolio Page (View Our Work)
   header · technology-company band (moving faded text) · projects
   ============================================================ */
:root{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;--violet:#7A00FF;--violet-2:#A24BFF;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--page:#F5F3F0;--line:#ECEDF0;--line-2:#E3E4E8;--rose-soft:rgba(249,47,100,.10);
  --font:"Google Sans Flex","Google Sans","Product Sans","Figtree",system-ui,-apple-system,sans-serif;
  --maxw:1240px;
}
#work /* ============================================================
   1 · HEADER
   ============================================================ */
.pp-hero{position:relative;padding:120px 0 90px;text-align:center;overflow:hidden;background:var(--bg);}
#work .pp-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-600);}
#work .pp-hero .eyebrow::before,#work .pp-hero .eyebrow::after{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--rose-400));}
#work .pp-hero .eyebrow::after{background:linear-gradient(90deg,var(--rose-400),transparent);}
#work .pp-hero h1{margin-top:26px;font-size:clamp(52px,10vw,150px);font-weight:600;letter-spacing:-0.05em;line-height:.9;color:var(--ink);}
#work .pp-hero h1 .amp{background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
#work .pp-hero .sub{margin:30px auto 0;max-width:60ch;font-size:clamp(16px,1.5vw,19px);font-weight:300;line-height:1.55;color:var(--ink-2);}
#work .pp-hero .meta{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;}
#work .pp-hero .meta .stat b{font-size:30px;font-weight:600;letter-spacing:-0.03em;color:var(--ink);}
#work .pp-hero .meta .stat span{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--muted);}
#work .pp-hero .meta .div{width:1px;height:34px;background:var(--line-2);}
#work .pp-scrollcue{margin-top:46px;display:inline-flex;flex-direction:column;align-items:center;gap:8px;color:var(--faint);font-size:11px;letter-spacing:.16em;text-transform:uppercase;}
#work .pp-scrollcue .mouse{width:22px;height:34px;border:1.5px solid var(--line-2);border-radius:12px;position:relative;}
#work .pp-scrollcue .mouse::after{content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;border-radius:2px;background:var(--rose-500);transform:translateX(-50%);animation:ppMouse 1.8s ease-in-out infinite;}
@keyframes ppMouse{0%{opacity:0;transform:translate(-50%,0);}40%{opacity:1;}100%{opacity:0;transform:translate(-50%,10px);}}
#work /* ============================================================
   2 · TECHNOLOGY-COMPANY BAND  (moving faded backdrop text)
   ============================================================ */
.pp-band{position:relative;padding:130px 0;overflow:hidden;background:linear-gradient(180deg,#0B0C0E,#121319);color:#fff;}
#work .pp-band-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);z-index:0;pointer-events:none;white-space:nowrap;
  font-size:clamp(90px,16vw,260px);font-weight:700;letter-spacing:-0.04em;line-height:1;color:rgba(255,255,255,.045);
  -webkit-text-stroke:1px rgba(255,255,255,.04);will-change:transform;}
#work .pp-band-track.r1{animation:ppMarqueeL 34s linear infinite;top:34%;}
#work .pp-band-track.r2{animation:ppMarqueeR 40s linear infinite;top:68%;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.06);}
@keyframes ppMarqueeL{from{transform:translate(0,-50%);}to{transform:translate(-50%,-50%);}}
@keyframes ppMarqueeR{from{transform:translate(-50%,-50%);}to{transform:translate(0,-50%);}}
#work .pp-band::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(40% 60% at 20% 30%,rgba(249,47,100,.16),transparent 60%),radial-gradient(40% 60% at 82% 72%,rgba(122,0,255,.16),transparent 60%);
  filter:blur(20px);animation:ppBandGlow 16s ease-in-out infinite alternate;}
@keyframes ppBandGlow{from{transform:translateX(-3%);}to{transform:translateX(3%);}}
#work .pp-band-in{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto;}
#work .pp-band .tag{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-300);}
#work .pp-band .tag .lvdot{width:7px;height:7px;border-radius:50%;background:var(--rose-400);box-shadow:0 0 0 0 rgba(249,47,100,.6);animation:ppPulse 2.4s ease-out infinite;}
@keyframes ppPulse{0%{box-shadow:0 0 0 0 rgba(249,47,100,.5);}70%{box-shadow:0 0 0 8px rgba(249,47,100,0);}100%{box-shadow:0 0 0 0 rgba(249,47,100,0);}}
#work .pp-band h2{margin-top:24px;font-size:clamp(30px,4.4vw,60px);font-weight:500;letter-spacing:-0.035em;line-height:1.04;color:#fff;text-wrap:balance;}
#work .pp-band h2 em{font-style:normal;background:linear-gradient(110deg,var(--rose-400),var(--violet-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
#work .pp-band p{margin:24px auto 0;max-width:62ch;font-size:clamp(16px,1.4vw,18.5px);font-weight:300;line-height:1.6;color:rgba(255,255,255,.72);}
#work /* ============================================================
   3 · OUR PROJECTS  (SpaceX cinematic full-bleed)
   ============================================================ */
.pp-projects{position:relative;padding:96px 0 0;background:var(--bg);}
#work .pp-projects-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:30px;}
#work .pp-projects-head .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);}
#work .pp-projects-head .eyebrow::before{content:"";width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--rose-600),var(--rose-400));box-shadow:0 0 10px rgba(249,47,100,.5);}
#work .pp-projects-head h2{margin-top:16px;font-size:clamp(30px,3.6vw,48px);font-weight:600;letter-spacing:-0.035em;line-height:1;color:var(--ink);}
#work .pp-projects-head p{max-width:42ch;font-size:14.5px;font-weight:300;line-height:1.55;color:var(--muted);}
#work /* industry capsules */
.pp-caps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;}
#work .pp-cap{font-family:var(--font);font-size:13.5px;font-weight:500;letter-spacing:-0.01em;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:9px 17px;cursor:pointer;transition:color .25s,background .25s,border-color .25s,transform .25s;}
#work .pp-cap:hover{color:var(--ink);border-color:var(--line-2);transform:translateY(-2px);}
#work .pp-cap.active{color:#fff;background:var(--ink);border-color:var(--ink);}
#work .pp-cap .n{font-size:11px;opacity:.55;margin-left:6px;font-feature-settings:"tnum" 1;}
#work /* full-bleed cinematic panels */
.pp-stack{}
#work .pp-card{position:relative;width:100vw;left:50%;transform:translateX(-50%);height:100vh;min-height:100vh;max-height:none;overflow:hidden;background:#08090c;border-top:1px solid rgba(255,255,255,.06);scroll-snap-align:start;scroll-snap-stop:always;}
#work .pp-card[hidden]{display:none;}
#work /* real media (image / video) fills the frame with a slow cinematic zoom */
.pp-media{position:absolute;inset:0;z-index:0;transform:translate(calc(var(--px,0)*-13px),calc(var(--py,0)*-11px));transition:transform .35s cubic-bezier(.2,.7,.2,1);}
#work .pp-media img,#work .pp-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);transition:transform 1.2s cubic-bezier(.2,.7,.2,1);}
#work .pp-card.in .pp-media img,#work .pp-card.in .pp-media video{animation:ppKen 16s ease-in-out infinite alternate;}
@keyframes ppKen{from{transform:scale(1.04);}to{transform:scale(1.13) translate(-1%,1%);}}
#work /* hue + WDI-pink cinematic scrim */
.pp-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
   linear-gradient(to bottom,rgba(8,9,12,.78) 0%,rgba(8,9,12,.56) 30%,rgba(8,9,12,.62) 55%,rgba(8,9,12,.9) 84%,rgba(8,9,12,.98) 100%),
   radial-gradient(75% 120% at 12% 88%,color-mix(in srgb,var(--hue,#39E07B) 30%,transparent),transparent 60%),
   radial-gradient(60% 120% at 100% 0%,rgba(249,47,100,.26),transparent 58%);}
#work .pp-glow{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .45s ease;
  background:radial-gradient(440px 440px at var(--cx,50%) var(--cy,28%),color-mix(in srgb,var(--hue,#39E07B) 26%,transparent),transparent 62%);}
#work .pp-card.hot .pp-glow{opacity:1;}
#work /* corner index + vertical industry */
.pp-topbar{position:absolute;left:0;right:0;top:36px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;
  max-width:var(--maxw);margin:0 auto;padding:0 40px;left:50%;transform:translateX(-50%);}
#work .pp-index{font-size:13px;font-weight:600;letter-spacing:.1em;color:rgba(255,255,255,.6);font-feature-settings:"tnum" 1;}
#work .pp-index b{color:#fff;}
#work .pp-x{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.78);}
#work .pp-x .cross{color:var(--hue,#39E07B);font-weight:700;}
#work .pp-x b{color:#fff;}
#work .pp-vind{position:absolute;right:40px;top:0;bottom:0;z-index:3;display:flex;align-items:center;pointer-events:none;}
#work .pp-vind span{writing-mode:vertical-rl;text-orientation:mixed;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.62);}
#work .pp-vind span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--hue,#39E07B);margin-bottom:10px;box-shadow:0 0 10px var(--hue,#39E07B);}
#work /* content anchored bottom-left (SpaceX style) */
.pp-content{position:absolute;left:0;right:0;bottom:0;z-index:3;}
#work .pp-content-in{max-width:var(--maxw);margin:0 auto;padding:0 40px 70px;}
#work .pp-logo{display:grid;place-items:start;margin-bottom:24px;
  opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
#work .pp-logo .lg{font-weight:800;font-size:18px;letter-spacing:-0.02em;color:#fff;}
#work .pp-logo img{height:52px;width:auto;max-width:240px;object-fit:contain;display:block;}
#work .pp-logo .lg em{font-style:normal;color:color-mix(in srgb,var(--hue,#39E07B) 80%,#0B0C0E);}
#work .pp-eyebrow{display:inline-flex;align-items:center;gap:11px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#fff;
  opacity:0;transform:translateY(22px);transition:opacity .7s ease .04s,transform .8s cubic-bezier(.2,.7,.2,1) .04s;}
#work .pp-eyebrow .n{color:var(--hue,#39E07B);}
#work .pp-eyebrow .bar{width:30px;height:1px;background:rgba(255,255,255,.4);}
#work .pp-name{margin-top:18px;font-size:clamp(46px,7vw,96px);font-weight:600;letter-spacing:-0.045em;line-height:.92;color:#fff;position:relative;
  opacity:0;transform:translateY(30px);transition:opacity .8s ease .1s,transform .9s cubic-bezier(.2,.7,.2,1) .1s;}
#work .pp-name-tx{display:inline-block;
  background:linear-gradient(100deg,#fff 32%,color-mix(in srgb,var(--hue,#39E07B) 92%,#fff) 50%,#fff 68%);
  background-size:240% 100%;background-position:100% 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;}
#work .pp-card.in .pp-name-tx{animation:ppSheen 1.5s cubic-bezier(.4,0,.2,1) .55s 1 forwards;}
#work .pp-card.hot .pp-name-tx{animation:ppSheen 1.1s cubic-bezier(.4,0,.2,1) 0s 1 forwards;}
@keyframes ppSheen{from{background-position:100% 0;}to{background-position:0 0;}}
#work .pp-tagline{margin-top:14px;font-size:clamp(21px,2.3vw,30px);font-weight:400;line-height:1.32;color:#fff;max-width:46ch;letter-spacing:-0.02em;
  opacity:0;transform:translateY(24px);transition:opacity .8s ease .18s,transform .9s cubic-bezier(.2,.7,.2,1) .18s;}
#work .pp-desc{margin-top:16px;font-size:clamp(16px,1.6vw,20px);font-weight:300;line-height:1.5;color:rgba(255,255,255,.78);max-width:52ch;
  opacity:0;transform:translateY(22px);transition:opacity .8s ease .28s,transform .9s cubic-bezier(.2,.7,.2,1) .28s;}
#work .pp-row{margin-top:26px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;max-width:540px;
  opacity:0;transform:translateY(20px);transition:opacity .8s ease .3s,transform .9s cubic-bezier(.2,.7,.2,1) .3s;}
#work .pp-tags{display:flex;flex-wrap:wrap;gap:9px;}
#work .pp-tag{font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 13px;backdrop-filter:blur(6px);}
#work .pp-tag.lead{background:var(--hue,#39E07B);color:#0B0C0E;border-color:var(--hue,#39E07B);}
#work .pp-explore{display:inline-flex;align-items:center;gap:12px;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;text-decoration:none;padding:16px 26px;border:1px solid rgba(255,255,255,.32);border-radius:999px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px);transition:background .3s,border-color .3s,transform .3s,gap .3s,color .3s;}
#work .pp-explore svg{width:16px;height:16px;transition:transform .3s;}
#work .pp-explore:hover{background:var(--hue,#39E07B);border-color:var(--hue,#39E07B);color:#0B0C0E;transform:translateY(-2px);gap:16px;}
#work .pp-explore:hover svg{transform:translateX(3px);}
#work .pp-card.in .pp-logo,#work .pp-card.in .pp-eyebrow,#work .pp-card.in .pp-name,#work .pp-card.in .pp-tagline,#work .pp-card.in .pp-desc,#work .pp-card.in .pp-row{opacity:1;transform:none;}
#work /* refined header: eyebrow */
.pp-eyebrow{gap:13px;font-size:11.5px;letter-spacing:.28em;color:rgba(255,255,255,.82);}
#work .pp-eyebrow .n{color:var(--hue,#39E07B);font-weight:700;}
#work .pp-eyebrow .bar{width:38px;background:linear-gradient(90deg,var(--hue,#39E07B),transparent);height:1.5px;}
#work /* ---- key impact zone (TOP-RIGHT,#work corporate) ---- */
.pp-keystat{position:absolute;left:50%;transform:translateX(-50%);top:94px;z-index:3;width:100%;max-width:var(--maxw);padding:0 40px;pointer-events:none;
  display:flex;flex-direction:column;align-items:flex-end;text-align:right;}
#work .pp-keystat-label{display:inline-flex;flex-direction:row-reverse;align-items:center;gap:9px;font-size:9.5px;font-weight:600;letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.44);
  opacity:0;transform:translateY(-12px);transition:opacity .7s ease .1s,transform .8s cubic-bezier(.2,.7,.2,1) .1s;}
#work .pp-keystat-label::before{content:"";width:16px;height:1px;background:color-mix(in srgb,var(--hue,#39E07B) 75%,#fff);opacity:.7;}
#work .pp-keystat-h{margin-top:15px;max-width:18ch;font-size:clamp(17px,1.75vw,25px);font-weight:300;line-height:1.34;letter-spacing:-0.012em;color:rgba(255,255,255,.72);text-wrap:balance;
  opacity:0;transform:translateY(-14px);transition:opacity .8s ease .16s,transform .9s cubic-bezier(.2,.7,.2,1) .16s;}
#work .pp-mcaps{margin-top:16px;display:flex;flex-wrap:wrap;gap:7px 0;justify-content:flex-end;max-width:34ch;
  opacity:0;transform:translateY(-10px);transition:opacity .8s ease .24s,transform .9s cubic-bezier(.2,.7,.2,1) .24s;}
#work .pp-mcap{font-size:9.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.46);background:none;border:none;border-radius:0;padding:0;line-height:1;}
#work .pp-mcap:not(:first-child){margin-left:11px;}
#work .pp-mcap:not(:first-child)::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.55;margin-right:11px;vertical-align:middle;}
#work .pp-card.in .pp-keystat-label,#work .pp-card.in .pp-keystat-h,#work .pp-card.in .pp-mcaps{opacity:1;transform:none;}
#work /* ---- review badges (BOTTOM-RIGHT,#work real award badge + short quote) ---- */
.pp-reviews{position:absolute;left:50%;transform:translateX(-50%);bottom:74px;z-index:3;width:100%;max-width:var(--maxw);padding:0 40px;
  display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:11px;pointer-events:none;}
#work .pp-rev{display:inline-flex;align-items:center;gap:14px;width:max-content;max-width:330px;background:rgba(16,17,22,.55);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px 19px 12px 12px;backdrop-filter:blur(18px);box-shadow:0 16px 40px rgba(0,0,0,.36);
  opacity:0;transform:translateY(22px) scale(.97);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);}
#work .pp-rev:nth-child(2){transition-delay:.1s;}
#work .pp-card.in .pp-rev{opacity:1;transform:none;}
#work .pp-rev-badge{height:54px;width:auto;flex:none;display:block;border-radius:8px;background:#fff;}
#work .pp-rev-google .pp-rev-mk{width:48px;height:48px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 2px 10px rgba(0,0,0,.2);}
#work .pp-rev-google .pp-rev-mk svg{width:27px;height:27px;display:block;}
#work .pp-rev-in{display:flex;flex-direction:column;gap:6px;line-height:1;}
#work .pp-rev-q{font-size:15.5px;font-weight:600;color:#fff;letter-spacing:-0.015em;line-height:1.18;}
#work .pp-rev-meta{display:inline-flex;align-items:center;gap:9px;}
#work .pp-rev .st{display:inline-flex;gap:1.5px;color:#FFC53D;}
#work .pp-rev .st svg{width:12px;height:12px;}
#work .pp-rev-meta i{font-style:normal;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55);}
#work /* ============================================================
   CTA card (WDI homepage style — light,#work animated)
   ============================================================ */
.pp-cta{position:relative;width:100vw;left:50%;transform:translateX(-50%);min-height:100vh;display:grid;place-items:center;overflow:hidden;
  background:var(--bg);scroll-snap-align:start;scroll-snap-stop:always;text-align:center;}
#work .pp-cta-aura{position:absolute;width:780px;height:780px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:conic-gradient(from 0deg,rgba(249,47,100,.16),rgba(122,0,255,.13),rgba(0,200,255,.07),rgba(255,179,0,.1),rgba(249,47,100,.16));
  filter:blur(90px);opacity:.6;animation:ppCtaSpin 26s linear infinite;}
@keyframes ppCtaSpin{to{transform:translate(-50%,-50%) rotate(360deg);}}
#work .pp-cta-dots{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(11,12,14,.07) 1px,transparent 1px);background-size:30px 30px;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent 78%);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent 78%);}
#work .pp-cta-in{position:relative;z-index:2;max-width:760px;padding:0 40px;}
#work .pp-cta-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);
  opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
#work .pp-cta-eyebrow .lvdot{width:7px;height:7px;border-radius:50%;background:var(--rose-500);box-shadow:0 0 0 0 rgba(249,47,100,.5);animation:ppCtaPulse 2.4s ease-out infinite;}
@keyframes ppCtaPulse{0%{box-shadow:0 0 0 0 rgba(249,47,100,.5);}70%{box-shadow:0 0 0 8px rgba(249,47,100,0);}100%{box-shadow:0 0 0 0 rgba(249,47,100,0);}}
#work .pp-cta-h{margin-top:24px;font-size:clamp(40px,5.6vw,76px);font-weight:600;letter-spacing:-0.04em;line-height:.98;color:var(--ink);text-wrap:balance;
  opacity:0;transform:translateY(28px);transition:opacity .8s ease .08s,transform .9s cubic-bezier(.2,.7,.2,1) .08s;}
#work .pp-cta-h em{font-style:normal;background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
#work .pp-cta-p{margin:24px auto 0;max-width:56ch;font-size:clamp(16px,1.5vw,19px);font-weight:300;line-height:1.55;color:var(--ink-2);
  opacity:0;transform:translateY(24px);transition:opacity .8s ease .16s,transform .9s cubic-bezier(.2,.7,.2,1) .16s;}
#work .pp-cta-actions{margin-top:36px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
  opacity:0;transform:translateY(22px);transition:opacity .8s ease .24s,transform .9s cubic-bezier(.2,.7,.2,1) .24s;}
#work .pp-cta-btn{display:inline-flex;align-items:center;gap:11px;font-family:var(--font);font-size:15px;font-weight:500;color:#fff;background:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:15px 16px 15px 26px;text-decoration:none;transition:transform .25s,background .25s,box-shadow .3s;}
#work .pp-cta-btn .ar{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;transition:background .3s,transform .3s;}
#work .pp-cta-btn .ar svg{width:16px;height:16px;}
#work .pp-cta-btn:hover{background:var(--rose-600);border-color:var(--rose-600);transform:translateY(-2px);box-shadow:0 16px 36px rgba(228,18,82,.3);}
#work .pp-cta-btn:hover .ar{transform:translateX(2px);}
#work .pp-cta-ghost{display:inline-flex;align-items:center;font-family:var(--font);font-size:15px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:15px 24px;text-decoration:none;transition:border-color .25s,transform .25s;}
#work .pp-cta-ghost:hover{border-color:var(--rose-300);transform:translateY(-2px);}
#work .pp-cta-stats{margin-top:48px;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;
  opacity:0;transform:translateY(20px);transition:opacity .8s ease .32s,transform .9s cubic-bezier(.2,.7,.2,1) .32s;}
#work .pp-cta-stats .s b{font-size:28px;font-weight:600;letter-spacing:-0.03em;color:var(--ink);}
#work .pp-cta-stats .s span{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--muted);}
#work .pp-cta-stats .d{width:1px;height:32px;background:var(--line-2);}
#work .pp-cta.in .pp-cta-eyebrow,#work .pp-cta.in .pp-cta-h,#work .pp-cta.in .pp-cta-p,#work .pp-cta.in .pp-cta-actions,#work .pp-cta.in .pp-cta-stats{opacity:1;transform:none;}
@media(max-width:760px){#work .pp-cta{min-height:auto;padding:90px 0;}#work .pp-cta-stats{gap:18px;}#work .pp-cta-stats .d{display:none;}}
@media(prefers-reduced-motion:reduce){#work .pp-cta-aura{animation:none;}#work .pp-cta .pp-cta-in *{opacity:1!important;transform:none!important;}}
#work /* foreground collateral (device mockup) — vertically centred on the right */
.pp-device{position:absolute;right:6%;top:32%;z-index:2;height:58%;width:auto;max-width:42%;object-fit:contain;
  filter:drop-shadow(0 40px 70px rgba(0,0,0,.55));opacity:0;transform:translateY(calc(-50% + 40px)) scale(.97);
  transition:opacity .9s ease .15s,transform 1s cubic-bezier(.2,.7,.2,1) .15s;pointer-events:none;}
#work .pp-card.in .pp-device{opacity:1;transform:translateY(-50%);}
#work /* tablet / small-laptop band: keep corner layout but shrink columns so they never meet */
@media(min-width:761px) and (max-width:1080px){
  .pp-row{max-width:46%;}
  .pp-rev{max-width:240px;padding:10px 15px 10px 10px;gap:11px;}
  .pp-rev-badge{height:46px;}
  .pp-rev-google .pp-rev-mk{width:42px;height:42px;}
  .pp-rev-q{font-size:13.5px;}
  .pp-keystat-h{font-size:clamp(16px,1.9vw,20px);max-width:16ch;}
}
@media(max-width:760px){#work .pp-device{position:relative;right:auto;top:auto;height:auto;max-width:74%;margin:24px auto -10px;display:block;transform:none;}#work .pp-card.in .pp-device{transform:none;}}
@media(max-width:760px){#work .pp-hero{padding:80px 0 60px;}#work .pp-band{padding:90px 0;}#work .pp-card{height:auto;min-height:0;max-height:none;}#work .pp-media{position:relative;height:46vh;}#work .pp-content{position:relative;background:#08090c;}#work .pp-content-in{padding:30px 22px 44px;}#work .pp-vind,#work .pp-index{display:none;}#work .pp-name{opacity:1;transform:none;}#work .pp-keystat{top:62px;left:0;transform:none;padding:0 22px;align-items:flex-end;text-align:right;}#work .pp-keystat-h{font-size:19px;max-width:16ch;}#work .pp-mcaps{display:none;}#work .pp-reviews{position:static;transform:none;left:auto;width:auto;max-width:none;padding:0 22px 30px;justify-content:flex-start;align-items:stretch;flex-direction:column;gap:10px;background:#08090c;margin-top:-6px;}#work .pp-rev{max-width:none;width:100%;}}
@media(prefers-reduced-motion:reduce){#work .pp-band-track,#work .pp-band::before{animation:none;}#work .pp-media img,#work .pp-media video{animation:none!important;transform:none;}#work .pp-card .pp-content *{opacity:1!important;transform:none!important;}}
#work /* ============================================================
   awards rolling strip
   ============================================================ */
.pp-awards{position:relative;background:var(--bg);border-top:1px solid var(--line);padding:96px 0 100px;overflow:hidden;}
#work .pp-awards-head{text-align:center;max-width:720px;margin:0 auto 52px;}
#work .pp-awards-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-600);}
#work .pp-awards-h{margin-top:18px;font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-0.03em;line-height:1.08;color:var(--ink);text-wrap:balance;}
#work .pp-awards-sub{margin-top:18px;font-size:clamp(15px,1.3vw,17px);font-weight:300;line-height:1.55;color:var(--muted);}
#work .pp-awards-strip{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);}
#work .pp-awards-rail{display:flex;align-items:center;gap:64px;width:max-content;animation:ppAwardRoll 42s linear infinite;}
#work .pp-awards-strip:hover .pp-awards-rail{animation-play-state:paused;}
@keyframes ppAwardRoll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
#work .pp-award{flex:none;display:flex;align-items:center;gap:13px;color:#AEB3BB;transition:color .35s ease,filter .35s ease,transform .35s ease;}
#work .pp-award .medal{width:26px;height:26px;flex:none;color:inherit;}
#work .pp-award .medal svg{width:100%;height:100%;}
#work .pp-award .by{font-size:24px;font-weight:600;letter-spacing:-0.02em;white-space:nowrap;}
#work .pp-award .rt{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:inherit;opacity:.8;}
#work .pp-award .rt svg{width:13px;height:13px;}
#work .pp-award:hover{color:var(--ink);filter:drop-shadow(0 0 16px rgba(249,47,100,.25));transform:translateY(-1px);}
#work .pp-award:hover .rt{color:var(--rose-600);opacity:1;}
#work .pp-awards-micro{margin:50px auto 0;text-align:center;max-width:60ch;font-size:14px;font-weight:400;line-height:1.6;color:var(--muted);}
@media(max-width:760px){#work .pp-awards{padding:70px 0 78px;}#work .pp-awards-rail{gap:44px;}}
@media(prefers-reduced-motion:reduce){#work .pp-awards-rail{animation:none;}}
#work /* ============================================================
   small CTA (mini) + footer
   ============================================================ */
.tsb-tile .av{display:grid;place-items:center;background:linear-gradient(135deg,var(--rose-500),var(--violet));overflow:hidden;}
#work .tsb-tile .av span{font-size:13px;font-weight:600;letter-spacing:.02em;color:#fff;}
#work .pp-mini{position:relative;width:100vw;left:50%;transform:translateX(-50%);min-height:88vh;display:grid;place-items:center;text-align:center;overflow:hidden;background:#08090c;border-top:1px solid rgba(255,255,255,.06);}
#work .pp-mini-aura{position:absolute;inset:-20% -10%;z-index:0;pointer-events:none;background:radial-gradient(40% 60% at 22% 32%,rgba(249,47,100,.42),transparent 60%),radial-gradient(40% 60% at 80% 68%,rgba(122,0,255,.4),transparent 62%),radial-gradient(50% 50% at 50% 50%,rgba(0,200,255,.08),transparent 60%);filter:blur(60px);opacity:.7;animation:ppMiniDrift 18s ease-in-out infinite alternate;}
@keyframes ppMiniDrift{0%{transform:translate(-3%,-2%) scale(1);}100%{transform:translate(3%,2%) scale(1.08);}}
#work .pp-mini-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;
  background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:46px 46px;
  -webkit-mask-image:radial-gradient(75% 75% at 50% 45%,#000,transparent 82%);mask-image:radial-gradient(75% 75% at 50% 45%,#000,transparent 82%);}
#work .pp-mini-scrim{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(to bottom,rgba(8,9,12,.6),rgba(8,9,12,0) 30%,rgba(8,9,12,0) 70%,rgba(8,9,12,.7));}
#work .pp-mini-in{position:relative;z-index:2;max-width:880px;padding:0 40px;display:flex;flex-direction:column;align-items:center;}
#work .pp-mini-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--rose-300);}
#work .pp-mini-eyebrow .lvdot{width:7px;height:7px;border-radius:50%;background:var(--rose-400);box-shadow:0 0 10px var(--rose-400);animation:ppCtaPulse 2.4s ease-out infinite;}
#work .pp-mini-h{margin-top:26px;font-size:clamp(42px,7vw,104px);font-weight:600;letter-spacing:-0.045em;line-height:.96;color:#fff;text-wrap:balance;}
#work .pp-mini-h em{font-style:normal;background:linear-gradient(110deg,var(--rose-400),var(--violet-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
#work .pp-mini-p{margin:28px auto 0;max-width:52ch;font-size:clamp(16px,1.5vw,20px);font-weight:300;line-height:1.55;color:rgba(255,255,255,.74);}
#work .pp-mini-btn{margin-top:42px;display:inline-flex;align-items:center;gap:13px;font-family:var(--font);font-size:16px;font-weight:500;color:#0B0C0E;background:#fff;border:1px solid #fff;border-radius:999px;padding:18px 20px 18px 32px;text-decoration:none;transition:transform .25s,box-shadow .3s;}
#work .pp-mini-btn .ar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--rose-600),var(--rose-400));color:#fff;display:grid;place-items:center;transition:transform .3s;}
#work .pp-mini-btn .ar svg{width:18px;height:18px;}
#work .pp-mini-btn:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(228,18,82,.34);}
#work .pp-mini-btn:hover .ar{transform:translateX(3px) rotate(-8deg);}
@media(max-width:760px){#work .pp-mini{min-height:0;padding:90px 0;}#work .pp-mini-btn{width:100%;justify-content:center;}}
@media(prefers-reduced-motion:reduce){#work .pp-mini-aura{animation:none;}}
#work .pp-foot{background:#0B0C0E;color:rgba(255,255,255,.7);padding:64px 0 30px;}
#work .pp-foot-in{display:flex;justify-content:space-between;gap:50px;flex-wrap:wrap;}
#work .pp-foot-brand img{height:30px;width:auto;}
#work .pp-foot-brand p{margin-top:16px;max-width:34ch;font-size:14px;font-weight:300;line-height:1.55;color:rgba(255,255,255,.6);}
#work .pp-foot-cols{display:flex;gap:60px;flex-wrap:wrap;}
#work .pp-foot-cols b{display:block;font-size:13px;font-weight:600;letter-spacing:.04em;color:#fff;margin-bottom:14px;}
#work .pp-foot-cols a{display:block;font-size:14px;font-weight:300;color:rgba(255,255,255,.62);text-decoration:none;margin-bottom:10px;transition:color .2s;}
#work .pp-foot-cols a:hover{color:var(--rose-400);}
#work .pp-foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:rgba(255,255,255,.45);}
@media(max-width:760px){#work .pp-mini-in{padding:26px;}#work .pp-mini .pp-cta-btn{width:100%;justify-content:center;}}
#work /* ============================================================
   4 · IN THE WORKS AT WDI
   ============================================================ */
.iw-sec{position:relative;padding:110px 0 130px;background:var(--bg-2);border-top:1px solid var(--line);}
#work .iw-head{text-align:center;max-width:720px;margin:0 auto 56px;}
#work .iw-head .eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);}
#work .iw-head .eyebrow::before,#work .iw-head .eyebrow::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--rose-400));}
#work .iw-head .eyebrow::after{background:linear-gradient(90deg,var(--rose-400),transparent);}
#work .iw-head h2{margin-top:22px;font-size:clamp(32px,4.4vw,58px);font-weight:600;letter-spacing:-0.04em;line-height:1;color:var(--ink);}
#work .iw-head h2 .amp{background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
#work .iw-head p{margin-top:18px;font-size:16px;font-weight:300;line-height:1.55;color:var(--muted);}
#work .iw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
#work .iw-item{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);}
#work .iw-sec.in .iw-item{opacity:1;transform:none;}
#work /* co-brand card */
.iw-card{position:relative;aspect-ratio:1/1;border-radius:20px;overflow:hidden;background:#0c0d11;border:1px solid var(--line);
  display:grid;place-items:center;transition:border-color .35s,box-shadow .35s,transform .4s cubic-bezier(.2,.7,.2,1);}
#work .iw-card::before{content:"";position:absolute;inset:0;z-index:0;background:
  radial-gradient(110% 90% at 18% 12%,color-mix(in srgb,var(--hue,#39E07B) 32%,transparent),transparent 58%),
  radial-gradient(100% 90% at 88% 90%,rgba(249,47,100,.32),transparent 60%),
  linear-gradient(155deg,#16181d,#0a0b0e);transition:transform .9s cubic-bezier(.2,.7,.2,1);}
#work .iw-card::after{content:"";position:absolute;inset:0;z-index:0;opacity:.4;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:30px 30px;
  -webkit-mask-image:radial-gradient(75% 75% at 50% 45%,#000,transparent 82%);mask-image:radial-gradient(75% 75% at 50% 45%,#000,transparent 82%);}
#work .iw-item:hover .iw-card{border-color:var(--rose-300);transform:translateY(-5px);box-shadow:0 24px 50px rgba(11,12,14,.16);}
#work .iw-item:hover .iw-card::before{transform:scale(1.08);}
#work /* industry tag */
.iw-tag{position:absolute;left:16px;top:16px;z-index:2;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 11px;backdrop-filter:blur(6px);}
#work /* status dot */
.iw-status{position:absolute;right:16px;top:16px;z-index:2;display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);}
#work .iw-status .lvdot{width:6px;height:6px;border-radius:50%;background:var(--hue,#39E07B);box-shadow:0 0 8px var(--hue,#39E07B);animation:iwPulse 2.2s ease-out infinite;}
@keyframes iwPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--hue,#39E07B) 60%,transparent);}70%{box-shadow:0 0 0 7px transparent;}100%{box-shadow:0 0 0 0 transparent;}}
#work /* WDI × project lockup */
.iw-lock{position:relative;z-index:1;display:flex;align-items:center;gap:18px;}
#work .iw-lock .wdi{height:30px;width:auto;}
#work .iw-lock .x{font-size:18px;font-weight:300;color:rgba(255,255,255,.45);}
#work .iw-lock .proj{font-size:24px;font-weight:700;letter-spacing:-0.02em;color:#fff;}
#work .iw-lock .proj em{font-style:normal;color:var(--hue,#39E07B);}
#work /* meta below card */
.iw-meta{margin-top:18px;padding:0 4px;}
#work .iw-name{font-size:18px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
#work .iw-desc{margin-top:7px;font-size:13.5px;font-weight:300;line-height:1.5;color:var(--muted);}
@media(max-width:980px){#work .iw-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){#work .iw-grid{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){#work .iw-item{opacity:1!important;transform:none!important;}#work .iw-status .lvdot{animation:none;}}
#work /* ===== Testimonials (Variant B,#work copied) ===== */
.ts-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);}
#work .ts-eyebrow::before{content:"";width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--rose-600),var(--rose-400));box-shadow:0 0 10px rgba(249,47,100,.5);}
#work .ts-h{margin-top:22px;font-size:clamp(32px,3.8vw,52px);line-height:1.04;font-weight:500;letter-spacing:-0.035em;color:var(--ink);text-wrap:balance;}
#work .ts-sub{margin-top:20px;font-size:clamp(15px,1.25vw,17.5px);line-height:1.55;font-weight:400;color:var(--ink-2);max-width:54ch;}
#work .ts-key{
  position:relative;
  background:linear-gradient(120deg,var(--rose-600),var(--violet) 50%,var(--rose-400));
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  font-weight:600;
  animation:tsKeyShift 6s ease-in-out infinite,tsKeyGlow 4.5s ease-in-out infinite;
}
@keyframes tsKeyShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes tsKeyGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(249,47,100,0)) drop-shadow(0 0 0 rgba(122,0,255,0));}
  50%{filter:drop-shadow(0 0 10px rgba(249,47,100,.55)) drop-shadow(0 0 18px rgba(122,0,255,.35));}
}
#work /* VARIANT B */
.tsb-sec{padding:100px 0 130px;background:var(--bg);border-top:1px solid var(--line);}
#work .tsb-head{text-align:center;max-width:680px;margin:0 auto 56px;}
#work .tsb-head .ts-h .accent{color:var(--rose-600);}
#work .tsb-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:14px;}
#work .tsb-tile{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:24px 26px;border:1px solid var(--line);border-radius:18px;background:var(--bg);transition:border-color .35s,box-shadow .35s,transform .35s;}
#work .tsb-tile:hover{border-color:var(--rose-300);transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,12,14,.06);}
#work .tsb-tile .quote{font-size:15px;font-weight:400;line-height:1.5;color:var(--ink);}
#work .tsb-tile .author{margin-top:18px;display:flex;align-items:center;gap:11px;}
#work .tsb-tile .av{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#eee;flex:none;}
#work .tsb-tile .av img{width:100%;height:100%;object-fit:cover;}
#work .tsb-tile .name{font-size:13px;font-weight:500;color:var(--ink);}
#work .tsb-tile .role{margin-top:1px;font-size:11.5px;color:var(--muted);}
#work .tsb-tile.dark{background:linear-gradient(160deg,#0E0F12,#16181E);color:#fff;border-color:transparent;}
#work .tsb-tile.dark .quote,#work .tsb-tile.dark .name{color:#fff;}
#work .tsb-tile.dark .role{color:rgba(255,255,255,.6);}
#work .tsb-tile.lg{grid-column:span 4;grid-row:span 2;}
#work .tsb-tile.md{grid-column:span 3;}
#work .tsb-tile.sm{grid-column:span 2;}
#work .tsb-tile.lg .quote{font-size:21px;font-weight:500;letter-spacing:-0.015em;line-height:1.4;}
#work .tsb-tile.md .quote{font-size:16.5px;}
/* sticky card stack — each card pins while the next slides over it */
#work #ppStack{position:relative;}
#work .pp-card{position:sticky;top:0;height:100vh;min-height:100vh;overflow:hidden;
  scroll-snap-align:none;scroll-snap-stop:normal;}
@media(prefers-reduced-motion:reduce){#work .pp-card{position:relative;height:auto;min-height:0;}}

/* hx-proc.css */
/* Our Process — pra/pr rules extracted from process.css, scoped */
#ai-process{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;--rose-200:#FFB3C7;--rose-100:#FFE0E9;
  --violet:#7A00FF;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--line:#ECEDF0;--line-2:#E3E4E8;--rose-soft:rgba(249,47,100,.10);
  --font:"Google Sans Flex","Google Sans","Product Sans","Figtree",system-ui,-apple-system,sans-serif;
  --maxw:1360px;
}
#ai-process .pr-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);}
#ai-process .pr-eyebrow::before{content:"";width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--rose-600),var(--rose-400));box-shadow:0 0 10px rgba(249,47,100,.5);}
#ai-process .pr-h{margin-top:22px;font-size:clamp(36px,4vw,56px);line-height:1.02;font-weight:500;letter-spacing:-0.035em;color:var(--ink);text-wrap:balance;}
#ai-process .pr-answer{margin-top:26px;font-size:clamp(16px,1.3vw,18px);line-height:1.55;font-weight:400;color:var(--ink-2);max-width:48ch;}
#ai-process .pr-sub{margin-top:18px;font-size:14.5px;line-height:1.6;font-weight:400;color:var(--muted);max-width:52ch;}
#ai-process .pr-intro{margin-top:16px;font-size:14px;line-height:1.55;font-weight:400;color:var(--muted);max-width:52ch;font-style:italic;}
#ai-process .pr-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-size:14.5px;font-weight:500;color:#fff;background:var(--ink);border:none;border-radius:999px;padding:14px 22px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s,background .25s,box-shadow .3s;}
#ai-process .pr-btn svg{width:16px;height:16px;transition:transform .25s;}
#ai-process .pr-btn:hover{background:var(--rose-600);transform:translateY(-2px);box-shadow:0 14px 32px rgba(228,18,82,.28);}
#ai-process .pr-btn:hover svg{transform:translateX(3px);}
#ai-process .pr-btn-ghost{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:14.5px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:14px 22px;text-decoration:none;transition:border-color .25s,transform .25s;}
#ai-process .pr-btn-ghost:hover{border-color:var(--rose-300);transform:translateY(-2px);}
#ai-process .pr-header-cta{margin-top:36px;}
#ai-process .pr-cta{margin-top:60px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:38px 42px;border:1px solid var(--line);border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(120% 180% at 100% 0%,rgba(249,47,100,.07),transparent 58%),var(--bg);}
#ai-process .pr-cta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--rose-600),var(--rose-400) 55%,var(--violet));}
#ai-process .pr-cta-h{font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:-0.02em;color:var(--ink);text-wrap:balance;}
#ai-process .pr-cta-p{margin-top:10px;font-size:15px;line-height:1.55;font-weight:300;color:var(--ink-2);max-width:62ch;}
#ai-process .pr-cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex:none;}
#ai-process .pra-sec{position:relative;padding:100px 0 160px;border-top:1px solid var(--line);background:var(--bg);}
#ai-process .pra-grid{display:grid;grid-template-columns:0.72fr 1.28fr;gap:80px;align-items:start;}
#ai-process .pra-left{position:sticky;top:90px;align-self:start;}
#ai-process .pra-cards{display:flex;flex-direction:column;gap:24px;}
#ai-process .pra-card{
  position:sticky;
  border-radius:36px;
  padding:48px 54px;
  cursor:pointer;
  display:flex;
  flex-direction:column;
  min-height:min(60vh,580px);
  overflow:hidden;
  box-shadow:0 30px 70px rgba(11,12,14,.10);
  transition:box-shadow .4s;
}
#ai-process .pra-card:nth-child(1){top:90px; background:#FFFFFF; color:var(--ink); border:1px solid var(--line);}
#ai-process .pra-card:nth-child(2){top:120px;background:#FFE9F0; color:var(--ink);}
#ai-process .pra-card:nth-child(3){top:150px;background:#FFC2D2; color:var(--ink);}
#ai-process .pra-card:nth-child(4){top:180px;background:#F92F64; color:#fff;}
#ai-process .pra-card:nth-child(5){top:210px;background:#6B0820; color:#fff;}
#ai-process .pra-card:nth-child(6){top:240px;background:#0B0C0E; color:#fff;}
#ai-process .pra-top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;}
#ai-process .pra-numchip{
  flex:none;
  width:48px;height:48px;border-radius:50%;
  border:1px solid currentColor;
  display:grid;place-items:center;
  font-size:16px;font-weight:500;letter-spacing:.02em;
  opacity:.7;
  font-feature-settings:"tnum" 1;
  transition:opacity .3s,background .3s;
}
#ai-process .pra-card:hover .pra-numchip{opacity:1;}
#ai-process .pra-toggle{
  flex:none;
  width:56px;height:56px;border-radius:50%;
  background:transparent;border:1px solid currentColor;
  display:grid;place-items:center;cursor:pointer;
  color:inherit;opacity:.5;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .3s,background .3s;
}
#ai-process .pra-card:hover .pra-toggle{opacity:1;background:rgba(255,255,255,.06);}
#ai-process .pra-card:nth-child(-n+3):hover .pra-toggle{background:rgba(0,0,0,.04);}
#ai-process .pra-toggle svg{width:22px;height:22px;}
#ai-process .pra-card.open .pra-toggle{transform:rotate(45deg);opacity:1;}
#ai-process .pra-detail{
  display:grid;grid-template-rows:0fr;
  transition:grid-template-rows .65s cubic-bezier(.2,.7,.2,1),margin-top .55s ease;
  margin-top:0;
}
#ai-process .pra-card.open .pra-detail{grid-template-rows:1fr;margin-top:40px;}
#ai-process .pra-detail-inner{overflow:hidden;}
#ai-process .pra-detail-body{max-width:60ch;}
#ai-process .pra-detail-label{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-bottom:14px;}
#ai-process .pra-detail-body p{font-size:16px;font-weight:400;line-height:1.6;opacity:.92;}
#ai-process .pra-detail-body .aeo{margin-top:26px;padding-left:18px;border-left:3px solid var(--rose-500);}
#ai-process .pra-card:nth-child(n+4) .pra-detail-body .aeo{border-left-color:var(--rose-300);}
#ai-process .pra-detail-body .aeo p{font-size:14.5px;font-style:italic;opacity:.78;line-height:1.55;}
#ai-process .pra-bottom{margin-top:auto;}
#ai-process .pra-label{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.55;margin-bottom:20px;}
#ai-process .pra-title{
  font-size:clamp(34px,3.4vw,52px);
  font-weight:500;letter-spacing:-0.035em;line-height:1.02;
  text-wrap:balance;
}
#ai-process .pra-short{
  margin-top:22px;
  font-size:clamp(15px,1.25vw,17.5px);
  font-weight:400;line-height:1.5;opacity:.82;
  max-width:54ch;
}
@media(max-width:1000px){
#ai-process .pra-grid{grid-template-columns:1fr;gap:40px;}
#ai-process .pra-left{position:relative;top:0;}
}
@media(max-width:760px){
#ai-process .pra-sec{padding:70px 0 100px;}
#ai-process .pra-card{padding:36px 32px;min-height:520px;border-radius:28px;}
#ai-process .pra-numchip{width:42px;height:42px;font-size:14px;}
#ai-process .pra-toggle{width:46px;height:46px;}
#ai-process .pra-toggle svg{width:18px;height:18px;}
#ai-process .pra-title{font-size:34px;}
#ai-process .pr-cta{padding:26px;gap:20px;}
#ai-process .pr-cta-actions{width:100%;}
#ai-process .pr-cta .pr-btn,#ai-process .pr-btn-ghost{flex:1;justify-content:center;}
}
@media(prefers-reduced-motion:reduce){
#ai-process .pra-card,#ai-process .pra-detail{transition:none;animation:none;}
}
#ai-process .pr-vtag{max-width:var(--maxw);margin:0 auto;padding:28px 40px 0;font-size:13.5px;color:var(--muted);}
#ai-process .pr-vtag b{color:var(--ink);font-weight:500;}
#ai-process .pr-vtag .pill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--ink);border-radius:999px;padding:4px 11px;margin-right:8px;}
@keyframes prdGlowSpin{to{transform:rotate(360deg);}}
@keyframes prdTitleZap{
  0%{background-position:220% 0;filter:drop-shadow(0 0 18px rgba(249,47,100,.85)) brightness(1.4);}
  100%{background-position:0 0;filter:drop-shadow(0 0 0 rgba(249,47,100,0)) brightness(1);}
}

/* breathing room between the portfolio stack and the process eyebrow */
#ai-process{padding-top:clamp(96px,9vw,140px)!important;}
/* keep the industries pin from sitting on the last process cards */
#wdi-home #ai-process > .wrap{padding-bottom:clamp(120px,12vw,180px);}

/* pra-process.css */
/* industries: horizontal rail advances on scroll before the page continues */

.pra-sec{position:relative;z-index:3;background:#fff;}
.pra-sec .pr-h .amp{color:var(--muted);}
/* [1] industries: pin while the rail scrolls horizontally */

.pra-sec{position:relative;z-index:3;}
/* process ramp — matched to the Mobile App Development page */
#process .pra-card:nth-child(1){top:90px; background:#FFFFFF!important;color:var(--ink)!important;border:1px solid var(--line);}
#process .pra-card:nth-child(2){top:120px;background:#FFF0F4!important;color:var(--ink)!important;border:1px solid transparent;}
#process .pra-card:nth-child(3){top:150px;background:#FFD8E3!important;color:var(--ink)!important;}
#process .pra-card:nth-child(4){top:180px;background:#FFA8C0!important;color:var(--ink)!important;}
#process .pra-card:nth-child(5){top:210px;background:#F92F64!important;color:#fff!important;}
#process .pra-card:nth-child(6){top:240px;background:#8A0A2B!important;color:#fff!important;}
#process .pra-card:nth-child(7){top:270px;background:#0B0C0E!important;color:#fff!important;}
#process .pra-card:nth-child(-n+4):hover .pra-toggle{background:rgba(0,0,0,.04);}
#process .pra-card:nth-child(n+5) .pra-detail-body .aeo{border-left-color:var(--rose-300);}
/* ============================================================
   EYEBROWS — one consistent treatment across every section
   ============================================================ */
.wdi-eye,
.mcl-eye,.mws-eye,.mdg-eye,.msol-eyebrow,.mind-eyebrow,.pr-eyebrow,
.mte-eyebrow,.mai-eyebrow,.ts-eyebrow,.aisay-eye,.wby-eye,.mrs-eye,
.fq-eyebrow,.spm-eye,.pp-projects-head .eyebrow{
  display:inline-flex!important;align-items:center;gap:10px;
  font-family:'Space Grotesk',ui-monospace,monospace!important;
  font-size:11px!important;font-weight:600!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;
  line-height:1!important;margin:0 0 18px!important;
  color:#F92F64!important;}
.wdi-eye::before,
.mcl-eye::before,.mws-eye::before,.mdg-eye::before,.msol-eyebrow::before,.mind-eyebrow::before,
.pr-eyebrow::before,.mte-eyebrow::before,.mai-eyebrow::before,.ts-eyebrow::before,
.aisay-eye::before,.wby-eye::before,.mrs-eye::before,.fq-eyebrow::before,.spm-eye::before,
.pp-projects-head .eyebrow::before{
  content:"";width:22px;height:1.5px;flex:none;background:currentColor;opacity:.85;}
/* eyebrow unification — raised specificity to beat madv2-page.css and #work rules */
body section .wdi-eye,
body section .mcl-eye,body section .mws-eye,body section .mdg-eye,body section .msol-eyebrow,
body section .mind-eyebrow,body section .pr-eyebrow,body section .mte-eyebrow,
body section .mai-eyebrow,body section .ts-eyebrow,body section .aisay-eye,
body section .wby-eye,body section .mrs-eye,body section .fq-eyebrow,body section .spm-eye,
body section .avv-eyebrow,body section .lfv-eyebrow,
#work .pp-projects-head .eyebrow{
  display:inline-flex!important;align-items:center!important;gap:10px!important;width:auto!important;
  font-family:'Space Grotesk',ui-monospace,monospace!important;
  font-size:11px!important;font-weight:600!important;
  letter-spacing:.22em!important;text-transform:uppercase!important;line-height:1!important;}
body section .wdi-eye::before,
body section .mcl-eye::before,body section .mws-eye::before,body section .mdg-eye::before,
body section .msol-eyebrow::before,body section .mind-eyebrow::before,body section .pr-eyebrow::before,
body section .mte-eyebrow::before,body section .mai-eyebrow::before,body section .ts-eyebrow::before,
body section .aisay-eye::before,body section .wby-eye::before,body section .mrs-eye::before,
body section .fq-eyebrow::before,body section .spm-eye::before,
body section .avv-eyebrow::before,body section .lfv-eyebrow::before,
#work .pp-projects-head .eyebrow::before{
  content:""!important;width:22px!important;height:1.5px!important;flex:none!important;
  background:currentColor!important;border-radius:0!important;box-shadow:none!important;
  opacity:.85!important;animation:none!important;margin:0!important;}
body section .pr-eyebrow,body section .fq-eyebrow{color:#F92F64!important;}
/* ============================================================
   Our Process — premium line-mask heading reveal
   ============================================================ */
.pr-h.prx{display:block;}
.pr-h.prx .prx-l{display:block;overflow:hidden;padding-bottom:.06em;}
.pr-h.prx .prx-l i{display:block;font-style:inherit;
  transform:translateY(112%) rotate(1.6deg);opacity:0;
  transition:transform 1.15s cubic-bezier(.16,.84,.24,1),opacity .9s ease;}
.prx-in .pr-h.prx .prx-l:nth-child(1) i{transition-delay:.06s;}
.prx-in .pr-h.prx .prx-l:nth-child(2) i{transition-delay:.17s;}
.prx-in .pr-h.prx .prx-l:nth-child(3) i{transition-delay:.28s;}
.prx-in .pr-h.prx .prx-l i{transform:none;opacity:1;}
.pra-left .prx-p{opacity:0;transform:translateY(18px);filter:blur(7px);
  transition:opacity 1.05s ease,transform 1.05s cubic-bezier(.16,.84,.24,1),filter 1.05s ease;}
.prx-in .prx-p{opacity:1;transform:none;filter:blur(0);transition-delay:.44s;}
.prx-in .prx-p2{transition-delay:.58s;}
.pra-left .pr-eyebrow{opacity:0;transform:translateY(-8px);transition:opacity .7s ease,transform .7s var(--ease);}
.prx-in .pr-eyebrow{opacity:1;transform:none;}
.pra-left .pr-header-cta{opacity:0;transform:translateY(14px);
  transition:opacity .9s ease,transform .9s cubic-bezier(.16,.84,.24,1);}
.prx-in .pr-header-cta{opacity:1;transform:none;transition-delay:.72s;}
@media(prefers-reduced-motion:reduce){
  .pr-h.prx .prx-l i,.pra-left .prx-p,.pra-left .pr-eyebrow,.pra-left .pr-header-cta{
    opacity:1!important;transform:none!important;filter:none!important;transition:none!important;}}

/* AI page process ramp (same gradient; 07 black, stacked in front) */
#ai-process .pra-card{position:sticky;}
#ai-process .pra-card:nth-child(1){top:90px; background:#FFFFFF!important;color:var(--ink)!important;border:1px solid var(--line);z-index:1;}
#ai-process .pra-card:nth-child(2){top:120px;background:#FFF0F4!important;color:var(--ink)!important;border:1px solid transparent;z-index:2;}
#ai-process .pra-card:nth-child(3){top:150px;background:#FFD8E3!important;color:var(--ink)!important;z-index:3;}
#ai-process .pra-card:nth-child(4){top:180px;background:#FFA8C0!important;color:var(--ink)!important;z-index:4;}
#ai-process .pra-card:nth-child(5){top:210px;background:#F92F64!important;color:#fff!important;z-index:5;}
#ai-process .pra-card:nth-child(6){top:240px;background:#8A0A2B!important;color:#fff!important;z-index:6;}
#ai-process .pra-card:nth-child(7){top:270px;background:#0B0C0E!important;color:#fff!important;z-index:7;}
#ai-process .pra-card:nth-child(-n+4):hover .pra-toggle{background:rgba(0,0,0,.04);}
#ai-process .pra-card:nth-child(n+5) .pra-detail-body .aeo{border-left-color:var(--rose-300);}

/* ais-industries.css */
/* ============================================================
   Industries — compact vector-card rail
   ============================================================ */
.ais-ind{position:relative;padding:clamp(56px,6vw,92px) 0;background:#fff;}
.ais-ind-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;
  margin-bottom:clamp(28px,3.2vw,42px);}
.ais-ind-h{margin-top:16px;font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:-0.045em;
  line-height:1.06;color:var(--ink);max-width:18ch;}
.ais-ind-h .amp{background:linear-gradient(110deg,var(--rose-600),var(--violet));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.ais-ind-nav{display:flex;gap:10px;flex:none;}
.ais-ind-arrow{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;cursor:pointer;
  background:#fff;border:1px solid var(--line-2);color:var(--ink);
  transition:background .28s,border-color .28s,color .28s,transform .28s,opacity .28s;}
.ais-ind-arrow svg{width:17px;height:17px;}
.ais-ind-arrow:hover{background:var(--rose-500);border-color:var(--rose-500);color:#fff;transform:translateY(-2px);}
.ais-ind-arrow:disabled{opacity:.32;cursor:default;transform:none;background:#fff;border-color:var(--line);color:var(--ink);}
/* rail */
.ais-ind-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 18px;
  -ms-overflow-style:none;scrollbar-width:none;}
.ais-ind-rail::-webkit-scrollbar{display:none;}
.ais-ind-card{flex:0 0 288px;scroll-snap-align:start;display:flex;flex-direction:column;
  padding:14px 14px 20px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .4s ease;}
.ais-ind-card:hover{transform:translateY(-5px);border-color:var(--line-2);
  box-shadow:0 24px 52px -34px rgba(11,12,14,.34);}
.ais-ind-art{display:block;border-radius:14px;overflow:hidden;aspect-ratio:14/11;}
.ais-ind-art svg{width:100%;height:100%;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.ais-ind-card:hover .ais-ind-art svg{transform:scale(1.05);}
.ais-ind-name{display:block;margin-top:18px;padding:0 4px;font-size:17.5px;font-weight:600;
  letter-spacing:-0.025em;color:var(--ink);}
.ais-ind-d{display:block;margin-top:9px;padding:0 4px;font-size:14px;font-weight:300;line-height:1.55;
  color:var(--muted);}
.ais-ind-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:16px 4px 0;
  font-size:13.5px;font-weight:600;letter-spacing:-0.01em;color:var(--rose-600);transition:gap .3s;}
.ais-ind-more svg{width:14px;height:14px;}
.ais-ind-card:hover .ais-ind-more{gap:12px;}
@media(max-width:760px){
  .ais-ind-head{flex-direction:column;align-items:flex-start;gap:20px;}
  .ais-ind-card{flex-basis:80vw;}
}
@media(prefers-reduced-motion:reduce){.ais-ind-card,.ais-ind-art svg{transition:none;}}
/* open-source glyph art, centred in its tinted panel */
.ais-ind-art{display:grid;place-items:center;}
.ais-ind-art img{width:42%;max-width:88px;height:auto;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.ais-ind-card:hover .ais-ind-art img{transform:scale(1.08);}
/* tighten the gap between the portfolio and industries */
.ais-ind{padding-top:clamp(28px,3vw,44px);}
/* abstract compositions fill the panel */
.ais-ind-art{display:block;}
.ais-ind-art svg{width:100%;height:100%;display:block;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.ais-ind-card:hover .ais-ind-art svg{transform:scale(1.04);}
/* industry card headers: larger, better separated */
.ais-ind-name{margin-top:22px;font-size:clamp(19px,1.7vw,23px);font-weight:600;letter-spacing:-0.03em;
  line-height:1.16;color:var(--ink);}
.ais-ind-d{margin-top:11px;font-size:14.5px;line-height:1.6;}
/* testimonials-marquee.css */
/* ============================================================
   WDI — Testimonials · Moving Wall
   3 rows · alternating directions · monochrome black/white cards
   with subtle pink accents · varied width + text length · real
   grayscale photos (colorize on hover) · country + industry chips
   · refined hover (lift, focus dim, accent underline, stars) ·
   hover types the quote out (pink caret).
   ============================================================ */
.tsm-sec{position:relative;padding:108px 0 128px;background:var(--bg);border-top:1px solid var(--line);overflow:hidden;}
.tsm-aura{position:absolute;inset:-12% -6%;z-index:0;pointer-events:none;
  background:
   radial-gradient(40% 48% at 8% 2%,rgba(249,47,100,.05),transparent 60%),
   radial-gradient(40% 48% at 92% 98%,rgba(122,0,255,.04),transparent 62%);}
.tsm-sec>*{position:relative;z-index:1;}

/* ---------- header ---------- */
.tsm-head{text-align:center;max-width:760px;margin:0 auto 58px;}
.tsm-head .ts-eyebrow{justify-content:center;}
.tsm-head .ts-h{margin-top:18px;font-size:clamp(32px,4.2vw,54px);font-weight:600;letter-spacing:-0.04em;line-height:1.02;color:var(--ink);}
.tsm-head .ts-h .accent{color:var(--ink);position:relative;white-space:nowrap;}
.tsm-head .ts-h .accent::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2.5px;border-radius:2px;
  background:linear-gradient(90deg,var(--rose-600),var(--rose-400) 70%,rgba(249,47,100,0));}
.tsm-head .ts-sub{margin:20px auto 0;font-size:clamp(15px,1.25vw,17px);font-weight:300;line-height:1.55;color:var(--ink-2);max-width:56ch;}

/* ---------- rows (full-bleed) ---------- */
.tsm-rows{width:100vw;position:relative;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;gap:20px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.tsm-row{position:relative;overflow:visible;}
.tsm-track{display:flex;gap:20px;width:max-content;padding:14px 10px;will-change:transform;}
.tsm-track.left{animation:tsmScroll var(--dur,60s) linear infinite;}
.tsm-track.right{animation:tsmScroll var(--dur,60s) linear infinite reverse;}
@keyframes tsmScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.tsm-row:hover .tsm-track{animation-play-state:paused;}
.tsm-row:hover .tsm-card{opacity:.5;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,border-color .45s ease;}
.tsm-row:hover .tsm-card:hover{opacity:1;}

/* ---------- card ---------- */
.tsm-card{position:relative;flex:none;height:292px;
  display:flex;flex-direction:column;justify-content:space-between;
  padding:30px 32px 26px;border-radius:24px;background:#fff;
  border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,12,14,.03);
  transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease,border-color .45s ease,opacity .45s ease;
  cursor:default;overflow:hidden;}
.tsm-card.sz-s{width:312px;}
.tsm-card.sz-m{width:400px;}
.tsm-card.sz-l{width:512px;}
.tsm-card[data-th="dark"]{background:#0B0C0E;border-color:rgba(255,255,255,.10);box-shadow:0 1px 2px rgba(0,0,0,.22);}

/* quotation glyph */
.tsm-mark{position:absolute;top:8px;left:26px;font-size:88px;line-height:1;font-family:Georgia,"Times New Roman",serif;
  font-weight:700;color:var(--line-2);pointer-events:none;z-index:0;transition:color .45s ease;}
.tsm-card[data-th="dark"] .tsm-mark{color:rgba(255,255,255,.12);}
.tsm-card:hover .tsm-mark{color:var(--rose-300);}

/* stars */
.tsm-stars{position:absolute;top:30px;right:30px;display:flex;gap:3px;z-index:3;
  opacity:0;transform:translateY(-5px);transition:opacity .4s ease,transform .45s cubic-bezier(.22,1,.36,1);}
.tsm-stars svg{width:13px;height:13px;fill:var(--rose-500);}
.tsm-card[data-th="dark"] .tsm-stars svg{fill:var(--rose-400);}
.tsm-card:hover .tsm-stars{opacity:1;transform:none;}

/* body */
.tsm-body{position:relative;z-index:1;flex:1;display:flex;align-items:center;min-height:0;}
.tsm-quote{font-size:15.5px;line-height:1.56;font-weight:400;letter-spacing:-0.01em;color:var(--ink-2);text-wrap:pretty;}
.tsm-card.sz-l .tsm-quote{font-size:17px;line-height:1.55;}
.tsm-quote b{font-weight:600;color:var(--rose-600);}
.tsm-pull{font-size:30px;line-height:1.06;font-weight:600;letter-spacing:-0.04em;color:var(--ink);text-wrap:balance;}
.tsm-card[data-th="dark"] .tsm-quote{color:rgba(255,255,255,.72);}
.tsm-card[data-th="dark"] .tsm-quote b{color:var(--rose-300);}
.tsm-card[data-th="dark"] .tsm-pull{color:#fff;}

/* typing caret (subtle pink) */
.tsm-caret{display:inline-block;width:2px;height:1.02em;margin-left:2px;vertical-align:-2px;border-radius:1px;
  background:var(--rose-600);animation:tsmCaret .9s steps(1) infinite;}
.tsm-card[data-th="dark"] .tsm-caret{background:var(--rose-400);}
.tsm-caret.done{animation:none;opacity:0;}
@keyframes tsmCaret{0%,50%{opacity:1;}50.01%,100%{opacity:0;}}

/* footer */
.tsm-foot{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;padding-top:18px;border-top:1px solid var(--line);}
.tsm-card[data-th="dark"] .tsm-foot{border-top-color:rgba(255,255,255,.10);}
.tsm-person{display:flex;align-items:center;gap:13px;}
.tsm-photo{flex:none;width:46px;height:46px;border-radius:50%;object-fit:cover;background:var(--line);
  filter:grayscale(1) contrast(1.03);
  transition:filter .55s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;}
.tsm-card:hover .tsm-photo{filter:grayscale(0) contrast(1);transform:scale(1.06);box-shadow:0 8px 18px rgba(11,12,14,.2);}
.tsm-meta{min-width:0;}
.tsm-name{font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tsm-card[data-th="dark"] .tsm-name{color:#fff;}
.tsm-role{margin-top:2px;font-size:12px;font-weight:500;letter-spacing:.01em;color:var(--muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.tsm-card[data-th="dark"] .tsm-role{color:rgba(255,255,255,.5);}

/* country + industry chips — clean, frosted, modern */
.tsm-tags{display:flex;flex-wrap:wrap;gap:6px;}
.tsm-chip{display:inline-flex;align-items:center;gap:7px;
  font-size:11.5px;font-weight:550;line-height:1;letter-spacing:-0.005em;
  height:26px;padding:0 11px 0 9px;border-radius:999px;
  background:rgba(11,12,14,.035);border:0;color:var(--ink-2);
  box-shadow:inset 0 0 0 1px rgba(11,12,14,.07);
  transition:background .35s ease,box-shadow .35s ease,color .35s ease,transform .45s cubic-bezier(.22,1,.36,1);}
.tsm-chip.geo{color:var(--ink);}
/* circular mini-flag */
.tsm-cflag{width:16px;height:16px;border-radius:50%;object-fit:cover;flex:none;
  box-shadow:inset 0 0 0 1px rgba(11,12,14,.1);transition:transform .45s cubic-bezier(.22,1,.36,1);}
.tsm-chip.ind{padding-left:11px;}
.tsm-idot{width:5px;height:5px;border-radius:50%;background:var(--rose-500);flex:none;
  box-shadow:0 0 0 3px rgba(249,47,100,.14);transition:box-shadow .35s ease;}
/* hover */
.tsm-card:hover .tsm-chip{transform:translateY(-1px);}
.tsm-card:hover .tsm-chip.geo{box-shadow:inset 0 0 0 1px rgba(11,12,14,.13);}
.tsm-card:hover .tsm-cflag{transform:scale(1.06);}
.tsm-card:hover .tsm-chip.ind{background:rgba(249,47,100,.07);color:var(--rose-700);box-shadow:inset 0 0 0 1px rgba(249,47,100,.2);}
.tsm-card:hover .tsm-chip.ind .tsm-idot{box-shadow:0 0 0 3px rgba(249,47,100,.22);}
/* dark chips */
.tsm-card[data-th="dark"] .tsm-chip{background:rgba(255,255,255,.05);color:rgba(255,255,255,.82);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.tsm-card[data-th="dark"] .tsm-chip.geo{color:#fff;}
.tsm-card[data-th="dark"] .tsm-cflag{box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);}
.tsm-card[data-th="dark"]:hover .tsm-chip.geo{box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);}
.tsm-card[data-th="dark"]:hover .tsm-chip.ind{background:rgba(249,47,100,.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(253,59,111,.4);}

/* hover lift + accent underline */
.tsm-card:hover{transform:translateY(-10px);z-index:6;box-shadow:0 30px 64px -26px rgba(11,12,14,.34);border-color:var(--line-2);}
.tsm-card[data-th="dark"]:hover{box-shadow:0 30px 64px -22px rgba(0,0,0,.62);border-color:rgba(255,255,255,.24);}
.tsm-card::before{content:"";position:absolute;left:0;bottom:0;height:2.5px;width:100%;z-index:4;
  transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--rose-600),var(--violet));
  transition:transform .6s cubic-bezier(.22,1,.36,1);}
.tsm-card:hover::before{transform:scaleX(1);}

/* entrance */
.tsm-sec .tsm-rows{opacity:0;transform:translateX(-50%) translateY(22px);transition:opacity .7s ease,transform .85s cubic-bezier(.2,.7,.2,1);}
.tsm-sec.in .tsm-rows{opacity:1;transform:translateX(-50%) translateY(0);}

@media (prefers-reduced-motion:reduce){
  .tsm-track.left,.tsm-track.right{animation:none;}
  .tsm-sec .tsm-rows{opacity:1;transform:translateX(-50%);transition:none;}
  .tsm-caret{animation:none;}
}

/* responsive */
@media (max-width:760px){
  .tsm-sec{padding:78px 0 92px;}
  .tsm-rows{gap:14px;}
  .tsm-track{gap:14px;}
  .tsm-card{height:272px;padding:24px 24px 22px;}
  .tsm-card.sz-s{width:270px;}
  .tsm-card.sz-m{width:326px;}
  .tsm-card.sz-l{width:384px;}
  .tsm-pull{font-size:25px;}
  .tsm-quote,.tsm-card.sz-l .tsm-quote{font-size:14.5px;}
  .tsm-mark{font-size:70px;}
}

/* hx-testi.css */
#ts-b{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;
  --violet:#7A00FF;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--line:#ECEDF0;--line-2:#E3E4E8;
  --font:"Google Sans Flex","Google Sans","Product Sans","Figtree",system-ui,-apple-system,sans-serif;
  --maxw:1320px;
}
#ts-b .ts-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);}
#ts-b .ts-eyebrow::before{content:"";width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--rose-600),var(--rose-400));box-shadow:0 0 10px rgba(249,47,100,.5);}
#ts-b .ts-h{margin-top:22px;font-size:clamp(32px,3.8vw,52px);line-height:1.04;font-weight:500;letter-spacing:-0.035em;color:var(--ink);text-wrap:balance;}
#ts-b .ts-sub{margin-top:20px;font-size:clamp(15px,1.25vw,17.5px);line-height:1.55;font-weight:400;color:var(--ink-2);max-width:54ch;}
#ts-b .ts-key{
  position:relative;
  background:linear-gradient(120deg,var(--rose-600),var(--violet) 50%,var(--rose-400));
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
  font-weight:600;
  animation:tsKeyShift 6s ease-in-out infinite,tsKeyGlow 4.5s ease-in-out infinite;
}
#ts-b .tsc-card .ts-key{
  background:linear-gradient(120deg,#FF6F92,#FFB3FF 50%,#FFC2D2);
  -webkit-background-clip:text;background-clip:text;
}
#ts-b .tsb-head .ts-h .accent{color:var(--rose-600);}
#ts-b .tsc-meta .ts-eyebrow{color:var(--rose-300);}
#ts-b .tsc-meta .ts-eyebrow::before{box-shadow:0 0 12px rgba(249,47,100,.6);}
@media(prefers-reduced-motion:reduce){
#ts-b .ts-key,#ts-b .tsa-track,#ts-b .tsc-sec .stage-bg{animation:none;transition:none;}
}

/* single moving row, header always visible */
#ts-b .tsm-head,#ts-b .tsm-head *{opacity:1!important;transform:none!important;filter:none!important;visibility:visible!important;}
#ts-b .tsm-rows > *:nth-child(n+2){display:none!important;}
#ts-b .tsm-rows{opacity:1!important;}
#ts-b .tsm-head{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
#ts-b .tsm-ini{display:grid;place-items:center;background:linear-gradient(140deg,#FF8FB0,#A24BFF);color:#fff;font-weight:600;font-size:14px;letter-spacing:.02em;}
#ts-b .tsm-cta{margin-top:26px;display:inline-flex;align-items:center;gap:9px;height:50px;padding:0 24px;border-radius:999px;background:#F92F64;color:#fff;font-weight:600;font-size:14.5px;text-decoration:none;transition:background .3s,color .3s,box-shadow .3s;}
#ts-b .tsm-cta svg{width:15px;height:15px;transition:transform .3s;}
#ts-b .tsm-cta:hover{background:#fff;color:#F92F64;box-shadow:inset 0 0 0 1.5px #F92F64;}
#ts-b .tsm-cta:hover svg{transform:translateX(3px);}

/* hx-research2.css */
/* Verify before you shortlist — a quiet, compact research band */
.hxr2{background:#F6F5F1;border-top:1px solid rgba(12,12,20,.08);border-bottom:1px solid rgba(12,12,20,.08);padding:clamp(40px,4vw,56px) 0;font-family:'Figtree',system-ui,sans-serif;color:#0B0C0E;}
.hxr2-in{max-width:1280px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,3fr);gap:clamp(28px,4vw,64px);align-items:start;}
.hxr2-eye{display:block;font-family:'Space Grotesk',ui-monospace,monospace;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#71757E;}
.hxr2-h{margin:10px 0 0;font-size:clamp(20px,1.7vw,24px);font-weight:500;letter-spacing:-0.02em;line-height:1.2;color:#3A3D44;}
.hxr2-m p{margin:0 0 6px;font-size:14px;line-height:1.6;color:#5F636B;}
.hxr2-m p:last-child{margin-bottom:0;}
.hxr2-r{display:grid;gap:12px;padding-top:2px;}
.hxr2-row{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:baseline;}
.hxr2-k{font-family:'Space Grotesk',ui-monospace,monospace;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#71757E;}
.hxr2-src{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:13.5px;color:#9A9EA6;}
.hxr2-src a,.hxr2-ai{color:#3A3D44;text-decoration:none;border-bottom:1px solid transparent;transition:color .25s,border-color .25s;}
.hxr2-src a:hover,.hxr2-ai:hover{color:#E0204F;border-color:rgba(224,32,79,.45);}
.hxr2-ais{display:flex;flex-wrap:wrap;gap:6px 16px;}
.hxr2-ai{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;}
.hxr2-ai img{width:14px;height:14px;filter:grayscale(1);opacity:.7;transition:filter .25s,opacity .25s;}
.hxr2-ai:hover img{filter:none;opacity:1;}
@media(max-width:960px){.hxr2-in{grid-template-columns:1fr;gap:18px;padding:0 20px;}}

/* hx-faq.css */
/* FAQ — fq/fqa rules from faq.css + UX Audit page, scoped */
#faq-a{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;--violet:#7A00FF;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--line:#ECEDF0;--line-2:#E3E4E8;--rose-soft:rgba(249,47,100,.10);
  --font:"Google Sans Flex","Google Sans","Product Sans","Figtree",system-ui,-apple-system,sans-serif;
  --maxw:1240px;
}
#faq-a{--ink:#0B0C0E;--muted:#5F636B;--rose-500:#F92F64;--rose-600:#E0204F;}
#faq-a .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
#faq-a .fq-vtag{max-width:var(--maxw);margin:0 auto;padding:28px 40px 0;font-size:13.5px;color:var(--muted);}
#faq-a .fq-vtag b{color:var(--ink);font-weight:500;}
#faq-a .fq-vtag .pill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--ink);border-radius:999px;padding:4px 11px;margin-right:8px;}
#faq-a .fq-sec{position:relative;padding:104px 0 118px;background:var(--bg);border-top:1px solid var(--line);overflow:hidden;}
#faq-a .fq-sec.alt{background:var(--bg-2);}
#faq-a .fq-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);}
#faq-a .fq-eyebrow::before{content:"";width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--rose-600),var(--rose-400));box-shadow:0 0 10px rgba(249,47,100,.5);}
#faq-a .fq-h{margin-top:20px;font-size:clamp(30px,3.6vw,50px);line-height:1.04;font-weight:500;letter-spacing:-0.035em;color:var(--ink);text-wrap:balance;}
#faq-a .fq-aeo{margin-top:20px;font-size:clamp(16px,1.3vw,18.5px);line-height:1.6;font-weight:300;color:var(--ink-2);text-wrap:pretty;max-width:62ch;}
#faq-a .fq-supp{margin-top:14px;font-size:15px;line-height:1.65;font-weight:400;color:var(--muted);max-width:62ch;text-wrap:pretty;}
#faq-a .fq-tag{font-size:11.5px;font-weight:500;color:var(--ink-2);background:var(--bg-2);border:1px solid var(--line);border-radius:999px;padding:5px 11px;white-space:nowrap;}
#faq-a .fq-tags{display:flex;flex-wrap:wrap;gap:7px;}
#faq-a .fq-cta{margin-top:60px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;padding:38px 42px;border:1px solid var(--line);border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(120% 180% at 100% 0%,rgba(249,47,100,.07),transparent 58%),var(--bg);}
#faq-a .fq-cta::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--rose-600),var(--rose-400) 55%,var(--violet));}
#faq-a .fq-cta-h{font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:-0.02em;color:var(--ink);text-wrap:balance;}
#faq-a .fq-cta-p{margin-top:10px;font-size:15px;line-height:1.55;font-weight:300;color:var(--ink-2);max-width:62ch;}
#faq-a .fq-cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex:none;}
#faq-a .fq-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-size:14.5px;font-weight:500;color:#fff;background:var(--ink);border:none;border-radius:999px;padding:14px 22px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s,background .25s,box-shadow .25s;}
#faq-a .fq-btn svg{width:16px;height:16px;transition:transform .25s;}
#faq-a .fq-btn:hover{background:var(--rose-600);transform:translateY(-2px);box-shadow:0 12px 30px rgba(228,18,82,.24);}
#faq-a .fq-btn:hover svg{transform:translateX(3px);}
#faq-a .fq-btn-ghost{display:inline-flex;align-items:center;font-family:var(--font);font-size:14.5px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:14px 22px;text-decoration:none;cursor:pointer;transition:border-color .25s,transform .25s;}
#faq-a .fq-btn-ghost:hover{border-color:var(--rose-300);transform:translateY(-2px);}
#faq-a .fq-pm{position:relative;flex:none;width:34px;height:34px;border-radius:9px;border:1px solid var(--line-2);display:grid;place-items:center;transition:background .3s,border-color .3s;}
#faq-a .fq-pm::before,#faq-a .fq-pm::after{content:"";position:absolute;width:13px;height:2px;border-radius:2px;background:var(--ink);transition:transform .35s cubic-bezier(.2,.7,.2,1),background .3s;}
#faq-a .fq-pm::after{transform:rotate(90deg);}
#faq-a .fq-open .fq-pm{background:var(--ink);border-color:var(--ink);}
#faq-a .fq-open .fq-pm::before,#faq-a .fq-open .fq-pm::after{background:#fff;}
#faq-a .fq-open .fq-pm::after{transform:rotate(0deg);}
#faq-a .fq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1);}
#faq-a .fq-open .fq-panel{grid-template-rows:1fr;}
#faq-a .fq-panel-clip{overflow:hidden;}
#faq-a .fqa-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:60px;align-items:start;}
#faq-a .fqa-head{position:sticky;top:100px;align-self:start;}
#faq-a .fqa-list{border-top:1px solid var(--line);}
#faq-a .fqa-item{border-bottom:1px solid var(--line);}
#faq-a .fqa-q{display:flex;align-items:center;gap:20px;width:100%;padding:26px 0;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font);}
#faq-a .fqa-qtext{flex:1;font-size:18px;font-weight:500;letter-spacing:-0.015em;line-height:1.3;color:var(--ink);transition:color .25s;}
#faq-a .fqa-item:hover .fqa-qtext{color:var(--rose-700);}
#faq-a .fqa-panel-inner{padding:0 54px 28px 0;}
#faq-a .fqa-a{font-size:15px;font-weight:300;line-height:1.6;color:var(--ink-2);}
#faq-a .fqa-meta{margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
#faq-a .fqa-meta-l{font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);}
#faq-a .fqb-head{max-width:880px;margin:0 auto;text-align:center;}
#faq-a .fqb-h{font-size:clamp(34px,5vw,68px);line-height:1.02;font-weight:500;letter-spacing:-0.04em;color:var(--ink);text-wrap:balance;}
#faq-a .fqb-h .hl{background:linear-gradient(100deg,var(--rose-600),var(--violet) 35%,var(--rose-400) 70%,var(--rose-600));background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fqbFlow 7s linear infinite;}
@keyframes fqbFlow{to{background-position:280% 0;}}
#faq-a .fqb-list{margin-top:60px;max-width:880px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:14px;}
#faq-a .fqb-item{border:1px solid var(--line);border-radius:18px;background:var(--bg);overflow:hidden;transition:border-color .3s,box-shadow .3s;}
#faq-a .fqb-item.fq-open{border-color:var(--rose-300);box-shadow:0 16px 40px rgba(11,12,14,.06);}
#faq-a .fqb-q{display:flex;align-items:center;gap:18px;width:100%;padding:24px 28px;background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font);}
#faq-a .fqb-qtext{flex:1;font-size:18px;font-weight:500;letter-spacing:-0.015em;color:var(--ink);}
#faq-a .fqb-panel-inner{padding:0 28px 26px;}
#faq-a .fqb-a{font-size:15px;font-weight:300;line-height:1.6;color:var(--ink-2);max-width:74ch;}
#faq-a .fqb-meta{margin-top:16px;}
#faq-a .fqc-grid{margin-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
#faq-a .fqc-item{border:1px solid var(--line);border-radius:18px;background:var(--bg);overflow:hidden;cursor:pointer;transition:border-color .35s,box-shadow .35s,transform .35s;}
#faq-a .fqc-item:hover,#faq-a .fqc-item.fq-open{border-color:var(--rose-300);box-shadow:0 18px 44px rgba(11,12,14,.08);}
#faq-a .fqc-q{display:flex;align-items:center;gap:16px;padding:24px 26px;}
#faq-a .fqc-num{font-size:12px;font-weight:600;color:var(--rose-600);font-feature-settings:"tnum" 1;}
#faq-a .fqc-qtext{flex:1;font-size:17px;font-weight:500;letter-spacing:-0.015em;line-height:1.3;color:var(--ink);}
#faq-a .fqc-panel-inner{padding:0 26px 26px 56px;}
#faq-a .fqc-a{font-size:14.5px;font-weight:300;line-height:1.6;color:var(--ink-2);}
#faq-a .fqc-meta{margin-top:14px;}
#faq-a .fqd-sec{text-align:center;}
#faq-a .fqd-launch{margin-top:46px;display:inline-flex;align-items:center;gap:14px;padding:18px 26px 18px 18px;border:1px solid var(--line-2);border-radius:999px;background:var(--bg);cursor:pointer;font-family:var(--font);transition:border-color .3s,box-shadow .3s,transform .3s;}
#faq-a .fqd-launch:hover{border-color:var(--rose-300);box-shadow:0 16px 40px rgba(249,47,100,.12);transform:translateY(-2px);}
#faq-a .fqd-qmark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--rose-600),var(--rose-400));color:#fff;font-size:24px;font-weight:600;box-shadow:0 8px 22px rgba(228,18,82,.3);}
#faq-a .fqd-launch-text{text-align:left;}
#faq-a .fqd-launch-text b{display:block;font-size:16px;font-weight:500;color:var(--ink);}
#faq-a .fqd-launch-text span{font-size:13px;color:var(--muted);}
#faq-a .fqd-overlay{position:fixed;inset:0;z-index:120;display:none;
  background:rgba(11,12,14,.42);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transition:opacity .4s ease;}
#faq-a .fqd-overlay.open{display:block;opacity:1;}
#faq-a .fqd-rail{position:absolute;left:0;top:0;bottom:0;width:340px;padding:90px 36px 40px;overflow-y:auto;}
#faq-a .fqd-rail-h{font-size:13px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.5);margin-bottom:22px;}
#faq-a .fqd-qbtn{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:11px 0;border:none;background:none;cursor:pointer;font-family:var(--font);font-size:15px;font-weight:400;line-height:1.35;color:rgba(255,255,255,.55);transition:color .25s;}
#faq-a .fqd-qbtn .car{opacity:0;color:#fff;transition:opacity .25s;flex:none;}
#faq-a .fqd-qbtn:hover{color:rgba(255,255,255,.85);}
#faq-a .fqd-qbtn.active{color:#fff;font-weight:500;}
#faq-a .fqd-qbtn.active .car{opacity:1;}
#faq-a .fqd-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(700px,calc(100% - 400px));max-height:90vh;
  background:var(--bg);border-radius:26px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5);display:flex;flex-direction:column;
  opacity:0;transition:opacity .4s ease,transform .55s cubic-bezier(.2,.7,.2,1);}
#faq-a .fqd-overlay.open .fqd-card{opacity:1;}
#faq-a .fqd-card.swap{opacity:0;transform:translate(-50%,-46%);}
#faq-a .fqd-card-media{position:relative;width:100%;height:230px;flex:none;background:#0c0d11;overflow:hidden;}
#faq-a .fqd-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
#faq-a .fqd-close{position:absolute;top:18px;right:18px;z-index:3;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(11,12,14,.25);cursor:pointer;display:grid;place-items:center;color:#fff;backdrop-filter:blur(6px);transition:background .25s,transform .25s;}
#faq-a .fqd-close:hover{background:rgba(11,12,14,.5);transform:rotate(90deg);}
#faq-a .fqd-close svg{width:18px;height:18px;}
#faq-a .fqd-card-body{padding:46px 48px 46px;overflow-y:auto;text-align:left;display:flex;flex-direction:column;align-items:center;}
#faq-a .fqd-card-body>*{width:100%;max-width:560px;}
#faq-a .fqd-main-type{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rose-600);}
#faq-a .fqd-main-q{margin-top:14px;font-size:32px;font-weight:500;letter-spacing:-0.03em;line-height:1.08;color:var(--ink);}
#faq-a .fqd-main-a{margin-top:20px;font-size:16px;font-weight:300;line-height:1.6;color:var(--ink-2);}
#faq-a .fqd-main-meta{margin-top:26px;}
#faq-a .fqd-main-meta .fq-tags{justify-content:flex-start;}
#faq-a .fqd-extra{margin-top:30px;text-align:left;}
#faq-a .fqd-ex-cap{display:block;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:14px;text-align:left;}
#faq-a .fqd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
#faq-a .fqd-stat{text-align:left;}
#faq-a .fqd-stat b{display:block;font-size:38px;font-weight:500;letter-spacing:-0.04em;line-height:1;color:var(--ink);}
#faq-a .fqd-stat span{display:block;margin-top:10px;font-size:12.5px;font-weight:400;line-height:1.4;color:var(--muted);}
#faq-a .fqd-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;}
#faq-a .fqd-check{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;font-size:14px;font-weight:400;line-height:1.4;color:var(--ink-2);}
#faq-a .fqd-check svg{width:18px;height:18px;color:var(--rose-500);margin-top:1px;}
#faq-a .fqd-bars{border:1px solid var(--line);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:18px;}
#faq-a .fqd-bar-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;}
#faq-a .fqd-bar-l{font-size:14px;font-weight:500;color:var(--ink);}
#faq-a .fqd-bar-v{font-size:13.5px;font-weight:500;color:var(--muted);text-align:right;font-feature-settings:"tnum" 1;}
#faq-a .fqd-bar-track{grid-column:1 / -1;height:6px;border-radius:5px;background:var(--bg-2);border:1px solid var(--line);overflow:hidden;}
#faq-a .fqd-bar-fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--rose-600),var(--rose-400));width:0;transition:width .9s cubic-bezier(.2,.7,.2,1) .25s;}
#faq-a .fqd-steps{display:flex;flex-direction:column;gap:0;}
#faq-a .fqd-step{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;padding:13px 0;border-bottom:1px solid var(--line);text-align:left;}
#faq-a .fqd-step:last-child{border-bottom:none;}
#faq-a .fqd-step-n{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--rose-soft);color:var(--rose-600);font-size:13px;font-weight:600;}
#faq-a .fqd-step b{display:block;font-size:14.5px;font-weight:500;color:var(--ink);}
#faq-a .fqd-step span{display:block;margin-top:3px;font-size:12.5px;font-weight:300;line-height:1.45;color:var(--muted);}
#faq-a .fqd-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;}
#faq-a .fqd-fx{transform:translateY(8px);filter:blur(5px);}
#faq-a .fqd-fx.show{transform:none;filter:blur(0);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s ease;}
#faq-a .fqe-sec{background:#0A0B0E;color:#fff;border-top:1px solid var(--line);}
#faq-a .fqe-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
#faq-a .fqe-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;}
#faq-a .fqe-orb.o1{width:520px;height:520px;left:-120px;top:-80px;background:radial-gradient(circle,rgba(249,47,100,.5),transparent 65%);animation:fqeD1 16s ease-in-out infinite alternate;}
#faq-a .fqe-orb.o2{width:480px;height:480px;right:-100px;top:160px;background:radial-gradient(circle,rgba(122,0,255,.45),transparent 65%);animation:fqeD2 19s ease-in-out infinite alternate;}
#faq-a .fqe-orb.o3{width:420px;height:420px;left:40%;bottom:-160px;background:radial-gradient(circle,rgba(0,200,255,.3),transparent 65%);animation:fqeD3 22s ease-in-out infinite alternate;}
@keyframes fqeD1{to{transform:translate(80px,60px) scale(1.15);}}
@keyframes fqeD2{to{transform:translate(-70px,40px) scale(1.1);}}
@keyframes fqeD3{to{transform:translate(40px,-50px) scale(1.2);}}
#faq-a .fqe-grid-tex{position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse at center,#000,transparent 78%);mask-image:radial-gradient(ellipse at center,#000,transparent 78%);}
#faq-a .fqe-sec .fq-eyebrow{color:var(--rose-300);}
#faq-a .fqe-sec .fq-h{color:#fff;}
#faq-a .fqe-sec .fq-aeo{color:rgba(255,255,255,.72);}
#faq-a .fqe-wrap{margin-top:54px;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
#faq-a .fqe-item{border:1px solid rgba(255,255,255,.10);border-radius:18px;background:rgba(255,255,255,.04);backdrop-filter:blur(10px);overflow:hidden;cursor:pointer;transition:border-color .35s,background .35s,box-shadow .35s,transform .35s;}
#faq-a .fqe-item:hover,#faq-a .fqe-item.fq-open{border-color:var(--rose-300);background:rgba(255,255,255,.07);box-shadow:0 20px 50px rgba(249,47,100,.16);transform:translateY(-3px);}
#faq-a .fqe-q{display:flex;align-items:center;gap:16px;padding:24px 26px;}
#faq-a .fqe-num{font-size:12px;font-weight:600;color:var(--rose-300);font-feature-settings:"tnum" 1;}
#faq-a .fqe-qtext{flex:1;font-size:17px;font-weight:500;letter-spacing:-0.015em;color:#fff;}
#faq-a .fqe-item .fq-pm{border-color:rgba(255,255,255,.24);}
#faq-a .fqe-item .fq-pm::before,#faq-a .fqe-item .fq-pm::after{background:#fff;}
#faq-a .fqe-item.fq-open .fq-pm{background:#fff;border-color:#fff;}
#faq-a .fqe-item.fq-open .fq-pm::before,#faq-a .fqe-item.fq-open .fq-pm::after{background:var(--ink);}
#faq-a .fqe-panel-inner{padding:0 26px 26px 56px;}
#faq-a .fqe-a{font-size:14.5px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.78);}
#faq-a .fqe-meta{margin-top:14px;}
#faq-a .fqe-meta .fq-tag{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.82);}
@media(max-width:920px){
#faq-a .fqa-grid{grid-template-columns:1fr;gap:34px;}
#faq-a .fqa-head{position:relative;top:0;}
#faq-a .fqc-grid,#faq-a .fqe-wrap{grid-template-columns:1fr;}
}
@media(max-width:920px){
#faq-a .fqd-rail{position:absolute;width:100%;padding:78px 30px 20px;height:auto;bottom:auto;overflow:visible;}
#faq-a .fqd-rail-h{display:none;}
#faq-a .fqd-card{position:relative;left:0;top:0;transform:none;width:calc(100% - 40px);max-height:none;margin:210px auto 40px;}
#faq-a .fqd-overlay{overflow-y:auto;}
#faq-a .fqd-overlay.open .fqd-card{transform:none;}
}
@media(max-width:760px){
#faq-a .fqd-card-media{height:200px;}
#faq-a .fqd-card-body{padding:28px 24px;}
#faq-a .fq-sec{padding:70px 0 80px;}
#faq-a .fq-vtag{padding:22px 22px 0;}
#faq-a .fq-cta{padding:26px;gap:20px;}
#faq-a .fq-cta-actions{width:100%;}
#faq-a .fq-cta .fq-btn,#faq-a .fq-btn-ghost{flex:1;justify-content:center;}
#faq-a .fqd-main{padding:30px 24px;}
}
@media(prefers-reduced-motion:reduce){
#faq-a .fqb-h .hl{animation:none;}
#faq-a .fqe-orb{animation:none;}
}
#faq-a .lp-faq .fqa-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:start;}
@media(max-width:900px){
#faq-a .lp-faq .fqa-grid{grid-template-columns:1fr;gap:24px;}
}

#faq-a body #hero ~ section#sw-why .lp-h,#faq-a section#sw-why .lp-h.lp-h,section#faq-a .fq-h.fq-h{font-size:clamp(34px,5vw,76px)!important;letter-spacing:-0.05em!important;line-height:1.04!important;font-weight:400!important;}
#faq-a section#sw-why .wdi-eye,section#faq-a .wdi-eye{margin-bottom:clamp(18px,2.2vw,26px);}

/* hx-final.css */
/* Final CTA (pp-cta dark card) + Footer Variant 2 — rules extracted & scoped */
.mad-final{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;--violet:#7A00FF;--violet-2:#A24BFF;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--page:#F5F3F0;--line:#ECEDF0;--line-2:#E3E4E8;--rose-soft:rgba(249,47,100,.10);
  --font:"Google Sans Flex","Google Sans","Product Sans","Figtree",system-ui,-apple-system,sans-serif;
  --maxw:1240px;
}
.mad-final .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
@keyframes ppMouse{0%{opacity:0;transform:translate(-50%,0);}40%{opacity:1;}100%{opacity:0;transform:translate(-50%,10px);}}
@keyframes ppMarqueeL{from{transform:translate(0,-50%);}to{transform:translate(-50%,-50%);}}
@keyframes ppMarqueeR{from{transform:translate(-50%,-50%);}to{transform:translate(0,-50%);}}
@keyframes ppBandGlow{from{transform:translateX(-3%);}to{transform:translateX(3%);}}
@keyframes ppPulse{0%{box-shadow:0 0 0 0 rgba(249,47,100,.5);}70%{box-shadow:0 0 0 8px rgba(249,47,100,0);}100%{box-shadow:0 0 0 0 rgba(249,47,100,0);}}
@keyframes ppKen{from{transform:scale(1.04);}to{transform:scale(1.13) translate(-1%,1%);}}
@keyframes ppSheen{from{background-position:100% 0;}to{background-position:0 0;}}
.mad-final .pp-cta{position:relative;width:100vw;left:50%;transform:translateX(-50%);min-height:100vh;display:grid;place-items:center;overflow:hidden;
  background:var(--bg);scroll-snap-align:start;scroll-snap-stop:always;text-align:center;}
.mad-final .pp-cta-aura{position:absolute;width:780px;height:780px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:0;pointer-events:none;
  background:conic-gradient(from 0deg,rgba(249,47,100,.16),rgba(122,0,255,.13),rgba(0,200,255,.07),rgba(255,179,0,.1),rgba(249,47,100,.16));
  filter:blur(90px);opacity:.6;animation:ppCtaSpin 26s linear infinite;}
@keyframes ppCtaSpin{to{transform:translate(-50%,-50%) rotate(360deg);}}
.mad-final .pp-cta-dots{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:radial-gradient(rgba(11,12,14,.07) 1px,transparent 1px);background-size:30px 30px;
  -webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent 78%);mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent 78%);}
.mad-final .pp-cta-in{position:relative;z-index:2;max-width:760px;padding:0 40px;}
.mad-final .pp-cta-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);
  opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
.mad-final .pp-cta-eyebrow .lvdot{width:7px;height:7px;border-radius:50%;background:var(--rose-500);box-shadow:0 0 0 0 rgba(249,47,100,.5);animation:ppCtaPulse 2.4s ease-out infinite;}
@keyframes ppCtaPulse{0%{box-shadow:0 0 0 0 rgba(249,47,100,.5);}70%{box-shadow:0 0 0 8px rgba(249,47,100,0);}100%{box-shadow:0 0 0 0 rgba(249,47,100,0);}}
.mad-final .pp-cta-h{margin-top:24px;font-size:clamp(40px,5.6vw,76px);font-weight:600;letter-spacing:-0.04em;line-height:.98;color:var(--ink);text-wrap:balance;
  opacity:0;transform:translateY(28px);transition:opacity .8s ease .08s,transform .9s cubic-bezier(.2,.7,.2,1) .08s;}
.mad-final .pp-cta-h em{font-style:normal;background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
.mad-final .pp-cta-p{margin:24px auto 0;max-width:56ch;font-size:clamp(16px,1.5vw,19px);font-weight:300;line-height:1.55;color:var(--ink-2);
  opacity:0;transform:translateY(24px);transition:opacity .8s ease .16s,transform .9s cubic-bezier(.2,.7,.2,1) .16s;}
.mad-final .pp-cta-actions{margin-top:36px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;
  opacity:0;transform:translateY(22px);transition:opacity .8s ease .24s,transform .9s cubic-bezier(.2,.7,.2,1) .24s;}
.mad-final .pp-cta-btn{display:inline-flex;align-items:center;gap:11px;font-family:var(--font);font-size:15px;font-weight:500;color:#fff;background:var(--ink);border:1px solid var(--ink);border-radius:999px;padding:15px 16px 15px 26px;text-decoration:none;transition:transform .25s,background .25s,box-shadow .3s;}
.mad-final .pp-cta-btn .ar{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.16);display:grid;place-items:center;transition:background .3s,transform .3s;}
.mad-final .pp-cta-btn .ar svg{width:16px;height:16px;}
.mad-final .pp-cta-btn:hover{background:var(--rose-600);border-color:var(--rose-600);transform:translateY(-2px);box-shadow:0 16px 36px rgba(228,18,82,.3);}
.mad-final .pp-cta-btn:hover .ar{transform:translateX(2px);}
.mad-final .pp-cta-ghost{display:inline-flex;align-items:center;font-family:var(--font);font-size:15px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:15px 24px;text-decoration:none;transition:border-color .25s,transform .25s;}
.mad-final .pp-cta-ghost:hover{border-color:var(--rose-300);transform:translateY(-2px);}
.mad-final .pp-cta-stats{margin-top:48px;display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;
  opacity:0;transform:translateY(20px);transition:opacity .8s ease .32s,transform .9s cubic-bezier(.2,.7,.2,1) .32s;}
.mad-final .pp-cta-stats .s b{font-size:28px;font-weight:600;letter-spacing:-0.03em;color:var(--ink);}
.mad-final .pp-cta-stats .s span{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--muted);}
.mad-final .pp-cta-stats .d{width:1px;height:32px;background:var(--line-2);}
.mad-final .pp-cta.in .pp-cta-eyebrow,.mad-final .pp-cta.in .pp-cta-h,.mad-final .pp-cta.in .pp-cta-p,.mad-final .pp-cta.in .pp-cta-actions,.mad-final .pp-cta.in .pp-cta-stats{opacity:1;transform:none;}
@media(max-width:760px){
.mad-final .pp-cta{min-height:auto;padding:90px 0;}
.mad-final .pp-cta-stats{gap:18px;}
.mad-final .pp-cta-stats .d{display:none;}
}
@media(prefers-reduced-motion:reduce){
.mad-final .pp-cta-aura{animation:none;}
.mad-final .pp-cta .pp-cta-in *{opacity:1!important;transform:none!important;}
}
@keyframes ppAwardRoll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes ppMiniDrift{0%{transform:translate(-3%,-2%) scale(1);}100%{transform:translate(3%,2%) scale(1.08);}}
@media(max-width:760px){
.mad-final .pp-mini .pp-cta-btn{width:100%;justify-content:center;}
}
@keyframes iwPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--hue,#39E07B) 60%,transparent);}70%{box-shadow:0 0 0 7px transparent;}100%{box-shadow:0 0 0 0 transparent;}}
@keyframes tsKeyShift{0%,100%{background-position:0% 50%;}50%{background-position:100% 50%;}}
@keyframes tsKeyGlow{
  0%,100%{filter:drop-shadow(0 0 0 rgba(249,47,100,0)) drop-shadow(0 0 0 rgba(122,0,255,0));}
  50%{filter:drop-shadow(0 0 10px rgba(249,47,100,.55)) drop-shadow(0 0 18px rgba(122,0,255,.35));}
}
@keyframes hb1Rise{to{opacity:1;transform:none;}}
@keyframes hb1Fade{to{opacity:1;}}
@keyframes hb5f1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(6%,8%) scale(1.12);}}
@keyframes hb5f2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-7%,6%) scale(1.08);}}
@keyframes hb5f3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(5%,-8%) scale(1.14);}}
@keyframes hb5flow{0%,100%{background-position:0 50%;}50%{background-position:100% 50%;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxhMorph{0%{border-radius:58% 42% 61% 39% / 45% 55% 45% 55%;transform:translate3d(0,0,0) rotate(0);}
  100%{border-radius:40% 60% 42% 58% / 58% 42% 58% 42%;transform:translate3d(2%,3%,0) rotate(8deg);}}
@keyframes uxhSpin{to{transform:rotate(360deg);}}
@keyframes uxhFloat{0%,100%{transform:rotate(45deg) translateY(0);}50%{transform:rotate(45deg) translateY(-12px);}}
@keyframes uxhPhoto{0%{border-radius:48% 52% 44% 56% / 56% 48% 52% 44%;}100%{border-radius:54% 46% 52% 48% / 46% 56% 44% 54%;}}
@keyframes uxhFloat2{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes wfpRun{to{transform:translate3d(-50%,0,0);}}
@keyframes wfpSeal{to{transform:rotate(360deg);}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxsSwap{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@keyframes uxDrift{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes uxSel{0%,52%{opacity:0;}60%,88%{opacity:.75;}96%,100%{opacity:0;}}
@keyframes uxFlow{to{stroke-dashoffset:0;}}
@keyframes uxRing{0%{transform:scale(1);opacity:.55;}100%{transform:scale(4.2);opacity:0;}}
@keyframes uxDraw{0%{stroke-dashoffset:420;}40%,80%{stroke-dashoffset:0;}100%{stroke-dashoffset:-420;}}
@keyframes uxClick{0%,55%{opacity:0;transform:scale(.6);}58%{opacity:.8;transform:scale(1);}70%{opacity:0;transform:scale(3.4);}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uiAura{from{transform:translate3d(0,0,0) scale(1);}to{transform:translate3d(-50px,26px,0) scale(1.08);}}
@keyframes uiRibA{from{transform:translateX(0);}to{transform:translateX(-720px);}}
@keyframes uiRibB{from{transform:translateX(-720px);}to{transform:translateX(0);}}
@keyframes uiSat{to{transform:rotate(360deg);}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes slFlow{to{stroke-dashoffset:0;}}
@keyframes mlFlow{to{stroke-dashoffset:0;}}
@keyframes mlPulse{0%,100%{opacity:.45;}50%{opacity:1;}}
@keyframes mlRing{0%{transform:scale(1);opacity:.6;}100%{transform:scale(6);opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes wgSpin{to{transform:rotate(360deg);}}
@keyframes wgSpin2{from{transform:scale(.62) rotate(0);}to{transform:scale(.62) rotate(-360deg);}}
@keyframes wgBreathe{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.03);opacity:.7;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes madMarq{to{transform:translateX(-50%);}}
.mad-final{background:#0B0C0E!important;color:#fff;padding:clamp(96px,10vw,160px) 0!important;position:relative;overflow:hidden;}
.mad-final .pp-cta{margin:0!important;width:auto!important;left:auto!important;transform:none!important;min-height:0!important;
  background:transparent!important;border-radius:0!important;padding:0!important;color:#fff!important;
  position:static!important;overflow:visible!important;}
.mad-final .pp-cta{display:block!important;}
.mad-final .pp-cta-in{padding:0!important;margin:0!important;max-width:none!important;width:auto!important;position:relative;z-index:1;text-align:left!important;}
.mad-final .pp-cta-h{max-width:18ch;margin-left:0!important;}
.mad-final .pp-cta-p{max-width:60ch;margin-left:0!important;}
.mad-final .pp-cta-actions{justify-content:flex-start!important;}
.mad-final .pp-cta-aura,.mad-final .pp-cta-dots{position:absolute!important;inset:0!important;}
.mad-final .pp-cta-h,.mad-final .pp-cta-p,.mad-final .pp-cta-actions{opacity:1!important;transform:none!important;transition:none!important;}
.mad-final .pp-cta-h{color:#fff!important;}
.mad-final .pp-cta-h em{color:#FF7BA3!important;-webkit-text-fill-color:#FF7BA3!important;background:none!important;font-style:normal;}
.mad-final .pp-cta-p{color:rgba(255,255,255,.72)!important;}
.mad-final .pp-cta-btn{background:#F92F64!important;color:#fff!important;border-color:#F92F64!important;}
.mad-final .pp-cta-btn:hover{background:#fff!important;color:#F92F64!important;border-color:#fff!important;}
.mad-final .pp-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;}
.mad-final .pp-cta-link{color:rgba(255,255,255,.82);font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.35);transition:color .25s,text-decoration-color .25s;}
.mad-final .pp-cta-link:hover{color:#FF7BA3;text-decoration-color:#FF7BA3;}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxaMer{0%{transform:scaleX(1);opacity:.1;}25%{transform:scaleX(0);opacity:.42;}50%{transform:scaleX(1);opacity:.1;}75%{transform:scaleX(0);opacity:.42;}100%{transform:scaleX(1);opacity:.1;}}
@keyframes uxaSpin{to{transform:rotate(360deg);}}
@keyframes uxaGlow{0%,100%{transform:scale(.94);opacity:.8;}50%{transform:scale(1.04);opacity:1;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes madMarq{to{transform:translateX(-50%);}}
.mad-final{background:#0B0C0E!important;color:#fff;padding:clamp(96px,10vw,160px) 0!important;position:relative;overflow:hidden;}
.mad-final .pp-cta{margin:0!important;width:auto!important;left:auto!important;transform:none!important;min-height:0!important;
  background:transparent!important;border-radius:0!important;padding:0!important;color:#fff!important;
  position:static!important;overflow:visible!important;}
.mad-final .pp-cta{display:block!important;}
.mad-final .pp-cta-in{padding:0!important;margin:0!important;max-width:none!important;width:auto!important;position:relative;z-index:1;text-align:left!important;}
.mad-final .pp-cta-h{max-width:18ch;margin-left:0!important;}
.mad-final .pp-cta-p{max-width:60ch;margin-left:0!important;}
.mad-final .pp-cta-actions{justify-content:flex-start!important;}
.mad-final .pp-cta-aura,.mad-final .pp-cta-dots{position:absolute!important;inset:0!important;}
.mad-final .pp-cta-h,.mad-final .pp-cta-p,.mad-final .pp-cta-actions{opacity:1!important;transform:none!important;transition:none!important;}
.mad-final .pp-cta-h{color:#fff!important;}
.mad-final .pp-cta-h em{color:#FF7BA3!important;-webkit-text-fill-color:#FF7BA3!important;background:none!important;font-style:normal;}
.mad-final .pp-cta-p{color:rgba(255,255,255,.72)!important;}
.mad-final .pp-cta-btn{background:#F92F64!important;color:#fff!important;border-color:#F92F64!important;}
.mad-final .pp-cta-btn:hover{background:#fff!important;color:#F92F64!important;border-color:#fff!important;}
.mad-final .pp-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;}
.mad-final .pp-cta-link{color:rgba(255,255,255,.82);font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.35);transition:color .25s,text-decoration-color .25s;}
.mad-final .pp-cta-link:hover{color:#FF7BA3;text-decoration-color:#FF7BA3;}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes wlComet{to{stroke-dashoffset:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}

.ft2{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;
  --violet:#7A00FF;--violet-2:#A24BFF;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--line:#ECEDF0;--line-2:#E3E4E8;
  --font:"Google Sans Flex","Google Sans","Product Sans","Figtree",system-ui,-apple-system,sans-serif;
  --maxw:1240px;
}
@keyframes ftPulse{0%{box-shadow:0 0 0 0 rgba(54,211,153,.5);}70%{box-shadow:0 0 0 7px rgba(54,211,153,0);}100%{box-shadow:0 0 0 0 rgba(54,211,153,0);}}
.ft2{background:#0B0C0E;color:#fff;position:relative;overflow:hidden;}
.ft2-orb{position:absolute;width:620px;height:620px;left:-160px;bottom:-340px;border-radius:50%;filter:blur(70px);pointer-events:none;background:radial-gradient(circle,rgba(249,47,100,.30),rgba(122,0,255,.22) 55%,transparent 72%);}
.ft2-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 48px;}
.ft2-top{display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center;padding:74px 0 46px;border-bottom:1px solid rgba(255,255,255,.1);}
.ft2-brand .ft-mark{margin-bottom:20px;}
.ft2-brand .ft-mark .nm{color:#fff;}
.ft2-brand .ft-mark .nm em{color:rgba(255,255,255,.55);}
.ft2-brand p.tag{font-size:16px;line-height:1.55;color:rgba(255,255,255,.72);max-width:42ch;letter-spacing:-0.01em;}
.ft2-brand .meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px;}
.ft2-brand .mail{font-size:14px;font-weight:500;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:2px;transition:color .2s,border-color .2s;}
.ft2-brand .mail:hover{color:var(--rose-300);border-color:var(--rose-300);}
.ft2-cta{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:30px 32px;}
.ft2-cta h3{font-size:21px;font-weight:600;letter-spacing:-0.025em;color:#fff;}
.ft2-cta p{margin-top:8px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.62);}
.ft2-cta .ft-form{margin-top:18px;}
.ft2-cta .ft-input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff;}
.ft2-cta .ft-input::placeholder{color:rgba(255,255,255,.5);}
.ft2-cta .ft-submit{background:#fff;color:var(--ink);}
.ft2-cta .ft-submit:hover{background:var(--rose-500);color:#fff;}
.ft2-hint{padding:26px 0 4px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);}
.ft2-row{border-top:1px solid rgba(255,255,255,.1);}
.ft2-row:last-of-type{border-bottom:1px solid rgba(255,255,255,.1);}
.ft2-sum{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:22px 4px;user-select:none;}
.ft2-sum::-webkit-details-marker{display:none;}
.ft2-sum-t{font-size:19px;font-weight:600;letter-spacing:-0.02em;color:#fff;transition:color .2s;}
.ft2-row:hover .ft2-sum-t{color:var(--rose-300);}
.ft2-cnt{font-size:12px;font-weight:500;color:rgba(255,255,255,.4);}
.ft2-ic{margin-left:auto;width:26px;height:26px;flex:none;display:grid;place-items:center;color:rgba(255,255,255,.6);transition:transform .3s,color .2s;}
.ft2-ic svg{width:16px;height:16px;}
.ft2-row[open] .ft2-ic{transform:rotate(45deg);color:var(--rose-300);}
.ft2-panel{padding:0 4px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:30px 28px;align-content:start;animation:ft2Fade .35s ease both;}
@keyframes ft2Fade{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
.ft2 .ft-link{color:rgba(255,255,255,.62);}
.ft2 .ft-link:hover{color:#fff;}
.ft2 .ft-subh{color:#fff;}
.ft2 a.ft-subh:hover{color:var(--rose-300);}
.ft2 .ft-more{color:var(--rose-300);}
.ft2-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:30px 0 16px;border-top:1px solid rgba(255,255,255,.1);margin-top:26px;}
.ft2-bottom .ft-status{color:rgba(255,255,255,.7);}
.ft2-bottom .ft-legal a{color:rgba(255,255,255,.5);}
.ft2-bottom .ft-legal a:hover{color:var(--rose-300);}
.ft2-bottom .ft-copy{color:rgba(255,255,255,.4);}
.ft2-geo{padding:0 0 42px;font-size:12px;line-height:1.6;color:rgba(255,255,255,.32);max-width:80ch;}
@media(max-width:920px){
.ft1-top,.ft2-top{grid-template-columns:1fr;gap:36px;}
}
@media(max-width:600px){
.fw,.ft2-inner{padding:0 22px;}
.ft1-top,.ft2-top{padding:48px 0 36px;}
.ft1-band-body,.ft2-panel{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 20px;}
.ft1-cta,.ft2-cta{padding:26px 22px;}
}
@media(prefers-reduced-motion:reduce){
.ft2-panel{animation:none;}
}
@keyframes hb1Rise{to{opacity:1;transform:none;}}
@keyframes hb1Fade{to{opacity:1;}}
@keyframes hb5f1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(6%,8%) scale(1.12);}}
@keyframes hb5f2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-7%,6%) scale(1.08);}}
@keyframes hb5f3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(5%,-8%) scale(1.14);}}
@keyframes hb5flow{0%,100%{background-position:0 50%;}50%{background-position:100% 50%;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxhMorph{0%{border-radius:58% 42% 61% 39% / 45% 55% 45% 55%;transform:translate3d(0,0,0) rotate(0);}
  100%{border-radius:40% 60% 42% 58% / 58% 42% 58% 42%;transform:translate3d(2%,3%,0) rotate(8deg);}}
@keyframes uxhSpin{to{transform:rotate(360deg);}}
@keyframes uxhFloat{0%,100%{transform:rotate(45deg) translateY(0);}50%{transform:rotate(45deg) translateY(-12px);}}
@keyframes uxhPhoto{0%{border-radius:48% 52% 44% 56% / 56% 48% 52% 44%;}100%{border-radius:54% 46% 52% 48% / 46% 56% 44% 54%;}}
@keyframes uxhFloat2{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes wfpRun{to{transform:translate3d(-50%,0,0);}}
@keyframes wfpSeal{to{transform:rotate(360deg);}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxsSwap{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:none;}}
@keyframes uxDrift{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes uxSel{0%,52%{opacity:0;}60%,88%{opacity:.75;}96%,100%{opacity:0;}}
@keyframes uxFlow{to{stroke-dashoffset:0;}}
@keyframes uxRing{0%{transform:scale(1);opacity:.55;}100%{transform:scale(4.2);opacity:0;}}
@keyframes uxDraw{0%{stroke-dashoffset:420;}40%,80%{stroke-dashoffset:0;}100%{stroke-dashoffset:-420;}}
@keyframes uxClick{0%,55%{opacity:0;transform:scale(.6);}58%{opacity:.8;transform:scale(1);}70%{opacity:0;transform:scale(3.4);}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uiAura{from{transform:translate3d(0,0,0) scale(1);}to{transform:translate3d(-50px,26px,0) scale(1.08);}}
@keyframes uiRibA{from{transform:translateX(0);}to{transform:translateX(-720px);}}
@keyframes uiRibB{from{transform:translateX(-720px);}to{transform:translateX(0);}}
@keyframes uiSat{to{transform:rotate(360deg);}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes slFlow{to{stroke-dashoffset:0;}}
@keyframes mlFlow{to{stroke-dashoffset:0;}}
@keyframes mlPulse{0%,100%{opacity:.45;}50%{opacity:1;}}
@keyframes mlRing{0%{transform:scale(1);opacity:.6;}100%{transform:scale(6);opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes wgSpin{to{transform:rotate(360deg);}}
@keyframes wgSpin2{from{transform:scale(.62) rotate(0);}to{transform:scale(.62) rotate(-360deg);}}
@keyframes wgBreathe{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.03);opacity:.7;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes madMarq{to{transform:translateX(-50%);}}
footer.ft2{background:#0B0C0E!important;color:#fff!important;}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxaMer{0%{transform:scaleX(1);opacity:.1;}25%{transform:scaleX(0);opacity:.42;}50%{transform:scaleX(1);opacity:.1;}75%{transform:scaleX(0);opacity:.42;}100%{transform:scaleX(1);opacity:.1;}}
@keyframes uxaSpin{to{transform:rotate(360deg);}}
@keyframes uxaGlow{0%,100%{transform:scale(.94);opacity:.8;}50%{transform:scale(1.04);opacity:1;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes madMarq{to{transform:translateX(-50%);}}
footer.ft2{background:#0B0C0E!important;color:#fff!important;}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes wlComet{to{stroke-dashoffset:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}

/* eyebrow, secondary CTA and closing microcopy */
.mad-final{padding:clamp(80px,8vw,120px) 0;background:#fff;}
.mad-final .hxf-eye{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#FF7BA3;}
.mad-final .hxf-eye::before{content:"";width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.22);}
.mad-final .pp-cta-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 26px;}
.mad-final .hxf-sec{color:#fff;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:3px;transition:color .3s,border-color .3s;}
.mad-final .hxf-sec:hover{color:#FF7BA3;border-color:#FF7BA3;}
.mad-final .hxf-micro{margin:30px 0 0;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.mad-final .hxf-micro i{font-style:normal;color:#F92F64;margin:0 6px;}

/* hx-foot.css */
/* Footer Variant 2 — full footer.css scoped under #ft2 (globals dropped) */
#ft2{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;
  --violet:#7A00FF;--violet-2:#A24BFF;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--line:#ECEDF0;--line-2:#E3E4E8;
  --font:"Google Sans Flex","Google Sans","Product Sans","Figtree",system-ui,-apple-system,sans-serif;
  --maxw:1240px;
}
#ft2 .fw{max-width:var(--maxw);margin:0 auto;padding:0 48px;}
#ft2 .ft-vtag{max-width:var(--maxw);margin:0 auto;padding:34px 48px 14px;font-size:13.5px;color:var(--muted);}
#ft2 .ft-vtag b{color:var(--ink);font-weight:600;}
#ft2 .ft-vtag .pill{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:var(--ink);border-radius:999px;padding:4px 12px;margin-right:9px;}
#ft2 .ft-mark{display:inline-flex;align-items:center;gap:11px;text-decoration:none;}
#ft2 .ft-mark .m{width:30px;height:30px;flex:none;}
#ft2 .ft-mark .nm{font-size:21px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);line-height:1;}
#ft2 .ft-mark .nm em{font-style:normal;font-weight:400;color:var(--muted);font-size:12.5px;display:block;margin-top:2px;}
#ft2 .ft-link{display:block;font-size:14px;line-height:1.4;color:var(--ink-2);text-decoration:none;padding:5px 0;transition:color .18s;}
#ft2 .ft-link:hover{color:var(--rose-600);}
#ft2 .ft-subh{display:block;font-size:13px;font-weight:600;letter-spacing:-0.005em;color:var(--ink);text-decoration:none;margin-bottom:8px;}
#ft2 a.ft-subh{transition:color .18s;}
#ft2 a.ft-subh:hover{color:var(--rose-600);}
#ft2 .ft-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--rose-600);text-decoration:none;margin-top:8px;}
#ft2 .ft-more svg{width:14px;height:14px;transition:transform .2s;}
#ft2 .ft-more:hover svg{transform:translateX(3px);}
#ft2 .ft-form{display:flex;align-items:center;gap:10px;}
#ft2 .ft-input{flex:1;min-width:0;font-family:var(--font);font-size:15px;color:var(--ink);background:#fff;border:1px solid var(--line-2);border-radius:12px;padding:14px 16px;outline:none;transition:border-color .25s,box-shadow .25s;}
#ft2 .ft-input::placeholder{color:var(--faint);}
#ft2 .ft-input:focus{border-color:var(--rose-300);box-shadow:0 0 0 3px rgba(249,47,100,.1);}
#ft2 .ft-submit{flex:none;display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:14.5px;font-weight:600;color:#fff;background:var(--ink);border:none;border-radius:12px;padding:14px 22px;cursor:pointer;white-space:nowrap;transition:background .25s,transform .25s,box-shadow .3s;}
#ft2 .ft-submit svg{width:16px;height:16px;transition:transform .25s;}
#ft2 .ft-submit:hover{background:var(--rose-600);transform:translateY(-1px);box-shadow:0 12px 26px rgba(228,18,82,.26);}
#ft2 .ft-submit:hover svg{transform:translateX(3px);}
#ft2 .ft-formok{font-size:13px;color:var(--rose-600);font-weight:500;margin-top:10px;min-height:16px;}
#ft2 .ft-status{display:inline-flex;align-items:center;gap:9px;font-size:13px;font-weight:500;color:var(--ink-2);}
#ft2 .ft-status .d{width:8px;height:8px;border-radius:50%;background:#36D399;box-shadow:0 0 0 0 rgba(54,211,153,.6);animation:ftPulse 2.4s ease-out infinite;}
@keyframes ftPulse{0%{box-shadow:0 0 0 0 rgba(54,211,153,.5);}70%{box-shadow:0 0 0 7px rgba(54,211,153,0);}100%{box-shadow:0 0 0 0 rgba(54,211,153,0);}}
#ft2 .ft-legal{display:flex;align-items:center;gap:8px 22px;flex-wrap:wrap;}
#ft2 .ft-legal a{font-size:12.5px;color:var(--muted);text-decoration:none;transition:color .2s;}
#ft2 .ft-legal a:hover{color:var(--rose-600);}
#ft2 .ft-copy{font-size:12.5px;color:var(--faint);}
#ft2 .ft1{background:#fff;border-top:1px solid var(--line);}
#ft2 .ft1-top{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding:72px 0 52px;border-bottom:1px solid var(--line);}
#ft2 .ft1-brand .ft-mark{margin-bottom:20px;}
#ft2 .ft1-brand p.tag{font-size:16px;line-height:1.55;color:var(--ink-2);max-width:38ch;letter-spacing:-0.01em;}
#ft2 .ft1-brand .meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px;}
#ft2 .ft1-brand .mail{font-size:14px;font-weight:500;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:color .2s,border-color .2s;}
#ft2 .ft1-brand .mail:hover{color:var(--rose-600);border-color:var(--rose-300);}
#ft2 .ft1-cta{background:var(--bg-2);border:1px solid var(--line);border-radius:20px;padding:32px 34px;}
#ft2 .ft1-cta h3{font-size:22px;font-weight:600;letter-spacing:-0.025em;color:var(--ink);}
#ft2 .ft1-cta p{margin-top:8px;font-size:14px;line-height:1.5;color:var(--muted);}
#ft2 .ft1-cta .ft-form{margin-top:20px;}
#ft2 .ft1-band{display:grid;grid-template-columns:230px 1fr;gap:56px;padding:44px 0;border-bottom:1px solid var(--line);}
#ft2 .ft1-band--full{grid-template-columns:1fr;}
#ft2 .ft1-band-title{font-size:19px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:color .2s;}
#ft2 .ft1-band-title:hover{color:var(--rose-600);}
#ft2 .ft1-band-title svg{width:15px;height:15px;opacity:0;transform:translateX(-4px);transition:opacity .2s,transform .2s;}
#ft2 .ft1-band-title:hover svg{opacity:1;transform:translateX(0);}
#ft2 .ft1-band-desc{margin-top:12px;font-size:13px;line-height:1.55;color:var(--muted);max-width:26ch;}
#ft2 .ft1-band-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:34px 30px;align-content:start;}
#ft2 .ft1-sub{min-width:0;}
#ft2 .ft1-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:30px 0 16px;}
#ft2 .ft1-geo{padding:0 0 40px;font-size:12px;line-height:1.6;color:var(--faint);max-width:80ch;}
#ft2{background:#0B0C0E;color:#fff;position:relative;overflow:hidden;}
#ft2-orb{position:absolute;width:620px;height:620px;left:-160px;bottom:-340px;border-radius:50%;filter:blur(70px);pointer-events:none;background:radial-gradient(circle,rgba(249,47,100,.30),rgba(122,0,255,.22) 55%,transparent 72%);}
#ft2-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 48px;}
#ft2-top{display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center;padding:74px 0 46px;border-bottom:1px solid rgba(255,255,255,.1);}
#ft2-brand .ft-mark{margin-bottom:20px;}
#ft2-brand .ft-mark .nm{color:#fff;}
#ft2-brand .ft-mark .nm em{color:rgba(255,255,255,.55);}
#ft2-brand p.tag{font-size:16px;line-height:1.55;color:rgba(255,255,255,.72);max-width:42ch;letter-spacing:-0.01em;}
#ft2-brand .meta{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:24px;}
#ft2-brand .mail{font-size:14px;font-weight:500;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.22);padding-bottom:2px;transition:color .2s,border-color .2s;}
#ft2-brand .mail:hover{color:var(--rose-300);border-color:var(--rose-300);}
#ft2-cta{background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.13);border-radius:20px;padding:30px 32px;}
#ft2-cta h3{font-size:21px;font-weight:600;letter-spacing:-0.025em;color:#fff;}
#ft2-cta p{margin-top:8px;font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.62);}
#ft2-cta .ft-form{margin-top:18px;}
#ft2-cta .ft-input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);color:#fff;}
#ft2-cta .ft-input::placeholder{color:rgba(255,255,255,.5);}
#ft2-cta .ft-submit{background:#fff;color:var(--ink);}
#ft2-cta .ft-submit:hover{background:var(--rose-500);color:#fff;}
#ft2-hint{padding:26px 0 4px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.4);}
#ft2-row{border-top:1px solid rgba(255,255,255,.1);}
#ft2-row:last-of-type{border-bottom:1px solid rgba(255,255,255,.1);}
#ft2-sum{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:22px 4px;user-select:none;}
#ft2-sum::-webkit-details-marker{display:none;}
#ft2-sum-t{font-size:19px;font-weight:600;letter-spacing:-0.02em;color:#fff;transition:color .2s;}
#ft2-row:hover .ft2-sum-t{color:var(--rose-300);}
#ft2-cnt{font-size:12px;font-weight:500;color:rgba(255,255,255,.4);}
#ft2-ic{margin-left:auto;width:26px;height:26px;flex:none;display:grid;place-items:center;color:rgba(255,255,255,.6);transition:transform .3s,color .2s;}
#ft2-ic svg{width:16px;height:16px;}
#ft2-row[open] .ft2-ic{transform:rotate(45deg);color:var(--rose-300);}
#ft2-panel{padding:0 4px 30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:30px 28px;align-content:start;animation:ft2Fade .35s ease both;}
@keyframes ft2Fade{from{opacity:0;transform:translateY(-6px);}to{opacity:1;transform:none;}}
#ft2 .ft-link{color:rgba(255,255,255,.62);}
#ft2 .ft-link:hover{color:#fff;}
#ft2 .ft-subh{color:#fff;}
#ft2 a.ft-subh:hover{color:var(--rose-300);}
#ft2 .ft-more{color:var(--rose-300);}
#ft2-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:30px 0 16px;border-top:1px solid rgba(255,255,255,.1);margin-top:26px;}
#ft2-bottom .ft-status{color:rgba(255,255,255,.7);}
#ft2-bottom .ft-legal a{color:rgba(255,255,255,.5);}
#ft2-bottom .ft-legal a:hover{color:var(--rose-300);}
#ft2-bottom .ft-copy{color:rgba(255,255,255,.4);}
#ft2-geo{padding:0 0 42px;font-size:12px;line-height:1.6;color:rgba(255,255,255,.32);max-width:80ch;}
@media(max-width:920px){
#ft2 .ft1-top,#ft2-top{grid-template-columns:1fr;gap:36px;}
#ft2 .ft1-band{grid-template-columns:1fr;gap:22px;}
}
@media(max-width:600px){
#ft2 .fw,#ft2-inner{padding:0 22px;}
#ft2 .ft-vtag{padding:26px 22px 12px;}
#ft2 .ft1-top,#ft2-top{padding:48px 0 36px;}
#ft2 .ft1-band{padding:32px 0;}
#ft2 .ft1-band-body,#ft2-panel{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px 20px;}
#ft2 .ft-form{flex-direction:column;align-items:stretch;}
#ft2 .ft-submit{justify-content:center;}
#ft2 .ft1-cta,#ft2-cta{padding:26px 22px;}
}
@media(prefers-reduced-motion:reduce){
#ft2 .ft-status .d{animation:none;}
#ft2-panel{animation:none;}
}
#ft2 footer.ft2{background:#0B0C0E!important;color:#fff!important;}
#ft2 footer.ft2{background:#0B0C0E!important;color:#fff!important;}

/* dark footer: light ink for the wordmark and status line */
#ft2 .ft-mark .nm{color:#fff;}
#ft2 .ft-status{color:rgba(255,255,255,.6);}

/* inline */

html,body{margin:0;}
body{font-family:'Figtree',system-ui,sans-serif;background:#F4F4F5;color:#0B0C0E;-webkit-font-smoothing:antialiased;}
a{color:#F92F64;}
a:hover{color:#E0204F;}


/* why wdi — pinned horizontal scroll through the reasons rail (same behaviour as industries) */
.wwy-pin{position:relative;z-index:3;}
.wwy-pin.on > #sw-why{position:sticky;top:0;height:100vh;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;
  padding-top:clamp(28px,7vh,96px)!important;padding-bottom:clamp(24px,5vh,80px)!important;}
.wwy-pin.on #swWhyRail{overflow:hidden!important;scroll-snap-type:none!important;}
.wwy-pin.on #swWhyRail > *{will-change:transform,opacity;transform-origin:50% 60%;}
.wwy-pin.on #sw-why .lp-wy-rail-wrap{margin-top:clamp(20px,4vh,56px)!important;}
/* anchor the pinned content to the top so the eyebrow always has breathing room */
.wwy-pin.on > #sw-why{justify-content:flex-start!important;padding-top:clamp(60px,8.2vh,100px)!important;}
.wwy-pin.on #sw-why .lp-h{font-size:clamp(34px,4.2vw,64px)!important;}
.wwy-pin.on #sw-why .lp-wy-rail-wrap{margin-top:clamp(18px,3vh,40px)!important;}
@media(max-width:900px),(max-height:620px),(prefers-reduced-motion:reduce){.wwy-pin{height:auto!important;}.wwy-pin > #sw-why{position:relative;height:auto;}}
/* cut-out portrait sits in front of the shapes, no blob mask */
.uxh-photo.uxh-cut{right:10%;top:auto;bottom:0;width:auto;height:96%;object-fit:contain;object-position:bottom center;z-index:3;
  border-radius:0;-webkit-mask:none;mask:none;animation:none;filter:drop-shadow(0 24px 30px rgba(20,10,30,.18));}
.uxh-chip{z-index:4;}
/* ---------- UI/UX motif layer behind the copy ---------- */
.uxh-ux{position:absolute;inset:0;right:auto;width:58%;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);}
.uxh-ux::before{content:"";position:absolute;left:-10%;top:-12%;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(162,75,255,.14),transparent 70%);}
.uxh-ux::after{content:"";position:absolute;left:12%;bottom:-18%;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,47,100,.11),transparent 70%);}
.ux-cols{position:absolute;inset:0 4% 0 clamp(20px,3.2vw,40px);display:grid;grid-template-columns:repeat(6,1fr);gap:2.4%;}
.ux-cols i{background:rgba(249,47,100,.035);border-left:1px dashed rgba(249,47,100,.12);border-right:1px dashed rgba(249,47,100,.12);}
.ux-flow{position:absolute;inset:0;width:100%;height:100%;}
.ux-flow path{fill:none;stroke:rgba(162,75,255,.32);stroke-width:1.4;stroke-dasharray:3 8;animation:uxDash 26s linear infinite;}
.ux-node{fill:#fff;stroke:#F92F64;stroke-width:2;}
.ux-node.v{stroke:#A24BFF;}
.ux-pkt{fill:#F92F64;filter:drop-shadow(0 0 6px rgba(249,47,100,.7));}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
.ux-frame{position:absolute;display:grid;gap:9px;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);
  border:1px solid rgba(162,75,255,.2);box-shadow:0 18px 40px -26px rgba(60,20,90,.35);}
.ux-frame b{display:block;height:46px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(162,75,255,.12) 0 6px,rgba(162,75,255,.04) 6px 12px);}
.ux-frame i{display:block;height:7px;border-radius:4px;background:rgba(12,12,20,.08);}
.ux-frame i + i{width:70%;}
.ux-frame u{display:block;width:44%;height:16px;border-radius:999px;background:rgba(249,47,100,.32);}
.ux-frame.f1{width:150px;right:6%;top:9%;rotate:4deg;animation:uxBob 12s ease-in-out infinite alternate;}
.ux-frame.f2{width:120px;left:2%;bottom:7%;rotate:-6deg;animation:uxBob 14s ease-in-out -5s infinite alternate;}
.ux-sel{position:absolute;left:calc(clamp(20px,3.2vw,40px) - 10px);top:clamp(118px,13vw,170px);width:min(46%,430px);height:clamp(60px,6vw,104px);
  border:1px solid rgba(162,75,255,.55);border-radius:2px;}
.ux-sel em{position:absolute;left:-1px;top:-21px;padding:2px 7px;border-radius:4px 4px 4px 0;background:#A24BFF;color:#fff;font:600 10px/1.4 'Space Grotesk',ui-monospace,monospace;font-style:normal;letter-spacing:.04em;}
.ux-sel s{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #A24BFF;}
.ux-sel .h1{left:-4px;top:-4px}.ux-sel .h2{right:-4px;top:-4px}.ux-sel .h3{left:-4px;bottom:-4px}.ux-sel .h4{right:-4px;bottom:-4px}
.ux-sw{position:absolute;right:16%;bottom:24%;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(255,255,255,.7);
  box-shadow:0 10px 26px -18px rgba(12,12,20,.4);animation:uxBob 10s ease-in-out -2s infinite alternate;}
.ux-sw i{width:16px;height:16px;border-radius:50%;background:var(--c);}
.ux-type{position:absolute;right:30%;top:3%;font:600 clamp(54px,5vw,80px)/1 'Figtree',sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.2px rgba(249,47,100,.32);}
.ux-cur{position:absolute;left:44%;bottom:15%;display:flex;align-items:flex-start;gap:4px;animation:uxCur 9s ease-in-out infinite;}
.ux-cur svg{width:20px;height:20px;fill:#0B0C0E;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));}
.ux-cur em{margin-top:16px;padding:3px 9px;border-radius:999px;background:#F92F64;color:#fff;font:600 10.5px/1.4 'Figtree',sans-serif;font-style:normal;white-space:nowrap;}
.ux-rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,47,100,.7);animation:uxRip 9s ease-out infinite;}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
.uxh-copy{z-index:2;}
@media(max-width:940px){.uxh-ux{width:100%;opacity:.6;}.ux-sel,.ux-type{display:none;}}
@media(prefers-reduced-motion:reduce){.uxh-ux *{animation:none!important;}}
.uxh > .ux-cur{position:absolute;z-index:3;pointer-events:none;left:var(--cx,30%);top:var(--cy,70%);bottom:auto;}
.ux-cur .ux-rip{left:-9px;top:-9px;}


/* Why WDI — original cards, CTA on the right, calm live backdrop */
#sw-why{position:relative;overflow:hidden;isolation:isolate;}
#sw-why > .wrap{position:relative;z-index:1;}
#sw-why .wwy-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;}
#sw-why .wwy-top .lp-head{margin-bottom:0!important;}
#sw-why .wwy-cta{margin:0!important;justify-content:flex-end!important;}
#sw-why .lp-wy-rail-wrap{margin-top:clamp(28px,4vw,52px);}
#sw-why .wwy-live{position:absolute;inset:0;z-index:0;pointer-events:none;
  -webkit-mask:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);}
#sw-why .wwy-live svg{width:100%;height:100%;}
#sw-why .wl-trace path{stroke:rgba(255,255,255,.07);stroke-width:1.1;}
#sw-why .wl-comet use{stroke:#F92F64;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:80 2400;stroke-dashoffset:2480;animation:wlComet 20s linear infinite;opacity:.75;}
#sw-why .wl-comet use.c2{stroke:#A24BFF;animation-duration:24s;animation-delay:-10s;}
#sw-why .wl-comet use.c3{animation-duration:18s;animation-delay:-5s;opacity:.5;}
@keyframes wlComet{to{stroke-dashoffset:0;}}
#sw-why .wl-nodes circle{fill:#08090B;stroke:rgba(249,47,100,.45);stroke-width:1.1;}
@media(max-width:760px){#sw-why .wwy-top{grid-template-columns:1fr;}#sw-why .wwy-cta{justify-content:flex-start!important;}}
@media(prefers-reduced-motion:reduce){#sw-why .wl-comet use{animation:none;}}
/* cut-out portrait sits in front of the shapes, no blob mask */
.uxh-photo.uxh-cut{right:10%;top:auto;bottom:0;width:auto;height:96%;object-fit:contain;object-position:bottom center;z-index:3;
  border-radius:0;-webkit-mask:none;mask:none;animation:none;filter:drop-shadow(0 24px 30px rgba(20,10,30,.18));}
.uxh-chip{z-index:4;}
/* ---------- UI/UX motif layer behind the copy ---------- */
.uxh-ux{position:absolute;inset:0;right:auto;width:58%;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);}
.uxh-ux::before{content:"";position:absolute;left:-10%;top:-12%;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(162,75,255,.14),transparent 70%);}
.uxh-ux::after{content:"";position:absolute;left:12%;bottom:-18%;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,47,100,.11),transparent 70%);}
.ux-cols{position:absolute;inset:0 4% 0 clamp(20px,3.2vw,40px);display:grid;grid-template-columns:repeat(6,1fr);gap:2.4%;}
.ux-cols i{background:rgba(249,47,100,.035);border-left:1px dashed rgba(249,47,100,.12);border-right:1px dashed rgba(249,47,100,.12);}
.ux-flow{position:absolute;inset:0;width:100%;height:100%;}
.ux-flow path{fill:none;stroke:rgba(162,75,255,.32);stroke-width:1.4;stroke-dasharray:3 8;animation:uxDash 26s linear infinite;}
.ux-node{fill:#fff;stroke:#F92F64;stroke-width:2;}
.ux-node.v{stroke:#A24BFF;}
.ux-pkt{fill:#F92F64;filter:drop-shadow(0 0 6px rgba(249,47,100,.7));}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
.ux-frame{position:absolute;display:grid;gap:9px;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);
  border:1px solid rgba(162,75,255,.2);box-shadow:0 18px 40px -26px rgba(60,20,90,.35);}
.ux-frame b{display:block;height:46px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(162,75,255,.12) 0 6px,rgba(162,75,255,.04) 6px 12px);}
.ux-frame i{display:block;height:7px;border-radius:4px;background:rgba(12,12,20,.08);}
.ux-frame i + i{width:70%;}
.ux-frame u{display:block;width:44%;height:16px;border-radius:999px;background:rgba(249,47,100,.32);}
.ux-frame.f1{width:150px;right:6%;top:9%;rotate:4deg;animation:uxBob 12s ease-in-out infinite alternate;}
.ux-frame.f2{width:120px;left:2%;bottom:7%;rotate:-6deg;animation:uxBob 14s ease-in-out -5s infinite alternate;}
.ux-sel{position:absolute;left:calc(clamp(20px,3.2vw,40px) - 10px);top:clamp(118px,13vw,170px);width:min(46%,430px);height:clamp(60px,6vw,104px);
  border:1px solid rgba(162,75,255,.55);border-radius:2px;}
.ux-sel em{position:absolute;left:-1px;top:-21px;padding:2px 7px;border-radius:4px 4px 4px 0;background:#A24BFF;color:#fff;font:600 10px/1.4 'Space Grotesk',ui-monospace,monospace;font-style:normal;letter-spacing:.04em;}
.ux-sel s{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #A24BFF;}
.ux-sel .h1{left:-4px;top:-4px}.ux-sel .h2{right:-4px;top:-4px}.ux-sel .h3{left:-4px;bottom:-4px}.ux-sel .h4{right:-4px;bottom:-4px}
.ux-sw{position:absolute;right:16%;bottom:24%;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(255,255,255,.7);
  box-shadow:0 10px 26px -18px rgba(12,12,20,.4);animation:uxBob 10s ease-in-out -2s infinite alternate;}
.ux-sw i{width:16px;height:16px;border-radius:50%;background:var(--c);}
.ux-type{position:absolute;right:30%;top:3%;font:600 clamp(54px,5vw,80px)/1 'Figtree',sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.2px rgba(249,47,100,.32);}
.ux-cur{position:absolute;left:44%;bottom:15%;display:flex;align-items:flex-start;gap:4px;animation:uxCur 9s ease-in-out infinite;}
.ux-cur svg{width:20px;height:20px;fill:#0B0C0E;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));}
.ux-cur em{margin-top:16px;padding:3px 9px;border-radius:999px;background:#F92F64;color:#fff;font:600 10.5px/1.4 'Figtree',sans-serif;font-style:normal;white-space:nowrap;}
.ux-rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,47,100,.7);animation:uxRip 9s ease-out infinite;}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
.uxh-copy{z-index:2;}
@media(max-width:940px){.uxh-ux{width:100%;opacity:.6;}.ux-sel,.ux-type{display:none;}}
@media(prefers-reduced-motion:reduce){.uxh-ux *{animation:none!important;}}
.uxh > .ux-cur{position:absolute;z-index:3;pointer-events:none;left:var(--cx,30%);top:var(--cy,70%);bottom:auto;}
.ux-cur .ux-rip{left:-9px;top:-9px;}

.wwy-pin:not(.on) #sw-why .lp-wy-card,#sw-why .lp-wy-foot,#sw-why .lp-head>*{opacity:1!important;transform:none!important;}
.wwy-pin.on #sw-why .lp-wy-card{transition:none!important;}/* cut-out portrait sits in front of the shapes, no blob mask */
.uxh-photo.uxh-cut{right:10%;top:auto;bottom:0;width:auto;height:96%;object-fit:contain;object-position:bottom center;z-index:3;
  border-radius:0;-webkit-mask:none;mask:none;animation:none;filter:drop-shadow(0 24px 30px rgba(20,10,30,.18));}
.uxh-chip{z-index:4;}
/* ---------- UI/UX motif layer behind the copy ---------- */
.uxh-ux{position:absolute;inset:0;right:auto;width:58%;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);}
.uxh-ux::before{content:"";position:absolute;left:-10%;top:-12%;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(162,75,255,.14),transparent 70%);}
.uxh-ux::after{content:"";position:absolute;left:12%;bottom:-18%;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,47,100,.11),transparent 70%);}
.ux-cols{position:absolute;inset:0 4% 0 clamp(20px,3.2vw,40px);display:grid;grid-template-columns:repeat(6,1fr);gap:2.4%;}
.ux-cols i{background:rgba(249,47,100,.035);border-left:1px dashed rgba(249,47,100,.12);border-right:1px dashed rgba(249,47,100,.12);}
.ux-flow{position:absolute;inset:0;width:100%;height:100%;}
.ux-flow path{fill:none;stroke:rgba(162,75,255,.32);stroke-width:1.4;stroke-dasharray:3 8;animation:uxDash 26s linear infinite;}
.ux-node{fill:#fff;stroke:#F92F64;stroke-width:2;}
.ux-node.v{stroke:#A24BFF;}
.ux-pkt{fill:#F92F64;filter:drop-shadow(0 0 6px rgba(249,47,100,.7));}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
.ux-frame{position:absolute;display:grid;gap:9px;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);
  border:1px solid rgba(162,75,255,.2);box-shadow:0 18px 40px -26px rgba(60,20,90,.35);}
.ux-frame b{display:block;height:46px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(162,75,255,.12) 0 6px,rgba(162,75,255,.04) 6px 12px);}
.ux-frame i{display:block;height:7px;border-radius:4px;background:rgba(12,12,20,.08);}
.ux-frame i + i{width:70%;}
.ux-frame u{display:block;width:44%;height:16px;border-radius:999px;background:rgba(249,47,100,.32);}
.ux-frame.f1{width:150px;right:6%;top:9%;rotate:4deg;animation:uxBob 12s ease-in-out infinite alternate;}
.ux-frame.f2{width:120px;left:2%;bottom:7%;rotate:-6deg;animation:uxBob 14s ease-in-out -5s infinite alternate;}
.ux-sel{position:absolute;left:calc(clamp(20px,3.2vw,40px) - 10px);top:clamp(118px,13vw,170px);width:min(46%,430px);height:clamp(60px,6vw,104px);
  border:1px solid rgba(162,75,255,.55);border-radius:2px;}
.ux-sel em{position:absolute;left:-1px;top:-21px;padding:2px 7px;border-radius:4px 4px 4px 0;background:#A24BFF;color:#fff;font:600 10px/1.4 'Space Grotesk',ui-monospace,monospace;font-style:normal;letter-spacing:.04em;}
.ux-sel s{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #A24BFF;}
.ux-sel .h1{left:-4px;top:-4px}.ux-sel .h2{right:-4px;top:-4px}.ux-sel .h3{left:-4px;bottom:-4px}.ux-sel .h4{right:-4px;bottom:-4px}
.ux-sw{position:absolute;right:16%;bottom:24%;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(255,255,255,.7);
  box-shadow:0 10px 26px -18px rgba(12,12,20,.4);animation:uxBob 10s ease-in-out -2s infinite alternate;}
.ux-sw i{width:16px;height:16px;border-radius:50%;background:var(--c);}
.ux-type{position:absolute;right:30%;top:3%;font:600 clamp(54px,5vw,80px)/1 'Figtree',sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.2px rgba(249,47,100,.32);}
.ux-cur{position:absolute;left:44%;bottom:15%;display:flex;align-items:flex-start;gap:4px;animation:uxCur 9s ease-in-out infinite;}
.ux-cur svg{width:20px;height:20px;fill:#0B0C0E;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));}
.ux-cur em{margin-top:16px;padding:3px 9px;border-radius:999px;background:#F92F64;color:#fff;font:600 10.5px/1.4 'Figtree',sans-serif;font-style:normal;white-space:nowrap;}
.ux-rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,47,100,.7);animation:uxRip 9s ease-out infinite;}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
.uxh-copy{z-index:2;}
@media(max-width:940px){.uxh-ux{width:100%;opacity:.6;}.ux-sel,.ux-type{display:none;}}
@media(prefers-reduced-motion:reduce){.uxh-ux *{animation:none!important;}}
.uxh > .ux-cur{position:absolute;z-index:3;pointer-events:none;left:var(--cx,30%);top:var(--cy,70%);bottom:auto;}
.ux-cur .ux-rip{left:-9px;top:-9px;}


body #hero ~ section#sw-why .lp-h,section#sw-why .lp-h.lp-h,section#faq-a .fq-h.fq-h{font-size:clamp(34px,5vw,76px)!important;letter-spacing:-0.05em!important;line-height:1.04!important;font-weight:400!important;}
section#sw-why .wdi-eye,section#faq-a .wdi-eye{margin-bottom:clamp(18px,2.2vw,26px);}
/* cut-out portrait sits in front of the shapes, no blob mask */
.uxh-photo.uxh-cut{right:10%;top:auto;bottom:0;width:auto;height:96%;object-fit:contain;object-position:bottom center;z-index:3;
  border-radius:0;-webkit-mask:none;mask:none;animation:none;filter:drop-shadow(0 24px 30px rgba(20,10,30,.18));}
.uxh-chip{z-index:4;}
/* ---------- UI/UX motif layer behind the copy ---------- */
.uxh-ux{position:absolute;inset:0;right:auto;width:58%;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);}
.uxh-ux::before{content:"";position:absolute;left:-10%;top:-12%;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(162,75,255,.14),transparent 70%);}
.uxh-ux::after{content:"";position:absolute;left:12%;bottom:-18%;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,47,100,.11),transparent 70%);}
.ux-cols{position:absolute;inset:0 4% 0 clamp(20px,3.2vw,40px);display:grid;grid-template-columns:repeat(6,1fr);gap:2.4%;}
.ux-cols i{background:rgba(249,47,100,.035);border-left:1px dashed rgba(249,47,100,.12);border-right:1px dashed rgba(249,47,100,.12);}
.ux-flow{position:absolute;inset:0;width:100%;height:100%;}
.ux-flow path{fill:none;stroke:rgba(162,75,255,.32);stroke-width:1.4;stroke-dasharray:3 8;animation:uxDash 26s linear infinite;}
.ux-node{fill:#fff;stroke:#F92F64;stroke-width:2;}
.ux-node.v{stroke:#A24BFF;}
.ux-pkt{fill:#F92F64;filter:drop-shadow(0 0 6px rgba(249,47,100,.7));}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
.ux-frame{position:absolute;display:grid;gap:9px;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);
  border:1px solid rgba(162,75,255,.2);box-shadow:0 18px 40px -26px rgba(60,20,90,.35);}
.ux-frame b{display:block;height:46px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(162,75,255,.12) 0 6px,rgba(162,75,255,.04) 6px 12px);}
.ux-frame i{display:block;height:7px;border-radius:4px;background:rgba(12,12,20,.08);}
.ux-frame i + i{width:70%;}
.ux-frame u{display:block;width:44%;height:16px;border-radius:999px;background:rgba(249,47,100,.32);}
.ux-frame.f1{width:150px;right:6%;top:9%;rotate:4deg;animation:uxBob 12s ease-in-out infinite alternate;}
.ux-frame.f2{width:120px;left:2%;bottom:7%;rotate:-6deg;animation:uxBob 14s ease-in-out -5s infinite alternate;}
.ux-sel{position:absolute;left:calc(clamp(20px,3.2vw,40px) - 10px);top:clamp(118px,13vw,170px);width:min(46%,430px);height:clamp(60px,6vw,104px);
  border:1px solid rgba(162,75,255,.55);border-radius:2px;}
.ux-sel em{position:absolute;left:-1px;top:-21px;padding:2px 7px;border-radius:4px 4px 4px 0;background:#A24BFF;color:#fff;font:600 10px/1.4 'Space Grotesk',ui-monospace,monospace;font-style:normal;letter-spacing:.04em;}
.ux-sel s{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #A24BFF;}
.ux-sel .h1{left:-4px;top:-4px}.ux-sel .h2{right:-4px;top:-4px}.ux-sel .h3{left:-4px;bottom:-4px}.ux-sel .h4{right:-4px;bottom:-4px}
.ux-sw{position:absolute;right:16%;bottom:24%;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(255,255,255,.7);
  box-shadow:0 10px 26px -18px rgba(12,12,20,.4);animation:uxBob 10s ease-in-out -2s infinite alternate;}
.ux-sw i{width:16px;height:16px;border-radius:50%;background:var(--c);}
.ux-type{position:absolute;right:30%;top:3%;font:600 clamp(54px,5vw,80px)/1 'Figtree',sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.2px rgba(249,47,100,.32);}
.ux-cur{position:absolute;left:44%;bottom:15%;display:flex;align-items:flex-start;gap:4px;animation:uxCur 9s ease-in-out infinite;}
.ux-cur svg{width:20px;height:20px;fill:#0B0C0E;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));}
.ux-cur em{margin-top:16px;padding:3px 9px;border-radius:999px;background:#F92F64;color:#fff;font:600 10.5px/1.4 'Figtree',sans-serif;font-style:normal;white-space:nowrap;}
.ux-rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,47,100,.7);animation:uxRip 9s ease-out infinite;}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
.uxh-copy{z-index:2;}
@media(max-width:940px){.uxh-ux{width:100%;opacity:.6;}.ux-sel,.ux-type{display:none;}}
@media(prefers-reduced-motion:reduce){.uxh-ux *{animation:none!important;}}
.uxh > .ux-cur{position:absolute;z-index:3;pointer-events:none;left:var(--cx,30%);top:var(--cy,70%);bottom:auto;}
.ux-cur .ux-rip{left:-9px;top:-9px;}


.mad-strip{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.mad-track{display:flex;align-items:center;gap:clamp(48px,6vw,96px);width:max-content;animation:madMarq 34s linear infinite;}
.mad-strip:hover .mad-track{animation-play-state:paused;}
.mad-logo{display:flex;align-items:center;height:56px;flex:0 0 auto;}
.mad-logo img{max-height:44px;max-width:150px;width:auto;object-fit:contain;transition:transform .45s cubic-bezier(.22,.61,.36,1);}
.mad-logo:hover img{transform:scale(1.12);}
@keyframes madMarq{to{transform:translateX(-50%);}}
.mad-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(40px,5vw,64px);border-top:1px solid rgba(12,12,20,.1);}
.mad-stat{display:flex;flex-direction:column;gap:10px;padding:28px 24px 4px 0;}
.mad-stat + .mad-stat{padding-left:24px;border-left:1px solid rgba(12,12,20,.1);}
.mad-k{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6b6f78;}
.mad-v{font-size:clamp(19px,1.7vw,24px);font-weight:500;letter-spacing:-.02em;line-height:1.25;color:#0b0c0e;text-wrap:balance;}
@media(max-width:820px){.mad-stats{grid-template-columns:repeat(2,minmax(0,1fr));}.mad-stat:nth-child(3){padding-left:0;border-left:0;}}
@media(prefers-reduced-motion:reduce){.mad-track{animation:none;}}

/* stats — premium redesign */
.mad-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(48px,6vw,80px);border-top:0;position:relative;}
.mad-stats::before{content:"";position:absolute;left:var(--gut,0);right:var(--gut,0);top:0;height:1px;background:linear-gradient(90deg,#F92F64,rgba(249,47,100,.25) 40%,rgba(12,12,20,.1));transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.22,.61,.36,1) .15s;}
.mad-eco.in .mad-stats::before{transform:scaleX(1);}
.mad-stat{display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding:30px 28px 6px 0!important;border-left:0!important;
  opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.22,.61,.36,1) calc(var(--d) + .35s),transform .9s cubic-bezier(.22,.61,.36,1) calc(var(--d) + .35s);}
.mad-stat + .mad-stat{padding-left:28px!important;box-shadow:inset 1px 0 0 rgba(12,12,20,.08);}
.mad-eco.in .mad-stat{opacity:1;transform:none;}
.mad-top{display:flex;align-items:center;gap:10px;margin-bottom:22px;}
.mad-top em{font-style:normal;font-size:11px;font-weight:600;letter-spacing:.08em;color:#F92F64;font-variant-numeric:tabular-nums;}
.mad-k{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6b6f78;}
.mad-n{font-size:clamp(40px,4.4vw,64px);font-weight:500;letter-spacing:-.045em;line-height:1;color:#0b0c0e;font-variant-numeric:tabular-nums;}
.mad-u{margin-top:10px;font-size:15px;font-weight:500;color:#4a4d55;letter-spacing:-.01em;}
.mad-w{font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-.03em;line-height:1.14;color:#0b0c0e;text-wrap:balance;max-width:14ch;}
@media(max-width:820px){.mad-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px;}.mad-stat:nth-child(3){padding-left:0!important;box-shadow:none;}}

/* default section transition — every section after the hero rises into place */
.sec-tx{opacity:0;transform:translateY(64px);transform-origin:50% 0;
  transition:opacity 1.1s cubic-bezier(.22,.61,.36,1),transform 1.3s cubic-bezier(.16,1,.3,1);will-change:transform,opacity;}
.sec-tx.in{opacity:1;transform:none;}
.sec-tx .lp-eco-head{opacity:0;transform:translateY(22px);transition:opacity .9s ease .2s,transform 1s cubic-bezier(.16,1,.3,1) .2s;}
.sec-tx.in .lp-eco-head{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.sec-tx,.sec-tx .lp-eco-head,.mad-stat{opacity:1!important;transform:none!important;transition:none!important;}.mad-stats::before{transform:scaleX(1);}}

/* ===== page-level alignment: every section shares one 1200px content column ===== */
:root{--ink:#0B0C0E;--ink-2:#3A3D44;--muted:#5F636B;--faint:#9A9EA6;--line-2:rgba(12,12,20,.14);
  --rose-300:#FF8FB0;--rose-500:#F92F64;--rose-600:#E0204F;--mono:'Space Grotesk',ui-monospace,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);--measure:1280px;--gutter:40px;}
/* ONE container for every section, hero included */
.hb1-body,.hb1-crumb,.hb1-meta,.wrap,#proof .mad-stats,#decisions .mdg-head,#decisions .mdg-grid{
  max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:clamp(20px,5vw,64px)!important;padding-right:clamp(20px,5vw,64px)!important;box-sizing:border-box!important;}
#decisions .mdg-grid{margin-top:clamp(48px,5.6vw,88px);gap:clamp(14px,1.6vw,24px);}
#decisions .mdg-cell{border-radius:22px;overflow:hidden;}
#decisions{overflow-x:clip;}
/* no entrance animations: every section and its contents show in place */
.sec-tx,.sec-tx .lp-eco-head,.mad-stat,.spm-grid .spm-card,.spm-head .spm-eye,.spm-head .spm-h,.spm-head .spm-lead,
.mdg-grid .mdg-cell,.mai-c,.mte-cell,.mws-card,.mrs-cell,.msol-panel{opacity:1!important;transform:none!important;transition-property:background,color,box-shadow,border-color!important;}
.mad-stats::before{transform:scaleX(1)!important;transition:none!important;}
section.t02-sec,.t02-sec,.t02-sec .t02-stagger,.t02-stagger > *{opacity:1!important;transform:none!important;transition:none!important;}
/* remaining in-section reveals: process intro, testimonials, awards rows, portfolio card text */
#process .pr-eyebrow,#process .prx-p,#process .pr-header-cta,#process .prx-l,#process .prx-l i,#ai-process .pr-eyebrow,#ai-process .prx-p,#ai-process .pr-header-cta,#ai-process .prx-l,#ai-process .prx-l i,
#awA .reveal,#awA .ava-head,#awA .ava-row,
#work .pp-logo,#work .pp-eyebrow,#work .pp-name,#work .pp-tagline,#work .pp-desc,#work .pp-row,
#work .pp-rev,#work .pp-keystat-label,#work .pp-keystat-h,#work .pp-mcaps,
#ai-experiences .mai-media-ic,#related .fc-card{
  opacity:1!important;transform:none!important;transition:none!important;animation:none!important;}
/* capabilities: product shots contained inside each card, anchored bottom-right */
#capabilities .mrs-cell{position:relative;overflow:hidden!important;}
#capabilities .mrs-body{position:static!important;}
#capabilities .mrs-shot{position:absolute!important;right:clamp(16px,1.6vw,24px)!important;bottom:0!important;
  top:auto!important;left:auto!important;width:auto!important;height:auto!important;
  max-width:42%!important;max-height:78%!important;object-fit:contain!important;object-position:bottom right!important;
  pointer-events:none;z-index:0;}
#capabilities .mrs-body > :not(.mrs-shot),#capabilities .mrs-ic,#capabilities .mrs-pill{position:relative;z-index:1;}
#capabilities .mrs-cell:has(.mrs-shot) .mrs-body p,#capabilities .mrs-cell:has(.mrs-shot) .mrs-body h3{max-width:52%;}
/* explicit per-shot sizing so each image fills its card's right half cleanly */
#capabilities .mrs-shot.s-c1,#capabilities .mrs-shot.s-c6,#capabilities .mrs-shot.s-c7{width:34%!important;max-height:86%!important;}
#capabilities .mrs-shot.s-c2{width:44%!important;max-width:44%!important;max-height:72%!important;bottom:50%!important;transform:translateY(50%)!important;right:clamp(14px,1.4vw,22px)!important;}
@media(max-width:760px){#capabilities .mrs-shot{display:none!important;}#capabilities .mrs-body p,#capabilities .mrs-body h3{max-width:none!important;}}
/* final CTA */
.mad-final{background:#0B0C0E!important;color:#fff;padding:clamp(96px,10vw,160px) 0!important;position:relative;overflow:hidden;}
.mad-final .pp-cta{margin:0!important;width:auto!important;left:auto!important;transform:none!important;min-height:0!important;
  background:transparent!important;border-radius:0!important;padding:0!important;color:#fff!important;
  position:static!important;overflow:visible!important;}
.mad-final .pp-cta{display:block!important;}
.mad-final .pp-cta-in{padding:0!important;margin:0!important;max-width:none!important;width:auto!important;position:relative;z-index:1;text-align:left!important;}
.mad-final .pp-cta-h{max-width:18ch;margin-left:0!important;}
.mad-final .pp-cta-p{max-width:60ch;margin-left:0!important;}
.mad-final .pp-cta-actions{justify-content:flex-start!important;}
.mad-final .pp-cta-aura,.mad-final .pp-cta-dots{position:absolute!important;inset:0!important;}
.mad-final .pp-cta-h,.mad-final .pp-cta-p,.mad-final .pp-cta-actions{opacity:1!important;transform:none!important;transition:none!important;}
.mad-final .pp-cta-h{color:#fff!important;}
.mad-final .pp-cta-h em{color:#FF7BA3!important;-webkit-text-fill-color:#FF7BA3!important;background:none!important;font-style:normal;}
.mad-final .pp-cta-p{color:rgba(255,255,255,.72)!important;}
.mad-final .pp-cta-btn{background:#F92F64!important;color:#fff!important;border-color:#F92F64!important;}
.mad-final .pp-cta-btn:hover{background:#fff!important;color:#F92F64!important;border-color:#fff!important;}
footer.ft2{background:#0B0C0E!important;color:#fff!important;}
.mad-final .pp-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;}
.mad-final .pp-cta-link{color:rgba(255,255,255,.82);font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.35);transition:color .25s,text-decoration-color .25s;}
.mad-final .pp-cta-link:hover{color:#FF7BA3;text-decoration-color:#FF7BA3;}
/* testimonials: a single moving row */
#ts-b .tsm-head,#ts-b .tsm-head *,#ts-b .ts-eyebrow,#ts-b .ts-h,#ts-b .ts-sub{opacity:1!important;transform:none!important;filter:none!important;visibility:visible!important;transition:none!important;}
#ts-b .ts-h{color:#0B0C0E!important;}#ts-b .ts-sub{color:#5F636B!important;}#ts-b .ts-eyebrow{color:#F92F64!important;}
#ts-b .tsm-rows > *:nth-child(n+2){display:none!important;}
#ts-b .tsm-rows{opacity:1!important;}
/* dark CTA band */
section.mad-cta-dark{background:#0B0C0E!important;color:#fff!important;}
.mad-cta-dark .t02-cta-band-track{color:rgba(255,255,255,.06)!important;-webkit-text-stroke:0!important;}
.mad-cta-dark .tag{color:#FF7BA3!important;}
.mad-cta-dark h2{color:#fff!important;}
.mad-cta-dark h2 em{color:#FF7BA3!important;-webkit-text-fill-color:#FF7BA3!important;background:none!important;}
.mad-cta-dark p{color:rgba(255,255,255,.72)!important;}
.mad-cta-dark .lp-btn-primary{background:#F92F64!important;color:#fff!important;border-color:#F92F64!important;}
.mad-cta-dark .lp-btn-primary:hover{background:#fff!important;color:#F92F64!important;border-color:#fff!important;}
body{overflow-x:clip;}
#industries .mic-track{
  padding-left:max(clamp(20px,5vw,64px), calc((100vw - 1280px) / 2 + clamp(20px,5vw,64px)))!important;
  padding-right:max(clamp(20px,5vw,64px), calc((100vw - 1280px) / 2 + clamp(20px,5vw,64px)))!important;}
#decisions{padding-bottom:clamp(96px,11vw,160px)!important;}



/* industries — pinned horizontal scroll through the card rail */
.wfi-pin{position:relative;z-index:3;}
.wfi-pin > #wf-industries{z-index:3;box-shadow:0 -24px 60px rgba(12,12,20,.08);}
.wfi-pin > #wf-industries{position:sticky;top:0;height:100vh;min-height:0!important;overflow:hidden;}
.wfi-pin > #wf-industries{padding-top:clamp(28px,7vh,96px)!important;padding-bottom:clamp(24px,5vh,80px)!important;}
/* pinned state: every block scales with viewport height so the wrap always fits 100vh */
.wfi-pin.on #wf-industries .wdi-eye{margin-bottom:clamp(10px,1.8vh,26px)!important;}
.wfi-pin.on #wf-industries .ais-ind-h{font-size:clamp(30px,min(5vw,7.4vh),76px)!important;}
.wfi-pin.on #wf-industries .ais-ind-lead{margin-top:clamp(8px,1.4vh,18px)!important;}
.wfi-pin.on #wf-industries .ais-ind-art{height:clamp(96px,19vh,210px)!important;}
.wfi-pin.on #wf-industries .ais-ind-rail{margin-top:clamp(16px,3vh,44px)!important;}
.wfi-pin.on #indRail{overflow:hidden!important;scroll-snap-type:none!important;}
.wfi-pin.on #indRail > *{will-change:transform,opacity;transform-origin:50% 60%;}
.wfi-pin.on #indRail .ais-ind-art{will-change:transform;}
.wfi-pin.on #indRail .ais-ind-art > svg{transition:none;}
@media(max-width:900px),(max-height:620px),(prefers-reduced-motion:reduce){
  .wfi-pin{height:auto!important;}
  .wfi-pin > #wf-industries{position:relative;height:auto;}
}
/* cut-out portrait sits in front of the shapes, no blob mask */
.uxh-photo.uxh-cut{right:10%;top:auto;bottom:0;width:auto;height:96%;object-fit:contain;object-position:bottom center;z-index:3;
  border-radius:0;-webkit-mask:none;mask:none;animation:none;filter:drop-shadow(0 24px 30px rgba(20,10,30,.18));}
.uxh-chip{z-index:4;}
/* ---------- UI/UX motif layer behind the copy ---------- */
.uxh-ux{position:absolute;inset:0;right:auto;width:58%;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);}
.uxh-ux::before{content:"";position:absolute;left:-10%;top:-12%;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(162,75,255,.14),transparent 70%);}
.uxh-ux::after{content:"";position:absolute;left:12%;bottom:-18%;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,47,100,.11),transparent 70%);}
.ux-cols{position:absolute;inset:0 4% 0 clamp(20px,3.2vw,40px);display:grid;grid-template-columns:repeat(6,1fr);gap:2.4%;}
.ux-cols i{background:rgba(249,47,100,.035);border-left:1px dashed rgba(249,47,100,.12);border-right:1px dashed rgba(249,47,100,.12);}
.ux-flow{position:absolute;inset:0;width:100%;height:100%;}
.ux-flow path{fill:none;stroke:rgba(162,75,255,.32);stroke-width:1.4;stroke-dasharray:3 8;animation:uxDash 26s linear infinite;}
.ux-node{fill:#fff;stroke:#F92F64;stroke-width:2;}
.ux-node.v{stroke:#A24BFF;}
.ux-pkt{fill:#F92F64;filter:drop-shadow(0 0 6px rgba(249,47,100,.7));}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
.ux-frame{position:absolute;display:grid;gap:9px;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);
  border:1px solid rgba(162,75,255,.2);box-shadow:0 18px 40px -26px rgba(60,20,90,.35);}
.ux-frame b{display:block;height:46px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(162,75,255,.12) 0 6px,rgba(162,75,255,.04) 6px 12px);}
.ux-frame i{display:block;height:7px;border-radius:4px;background:rgba(12,12,20,.08);}
.ux-frame i + i{width:70%;}
.ux-frame u{display:block;width:44%;height:16px;border-radius:999px;background:rgba(249,47,100,.32);}
.ux-frame.f1{width:150px;right:6%;top:9%;rotate:4deg;animation:uxBob 12s ease-in-out infinite alternate;}
.ux-frame.f2{width:120px;left:2%;bottom:7%;rotate:-6deg;animation:uxBob 14s ease-in-out -5s infinite alternate;}
.ux-sel{position:absolute;left:calc(clamp(20px,3.2vw,40px) - 10px);top:clamp(118px,13vw,170px);width:min(46%,430px);height:clamp(60px,6vw,104px);
  border:1px solid rgba(162,75,255,.55);border-radius:2px;}
.ux-sel em{position:absolute;left:-1px;top:-21px;padding:2px 7px;border-radius:4px 4px 4px 0;background:#A24BFF;color:#fff;font:600 10px/1.4 'Space Grotesk',ui-monospace,monospace;font-style:normal;letter-spacing:.04em;}
.ux-sel s{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #A24BFF;}
.ux-sel .h1{left:-4px;top:-4px}.ux-sel .h2{right:-4px;top:-4px}.ux-sel .h3{left:-4px;bottom:-4px}.ux-sel .h4{right:-4px;bottom:-4px}
.ux-sw{position:absolute;right:16%;bottom:24%;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(255,255,255,.7);
  box-shadow:0 10px 26px -18px rgba(12,12,20,.4);animation:uxBob 10s ease-in-out -2s infinite alternate;}
.ux-sw i{width:16px;height:16px;border-radius:50%;background:var(--c);}
.ux-type{position:absolute;right:30%;top:3%;font:600 clamp(54px,5vw,80px)/1 'Figtree',sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.2px rgba(249,47,100,.32);}
.ux-cur{position:absolute;left:44%;bottom:15%;display:flex;align-items:flex-start;gap:4px;animation:uxCur 9s ease-in-out infinite;}
.ux-cur svg{width:20px;height:20px;fill:#0B0C0E;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));}
.ux-cur em{margin-top:16px;padding:3px 9px;border-radius:999px;background:#F92F64;color:#fff;font:600 10.5px/1.4 'Figtree',sans-serif;font-style:normal;white-space:nowrap;}
.ux-rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,47,100,.7);animation:uxRip 9s ease-out infinite;}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
.uxh-copy{z-index:2;}
@media(max-width:940px){.uxh-ux{width:100%;opacity:.6;}.ux-sel,.ux-type{display:none;}}
@media(prefers-reduced-motion:reduce){.uxh-ux *{animation:none!important;}}
.uxh > .ux-cur{position:absolute;z-index:3;pointer-events:none;left:var(--cx,30%);top:var(--cy,70%);bottom:auto;}
.ux-cur .ux-rip{left:-9px;top:-9px;}

.ais-ind-lead{margin:18px 0 0;max-width:62ch;font-size:clamp(15px,1.15vw,17px);line-height:1.68;color:#5F636B;}/* cut-out portrait sits in front of the shapes, no blob mask */
.uxh-photo.uxh-cut{right:10%;top:auto;bottom:0;width:auto;height:96%;object-fit:contain;object-position:bottom center;z-index:3;
  border-radius:0;-webkit-mask:none;mask:none;animation:none;filter:drop-shadow(0 24px 30px rgba(20,10,30,.18));}
.uxh-chip{z-index:4;}
/* ---------- UI/UX motif layer behind the copy ---------- */
.uxh-ux{position:absolute;inset:0;right:auto;width:58%;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);}
.uxh-ux::before{content:"";position:absolute;left:-10%;top:-12%;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(162,75,255,.14),transparent 70%);}
.uxh-ux::after{content:"";position:absolute;left:12%;bottom:-18%;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,47,100,.11),transparent 70%);}
.ux-cols{position:absolute;inset:0 4% 0 clamp(20px,3.2vw,40px);display:grid;grid-template-columns:repeat(6,1fr);gap:2.4%;}
.ux-cols i{background:rgba(249,47,100,.035);border-left:1px dashed rgba(249,47,100,.12);border-right:1px dashed rgba(249,47,100,.12);}
.ux-flow{position:absolute;inset:0;width:100%;height:100%;}
.ux-flow path{fill:none;stroke:rgba(162,75,255,.32);stroke-width:1.4;stroke-dasharray:3 8;animation:uxDash 26s linear infinite;}
.ux-node{fill:#fff;stroke:#F92F64;stroke-width:2;}
.ux-node.v{stroke:#A24BFF;}
.ux-pkt{fill:#F92F64;filter:drop-shadow(0 0 6px rgba(249,47,100,.7));}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
.ux-frame{position:absolute;display:grid;gap:9px;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);
  border:1px solid rgba(162,75,255,.2);box-shadow:0 18px 40px -26px rgba(60,20,90,.35);}
.ux-frame b{display:block;height:46px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(162,75,255,.12) 0 6px,rgba(162,75,255,.04) 6px 12px);}
.ux-frame i{display:block;height:7px;border-radius:4px;background:rgba(12,12,20,.08);}
.ux-frame i + i{width:70%;}
.ux-frame u{display:block;width:44%;height:16px;border-radius:999px;background:rgba(249,47,100,.32);}
.ux-frame.f1{width:150px;right:6%;top:9%;rotate:4deg;animation:uxBob 12s ease-in-out infinite alternate;}
.ux-frame.f2{width:120px;left:2%;bottom:7%;rotate:-6deg;animation:uxBob 14s ease-in-out -5s infinite alternate;}
.ux-sel{position:absolute;left:calc(clamp(20px,3.2vw,40px) - 10px);top:clamp(118px,13vw,170px);width:min(46%,430px);height:clamp(60px,6vw,104px);
  border:1px solid rgba(162,75,255,.55);border-radius:2px;}
.ux-sel em{position:absolute;left:-1px;top:-21px;padding:2px 7px;border-radius:4px 4px 4px 0;background:#A24BFF;color:#fff;font:600 10px/1.4 'Space Grotesk',ui-monospace,monospace;font-style:normal;letter-spacing:.04em;}
.ux-sel s{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #A24BFF;}
.ux-sel .h1{left:-4px;top:-4px}.ux-sel .h2{right:-4px;top:-4px}.ux-sel .h3{left:-4px;bottom:-4px}.ux-sel .h4{right:-4px;bottom:-4px}
.ux-sw{position:absolute;right:16%;bottom:24%;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(255,255,255,.7);
  box-shadow:0 10px 26px -18px rgba(12,12,20,.4);animation:uxBob 10s ease-in-out -2s infinite alternate;}
.ux-sw i{width:16px;height:16px;border-radius:50%;background:var(--c);}
.ux-type{position:absolute;right:30%;top:3%;font:600 clamp(54px,5vw,80px)/1 'Figtree',sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.2px rgba(249,47,100,.32);}
.ux-cur{position:absolute;left:44%;bottom:15%;display:flex;align-items:flex-start;gap:4px;animation:uxCur 9s ease-in-out infinite;}
.ux-cur svg{width:20px;height:20px;fill:#0B0C0E;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));}
.ux-cur em{margin-top:16px;padding:3px 9px;border-radius:999px;background:#F92F64;color:#fff;font:600 10.5px/1.4 'Figtree',sans-serif;font-style:normal;white-space:nowrap;}
.ux-rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,47,100,.7);animation:uxRip 9s ease-out infinite;}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
.uxh-copy{z-index:2;}
@media(max-width:940px){.uxh-ux{width:100%;opacity:.6;}.ux-sel,.ux-type{display:none;}}
@media(prefers-reduced-motion:reduce){.uxh-ux *{animation:none!important;}}
.uxh > .ux-cur{position:absolute;z-index:3;pointer-events:none;left:var(--cx,30%);top:var(--cy,70%);bottom:auto;}
.ux-cur .ux-rip{left:-9px;top:-9px;}


#wf-industries{position:relative;isolation:isolate;overflow:hidden;}
#wf-industries .wfi-live{position:absolute;inset:0;z-index:0;pointer-events:none;
  -webkit-mask:linear-gradient(180deg,#000 0%,#000 45%,transparent 80%);mask:linear-gradient(180deg,#000 0%,#000 45%,transparent 80%);}
#wf-industries .wfi-live svg{width:100%;height:100%;}
#wf-industries > .wrap{position:relative;z-index:1;}
/* guilloché rosette — engraved, fine-line, slow */
#wf-industries{background:#fff;}
#wf-industries .wfi-live{-webkit-mask:radial-gradient(70% 90% at 84% 26%,#000 30%,transparent 72%)!important;mask:radial-gradient(70% 90% at 84% 26%,#000 30%,transparent 72%)!important;}
#wf-industries .wg-rose ellipse{stroke:url(#wiG);stroke-width:.6;opacity:.28;}
#wf-industries .wg-rose2 ellipse{stroke:#F92F64;stroke-width:.5;opacity:.18;}
#wf-industries .wg-rings circle{stroke:rgba(12,12,20,.08);stroke-width:.7;}
#wf-industries .wg-rings circle:nth-child(3){stroke:rgba(249,47,100,.22);stroke-dasharray:1 6;}
#wf-industries .wg-core{fill:#F92F64;opacity:.7;}
#wf-industries .wg-rose{animation:wgSpin 140s linear infinite;}
#wf-industries .wg-rose2{animation:wgSpin 90s linear infinite reverse;transform:scale(.62);}
#wf-industries .wg-rings{animation:wgBreathe 9s ease-in-out infinite;}
@keyframes wgSpin{to{transform:rotate(360deg);}}
#wf-industries .wg-rose2{animation-name:wgSpin2;}
@keyframes wgSpin2{from{transform:scale(.62) rotate(0);}to{transform:scale(.62) rotate(-360deg);}}
@keyframes wgBreathe{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.03);opacity:.7;}}
@media(prefers-reduced-motion:reduce){#wf-industries .wg-rose,#wf-industries .wg-rose2,#wf-industries .wg-rings{animation:none;}}
#wf-industries::after{content:none!important;}
/* headers match the sections above */
#wf-industries .wdi-eye{margin-bottom:clamp(18px,2.2vw,26px);}
#wf-industries .ais-ind-h{font-size:clamp(34px,5vw,76px)!important;max-width:22ch;letter-spacing:-0.05em!important;line-height:1.03!important;font-weight:400!important;}
#wf-industries [class*="ais-ind-eye"]{font-family:'Space Grotesk',ui-monospace,monospace!important;font-size:11px!important;
  font-weight:600!important;letter-spacing:.22em!important;color:#F92F64!important;}
#wf-industries .ais-ind-lead{font-size:14.5px!important;line-height:1.68!important;}

/* cut-out portrait sits in front of the shapes, no blob mask */
.uxh-photo.uxh-cut{right:10%;top:auto;bottom:0;width:auto;height:96%;object-fit:contain;object-position:bottom center;z-index:3;
  border-radius:0;-webkit-mask:none;mask:none;animation:none;filter:drop-shadow(0 24px 30px rgba(20,10,30,.18));}
.uxh-chip{z-index:4;}
/* ---------- UI/UX motif layer behind the copy ---------- */
.uxh-ux{position:absolute;inset:0;right:auto;width:58%;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);}
.uxh-ux::before{content:"";position:absolute;left:-10%;top:-12%;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(162,75,255,.14),transparent 70%);}
.uxh-ux::after{content:"";position:absolute;left:12%;bottom:-18%;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,47,100,.11),transparent 70%);}
.ux-cols{position:absolute;inset:0 4% 0 clamp(20px,3.2vw,40px);display:grid;grid-template-columns:repeat(6,1fr);gap:2.4%;}
.ux-cols i{background:rgba(249,47,100,.035);border-left:1px dashed rgba(249,47,100,.12);border-right:1px dashed rgba(249,47,100,.12);}
.ux-flow{position:absolute;inset:0;width:100%;height:100%;}
.ux-flow path{fill:none;stroke:rgba(162,75,255,.32);stroke-width:1.4;stroke-dasharray:3 8;animation:uxDash 26s linear infinite;}
.ux-node{fill:#fff;stroke:#F92F64;stroke-width:2;}
.ux-node.v{stroke:#A24BFF;}
.ux-pkt{fill:#F92F64;filter:drop-shadow(0 0 6px rgba(249,47,100,.7));}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
.ux-frame{position:absolute;display:grid;gap:9px;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);
  border:1px solid rgba(162,75,255,.2);box-shadow:0 18px 40px -26px rgba(60,20,90,.35);}
.ux-frame b{display:block;height:46px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(162,75,255,.12) 0 6px,rgba(162,75,255,.04) 6px 12px);}
.ux-frame i{display:block;height:7px;border-radius:4px;background:rgba(12,12,20,.08);}
.ux-frame i + i{width:70%;}
.ux-frame u{display:block;width:44%;height:16px;border-radius:999px;background:rgba(249,47,100,.32);}
.ux-frame.f1{width:150px;right:6%;top:9%;rotate:4deg;animation:uxBob 12s ease-in-out infinite alternate;}
.ux-frame.f2{width:120px;left:2%;bottom:7%;rotate:-6deg;animation:uxBob 14s ease-in-out -5s infinite alternate;}
.ux-sel{position:absolute;left:calc(clamp(20px,3.2vw,40px) - 10px);top:clamp(118px,13vw,170px);width:min(46%,430px);height:clamp(60px,6vw,104px);
  border:1px solid rgba(162,75,255,.55);border-radius:2px;}
.ux-sel em{position:absolute;left:-1px;top:-21px;padding:2px 7px;border-radius:4px 4px 4px 0;background:#A24BFF;color:#fff;font:600 10px/1.4 'Space Grotesk',ui-monospace,monospace;font-style:normal;letter-spacing:.04em;}
.ux-sel s{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #A24BFF;}
.ux-sel .h1{left:-4px;top:-4px}.ux-sel .h2{right:-4px;top:-4px}.ux-sel .h3{left:-4px;bottom:-4px}.ux-sel .h4{right:-4px;bottom:-4px}
.ux-sw{position:absolute;right:16%;bottom:24%;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(255,255,255,.7);
  box-shadow:0 10px 26px -18px rgba(12,12,20,.4);animation:uxBob 10s ease-in-out -2s infinite alternate;}
.ux-sw i{width:16px;height:16px;border-radius:50%;background:var(--c);}
.ux-type{position:absolute;right:30%;top:3%;font:600 clamp(54px,5vw,80px)/1 'Figtree',sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.2px rgba(249,47,100,.32);}
.ux-cur{position:absolute;left:44%;bottom:15%;display:flex;align-items:flex-start;gap:4px;animation:uxCur 9s ease-in-out infinite;}
.ux-cur svg{width:20px;height:20px;fill:#0B0C0E;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));}
.ux-cur em{margin-top:16px;padding:3px 9px;border-radius:999px;background:#F92F64;color:#fff;font:600 10.5px/1.4 'Figtree',sans-serif;font-style:normal;white-space:nowrap;}
.ux-rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,47,100,.7);animation:uxRip 9s ease-out infinite;}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
.uxh-copy{z-index:2;}
@media(max-width:940px){.uxh-ux{width:100%;opacity:.6;}.ux-sel,.ux-type{display:none;}}
@media(prefers-reduced-motion:reduce){.uxh-ux *{animation:none!important;}}
.uxh > .ux-cur{position:absolute;z-index:3;pointer-events:none;left:var(--cx,30%);top:var(--cy,70%);bottom:auto;}
.ux-cur .ux-rip{left:-9px;top:-9px;}


#wf-industries .ais-ind-nav{display:flex;align-items:center;gap:12px;}
.hxi-cta{display:inline-flex;align-items:center;gap:9px;height:48px;padding:0 22px;margin-right:6px;border-radius:999px;background:#F92F64;color:#fff;font-weight:600;font-size:14.5px;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s,box-shadow .3s;}
.hxi-cta svg{width:15px;height:15px;transition:transform .3s;}
.hxi-cta:hover{background:#fff;color:#F92F64;box-shadow:inset 0 0 0 1.5px #F92F64;}
.hxi-cta:hover svg{transform:translateX(3px);}
#wf-industries .ais-ind-h{max-width:16ch;}


#wf-industries > .wrap{min-width:0;width:100%;max-width:1280px;margin-inline:auto;box-sizing:border-box;}
#wf-industries{min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;
  padding-top:clamp(96px,11vh,150px)!important;padding-bottom:clamp(96px,11vh,150px)!important;}
/* cut-out portrait sits in front of the shapes, no blob mask */
.uxh-photo.uxh-cut{right:10%;top:auto;bottom:0;width:auto;height:96%;object-fit:contain;object-position:bottom center;z-index:3;
  border-radius:0;-webkit-mask:none;mask:none;animation:none;filter:drop-shadow(0 24px 30px rgba(20,10,30,.18));}
.uxh-chip{z-index:4;}
/* ---------- UI/UX motif layer behind the copy ---------- */
.uxh-ux{position:absolute;inset:0;right:auto;width:58%;z-index:1;pointer-events:none;overflow:hidden;
  -webkit-mask:linear-gradient(90deg,#000 70%,transparent);mask:linear-gradient(90deg,#000 70%,transparent);}
.uxh-ux::before{content:"";position:absolute;left:-10%;top:-12%;width:70%;height:70%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(162,75,255,.14),transparent 70%);}
.uxh-ux::after{content:"";position:absolute;left:12%;bottom:-18%;width:60%;height:60%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(249,47,100,.11),transparent 70%);}
.ux-cols{position:absolute;inset:0 4% 0 clamp(20px,3.2vw,40px);display:grid;grid-template-columns:repeat(6,1fr);gap:2.4%;}
.ux-cols i{background:rgba(249,47,100,.035);border-left:1px dashed rgba(249,47,100,.12);border-right:1px dashed rgba(249,47,100,.12);}
.ux-flow{position:absolute;inset:0;width:100%;height:100%;}
.ux-flow path{fill:none;stroke:rgba(162,75,255,.32);stroke-width:1.4;stroke-dasharray:3 8;animation:uxDash 26s linear infinite;}
.ux-node{fill:#fff;stroke:#F92F64;stroke-width:2;}
.ux-node.v{stroke:#A24BFF;}
.ux-pkt{fill:#F92F64;filter:drop-shadow(0 0 6px rgba(249,47,100,.7));}
@keyframes uxDash{to{stroke-dashoffset:-220;}}
.ux-frame{position:absolute;display:grid;gap:9px;padding:14px;border-radius:14px;background:rgba(255,255,255,.55);
  border:1px solid rgba(162,75,255,.2);box-shadow:0 18px 40px -26px rgba(60,20,90,.35);}
.ux-frame b{display:block;height:46px;border-radius:8px;background:repeating-linear-gradient(45deg,rgba(162,75,255,.12) 0 6px,rgba(162,75,255,.04) 6px 12px);}
.ux-frame i{display:block;height:7px;border-radius:4px;background:rgba(12,12,20,.08);}
.ux-frame i + i{width:70%;}
.ux-frame u{display:block;width:44%;height:16px;border-radius:999px;background:rgba(249,47,100,.32);}
.ux-frame.f1{width:150px;right:6%;top:9%;rotate:4deg;animation:uxBob 12s ease-in-out infinite alternate;}
.ux-frame.f2{width:120px;left:2%;bottom:7%;rotate:-6deg;animation:uxBob 14s ease-in-out -5s infinite alternate;}
.ux-sel{position:absolute;left:calc(clamp(20px,3.2vw,40px) - 10px);top:clamp(118px,13vw,170px);width:min(46%,430px);height:clamp(60px,6vw,104px);
  border:1px solid rgba(162,75,255,.55);border-radius:2px;}
.ux-sel em{position:absolute;left:-1px;top:-21px;padding:2px 7px;border-radius:4px 4px 4px 0;background:#A24BFF;color:#fff;font:600 10px/1.4 'Space Grotesk',ui-monospace,monospace;font-style:normal;letter-spacing:.04em;}
.ux-sel s{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #A24BFF;}
.ux-sel .h1{left:-4px;top:-4px}.ux-sel .h2{right:-4px;top:-4px}.ux-sel .h3{left:-4px;bottom:-4px}.ux-sel .h4{right:-4px;bottom:-4px}
.ux-sw{position:absolute;right:16%;bottom:24%;display:flex;gap:6px;padding:8px;border-radius:999px;background:rgba(255,255,255,.7);
  box-shadow:0 10px 26px -18px rgba(12,12,20,.4);animation:uxBob 10s ease-in-out -2s infinite alternate;}
.ux-sw i{width:16px;height:16px;border-radius:50%;background:var(--c);}
.ux-type{position:absolute;right:30%;top:3%;font:600 clamp(54px,5vw,80px)/1 'Figtree',sans-serif;letter-spacing:-.04em;
  color:transparent;-webkit-text-stroke:1.2px rgba(249,47,100,.32);}
.ux-cur{position:absolute;left:44%;bottom:15%;display:flex;align-items:flex-start;gap:4px;animation:uxCur 9s ease-in-out infinite;}
.ux-cur svg{width:20px;height:20px;fill:#0B0C0E;stroke:#fff;stroke-width:1.4;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25));}
.ux-cur em{margin-top:16px;padding:3px 9px;border-radius:999px;background:#F92F64;color:#fff;font:600 10.5px/1.4 'Figtree',sans-serif;font-style:normal;white-space:nowrap;}
.ux-rip{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;border:2px solid rgba(249,47,100,.7);animation:uxRip 9s ease-out infinite;}
@keyframes uxBob{to{translate:0 -14px;}}
@keyframes uxCur{0%,100%{transform:translate(var(--fx,140px),var(--fy,110px));}42%,60%{transform:translate(0,0);}}
@keyframes uxRip{0%,38%{transform:scale(.4);opacity:0;}42%{opacity:1;}58%{transform:scale(2.6);opacity:0;}100%{opacity:0;}}
.uxh-copy{z-index:2;}
@media(max-width:940px){.uxh-ux{width:100%;opacity:.6;}.ux-sel,.ux-type{display:none;}}
@media(prefers-reduced-motion:reduce){.uxh-ux *{animation:none!important;}}
.uxh > .ux-cur{position:absolute;z-index:3;pointer-events:none;left:var(--cx,30%);top:var(--cy,70%);bottom:auto;}
.ux-cur .ux-rip{left:-9px;top:-9px;}


/* process → technology: technology rises as a card in front, process sinks behind it */
@media(min-width:901px){
  #ai-process{position:sticky;z-index:1;}
  #ai-process > .wrap{transform-origin:50% 0;will-change:transform,filter;}
  #ai-technology{position:relative;z-index:4;border-radius:32px 32px 0 0;
    box-shadow:0 -30px 80px rgba(12,12,20,.16),0 -1px 0 rgba(12,12,20,.05);}
}
@media(prefers-reduced-motion:reduce){#ai-process > .wrap{transform:none!important;filter:none!important;}}

/* Match the reference homepage: design tokens live on the page, and site-wide
   image rules must not resize its icons, canvases, or buttons. */
#wdi-home{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;
  --violet:#7A00FF;--violet-2:#A24BFF;
  --ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--faint:#9AA0A8;
  --bg:#FFFFFF;--bg-2:#FBFBFC;--line:#ECEDF0;--line-2:#E3E4E8;--rose-soft:rgba(249,47,100,.10);
  --font:"Figtree",system-ui,-apple-system,sans-serif;
  --mono:"Space Grotesk",ui-monospace,monospace;
  --maxw:1280px;
  color:var(--ink);
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
}
:where(#wdi-home) svg{display:inline;max-width:none;height:revert;vertical-align:middle}
:where(#wdi-home) canvas,:where(#wdi-home) video{max-width:none}
:where(#wdi-home) a,:where(#wdi-home) button{max-width:none}

/* Device fit: keep every section inside the screen without clipping sticky motion. */
#wdi-home{min-width:0;max-width:100%}
#wdi-home .wrap,#wdi-home .hx-in,#wdi-home .hpf-in,#wdi-home .hab-body,#wdi-home .spm-grid,#wdi-home .mdg-grid,#wdi-home .lp-ai-grid,#wdi-home .hxr2-in{
  min-width:0;max-width:100%}
#wdi-home .hx-h,#wdi-home .hpf-giant,#wdi-home .mrv-title,#wdi-home .spm-h,#wdi-home .lp-h,#wdi-home .fq-h,#wdi-home .pp-cta-h,#wdi-home .ts-h{
  overflow-wrap:break-word}
@media(max-width:1000px){
  #wdi-home .hx-a{overflow:hidden}
  #wdi-home .hx-bdg{max-width:46%}
  #wdi-home .hx-trust{align-items:flex-start}
  #wdi-home .hx-trust p{flex:1 1 100%;max-width:none}
  #wdi-home .hpf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  #wdi-home .pp-card,#wdi-home .pp-cta,#wdi-home .pp-mini,#wdi-home .tsm-rows,#wdi-home .mad-final .pp-cta{
    width:100%!important;max-width:100%!important;left:auto!important;transform:none!important}
}
@media(max-width:720px){
  #wdi-home .hx-hl2{white-space:normal}
  #wdi-home .hx-h{max-width:none;font-size:clamp(32px,9vw,48px)}
  #wdi-home .hpf-giant{font-size:clamp(42px,13vw,84px)}
  #wdi-home .hpf-stats{grid-template-columns:1fr}
  #wdi-home .mrv-top{flex-direction:column;align-items:flex-start}
  #wdi-home .hx-cta{width:100%;justify-content:space-between;box-sizing:border-box}
  #wdi-home .hx-bdg.b-clutch,#wdi-home .hx-bdg.b-et{
    left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
    width:46%!important;height:auto!important;position:relative!important}
  #wdi-home .hx-badges{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:auto;padding:12px}
  #wdi-home .spm-copy h3,#wdi-home .spm-copy p,#wdi-home .spm-card img{
    width:auto!important;max-width:100%!important;height:auto!important}
  #wdi-home .pp-cta-actions{flex-direction:column;align-items:stretch}
  #wdi-home .pp-cta-btn,#wdi-home .hxf-sec{width:100%;justify-content:center;text-align:center}
  #wdi-home .hxr2-ais{flex-wrap:wrap}
}
@media(max-width:480px){
  #wdi-home .hx,#wdi-home .hpf .wrap,#wdi-home .wrap{padding-left:16px;padding-right:16px}
  #wdi-home .hx-logos{flex-wrap:wrap}
  #wdi-home .pf-row{grid-template-columns:minmax(0,1fr) auto}
}