/* bpa2-hero.css */
/* ============================================================
   Business Process Automation v2 — executive hero
   ============================================================ */
.b2h{position:relative;overflow:hidden;isolation:isolate;background:#FCFCFD;color:#0B0C0E;
  padding:clamp(104px,11.5vh,136px) 0 clamp(56px,7vh,88px);}
.b2h-aura{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(40% 55% at 78% 46%,rgba(249,47,100,.08),transparent 70%),
             radial-gradient(34% 46% at 92% 20%,rgba(162,75,255,.07),transparent 70%);}
.b2h-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:clamp(28px,3.6vw,64px);align-items:center;}
.b2h-eye{margin-bottom:clamp(18px,2vw,26px);}
.b2h-h{margin:0;font-size:clamp(40px,4.4vw,70px);font-weight:600;letter-spacing:-0.048em;line-height:1.02;}
.b2h-h .g{background:linear-gradient(90deg,#F92F64,#A24BFF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.b2h-lead{margin:clamp(20px,2.2vw,28px) 0 0;max-width:44ch;font-size:clamp(17px,1.32vw,20px);line-height:1.5;color:#1C1D21;text-wrap:pretty;}
/* editorial columns instead of boxes */
.b2h-cols{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(22px,2.6vw,40px);margin-top:clamp(28px,3vw,40px);
  padding-top:clamp(22px,2.4vw,30px);border-top:1px solid #E7E8EC;}
.b2h-col{position:relative;}
.b2h-col + .b2h-col{padding-left:clamp(22px,2.6vw,40px);border-left:1px solid #E7E8EC;margin-left:calc(-1 * clamp(22px,2.6vw,40px) / 2);}
.b2h-col .n{display:block;margin-bottom:10px;font:600 11px/1 'Space Grotesk',ui-monospace,monospace;letter-spacing:.14em;color:#F92F64;}
.b2h-col p{margin:0;font-size:14px;line-height:1.66;color:#4A4E56;text-wrap:pretty;}
.b2h-act{display:flex;align-items:center;gap:clamp(18px,2vw,28px);margin-top:clamp(28px,3vw,38px);}
.b2h-cta{flex:none;display:inline-flex;align-items:center;gap:10px;padding:15px 24px;border-radius:999px;background:#F92F64;color:#fff;white-space:nowrap;
  font-size:14.5px;font-weight:600;text-decoration:none;box-shadow:0 14px 30px -14px rgba(249,47,100,.75);transition:background .3s,color .3s,box-shadow .3s;}
.b2h-cta svg{width:16px;height:16px;transition:transform .3s;}
.b2h-cta:hover{background:#fff;color:#F92F64;box-shadow:inset 0 0 0 1.5px #F92F64;}
.b2h-cta:hover svg{transform:translateX(3px);}
.b2h-cta:focus-visible{outline:2px solid #F92F64;outline-offset:4px;}
.b2h-note{margin:0;max-width:40ch;font-size:12.5px;line-height:1.55;color:#6B6F77;}

/* ---------- device stage — free-standing ---------- */
.b2h-r{position:relative;aspect-ratio:1.12/1;width:100%;--px:0;--py:0;}
.b2h-field{position:absolute;inset:-8% -10% -6% -6%;width:116%;height:114%;z-index:0;
  transform:translate3d(calc(var(--px) * 10px),calc(var(--py) * 8px),0);}
.b2h-field .rg{stroke:rgba(122,43,200,.11);stroke-width:1;}
.b2h-field .pulse rect{stroke:url(#b2Fg);stroke-width:1.6;stroke-linecap:round;stroke-dasharray:6 94;stroke-dashoffset:100;
  animation:b2Orbit var(--t) linear var(--d) infinite;opacity:.85;}
@keyframes b2Orbit{to{stroke-dashoffset:0;}}
.b2h-field .nodes circle{fill:#fff;stroke:rgba(249,47,100,.55);stroke-width:1.3;animation:b2Node 4.6s ease-in-out infinite;}
.b2h-field .nodes circle:nth-child(2n){animation-delay:-2.3s;}
@keyframes b2Node{50%{stroke:rgba(162,75,255,.7);}}
.b2h-floor{position:absolute;left:12%;right:6%;bottom:3%;height:9%;border-radius:50%;z-index:1;
  background:radial-gradient(closest-side,rgba(30,18,60,.22),transparent);filter:blur(10px);}
.b2d{position:absolute;z-index:2;filter:drop-shadow(0 1px 1px rgba(10,8,20,.3)) drop-shadow(0 12px 18px rgba(20,14,40,.18)) drop-shadow(0 36px 46px rgba(40,24,80,.24));}
.d-pad{left:6%;top:9%;width:84%;transform:translate3d(calc(var(--px) * -10px),calc(var(--py) * -8px),0) rotate(-2deg);}
.d-pad > .scr > .ui,.d-pad > .glass{left:3.2%;top:4.2%;width:93.6%;height:91.6%;border-radius:2.4%/3.2%;}
.d-pad .ui-pad{font-size:clamp(5.4px,.66vw,10px)!important;}
.d-iph{right:-2%;top:33%;width:26%;z-index:4;transform:translate3d(calc(var(--px) * -24px),calc(var(--py) * -16px),0) rotate(5deg);}
.d-iph > .scr > .ui,.d-iph > .glass{left:6.9%;top:3.4%;width:86.1%;height:93.2%;border-radius:13%/6.4%;}
.d-iph .ui-iph{font-size:clamp(4.6px,.58vw,8.8px)!important;}
.d-and{left:-3%;top:43%;width:27%;z-index:3;transform:translate3d(calc(var(--px) * -18px),calc(var(--py) * -14px),0) rotate(-5deg);}
.d-and > .scr > .ui,.d-and > .glass{left:10.3%;top:4.4%;width:79.3%;height:91.3%;border-radius:9.5%/4.6%;}
.d-and .ui-and{font-size:clamp(4.4px,.54vw,8.2px)!important;}
.d-pad{animation:b2F 9s ease-in-out infinite alternate;}
.d-iph{animation:b2F 8s ease-in-out -2s infinite alternate;}
.d-and{animation:b2F 10s ease-in-out -4s infinite alternate;}
@keyframes b2F{to{translate:0 -8px;}}

@media(max-width:1080px){
  .b2h-in{grid-template-columns:1fr;}
  .b2h-r{max-width:680px;margin:8px auto 0;}
}
@media(max-width:640px){
  .b2h-cols{grid-template-columns:1fr;}
  .b2h-col + .b2h-col{padding-left:0;border-left:0;margin-left:0;padding-top:20px;border-top:1px solid #E7E8EC;}
  .b2h-act{flex-direction:column;align-items:flex-start;}
}
@media(prefers-reduced-motion:reduce){.b2h-field .pulse,.b2d{animation:none!important;}.b2h-field .pulse{display:none;}}

/* rev2 — note under CTA, stronger orbit field */
.b2h-act{flex-direction:column;align-items:flex-start;gap:14px;}
.b2h-note{max-width:56ch;font-size:13px;}
.b2h-col + .b2h-col{margin-left:0;}
.b2h-cols{grid-template-columns:1.3fr 1fr;}
.b2h-field .rg{stroke:rgba(122,43,200,.17);}
.b2h-field .pulse rect{stroke-width:2;stroke-dasharray:9 91;}
.b2h-field{inset:-4% -8% -4% -6%;width:114%;height:108%;}

.b2h-field{-webkit-mask:radial-gradient(60% 62% at 52% 50%,#000 55%,transparent 100%);mask:radial-gradient(60% 62% at 52% 50%,#000 55%,transparent 100%);}
.b2h-field .rg{stroke:rgba(122,43,200,.2);stroke-width:1.1;}
.b2h-field .pulse rect{stroke-width:2.2;opacity:1;}
.b2h-in{align-items:start;}
.b2h-r{margin-top:clamp(20px,4vh,60px);}
.b2h-field .rg{stroke:rgba(162,75,255,.3)!important;}
.b2h-field .rg:nth-child(odd){stroke:rgba(249,47,100,.24)!important;}
.b2h-field .pulse rect{stroke-width:2.6!important;stroke-dasharray:12 88!important;}
.b2h-field .nodes circle{stroke-width:1.6;}

/* ============ rev3 — split colour field with playful flat shapes ============ */
.b2h{--px:0;--py:0;background:#fff;}
.b2h-r{--px:inherit;--py:inherit;}
.b2h-field{display:none;}
.b2h-bg{position:absolute;z-index:-1;top:0;bottom:0;right:0;width:50%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;
  border-bottom-left-radius:clamp(40px,5vw,88px);overflow:hidden;pointer-events:none;}
.b2h-bg .q{transform:translate3d(calc(var(--px) * 4px),calc(var(--py) * 4px),0);}
.b2h-bg .q1{background:#FFF1F5;}
.b2h-bg .q2{background:#F3EDFF;}
.b2h-bg .q3{background:#F6F6F8;}
.b2h-bg .q4{background:#FFE6EE;}
.b2h-bg .sh{position:absolute;display:block;transition:transform .2s linear;}
.s-circle{width:clamp(70px,7vw,120px);aspect-ratio:1;border-radius:50%;left:8%;top:12%;
  background:linear-gradient(150deg,#FF6F95,#F92F64);
  transform:translate3d(calc(var(--px) * -22px),calc(var(--py) * -16px),0);animation:b2Bob 9s ease-in-out infinite alternate;}
.s-half{width:clamp(120px,12vw,210px);aspect-ratio:2/1;border-radius:999px 999px 0 0;right:-2%;bottom:0;
  background:linear-gradient(180deg,#B67BFF,#A24BFF);
  transform:translate3d(calc(var(--px) * -14px),calc(var(--py) * -6px),0);}
.s-quarter{width:clamp(60px,5.6vw,96px);aspect-ratio:1;border-radius:100% 0 0 0;right:0;top:44%;background:#0B0C0E;
  transform:translate3d(calc(var(--px) * -10px),calc(var(--py) * -10px),0);}
.s-dots{width:clamp(90px,8vw,140px);aspect-ratio:1;left:40%;bottom:7%;
  background:radial-gradient(circle,rgba(162,75,255,.55) 1.6px,transparent 2px) 0 0/14px 14px;
  transform:translate3d(calc(var(--px) * -8px),calc(var(--py) * -8px),0);}
.s-ring{width:clamp(56px,5vw,86px);aspect-ratio:1;border-radius:50%;border:clamp(8px,.8vw,12px) solid #F92F64;right:16%;top:7%;
  transform:translate3d(calc(var(--px) * -18px),calc(var(--py) * -14px),0);animation:b2Bob 11s ease-in-out -3s infinite alternate;}
.s-pill{width:clamp(70px,6vw,104px);height:clamp(24px,2vw,34px);border-radius:999px;left:4%;bottom:22%;background:#fff;
  box-shadow:0 10px 24px -14px rgba(12,12,20,.35);
  transform:translate3d(calc(var(--px) * -16px),calc(var(--py) * -12px),0) rotate(-14deg);}
.s-tri{width:clamp(44px,3.8vw,64px);aspect-ratio:1;left:47%;top:5%;background:#FFB8CC;clip-path:polygon(50% 0,100% 100%,0 100%);
  transform:translate3d(calc(var(--px) * -12px),calc(var(--py) * -12px),0) rotate(12deg);animation:b2Spin 30s linear infinite;}
.s-plus{width:26px;height:26px;right:34%;bottom:16%;
  background:linear-gradient(#A24BFF,#A24BFF) center/100% 5px no-repeat,linear-gradient(#A24BFF,#A24BFF) center/5px 100% no-repeat;
  transform:translate3d(calc(var(--px) * -20px),calc(var(--py) * -16px),0);animation:b2Spin 20s linear infinite reverse;}
@keyframes b2Bob{to{translate:0 -14px;}}
@keyframes b2Spin{to{rotate:360deg;}}
.b2h-floor{background:radial-gradient(closest-side,rgba(30,18,60,.28),transparent);}

/* clean copy — no numbers, no rules */
.b2h-copy{margin-top:clamp(26px,3vw,38px);max-width:54ch;display:grid;gap:14px;}
.b2h-copy p{margin:0;font-size:15px;line-height:1.66;color:#5A5E66;text-wrap:pretty;}
.b2h-copy p.em{color:#0B0C0E;font-weight:500;}

@media(max-width:1080px){.b2h-bg{top:auto;height:52%;width:100%;border-radius:clamp(32px,6vw,64px) clamp(32px,6vw,64px) 0 0;}}
@media(prefers-reduced-motion:reduce){.b2h-bg .sh{animation:none!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;}
/* msol-solutions.css */
/* ============================================================
   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);}
/* solutions rail labels */
.msol-rail .t{font-size:17.5px;}
/* ============================================================
   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);}
/* solutions rail labels */
.msol-rail .t{font-size:17.5px;}
@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;}
/* ============================================================
   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;}
/* 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;}

/* bw-goals.css */
/* Business Website — website goals: colour palettes, live vectors and window-open reveal from the homepage grid */
#goals{--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;}
#goals .mdg-head,#goals .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 */
#goals .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;}
#goals .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;}
#goals .mdg-eye::before{display:none!important;}
#goals .mdg-eye i{width:5px;height:5px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 3px rgba(249,47,100,.16);}
#goals .mdg-h{grid-column:1!important;grid-row:2!important;margin:0!important;max-width:18ch;
  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;}
#goals .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;}
#goals .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 */
#goals .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;}
#goals .mdg-cell{border-radius:22px!important;overflow:hidden;min-height:clamp(320px,30vw,400px)!important;
  justify-content:flex-end!important;opacity:1;}
#goals .mdg-cell h3{min-height:2.24em;margin:0 0 14px;}
@media(max-width:1020px){#goals .mdg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:860px){
  #goals .mdg-head-split{grid-template-columns:1fr!important;}
  #goals .mdg-lead{grid-column:1!important;grid-row:3!important;margin-top:20px!important;}}
@media(max-width:620px){#goals .mdg-grid{grid-template-columns:1fr!important;}#goals .mdg-cell{min-height:260px!important;}}

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

/* ============ colour, live vectors, emerge-from-behind ============ */
/* About WDI rides in front; the grid rises out from underneath it */

#goals{--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;}
#goals .mdg-head{opacity:calc(.35 + var(--e) * .65);}
/* six WDI palettes */
#goals .mdg-cell::before{background:none!important;}
#goals .mdg-cell:nth-child(1){background:linear-gradient(155deg,#2A0614 0%,#5A0E28 62%,#B11646 130%);}
#goals .mdg-cell:nth-child(2){background:linear-gradient(155deg,#FFE6EE 0%,#FFF3F7 70%);}
#goals .mdg-cell:nth-child(3){background:linear-gradient(155deg,#170A2E 0%,#341463 68%,#5B22A8 130%);}
#goals .mdg-cell:nth-child(4){background:linear-gradient(155deg,#F0E7FF 0%,#FAF6FF 72%);}
#goals .mdg-cell:nth-child(5){background:linear-gradient(155deg,#F92F64 0%,#FF5A86 60%,#FF8FB0 120%);}
#goals .mdg-cell:nth-child(6){background:linear-gradient(155deg,#0B0C0E 0%,#1B0F17 64%,#3A0A20 130%);}
/* type colours per tone */
#goals .mdg-cell:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(6)) h3{color:#fff!important;}
#goals .mdg-cell:is(:nth-child(1),:nth-child(3),:nth-child(6)) p{color:rgba(255,255,255,.74)!important;}
#goals .mdg-cell:nth-child(5) p{color:rgba(255,255,255,.9)!important;}
#goals .mdg-cell:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(6)) .mdg-n{color:rgba(255,255,255,.55)!important;}
#goals .mdg-cell:nth-child(2) h3{color:#3B0716!important;}#goals .mdg-cell:nth-child(2) p{color:#6A3443!important;}#goals .mdg-cell:nth-child(2) .mdg-n{color:#C2637E!important;}
#goals .mdg-cell:nth-child(4) h3{color:#24113F!important;}#goals .mdg-cell:nth-child(4) p{color:#4F4166!important;}#goals .mdg-cell:nth-child(4) .mdg-n{color:#8C74B8!important;}
#goals .mdg-cell:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(6)) .mdg-pill{background:#fff!important;color:#0B0C0E!important;}
#goals .mdg-cell:nth-child(5) .mdg-pill:hover{background:#0B0C0E!important;color:#fff!important;}
#goals .mdg-cell:is(:nth-child(2),:nth-child(4)) .mdg-pill{background:#0B0C0E!important;color:#fff!important;}
#goals .mdg-cell .mdg-pill:hover{background:#F92F64!important;color:#fff!important;}
#goals .mdg-cell:hover{background-blend-mode:normal;transform:translateY(-4px);}
#goals .mdg-cell{transition:transform .5s var(--ease),box-shadow .5s ease!important;}
#goals .mdg-cell:hover{box-shadow:0 26px 60px -24px rgba(11,12,14,.38);}
/* live vectors behind the copy */
#goals .mdg-body,#goals .mdg-n,#goals .mdg-pill{z-index:2;}
#goals .mdg-body{position:relative;}
.hnx-vec{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:visible;opacity:.32;}
#goals .mdg-cell:is(:nth-child(1),:nth-child(3),:nth-child(5),:nth-child(6)) .hnx-vec{color:#fff;}
#goals .mdg-cell:nth-child(1) .hnx-vec{color:#FF8FB0;opacity:.42;}
#goals .mdg-cell:nth-child(2) .hnx-vec{color:#F92F64;opacity:.3;}
#goals .mdg-cell:nth-child(3) .hnx-vec{color:#C9A6FF;opacity:.42;}
#goals .mdg-cell:nth-child(4) .hnx-vec{color:#7A3FE0;opacity:.3;}
#goals .mdg-cell:nth-child(5) .hnx-vec{opacity:.5;}
#goals .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;}
#goals .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;}#goals{transform:none!important;}}
@media(max-width:860px){#goals{transform:none!important;margin-top:0;padding-top:clamp(56px,6vw,96px)!important;}}

/* 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 */
#goals .mdg-cell:hover .mdg-body,#goals .mdg-cell:focus-within .mdg-body{transform:translateY(-60px)!important;}

/* ============ transition v2: window-open reveal + staggered card rise ============ */

#goals{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));}
#goals .mdg-head{opacity:1!important;
  transform:translate3d(0,calc((1 - var(--e)) * 40px),0);}
#goals .mdg-cell{opacity:calc(var(--e) * 1.6 - .35);
  transform:translate3d(0,calc((1 - var(--e)) * 70px),0);}
#goals .mdg-cell:nth-child(2),#goals .mdg-cell:nth-child(5){transform:translate3d(0,calc((1 - var(--e)) * 110px),0);}
#goals .mdg-cell:nth-child(3),#goals .mdg-cell:nth-child(6){transform:translate3d(0,calc((1 - var(--e)) * 150px),0);}
#goals .mdg-cell:hover{transform:translateY(-4px)!important;}
@media(max-width:860px),(prefers-reduced-motion:reduce){
  #goals{clip-path:none!important;}
  #goals .mdg-head,#goals .mdg-cell{transform:none!important;opacity:1!important;}}

/* card icons */
#goals .bwg-ic{position:absolute;top:clamp(22px,2.4vw,30px);left:clamp(24px,2.6vw,36px);z-index:2;width:50px;height:50px;border-radius:15px;display:grid;place-items:center;
  background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);color:#fff;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .5s var(--ease),background .4s ease;}
#goals .bwg-ic svg{width:23px;height:23px;}
#goals .mdg-cell:nth-child(2) .bwg-ic{background:#fff;border-color:rgba(249,47,100,.22);color:#E0204F;box-shadow:0 8px 20px -10px rgba(249,47,100,.5);}
#goals .mdg-cell:nth-child(4) .bwg-ic{background:#fff;border-color:rgba(122,63,224,.22);color:#7A3FE0;box-shadow:0 8px 20px -10px rgba(122,63,224,.5);}
#goals .mdg-cell:nth-child(5) .bwg-ic{background:rgba(255,255,255,.22);border-color:rgba(255,255,255,.4);}
#goals .mdg-cell:hover .bwg-ic{transform:translateY(-3px) rotate(-6deg);}
#goals .mdg-h .amp{display:inline;}

/* page canvas behind the window-open reveal is white, not the dark body tone */

/* bw-brief.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;}
}
#bw-brief{position:relative;overflow:hidden;padding:clamp(96px,10vw,148px) 0;font-family:'Figtree',system-ui,sans-serif;}
#bw-brief .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
#bw-brief .lp-head{max-width:820px;margin-bottom:clamp(44px,5vw,72px);}
#bw-brief .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;}
#bw-brief .lvdot{width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.16);}
#bw-brief .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;}
#bw-brief .amp{background:linear-gradient(90deg,#F92F64,#A24BFF);-webkit-background-clip:text;background-clip:text;color:transparent;}
#bw-brief .lp-aeo{margin:0 0 12px;max-width:62ch;font-size:clamp(16px,1.2vw,18px);line-height:1.6;color:#5F636B;}
#bw-brief .lp-ai-q{margin:22px 0 0;font-size:clamp(20px,1.8vw,26px);font-weight:500;letter-spacing:-0.025em;color:#0B0C0E;}
#bw-brief .lp-ai-card h3{margin:0;}
/* 8th tile: the CTA, in WDI pink */
#bw-brief .lp-ai-cta{background:#F92F64;color:#fff;text-decoration:none;justify-content:space-between;}
#bw-brief .lp-ai-cta::before,#bw-brief .lp-ai-cta::after{filter:brightness(4);opacity:.55;}
#bw-brief .lp-ai-cta-t{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-0.02em;}
#bw-brief .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);}
#bw-brief .lp-ai-cta-ar svg{width:18px;height:18px;}
#bw-brief .lp-ai-cta:hover{background:#E0204F;transform:translateY(-3px);}
#bw-brief .lp-ai-cta:hover .lp-ai-cta-ar{transform:translateX(4px);}
@media(max-width:1080px){#bw-brief .lp-ai-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:680px){#bw-brief .wrap{padding:0 20px;}#bw-brief .lp-ai-grid{grid-template-columns:1fr;}}

/* header row: copy left, AI star right */
#bw-brief .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);}
#bw-brief .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 */
#bw-brief .lp-head,#bw-brief .hxai-star,#bw-brief .lp-ai-card{opacity:0;transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1);}
#bw-brief .lp-head{transform:translateY(28px);}
#bw-brief .hxai-star{transform:scale(.82) rotate(-12deg);transition-delay:.15s;}
#bw-brief .lp-ai-card{transform:translateY(36px);}
#bw-brief.hxai-in .lp-head,#bw-brief.hxai-in .hxai-star,#bw-brief.hxai-in .lp-ai-card{opacity:1;transform:none;}
#bw-brief.hxai-in .lp-ai-card:nth-child(1){transition-delay:.25s}#bw-brief.hxai-in .lp-ai-card:nth-child(2){transition-delay:.33s}
#bw-brief.hxai-in .lp-ai-card:nth-child(3){transition-delay:.41s}#bw-brief.hxai-in .lp-ai-card:nth-child(4){transition-delay:.49s}
#bw-brief.hxai-in .lp-ai-card:nth-child(5){transition-delay:.57s}#bw-brief.hxai-in .lp-ai-card:nth-child(6){transition-delay:.65s}
#bw-brief.hxai-in .lp-ai-card:nth-child(7){transition-delay:.73s}#bw-brief.hxai-in .lp-ai-card:nth-child(8){transition-delay:.81s}
#bw-brief.hxai-in .lp-ai-card:hover{transform:translateY(-3px);transition-delay:0s;}
@media(max-width:900px){#bw-brief .hxai-top{grid-template-columns:1fr;}.hxai-star{max-width:220px;}}
@media(prefers-reduced-motion:reduce){
  #bw-brief .lp-head,#bw-brief .hxai-star,#bw-brief .lp-ai-card{opacity:1!important;transform:none!important;transition:none!important;}
  .hxai-main,.hxai-s1,.hxai-s2,.hxai-orbit,.hxai-orbit2{animation:none;}}

/* Website brief additions */
#bw-brief{background:#F7F7F8;}
#bw-brief .bwb-close{max-width:760px;margin:clamp(40px,4.4vw,60px) 0 0;}
#bw-brief .bwb-close p{margin:0 0 10px;font-size:clamp(17px,1.35vw,20px);line-height:1.55;letter-spacing:-0.01em;color:#0B0C0E;}
#bw-brief .bwb-close p + p{color:#5F636B;}
#bw-brief .lp-h{font-size:clamp(30px,3.9vw,56px)!important;font-weight:400!important;letter-spacing:-0.045em!important;line-height:1.06!important;}

/* ===== colour + icons pass ===== */
#bw-brief{background:
  radial-gradient(42% 38% at 8% 4%,rgba(249,47,100,.07),transparent 70%),
  radial-gradient(40% 40% at 96% 96%,rgba(162,75,255,.07),transparent 70%),#F7F7F8!important;}
#bw-brief .lp-ai-grid{gap:16px;}
#bw-brief .lp-ai-card{position:relative;overflow:hidden;border-radius:20px;padding:26px 24px 28px;min-height:236px;
  display:flex;flex-direction:column;justify-content:flex-start;gap:12px;
  background:#fff;border:1px solid rgba(12,12,20,.07);
  box-shadow:0 1px 2px rgba(11,12,14,.04),0 18px 40px -34px rgba(11,12,14,.28);
  transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s,border-color .45s;}
#bw-brief .lp-ai-card::before,#bw-brief .lp-ai-card::after{display:none!important;}
#bw-brief .lp-ai-card .bwb-wash{display:none;}
/* soft tinted top band per card */
#bw-brief .lp-ai-card{--t:#F92F64;--tb:rgba(249,47,100,.10);}
#bw-brief .lp-ai-card.c2{--t:#A24BFF;--tb:rgba(162,75,255,.10);}
#bw-brief .lp-ai-card.c3{--t:#E0204F;--tb:rgba(224,32,79,.09);}
#bw-brief .lp-ai-card.c4{--t:#7A3BE0;--tb:rgba(122,59,224,.09);}
#bw-brief .lp-ai-card.c5{--t:#F92F64;--tb:rgba(253,59,111,.10);}
#bw-brief .lp-ai-card.c6{--t:#A24BFF;--tb:rgba(162,75,255,.09);}
#bw-brief .lp-ai-card.c7{--t:#C40F46;--tb:rgba(196,15,70,.09);}
#bw-brief .lp-ai-card.c8{--t:#7A00FF;--tb:rgba(122,0,255,.08);}
#bw-brief .lp-ai-card{background:linear-gradient(180deg,var(--tb) 0%,rgba(255,255,255,0) 58%),#fff;}
#bw-brief .bwb-ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:10px;
  color:var(--t);background:#fff;border:1px solid color-mix(in srgb,var(--t) 22%,transparent);
  box-shadow:0 6px 16px -10px color-mix(in srgb,var(--t) 70%,transparent);
  transition:transform .45s cubic-bezier(.22,.61,.36,1),background .45s,color .45s;}
#bw-brief .bwb-ic svg{width:22px;height:22px;}
#bw-brief .lp-ai-card h3{font-size:18px;font-weight:600;letter-spacing:-0.02em;line-height:1.25;color:#0B0C0E;}
#bw-brief .lp-ai-card p{margin:0;font-size:14.5px;line-height:1.55;color:#5F636B;}
#bw-brief .lp-ai-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--t) 26%,transparent);
  box-shadow:0 1px 2px rgba(11,12,14,.04),0 26px 50px -30px color-mix(in srgb,var(--t) 45%,transparent);}
#bw-brief .lp-ai-card:hover .bwb-ic{background:var(--t);color:#fff;transform:rotate(-6deg) scale(1.04);}
@media(prefers-reduced-motion:reduce){#bw-brief .lp-ai-card,#bw-brief .bwb-ic{transition:none;}}

/* centre the header block and intro */
#bw-brief .lp-head{margin-left:auto!important;margin-right:auto!important;text-align:center;}
#bw-brief .lp-aeo{margin:0 auto 12px!important;}
#bw-brief .bwb-close{margin-left:auto!important;margin-right:auto!important;text-align:center;}

/* ===== Apple-style restraint: hairline grid, no tints, no tiles ===== */
#bw-brief{background:#fff!important;}
#bw-brief .lp-ai-glow{display:none!important;}
#bw-brief .lp-ai-grid{gap:0!important;border-top:1px solid rgba(12,12,20,.12);border-left:1px solid rgba(12,12,20,.12);
  border-radius:0;overflow:visible;background:transparent;}
#bw-brief .lp-ai-card{background:#fff!important;border:0!important;border-right:1px solid rgba(12,12,20,.12)!important;
  border-bottom:1px solid rgba(12,12,20,.12)!important;border-radius:0!important;box-shadow:none!important;
  padding:clamp(28px,2.6vw,40px) clamp(24px,2.2vw,34px)!important;min-height:260px;gap:14px;transform:none!important;
  transition:background .5s ease!important;}
#bw-brief .lp-ai-card:hover{background:#FAFAFB!important;transform:none!important;box-shadow:none!important;}
#bw-brief .bwb-ic{width:auto!important;height:auto!important;border:0!important;background:none!important;box-shadow:none!important;
  border-radius:0!important;place-items:start!important;margin:0 0 18px!important;color:#0B0C0E!important;transform:none!important;
  transition:color .4s ease!important;}
#bw-brief .bwb-ic svg{width:28px!important;height:28px!important;stroke-width:1.3;}
#bw-brief .lp-ai-card:hover .bwb-ic{background:none!important;color:#F92F64!important;transform:none!important;}
#bw-brief .lp-ai-card h3{font-size:clamp(19px,1.45vw,22px)!important;font-weight:600!important;letter-spacing:-0.025em!important;line-height:1.2!important;}
#bw-brief .lp-ai-card p{font-size:15px!important;line-height:1.55!important;color:#6E7178!important;margin-top:auto;}
#bw-brief .lp-ai-card p{margin-top:0;}
#bw-brief .lp-eyebrow{color:#6E7178!important;}
#bw-brief .lvdot{background:#F92F64!important;box-shadow:none!important;}
#bw-brief .bwb-close{margin-top:clamp(48px,5vw,72px)!important;}
#bw-brief .bwb-close p{font-size:clamp(18px,1.5vw,22px)!important;letter-spacing:-0.015em!important;}
@media(max-width:1080px){#bw-brief .lp-ai-card{min-height:220px;}}

/* closing lines: a quiet, centred pull-statement under a hairline */
#bw-brief .bwb-close{max-width:880px!important;margin:clamp(64px,6vw,96px) auto 0!important;padding-top:clamp(36px,3.6vw,52px);
  position:relative;text-align:center;}
#bw-brief .bwb-close::before{content:"";position:absolute;top:0;left:50%;width:56px;height:2px;margin-left:-28px;border-radius:2px;
  background:linear-gradient(90deg,#F92F64,#A24BFF);}
#bw-brief .bwb-close p{margin:0!important;font-size:clamp(22px,2.1vw,32px)!important;font-weight:400!important;
  letter-spacing:-0.03em!important;line-height:1.3!important;color:#0B0C0E!important;text-wrap:balance;}
#bw-brief .bwb-close p + p{margin-top:16px!important;font-size:clamp(15px,1.15vw,17px)!important;letter-spacing:-0.005em!important;
  line-height:1.6!important;color:#6E7178!important;opacity:1!important;}

/* bw-vs.css */
/* Business Website or Web Application — dark, compact, Apple-style "which is right for you" compare */
#bw-vs{background:#000;color:#F5F5F7;padding:clamp(80px,8vw,120px) 0;font-family:'Figtree',system-ui,sans-serif;}
#bw-vs .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
#bw-vs .bwv-head{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(32px,5vw,96px);align-items:end;margin-bottom:clamp(40px,4vw,56px);}
#bw-vs .bwv-h{margin:0;font-size:clamp(32px,3.9vw,56px);font-weight:400;letter-spacing:-0.045em;line-height:1.04;color:#F5F5F7;text-wrap:balance;}
#bw-vs .amp{color:#F92F64;}
#bw-vs .bwv-lead{margin:0;max-width:44ch;font-size:clamp(16px,1.25vw,19px);line-height:1.5;color:#86868B;}
#bw-vs .bwv-cap{display:flex;align-items:center;gap:16px;margin-bottom:14px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6E6E73;}
#bw-vs .bwv-cap::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.12);}
#bw-vs .bwv-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto repeat(5,auto);gap:0 14px;}
#bw-vs .bwv-card{display:grid;grid-row:span 6;grid-template-rows:subgrid;border-radius:22px;padding:30px 34px 10px;background:#141416;}
#bw-vs .is-site{background:linear-gradient(180deg,#1E1014 0%,#141416 42%);}
#bw-vs .is-app{background:linear-gradient(180deg,#17112100 0%,#141416 42%),linear-gradient(180deg,#191226,#141416 42%);}
#bw-vs .bwv-name{margin:0 0 14px;display:flex;align-items:center;gap:12px;font-size:clamp(22px,2vw,28px);font-weight:500;letter-spacing:-0.03em;color:#F5F5F7;}
#bw-vs .bwv-name::before{content:"";width:8px;height:8px;border-radius:50%;background:#F92F64;}
#bw-vs .is-app .bwv-name::before{background:#A24BFF;}
#bw-vs .bwv-row{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:baseline;padding:16px 0;border-top:1px solid rgba(255,255,255,.08);}
#bw-vs .bwv-k{font-size:13px;color:#6E6E73;letter-spacing:.005em;}
#bw-vs .bwv-v{font-size:16.5px;line-height:1.42;letter-spacing:-0.01em;color:#F5F5F7;}
#bw-vs .bwv-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:clamp(28px,3vw,40px);}
#bw-vs .bwv-notes p{margin:0;padding:0 34px;font-size:14.5px;line-height:1.6;color:#86868B;}
@media(max-width:960px){#bw-vs .bwv-row{grid-template-columns:1fr;gap:4px;}}
@media(max-width:820px){#bw-vs .wrap{padding:0 20px;}
  #bw-vs .bwv-head,#bw-vs .bwv-notes{grid-template-columns:1fr;gap:18px;}
  #bw-vs .bwv-grid{grid-template-columns:1fr;grid-template-rows:none;gap:14px;}
  #bw-vs .bwv-card{grid-row:auto;grid-template-rows:none;padding:26px 24px 8px;}
  #bw-vs .bwv-notes p{padding:0;}}

/* ===== rev: live vector field + refined panels ===== */
#bw-vs{position:relative;overflow:hidden;isolation:isolate;}
#bw-vs .bwv-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;}
#bw-vs .bwv-orb{transform-box:fill-box;transform-origin:center;}
#bw-vs .o1{animation:bwvSpin 70s linear infinite;}
#bw-vs .o2{animation:bwvSpin 90s linear infinite reverse;}
#bw-vs .bwv-wave{stroke-dasharray:6 10;animation:bwvFlow 26s linear infinite;}
#bw-vs .w2{animation-duration:34s;animation-direction:reverse;}
#bw-vs .w3{animation-duration:42s;}
#bw-vs .bwv-dots circle{fill:#fff;opacity:.2;animation:bwvTw 6s ease-in-out infinite;}
#bw-vs .bwv-dots circle:nth-child(2n){animation-delay:-2s;}
#bw-vs .bwv-dots circle:nth-child(3n){animation-delay:-4s;}
@keyframes bwvSpin{to{transform:rotate(360deg);}}
@keyframes bwvFlow{to{stroke-dashoffset:-320;}}
@keyframes bwvTw{0%,100%{opacity:.08;}50%{opacity:.5;}}
/* panels: quiet glass, hairline edge, no tinted gradients */
#bw-vs .bwv-card,#bw-vs .is-site,#bw-vs .is-app{background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.09);
  border-radius:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);position:relative;
  transition:border-color .5s ease,background .5s ease;}
#bw-vs .bwv-card::before{content:"";position:absolute;left:34px;right:34px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#F92F64,transparent);opacity:.7;}
#bw-vs .is-app::before{background:linear-gradient(90deg,transparent,#A24BFF,transparent);}
#bw-vs .bwv-card:hover{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.16);}
#bw-vs .bwv-row{border-top-color:rgba(255,255,255,.06);}
@media(prefers-reduced-motion:reduce){#bw-vs .bwv-orb,#bw-vs .bwv-wave,#bw-vs .bwv-dots circle{animation:none;}}

/* vectors: a touch more presence so the motion reads */
#bw-vs .bwv-orb circle:first-child{stroke:rgba(255,255,255,.13);}
#bw-vs .o1 circle:nth-child(2){stroke:rgba(249,47,100,.38);}
#bw-vs .o2 circle:nth-child(2){stroke:rgba(162,75,255,.42);}
#bw-vs .bwv-wave{stroke-width:1.6;}
#bw-vs .w2{opacity:.8;}#bw-vs .w3{opacity:.55;}
#bw-vs .bwv-dots circle{r:2;}

/* ===== interactive layer ===== */
#bw-vs .bwv-cursor{position:absolute;left:-260px;top:-260px;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle,rgba(249,47,100,.16),rgba(162,75,255,.08) 42%,transparent 68%);
  opacity:0;transition:opacity .6s ease;will-change:transform;}
#bw-vs.is-hover .bwv-cursor{opacity:1;}
#bw-vs .bwv-orb,#bw-vs .bwv-wave{transition:translate .2s linear;}
#bw-vs .bwv-card{transition:transform .5s cubic-bezier(.22,.61,.36,1),border-color .5s ease,background .5s ease;transform-style:preserve-3d;will-change:transform;}
#bw-vs .bwv-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease;
  background:radial-gradient(420px circle at var(--sx,50%) var(--sy,50%),rgba(255,255,255,.07),transparent 60%);}
#bw-vs .is-site::after{background:radial-gradient(420px circle at var(--sx,50%) var(--sy,50%),rgba(249,47,100,.14),transparent 60%);}
#bw-vs .is-app::after{background:radial-gradient(420px circle at var(--sx,50%) var(--sy,50%),rgba(162,75,255,.16),transparent 60%);}
#bw-vs .bwv-card:hover::after{opacity:1;}
#bw-vs .bwv-row{position:relative;transition:background .35s ease;}
#bw-vs .bwv-row .bwv-v{transition:color .35s ease,transform .35s cubic-bezier(.22,.61,.36,1);}
#bw-vs .bwv-row.is-pair{background:rgba(255,255,255,.035);}
#bw-vs .bwv-row.is-pair .bwv-v{transform:translateX(4px);}
#bw-vs .is-site .bwv-row.is-pair .bwv-k{color:#FF7BA3;}
#bw-vs .is-app .bwv-row.is-pair .bwv-k{color:#C79BFF;}
#bw-vs .bwv-row.is-pair::before{content:"";position:absolute;left:0;top:50%;width:3px;height:16px;margin-top:-8px;border-radius:2px;background:#F92F64;}
#bw-vs .is-app .bwv-row.is-pair::before{background:#A24BFF;}
@media(hover:none){#bw-vs .bwv-cursor{display:none;}}
@media(prefers-reduced-motion:reduce){#bw-vs .bwv-card{transform:none!important;}}

/* ===== live canvas field (prominent) ===== */
#bw-vs .bwv-cv{position:absolute;inset:0;z-index:-1;pointer-events:none;
  -webkit-mask:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);}
#bw-vs .bwv-bg{opacity:.55;}

/* calmer field: two slow rings + one flowing line only */
#bw-vs .bwv-cv{display:none!important;}
#bw-vs .bwv-bg{opacity:.85;}
#bw-vs .w2,#bw-vs .w3,#bw-vs .bwv-dots{display:none;}

/* Hub compare: same two-card layout as BWD; linked values in .bwv-v */
#bw-vs .bwv-v .bwv-link{
  color:inherit;
  text-decoration:none;
  transition:color .25s ease;
}
#bw-vs .is-site .bwv-v .bwv-link:hover{color:#FF7BA3;}
#bw-vs .is-app .bwv-v .bwv-link:hover{color:#C79BFF;}
/* Uneven row counts on the hub — drop subgrid lock-step */
#bw-vs .bwv-grid:has(.bwv-link){
  grid-template-rows:none;
  align-items:start;
}
#bw-vs .bwv-grid:has(.bwv-link) .bwv-card{
  grid-row:auto;
  grid-template-rows:none;
  display:flex;
  flex-direction:column;
  padding-bottom:22px;
}

/* bw-eval.css */
/* How WDI Evaluates — ten assessment rings on a connected track */
.bwe{position:relative;background:#fff;color:#0B0C0E;padding:clamp(96px,10vw,148px) 0;font-family:'Figtree',system-ui,sans-serif;overflow:hidden;}
.bwe::before{content:"";position:absolute;right:-12%;top:-30%;width:62vw;height:62vw;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(249,47,100,.07),rgba(162,75,255,.04) 45%,transparent 70%);}
.bwe-wrap{position:relative;max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.bwe-head{max-width:820px;}
.bwe-h{margin:0;font-size:clamp(30px,3.9vw,56px);font-weight:400;line-height:1.06;letter-spacing:-0.045em;text-wrap:balance;}
.bwe .amp{background:linear-gradient(90deg,#F92F64,#A24BFF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.bwe-lead{margin:22px 0 0;max-width:56ch;font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:#5F636B;}
.bwe-legend{display:flex;gap:28px;margin:clamp(48px,5vw,72px) 0 26px;font-family:'Space Grotesk',ui-monospace,monospace;
  font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#9A9EA6;}
.bwe-legend span{display:inline-flex;align-items:center;gap:10px;}
.bwe-legend .dot{width:9px;height:9px;border-radius:50%;border:1.5px solid #F92F64;}
.bwe-legend .bar{width:16px;height:1.5px;background:#C9CCD2;}
.bwe-track{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));row-gap:clamp(44px,4.6vw,64px);column-gap:clamp(18px,2vw,30px);position:relative;}
/* hairline through each row of rings */
.bwe-track::before,.bwe-track::after{content:"";position:absolute;left:24px;right:0;height:1px;
  background:linear-gradient(90deg,rgba(249,47,100,.45),rgba(162,75,255,.35) 60%,rgba(12,12,20,.08));}
.bwe-track::before{top:24px;}
.bwe-track::after{top:calc(50% + 24px + clamp(22px,2.3vw,32px) / 2);display:none;}
.bwe-node{position:relative;}
.bwe-ring{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;}
.bwe-ring svg{position:absolute;inset:0;width:48px;height:48px;transform:rotate(-90deg);}
.bwe-ring circle{fill:none;stroke-width:1.6;}
.bwe-ring .t{stroke:rgba(12,12,20,.12);}
.bwe-ring .a{stroke:#F92F64;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.22,.61,.36,1),stroke .4s ease;}
.bwe-node:nth-child(n+6) .bwe-ring .a{stroke:#A24BFF;}
.bwe-ring b{position:relative;font-family:'Space Grotesk',ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.04em;color:#0B0C0E;transition:color .35s ease;}
.bwe-node h3{margin:22px 0 10px;font-size:clamp(17px,1.35vw,20px);font-weight:500;line-height:1.25;letter-spacing:-0.02em;}
.bwe-node p{margin:0;max-width:26ch;font-size:14.5px;line-height:1.55;color:#5F636B;}
.bwe-node{transition:transform .45s cubic-bezier(.22,.61,.36,1);}
.bwe-node:hover{transform:translateY(-4px);}
.bwe-node:hover .bwe-ring{background:#F92F64;}
.bwe-node:nth-child(n+6):hover .bwe-ring{background:#A24BFF;}
.bwe-node:hover .bwe-ring b{color:#fff;}
.bwe-node:hover .bwe-ring .a{stroke-dashoffset:0!important;stroke:rgba(255,255,255,.8);}
/* second-row connector: draw a separate hairline from node 6 */
.bwe-node:nth-child(6)::before{content:"";position:absolute;left:24px;top:24px;width:calc(500% + 4 * clamp(18px,2vw,30px) - 24px);height:1px;
  background:linear-gradient(90deg,rgba(162,75,255,.4),rgba(249,47,100,.3) 60%,rgba(12,12,20,.08));z-index:-1;}
.bwe-node .bwe-ring{z-index:1;}
.bwe-close{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:clamp(64px,6.4vw,96px);}
.bwe-rule{width:64px;height:2px;border-radius:2px;background:linear-gradient(90deg,#F92F64,#A24BFF);margin-bottom:22px;}
.bwe-close p{margin:0;max-width:40ch;font-size:clamp(19px,1.7vw,24px);font-weight:400;line-height:1.45;letter-spacing:-0.02em;color:#0B0C0E;text-wrap:balance;}
@media(max-width:1080px){.bwe-track{grid-template-columns:repeat(2,minmax(0,1fr));}.bwe-track::before,.bwe-node:nth-child(6)::before{display:none;}}
@media(max-width:620px){.bwe-wrap{padding:0 20px;}.bwe-track{grid-template-columns:1fr;row-gap:36px;}}
@media(prefers-reduced-motion:reduce){.bwe-node,.bwe-ring .a{transition:none;}}

/* Space Grotesk isn't loaded on this page — use the page's Figtree for numbers and labels */
.bwe-ring b,.bwe-legend{font-family:'Figtree',system-ui,sans-serif;font-variant-numeric:tabular-nums;}
.bwe-ring b{font-size:13px;font-weight:600;}

/* ===================== scroll journey (pinned) ===================== */
.bwe{overflow:clip;padding:0!important;}
.bwe::before{display:none;}
.bwe-stage{position:relative;padding:clamp(96px,10vw,148px) 0;}
.bwe-stage::before{content:"";position:absolute;right:-12%;top:-20%;width:62vw;height:62vw;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(249,47,100,.08),rgba(162,75,255,.05) 45%,transparent 70%);}
.bwe.is-pinned .bwe-stage{position:sticky;top:0;height:100vh;box-sizing:border-box;padding:clamp(44px,6vh,72px) 0;display:flex;align-items:center;}
.bwe.is-pinned .bwe-wrap{width:100%;}
.bwe.is-pinned .bwe-h{font-size:clamp(30px,3.4vw,50px);}
.bwe.is-pinned .bwe-legend{margin:clamp(28px,4vh,48px) 0 20px;}
.bwe.is-pinned .bwe-track{row-gap:clamp(28px,4.4vh,48px);}
.bwe.is-pinned .bwe-close{margin-top:clamp(28px,4.6vh,56px);}
.bwe.is-pinned .bwe-close p{font-size:clamp(17px,1.4vw,21px);}
/* Short desktop: the pinned stage is one viewport tall, so the heading needs vertical room or its first and last lines are clipped. */
@media (min-width:1081px) and (max-height:940px){
  #bw-eval .bwe-head{padding-top:24px;padding-bottom:24px;}
  #bw-eval.is-pinned .bwe-stage{
    align-items:flex-start;
    padding-top:calc(74px + 36px);
    padding-bottom:48px;
  }
  #bw-eval.is-pinned .bwe-h{line-height:1.16;}
}
/* 1366×768: the pinned stage is only one screen tall, so tighten the stack until the closing line stays inside it. */
@media (min-width:1081px) and (max-height:820px){
  #bw-eval .bwe-head{padding-top:12px;padding-bottom:16px;}
  #bw-eval .bwe-h{line-height:1.28;padding-top:.08em;padding-bottom:.06em;}
  #bw-eval.is-pinned .bwe-stage{
    align-items:flex-start;
    padding-top:calc(74px + 56px);
    padding-bottom:16px;
  }
  #bw-eval.is-pinned .bwe-h{font-size:clamp(28px,2.5vw,36px);line-height:1.28;}
  #bw-eval.is-pinned .bwe-lead{margin-top:12px;}
  #bw-eval.is-pinned .bwe-legend{margin:10px 0 8px;}
  #bw-eval.is-pinned .bwe-node{padding-bottom:4px;}
  #bw-eval.is-pinned .bwe-node h3{margin:10px 0 6px;}
  #bw-eval.is-pinned .bwe-track{row-gap:16px;}
  #bw-eval.is-pinned .bwe-close{margin-top:12px;}
}
/* track: static grey base, live gradient fill */
.bwe.is-pinned .bwe-track::before,.bwe.is-pinned .bwe-node:nth-child(6)::before{background:rgba(12,12,20,.09);}
.bwe-prog{position:absolute;height:2px;margin-top:-.5px;transform-origin:left center;transform:scaleX(0);z-index:0;border-radius:2px;
  background:linear-gradient(90deg,#F92F64,#A24BFF);box-shadow:0 0 12px rgba(249,47,100,.35);display:none;}
.bwe.is-pinned .bwe-prog{display:block;}
/* step states */
.bwe-node{cursor:pointer;border-radius:16px;padding:0 0 14px;}
.bwe-node .bwe-ring .a{stroke-dashoffset:132!important;transition:stroke-dashoffset .7s cubic-bezier(.22,.61,.36,1),stroke .4s ease;}
.bwe.is-pinned .bwe-node h3,.bwe.is-pinned .bwe-node p{transition:opacity .5s ease,color .5s ease;}
.bwe.is-pinned .bwe-node:not(.is-done):not(.is-on) h3{opacity:.38;}
.bwe.is-pinned .bwe-node:not(.is-done):not(.is-on) p{opacity:.3;}
.bwe-node.is-done .bwe-ring .a{stroke-dashoffset:0!important;}
.bwe-node.is-on .bwe-ring{background:#F92F64;transform:scale(1.14);box-shadow:0 0 0 7px rgba(249,47,100,.12),0 10px 26px rgba(249,47,100,.32);}
.bwe-node:nth-child(n+6).is-on .bwe-ring{background:#A24BFF;box-shadow:0 0 0 7px rgba(162,75,255,.12),0 10px 26px rgba(162,75,255,.32);}
.bwe-node.is-on .bwe-ring b{color:#fff;}
.bwe-node.is-on .bwe-ring .a{stroke-dashoffset:0!important;stroke:rgba(255,255,255,.85);}
.bwe-node.is-on h3{color:#0B0C0E;}
.bwe-node.is-on p{color:#3A3D44;}
.bwe-ring{transition:background .45s ease,transform .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s ease;}
/* card interactivity: pointer spotlight + lift */
.bwe-node::after{content:"";position:absolute;inset:-14px -14px 0;border-radius:18px;pointer-events:none;opacity:0;transition:opacity .35s ease;z-index:-1;
  background:radial-gradient(240px circle at var(--sx,50%) var(--sy,50%),rgba(249,47,100,.09),transparent 70%);}
.bwe-node:nth-child(n+6)::after{background:radial-gradient(240px circle at var(--sx,50%) var(--sy,50%),rgba(162,75,255,.1),transparent 70%);}
.bwe-node:hover::after{opacity:1;}
.bwe-node:hover h3,.bwe-node:hover p{opacity:1!important;}
.bwe-node:hover .bwe-ring{transform:scale(1.08);}
/* ===================== radar vector, top-right ===================== */
.bwe-wrap{position:relative;}
.bwe-radar{position:absolute;right:40px;top:-18px;width:clamp(220px,20vw,290px);aspect-ratio:1;transition:transform .5s cubic-bezier(.22,.61,.36,1);transform-style:preserve-3d;}
.bwe.is-pinned .bwe-radar{top:-26px;width:clamp(200px,18vw,260px);}
.bwe-radar svg{width:100%;height:100%;overflow:visible;}
.bwe-rd-ring{fill:none;stroke:rgba(12,12,20,.1);stroke-width:1;}
.bwe-rd-ring.dash{stroke-dasharray:2 6;stroke:rgba(162,75,255,.35);animation:bweSpin 60s linear infinite;transform-origin:150px 150px;}
.bwe-rd-prog{fill:none;stroke:url(#bweArc);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transform:rotate(-90deg);transform-origin:150px 150px;}
.bwe-rd-arm{transform-origin:150px 150px;}
.bwe-rd-dot{fill:#fff;stroke:rgba(12,12,20,.18);stroke-width:1.2;transition:fill .4s ease,stroke .4s ease,r .4s ease;}
.bwe-rd-dot.on{fill:#F92F64;stroke:#fff;stroke-width:2;}
.bwe-rd-dot.on:nth-of-type(n+6){fill:#A24BFF;}
.bwe-rd-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;}
.bwe-rd-n{font-size:clamp(34px,3vw,46px);font-weight:500;letter-spacing:-0.04em;line-height:1;background:linear-gradient(135deg,#F92F64,#A24BFF);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.bwe-rd-l{margin-top:6px;max-width:12ch;font-size:12px;font-weight:500;line-height:1.3;color:#5F636B;}
.bwe-radar.tick .bwe-rd-core{animation:bwePop .55s cubic-bezier(.22,.61,.36,1);}
@keyframes bwePop{0%{opacity:.2;transform:translateY(6px) scale(.96);}100%{opacity:1;transform:none;}}
@keyframes bweSpin{to{transform:rotate(360deg);}}
@media(max-width:1180px){.bwe-radar{display:none;}}
@media(prefers-reduced-motion:reduce){.bwe-rd-ring.dash{animation:none;}}

/* ===== solid corner shapes ===== */
.bwe-stage{isolation:isolate;}
.bwe-sh{position:absolute;pointer-events:none;z-index:-1;}
/* top-left: quarter disc + small solid dot */
.bwe-sh.s-tl{left:0;top:0;width:clamp(120px,11vw,170px);aspect-ratio:1;background:#FDE3EB;border-bottom-right-radius:100%;}
.bwe-sh.s-tl2{left:clamp(132px,12vw,186px);top:clamp(34px,3.2vw,48px);width:14px;height:14px;border-radius:50%;background:#F92F64;}
/* bottom-left: solid half-pill rising from the edge */
.bwe-sh.s-bl{left:clamp(40px,5vw,84px);bottom:0;width:clamp(70px,6vw,96px);height:clamp(35px,3vw,48px);background:#A24BFF;border-radius:999px 999px 0 0;}
/* bottom-right: rotated rounded square + quarter ring */
.bwe-sh.s-br{right:0;bottom:0;width:clamp(150px,14vw,220px);aspect-ratio:1;background:#EFE4FF;border-top-left-radius:100%;}
.bwe-sh.s-br2{right:clamp(150px,14vw,214px);bottom:clamp(30px,3vw,46px);width:26px;height:26px;border-radius:7px;background:#F92F64;transform:rotate(18deg);animation:bweBob 7s ease-in-out infinite;}
@keyframes bweBob{50%{transform:rotate(32deg) translateY(-8px);}}
@media(max-width:760px){.bwe-sh.s-tl,.bwe-sh.s-br{width:96px;}.bwe-sh.s-tl2,.bwe-sh.s-br2,.bwe-sh.s-bl{display:none;}}
@media(prefers-reduced-motion:reduce){.bwe-sh.s-br2{animation:none;}}

/* 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);}

/* wby-why.css */
/* ============================================================
   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-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);}
/* ============================================================
   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;}
/* 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;}
#why-wdi .wby-cell,#why-wdi .wby-l>*{opacity:1!important;transform:none!important;}

/* bw-look.css */
/* What to look for — reuses the Mobile V2 "Is your organisation ready to begin?" checklist */
#bw-look .rdy{background:#fff;padding:clamp(60px,7vw,104px) 0;}
#bw-look .rdy-in{display:grid;grid-template-columns:76% 1fr;gap:clamp(32px,5vw,80px);align-items:start;}
#bw-look .rdy-eye{display:inline-flex;align-items:center;gap:9px;font-family:'Figtree',system-ui,sans-serif;font-size:12px;
  font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#E0204F;}
#bw-look .rdy-eye i{width:5px;height:5px;border-radius:50%;background:#F92F64;
  box-shadow:0 0 0 3px rgba(249,47,100,.16);}
#bw-look .rdy-h{margin:18px 0 0;font-family:'Figtree',system-ui,sans-serif;font-size:clamp(34px,4.1vw,62px);font-weight:400;
  letter-spacing:-0.05em;line-height:1.04;color:#0B0C0E;max-width:24ch;text-wrap:balance;}
#bw-look .rdy-h .amp{background:linear-gradient(102deg,#E0204F,#A24BFF);
  -webkit-background-clip:text;background-clip:text;color:transparent;}
#bw-look .rdy-lead{margin:22px 0 0;font-size:clamp(16px,1.3vw,18.5px);font-weight:300;line-height:1.62;
  color:#3A3D44;max-width:56ch;}
#bw-look .rdy-note{margin:14px 0 0;font-size:14.5px;font-weight:300;line-height:1.66;color:#5F636B;max-width:60ch;}
#bw-look .rdy-cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(26px,3vw,36px);height:48px;
  padding:0 26px;border-radius:999px;background:#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;}
#bw-look .rdy-cta svg{width:14px;height:14px;transition:transform .35s cubic-bezier(.22,.61,.24,1);}
#bw-look .rdy-cta:hover{background:#F92F64;transform:translateY(-2px);box-shadow:0 16px 34px rgba(249,47,100,.3);}
#bw-look .rdy-cta:hover svg{transform:translate(2px,-2px);}
#bw-look .rdy-cta:focus-visible{outline:2px solid #F92F64;outline-offset:4px;}
#bw-look .rdy-r{padding-top:6px;}
#bw-look .rdy-r-k{display:block;font-family:'Figtree',system-ui,sans-serif;font-size:11.5px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:#5F636B;}
#bw-look .rdy-list{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:14px;}
#bw-look .rdy-list li{display:flex;align-items:flex-start;gap:12px;font-size:14.5px;font-weight:500;
  letter-spacing:-0.01em;line-height:1.35;color:#0B0C0E;}
#bw-look .rdy-tick{flex:none;width:21px;height:21px;margin-top:1px;display:grid;place-items:center;border-radius:50%;
  background:#0B0C0E;color:#fff;transition:background .3s ease,transform .3s ease;}
#bw-look .rdy-tick svg{width:11px;height:11px;}
#bw-look .rdy-list li:hover .rdy-tick{background:#F92F64;transform:scale(1.08);}
@media(max-width:940px){
  #bw-look .rdy-in{grid-template-columns:1fr;gap:32px;}
  #bw-look .rdy-r{padding-top:0;border-top:1px solid rgba(12,12,20,.1);padding-top:26px;}
}
#bw-look .rdy-list li{font-size:13.5px;font-weight:400;line-height:1.45;}
#bw-look .rdy-lead{margin-bottom:0;}
#bw-look .rdy-in{grid-template-columns:1fr!important;gap:clamp(26px,3vw,40px)!important;}
#bw-look .rdy-l{max-width:none;}
#bw-look .rdy-r{padding-top:clamp(4px,1vw,10px);}
#bw-look .rdy-list{display:grid!important;grid-template-columns:1fr 1fr;gap:14px clamp(28px,3.4vw,56px);}
#bw-look .rdy-list li{font-size:14.5px;}
#bw-look .rdy-h{max-width:26ch;}
#bw-look .rdy-lead{max-width:none;}
#bw-look .rdy-note{margin-top:12px;}
@media(max-width:760px){.rdy-list{grid-template-columns:1fr!important;}}
#bw-look .rdy-cta{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(26px,3vw,36px);height:48px;
  padding:0 26px;border-radius:999px;background:#0B0C0E;color:#fff;font-family:'Figtree',system-ui,sans-serif;
  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;}
#bw-look .rdy-cta svg{width:15px;height:15px;transition:transform .35s cubic-bezier(.22,.61,.24,1);}
#bw-look .rdy-cta:hover{background:#F92F64;transform:translateY(-2px);box-shadow:0 16px 34px rgba(249,47,100,.3);}
#bw-look .rdy-cta:hover svg{transform:translateX(3px);}
#bw-look .rdy-cta:focus-visible{outline:2px solid #F92F64;outline-offset:4px;}
#bw-look .rdy-li-cta{padding:0!important;}
#bw-look .rdy-li-cta .rdy-cta{margin-top:0;height:40px;padding:0 20px;font-size:13.5px;}
#bw-look .rdy-li-cta .rdy-cta svg{width:13px;height:13px;}
#bw-look .rdy-in{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;}
#bw-look .rdy-h{max-width:18ch;}
#bw-look .rdy-r{padding:clamp(28px,2.6vw,36px);border-radius:22px;background:#FAF7F8;border:1px solid rgba(12,12,20,.06);}
#bw-look .rdy-list{display:flex!important;flex-direction:column;gap:16px;}
#bw-look .rdy-list li{font-size:16px;line-height:1.42;}
#bw-look .rdy-close{margin:26px 0 0;padding-top:22px;border-top:1px solid rgba(12,12,20,.1);font-size:16px;font-weight:500;line-height:1.5;letter-spacing:-0.01em;color:#0B0C0E;}
@media(max-width:900px){#bw-look .rdy-in{grid-template-columns:1fr!important;}}

#bw-look{padding:clamp(88px,9vw,132px) 0!important;position:relative;z-index:1;}

/* ===== dark CTA treatment ===== */
#bw-look{background:#0B0C0E!important;color:#fff;overflow:hidden;isolation:isolate;}
#bw-look::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(48% 70% at 88% 12%,rgba(249,47,100,.22),transparent 62%),radial-gradient(40% 60% at 8% 100%,rgba(162,75,255,.18),transparent 64%);}
#bw-look .bwl-bg{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;}
#bw-look .bwl-o{transform-box:fill-box;transform-origin:center;}
#bw-look .o1{animation:bwlSpin 70s linear infinite;}
#bw-look .o2{animation:bwlSpin 90s linear infinite reverse;}
#bw-look .bwl-w{stroke-dasharray:6 10;animation:bwlFlow 28s linear infinite;}
#bw-look .w2{animation-duration:38s;animation-direction:reverse;}
@keyframes bwlSpin{to{transform:rotate(360deg);}}
@keyframes bwlFlow{to{stroke-dashoffset:-320;}}
#bw-look .rdy-h{color:#fff;}
#bw-look .rdy-h .amp{background:linear-gradient(102deg,#FF5C86,#B57BFF);-webkit-background-clip:text;background-clip:text;color:transparent;}
#bw-look .rdy-eye{color:#FF7BA3;}
#bw-look .rdy-lead{color:rgba(255,255,255,.86);}
#bw-look .rdy-note{color:rgba(255,255,255,.6);}
#bw-look .rdy-r{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);}
#bw-look .rdy-r-k{color:rgba(255,255,255,.55);}
#bw-look .rdy-list li{color:#fff;}
#bw-look .rdy-tick{background:#F92F64;color:#fff;}
#bw-look .rdy-list li:hover .rdy-tick{background:#fff;color:#F92F64;}
#bw-look .rdy-close{color:#fff;border-top-color:rgba(255,255,255,.12);}
#bw-look .rdy-cta{background:#F92F64;color:#fff;height:54px;padding:0 30px;font-size:15.5px;margin-top:clamp(30px,3.2vw,40px);}
#bw-look .rdy-cta:hover{background:#fff;color:#F92F64;box-shadow:0 18px 40px rgba(249,47,100,.35);}
@media(prefers-reduced-motion:reduce){#bw-look .bwl-o,#bw-look .bwl-w{animation:none;}}

/* hairline so the dark CTA and dark footer read as two blocks */
#bw-look{border-bottom:1px solid rgba(255,255,255,.08);}

/* ppc-v2.css */
/* ============================================================
   WDI - Idea → Product PPC Landing Page
   Reuses tokens from portfolio-page-v2.css (--rose-*, --violet,
   --ink, --muted, --line, --font, --maxw). Design language mirrors
   the Portfolio V2 + Homepage system (pp- classes, bands, cards).
   ============================================================ */

/* smooth anchor scroll offset for the fixed-ish nav */

.lp-sec{position:relative;padding:clamp(80px,9vw,132px) 0;background:var(--bg);overflow:hidden;}
.lp-sec.alt{background:var(--page);}

/* shared header cluster ---------------------------------------- */
.lp-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);}
.lp-eyebrow .lvdot{width:7px;height:7px;border-radius:50%;background:var(--rose-400);box-shadow:0 0 0 0 rgba(249,47,100,.6);animation:lpPulse 2.4s ease-out infinite;}
@keyframes lpPulse{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);}}
.lp-eyebrow-c{justify-content:center;}
.lp-head{max-width:820px;margin:0 auto 56px;text-align:center;}
.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;}
.lp-h .amp,.lp-h .grad,.lp-h .mut{background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:inherit;}
.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);}
.lp-supp{margin:16px auto 0;max-width:66ch;font-size:15px;font-weight:300;line-height:1.62;color:var(--muted);}

/* buttons ------------------------------------------------------ */
.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;}
.lp-btn .ar{display:inline-flex;width:20px;height:20px;transition:transform .35s cubic-bezier(.2,.7,.2,1);}
.lp-btn .ar svg{width:100%;height:100%;}
.lp-btn:hover .ar{transform:translateX(4px);}
.lp-btn-primary{background:var(--ink);color:#fff;box-shadow:0 14px 34px rgba(11,12,14,.16);}
.lp-btn-primary:hover{background:var(--rose-500);color:#fff;transform:translateY(-2px);box-shadow:0 20px 44px rgba(228,18,82,.34);}
.lp-btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2);}
.lp-btn-ghost:hover{border-color:var(--rose-500);color:var(--rose-600);transform:translateY(-2px);}
.lp-btn-light{background:#fff;color:var(--ink);box-shadow:0 16px 40px rgba(0,0,0,.28);}
.lp-btn-light:hover{background:var(--rose-500);color:#fff;transform:translateY(-2px);box-shadow:0 20px 46px rgba(228,18,82,.4);}
.lp-btn-ghost-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.28);}
.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);}
.lp-btn-big{font-size:17px;padding:20px 46px;gap:14px;}
.lp-btn-big .ar{width:22px;height:22px;}
.lp-inline-cta{margin-top:52px;display:flex;justify-content:center;}

/* standalone nav ---------------------------------------------- */
/* top contact banner (matches nav variant A/v3) */
.nva3-topbar{position:relative;background:#0B0C0E;color:rgba(255,255,255,.82);font-size:13px;overflow:hidden;}
.nva3-topbar::before{content:"";position:absolute;inset:-50% -10%;z-index:0;pointer-events:none;
  background:radial-gradient(38% 120% at 12% 50%,rgba(249,47,100,.5),transparent 60%),radial-gradient(34% 120% at 50% 50%,rgba(122,0,255,.42),transparent 62%),radial-gradient(40% 120% at 88% 50%,rgba(253,59,111,.4),transparent 60%);
  filter:blur(26px);opacity:.55;animation:nva3Aurora 14s ease-in-out infinite alternate;}
@keyframes nva3Aurora{0%{transform:translateX(-6%);}100%{transform:translateX(6%);}}
.nva3-topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;z-index:1;
  background:linear-gradient(90deg,transparent,rgba(249,47,100,.9),rgba(162,75,255,.9),transparent);
  background-size:40% 100%;background-repeat:no-repeat;animation:nva3Sheen 5.5s linear infinite;}
@keyframes nva3Sheen{0%{background-position:-40% 0;}100%{background-position:140% 0;}}
.nva3-tb-in{position:relative;z-index:2;max-width:1300px;margin:0 auto;padding:0 clamp(22px,5vw,56px);
  display:flex;align-items:center;justify-content:space-between;gap:18px;height:44px;}
.nva3-tb-note{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.74);font-weight:300;}
.nva3-tb-note .lvdot{width:7px;height:7px;border-radius:50%;background:#36D399;box-shadow:0 0 0 0 rgba(54,211,153,.6);animation:nva3Pulse 2.4s ease-out infinite;flex:none;}
@keyframes nva3Pulse{0%{box-shadow:0 0 0 0 rgba(54,211,153,.55);}70%{box-shadow:0 0 0 7px rgba(54,211,153,0);}100%{box-shadow:0 0 0 0 rgba(54,211,153,0);}}
.nva3-tb-note svg{width:15px;height:15px;color:var(--rose-400);flex:none;}
.nva3-tb-right{display:flex;align-items:center;gap:14px;}
.nva3-tb-ph{display:inline-flex;align-items:center;gap:7px;font-weight:400;color:rgba(255,255,255,.85);text-decoration:none;transition:color .2s;}
.nva3-tb-ph:hover{color:#fff;}
.nva3-tb-ph .rg{font-size:10px;font-weight:700;letter-spacing:.1em;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:5px;padding:2px 6px;}
.nva3-tb-sep{width:1px;height:16px;background:rgba(255,255,255,.16);}
.nva3-tb-mail{display:inline-flex;align-items:center;gap:8px;font-weight:500;color:#fff;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 14px;margin-left:4px;text-decoration:none;transition:background .25s,border-color .25s,transform .25s;}
.nva3-tb-mail svg{width:14px;height:14px;color:var(--rose-300);}
.nva3-tb-mail:hover{background:var(--rose-600);border-color:var(--rose-600);transform:translateY(-1px);}
@media(max-width:860px){
  .nva3-tb-note{display:none;}
  .nva3-tb-in{justify-content:center;height:auto;padding-top:8px;padding-bottom:8px;flex-wrap:wrap;gap:10px;}
}
@media(prefers-reduced-motion:reduce){.nva3-topbar::before,.nva3-topbar::after{animation:none;}.nva3-tb-note .lvdot{animation:none;}}
.lpnav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line);}
.lpnav-in{max-width:1300px;margin:0 auto;padding:0 40px;height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.lpnav-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;}
.lpnav-mark{width:30px;height:30px;display:block;}
.lpnav-name{display:inline-flex;align-items:baseline;gap:8px;font-size:18px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);line-height:1;}
.lpnav-name em{font-style:normal;font-size:13px;font-weight:500;color:var(--muted);letter-spacing:-0.005em;}
.lpnav-cta{display:flex;align-items:center;gap:12px;}
.lpnav-btn{padding:11px 20px;font-size:14px;}

/* standalone footer ------------------------------------------- */
.lpfoot{position:relative;overflow:hidden;background:linear-gradient(180deg,#0B0C0E,#121319);color:#fff;padding:clamp(58px,7vw,90px) 0 36px;}
.lpfoot-aura{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(46% 72% at 22% 0%,rgba(249,47,100,.16),transparent 62%),radial-gradient(40% 60% at 92% 20%,rgba(122,0,255,.12),transparent 64%);}
.lpfoot-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:clamp(32px,6vw,96px);align-items:start;}
.lpfoot-l{max-width:none;}
.lpfoot-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;}
.lpfoot-mark{width:30px;height:30px;display:block;}
.lpfoot-name{display:inline-flex;align-items:baseline;gap:8px;font-size:19px;font-weight:700;letter-spacing:-0.02em;color:#fff;}
.lpfoot-name em{font-style:normal;font-size:13px;font-weight:500;color:rgba(255,255,255,.55);letter-spacing:-0.005em;}
.lpfoot-tag{margin-top:20px;max-width:52ch;font-size:15px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.62);text-align:left;}
.lpfoot-r{min-width:min(440px,44vw);}
.lpfoot-cta-h{font-size:clamp(25px,2.6vw,34px);font-weight:600;letter-spacing:-0.03em;color:#fff;}
.lpfoot-cta-p{margin-top:12px;font-size:15px;font-weight:300;line-height:1.55;color:rgba(255,255,255,.6);max-width:46ch;}
.lpfoot-form{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap;}
.lpfoot-input{flex:1;min-width:210px;height:54px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;font-family:var(--font);font-size:15px;outline:none;transition:border-color .3s,background .3s;}
.lpfoot-input::placeholder{color:rgba(255,255,255,.45);}
.lpfoot-input:focus{border-color:var(--rose-400);background:rgba(255,255,255,.1);}
.lpfoot-formbtn{flex:none;height:54px;font-size:15.5px;padding:0 26px;}
.lpfoot-sub{display:inline-block;margin-top:18px;font-size:15px;font-weight:500;letter-spacing:-0.01em;color:rgba(255,255,255,.7);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:2px;transition:color .3s,border-color .3s;}
.lpfoot-sub:hover{color:var(--rose-300);border-color:var(--rose-400);}
.lpfoot-recog{display:none;}
.lpfoot-badges{margin-top:26px;display:flex;align-items:center;gap:clamp(16px,1.8vw,26px);flex-wrap:wrap;}
.lpfoot-badges img{height:88px;width:auto;max-width:100%;object-fit:contain;opacity:.94;transition:opacity .3s,transform .3s;}
.lpfoot-badges img[src*="goodfirms"]{height:64px;}
.lpfoot-badges img:hover{opacity:1;transform:translateY(-3px);}
.lpfoot-contact{margin-top:26px;display:flex;align-items:center;gap:22px;text-decoration:none;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:16px 22px;transition:border-color .3s,background .3s,transform .3s;}
.lpfoot-contact:hover{border-color:var(--rose-400);background:rgba(249,47,100,.08);transform:translateY(-2px);}
.lpfoot-contact-l{display:flex;flex-direction:column;gap:3px;}
.lpfoot-contact-k{font-size:14px;font-weight:600;letter-spacing:-0.01em;color:#fff;}
.lpfoot-contact-sub{font-size:12.5px;font-weight:300;color:rgba(255,255,255,.55);}
.lpfoot-contact-r{display:flex;align-items:center;gap:10px;padding-left:20px;border-left:1px solid rgba(255,255,255,.14);}
.lpfoot-contact-ic{width:34px;height:34px;flex:none;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,var(--rose-500),var(--violet));color:#fff;}
.lpfoot-contact-ic svg{width:17px;height:17px;}
.lpfoot-contact-num{font-size:16px;font-weight:600;letter-spacing:-0.01em;color:#fff;white-space:nowrap;}
.lpfoot-bottom{grid-column:1 / -1;margin-top:clamp(30px,3.4vw,40px);padding-top:26px;border-top:1px solid rgba(255,255,255,.1);width:100%;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;ap;font-size:13px;font-weight:400;color:rgba(255,255,255,.5);}

/* trusted ecosystem ------------------------------------------- */
.lp-eco{position:relative;background:#F4F5F7;padding:clamp(50px,6vw,84px) 0;overflow:hidden;}
.lp-eco-head{text-align:center;max-width:760px;}
.lp-eco-head .lp-eyebrow{justify-content:center;}
.lp-eco-h{margin-top:16px;font-size:clamp(24px,2.6vw,34px);font-weight:600;letter-spacing:-0.03em;color:var(--ink);text-wrap:balance;}
.lp-eco-sub{margin:14px auto 0;max-width:58ch;font-size:clamp(14px,1.2vw,16px);font-weight:300;line-height:1.6;color:var(--muted);}
.lp-eco-strip{margin-top:clamp(38px,4vw,54px);position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);}
.lp-eco-track{display:flex;align-items:center;gap:64px;width:max-content;animation:lpEco 48s linear infinite;}
.lp-eco-strip:hover .lp-eco-track{animation-play-state:paused;}
@keyframes lpEco{to{transform:translateX(-50%);}}
.lp-eco-logo{flex:none;display:flex;align-items:center;white-space:nowrap;}
.lp-eco-logo img{height:38px;width:auto;object-fit:contain;filter:grayscale(1) opacity(.62);transition:filter .35s,transform .35s;}
.lp-eco-logo:hover img{filter:grayscale(0) opacity(1);transform:translateY(-2px);}
@media (prefers-reduced-motion:reduce){.lp-eco-track{animation:none;flex-wrap:wrap;justify-content:center;}}

/* reveal ------------------------------------------------------- */
.lp-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
.lp-reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.lp-reveal{opacity:1;transform:none;}}

/* ============================================================
   1 · HERO
   ============================================================ */
.lp-hero{position:relative;padding:clamp(120px,14vw,180px) 0 clamp(80px,9vw,120px);text-align:center;background:var(--bg);overflow:hidden;}
.lp-hero-aura{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(48% 60% at 76% 8%,rgba(249,47,100,.12),transparent 60%),radial-gradient(42% 56% at 14% 30%,rgba(122,0,255,.10),transparent 62%);}
.lp-hero-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 78%);-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000,transparent 78%);}
.lp-hero-in{position:relative;z-index:2;}
/* mouse-follow spotlight */
.lp-hero-spot{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .5s ease;
  background:radial-gradient(340px 340px at var(--mx,50%) var(--my,30%),rgba(249,47,100,.16),rgba(122,0,255,.08) 42%,transparent 68%);}
.lp-hero:hover .lp-hero-spot{opacity:1;}
/* rising electrical pulses */
.lp-hero-pulses{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;
  mask-image:radial-gradient(75% 70% at 50% 34%,#000,transparent 82%);-webkit-mask-image:radial-gradient(75% 70% at 50% 34%,#000,transparent 82%);}
.lp-hero-pulses i{position:absolute;bottom:-8%;width:2px;height:64px;border-radius:2px;
  background:linear-gradient(180deg,transparent,rgba(249,47,100,.7),rgba(162,75,255,.5),transparent);
  opacity:0;animation:lpHeroPulse linear infinite;}
@keyframes lpHeroPulse{0%{transform:translateY(0) scaleY(.4);opacity:0;}12%{opacity:.9;}88%{opacity:.9;}100%{transform:translateY(-118vh) scaleY(1);opacity:0;}}
@media(prefers-reduced-motion:reduce){.lp-hero-pulses{display:none;}.lp-hero-spot{display:none;}}

/* ============================================================
   1.5 · INTERSTITIAL STATEMENT BAND (near-black)
   ============================================================ */
.lp-band{position:relative;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,#0B0C0E 0%,#101116 100%);color:#fff;
  padding:clamp(72px,10vw,128px) 0;text-align:center;}
.lp-band-aura{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(46% 70% at 20% 22%,rgba(249,47,100,.16),transparent 60%),radial-gradient(46% 70% at 82% 80%,rgba(122,0,255,.16),transparent 62%);}
.lp-band-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.38;
  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:58px 58px;mask-image:radial-gradient(72% 72% at 50% 50%,#000,transparent 78%);-webkit-mask-image:radial-gradient(72% 72% at 50% 50%,#000,transparent 78%);}
.lp-band-in{position:relative;z-index:2;max-width:940px;margin:0 auto;}
.lp-band-quote{margin:24px auto 0;max-width:900px;font-size:clamp(26px,3.6vw,46px);font-weight:600;letter-spacing:-0.035em;line-height:1.12;color:#fff;text-wrap:balance;}
.lp-band-by{margin:24px auto 0;max-width:620px;font-size:clamp(15px,1.5vw,17px);font-weight:300;line-height:1.6;color:rgba(255,255,255,.6);letter-spacing:-0.004em;text-wrap:pretty;}
.lp-hero-h{margin-top:26px;font-size:clamp(44px,8vw,104px);font-weight:600;letter-spacing:-0.05em;line-height:.95;color:var(--ink);text-wrap:balance;}
.lp-hero-h .amp{background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
.lp-hero-aeo{margin:28px auto 0;max-width:64ch;font-size:clamp(16px,1.6vw,20px);font-weight:300;line-height:1.55;color:var(--ink-2);}
.lp-hero-sub{margin:16px auto 0;max-width:60ch;font-size:15.5px;font-weight:300;line-height:1.6;color:var(--muted);}
.lp-hero-cta{margin-top:38px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.lp-hero-trust{margin-top:48px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,38px);flex-wrap:wrap;}
.lp-hero-trust .t b{font-size:26px;font-weight:600;letter-spacing:-0.03em;color:var(--ink);}
.lp-hero-trust .t span{display:block;margin-top:3px;font-size:12.5px;font-weight:500;color:var(--muted);}
.lp-hero-trust .d{width:1px;height:32px;background:var(--line-2);}

/* ============================================================
   2 · FORM SECTION (reuses ct-form-sec + launch-form-v2)
   ============================================================ */
.lp-form-sec{background:var(--bg);padding-bottom:clamp(40px,6vw,80px);}
.lp-form-head{text-align:center;max-width:760px;margin:clamp(40px,5vw,64px) auto clamp(24px,3vw,36px);}
.lp-form-head .lp-eyebrow{justify-content:center;}
.lp-form-head .lp-lead{margin:20px auto 0;max-width:62ch;font-size:16px;font-weight:300;line-height:1.6;color:var(--ink-2);}

/* ============================================================
   3 · PROBLEM FRAMING - editorial no-box list
   ============================================================ */
.lp-problem{position:relative;isolation:isolate;overflow:hidden;}
.lp-problem .wrap{position:relative;z-index:2;}
.lp-prob-canvas{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none;}
.lp-prob-grid{display:flex;flex-direction:column;gap:0;max-width:none;margin:clamp(20px,3vw,36px) 0 0;border-top:1px solid var(--line);}
.lp-prob{position:relative;display:flex;align-items:flex-start;gap:clamp(20px,3vw,44px);padding:clamp(28px,3.2vw,42px) 2px;border-bottom:1px solid var(--line);
  opacity:0;transform:translateX(48px);
  transition:opacity .6s ease,transform .8s cubic-bezier(.2,.75,.2,1);}
.lp-prob.in{opacity:1;transform:none;}
.lp-prob:nth-child(even){background:rgba(15,17,20,.028);}
.lp-prob{border-radius:14px;padding-left:clamp(16px,2vw,28px);padding-right:clamp(16px,2vw,28px);}
.lp-prob::before{content:"";position:absolute;left:0;top:-1px;height:calc(100% + 1px);width:2px;background:linear-gradient(180deg,var(--rose-500),var(--violet-2));transform:scaleY(0);transform-origin:top;transition:transform .45s cubic-bezier(.2,.7,.2,1);}
.lp-prob:hover::before{transform:scaleY(1);}
.lp-prob .n{flex:none;font-size:clamp(30px,3.4vw,46px);font-weight:300;letter-spacing:-0.03em;line-height:.9;color:var(--rose-500);font-feature-settings:"tnum" 1;min-width:clamp(52px,5vw,84px);transition:transform .4s cubic-bezier(.2,.7,.2,1);}
.lp-prob:hover .n{transform:translateX(4px);}
.lp-prob-c{flex:1;min-width:0;}
.lp-prob p{margin:0;font-size:clamp(19px,1.9vw,26px);font-weight:600;line-height:1.2;color:var(--ink);letter-spacing:-0.025em;}
.lp-prob-sub{display:block;margin-top:11px;font-size:clamp(14px,1.15vw,16px);font-weight:300;line-height:1.6;color:var(--muted);max-width:70ch;}
@media (prefers-reduced-motion:reduce){.lp-prob{opacity:1;transform:none;}}
.lp-prob-close{position:relative;margin:56px auto 0;max-width:760px;text-align:center;font-size:clamp(21px,2.4vw,30px);font-weight:500;letter-spacing:-0.025em;line-height:1.2;color:var(--ink);}
.lp-prob-close::after{content:"";display:block;width:52px;height:2px;margin:22px auto 0;background:linear-gradient(90deg,var(--rose-500),var(--violet));border-radius:2px;}

/* ============================================================
   3.5 · IDEA-FIT DIAGNOSTIC - incident.io-style bento (grey band)
   ============================================================ */
.lp-diag{background:#F4F5F7;}
.lp-diag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
/* header cell (first grid slot) */
.lp-diag-head{display:flex;flex-direction:column;padding:8px 12px 8px 0;}
.lp-diag-head .lp-eyebrow{justify-content:flex-start;}
.lp-diag-h{margin-top:18px;font-size:clamp(26px,2.7vw,36px);font-weight:600;letter-spacing:-0.03em;line-height:1.05;color:var(--ink);}
.lp-diag-sub{margin-top:16px;font-size:15px;font-weight:300;line-height:1.6;color:var(--muted);max-width:36ch;}
.lp-diag-link{margin-top:auto;padding-top:22px;display:inline-flex;align-items:center;gap:9px;font-size:15px;font-weight:600;letter-spacing:-0.01em;color:var(--rose-600);transition:gap .3s,color .3s;}
.lp-diag-link svg{width:16px;height:16px;transition:transform .3s cubic-bezier(.2,.7,.2,1);}
.lp-diag-link:hover{color:var(--rose-500);gap:13px;}
.lp-diag-link:hover svg{transform:translateX(3px);}
/* cards - 3D flip on hover */
.lp-diag-card{position:relative;height:320px;border-radius:22px;perspective:1400px;background:transparent;border:none;}
.lp-diag-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;
  transition:transform .7s cubic-bezier(.5,.05,.2,1);}
.lp-diag-card:hover .lp-diag-inner,.lp-diag-card:focus-within .lp-diag-inner{transform:rotateY(180deg);}
.lp-diag-face{position:absolute;inset:0;height:100%;display:flex;flex-direction:column;
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px;overflow:hidden;
  -webkit-backface-visibility:hidden;backface-visibility:hidden;
  box-shadow:0 1px 0 rgba(11,12,14,.02);}
.lp-diag-back{transform:rotateY(180deg);}
.lp-diag-ic{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:14px;
  background:#F3F4F6;border:1px solid var(--line);color:var(--ink);}
.lp-diag-ic svg{width:26px;height:26px;}
/* back face: mid list sits below the header, not pinned to bottom */
.lp-diag-back .lp-diag-mid{margin-top:22px;padding-top:0;}
.lp-diag-front .lp-diag-mid{margin-top:auto;padding-top:24px;}
.lp-diag-t{font-size:20px;font-weight:600;letter-spacing:-0.025em;line-height:1.12;color:var(--ink);}
.lp-diag-best{margin-top:11px;font-size:14px;font-weight:300;line-height:1.55;color:var(--muted);}
/* back face: icon + service title header, then list */
.lp-diag-bhead{display:flex;align-items:center;gap:14px;}
.lp-diag-bt{font-size:16px;font-weight:600;letter-spacing:-0.02em;line-height:1.1;color:var(--ink);}
.lp-diag-back .lb{display:block;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);}
.lp-diag-back ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:9px;}
.lp-diag-back li{position:relative;padding-left:22px;font-size:13.5px;font-weight:400;letter-spacing:-0.01em;color:var(--ink);line-height:1.28;}
.lp-diag-back li::before{content:"";position:absolute;left:0;top:6px;width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,var(--rose-500),var(--violet));}
.lp-diag-back li::after{content:"";position:absolute;left:3.8px;top:8.4px;width:3px;height:5.5px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);}
/* AI accent card */
.lp-diag-card-ai .lp-diag-face{background:linear-gradient(150deg,var(--rose-500),var(--rose-600));border-color:transparent;color:#fff;}
.lp-diag-card-ai .lp-diag-ic{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.28);color:#fff;}
.lp-diag-card-ai .lp-diag-t{color:#fff;}
.lp-diag-card-ai .lp-diag-best{color:rgba(255,255,255,.82);}
.lp-diag-card-ai .lp-diag-bt{color:#fff;}
.lp-diag-card-ai .lp-diag-back .lb{color:rgba(255,255,255,.75);}
.lp-diag-card-ai .lp-diag-back li{color:#fff;}
.lp-diag-card-ai .lp-diag-back li::before{background:#fff;}
.lp-diag-card-ai .lp-diag-back li::after{border-color:var(--rose-600);}
@media (prefers-reduced-motion:reduce){
  .lp-diag-inner{transition:none;}
}

/* ============================================================
   4.7 · PRODUCT INTELLIGENCE WORKFLOW - light convergence (aggregator-style)
   ============================================================ */
.piw{background:#fff;color:var(--ink);}
.piw-head .lp-eyebrow{justify-content:center;}
.piw-head .lp-aeo{margin-left:auto;margin-right:auto;}
.piw-head .lp-h{margin-top:20px;}

/* stage card */
.piw-stage{position:relative;width:100%;max-width:1040px;margin:0 auto;aspect-ratio:1200/620;
  background:linear-gradient(180deg,#F5F6F8,#F1F2F5);border:1px solid var(--line);border-radius:32px;overflow:hidden;
  box-shadow:0 30px 70px -46px rgba(11,12,14,.3),inset 0 1px 0 rgba(255,255,255,.7);}
.piw-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.piw-track-under path{opacity:0;transition:opacity .5s ease;}
.piw-stage.go .piw-track-under path{opacity:1;}
.piw-track path{stroke-dashoffset:100;stroke-dasharray:100;filter:drop-shadow(0 1px 1px rgba(11,12,14,.04));}
.piw-stage.go .piw-track path{animation:piwDraw 1.3s cubic-bezier(.35,0,.15,1) forwards;}
.piw-stage.go .piw-track #pw2{animation-delay:.12s;}
.piw-stage.go .piw-track #pw3{animation-delay:.24s;}
.piw-stage.go .piw-track #pw4{animation-delay:.36s;}
.piw-stage.go .piw-track #pwOut{animation-delay:1s;}
@keyframes piwDraw{to{stroke-dashoffset:0;}}
.piw-junc{opacity:0;transition:opacity .5s ease;}
.piw-stage.go .piw-junc{opacity:1;transition-delay:.7s;}
.piw-dots{opacity:0;transition:opacity .7s ease;}
.piw-stage.go .piw-dots{opacity:1;transition-delay:1s;}
.piw-dots circle{filter:drop-shadow(0 3px 6px rgba(11,12,14,.16));}

/* input chips */
.piw-chip{position:absolute;top:9.5%;transform:translate(-50%,-50%);z-index:3;
  display:inline-flex;align-items:center;gap:10px;white-space:nowrap;
  background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:10px 18px 10px 11px;
  font-size:13.5px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);
  box-shadow:0 8px 24px rgba(11,12,14,.08),inset 0 1px 0 rgba(255,255,255,.8);opacity:0;transform:translate(-50%,-50%) translateY(-12px);}
.piw-stage.go .piw-chip{opacity:1;transform:translate(-50%,-50%);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
.piw-stage.go .piw-chip:nth-of-type(2){transition-delay:.09s;}
.piw-stage.go .piw-chip:nth-of-type(3){transition-delay:.18s;}
.piw-stage.go .piw-chip:nth-of-type(4){transition-delay:.27s;}
.piw-chip-n{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rose-500);color:#fff;font-size:11px;font-weight:700;font-feature-settings:"tnum" 1;}

/* convergence core */
.piw-core{position:absolute;transform:translate(-50%,-50%);z-index:4;display:grid;place-items:center;
  opacity:0;scale:.82;}
.piw-stage.go .piw-core{opacity:1;scale:1;transition:opacity .7s ease .6s,scale .9s cubic-bezier(.2,.7,.2,1) .6s;}
.piw-core-ring{position:absolute;width:118px;height:118px;border-radius:50%;border:1.5px solid rgba(228,18,82,.4);}
.piw-core-ring.r2{width:118px;height:118px;}
.piw-stage.go .piw-core-ring{animation:piwRing 3.2s cubic-bezier(.2,.6,.3,1) infinite;}
.piw-stage.go .piw-core-ring.r2{animation-delay:1.6s;}
@keyframes piwRing{0%{transform:scale(.72);opacity:.85;}70%{opacity:.1;}100%{transform:scale(1.7);opacity:0;}}
.piw-core-pill{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;
  background:linear-gradient(150deg,#17181d,#0b0c0e);color:#fff;border-radius:999px;padding:15px 26px 15px 15px;
  box-shadow:0 0 0 7px rgba(228,18,82,.07),0 22px 50px rgba(11,12,14,.32);}
.piw-stage.go .piw-core-pill{animation:piwBreathe 5s ease-in-out infinite;}
@keyframes piwBreathe{0%,100%{box-shadow:0 0 0 7px rgba(228,18,82,.07),0 22px 50px rgba(11,12,14,.32);}50%{box-shadow:0 0 0 9px rgba(228,18,82,.12),0 26px 56px rgba(11,12,14,.34);}}
.piw-core-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);}
.piw-core-ic svg{width:19px;height:19px;color:var(--rose-300);}
.piw-core-txt{font-size:15px;font-weight:600;letter-spacing:-0.02em;}

/* output node */
.piw-out{position:absolute;transform:translate(-50%,-50%);z-index:3;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:3px;
  background:linear-gradient(120deg,var(--rose-500),var(--rose-600));color:#fff;border-radius:16px;padding:14px 28px;
  box-shadow:0 16px 38px rgba(228,18,82,.3);opacity:0;}
.piw-stage.go .piw-out{opacity:1;transition:opacity .7s ease 1.1s;}
.piw-out-k{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75);}
.piw-out-t{font-size:16px;font-weight:600;letter-spacing:-0.02em;}

/* note + cta */
.piw-note{max-width:60ch;margin:clamp(30px,3.4vw,44px) auto 0;text-align:center;font-size:15px;font-weight:300;line-height:1.6;color:var(--muted);}
.piw-cta{margin-top:26px;display:flex;justify-content:center;}
@media(prefers-reduced-motion:reduce){
  .piw-track path{stroke-dashoffset:0;animation:none;}
  .piw-track-under path,.piw-junc,.piw-dots,.piw-chip,.piw-core,.piw-out{opacity:1;transform:translate(-50%,-50%);scale:1;}
  .piw-core-ring{animation:none;}
  .piw-stage.go .piw-core-pill{animation:none;}
}

/* ============================================================
   9.5 · AI + HUMAN CONTROL - sticky header + numbered cards (GitBook-style)
   ============================================================ */
.lp-gov{background:#fff;}
.lp-gov-grid{display:grid;grid-template-columns:0.82fr 1.18fr;gap:clamp(44px,7vw,120px);align-items:start;}
.lp-gov-l{position:sticky;top:104px;}
.lp-gov-l .lp-h{text-align:left;margin-top:18px;}
.lp-gov-l .lp-aeo{margin-top:22px;}
.lp-gov-l .lp-supp{margin-top:18px;}
.lp-gov-cta{margin-top:30px;}
/* cards column */
.lp-gov-r{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line);}
.lp-gov-card{display:flex;gap:clamp(24px,3vw,44px);align-items:flex-start;padding:clamp(30px,3.4vw,44px) 4px;
  position:relative;border-bottom:1px solid var(--line);
  opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1);}
.lp-gov-card.in{opacity:1;transform:none;}
.lp-gov-card::before{content:"";position:absolute;left:0;top:-1px;height:calc(100% + 1px);width:2px;background:linear-gradient(180deg,var(--rose-500),var(--violet-2));transform:scaleY(0);transform-origin:top;transition:transform .5s cubic-bezier(.2,.7,.2,1);}
.lp-gov-card:hover::before{transform:scaleY(1);}
.lp-gov-n{flex:none;font-size:clamp(40px,3.6vw,52px);font-weight:300;letter-spacing:-0.03em;line-height:.9;color:var(--rose-500);font-feature-settings:"tnum" 1;transition:transform .4s cubic-bezier(.2,.7,.2,1);}
.lp-gov-card:hover .lp-gov-n{transform:translateX(3px);}
.lp-gov-c{padding-top:6px;}
.lp-gov-c h3{font-size:clamp(19px,1.7vw,23px);font-weight:600;letter-spacing:-0.025em;color:var(--ink);}
.lp-gov-c p{margin-top:11px;font-size:15px;font-weight:300;line-height:1.62;color:var(--muted);max-width:54ch;}
@media(prefers-reduced-motion:reduce){.lp-gov-card{opacity:1;transform:none;}}

/* ============================================================
   9.25 · AI vs WDI COMPARISON - animated table
   ============================================================ */
.lp-cmp{background:var(--bg-2);}
.lp-cmp-table{--cat:1fr;--col:1.42fr;max-width:1160px;margin:0 auto;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 1px 2px rgba(11,12,14,.04),0 24px 60px -46px rgba(11,12,14,.26);}
/* header row */
.lp-cmp-headrow,.lp-cmp-row{display:grid;grid-template-columns:var(--cat) var(--col) var(--col);}
.lp-cmp-headrow{border-bottom:1px solid var(--line);background:var(--bg-2);}
.lp-cmp-cat-h,.lp-cmp-col-h{padding:18px 24px;font-size:13px;font-weight:700;letter-spacing:.03em;display:flex;align-items:center;gap:9px;}
.lp-cmp-cat-h{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11.5px;}
.lp-cmp-col-h.ai{color:var(--ink-2);}
.lp-cmp-col-h.ai .dot{width:9px;height:9px;border-radius:50%;background:#D9A400;box-shadow:0 0 0 4px rgba(217,164,0,.14);}
.lp-cmp-col-h.wdi{color:var(--rose-600);background:rgba(249,47,100,.045);position:relative;border-left:1px solid rgba(249,47,100,.14);}
.lp-cmp-col-h.wdi .mark{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--rose-500);color:#fff;}
.lp-cmp-col-h.wdi .mark svg{width:12px;height:12px;}
/* rows */
.lp-cmp-row{border-top:1px solid var(--line);opacity:0;transform:translateX(60px);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.75,.2,1);}
.lp-cmp-row:first-of-type{border-top:none;}
.lp-cmp-row.in{opacity:1;transform:none;}
.lp-cmp-row:hover{background:var(--bg-2);}
.lp-cmp-cat{display:flex;align-items:baseline;gap:14px;padding:24px 26px;font-size:clamp(15px,1.15vw,17px);font-weight:500;letter-spacing:-0.015em;color:var(--ink);}
.lp-cmp-cat-n{font-size:12px;font-weight:600;color:var(--faint);font-feature-settings:"tnum" 1;min-width:18px;}
.lp-cmp-cell{display:flex;gap:12px;padding:24px 26px;border-left:1px solid var(--line);align-items:flex-start;}
.lp-cmp-cell .ic{flex:none;width:20px;height:20px;display:grid;place-items:center;margin-top:1px;}
.lp-cmp-cell .ic svg{width:17px;height:17px;}
.lp-cmp-cell.ai .ic{color:#D9A400;}
.lp-cmp-cell.ai p{color:var(--muted);}
.lp-cmp-cell.wdi{background:rgba(249,47,100,.028);border-left:1px solid rgba(249,47,100,.14);}
.lp-cmp-cell.wdi .ic{color:var(--rose-600);}
.lp-cmp-cell.wdi p{color:var(--ink-2);}
.lp-cmp-cell p{margin:0;font-size:14px;font-weight:300;line-height:1.55;letter-spacing:-0.005em;color:var(--muted);}
.lp-cmp-row:hover .lp-cmp-cell.wdi{background:rgba(249,47,100,.05);}
/* cta strip */
.lp-cmp-cta{width:100vw;margin-left:calc(50% - 50vw);margin-top:clamp(40px,5vw,64px);display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,72px);flex-wrap:wrap;
  background:#08090B;color:#fff;border-radius:0;padding:clamp(52px,6vw,84px) clamp(28px,6vw,64px);position:relative;overflow:hidden;isolation:isolate;}
.lp-cmp-cta::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 130% at 100% 0%,rgba(249,47,100,.24),transparent 58%);}
.lp-cmp-cta-l{position:relative;z-index:1;flex:0 1 620px;}
.lp-cmp-cta-l h3{font-size:clamp(19px,1.9vw,25px);font-weight:600;letter-spacing:-0.025em;line-height:1.15;color:#fff;max-width:30ch;}
.lp-cmp-cta-l p{margin-top:10px;font-size:14.5px;font-weight:300;line-height:1.55;color:rgba(255,255,255,.64);max-width:52ch;}
.lp-cmp-cta .lp-btn{position:relative;z-index:1;flex:none;}
.lp-cmp-cta .lp-btn-primary{border:1.5px solid rgba(255,255,255,.85);}
.lp-cmp-cta .lp-btn-primary:hover{border-color:var(--rose-500);}
@media(prefers-reduced-motion:reduce){.lp-cmp-row{opacity:1;transform:none;}}

/* ============================================================
   4 · SOLUTION PILLARS
   ============================================================ */
.lp-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.lp-pillar{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:32px 28px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;}
.lp-pillar::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--rose-500),var(--violet));transition:width .5s cubic-bezier(.2,.7,.2,1);}
.lp-pillar:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 20px 46px rgba(11,12,14,.09);}
.lp-pillar:hover::before{width:100%;}
.lp-pillar.span2{grid-column:span 2;}
.lp-pillar-n{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--rose-500);font-feature-settings:"tnum" 1;}
.lp-pillar h3{margin-top:16px;font-size:20px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.lp-pillar p{margin-top:12px;font-size:15px;font-weight:300;line-height:1.6;color:var(--muted);}

/* --- problem-row subtext (always visible) + define-direction CTA --- */
.lp-prob-c{display:flex;flex-direction:column;gap:10px;min-width:0;}
.lp-prob-sub{font-size:14px;font-weight:300;line-height:1.6;color:var(--muted);letter-spacing:-0.004em;}
.lp-prob-solve{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  font-family:var(--font);font-size:13.5px;font-weight:600;letter-spacing:-0.01em;color:#fff;background:var(--rose-500);
  border-radius:999px;text-decoration:none;overflow:hidden;white-space:nowrap;
  max-height:0;padding:0 16px;opacity:0;transform:translateY(6px);pointer-events:none;
  transition:max-height .42s cubic-bezier(.2,.7,.2,1),opacity .32s ease,transform .42s cubic-bezier(.2,.7,.2,1),padding .32s,margin-top .42s,background .3s;}
.lp-prob-solve svg{width:15px;height:15px;transition:transform .3s cubic-bezier(.2,.7,.2,1);}
.lp-prob.in:hover .lp-prob-solve,.lp-prob:focus-within .lp-prob-solve{max-height:52px;opacity:1;transform:none;pointer-events:auto;margin-top:6px;padding:10px 17px;}
.lp-prob-solve:hover{background:var(--rose-600);}
.lp-prob-solve:hover svg{transform:translateX(3px);}
@media(prefers-reduced-motion:reduce){.lp-prob-solve{transition:opacity .2s ease;}}
.lp-prob-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:28px;margin-top:56px;}
.lp-prob-cta-wrap .lp-prob-close{margin:0;}
.lp-prob-cta span:first-child{white-space:normal;}

/* ============================================================
   4 · SOLUTION - editorial big-text rows + stock imagery (dark)
   ============================================================ */
.lp-sol{background:#08090B;color:#fff;position:relative;isolation:isolate;overflow:hidden;}
.lp-sol .wrap{position:relative;z-index:2;}
.lp-sol .lp-h{color:#fff;}
.lp-sol::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:26px 26px;
  mask-image:radial-gradient(80% 60% at 50% 30%,#000,transparent 82%);
  -webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000,transparent 82%);opacity:.6;}
.lp-sol::after{content:"";position:absolute;z-index:0;pointer-events:none;width:56%;height:70%;top:-8%;right:-6%;
  background:radial-gradient(ellipse at center,rgba(228,18,82,.16),rgba(122,0,255,.1) 44%,transparent 70%);
  animation:lpSolAura 20s ease-in-out infinite;}
@keyframes lpSolAura{0%,100%{transform:scale(1);opacity:.85;}50%{transform:scale(1.08);opacity:1;}}
.lp-btn-ondark{background:#fff;color:var(--ink);border-color:#fff;}
.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);}

/* editorial head - big text left, supporting paragraph right */
.lp-sol-head2{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(24px,5vw,64px);align-items:end;
  margin-bottom:clamp(38px,4.6vw,58px);}
.lp-sol-head2 .lp-h{margin-top:18px;text-align:left;}
.lp-sol-head2-p{font-size:clamp(15px,1.3vw,17px);font-weight:300;line-height:1.62;color:rgba(255,255,255,.6);max-width:46ch;padding-bottom:6px;}

/* rows */
.lp-solr-rows{margin-top:clamp(18px,2.6vw,30px);border-top:1px solid rgba(255,255,255,.1);}
.lp-solr{position:relative;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden;}
.lp-solr-main{transform:translateY(102%);transition:transform .85s cubic-bezier(.4,0,.15,1);}
.lp-solr.in .lp-solr-main{transform:translateY(0);}
.lp-solr::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;z-index:1;
  background:linear-gradient(180deg,var(--rose-500),var(--violet-2));transition:width .4s ease;}
.lp-solr:hover::before{width:3px;}
.lp-solr-main{display:grid;grid-template-columns:minmax(0,300px) 1fr 300px;gap:clamp(24px,4vw,56px);align-items:center;
  padding:clamp(28px,3.4vw,44px) 0 clamp(28px,3.4vw,44px) clamp(4px,2vw,28px);}
.lp-solr-l{display:flex;align-items:flex-start;gap:16px;}
.lp-solr-idx{font-size:14px;font-weight:600;color:rgba(255,255,255,.3);font-feature-settings:"tnum" 1;margin-top:9px;transition:color .35s;}
.lp-solr:hover .lp-solr-idx{color:var(--rose-400);}
.lp-solr-tag{display:block;font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rose-400);margin-bottom:9px;}
.lp-solr-name{font-size:clamp(26px,3vw,40px);font-weight:500;letter-spacing:-0.03em;line-height:1.02;color:#fff;transition:color .35s;}
.lp-solr:hover .lp-solr-name{color:var(--rose-300);}
.lp-solr-mid{min-width:0;}
.lp-solr-desc{margin:0;font-size:15.5px;font-weight:300;line-height:1.62;color:rgba(255,255,255,.62);max-width:52ch;}
.lp-solr-subs{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;}
.lp-solr-subs i{font-style:normal;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.78);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 14px;
  transition:border-color .25s,color .25s;}
.lp-solr:hover .lp-solr-subs i{border-color:rgba(255,255,255,.22);color:#fff;}
.lp-solr-thumb{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#0A0B0E;border:1px solid rgba(255,255,255,.1);}
.lp-solr-thumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.98) brightness(.6);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;}
.lp-solr:hover .lp-solr-thumb img{transform:scale(1.06);filter:saturate(1.02) brightness(.74);}
.lp-solr-thumb::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(150deg,rgba(8,9,11,.32) 20%,rgba(8,9,11,.72));}
.lp-solr-step{position:absolute;left:14px;bottom:12px;z-index:1;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:#fff;
  background:rgba(11,12,14,.5);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 12px;backdrop-filter:blur(6px);}
@media (prefers-reduced-motion:reduce){.lp-solr-main{transform:none;transition:none;}}

/* ============================================================
   5 · PRODUCT PATHS
   ============================================================ */
.lp-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.lp-path{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 28px;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .4s;}
.lp-sec:not(.alt) .lp-path{background:var(--bg-2);}
.lp-path::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(90% 80% at 100% 0%,rgba(249,47,100,.09),transparent 60%);transition:opacity .4s;}
.lp-path:hover{transform:translateY(-6px);border-color:var(--line-2);box-shadow:0 26px 56px rgba(11,12,14,.1);}
.lp-path:hover::after{opacity:1;}
.lp-path-ic{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(150deg,rgba(249,47,100,.12),rgba(122,0,255,.10));color:var(--rose-600);}
.lp-path-ic svg{width:24px;height:24px;}
.lp-path h3{margin-top:20px;font-size:20px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.lp-path p{margin-top:10px;font-size:14.5px;font-weight:300;line-height:1.58;color:var(--muted);}
.lp-path-svcs{margin-top:0;max-height:0;opacity:0;overflow:hidden;display:flex;flex-wrap:wrap;gap:7px;
  transition:max-height .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease,margin-top .45s cubic-bezier(.2,.7,.2,1);}
.lp-path:hover .lp-path-svcs,.lp-path:focus-within .lp-path-svcs{margin-top:18px;max-height:220px;opacity:1;}
.lp-path-svcs span{font-size:12px;font-weight:500;color:var(--ink-2);background:var(--page);border:1px solid var(--line);border-radius:999px;padding:5px 11px;}
.lp-sec.alt .lp-path-svcs span{background:var(--bg-2);}
.lp-path-go{margin-top:22px;padding-top:18px;border-top:1px solid var(--line);display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--ink);letter-spacing:-0.01em;transition:gap .3s,color .3s;}
.lp-path-go svg{width:17px;height:17px;color:var(--rose-500);transition:transform .3s;}
.lp-path:hover .lp-path-go{color:var(--rose-600);}
.lp-path:hover .lp-path-go svg{transform:translate(3px,-3px);}

/* AI card - quick AI-gradient flash on hover */
.lp-path-ai::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;
  background:linear-gradient(125deg,rgba(122,0,255,.22),rgba(162,75,255,.14) 42%,rgba(0,190,255,.12) 74%,transparent);
  mix-blend-mode:normal;}
.lp-path-ai:hover::before{animation:lpAiFlash 1.05s cubic-bezier(.3,.7,.2,1) forwards;}
@keyframes lpAiFlash{0%{opacity:0;}22%{opacity:1;}55%{opacity:.5;}100%{opacity:0;}}
/* sheen sweep synced with the flash */
.lp-path-ai::after{background:linear-gradient(115deg,transparent 30%,rgba(162,75,255,.35) 50%,transparent 70%)!important;
  background-size:220% 100%!important;background-position:120% 0!important;}
.lp-path-ai:hover::after{opacity:1;animation:lpAiSheen 1.05s cubic-bezier(.3,.7,.2,1) forwards;}
@keyframes lpAiSheen{0%{background-position:120% 0;opacity:0;}25%{opacity:1;}100%{background-position:-40% 0;opacity:0;}}
.lp-path-ai{position:relative;}
.lp-path-ai:hover{border-color:var(--violet-2);box-shadow:0 26px 56px rgba(122,0,255,.16);}
.lp-path-ai > *{position:relative;z-index:2;}
.lp-path-ai .lp-path-ic{background:linear-gradient(150deg,rgba(122,0,255,.16),rgba(162,75,255,.12));color:var(--violet);
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s;}
.lp-path-ai:hover .lp-path-ic{transform:scale(1.08) rotate(-4deg);box-shadow:0 0 0 5px rgba(122,0,255,.12),0 10px 26px rgba(122,0,255,.3);}
.lp-path-ai:hover .lp-path-go{color:var(--violet);}
.lp-path-ai:hover .lp-path-go svg{color:var(--violet-2);}

/* ============================================================
   6 · WHY WDI - premium bento (light)
   ============================================================ */
.lp-why{background:#08090B;color:#fff;position:relative;isolation:isolate;overflow:hidden;}
.lp-why .wrap{position:relative;z-index:2;}
.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%);}
.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;}
.lp-why .lp-h{color:#fff;}
.lp-why .lp-aeo{color:rgba(255,255,255,.62);}
.lp-wy-head{margin-bottom:clamp(34px,3.6vw,48px);}
/* stats strip */
.lp-wy-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1000px;margin:0 auto clamp(30px,3.4vw,46px);}
.lp-wy-stat{text-align:center;position:relative;}
.lp-wy-stat + .lp-wy-stat::before{content:"";position:absolute;left:-7px;top:14%;height:56%;width:1px;background:rgba(255,255,255,.12);}
.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;}
.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);}
.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;}

/* Netflix-style preview rail */
.lp-wy-rail-wrap{position:relative;}
.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;}
.lp-wy-rail::-webkit-scrollbar{display:none;}
.lp-wy-rail:active{cursor:grabbing;}
.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;}
.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);}
.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);}
.lp-wy-card:hover::after{width:100%;}
.lp-wy-card-top{display:flex;align-items:center;justify-content:space-between;}
.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;}
.lp-wy-card-ic svg{width:26px;height:26px;}
.lp-wy-card:hover .lp-wy-card-ic{transform:scale(1.06) rotate(-4deg);background:#fff;color:var(--ink);}
.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;}
.lp-wy-card:hover .lp-wy-card-n{color:var(--rose-400);}
.lp-wy-card-body h3{margin-top:22px;font-size:19px;font-weight:600;letter-spacing:-0.02em;color:#fff;}
.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);}
.lp-wy-card-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px;}
.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);}
/* rail nav */
.lp-wy-rail-nav{display:flex;gap:12px;justify-content:flex-end;margin-top:6px;}
.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;}
.lp-wy-arrow svg{width:18px;height:18px;}
.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);}
.lp-wy-arrow:disabled{opacity:.28;cursor:default;transform:none;box-shadow:none;border-color:rgba(255,255,255,.1);}
/* foot CTA */
.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);}
.lp-wy-foot p{font-size:clamp(19px,2vw,26px);font-weight:500;letter-spacing:-0.025em;color:#fff;max-width:20ch;}
.lp-wy-foot .lp-btn{flex:none;}
.lp-wy-foot .lp-btn-primary{background:var(--rose-500);color:#fff;border:1.5px solid var(--rose-500);}
.lp-wy-foot .lp-btn-primary:hover{background:#fff;color:var(--rose-600);border-color:#fff;}

/* in-page portfolio closing line (v2) */
.lp-pfd-line{max-width:1300px;margin:clamp(30px,3.4vw,44px) auto 0;padding:0 40px;text-align:center;
  font-size:clamp(19px,2vw,27px);font-weight:500;letter-spacing:-0.025em;line-height:1.3;color:#fff;text-wrap:balance;}
.lp-pfd-line b{font-weight:600;background:linear-gradient(110deg,var(--rose-400),var(--violet-2));-webkit-background-clip:text;background-clip:text;color:transparent;}

/* engagement recommended tag (v2) */
.lp-eng-rec{border-color:var(--rose-300) !important;box-shadow:0 0 0 1px var(--rose-300),0 22px 50px rgba(228,18,82,.12);}
.lp-eng-rec:hover{box-shadow:0 0 0 1px var(--rose-400),0 30px 60px rgba(228,18,82,.2) !important;}
.lp-eng-badge{position:absolute;top:18px;right:20px;display:inline-flex;align-items:center;gap:6px;
  font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#fff;
  background:linear-gradient(120deg,var(--rose-500),var(--violet));border-radius:999px;padding:6px 12px;
  box-shadow:0 6px 16px rgba(228,18,82,.34);}
.lp-eng-badge svg{width:12px;height:12px;}

/* ============================================================
   7 · PROCESS - process columns w/ hover imagery (YLLW-style)
   ============================================================ */
.lp-process{position:relative;isolation:isolate;overflow:hidden;}
.lp-process .wrap{position:relative;z-index:1;}
.lp-process::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.6;
  background-image:radial-gradient(rgba(15,17,20,.045) 1px,transparent 1px);background-size:28px 28px;
  mask-image:radial-gradient(78% 66% at 50% 40%,#000,transparent 82%);
  -webkit-mask-image:radial-gradient(78% 66% at 50% 40%,#000,transparent 82%);}
.lp-process::after{content:"";position:absolute;z-index:0;pointer-events:none;width:56%;height:64%;top:-6%;right:-8%;
  background:radial-gradient(ellipse at center,rgba(228,18,82,.1),rgba(122,0,255,.06) 46%,transparent 72%);
  animation:lpSolAura 22s ease-in-out infinite;}
.lp-proc-cols{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line-2);
  border:1px solid var(--line-2);overflow:hidden;}
.lp-pcol{position:relative;isolation:isolate;background:var(--bg);min-height:clamp(400px,34vw,470px);
  display:flex;flex-direction:column;padding:26px 20px;overflow:hidden;transition:background .5s;}
.lp-sec:not(.alt) .lp-pcol{background:var(--bg-2);}
.lp-pcol::after{content:"";position:absolute;top:0;left:0;right:0;height:2px;z-index:3;
  background:linear-gradient(90deg,var(--rose-500),var(--violet-2));transform:scaleX(0);transform-origin:left;
  transition:transform .55s cubic-bezier(.2,.7,.2,1);}
.lp-pcol:hover::after,.lp-pcol.is-active::after{transform:scaleX(1);}
.lp-pcol-img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;
  opacity:0;transform:scale(1.08);filter:brightness(.6) saturate(1.04);
  transition:opacity .7s ease,transform 2.2s cubic-bezier(.2,.7,.2,1);}
.lp-pcol-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .6s ease;
  background:linear-gradient(180deg,rgba(8,9,11,.12),rgba(8,9,11,.7));}
.lp-pcol:hover .lp-pcol-img,.lp-pcol.is-active .lp-pcol-img{opacity:1;transform:scale(1);}
.lp-pcol:hover .lp-pcol-scrim,.lp-pcol.is-active .lp-pcol-scrim{opacity:1;}
.lp-pcol-body{position:relative;z-index:2;}
.lp-pcol-badge{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;
  background:var(--ink);color:#fff;font-size:13px;font-weight:600;font-feature-settings:"tnum" 1;
  transition:background .45s,color .45s,box-shadow .45s;}
.lp-pcol:hover .lp-pcol-badge,.lp-pcol.is-active .lp-pcol-badge{background:var(--rose-500);color:#fff;box-shadow:0 6px 18px rgba(228,18,82,.45);}
.lp-pcol-title{margin-top:22px;font-size:clamp(17px,1.35vw,22px);font-weight:600;letter-spacing:-0.03em;
  line-height:1.12;color:var(--ink);text-wrap:balance;transition:color .45s;}
.lp-pcol:hover .lp-pcol-title,.lp-pcol.is-active .lp-pcol-title{color:#fff;}
.lp-pcol-more{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;
  color:#fff;text-decoration:none;opacity:0;transform:translateY(6px);pointer-events:none;
  transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1),gap .3s;}
.lp-pcol-more svg{width:15px;height:15px;}
.lp-pcol:hover .lp-pcol-more,.lp-pcol.is-active .lp-pcol-more{opacity:1;transform:translateY(0);pointer-events:auto;}
.lp-pcol-more:hover{gap:12px;}
/* tags pinned to the bottom */
.lp-pcol-tags{position:relative;z-index:2;margin-top:auto;padding-top:24px;}
.lp-pcol-tags span{display:block;font-size:12.5px;font-weight:500;letter-spacing:-0.005em;color:var(--ink-2);
  padding:11px 0;border-top:1px solid var(--line);transition:color .45s,border-color .45s;}
.lp-pcol:hover .lp-pcol-tags span,.lp-pcol.is-active .lp-pcol-tags span{color:rgba(255,255,255,.92);border-color:rgba(255,255,255,.22);}
/* footer line */
.lp-proc-foot{margin-top:clamp(26px,3vw,38px);display:flex;justify-content:center;align-items:center;gap:12px;
  flex-wrap:wrap;text-align:center;font-size:15px;font-weight:300;color:var(--muted);}
.lp-proc-flink{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink);text-decoration:none;
  letter-spacing:-0.01em;transition:gap .3s,color .3s;}
.lp-proc-flink svg{width:16px;height:16px;color:var(--rose-500);}
.lp-proc-flink:hover{color:var(--rose-600);gap:12px;}

/* ============================================================
   8 · OUTCOMES
   ============================================================ */
.lp-out-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.lp-out{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 28px;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,box-shadow .35s;}
.lp-out:hover{transform:translateY(-4px);border-color:var(--line-2);box-shadow:0 20px 46px rgba(11,12,14,.08);}
.lp-out-check{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:var(--rose-soft);color:var(--rose-600);}
.lp-out-check svg{width:20px;height:20px;}
.lp-out h3{margin-top:18px;font-size:18px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.lp-out p{margin-top:10px;font-size:14.5px;font-weight:300;line-height:1.6;color:var(--muted);}

/* ============================================================
   9 · PORTFOLIO PROOF (dark band extension)
   ============================================================ */
.lp-proof .pp-band-in{max-width:1060px;}
.lp-proof-cats{margin:40px auto 8px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:880px;}
.lp-proof-cats span{font-size:13.5px;font-weight:500;letter-spacing:-0.01em;color:rgba(255,255,255,.82);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 16px;transition:background .3s,border-color .3s,transform .3s;}
.lp-proof-cats span:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24);transform:translateY(-2px);}
.lp-proof .ct-band-cta{margin-top:38px;}

/* ============================================================
   TEAM (v2) - Titan-style cards, + reveals contact
   ============================================================ */
.lp-sec.lp-team{background:#F4F5F7;}
.lp-team-head{max-width:840px;margin:0 0 clamp(38px,4.5vw,58px);text-align:left;}.lp-team-head .lp-eyebrow{justify-content:flex-start;}
.lp-team-head .lp-h{text-align:left;margin-top:16px;}
.lp-team-head .lp-aeo,.lp-team-head .lp-supp{text-align:left;margin-left:0;margin-right:0;}
.lp-team-head .lp-h b{font-weight:600;}
.lp-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);}
.lp-tm{display:flex;flex-direction:column;}
.lp-tm-top{margin-bottom:22px;}
.lp-tm-name{font-size:clamp(24px,2.4vw,32px);font-weight:600;letter-spacing:-0.03em;line-height:1.02;color:var(--ink);}
.lp-tm-role{margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-family:ui-monospace,"SF Mono",Menlo,monospace;}
.lp-tm-photo{position:relative;aspect-ratio:1/1.08;border-radius:20px;overflow:hidden;background:var(--page);isolation:isolate;}
.lp-tm-photo image-slot{display:block;width:100%;height:100%;}
.lp-tm-photo img{width:100%;height:100%;object-fit:cover;display:block;}
/* + button */
.lp-tm-plus{position:absolute;top:16px;right:16px;z-index:3;width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;
  background:#fff;box-shadow:0 6px 18px rgba(11,12,14,.14);display:grid;place-items:center;
  transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s;}
.lp-tm-plus .ic{position:relative;width:15px;height:15px;}
.lp-tm-plus .ic::before,.lp-tm-plus .ic::after{content:"";position:absolute;left:50%;top:50%;background:var(--ink);border-radius:2px;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s;}
.lp-tm-plus .ic::before{width:15px;height:1.8px;transform:translate(-50%,-50%);}
.lp-tm-plus .ic::after{width:1.8px;height:15px;transform:translate(-50%,-50%);}
.lp-tm-plus:hover{transform:scale(1.06);}
.lp-tm.open .lp-tm-plus{background:var(--rose-500);}
.lp-tm.open .lp-tm-plus .ic::before,.lp-tm.open .lp-tm-plus .ic::after{background:#fff;}
.lp-tm.open .lp-tm-plus .ic::before{transform:translate(-50%,-50%) rotate(45deg);}
.lp-tm.open .lp-tm-plus .ic::after{transform:translate(-50%,-50%) rotate(45deg);opacity:0;}
/* contact overlay */
.lp-tm-contact{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;
  padding:26px 24px;background:linear-gradient(180deg,rgba(11,12,14,.2),rgba(11,12,14,.86));
  opacity:0;pointer-events:none;transition:opacity .45s ease;}
.lp-tm.open .lp-tm-contact{opacity:1;pointer-events:auto;}
.lp-tm-ct-h{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rose-300);margin-bottom:12px;}
.lp-tm-contact a{display:flex;flex-direction:column;gap:2px;padding:11px 0;border-top:1px solid rgba(255,255,255,.16);
  font-size:15px;font-weight:500;letter-spacing:-0.01em;color:#fff;text-decoration:none;transition:color .25s;}
.lp-tm-contact a .k{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.lp-tm-contact a:hover{color:var(--rose-300);}
@media (prefers-reduced-motion:reduce){.lp-tm-plus,.lp-tm-plus .ic::before,.lp-tm-plus .ic::after,.lp-tm-contact{transition:none;}}

/* capability cards */
.lp-team-intro{max-width:64ch;margin:clamp(48px,6vw,80px) auto clamp(28px,3vw,40px);text-align:center;font-size:clamp(16px,1.4vw,19px);font-weight:300;line-height:1.6;color:var(--ink-2);}
.lp-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.lp-cap{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 26px;overflow:hidden;
  transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s;}
.lp-cap::before{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--rose-500),var(--violet-2));transition:width .5s cubic-bezier(.2,.7,.2,1);}
.lp-cap:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:0 24px 52px rgba(11,12,14,.09);}
.lp-cap:hover::before{width:100%;}
.lp-cap-ic{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;
  background:linear-gradient(150deg,rgba(249,47,100,.12),rgba(122,0,255,.1));color:var(--rose-600);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),background .4s,color .4s;}
.lp-cap-ic svg{width:26px;height:26px;}
.lp-cap:hover .lp-cap-ic{transform:scale(1.06) rotate(-4deg);background:var(--ink);color:#fff;}
.lp-cap h3{margin-top:20px;font-size:18.5px;font-weight:600;letter-spacing:-0.02em;line-height:1.2;color:var(--ink);}
.lp-cap p{margin-top:11px;font-size:14px;font-weight:300;line-height:1.6;color:var(--muted);}
.lp-cap-areas{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;}
.lp-cap-areas span{font-size:12px;font-weight:500;color:var(--ink-2);background:var(--page);border:1px solid var(--line);border-radius:999px;padding:6px 12px;transition:background .3s,border-color .3s;}
.lp-cap:hover .lp-cap-areas span{background:#fff;border-color:var(--line-2);}

/* philosophy */
.lp-team-phil{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:start;
  padding-top:clamp(40px,4vw,56px);border-top:1px solid var(--line);}
.lp-phil-l h3{margin-top:18px;font-size:clamp(24px,2.6vw,34px);font-weight:600;letter-spacing:-0.03em;line-height:1.08;color:var(--ink);}
.lp-phil-l p{margin-top:18px;font-size:15.5px;font-weight:300;line-height:1.62;color:var(--muted);max-width:52ch;}
.lp-phil-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;padding-top:6px;}
.lp-phil-list li{position:relative;padding-left:26px;font-size:15px;font-weight:500;letter-spacing:-0.01em;color:var(--ink);}
.lp-phil-list li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:14px;border-radius:50%;
  background:linear-gradient(135deg,var(--rose-500),var(--violet));}
.lp-phil-list li::after{content:"";position:absolute;left:4.5px;top:10px;width:3.5px;height:6px;border:solid #fff;border-width:0 1.6px 1.6px 0;transform:rotate(45deg);}

/* CTA */
.lp-team-cta{width:100vw;margin-left:calc(50% - 50vw);margin-top:clamp(56px,7vw,90px);text-align:center;background:#08090B;color:#fff;border-radius:0;padding:clamp(66px,9vw,120px) clamp(28px,6vw,64px);position:relative;overflow:hidden;isolation:isolate;}
.lp-team-cta::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(50% 80% at 50% 0%,rgba(249,47,100,.22),transparent 62%);}
.lp-team-cta h3,.lp-team-cta p,.lp-team-cta-btns{position:relative;z-index:1;}
.lp-team-cta h3{font-size:clamp(24px,2.8vw,38px);font-weight:600;letter-spacing:-0.03em;line-height:1.08;max-width:22ch;margin:0 auto;color:#fff;text-wrap:balance;}
.lp-team-cta p{margin:18px auto 0;max-width:56ch;font-size:16px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.68);}
.lp-team-cta-btns{margin-top:30px;display:flex;gap:13px;justify-content:center;flex-wrap:wrap;}
.lp-team-cta-btns .lp-btn-primary{border:1.5px solid rgba(255,255,255,.85);}
.lp-team-cta-btns .lp-btn-primary:hover{border-color:var(--rose-500);}
.lp-team-cta-btns .lp-btn-ghost{color:#fff;border-color:rgba(255,255,255,.3);}
.lp-team-cta-btns .lp-btn-ghost:hover{border-color:var(--rose-400);color:var(--rose-300);}

/* ============================================================
   10 · AI OPPORTUNITY
   ============================================================ */
.lp-ai{background:var(--bg);}
.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-eyebrow-ai{color:var(--violet);}
.lp-eyebrow-ai .lvdot{background:var(--violet-2);animation:none;box-shadow:0 0 12px rgba(122,0,255,.6);}
/* Intercom add-on style cards */
.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:var(--ink);}
.lp-ai-card p{margin-top:12px;font-size:14px;font-weight:300;line-height:1.55;color:var(--muted);}
.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:var(--ink);text-decoration:none;
  border-bottom:1px solid var(--ink);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:var(--rose-600);border-color:var(--rose-600);gap:9px;}
.lp-ai-card:hover .lp-ai-more svg{opacity:1;transform:none;}

/* ============================================================
   11 · ENGAGEMENT OPTIONS - plan-card layout (3 + 2)
   ============================================================ */
.lp-engage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.lp-eng{position:relative;display:flex;flex-direction:column;grid-column:span 2;
  background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 28px 26px;
  min-height:clamp(230px,20vw,264px);text-decoration:none;
  transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s;}
.lp-eng:nth-child(4),.lp-eng:nth-child(5){grid-column:span 3;}
.lp-eng:hover{transform:translateY(-5px);border-color:var(--line-2);box-shadow:0 26px 56px rgba(11,12,14,.1);}
.lp-eng-t{font-size:clamp(20px,1.7vw,25px);font-weight:600;letter-spacing:-0.03em;line-height:1.08;color:var(--ink);}
.lp-eng-meta{margin-top:10px;font-size:14.5px;font-weight:500;letter-spacing:-0.01em;color:var(--rose-600);}
.lp-eng-d{margin-top:16px;font-size:14px;font-weight:300;line-height:1.55;color:var(--muted);max-width:52ch;padding-right:40px;}
.lp-eng-inc{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;font-weight:400;line-height:1.5;color:var(--ink-2);}
.lp-eng-inc-k{display:block;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rose-600);margin-bottom:6px;}
.lp-eng-ar{margin-top:auto;align-self:flex-start;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  color:var(--ink);border:1px solid var(--line-2);margin-top:22px;
  transition:background .35s,color .35s,border-color .35s,transform .35s cubic-bezier(.2,.7,.2,1);}
.lp-eng-ar svg{width:17px;height:17px;}
.lp-eng:hover .lp-eng-ar{background:var(--rose-500);border-color:var(--rose-500);color:#fff;transform:translateX(4px);box-shadow:0 10px 24px rgba(228,18,82,.32);}

/* ============================================================
   13 · FAQ (reuses faq.css .fqa- classes)
   ============================================================ */
.lp-faq{background:var(--bg);}

/* ============================================================
   14 · FINAL CTA (dark)
   ============================================================ */
.lp-final{position:relative;padding:clamp(90px,11vw,150px) 0;background:linear-gradient(180deg,#0B0C0E,#121319);color:#fff;overflow:hidden;text-align:center;}
.lp-final-aura{position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(42% 60% at 22% 26%,rgba(249,47,100,.2),transparent 60%),radial-gradient(42% 60% at 80% 74%,rgba(122,0,255,.2),transparent 62%);
  filter:blur(14px);animation:lpFinalGlow 14s ease-in-out infinite alternate;}
@keyframes lpFinalGlow{from{transform:translateX(-3%);}to{transform:translateX(3%);}}
.lp-final-grid{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.4;
  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:58px 58px;mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent 78%);-webkit-mask-image:radial-gradient(70% 70% at 50% 50%,#000,transparent 78%);}
.lp-final-in{position:relative;z-index:2;max-width:900px;margin:0 auto;}
.lp-eyebrow-dark{color:var(--rose-300);}
.lp-final-h{margin-top:22px;font-size:clamp(32px,5vw,64px);font-weight:600;letter-spacing:-0.04em;line-height:1.02;color:#fff;text-wrap:balance;}
.lp-final-h em{font-style:normal;background:linear-gradient(110deg,var(--rose-400),var(--violet-2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.lp-final-p{margin:24px auto 0;max-width:60ch;font-size:clamp(16px,1.5vw,19px);font-weight:300;line-height:1.6;color:rgba(255,255,255,.74);}
.lp-final-cta{margin-top:38px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.lp-final-sub{margin:22px auto 0;display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:500;letter-spacing:-0.01em;
  color:rgba(255,255,255,.72);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:2px;transition:color .3s,border-color .3s;}
.lp-final-sub:hover{color:var(--rose-300);border-color:var(--rose-400);}
.lp-final-close{margin-top:34px;font-size:14px;font-weight:300;color:rgba(255,255,255,.5);letter-spacing:.01em;}

/* ============================================================
   FORM (landing) - kill fixed height + internal scroll, no cutoff
   ============================================================ */
.lp-form-sec .lfv-split{height:auto;min-height:0;}
.lp-form-sec .lfv-scroll{overflow:visible;}
.lp-form-sec .lfv-pane{overflow:visible;}
/* the landing never wants the cinematic 100% intro to look empty -
   keep the rail proportion sane while collapsed */
.lp-form-sec .lfv-side{min-height:100%;}

/* ============================================================
   BAND CTA - restore pill + circular arrow (contact css not loaded here)
   ============================================================ */
.ct-band-cta{margin-top:34px;display:inline-flex;align-items:center;gap:11px;position:relative;z-index:2;
  font-family:var(--font);font-size:15px;font-weight:600;letter-spacing:-0.01em;color:#fff;
  background:var(--rose-500);border:1px solid var(--rose-500);border-radius:999px;padding:14px 24px;text-decoration:none;
  transition:background .3s,border-color .3s,color .3s,transform .3s,box-shadow .3s;}
.ct-band-cta .ar{width:28px;height:28px;flex:none;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;transition:background .3s,transform .3s;}
.ct-band-cta .ar svg{width:15px;height:15px;}
.ct-band-cta:hover{background:#fff;border-color:#fff;color:var(--ink);transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.28);}
.ct-band-cta:hover .ar{transform:translateX(2px);background:rgba(11,12,14,.1);}

/* ============================================================
   LEAD-FORM TICKER  (redesigned signal bar atop the form)
   ============================================================ */
.lp-ticker{position:relative;display:flex;align-items:stretch;height:56px;
  background:linear-gradient(180deg,#0e0f13 0%,#0b0c0e 100%);
  border-top:1px solid rgba(228,18,82,.28);
  border-bottom:1px solid rgba(255,255,255,.07);
  overflow:hidden;}
/* faint rose glow riding the top edge */
.lp-ticker::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;z-index:4;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(228,18,82,.9),transparent);
  background-size:50% 100%;background-repeat:no-repeat;animation:lpTkGlow 6s linear infinite;}
@keyframes lpTkGlow{0%{background-position:-50% 0;}100%{background-position:150% 0;}}

/* pinned left badge */
.lp-ticker-badge{position:relative;z-index:3;flex:none;display:inline-flex;align-items:center;gap:10px;
  padding:0 22px 0 clamp(22px,5vw,64px);
  font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:#fff;background:#0b0c0e;
  border-right:1px solid rgba(255,255,255,.09);white-space:nowrap;}
.lp-ticker-badge::after{content:"";position:absolute;top:0;bottom:0;right:-44px;width:44px;
  background:linear-gradient(90deg,#0b0c0e,transparent);pointer-events:none;}
.lp-ticker-dot{width:7px;height:7px;border-radius:50%;background:var(--rose-500);
  box-shadow:0 0 0 0 rgba(228,18,82,.55);animation:lpTkPulse 2.4s ease-out infinite;}
@keyframes lpTkPulse{0%{box-shadow:0 0 0 0 rgba(228,18,82,.5);}70%{box-shadow:0 0 0 7px rgba(228,18,82,0);}100%{box-shadow:0 0 0 0 rgba(228,18,82,0);}}

/* scrolling viewport */
.lp-ticker-view{position:relative;flex:1;overflow:hidden;}
.lp-ticker-view::before,.lp-ticker-view::after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
.lp-ticker-view::before{left:0;background:linear-gradient(90deg,#0b0c0e,transparent);}
.lp-ticker-view::after{right:0;background:linear-gradient(270deg,#0b0c0e,transparent);}
.lp-ticker-inner{display:flex;width:max-content;height:100%;animation:lpTkScroll 42s linear infinite;}
.lp-ticker:hover .lp-ticker-inner{animation-play-state:paused;}
.lp-ticker-track{display:flex;align-items:center;flex:none;}
.lp-tk{display:inline-flex;align-items:center;gap:34px;padding:0 17px;height:56px;
  font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.58);white-space:nowrap;transition:color .3s;}
.lp-ticker-track .lp-tk:nth-child(odd){color:rgba(255,255,255,.82);}
.lp-tk i{font-style:normal;font-size:11px;color:var(--rose-500);transform:translateY(-1px);
  text-shadow:0 0 10px rgba(228,18,82,.75);}
@keyframes lpTkScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.lp-ticker-inner{animation:none;}.lp-ticker::before{animation:none;}}
@media (max-width:680px){.lp-ticker-badge{display:none;}}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@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;}
}
@media (max-width:680px){
  .wrap{padding:0 22px;}
  .lp-path-grid,.lp-out-grid,.lp-pillars,.lp-ai-grid,.lp-engage-grid,.lp-prob-grid,.lp-team-grid,.lp-cap-grid,.lp-diag-grid{grid-template-columns:1fr;}
  .lp-gov-grid{grid-template-columns:1fr;gap:32px;}
  .lp-gov-l{position:static;}
  .lp-cmp-headrow{display:none;}
  .lp-cmp-row{grid-template-columns:1fr;}
  .lp-cmp-cat{border-bottom:1px solid var(--line);}
  .lp-cmp-cell{border-left:none;}
  .lp-cmp-cell.ai::before{content:"AI-only / vibe-coded";}
  .lp-cmp-cell.wdi::before{content:"WDI human-in-the-loop";}
  .lp-cmp-cell.ai::before,.lp-cmp-cell.wdi::before{position:absolute;top:10px;left:58px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);}
  .lp-cmp-cell{position:relative;padding-top:30px;}
  .lp-cmp-cta{flex-direction:column;align-items:flex-start;}
  /* product-intelligence: stack vertically, drop the SVG choreography */
  .piw-stage{aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:420px;padding:24px 18px;}
  .piw-svg{display:none;}
  .piw-chip,.piw-core,.piw-out{position:static;transform:none;opacity:1;scale:1;width:100%;justify-content:center;}
  .piw-stage.go .piw-chip,.piw-stage.go .piw-core,.piw-stage.go .piw-out{transform:none;transition:none;}
  .piw-chip{white-space:normal;}
  .piw-core-ring{display:none;}
  .piw-core-pill{white-space:normal;text-align:center;}
  .lp-team-phil{grid-template-columns:1fr;gap:28px;}
  .lp-phil-list{grid-template-columns:1fr 1fr;}
  .lp-eng,.lp-eng:nth-child(4),.lp-eng:nth-child(5){grid-column:auto;}
  .lp-wy-stats{grid-template-columns:repeat(2,1fr);gap:24px 14px;}
  .lp-wy-card{flex-basis:80vw;}
  .lp-wy-foot{flex-direction:column;align-items:flex-start;}
  .lp-solr-main{grid-template-columns:1fr;grid-template-areas:"l" "mid" "thumb";}
  .lp-solr-thumb{aspect-ratio:16/10;}
  .lp-proc-cols{grid-template-columns:repeat(2,1fr);}
  .lp-pcol{min-height:300px;}
  .lp-proc-foot{flex-direction:column;gap:6px;}
  .lp-pillar.span2{grid-column:span 1;}
  .lp-hero-cta,.lp-final-cta{flex-direction:column;}
  .lp-hero-cta .lp-btn,.lp-final-cta .lp-btn{width:100%;justify-content:center;}
  .lp-hero-trust{gap:16px;}
  .lp-hero-trust .d{display:none;}
  .lpnav-in{padding:0 22px;height:64px;}
  .lpnav-name em{display:none;}
  .lpnav-cta .lp-btn-ghost{display:none;}
  .lpnav-btn{padding:10px 16px;font-size:13.5px;}
  .lpfoot-bottom{flex-direction:column;align-items:center;gap:8px;text-align:center;}
  .lpfoot-in{grid-template-columns:1fr;gap:36px;}
  .lpfoot-r{min-width:0;}
}

/* ============================================================
   UNIFIED SECTION HEADERS - consistent size + weight sitewide
   ============================================================ */
.lp-h,.lp-eco-h,.lp-diag-h,.pp-band h2,.pfd-h,.tsm-head .ts-h,
.lp-final-h,.fq-h,.ave-h{
  font-size:clamp(30px,4.2vw,52px)!important;
  font-weight:600!important;
  letter-spacing:-0.035em!important;
  line-height:1.05!important;
}

/* portfolio-page-v2.css */
/* ============================================================
   WDI — Portfolio Page (View Our Work)
   header · technology-company band (moving faded text) · projects
   ============================================================ */
#wdi-bwd-page{
  --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;
}



.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}

/* ============================================================
   1 · HEADER
   ============================================================ */
.pp-hero{position:relative;padding:120px 0 90px;text-align:center;overflow:hidden;background:var(--bg);}
.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);}
.pp-hero .eyebrow::before,.pp-hero .eyebrow::after{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,var(--rose-400));}
.pp-hero .eyebrow::after{background:linear-gradient(90deg,var(--rose-400),transparent);}
.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);}
.pp-hero h1 .amp{background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
.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);}
.pp-hero .meta{margin-top:40px;display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap;}
.pp-hero .meta .stat b{font-size:30px;font-weight:600;letter-spacing:-0.03em;color:var(--ink);}
.pp-hero .meta .stat span{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--muted);}
.pp-hero .meta .div{width:1px;height:34px;background:var(--line-2);}
.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;}
.pp-scrollcue .mouse{width:22px;height:34px;border:1.5px solid var(--line-2);border-radius:12px;position:relative;}
.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);}}

/* ============================================================
   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;}
.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;}
.pp-band-track.r1{animation:ppMarqueeL 34s linear infinite;top:34%;}
.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%);}}
.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%);}}
.pp-band-in{position:relative;z-index:2;text-align:center;max-width:1000px;margin:0 auto;}
.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);}
.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);}}
.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;}
.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;}
.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);}

/* ============================================================
   3 · OUR PROJECTS  (SpaceX cinematic full-bleed)
   ============================================================ */
.pp-projects{position:relative;padding:96px 0 0;background:var(--bg);}
.pp-projects-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:30px;}
.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);}
.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);}
.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);}
.pp-projects-head p{max-width:42ch;font-size:14.5px;font-weight:300;line-height:1.55;color:var(--muted);}

/* industry capsules */
.pp-caps{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;}
.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;}
.pp-cap:hover{color:var(--ink);border-color:var(--line-2);transform:translateY(-2px);}
.pp-cap.active{color:#fff;background:var(--ink);border-color:var(--ink);}
.pp-cap .n{font-size:11px;opacity:.55;margin-left:6px;font-feature-settings:"tnum" 1;}

/* full-bleed cinematic panels */
.pp-stack{}
.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;}
.pp-card[hidden]{display:none;}
/* 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);}
.pp-media img,.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);}
.pp-card.in .pp-media img,.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%);}}
/* 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%);}
.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%);}
.pp-card.hot .pp-glow{opacity:1;}

/* 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%);}
.pp-index{font-size:13px;font-weight:600;letter-spacing:.1em;color:rgba(255,255,255,.6);font-feature-settings:"tnum" 1;display:inline-block;margin-bottom:48px;}
.pp-index b{color:#fff;}
.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);}
.pp-x .cross{color:var(--hue,#39E07B);font-weight:700;}
.pp-x b{color:#fff;}
.pp-vind{position:absolute;right:40px;top:0;bottom:0;z-index:3;display:flex;align-items:center;pointer-events:none;}
.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);}
.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);}

/* content anchored bottom-left (SpaceX style) */
.pp-content{position:absolute;left:0;right:0;bottom:0;z-index:3;}
.pp-content-in{max-width:var(--maxw);margin:0 auto;padding:120px 40px 70px;}
.pp-logo{display:grid;place-items:start;margin-top:48px;margin-bottom:24px;
  opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);}
.pp-logo .lg{font-weight:800;font-size:18px;letter-spacing:-0.02em;color:#fff;}
.pp-logo img{height:52px;width:auto;max-width:240px;object-fit:contain;display:block;}
.pp-logo .lg em{font-style:normal;color:color-mix(in srgb,var(--hue,#39E07B) 80%,#0B0C0E);}
.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;}
.pp-eyebrow .n{color:var(--hue,#39E07B);}
.pp-eyebrow .bar{width:30px;height:1px;background:rgba(255,255,255,.4);}
.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;}
.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;}
.pp-card.in .pp-name-tx{animation:ppSheen 1.5s cubic-bezier(.4,0,.2,1) .55s 1 forwards;}
.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;}}
.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;}
.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;}
.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;}
.pp-tags{display:flex;flex-wrap:wrap;gap:9px;}
.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);}
.pp-tag.lead{background:var(--hue,#39E07B);color:#0B0C0E;border-color:var(--hue,#39E07B);}
.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;}
.pp-explore svg{width:16px;height:16px;transition:transform .3s;}
.pp-explore:hover{background:var(--hue,#39E07B);border-color:var(--hue,#39E07B);color:#0B0C0E;transform:translateY(-2px);gap:16px;}
.pp-explore:hover svg{transform:translateX(3px);}
.pp-card.in .pp-logo,.pp-card.in .pp-eyebrow,.pp-card.in .pp-name,.pp-card.in .pp-tagline,.pp-card.in .pp-desc,.pp-card.in .pp-row{opacity:1;transform:none;}

/* refined header: eyebrow */
.pp-eyebrow{gap:13px;font-size:11.5px;letter-spacing:.28em;color:rgba(255,255,255,.82);}
.pp-eyebrow .n{color:var(--hue,#39E07B);font-weight:700;}
.pp-eyebrow .bar{width:38px;background:linear-gradient(90deg,var(--hue,#39E07B),transparent);height:1.5px;}

/* ---- key impact zone (TOP-RIGHT, corporate) ---- */
.pp-keystat{position:absolute;left:50%;transform:translateX(-50%);top:148px;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;}
.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;}
.pp-keystat-label::before{content:"";width:16px;height:1px;background:color-mix(in srgb,var(--hue,#39E07B) 75%,#fff);opacity:.7;}
.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;}
.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;}
.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;}
.pp-mcap:not(:first-child){margin-left:11px;}
.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;}
.pp-card.in .pp-keystat-label,.pp-card.in .pp-keystat-h,.pp-card.in .pp-mcaps{opacity:1;transform:none;}

/* ---- review badges (BOTTOM-RIGHT, 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;}
.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);}
.pp-rev:nth-child(2){transition-delay:.1s;}
.pp-card.in .pp-rev{opacity:1;transform:none;}
.pp-rev-badge{height:54px;width:auto;flex:none;display:block;border-radius:8px;background:#fff;}
.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);}
.pp-rev-google .pp-rev-mk svg{width:27px;height:27px;display:block;}
.pp-rev-in{display:flex;flex-direction:column;gap:6px;line-height:1;}
.pp-rev-q{font-size:15.5px;font-weight:600;color:#fff;letter-spacing:-0.015em;line-height:1.18;}
.pp-rev-meta{display:inline-flex;align-items:center;gap:9px;}
.pp-rev .st{display:inline-flex;gap:1.5px;color:#FFC53D;}
.pp-rev .st svg{width:12px;height:12px;}
.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);}

/* ============================================================
   CTA card (WDI homepage style — light, 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;}
.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);}}
.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%);}
.pp-cta-in{position:relative;z-index:2;max-width:760px;padding:0 40px;}
.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);}
.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);}}
.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;}
.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;}
.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;}
.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;}
.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;}
.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;}
.pp-cta-btn .ar svg{width:16px;height:16px;}
.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);}
.pp-cta-btn:hover .ar{transform:translateX(2px);}
.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;}
.pp-cta-ghost:hover{border-color:var(--rose-300);transform:translateY(-2px);}
.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;}
.pp-cta-stats .s b{font-size:28px;font-weight:600;letter-spacing:-0.03em;color:var(--ink);}
.pp-cta-stats .s span{display:block;margin-top:4px;font-size:12.5px;font-weight:500;color:var(--muted);}
.pp-cta-stats .d{width:1px;height:32px;background:var(--line-2);}
.pp-cta.in .pp-cta-eyebrow,.pp-cta.in .pp-cta-h,.pp-cta.in .pp-cta-p,.pp-cta.in .pp-cta-actions,.pp-cta.in .pp-cta-stats{opacity:1;transform:none;}
@media(max-width:760px){.pp-cta{min-height:auto;padding:90px 0;}.pp-cta-stats{gap:18px;}.pp-cta-stats .d{display:none;}}
@media(prefers-reduced-motion:reduce){.pp-cta-aura{animation:none;}.pp-cta .pp-cta-in *{opacity:1!important;transform:none!important;}}

/* 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;}
.pp-card.in .pp-device{opacity:1;transform:translateY(-50%);}
/* 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){.pp-device{position:relative;right:auto;top:auto;height:auto;max-width:74%;margin:24px auto -10px;display:block;transform:none;}.pp-card.in .pp-device{transform:none;}}

@media(max-width:760px){
  .wrap{padding:0 22px;}
  .pp-hero{padding:80px 0 60px;}
  .pp-band{padding:90px 0;}
  .pp-card{height:auto;min-height:0;max-height:none;}
  .pp-media{position:relative;height:46vh;}
  .pp-content{position:relative;background:#08090c;}
  .pp-content-in{padding:30px 22px 44px;}
  .pp-vind,.pp-index{display:none;}
  .pp-name{opacity:1;transform:none;}
  .pp-keystat{top:62px;left:0;transform:none;padding:0 22px;align-items:flex-end;text-align:right;}
  .pp-keystat-h{font-size:19px;max-width:16ch;}
  .pp-mcaps{display:none;}
  .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;}
  .pp-rev{max-width:none;width:100%;}
}
@media(prefers-reduced-motion:reduce){
  .pp-band-track,.pp-band::before{animation:none;}
  .pp-media img,.pp-media video{animation:none!important;transform:none;}
  .pp-card .pp-content *{opacity:1!important;transform:none!important;}
}

/* ============================================================
   awards rolling strip
   ============================================================ */
.pp-awards{position:relative;background:var(--bg);border-top:1px solid var(--line);padding:96px 0 100px;overflow:hidden;}
.pp-awards-head{text-align:center;max-width:720px;margin:0 auto 52px;}
.pp-awards-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-600);}
.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;}
.pp-awards-sub{margin-top:18px;font-size:clamp(15px,1.3vw,17px);font-weight:300;line-height:1.55;color:var(--muted);}
.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);}
.pp-awards-rail{display:flex;align-items:center;gap:64px;width:max-content;animation:ppAwardRoll 42s linear infinite;}
.pp-awards-strip:hover .pp-awards-rail{animation-play-state:paused;}
@keyframes ppAwardRoll{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.pp-award{flex:none;display:flex;align-items:center;gap:13px;color:#AEB3BB;transition:color .35s ease,filter .35s ease,transform .35s ease;}
.pp-award .medal{width:26px;height:26px;flex:none;color:inherit;}
.pp-award .medal svg{width:100%;height:100%;}
.pp-award .by{font-size:24px;font-weight:600;letter-spacing:-0.02em;white-space:nowrap;}
.pp-award .rt{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:inherit;opacity:.8;}
.pp-award .rt svg{width:13px;height:13px;}
.pp-award:hover{color:var(--ink);filter:drop-shadow(0 0 16px rgba(249,47,100,.25));transform:translateY(-1px);}
.pp-award:hover .rt{color:var(--rose-600);opacity:1;}
.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){.pp-awards{padding:70px 0 78px;}.pp-awards-rail{gap:44px;}}
@media(prefers-reduced-motion:reduce){.pp-awards-rail{animation:none;}}

/* ============================================================
   small CTA (mini) + footer
   ============================================================ */
.tsb-tile .av{display:grid;place-items:center;background:linear-gradient(135deg,var(--rose-500),var(--violet));overflow:hidden;}
.tsb-tile .av span{font-size:13px;font-weight:600;letter-spacing:.02em;color:#fff;}
.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);}
.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);}}
.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%);}
.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));}
.pp-mini-in{position:relative;z-index:2;max-width:880px;padding:0 40px;display:flex;flex-direction:column;align-items:center;}
.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);}
.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;}
.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;}
.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;}
.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);}
.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;}
.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;}
.pp-mini-btn .ar svg{width:18px;height:18px;}
.pp-mini-btn:hover{transform:translateY(-3px);box-shadow:0 24px 50px rgba(228,18,82,.34);}
.pp-mini-btn:hover .ar{transform:translateX(3px) rotate(-8deg);}
@media(max-width:760px){.pp-mini{min-height:0;padding:90px 0;}.pp-mini-btn{width:100%;justify-content:center;}}
@media(prefers-reduced-motion:reduce){.pp-mini-aura{animation:none;}}

.pp-foot{background:#0B0C0E;color:rgba(255,255,255,.7);padding:64px 0 30px;}
.pp-foot-in{display:flex;justify-content:space-between;gap:50px;flex-wrap:wrap;}
.pp-foot-brand img{height:30px;width:auto;}
.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);}
.pp-foot-cols{display:flex;gap:60px;flex-wrap:wrap;}
.pp-foot-cols b{display:block;font-size:13px;font-weight:600;letter-spacing:.04em;color:#fff;margin-bottom:14px;}
.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;}
.pp-foot-cols a:hover{color:var(--rose-400);}
.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){.pp-mini-in{padding:26px;}.pp-mini .pp-cta-btn{width:100%;justify-content:center;}}

/* ============================================================
   4 · IN THE WORKS AT WDI
   ============================================================ */
.iw-sec{position:relative;padding:110px 0 130px;background:var(--bg-2);border-top:1px solid var(--line);}
.iw-head{text-align:center;max-width:720px;margin:0 auto 56px;}
.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);}
.iw-head .eyebrow::before,.iw-head .eyebrow::after{content:"";width:26px;height:1px;background:linear-gradient(90deg,transparent,var(--rose-400));}
.iw-head .eyebrow::after{background:linear-gradient(90deg,var(--rose-400),transparent);}
.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);}
.iw-head h2 .amp{background:linear-gradient(120deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
.iw-head p{margin-top:18px;font-size:16px;font-weight:300;line-height:1.55;color:var(--muted);}

.iw-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.iw-item{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s);}
.iw-sec.in .iw-item{opacity:1;transform:none;}

/* 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);}
.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);}
.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%);}
.iw-item:hover .iw-card{border-color:var(--rose-300);transform:translateY(-5px);box-shadow:0 24px 50px rgba(11,12,14,.16);}
.iw-item:hover .iw-card::before{transform:scale(1.08);}

/* 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);}
/* 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);}
.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;}}

/* WDI × project lockup */
.iw-lock{position:relative;z-index:1;display:flex;align-items:center;gap:18px;}
.iw-lock .wdi{height:30px;width:auto;}
.iw-lock .x{font-size:18px;font-weight:300;color:rgba(255,255,255,.45);}
.iw-lock .proj{font-size:24px;font-weight:700;letter-spacing:-0.02em;color:#fff;}
.iw-lock .proj em{font-style:normal;color:var(--hue,#39E07B);}

/* meta below card */
.iw-meta{margin-top:18px;padding:0 4px;}
.iw-name{font-size:18px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.iw-desc{margin-top:7px;font-size:13.5px;font-weight:300;line-height:1.5;color:var(--muted);}

@media(max-width:980px){.iw-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.iw-grid{grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce){.iw-item{opacity:1!important;transform:none!important;}.iw-status .lvdot{animation:none;}}


/* ===== Testimonials (Variant B, 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);}
.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-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-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-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));}
}
/* VARIANT B */
.tsb-sec{padding:100px 0 130px;background:var(--bg);border-top:1px solid var(--line);}
.tsb-head{text-align:center;max-width:680px;margin:0 auto 56px;}
.tsb-head .ts-h .accent{color:var(--rose-600);}
.tsb-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;gap:14px;}
.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;}
.tsb-tile:hover{border-color:var(--rose-300);transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,12,14,.06);}
.tsb-tile .quote{font-size:15px;font-weight:400;line-height:1.5;color:var(--ink);}
.tsb-tile .author{margin-top:18px;display:flex;align-items:center;gap:11px;}
.tsb-tile .av{width:38px;height:38px;border-radius:50%;overflow:hidden;background:#eee;flex:none;}
.tsb-tile .av img{width:100%;height:100%;object-fit:cover;}
.tsb-tile .name{font-size:13px;font-weight:500;color:var(--ink);}
.tsb-tile .role{margin-top:1px;font-size:11.5px;color:var(--muted);}
.tsb-tile.dark{background:linear-gradient(160deg,#0E0F12,#16181E);color:#fff;border-color:transparent;}
.tsb-tile.dark .quote,.tsb-tile.dark .name{color:#fff;}
.tsb-tile.dark .role{color:rgba(255,255,255,.6);}
.tsb-tile.lg{grid-column:span 4;grid-row:span 2;}
.tsb-tile.md{grid-column:span 3;}
.tsb-tile.sm{grid-column:span 2;}
.tsb-tile.lg .quote{font-size:21px;font-weight:500;letter-spacing:-0.015em;line-height:1.4;}
.tsb-tile.md .quote{font-size:16.5px;}


/* faq.css */
/* ============================================================
   WDI — FAQs & Answer Bank  (Variants A–E)
   WDI system: rose accent, ink type, Figtree, light.
   ============================================================ */
#wdi-bwd-page{
  --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;
}



.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}

.fq-vtag{max-width:var(--maxw);margin:0 auto;padding:28px 40px 0;font-size:13.5px;color:var(--muted);}
.fq-vtag b{color:var(--ink);font-weight:500;}
.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;}

.fq-sec{position:relative;padding:104px 0 118px;background:var(--bg);border-top:1px solid var(--line);overflow:hidden;}
.fq-sec.alt{background:var(--bg-2);}

.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);}
.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);}
.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;}
.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;}
.fq-supp{margin-top:14px;font-size:15px;line-height:1.65;font-weight:400;color:var(--muted);max-width:62ch;text-wrap:pretty;}

.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;}
.fq-tags{display:flex;flex-wrap:wrap;gap:7px;}

/* section CTA */
.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);}
.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));}
.fq-cta-h{font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:-0.02em;color:var(--ink);text-wrap:balance;}
.fq-cta-p{margin-top:10px;font-size:15px;line-height:1.55;font-weight:300;color:var(--ink-2);max-width:62ch;}
.fq-cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex:none;}
.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;}
.fq-btn svg{width:16px;height:16px;transition:transform .25s;}
.fq-btn:hover{background:var(--rose-600);transform:translateY(-2px);box-shadow:0 12px 30px rgba(228,18,82,.24);}
.fq-btn:hover svg{transform:translateX(3px);}
.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;}
.fq-btn-ghost:hover{border-color:var(--rose-300);transform:translateY(-2px);}

/* plus/minus toggle */
.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;}
.fq-pm::before,.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;}
.fq-pm::after{transform:rotate(90deg);}
.fq-open .fq-pm{background:var(--ink);border-color:var(--ink);}
.fq-open .fq-pm::before,.fq-open .fq-pm::after{background:#fff;}
.fq-open .fq-pm::after{transform:rotate(0deg);}

/* collapsible body (grid-rows) */
.fq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.7,.2,1);}
.fq-open .fq-panel{grid-template-rows:1fr;}
.fq-panel-clip{overflow:hidden;}

/* ============================================================
   VARIANT A — MINIMAL SPLIT (sticky header left, accordion right)
   ============================================================ */
.fqa-grid{display:grid;grid-template-columns:0.8fr 1.2fr;gap:60px;align-items:start;}
.fqa-head{position:sticky;top:100px;align-self:start;}
.fqa-list{border-top:1px solid var(--line);}
.fqa-item{border-bottom:1px solid var(--line);}
.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);}
.fqa-qtext{flex:1;font-size:18px;font-weight:500;letter-spacing:-0.015em;line-height:1.3;color:var(--ink);transition:color .25s;}
.fqa-item:hover .fqa-qtext{color:var(--rose-700);}
.fqa-panel-inner{padding:0 54px 28px 0;}
.fqa-a{font-size:15px;font-weight:300;line-height:1.6;color:var(--ink-2);}
.fqa-meta{margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.fqa-meta-l{font-size:10.5px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--faint);}

/* ============================================================
   VARIANT B — GROOVY HIGHLIGHT (animated gradient headline)
   ============================================================ */
.fqb-head{max-width:880px;margin:0 auto;text-align:center;}
.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;}
.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;}}
.fqb-list{margin-top:60px;max-width:880px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:14px;}
.fqb-item{border:1px solid var(--line);border-radius:18px;background:var(--bg);overflow:hidden;transition:border-color .3s,box-shadow .3s;}
.fqb-item.fq-open{border-color:var(--rose-300);box-shadow:0 16px 40px rgba(11,12,14,.06);}
.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);}
.fqb-qtext{flex:1;font-size:18px;font-weight:500;letter-spacing:-0.015em;color:var(--ink);}
.fqb-panel-inner{padding:0 28px 26px;}
.fqb-a{font-size:15px;font-weight:300;line-height:1.6;color:var(--ink-2);max-width:74ch;}
.fqb-meta{margin-top:16px;}

/* ============================================================
   VARIANT C — INTERACTIVE HOVER-EXPAND (two columns)
   ============================================================ */
.fqc-grid{margin-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
.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;}
.fqc-item:hover,.fqc-item.fq-open{border-color:var(--rose-300);box-shadow:0 18px 44px rgba(11,12,14,.08);}
.fqc-q{display:flex;align-items:center;gap:16px;padding:24px 26px;}
.fqc-num{font-size:12px;font-weight:600;color:var(--rose-600);font-feature-settings:"tnum" 1;}
.fqc-qtext{flex:1;font-size:17px;font-weight:500;letter-spacing:-0.015em;line-height:1.3;color:var(--ink);}
.fqc-panel-inner{padding:0 26px 26px 56px;}
.fqc-a{font-size:14.5px;font-weight:300;line-height:1.6;color:var(--ink-2);}
.fqc-meta{margin-top:14px;}

/* ============================================================
   VARIANT D — ASK PANEL (floating ? opens a blurred overlay)
   ============================================================ */
.fqd-sec{text-align:center;}
.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;}
.fqd-launch:hover{border-color:var(--rose-300);box-shadow:0 16px 40px rgba(249,47,100,.12);transform:translateY(-2px);}
.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);}
.fqd-launch-text{text-align:left;}
.fqd-launch-text b{display:block;font-size:16px;font-weight:500;color:var(--ink);}
.fqd-launch-text span{font-size:13px;color:var(--muted);}

.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;}
.fqd-overlay.open{display:block;opacity:1;}
/* faded question list pinned to the left */
.fqd-rail{position:absolute;left:0;top:0;bottom:0;width:340px;padding:90px 36px 40px;overflow-y:auto;}
.fqd-rail-h{font-size:13px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.5);margin-bottom:22px;}
.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;}
.fqd-qbtn .car{opacity:0;color:#fff;transition:opacity .25s;flex:none;}
.fqd-qbtn:hover{color:rgba(255,255,255,.85);}
.fqd-qbtn.active{color:#fff;font-weight:500;}
.fqd-qbtn.active .car{opacity:1;}
/* centered modal card with image on top */
.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);}
.fqd-overlay.open .fqd-card{opacity:1;}
.fqd-card.swap{opacity:0;transform:translate(-50%,-46%);}
.fqd-card-media{position:relative;width:100%;height:230px;flex:none;background:#0c0d11;overflow:hidden;}
.fqd-card-media img{width:100%;height:100%;object-fit:cover;display:block;}
.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;}
.fqd-close:hover{background:rgba(11,12,14,.5);transform:rotate(90deg);}
.fqd-close svg{width:18px;height:18px;}
.fqd-card-body{padding:46px 48px 46px;overflow-y:auto;text-align:left;display:flex;flex-direction:column;align-items:center;}
.fqd-card-body>*{width:100%;max-width:560px;}
.fqd-main-type{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--rose-600);}
.fqd-main-q{margin-top:14px;font-size:32px;font-weight:500;letter-spacing:-0.03em;line-height:1.08;color:var(--ink);}
.fqd-main-a{margin-top:20px;font-size:16px;font-weight:300;line-height:1.6;color:var(--ink-2);}
.fqd-main-meta{margin-top:26px;}
.fqd-main-meta .fq-tags{justify-content:flex-start;}
/* ---- per-card extra module (inset card, like the reference) ---- */
.fqd-extra{margin-top:30px;text-align:left;}
.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;}
/* stats */
.fqd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.fqd-stat{text-align:left;}
.fqd-stat b{display:block;font-size:38px;font-weight:500;letter-spacing:-0.04em;line-height:1;color:var(--ink);}
.fqd-stat span{display:block;margin-top:10px;font-size:12.5px;font-weight:400;line-height:1.4;color:var(--muted);}
/* check list */
.fqd-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;}
.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);}
.fqd-check svg{width:18px;height:18px;color:var(--rose-500);margin-top:1px;}
/* comparison bars — framed inset card */
.fqd-bars{border:1px solid var(--line);border-radius:16px;padding:22px 24px;display:flex;flex-direction:column;gap:18px;}
.fqd-bar-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;}
.fqd-bar-l{font-size:14px;font-weight:500;color:var(--ink);}
.fqd-bar-v{font-size:13.5px;font-weight:500;color:var(--muted);text-align:right;font-feature-settings:"tnum" 1;}
.fqd-bar-track{grid-column:1 / -1;height:6px;border-radius:5px;background:var(--bg-2);border:1px solid var(--line);overflow:hidden;}
.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;}
/* steps */
.fqd-steps{display:flex;flex-direction:column;gap:0;}
.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;}
.fqd-step:last-child{border-bottom:none;}
.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;}
.fqd-step b{display:block;font-size:14.5px;font-weight:500;color:var(--ink);}
.fqd-step span{display:block;margin-top:3px;font-size:12.5px;font-weight:300;line-height:1.45;color:var(--muted);}
/* tag cloud */
.fqd-cloud{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;}
.fqd-fx{transform:translateY(8px);filter:blur(5px);}
.fqd-fx.show{transform:none;filter:blur(0);transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s ease;}

/* ============================================================
   VARIANT E — LIVE ANIMATED BG (hover-reveal cards over motion)
   ============================================================ */
.fqe-sec{background:#0A0B0E;color:#fff;border-top:1px solid var(--line);}
.fqe-bg{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
.fqe-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;}
.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;}
.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;}
.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);}}
.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%);}
.fqe-sec .fq-eyebrow{color:var(--rose-300);}
.fqe-sec .fq-h{color:#fff;}
.fqe-sec .fq-aeo{color:rgba(255,255,255,.72);}
.fqe-wrap{margin-top:54px;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.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;}
.fqe-item:hover,.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);}
.fqe-q{display:flex;align-items:center;gap:16px;padding:24px 26px;}
.fqe-num{font-size:12px;font-weight:600;color:var(--rose-300);font-feature-settings:"tnum" 1;}
.fqe-qtext{flex:1;font-size:17px;font-weight:500;letter-spacing:-0.015em;color:#fff;}
.fqe-item .fq-pm{border-color:rgba(255,255,255,.24);}
.fqe-item .fq-pm::before,.fqe-item .fq-pm::after{background:#fff;}
.fqe-item.fq-open .fq-pm{background:#fff;border-color:#fff;}
.fqe-item.fq-open .fq-pm::before,.fqe-item.fq-open .fq-pm::after{background:var(--ink);}
.fqe-panel-inner{padding:0 26px 26px 56px;}
.fqe-a{font-size:14.5px;font-weight:300;line-height:1.6;color:rgba(255,255,255,.78);}
.fqe-meta{margin-top:14px;}
.fqe-meta .fq-tag{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);color:rgba(255,255,255,.82);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:920px){
  .fqa-grid{grid-template-columns:1fr;gap:34px;}
  .fqa-head{position:relative;top:0;}
  .fqc-grid,.fqe-wrap{grid-template-columns:1fr;}
}
@media(max-width:920px){
  .fqd-rail{position:absolute;width:100%;padding:78px 30px 20px;height:auto;bottom:auto;overflow:visible;}
  .fqd-rail-h{display:none;}
  .fqd-card{position:relative;left:0;top:0;transform:none;width:calc(100% - 40px);max-height:none;margin:210px auto 40px;}
  .fqd-overlay{overflow-y:auto;}
  .fqd-overlay.open .fqd-card{transform:none;}
}
@media(max-width:760px){
  .fqd-card-media{height:200px;}
  .fqd-card-body{padding:28px 24px;}
  .wrap{padding:0 22px;}
  .fq-sec{padding:70px 0 80px;}
  .fq-vtag{padding:22px 22px 0;}
  .fq-cta{padding:26px;gap:20px;}
  .fq-cta-actions{width:100%;}
  .fq-cta .fq-btn,.fq-btn-ghost{flex:1;justify-content:center;}
  .fqd-main{padding:30px 24px;}
}
@media(prefers-reduced-motion:reduce){
  .fqb-h .hl{animation:none;}
  .fqe-orb{animation:none;}
}

/* cta.css */
/* ============================================================
   WDI — Final CTA  (6 variants)
   ============================================================ */
#wdi-bwd-page{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;--rose-200:#FFB3C7;--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:"Google Sans Flex","Google Sans","Product Sans","Figtree",system-ui,-apple-system,sans-serif;
  --maxw:1240px;
}



.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}

.ct-vtag{max-width:var(--maxw);margin:0 auto;padding:30px 40px 0;font-size:13.5px;color:var(--muted);}
.ct-vtag b{color:var(--ink);font-weight:500;}
.ct-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;}

.ct-sec{position:relative;padding:90px 0 100px;background:var(--bg);border-top:1px solid var(--line);overflow:hidden;}

/* shared buttons */
.ct-btn{display:inline-flex;align-items:center;gap:9px;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 26px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s,background .25s,box-shadow .3s,border-color .25s,color .25s;}
.ct-btn svg{width:16px;height:16px;transition:transform .25s;}
.ct-btn:hover{background:var(--rose-600);border-color:var(--rose-600);transform:translateY(-2px);box-shadow:0 14px 32px rgba(228,18,82,.26);}
.ct-btn:hover svg{transform:translateX(3px);}
.ct-btn.light{background:#fff;color:var(--ink);border-color:#fff;}
.ct-btn.light:hover{background:var(--rose-600);color:#fff;border-color:var(--rose-600);}
.ct-btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-2);}
.ct-btn.ghost:hover{background:transparent;color:var(--rose-600);border-color:var(--rose-300);box-shadow:none;}
.ct-btn.ghost-w{background:transparent;color:#fff;border-color:rgba(255,255,255,.3);}
.ct-btn.ghost-w:hover{background:rgba(255,255,255,.1);color:#fff;border-color:#fff;box-shadow:none;}

/* eyebrow */
.ct-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);}
.ct-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);}

/* ============================================================
   A — SPLIT CARD (ToDesktop style)
   ============================================================ */
.cta-a-head{text-align:center;max-width:760px;margin:0 auto 44px;}
.cta-a-head h2{font-size:clamp(34px,4.6vw,58px);font-weight:600;letter-spacing:-0.035em;line-height:1.02;color:var(--ink);}
.cta-a-head p{margin-top:16px;font-size:17px;font-weight:300;color:var(--muted);}
.cta-a-card{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:0;border-radius:28px;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(120deg,#EDE7FB 0%,#FCE9EF 48%,#F7F7F9 100%);}
.cta-a-left{padding:54px 52px;}
.cta-a-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);background:rgba(255,255,255,.7);border:1px solid var(--line);border-radius:999px;padding:7px 14px;backdrop-filter:blur(6px);}
.cta-a-title{margin-top:20px;font-size:clamp(26px,2.8vw,36px);font-weight:600;letter-spacing:-0.03em;line-height:1.1;color:var(--ink);max-width:16ch;}
.cta-a-desc{margin-top:16px;font-size:15.5px;font-weight:300;line-height:1.55;color:var(--ink-2);max-width:46ch;}
.cta-a-feats{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;}
.cta-a-feat{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:400;color:var(--ink-2);}
.cta-a-feat svg{width:18px;height:18px;color:var(--rose-600);flex:none;}
.cta-a-actions{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;}
.cta-a-right{position:relative;background:rgba(255,255,255,.45);border-left:1px solid rgba(255,255,255,.6);padding:40px;display:flex;flex-direction:column;}
.cta-a-mock-cap{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px;}
.cta-a-mock-cap::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rose-500);}
.cta-a-mock{flex:1;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 50px rgba(11,12,14,.08);overflow:hidden;display:flex;flex-direction:column;min-height:300px;}
.cta-a-mockbar{display:flex;align-items:center;gap:6px;padding:13px 16px;border-bottom:1px solid var(--line);}
.cta-a-mockbar i{width:9px;height:9px;border-radius:50%;background:var(--line-2);}
.cta-a-mockbody{padding:20px;display:flex;flex-direction:column;gap:14px;flex:1;}
.cta-a-step{display:flex;align-items:center;gap:14px;padding:14px;border-radius:11px;border:1px solid var(--line);background:var(--bg-2);}
.cta-a-step .n{width:30px;height:30px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:13px;font-weight:600;background:var(--rose-soft);color:var(--rose-600);}
.cta-a-step b{display:block;font-size:13.5px;font-weight:500;color:var(--ink);}
.cta-a-step span{display:block;margin-top:2px;font-size:11.5px;color:var(--muted);}

/* ============================================================
   B — GRADIENT BANNER + PHONE (Deel style)
   ============================================================ */
.cta-b{position:relative;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#2A0B40 0%,#7A00FF 46%,#FD3B6F 100%);min-height:420px;display:grid;grid-template-columns:1fr 1fr;align-items:center;}
.cta-b-left{padding:64px 60px;color:#fff;position:relative;z-index:2;}
.cta-b-left h2{font-size:clamp(30px,3.4vw,46px);font-weight:600;letter-spacing:-0.03em;line-height:1.05;color:#fff;max-width:15ch;}
.cta-b-left p{margin-top:18px;font-size:16px;font-weight:300;line-height:1.5;color:rgba(255,255,255,.85);max-width:40ch;}
.cta-b-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;}
.cta-b-actions .ct-btn{background:#0B0C0E;border-color:#0B0C0E;}
.cta-b-actions .ct-btn:hover{background:#000;border-color:#000;}
.cta-b-phonewrap{position:relative;height:100%;min-height:420px;overflow:hidden;}
.cta-b-phone{position:absolute;right:14%;top:50%;transform:translateY(-46%);width:280px;max-width:62%;background:#0B0C0E;border-radius:38px;padding:9px;box-shadow:0 40px 80px rgba(0,0,0,.4);}
.cta-b-screen{background:linear-gradient(180deg,#F3EEFE,#fff);border-radius:30px;overflow:hidden;padding:18px 16px;}
.cta-b-pnav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;}
.cta-b-pnav .lg{font-size:16px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);}
.cta-b-pnav .av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--rose-500),var(--violet));}
.cta-b-bal{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:0 8px 20px rgba(11,12,14,.05);}
.cta-b-bal .lbl{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;}
.cta-b-bal .amt{margin-top:6px;font-size:24px;font-weight:600;letter-spacing:-0.02em;color:var(--ink);}
.cta-b-bal .amt span{font-size:13px;font-weight:400;color:var(--muted);}
.cta-b-bal .act{margin-top:14px;background:var(--ink);color:#fff;border-radius:9px;padding:11px;text-align:center;font-size:12.5px;font-weight:500;}
.cta-b-stat{margin-top:12px;display:flex;gap:8px;}
.cta-b-stat>div{flex:1;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;}
.cta-b-stat .v{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:-0.01em;}
.cta-b-stat .k{font-size:10px;color:var(--muted);margin-top:3px;}

/* ============================================================
   C — 3D BLOBS (Cohere style)
   ============================================================ */
.cta-c{position:relative;border-radius:28px;overflow:hidden;background:#F5F0FB;border:1px solid var(--line);min-height:440px;display:flex;align-items:center;}
.cta-c-content{position:relative;z-index:2;padding:64px 60px;max-width:560px;}
.cta-c-content h2{font-size:clamp(30px,3.4vw,46px);font-weight:500;letter-spacing:-0.03em;line-height:1.04;color:var(--ink);}
.cta-c-content p{margin-top:18px;font-size:16.5px;font-weight:300;line-height:1.5;color:var(--ink-2);max-width:40ch;}
.cta-c-btn{margin-top:40px;display:inline-flex;align-items:stretch;border-radius:12px;overflow:hidden;text-decoration:none;}
.cta-c-btn .lab{display:flex;align-items:center;padding:16px 22px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#fff;background:var(--ink);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);padding-right:30px;}
.cta-c-btn .arr{display:grid;place-items:center;width:56px;background:var(--ink);color:#fff;margin-left:-14px;transition:background .3s;}
.cta-c-btn .arr svg{width:18px;height:18px;transition:transform .3s;}
.cta-c-btn:hover .lab,.cta-c-btn:hover .arr{background:var(--rose-600);}
.cta-c-btn:hover .arr svg{transform:translateX(3px);}
.cta-c-blobs{position:absolute;right:-40px;top:0;bottom:0;width:54%;z-index:1;}
.cta-c-blob{position:absolute;border-radius:42% 58% 56% 44%/48% 42% 58% 52%;filter:blur(.5px);box-shadow:inset 0 20px 60px rgba(255,255,255,.4),0 30px 70px rgba(11,12,14,.18);}
.cta-c-blob.b1{width:340px;height:380px;right:6%;top:14%;background:linear-gradient(150deg,#A24BFF,#5A1FD4 72%);transform:rotate(-12deg);animation:ctFloat1 14s ease-in-out infinite alternate;}
.cta-c-blob.b2{width:280px;height:300px;right:-6%;top:34%;background:linear-gradient(150deg,#FD3B6F,#C40F46 75%);transform:rotate(14deg);animation:ctFloat2 16s ease-in-out infinite alternate;}
.cta-c-blob.b3{width:200px;height:210px;right:30%;bottom:2%;background:linear-gradient(150deg,#3A2150,#0B0C0E 80%);transform:rotate(-6deg);animation:ctFloat1 12s ease-in-out infinite alternate-reverse;}
@keyframes ctFloat1{to{transform:translateY(-24px) rotate(-6deg);}}
@keyframes ctFloat2{to{transform:translateY(20px) rotate(8deg);}}

/* ============================================================
   D — MOTION-BLUR IMAGE (Tempo style)
   ============================================================ */
.cta-d{position:relative;border-radius:6px;overflow:hidden;min-height:560px;color:#fff;
  background:linear-gradient(118deg,#0A0B0E 0%,#1C0A1E 28%,#5A1FD4 54%,#E41252 78%,#FD3B6F 100%);}
.cta-d::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(98deg,rgba(255,255,255,.05) 0 2px,transparent 2px 7px),
  radial-gradient(120% 80% at 20% 30%,rgba(0,0,0,.5),transparent 60%);mix-blend-mode:overlay;}
.cta-d-grain{position:absolute;inset:0;opacity:.5;background:
  linear-gradient(90deg,transparent,rgba(255,255,255,.08) 40%,transparent 41%,rgba(255,255,255,.05) 60%,transparent 61%);
  filter:blur(3px);animation:ctDrift 12s ease-in-out infinite alternate;}
@keyframes ctDrift{to{transform:translateX(40px);}}
.cta-d h2{position:absolute;left:60px;top:56px;z-index:2;font-size:clamp(40px,5.4vw,76px);font-weight:400;letter-spacing:-0.03em;line-height:.98;color:#fff;max-width:13ch;text-shadow:0 2px 30px rgba(0,0,0,.3);}
.cta-d-foot{position:absolute;right:60px;bottom:56px;z-index:2;max-width:440px;text-align:left;}
.cta-d-foot p{font-size:18px;font-weight:300;line-height:1.4;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.4);}
.cta-d-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap;}
.cta-d-actions .ct-btn{border-radius:4px;}
.cta-d-actions .ct-btn.light{background:#fff;color:#0B0C0E;border-color:#fff;}

/* ============================================================
   E — DARK DOT FIELD (Phantom style)
   ============================================================ */
.cta-e{position:relative;border-radius:28px;overflow:hidden;background:#0C0D11;color:#fff;min-height:600px;display:grid;place-items:center;text-align:center;}
.cta-e canvas{position:absolute;inset:0;z-index:0;}
.cta-e-glyphs{position:absolute;left:0;right:0;top:54px;z-index:1;display:flex;flex-wrap:wrap;gap:14px;justify-content:center;max-width:680px;margin:0 auto;opacity:.5;}
.cta-e-glyphs i{width:14px;height:14px;background:var(--violet-2);border-radius:40% 60% 55% 45%;display:block;}
.cta-e-glyphs i:nth-child(3n){border-radius:50%;}
.cta-e-glyphs i:nth-child(4n){border-radius:2px;transform:rotate(45deg);background:var(--rose-400);}
.cta-e-glyphs i:nth-child(5n){opacity:.5;}
.cta-e-inner{position:relative;z-index:2;padding:60px 30px;}
.cta-e-inner h2{font-size:clamp(40px,6vw,80px);font-weight:500;letter-spacing:-0.04em;line-height:1;color:#fff;}
.cta-e-inner p{margin-top:20px;font-size:clamp(16px,1.6vw,20px);font-weight:300;color:rgba(255,255,255,.7);}
.cta-e-inner .ct-btn{margin-top:38px;background:var(--violet-2);border-color:var(--violet-2);color:#fff;padding:17px 40px;font-size:16px;}
.cta-e-inner .ct-btn:hover{background:var(--rose-500);border-color:var(--rose-500);}

/* ============================================================
   F — TEXT + PEOPLE PHOTO CLUSTER (ElevenLabs style)
   ============================================================ */
.cta-f{position:relative;display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;}
.cta-f-left h2{font-size:clamp(30px,3.4vw,46px);font-weight:500;letter-spacing:-0.03em;line-height:1.08;color:var(--ink);max-width:15ch;}
.cta-f-left p{margin-top:16px;font-size:16px;font-weight:300;line-height:1.55;color:var(--ink-2);max-width:42ch;}
.cta-f-actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap;}
.cta-f-cluster{position:relative;height:440px;}
.cta-f-ph{position:absolute;border-radius:16px;overflow:hidden;box-shadow:0 24px 50px rgba(11,12,14,.16);background:#0c0d11;}
.cta-f-ph image-slot{width:100%;height:100%;display:block;}
.cta-f-ph.p1{width:46%;height:48%;right:18%;top:0;z-index:3;}
.cta-f-ph.p2{width:40%;height:42%;right:0;top:34%;z-index:2;}
.cta-f-ph.p3{width:42%;height:52%;left:2%;top:24%;z-index:1;}
.cta-f-ph.p4{width:30%;height:34%;left:30%;top:62%;z-index:4;}
.cta-f-globalnote{margin-top:34px;font-size:13px;font-weight:300;line-height:1.55;color:var(--muted);max-width:54ch;border-top:1px solid var(--line);padding-top:18px;}

/* trust + closing (shared footer strip used under some variants) */
.ct-trust{margin-top:40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:28px;border-top:1px solid var(--line);}
.ct-trust p{font-size:13.5px;font-weight:300;line-height:1.55;color:var(--muted);max-width:70ch;}
.ct-close{margin-top:18px;font-size:15px;font-weight:500;color:var(--ink);letter-spacing:-0.01em;}
.ct-close b{background:linear-gradient(110deg,var(--rose-600),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}

/* contact options row (used under A) */
.ct-contact{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ct-copt{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:var(--bg);transition:border-color .3s,transform .3s,box-shadow .3s;text-decoration:none;}
.ct-copt:hover{border-color:var(--rose-300);transform:translateY(-3px);box-shadow:0 14px 32px rgba(11,12,14,.06);}
.ct-copt .ico{width:42px;height:42px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--rose-soft);color:var(--rose-600);}
.ct-copt .ico svg{width:21px;height:21px;}
.ct-copt b{font-size:15px;font-weight:500;color:var(--ink);}
.ct-copt span{display:block;margin-top:4px;font-size:12.5px;font-weight:300;line-height:1.45;color:var(--muted);}
.ct-copt em{display:block;margin-top:6px;font-style:normal;font-size:12.5px;font-weight:500;color:var(--rose-600);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:980px){
  .cta-a-card{grid-template-columns:1fr;}
  .cta-a-right{border-left:none;border-top:1px solid rgba(255,255,255,.6);}
  .cta-b{grid-template-columns:1fr;}
  .cta-b-phonewrap{min-height:300px;}
  .cta-b-phone{position:relative;right:auto;top:auto;transform:none;margin:0 auto 30px;}
  .cta-f{grid-template-columns:1fr;gap:30px;}
  .cta-f-cluster{height:360px;}
  .ct-contact{grid-template-columns:1fr;}
  .cta-d h2{position:relative;left:0;top:0;padding:40px 30px 0;}
  .cta-d-foot{position:relative;right:0;bottom:0;padding:24px 30px 40px;max-width:none;}
  .cta-d{min-height:0;}
}
@media(max-width:680px){
  .wrap{padding:0 22px;}
  .ct-sec{padding:64px 0 72px;}
  .ct-vtag{padding:22px 22px 0;}
  .cta-a-left,.cta-b-left,.cta-c-content{padding:38px 28px;}
  .cta-a-feats{grid-template-columns:1fr;}
  .cta-c-blobs{opacity:.5;}
}
@media(prefers-reduced-motion:reduce){
  .cta-c-blob,.cta-d-grain{animation:none;}
}

/* eyebrows */
/* ============================================================
   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;}

/* inline 0 */

/* Before design begins — solid shapes + slow wireframe vector */
#bw-brief{position:relative;overflow:hidden;isolation:isolate;}
#bw-brief .wrap{position:relative;z-index:2;}
#bw-brief .bwb-art{position:absolute;inset:0;z-index:0;pointer-events:none;}
#bw-brief .bwb-sh{position:absolute;display:block;}
#bw-brief .s1{width:clamp(180px,17vw,280px);aspect-ratio:1;right:6%;top:9%;border-radius:50%;background:#FFE3EC;animation:bwbFloat 16s ease-in-out infinite alternate;}
#bw-brief .s2{width:clamp(120px,11vw,180px);aspect-ratio:1;right:21%;top:30%;border-radius:32px;background:#EFE6FF;transform:rotate(14deg);animation:bwbFloat2 19s ease-in-out infinite alternate;}
#bw-brief .s3{width:clamp(90px,8vw,130px);aspect-ratio:1;left:-2%;bottom:14%;border-radius:50% 50% 50% 8px;background:#FFD0DE;animation:bwbFloat 22s ease-in-out infinite alternate-reverse;}
#bw-brief .s4{width:clamp(220px,20vw,320px);height:clamp(70px,6vw,96px);left:38%;bottom:-3%;border-radius:999px;background:#F6F1EA;animation:bwbFloat2 24s ease-in-out infinite alternate;}
#bw-brief .bwb-vec{position:absolute;inset:0;width:100%;height:100%;opacity:.55;}
#bw-brief .bwb-wire{stroke-dasharray:900;stroke-dashoffset:900;animation:bwbDraw 9s ease-in-out infinite alternate;}
#bw-brief .bwb-flow{stroke-dasharray:6 10;animation:bwbFlow 30s linear infinite;opacity:.8;}
#bw-brief .bwb-flow.f2{animation-duration:40s;animation-direction:reverse;opacity:.5;}
#bw-brief .bwb-dot{animation:bwbPulse 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
#bw-brief .d2{animation-delay:1.2s;}#bw-brief .d3{animation-delay:2.4s;}
@keyframes bwbFloat{to{transform:translate3d(-18px,22px,0) scale(1.04);}}
@keyframes bwbFloat2{to{transform:translate3d(16px,-18px,0) rotate(22deg);}}
@keyframes bwbDraw{0%{stroke-dashoffset:900;}60%,100%{stroke-dashoffset:0;}}
@keyframes bwbFlow{to{stroke-dashoffset:-640;}}
@keyframes bwbPulse{0%,100%{opacity:.35;transform:scale(1);}50%{opacity:1;transform:scale(1.7);}}
@media(max-width:860px){#bw-brief .s2,#bw-brief .bwb-wire{display:none;}}
@media(prefers-reduced-motion:reduce){#bw-brief .bwb-art *{animation:none!important;stroke-dashoffset:0!important;}}

/* inline 1 */

#bw-services .msol-panel p + p,
#services .msol-panel p + p{margin-top:12px;}
#bw-services .bws-fit,
#services .bws-fit{margin-top:20px!important;padding-top:16px;border-top:1px solid rgba(12,12,20,.1);font-size:15px;color:#3A3D44;}
#bw-services .bws-fit b,
#services .bws-fit b,
#wdi-bwd-page .bws-fit b{color:#E0204F!important;font-weight:600;}
#bw-services .msol-h,
#services .msol-h{font-size:clamp(30px,3.9vw,56px)!important;font-weight:400!important;letter-spacing:-0.045em!important;line-height:1.06!important;}
#bw-services .msol-in,#bw-services .msol-top,
#services .msol-in,#services .msol-top{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box;}
@media(max-width:760px){
  #bw-services .msol-in,#bw-services .msol-top,
  #services .msol-in,#services .msol-top{padding-left:20px;padding-right:20px;}
}

/* Services hub Explore pill — single-line label + smaller arrow */
#wdi-bwd-page #services .mrs-pill,
#wdi-bwd-page .msol-panel .mrs-pill{
  display:inline-flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  margin-top:16px;
  padding:10px 16px;
  border-radius:999px;
  background:#0B0C0E;
  color:#fff;
  font-size:13px;
  font-weight:600;
  letter-spacing:-0.01em;
  text-decoration:none;
  line-height:1.2;
}
#wdi-bwd-page #services .mrs-pill span,
#wdi-bwd-page .msol-panel .mrs-pill span{
  display:inline-block;
  white-space:nowrap;
  width:auto!important;
  height:auto!important;
  line-height:1.2;
}
#wdi-bwd-page #services .mrs-pill svg,
#wdi-bwd-page .msol-panel .mrs-pill svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px;
  display:block;
}

/* inline 2 */

#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;}
#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;}

/* inline 3 */

#bw-own .wby-lead{margin-top:clamp(18px,1.8vw,24px);color:#5F636B;}
#bw-own .wby-lead+.wby-lead{margin-top:10px;}
#bw-own .bwo-legend{display:flex;flex-direction:column;gap:8px;margin-top:28px;font-size:11.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#9A9EA6;}
#bw-own .bwo-legend span:first-child{color:#F92F64;}
#bw-own .bwo-note{margin:clamp(40px,4.4vw,64px) 0 0;padding-top:28px;border-top:1px solid rgba(12,12,20,.1);max-width:72ch;font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:#5F636B;}

/* inline 4 */

.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){.lp-faq .fqa-grid{grid-template-columns:1fr;gap:24px;}}

/* inline 5 */

.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;text-align:left!important;place-items:unset!important;}
.mad-final .pp-cta-in{padding:0!important;margin:0!important;max-width:none!important;width:100%!important;position:relative;z-index:1;text-align:left!important;}
.mad-final .pp-cta-h{max-width:22ch;margin:0!important;text-align:left!important;}
.mad-final .pp-cta-p{max-width:60ch;margin:24px 0 0!important;text-align:left!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;justify-content:flex-start;gap:22px;}
#wdi-bwd-page .mad-final .pp-cta,#wdi-bwd-page .mad-final .pp-cta-in,#wdi-bwd-page .mad-final .pp-cta-h,#wdi-bwd-page .mad-final .pp-cta-p{text-align:left!important;}
#wdi-bwd-page .mad-final .pp-cta-p{margin:24px 0 0!important;}
#wdi-bwd-page .mad-final .pp-cta-actions{justify-content:flex-start!important;}
.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;}
.bwf{isolation:isolate;border-top:1px solid rgba(255,255,255,.06);}
.bwf .bwf-mq{position:absolute;inset:0;z-index:0;pointer-events:none;display:flex;flex-direction:column;justify-content:center;gap:clamp(10px,1.4vw,22px);
  -webkit-mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);}
.bwf .bwf-row{display:flex;width:max-content;white-space:nowrap;font-size:clamp(84px,10vw,168px);font-weight:500;letter-spacing:-0.05em;line-height:1;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.09);}
.bwf .bwf-row span{padding-right:.5em;}
.bwf .bwf-row i{font-style:normal;color:rgba(249,47,100,.35);-webkit-text-stroke:0;}
.bwf .r1{animation:bwfL 60s linear infinite;}
.bwf .r2{animation:bwfR 70s linear infinite;-webkit-text-stroke-color:rgba(162,75,255,.14);}
@keyframes bwfL{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes bwfR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.bwf .wrap{position:relative;z-index:1;}
.bwf .pp-cta-p+.pp-cta-p{margin-top:12px!important;}
@media(prefers-reduced-motion:reduce){.bwf .bwf-row{animation:none;}}

/* inline 6 */

#bw-process .wdi-eye{margin-bottom:clamp(18px,2.2vw,26px);}
#bw-process .pr-h{font-size:clamp(34px,5vw,76px)!important;letter-spacing:-0.05em!important;line-height:1.04!important;font-weight:400!important;}
#bw-process .prx-l{display:block;}
#bw-process .pra-left{min-width:0;}
#bw-process .prx-l{overflow:hidden;padding-bottom:.08em;}
#bw-process .prx-p{margin:22px 0 0;max-width:none;font-size:clamp(16px,1.25vw,18px);line-height:1.6;color:#5F636B;opacity:1!important;transform:none!important;}
#bw-process .prx-l i{display:inline-block;font-style:normal;opacity:1!important;transform:none!important;}
#bw-process.prx-ready .prx-l i{opacity:0!important;transform:translateY(105%) rotate(2deg)!important;transition:transform 1s cubic-bezier(.22,.61,.36,1),opacity .8s ease;}
#bw-process.prx-ready .prx-l:nth-child(2) i{transition-delay:.12s;}
#bw-process.prx-in .prx-l i{opacity:1!important;transform:none!important;}
/* seven-step stack: 6th joins the rose gradient, 7th is black and sits in front */
#bw-process .pra-card:nth-child(6){background:#3A0716!important;color:#fff;}
#bw-process .pra-card:nth-child(7){background:#0B0C0E!important;color:#fff;position:sticky;z-index:7;}
#bw-process .pra-card:nth-child(n+5) .pra-title,#bw-process .pra-card:nth-child(n+5) .pra-short,#bw-process .pra-card:nth-child(n+5) .pra-detail-body p{color:#fff;}
#bw-process .pra-card:nth-child(n+5) .pra-label,#bw-process .pra-card:nth-child(n+5) .pra-detail-label{color:rgba(255,255,255,.62);}
#bw-process .pra-card:nth-child(n+5) .pra-numchip{background:rgba(255,255,255,.12);color:#fff;}
#bw-process .pra-card:nth-child(n+5) .pra-toggle{border-color:rgba(255,255,255,.3);color:#fff;}


#wdi-bwd-page{font-family:var(--font-figtree),Figtree,system-ui,sans-serif;background:#fff;color:#0B0C0E;}
#wdi-bwd-page .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
:where(#wdi-bwd-page) svg{max-width:none;height:revert;}
#wdi-bwd-page .b2h{padding-top:clamp(72px,8vh,104px);}
#wdi-bwd-page :focus-visible{outline:2px solid #F92F64;outline-offset:3px;}
#wdi-bwd-page:focus{outline:none;}
@media(max-width:760px){#wdi-bwd-page .wrap{padding:0 20px;}}

/* device screens */
.bdv{position:absolute;filter:drop-shadow(0 1px 1px rgba(10,8,20,.30)) drop-shadow(0 10px 14px rgba(20,14,40,.18)) drop-shadow(10px 34px 40px rgba(40,24,80,.26));}
.bdv > img.fr{position:relative;z-index:3;display:block;width:100%;height:auto;pointer-events:none;user-select:none;}
.bdv > .scr{position:absolute;inset:0;z-index:1;overflow:hidden;}
.bdv > .scr > .ui{position:absolute;overflow:hidden;}
.bdv > .glass{inset:auto;}
.bdv > .glass{position:absolute;inset:0;z-index:4;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,.06) 18%,transparent 32%,transparent 70%,rgba(255,255,255,.05) 100%);}

.bdv-pad{left:5%;top:6%;width:82%;z-index:2;transform:rotate(-2deg);}
.bdv-pad > .scr > .ui,.bdv-pad > .glass{left:3.2%;top:4.2%;width:93.6%;height:91.6%;border-radius:2.4%/3.2%;}

.bdv-iph{right:-1%;top:34%;width:22.5%;z-index:4;transform:rotate(5deg);}
.bdv-iph > .scr > .ui,.bdv-iph > .glass{left:6.9%;top:3.4%;width:86.1%;height:93.2%;border-radius:13%/6.4%;}

.bdv-and{left:-2%;top:44%;width:24%;z-index:3;transform:rotate(-5deg);}
.bdv-and > .scr > .ui,.bdv-and > .glass{left:10.3%;top:4.4%;width:79.3%;height:91.3%;border-radius:9.5%/4.6%;}

.bdv-pad{animation:bpdA 9s ease-in-out infinite alternate;}
.bdv-iph{animation:bpdB 8s ease-in-out infinite alternate;}
.bdv-and{animation:bpdC 10s ease-in-out infinite alternate;}
@keyframes bpdA{to{translate:0 -6px;}}
@keyframes bpdB{to{translate:0 -10px;}}
@keyframes bpdC{to{translate:0 -5px;}}

/* ---------- screen UI (rendered, not images) ---------- */
.ui{position:absolute;inset:0;font-family:Figtree,system-ui,sans-serif;color:#0B0C0E;}
.ui b{font-weight:600;}
/* iPad — workflow board */
.ui-pad{display:grid;grid-template-columns:20% 1fr;font-size:clamp(5px,.62vw,9.5px);}
.ui-pad .side{background:#0B0C0E;color:#C9CBD1;padding:7% 9%;display:flex;flex-direction:column;gap:7%;}
.ui-pad .logo{display:flex;align-items:center;gap:6%;color:#fff;font-weight:700;font-size:1.25em;}
.ui-pad .logo i{width:1.5em;height:1.5em;border-radius:.4em;background:linear-gradient(135deg,#F92F64,#A24BFF);}
.ui-pad .nav{display:flex;flex-direction:column;gap:.5em;}
.ui-pad .nav span{padding:.55em .7em;border-radius:.5em;}
.ui-pad .nav .on{background:rgba(249,47,100,.16);color:#fff;}
.ui-pad .main{padding:4% 4.5%;display:flex;flex-direction:column;gap:4%;min-width:0;}
.ui-pad .top{display:flex;justify-content:space-between;align-items:center;}
.ui-pad .top h4{margin:0;font-size:1.7em;font-weight:600;letter-spacing:-.02em;}
.ui-pad .top em{font-style:normal;color:#6B6F77;}
.ui-pad .chip{padding:.45em .9em;border-radius:999px;background:#F92F64;color:#fff;font-weight:600;}
.ui-pad .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;}
.ui-pad .kpi{background:#fff;border-radius:.8em;padding:.9em 1em;box-shadow:0 1px 0 rgba(12,12,20,.05),0 4px 12px -6px rgba(12,12,20,.12);}
.ui-pad .kpi s{text-decoration:none;color:#6B6F77;display:block;}
.ui-pad .kpi b{display:block;font-size:1.9em;letter-spacing:-.02em;margin-top:.15em;}
.ui-pad .kpi u{text-decoration:none;color:#13A06B;font-weight:600;}
.ui-pad .flow{background:#fff;border-radius:.8em;padding:1em 1.1em;box-shadow:0 1px 0 rgba(12,12,20,.05),0 4px 12px -6px rgba(12,12,20,.12);flex:1;display:flex;flex-direction:column;gap:.8em;min-height:0;}
.ui-pad .flow h5{margin:0;font-size:1.15em;font-weight:600;display:flex;justify-content:space-between;}
.ui-pad .flow h5 em{font-style:normal;font-weight:400;color:#6B6F77;}
.ui-pad .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:2.5%;align-items:center;position:relative;}
.ui-pad .steps::before{content:"";position:absolute;left:8%;right:8%;top:1.05em;height:2px;background:linear-gradient(90deg,#F92F64 0 62%,#E4E5EA 62%);}
.ui-pad .st{position:relative;text-align:center;}
.ui-pad .st i{display:grid;place-items:center;margin:0 auto .45em;width:2.1em;height:2.1em;border-radius:50%;background:#fff;border:2px solid #E4E5EA;font-style:normal;font-weight:700;color:#9A9EA6;}
.ui-pad .st.done i{background:#F92F64;border-color:#F92F64;color:#fff;}
.ui-pad .st.now i{border-color:#F92F64;color:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.16);}
.ui-pad .rows{display:flex;flex-direction:column;gap:.45em;margin-top:.2em;}
.ui-pad .row{display:grid;grid-template-columns:1.6fr 1fr .9fr;gap:3%;align-items:center;padding:.55em .7em;border-radius:.55em;background:#F7F7F9;}
.ui-pad .row em{font-style:normal;color:#6B6F77;}
.ui-pad .tag{justify-self:end;padding:.25em .7em;border-radius:999px;font-weight:600;font-size:.92em;}
.ui-pad .t-ok{background:#E6F6EF;color:#13A06B;}.ui-pad .t-wait{background:#FFEFF4;color:#E0204F;}.ui-pad .t-auto{background:#F2ECFF;color:#7A2BC8;}
/* iPhone — approval */
.ui-iph{background:linear-gradient(180deg,#FFF5F8,#F6F6F8 46%);padding:22% 7% 8%;display:flex;flex-direction:column;gap:5%;font-size:clamp(4.5px,.56vw,8.5px);}
.ui-iph .sb{position:absolute;top:2.4%;left:9%;right:9%;display:flex;justify-content:space-between;font-weight:600;}
.ui-iph h4{margin:0;font-size:2.1em;font-weight:600;letter-spacing:-.03em;}
.ui-iph p{margin:0;color:#6B6F77;}
.ui-iph .card{background:#fff;border-radius:1.4em;padding:1.3em;box-shadow:0 8px 22px -12px rgba(40,20,60,.3);display:flex;flex-direction:column;gap:.7em;}
.ui-iph .card .k{display:flex;justify-content:space-between;align-items:center;}
.ui-iph .card .k span{padding:.3em .8em;border-radius:999px;background:#FFEFF4;color:#E0204F;font-weight:600;}
.ui-iph .card b.amt{font-size:2.2em;letter-spacing:-.03em;}
.ui-iph .who{display:flex;align-items:center;gap:.6em;color:#4A4E56;}
.ui-iph .who img{width:2.2em;height:2.2em;border-radius:50%;object-fit:cover;}
.ui-iph .bar{height:.5em;border-radius:999px;background:#EEEFF2;overflow:hidden;}
.ui-iph .bar i{display:block;height:100%;width:72%;background:linear-gradient(90deg,#F92F64,#A24BFF);}
.ui-iph .btns{display:grid;grid-template-columns:1fr 1fr;gap:.6em;}
.ui-iph .btns span{text-align:center;padding:.85em 0;border-radius:999px;font-weight:600;}
.ui-iph .btns .y{background:#F92F64;color:#fff;}.ui-iph .btns .n{background:#F1F1F4;}
.ui-iph .list{display:flex;flex-direction:column;gap:.55em;}
.ui-iph .li{display:flex;justify-content:space-between;background:#fff;border-radius:1em;padding:.9em 1em;}
.ui-iph .li em{font-style:normal;color:#13A06B;font-weight:600;}
/* Android — automation log */
.ui-and{background:#0E0F12;color:#E9EAEC;padding:20% 7% 8%;display:flex;flex-direction:column;gap:4.5%;font-size:clamp(4.2px,.5vw,8px);}
.ui-and .sb{position:absolute;top:2.2%;left:8%;right:8%;display:flex;justify-content:space-between;color:#C9CBD1;}
.ui-and h4{margin:0;font-size:2em;font-weight:600;letter-spacing:-.03em;}
.ui-and .ring{position:relative;width:62%;aspect-ratio:1;margin:2% auto;border-radius:50%;
  background:conic-gradient(#F92F64 0 78%,rgba(255,255,255,.08) 78% 100%);display:grid;place-items:center;}
.ui-and .ring::before{content:"";position:absolute;inset:11%;border-radius:50%;background:#0E0F12;}
.ui-and .ring b{position:relative;font-size:2.6em;letter-spacing:-.03em;}
.ui-and .ring s{position:absolute;bottom:20%;font-size:.72em;line-height:1.1;text-decoration:none;color:#9A9EA6;}
.ui-and .log{display:flex;flex-direction:column;gap:.55em;}
.ui-and .lg{display:flex;align-items:center;gap:.7em;padding:.85em 1em;border-radius:1em;background:#191A1E;}
.ui-and .lg i{width:.65em;height:.65em;border-radius:50%;background:#13A06B;flex:none;}
.ui-and .lg i.p{background:#F92F64;}
.ui-and .lg em{margin-left:auto;font-style:normal;color:#9A9EA6;}

@media(max-width:960px){
  .bph{min-height:0;}
  .bph-in{grid-template-columns:1fr;}
  .bph-stage{max-width:640px;margin:20px auto 0;}
  .bph-mouse{display:none;}
}
@media(prefers-reduced-motion:reduce){.bph-wash,.bph-lines .wv,.bdv-pad,.bdv-iph,.bdv-and,.bph-mouse::after{animation:none!important;}}

.bph-h .l{display:block;white-space:nowrap;}
.bph-p,.bph-note{max-width:62ch;}
@media(max-width:1180px){.bph-h .l{display:inline;white-space:normal;}}

/* phone screens: tighter so nothing clips at true scale */
.ui-iph{padding:20% 6.5% 6%;gap:4%;}
.ui-iph .card{padding:1.1em;gap:.55em;}
.ui-iph .list .li:last-child{display:none;}
.ui-and{padding:19% 6.5% 6%;gap:4%;}
.ui-and .log .lg:nth-child(n+3){display:none;}


/* process.css */
/* ============================================================
   WDI — Our Process · Sticky header + tall stacking gradient cards
   ============================================================ */
#wdi-bwd-page{
  --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;
}



.wrap{max-width:var(--maxw);margin:0 auto;padding:0 40px;}

/* shared header type */
.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);}
.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);}
.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;}
.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;}
.pr-sub{margin-top:18px;font-size:14.5px;line-height:1.6;font-weight:400;color:var(--muted);max-width:52ch;}
.pr-intro{margin-top:16px;font-size:14px;line-height:1.55;font-weight:400;color:var(--muted);max-width:52ch;font-style:italic;}

/* shared buttons + CTA */
.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;}
.pr-btn svg{width:16px;height:16px;transition:transform .25s;}
.pr-btn:hover{background:var(--rose-600);transform:translateY(-2px);box-shadow:0 14px 32px rgba(228,18,82,.28);}
.pr-btn:hover svg{transform:translateX(3px);}
.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;}
.pr-btn-ghost:hover{border-color:var(--rose-300);transform:translateY(-2px);}
.pr-header-cta{margin-top:36px;}
.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);}
.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));}
.pr-cta-h{font-size:clamp(20px,2vw,26px);font-weight:500;letter-spacing:-0.02em;color:var(--ink);text-wrap:balance;}
.pr-cta-p{margin-top:10px;font-size:15px;line-height:1.55;font-weight:300;color:var(--ink-2);max-width:62ch;}
.pr-cta-actions{display:flex;gap:12px;flex-wrap:wrap;flex:none;}

/* section */
.pra-sec{position:relative;padding:100px 0 160px;border-top:1px solid var(--line);background:var(--bg);}
.pra-grid{display:grid;grid-template-columns:0.72fr 1.28fr;gap:80px;align-items:start;}
.pra-left{position:sticky;top:90px;align-self:start;}
.pra-cards{display:flex;flex-direction:column;gap:24px;}

/* === the card === */
.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;
}
.pra-card:nth-child(1){top:90px; background:#FFFFFF; color:var(--ink); border:1px solid var(--line);}
.pra-card:nth-child(2){top:120px;background:#FFE9F0; color:var(--ink);}
.pra-card:nth-child(3){top:150px;background:#FFC2D2; color:var(--ink);}
.pra-card:nth-child(4){top:180px;background:#F92F64; color:#fff;}
.pra-card:nth-child(5){top:210px;background:#6B0820; color:#fff;}
.pra-card:nth-child(6){top:240px;background:#0B0C0E; color:#fff;}

/* top chrome — number left, toggle right */
.pra-top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;}
.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;
}
.pra-card:hover .pra-numchip{opacity:1;}
.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;
}
.pra-card:hover .pra-toggle{opacity:1;background:rgba(255,255,255,.06);}
.pra-card:nth-child(-n+3):hover .pra-toggle{background:rgba(0,0,0,.04);}
.pra-toggle svg{width:22px;height:22px;}
.pra-card.open .pra-toggle{transform:rotate(45deg);opacity:1;}

/* expand panel — slides into the blank space below the top chrome */
.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;
}
.pra-card.open .pra-detail{grid-template-rows:1fr;margin-top:40px;}
.pra-detail-inner{overflow:hidden;}
.pra-detail-body{max-width:60ch;}
.pra-detail-label{display:block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.6;margin-bottom:14px;}
.pra-detail-body p{font-size:16px;font-weight:400;line-height:1.6;opacity:.92;}
.pra-detail-body .aeo{margin-top:26px;padding-left:18px;border-left:3px solid var(--rose-500);}
.pra-card:nth-child(n+4) .pra-detail-body .aeo{border-left-color:var(--rose-300);}
.pra-detail-body .aeo p{font-size:14.5px;font-style:italic;opacity:.78;line-height:1.55;}

/* bottom content — title + short, pinned to bottom */
.pra-bottom{margin-top:auto;}
.pra-label{display:block;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:.55;margin-bottom:20px;}
.pra-title{
  font-size:clamp(34px,3.4vw,52px);
  font-weight:500;letter-spacing:-0.035em;line-height:1.02;
  text-wrap:balance;
}
.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;
}

/* responsive */
@media(max-width:1000px){
  .pra-grid{grid-template-columns:1fr;gap:40px;}
  .pra-left{position:relative;top:0;}
}
@media(max-width:760px){
  .wrap{padding:0 22px;}
  .pra-sec{padding:70px 0 100px;}
  .pra-card{padding:36px 32px;min-height:520px;border-radius:28px;}
  .pra-numchip{width:42px;height:42px;font-size:14px;}
  .pra-toggle{width:46px;height:46px;}
  .pra-toggle svg{width:18px;height:18px;}
  .pra-title{font-size:34px;}
  .pr-cta{padding:26px;gap:20px;}
  .pr-cta-actions{width:100%;}
  .pr-cta .pr-btn,.pr-btn-ghost{flex:1;justify-content:center;}
}
@media(prefers-reduced-motion:reduce){
  .pra-card,.pra-detail{transition:none;animation:none;}
}

/* ============================================================
   VARIANT TAG header (dev label)
   ============================================================ */
.pr-vtag{max-width:var(--maxw);margin:0 auto;padding:28px 40px 0;font-size:13.5px;color:var(--muted);}
.pr-vtag b{color:var(--ink);font-weight:500;}
.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;}

/* ============================================================
   VARIANT B — compact "How it works" + flip step cells
   ============================================================ */
.prc-sec{position:relative;padding:100px 0 140px;border-top:1px solid var(--line);background:var(--bg-2);}
.prc-grid{display:block;}
.prc-tag{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--ink-2);margin-bottom:24px;}
.prc-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rose-500);box-shadow:0 0 10px rgba(249,47,100,.5);}
.prc-body{min-width:0;}
.prc-h{font-size:clamp(36px,4vw,60px);line-height:1;font-weight:500;letter-spacing:-0.035em;color:var(--ink);text-wrap:balance;max-width:22ch;}
.prc-sub{margin-top:24px;font-size:clamp(15px,1.25vw,17.5px);line-height:1.55;font-weight:400;color:var(--ink-2);max-width:74ch;}

.prc-cells{margin-top:72px;display:grid;grid-template-columns:repeat(6,1fr);column-gap:32px;row-gap:60px;}
.prc-cell{position:relative;min-height:220px;perspective:1400px;}
.prc-flip{position:relative;width:100%;height:100%;min-height:220px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.prc-cell:hover .prc-flip,.prc-cell:focus-within .prc-flip{transform:rotateY(180deg);}
.prc-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;border-left:1px solid var(--line-2);padding-left:20px;}
.prc-back{transform:rotateY(180deg);padding-left:20px;border-left:1px solid var(--rose-300);}

.prc-num{font-size:clamp(48px,4.4vw,68px);font-weight:400;line-height:1;letter-spacing:-0.04em;color:#B89D5A;font-feature-settings:"tnum" 1;}
.prc-cell:nth-child(odd) .prc-num{color:var(--rose-600);}
.prc-cell:nth-child(even) .prc-num{color:var(--rose-500);}
.prc-title-s{margin-top:28px;font-size:18px;font-weight:500;letter-spacing:-0.02em;color:var(--ink);line-height:1.18;}
.prc-desc-s{margin-top:12px;font-size:13px;font-weight:400;line-height:1.5;color:var(--muted);}

.prc-back-label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--rose-600);margin-bottom:14px;}
.prc-back-text{font-size:13px;font-weight:400;line-height:1.5;color:var(--ink-2);}
.prc-back-aeo{margin-top:14px;font-size:12px;font-style:italic;color:var(--muted);padding-top:12px;border-top:1px solid var(--line);line-height:1.5;}

@media(max-width:1100px){
  .prc-cells{grid-template-columns:repeat(3,1fr);column-gap:28px;}
}
@media(max-width:760px){
  .prc-cells{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:480px){
  .prc-cells{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
  .prc-flip{transition:none;}
  .prc-cell:hover .prc-flip{transform:none;}
  .prc-back{display:none;}
}

/* ============================================================
   VARIANT C — Full-height step panels with photo on the right
   ============================================================ */
.prd-sec{position:relative;padding:100px 0 160px;border-top:1px solid var(--line);background:var(--bg-2);}
.prd-head{display:grid;grid-template-columns:0.85fr 1.15fr;gap:60px;align-items:end;margin-bottom:60px;max-width:var(--maxw);padding:0 40px;margin-left:auto;margin-right:auto;}
.prd-tag{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--ink-2);margin-bottom:22px;}
.prd-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--rose-500);box-shadow:0 0 10px rgba(249,47,100,.5);}
.prd-h{font-size:clamp(40px,4.6vw,68px);line-height:1;font-weight:500;letter-spacing:-0.035em;color:var(--ink);text-wrap:balance;max-width:22ch;}
.prd-sub{font-size:clamp(15px,1.25vw,17.5px);line-height:1.55;font-weight:400;color:var(--ink-2);max-width:62ch;}

.prd-stack{max-width:var(--maxw);margin:0 auto;padding:0 40px;display:flex;flex-direction:column;gap:28px;}
.prd-card{
  position:sticky;
  border-radius:36px;
  background:var(--bg);
  border:1px solid var(--line);
  box-shadow:0 30px 70px rgba(11,12,14,.08);
  overflow:visible;
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:min(86vh,820px);
}
.prd-card>*{position:relative;z-index:1;}
.prd-card:nth-child(1){top:60px;}
.prd-card:nth-child(2){top:88px;}
.prd-card:nth-child(3){top:116px;}
.prd-card:nth-child(4){top:144px;}
.prd-card:nth-child(5){top:172px;}
.prd-card:nth-child(6){top:200px;}

.prd-card.is-dark{background:#0E0F12;color:#fff;border-color:#1B1D22;}
.prd-card{position:sticky;z-index:1;}
@keyframes prdGlowSpin{to{transform:rotate(360deg);}}

/* Ambient pink + purple glow in the section BACKGROUND — only when AI card is on screen */
.prd-aura{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:0;
  transition:opacity 1.1s ease;
}
.prd-aura span{position:absolute;border-radius:50%;filter:blur(90px);}
.prd-aura .a{
  width:62vw;height:62vh;left:28%;top:20%;
  background:radial-gradient(circle,rgba(249,47,100,.45),transparent 72%);
  animation:prdGlowSpin 18s linear infinite;
}
.prd-aura .b{
  width:50vw;height:50vh;right:18%;bottom:14%;
  background:radial-gradient(circle,rgba(122,0,255,.50),transparent 72%);
  animation:prdGlowSpin 22s linear infinite reverse;
}
.prd-aura .c{
  width:40vw;height:40vh;left:8%;bottom:18%;
  background:radial-gradient(circle,rgba(253,59,111,.30),transparent 70%);
  animation:prdGlowSpin 26s linear infinite;
}
.prd-sec.show-aura .prd-aura{opacity:1;}
/* AI title — sub-second zap of pink + purple */
.prd-card.is-dark .prd-title.flash{
  background:linear-gradient(90deg,#FD3B6F,#7A00FF,#FD3B6F);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  animation:prdTitleZap .85s ease-out forwards;
}
@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);}
}
.prd-card.is-dark .prd-label{color:var(--rose-300);}
.prd-card.is-dark .prd-title{color:#fff;}
.prd-card.is-dark .prd-desc{color:rgba(255,255,255,.78);}
.prd-card.is-dark .prd-li{color:#fff;}
.prd-card.is-dark .prd-aeo{color:rgba(255,255,255,.7);border-left-color:var(--rose-300);}
.prd-card.is-dark .prd-cta{background:#fff;color:var(--ink);}
.prd-card.is-dark .prd-cta:hover{background:var(--rose-500);color:#fff;}

.prd-left{padding:60px 56px;display:flex;flex-direction:column;justify-content:center;}
.prd-label{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--rose-600);margin-bottom:24px;}
.prd-label .sep{margin:0 10px;color:var(--rose-300);}
.prd-title{font-size:clamp(40px,4.6vw,64px);font-weight:500;letter-spacing:-0.035em;line-height:1;color:var(--ink);text-wrap:balance;}
.prd-desc{margin-top:24px;font-size:clamp(16px,1.35vw,19px);line-height:1.5;font-weight:400;color:var(--ink-2);max-width:42ch;}
.prd-list{margin-top:32px;display:flex;flex-direction:column;gap:12px;}
.prd-li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:15px;font-weight:400;line-height:1.45;color:var(--ink);}
.prd-check{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;border:1px solid currentColor;color:var(--rose-600);opacity:.85;}
.prd-check svg{width:13px;height:13px;}
.prd-aeo{margin-top:26px;padding-left:18px;border-left:3px solid var(--rose-500);font-size:14px;font-style:italic;color:var(--muted);line-height:1.55;max-width:48ch;}
.prd-cta{margin-top:36px;display:inline-flex;width:fit-content;align-items:center;gap:9px;font-family:var(--font);font-size:15px;font-weight:500;color:#fff;background:var(--ink);border:none;border-radius:999px;padding:16px 26px;text-decoration:none;cursor:pointer;transition:transform .25s,background .25s,box-shadow .3s;}
.prd-cta svg{width:16px;height:16px;transition:transform .25s;}
.prd-cta:hover{background:var(--rose-600);transform:translateY(-2px);box-shadow:0 14px 32px rgba(228,18,82,.28);}
.prd-cta:hover svg{transform:translateX(3px);}

.prd-right{position:relative;background:#0c0d11;overflow:hidden;border-radius:0 36px 36px 0;}
.prd-right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.prd-right::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(11,12,14,.1),rgba(11,12,14,.45));pointer-events:none;}
.prd-right::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgba(0,0,0,0) 60%,rgba(0,0,0,.18) 100%);}

@media(max-width:1000px){
  .prd-head{grid-template-columns:1fr;gap:24px;padding:0 22px;}
  .prd-stack{padding:0 22px;}
  .prd-card{grid-template-columns:1fr;min-height:0;}
  .prd-right{min-height:340px;}
  .prd-left{padding:40px 32px;}
}
@media(max-width:760px){
  .prd-sec{padding:70px 0 100px;}
  .prd-left{padding:32px 24px;}
}
@media(prefers-reduced-motion:reduce){
  .prd-card{transition:none;}
}

#bw-process .pra-card:nth-child(7){top:270px;}

/* Process type — match the HTML override, after process.css */
#bw-process{font-family:var(--font-figtree),Figtree,system-ui,sans-serif;}
#bw-process .wrap{max-width:1360px;}
#bw-process .wdi-eye{margin-bottom:clamp(18px,2.2vw,26px);}
#bw-process .pr-h{
  font-family:var(--font-figtree),Figtree,system-ui,sans-serif!important;
  font-weight:400!important;
  letter-spacing:-0.045em!important;
  line-height:1.06!important;
  font-size:clamp(30px,3.9vw,56px)!important;
  text-wrap:balance;
  color:#0B0C0E;
}
#bw-process .pr-h .amp{color:#717680;}
#bw-process .pr-answer{
  margin:22px 0 0;
  max-width:none;
  font-size:clamp(16px,1.25vw,18px);
  font-weight:400;
  line-height:1.6;
  color:#5F636B;
}
#bw-process .pra-bottom{
  margin-top:auto;
  display:block;
  visibility:visible;
  opacity:1;
  position:relative;
  z-index:1;
}
#bw-process .pra-title{
  font-family:var(--font-figtree),Figtree,system-ui,sans-serif;
  font-size:clamp(34px,3.4vw,52px);
  font-weight:500;
  letter-spacing:-0.035em;
  line-height:1.02;
  color:inherit;
  opacity:1;
  visibility:visible;
}
#bw-process .pra-short{
  margin-top:22px;
  font-size:clamp(15px,1.25vw,17.5px);
  font-weight:400;
  line-height:1.5;
  color:inherit;
  opacity:.82;
  visibility:visible;
}
#bw-process .pra-label,#bw-process .pra-detail-label{
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
  color:inherit;
  opacity:.55;
  visibility:visible;
}
#bw-process .pra-card:nth-child(-n+3) .pra-title,
#bw-process .pra-card:nth-child(-n+3) .pra-short,
#bw-process .pra-card:nth-child(-n+3) .pra-label{color:#0B0C0E;}
#bw-process .pra-card:nth-child(4) .pra-title,
#bw-process .pra-card:nth-child(4) .pra-short,
#bw-process .pra-card:nth-child(4) .pra-label,
#bw-process .pra-card:nth-child(n+5) .pra-title,
#bw-process .pra-card:nth-child(n+5) .pra-short,
#bw-process .pra-card:nth-child(n+5) .pra-label{color:#fff;}
#bw-process .pra-card:nth-child(n+5) .pra-label{color:rgba(255,255,255,.62);}
@media(max-width:760px){
  #bw-process .pra-title{font-size:34px;}
}

/* Selected work — cards pin and the next one slides over */
#work #ppStack{position:relative;}
#work .pp-card{
  position:sticky;
  top:0;
  left:0;
  width:100%;
  transform:none;
  height:100vh;
  min-height:100vh;
  max-height:none;
  overflow:hidden;
  z-index:1;
  scroll-snap-align:none;
  scroll-snap-stop:normal;
}
@media(max-width:760px){
  #work .pp-card{position:relative;top:auto;height:auto;min-height:0;}
}
@media(prefers-reduced-motion:reduce){
  #work .pp-card{position:relative;height:auto;min-height:0;}
}