/* ==== hero-templates.css ==== */
/* ============================================================
   WDI — Hero Banner Templates (7 variants)
   Self-contained. WDI design system tokens.
   Each hero maps to a page + a brand-inspired style.
   ============================================================ */
:root{
  --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;--page:#F5F3F0;--line:#ECEDF0;--line-2:#E3E4E8;
  --font:"Google Sans Flex","Google Sans","Product Sans","Figtree",system-ui,-apple-system,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --maxw:1280px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{font-family:var(--font);background:#0d0e11;color:var(--ink);overflow-x:hidden;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}

/* ---------- gallery shell ---------- */
.hbv-tag{font-family:var(--font);font-size:13.5px;line-height:1.5;color:rgba(255,255,255,.62);background:#0d0e11;
  padding:22px clamp(20px,5vw,64px) 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.hbv-tag b{color:#fff;font-weight:600;}
.hbv-tag .pill{flex:none;font-size:11px;font-weight:700;letter-spacing:.06em;color:#fff;background:linear-gradient(120deg,var(--rose-500),var(--violet));padding:4px 11px;border-radius:999px;}
.hbv-tag .page{flex:none;font-size:11px;font-weight:600;letter-spacing:.04em;color:rgba(255,255,255,.8);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:4px 11px;border-radius:999px;}
.hbv-end{text-align:center;font-size:12.5px;letter-spacing:.04em;color:rgba(255,255,255,.4);padding:40px;}

/* ---------- shared hero shell ---------- */
.hb{position:relative;width:100%;overflow:hidden;isolation:isolate;}
.hb-wrap{position:relative;z-index:3;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(22px,5vw,56px);}
.hb-body{padding:clamp(56px,8vw,110px) 0 clamp(64px,9vw,120px);}

/* ---------- shared nav ---------- */
.hbnav{position:relative;z-index:5;}
.hbnav-in{max-width:var(--maxw);margin:0 auto;padding:22px clamp(22px,5vw,56px);display:flex;align-items:center;justify-content:space-between;gap:24px;}
.hbnav-brand{display:inline-flex;align-items:center;gap:10px;}
.hbnav-mark{width:28px;height:28px;display:block;}
.hbnav-name{font-size:17px;font-weight:700;letter-spacing:-0.02em;line-height:1;}
.hbnav-links{display:flex;align-items:center;gap:28px;}
.hbnav-links a{font-size:14.5px;font-weight:500;letter-spacing:-0.01em;opacity:.82;transition:opacity .25s;}
.hbnav-links a:hover{opacity:1;}
.hbnav-cta{display:flex;align-items:center;gap:11px;}
@media(max-width:860px){.hbnav-links{display:none;}}

/* buttons */
.hbtn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-size:14.5px;font-weight:600;
  letter-spacing:-0.01em;border-radius:999px;padding:12px 22px;cursor:pointer;border:1.5px solid transparent;
  white-space:nowrap;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s,color .3s,border-color .3s,box-shadow .3s;}
.hbtn svg{width:16px;height:16px;transition:transform .3s cubic-bezier(.2,.7,.2,1);}
.hbtn:hover svg{transform:translateX(3px);}
.hbtn-rose{background:var(--rose-500);color:#fff;box-shadow:0 14px 30px rgba(228,18,82,.28);}
.hbtn-rose:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(228,18,82,.4);}
.hbtn-ink{background:var(--ink);color:#fff;}
.hbtn-ink:hover{background:var(--rose-500);transform:translateY(-2px);box-shadow:0 16px 34px rgba(228,18,82,.32);}
.hbtn-lightline{background:#fff;color:var(--ink);border-color:var(--line-2);}
.hbtn-lightline:hover{border-color:var(--ink);transform:translateY(-2px);}
.hbtn-ghost-d{background:transparent;color:#fff;border-color:rgba(255,255,255,.3);}
.hbtn-ghost-d:hover{border-color:var(--rose-400);color:var(--rose-300);transform:translateY(-2px);}
.hbtn-white{background:#fff;color:var(--ink);}
.hbtn-white:hover{background:var(--rose-500);color:#fff;transform:translateY(-2px);box-shadow:0 16px 34px rgba(228,18,82,.34);}
.hbtn-lg{font-size:16px;padding:16px 30px;}
.hbtn-txt{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;letter-spacing:-0.01em;}

/* shared eyebrow */
.hb-eyebrow{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;}
.hb-eyebrow .d{width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--rose-500),var(--violet));box-shadow:0 0 12px rgba(249,47,100,.6);}
.hb-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:-0.01em;padding:8px 15px;border-radius:999px;}

/* reveal */
.hb-rise{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1);}
.hb.in .hb-rise{opacity:1;transform:none;}
.hb.in .hb-rise.d1{transition-delay:.08s;}
.hb.in .hb-rise.d2{transition-delay:.16s;}
.hb.in .hb-rise.d3{transition-delay:.24s;}
.hb.in .hb-rise.d4{transition-delay:.32s;}
.hb.in .hb-rise.d5{transition-delay:.40s;}
@media(prefers-reduced-motion:reduce){.hb-rise{opacity:1;transform:none;}}

/* ============================================================
   1 · IDEA → PRODUCT · Stripe-style (gradient swoosh + logo strip)
   ============================================================ */
.hb1{background:#fff;color:var(--ink);}
.hb1 .hbnav-name{color:var(--ink);}
.hb1-swoosh{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.hb1-swoosh::before{content:"";position:absolute;top:-40%;right:-12%;width:70%;height:190%;
  background:conic-gradient(from 210deg at 50% 50%,#FF8A3D,#F92F64,#A24BFF,#5B8CFF,#FF8A3D);
  filter:blur(46px);opacity:.9;
  clip-path:polygon(38% 0,100% 0,100% 100%,60% 100%);
  transform:rotate(-8deg);}
.hb1-swoosh::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,.4) 48%,transparent 62%);}
.hb1-in{max-width:600px;padding-top:clamp(30px,4vw,54px);}
.hb1-micro{font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-0.01em;margin-bottom:22px;}
.hb1-micro b{font-weight:700;font-feature-settings:"tnum" 1;}
.hb1-micro .s{color:var(--rose-600);}
.hb1-h{font-size:clamp(34px,4.6vw,60px);font-weight:600;letter-spacing:-0.035em;line-height:1.04;}
.hb1-h .mut{color:#5A6672;}
.hb1-sub{margin-top:22px;font-size:clamp(16px,1.4vw,19px);font-weight:300;line-height:1.55;color:var(--ink-2);max-width:52ch;}
.hb1-cta{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap;}
.hb1-logos{margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--line);padding-top:26px;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.hb1-logos-track{display:flex;align-items:center;gap:60px;width:max-content;animation:hbMarquee 34s linear infinite;}
.hb1-logos:hover .hb1-logos-track{animation-play-state:paused;}
@keyframes hbMarquee{to{transform:translateX(-50%);}}
.hb1-logo{flex:none;font-size:21px;font-weight:700;letter-spacing:-0.02em;color:#9199A3;white-space:nowrap;transition:color .3s;}
.hb1-logo:hover{color:var(--ink);}

/* ============================================================
   2 · MOBILE APP DEVELOPMENT · Acctual-style (centered + phone mockups)
   ============================================================ */
.hb2{background:var(--bg-2);color:var(--ink);}
.hb2 .hbnav-name{color:var(--ink);}
.hb2-deco{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.hb2-deco span{position:absolute;border-radius:30%;filter:blur(2px);opacity:.5;}
.hb2 .hb-body{text-align:center;padding-bottom:0;}
.hb2-badge{background:rgba(122,0,255,.08);color:var(--violet);border:1px solid rgba(122,0,255,.16);}
.hb2-h{margin-top:22px;font-size:clamp(36px,5.4vw,74px);font-weight:600;letter-spacing:-0.04em;line-height:1;max-width:16ch;margin-left:auto;margin-right:auto;}
.hb2-sub{margin:22px auto 0;font-size:clamp(16px,1.4vw,19px);font-weight:300;line-height:1.55;color:var(--ink-2);max-width:56ch;}
.hb2-cta{margin-top:30px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.hb2-chips{margin-top:26px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;}
.hb2-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink-2);
  background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 15px;}
.hb2-chip i{width:6px;height:6px;border-radius:50%;background:var(--rose-500);}
.hb2-stage{position:relative;z-index:3;margin-top:clamp(40px,5vw,64px);height:clamp(230px,26vw,330px);
  display:flex;align-items:flex-end;justify-content:center;gap:clamp(14px,2vw,26px);}
.hb2-phone{position:relative;width:clamp(140px,15vw,200px);aspect-ratio:9/19;border-radius:30px;
  background:#0B0C0E;padding:9px;box-shadow:0 40px 80px -30px rgba(11,12,14,.5),0 0 0 1px rgba(11,12,14,.08);
  transform:translateY(40px);}
.hb2-phone.mid{transform:translateY(0) scale(1.06);z-index:2;}
.hb2-phone.l{transform:translateY(56px) rotate(-6deg);}
.hb2-phone.r{transform:translateY(56px) rotate(6deg);}
.hb2-screen{width:100%;height:100%;border-radius:22px;overflow:hidden;position:relative;
  background:linear-gradient(170deg,#fff,#F4F5F7);}
.hb2-screen .bar{height:26px;display:flex;align-items:center;justify-content:center;}
.hb2-screen .bar::before{content:"";width:42px;height:6px;border-radius:6px;background:#0B0C0E;opacity:.85;}
.hb2-screen .hd{margin:6px 12px 0;height:60px;border-radius:12px;background:linear-gradient(120deg,var(--rose-500),var(--violet));}
.hb2-screen .rows{padding:10px 12px;display:flex;flex-direction:column;gap:7px;}
.hb2-screen .rows i{height:12px;border-radius:5px;background:#E7E9ED;}
.hb2-screen .rows i:nth-child(2){width:80%;}
.hb2-screen .rows i:nth-child(3){width:64%;}
.hb2-screen.alt .hd{background:linear-gradient(120deg,#2A6FDB,#7A00FF);}
.hb2-screen.alt2 .hd{background:linear-gradient(120deg,#1F8A5B,#2A6FDB);}

/* ============================================================
   3 · DIGITAL PRODUCT DEVELOPMENT · Apple keynote (centered + device)
   ============================================================ */
.hb3{background:linear-gradient(180deg,#fff,#F3F4F7);color:var(--ink);text-align:center;}
.hb3 .hbnav-name{color:var(--ink);}
.hb3-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:60%;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(249,47,100,.12),rgba(122,0,255,.08) 45%,transparent 70%);}
.hb3-h{font-size:clamp(38px,6vw,82px);font-weight:600;letter-spacing:-0.045em;line-height:1;max-width:15ch;margin:22px auto 0;}
.hb3-h .grad{background:linear-gradient(110deg,var(--rose-500),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hb3-sub{margin:24px auto 0;font-size:clamp(16px,1.5vw,20px);font-weight:300;line-height:1.5;color:var(--ink-2);max-width:52ch;}
.hb3-cta{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center;}
.hb3-stage{position:relative;z-index:3;margin-top:clamp(46px,5vw,72px);}
.hb3-browser{max-width:900px;margin:0 auto;border-radius:16px 16px 0 0;overflow:hidden;
  background:#fff;border:1px solid var(--line);border-bottom:none;
  box-shadow:0 50px 100px -40px rgba(11,12,14,.4);}
.hb3-browser .top{height:44px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid var(--line);background:var(--bg-2);}
.hb3-browser .top i{width:11px;height:11px;border-radius:50%;background:var(--line-2);}
.hb3-browser .top i:nth-child(1){background:#FF5F57;}
.hb3-browser .top i:nth-child(2){background:#FEBC2E;}
.hb3-browser .top i:nth-child(3){background:#28C840;}
.hb3-browser .top .url{margin-left:12px;height:22px;flex:1;max-width:280px;border-radius:6px;background:#fff;border:1px solid var(--line);}
.hb3-dash{display:grid;grid-template-columns:180px 1fr;min-height:230px;}
.hb3-dash .side{background:var(--bg-2);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:10px;}
.hb3-dash .side i{height:11px;border-radius:5px;background:#E7E9ED;}
.hb3-dash .side i:first-child{background:linear-gradient(90deg,var(--rose-500),var(--violet));width:70%;}
.hb3-dash .main{padding:20px;display:flex;flex-direction:column;gap:14px;text-align:left;}
.hb3-dash .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.hb3-dash .cards div{height:64px;border-radius:12px;background:var(--bg-2);border:1px solid var(--line);}
.hb3-dash .cards div:first-child{background:linear-gradient(150deg,rgba(249,47,100,.12),rgba(122,0,255,.1));border-color:transparent;}
.hb3-dash .chart{flex:1;border-radius:12px;background:var(--bg-2);border:1px solid var(--line);display:flex;align-items:flex-end;gap:8px;padding:16px;}
.hb3-dash .chart span{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(180deg,var(--rose-400),var(--violet-2));opacity:.85;}

/* ============================================================
   4 · BUSINESS PROCESS AUTOMATION · SpaceX-style (dark cinematic glow)
   ============================================================ */
.hb4{background:#08090B;color:#fff;text-align:center;}
.hb4 .hbnav-name{color:#fff;}
.hb4-grid{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;
  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:64px 64px;mask-image:radial-gradient(80% 70% at 50% 40%,#000,transparent 82%);-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000,transparent 82%);}
.hb4-glow{position:absolute;bottom:-30%;left:50%;transform:translateX(-50%);width:90%;height:80%;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(249,47,100,.32),rgba(122,0,255,.2) 42%,transparent 68%);filter:blur(20px);
  animation:hb4pulse 8s ease-in-out infinite alternate;}
@keyframes hb4pulse{from{opacity:.7;}to{opacity:1;transform:translateX(-50%) scale(1.06);}}
.hb4 .hb-eyebrow{color:var(--rose-300);}
.hb4-h{font-size:clamp(40px,6.6vw,92px);font-weight:600;letter-spacing:-0.045em;line-height:.98;margin:24px auto 0;max-width:15ch;
  background:linear-gradient(180deg,#fff 55%,rgba(255,255,255,.55));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hb4-sub{margin:26px auto 0;font-size:clamp(16px,1.5vw,20px);font-weight:300;line-height:1.55;color:rgba(255,255,255,.66);max-width:56ch;}
.hb4-cta{margin-top:34px;display:flex;gap:13px;justify-content:center;flex-wrap:wrap;}
.hb4-stats{margin-top:clamp(44px,5vw,66px);display:flex;justify-content:center;gap:clamp(28px,5vw,72px);flex-wrap:wrap;}
.hb4-stat b{display:block;font-size:clamp(26px,3vw,40px);font-weight:600;letter-spacing:-0.03em;color:#fff;font-feature-settings:"tnum" 1;}
.hb4-stat span{display:block;margin-top:6px;font-size:12.5px;font-weight:500;letter-spacing:.02em;color:rgba(255,255,255,.5);text-transform:uppercase;}

/* ============================================================
   5 · AI SOLUTIONS · Google Antigravity (light, colorful, playful)
   ============================================================ */
.hb5{background:#fff;color:var(--ink);text-align:center;}
.hb5 .hbnav-name{color:var(--ink);}
.hb5-blobs{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.hb5-blobs span{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(70px);opacity:.5;}
.hb5-blobs .a{top:-8%;left:6%;background:radial-gradient(circle,#FF8A3D,transparent 68%);}
.hb5-blobs .b{top:-4%;right:8%;background:radial-gradient(circle,#2A6FDB,transparent 68%);}
.hb5-blobs .c{bottom:-16%;left:36%;background:radial-gradient(circle,#F92F64,transparent 68%);}
.hb5-pill{background:#F3F4F6;color:var(--ink-2);border:1px solid var(--line);}
.hb5-h{margin-top:24px;font-size:clamp(38px,5.8vw,80px);font-weight:600;letter-spacing:-0.04em;line-height:1;max-width:16ch;margin-left:auto;margin-right:auto;}
.hb5-h .g{background:linear-gradient(100deg,#FF8A3D,#F92F64,#7A00FF,#2A6FDB);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 100%;animation:hb5flow 8s ease infinite;}
@keyframes hb5flow{0%,100%{background-position:0 50%;}50%{background-position:100% 50%;}}
.hb5-sub{margin:24px auto 0;font-size:clamp(16px,1.4vw,19px);font-weight:300;line-height:1.55;color:var(--ink-2);max-width:54ch;}
.hb5-cta{margin-top:30px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}
.hb5-orbit{margin-top:clamp(40px,5vw,60px);display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.hb5-orbit span{font-size:13px;font-weight:500;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;
  box-shadow:0 6px 18px rgba(11,12,14,.05);}

/* ============================================================
   6 · IDEA → PRODUCT (alt) · Shopify-style (huge type + mock cards)
   ============================================================ */
.hb6{background:#fff;color:var(--ink);text-align:center;}
.hb6 .hbnav-name{color:var(--ink);}
.hb6-top{display:flex;align-items:center;gap:8px;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.hb6-h{font-size:clamp(60px,13vw,190px);font-weight:700;letter-spacing:-0.06em;line-height:.86;color:var(--ink);margin:clamp(24px,4vw,50px) 0 0;}
.hb6-sub{margin:22px auto 0;font-size:clamp(15px,1.4vw,18px);font-weight:400;color:var(--ink-2);max-width:44ch;}
.hb6-cta{margin-top:26px;display:flex;justify-content:center;}
/* looping video conveyor — the WDI way (6 steps) */
.hb6-marq{margin-top:clamp(44px,5vw,68px);position:relative;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.hb6-marq-track{display:flex;gap:18px;width:max-content;animation:hb6move 42s linear infinite;}
.hb6-marq:hover .hb6-marq-track{animation-play-state:paused;}
@keyframes hb6move{from{transform:translateX(0);}to{transform:translateX(-50%);}}
.hb6-mcard{position:relative;flex:none;width:clamp(320px,42vw,540px);aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#0B0C0E;border:1px solid var(--line);}
.hb6-mcard video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hb6-mcard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,14,.12) 30%,rgba(11,12,14,.78));}
.hb6-mcard-lbl{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;text-align:left;color:#fff;}
.hb6-mcard-n{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;color:var(--rose-300);font-feature-settings:"tnum" 1;}
.hb6-mcard-n::before{content:"";width:22px;height:1.5px;background:var(--rose-400);}
.hb6-mcard-t{margin-top:9px;font-size:clamp(19px,2vw,27px);font-weight:600;letter-spacing:-0.025em;line-height:1.08;}
@media(prefers-reduced-motion:reduce){.hb6-marq-track{animation:none;flex-wrap:wrap;justify-content:center;}}
@media(max-width:760px){.hb6-mcard{width:78vw;}}

/* ============================================================
   7 · DIGITAL PRODUCT DEV (alt) · Orchid-style (editorial serif + ambient)
   ============================================================ */
.hb7{background:#F7F7F8;color:var(--ink);}
.hb7 .hbnav-name{color:var(--ink);}
.hb7-amb{position:absolute;top:0;right:0;width:58%;height:100%;z-index:1;pointer-events:none;overflow:hidden;}
.hb7-amb::before{content:"";position:absolute;inset:-20%;
  background:
    radial-gradient(40% 40% at 30% 30%,#FFB37A,transparent 70%),
    radial-gradient(46% 46% at 70% 40%,#7FA8FF,transparent 70%),
    radial-gradient(50% 50% at 55% 75%,#F98FB4,transparent 72%),
    radial-gradient(40% 40% at 82% 66%,#B98CFF,transparent 70%);
  filter:blur(60px);opacity:.9;}
.hb7-amb::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#F7F7F8 8%,rgba(247,247,248,.3) 40%,transparent 66%);}
.hb7 .hb-body{max-width:none;}
.hb7-in{max-width:600px;}
.hb7-h{font-family:var(--serif);font-weight:400;font-size:clamp(42px,6.2vw,86px);letter-spacing:-0.01em;line-height:1.0;color:var(--ink);}
.hb7-h em{font-style:italic;color:var(--rose-600);}
.hb7-sub{margin-top:24px;font-size:clamp(15px,1.3vw,18px);font-weight:300;line-height:1.6;color:var(--ink-2);max-width:44ch;}
.hb7-cta{margin-top:30px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;}

/* responsive */
@media(max-width:760px){
  .hb2-stage{height:auto;flex-wrap:wrap;gap:16px;}
  .hb2-phone,.hb2-phone.l,.hb2-phone.r,.hb2-phone.mid{transform:none;width:150px;}
  .hb2-phone.l,.hb2-phone.r{display:none;}
  .hb3-dash{grid-template-columns:1fr;}
  .hb3-dash .side{display:none;}
  .hbnav-cta .hbtn-ghost-d,.hbnav-cta .hbtn-lightline{display:none;}
}


/* ==== hero-v3.css ==== */
:root{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;
  --violet:#7A00FF;--violet-2:#A24BFF;
  --void:#000000;--bone:#ffffff;--ash:#9a9a9a;--silver:#bdbdbd;
  --font:"Figtree",system-ui,-apple-system,sans-serif;
  --maxw:1280px;
}
/* ===== HERO — V3 · Lab Bench (single-weight editorial, WDI) ===== */
.hb3{position:relative;width:100%;min-height:100svh;background:#0B0C0E;overflow:hidden;isolation:isolate;font-family:var(--font);display:flex;flex-direction:column;}
.hb3::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:60px 60px;mask-image:radial-gradient(90% 80% at 20% 30%,#000,transparent 84%);-webkit-mask-image:radial-gradient(90% 80% at 20% 30%,#000,transparent 84%);}
.hb3::after{content:"";position:absolute;bottom:-20%;right:-8%;width:60%;height:80%;z-index:0;pointer-events:none;border-radius:50%;
  background:radial-gradient(circle,rgba(249,47,100,.12),rgba(122,0,255,.07) 44%,transparent 70%);filter:blur(20px);animation:hb3aura 16s ease-in-out infinite;}
@keyframes hb3aura{0%,100%{transform:translate(0,0) scale(1);opacity:.85;}50%{transform:translate(-4%,-5%) scale(1.12);opacity:1;}}
.hb3-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;}
.hb3-nav{position:relative;z-index:20;}
.hb3-body{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;justify-content:center;
  max-width:var(--maxw,1280px);width:100%;margin:0 auto;padding:clamp(48px,7vw,90px) clamp(22px,5vw,56px) clamp(52px,7vw,90px);}
.hb3-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:clamp(30px,4vw,48px);
  opacity:0;transform:translateY(14px);animation:hb3rise .8s cubic-bezier(.2,.7,.2,1) .1s forwards;}
.hb3-count{font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.04em;color:#9AA0A8;
  border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 14px;}
.hb3-tag{display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#c9cbbe;}
.hb3-tag i{width:7px;height:7px;border-radius:50%;background:var(--rose-500);box-shadow:0 0 12px rgba(249,47,100,.8);}
.hb3-h{font-size:clamp(52px,10vw,132px);font-weight:400;letter-spacing:-0.045em;line-height:.96;color:#fff;
  opacity:0;transform:translateY(24px);animation:hb3rise 1s cubic-bezier(.2,.7,.2,1) .2s forwards;}
.hb3-rule{height:1px;width:100%;background:rgba(255,255,255,.14);margin:clamp(34px,5vw,60px) 0 clamp(30px,4vw,44px);
  transform:scaleX(0);transform-origin:left;animation:hb3rule 1.1s cubic-bezier(.4,0,.15,1) .5s forwards;}
.hb3-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;flex-wrap:wrap;}
.hb3-sub{max-width:520px;font-size:19px;font-weight:300;line-height:1.4;color:#9AA0A8;
  opacity:0;transform:translateY(16px);animation:hb3rise .9s cubic-bezier(.2,.7,.2,1) .62s forwards;}
.hb3-cta{display:flex;align-items:center;gap:16px;flex:none;
  opacity:0;transform:translateY(16px);animation:hb3rise .9s cubic-bezier(.2,.7,.2,1) .74s forwards;}
.hb3-ghost{font-family:var(--font);font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#fff;
  border:1px solid rgba(255,255,255,.28);border-radius:8px;padding:14px 20px;transition:border-color .25s,background .25s;}
.hb3-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06);}
.hb3-arrow{width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:8px;background:var(--rose-500);color:#fff;
  transition:transform .25s,box-shadow .25s,background .25s;}
.hb3-arrow svg{width:20px;height:20px;transition:transform .25s;}
.hb3-arrow:hover{transform:translateY(-2px);background:var(--rose-600);box-shadow:0 16px 34px rgba(249,47,100,.4);}
.hb3-arrow:hover svg{transform:translateX(3px);}
.hb3-meta{margin-top:clamp(40px,5vw,64px);font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.12em;color:#6a6b6c;
  opacity:0;animation:hb3fade 1s ease .9s forwards;}
@keyframes hb3rise{to{opacity:1;transform:none;}}
@keyframes hb3rule{to{transform:scaleX(1);}}
@keyframes hb3fade{to{opacity:1;}}
@media(prefers-reduced-motion:reduce){.hb3-top,.hb3-h,.hb3-sub,.hb3-cta,.hb3-meta{animation:none;opacity:1;transform:none;}.hb3-rule{animation:none;transform:none;}}
/* ============================================================
   V10-V13 — reference-matched hero variants (WDI palette)
   ============================================================ */
:root{--ink:#0B0C0E;--ink-2:#41454C;--muted:#717680;--line:#ECEDF0;--line-2:#E3E4E8;--cream:#F5F4EF;}

/* ==== bpa-hero.css ==== */
/* ============================================================
   Business Process Automation — hero (iridescent wash + device trio)
   ============================================================ */
.bph{position:relative;overflow:hidden;isolation:isolate;background:#FBFAFD;color:#0B0C0E;
  padding:clamp(120px,13vh,168px) 0 clamp(72px,9vh,112px);min-height:min(100vh,980px);box-sizing:border-box;display:flex;align-items:center;}
.bph-wash{position:absolute;inset:-10% -6%;z-index:-2;pointer-events:none;
  background:
    radial-gradient(34% 40% at 64% 10%,rgba(162,75,255,.30),transparent 70%),
    radial-gradient(30% 36% at 82% 6%,rgba(249,47,100,.30),transparent 70%),
    radial-gradient(28% 34% at 96% 30%,rgba(255,170,205,.38),transparent 72%),
    radial-gradient(30% 32% at 52% 22%,rgba(120,150,255,.22),transparent 72%),
    radial-gradient(30% 32% at 74% 86%,rgba(150,170,255,.22),transparent 72%),
    radial-gradient(34% 36% at 8% 88%,rgba(150,200,255,.24),transparent 72%),
    radial-gradient(26% 30% at 2% 60%,rgba(162,75,255,.10),transparent 72%);
  filter:saturate(1.05);animation:bphWash 22s ease-in-out infinite alternate;}
@keyframes bphWash{0%{transform:translate3d(0,0,0) scale(1);}100%{transform:translate3d(-2%,1.5%,0) scale(1.05);}}
.bph-lines{position:absolute;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%;opacity:.9;}
.bph-lines path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke;}
.bph-lines .wv{stroke:url(#bphLg);opacity:.55;animation:bphDrift 16s ease-in-out infinite alternate;}
.bph-lines .wv:nth-child(odd){animation-duration:19s;}
@keyframes bphDrift{0%{transform:translate3d(0,0,0);}100%{transform:translate3d(14px,-10px,0);}}

.bph .wrap{position:relative;width:100%;}
.bph-in{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:clamp(24px,3vw,56px);align-items:center;}
.bph-copy{max-width:820px;position:relative;z-index:2;}
.bph-eye{margin-bottom:clamp(18px,2.2vw,24px);}
.bph-h{margin:0;font-size:clamp(34px,3.35vw,54px);font-weight:600;letter-spacing:-0.045em;line-height:1.03;color:#0B0C0E;text-wrap:balance;}
.bph-h .g{background:linear-gradient(90deg,#F92F64,#A24BFF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.bph-lead{margin:clamp(18px,2vw,24px) 0 0;font-size:clamp(17px,1.35vw,20px);line-height:1.5;font-weight:400;color:#24262B;text-wrap:pretty;}
.bph-p{margin:14px 0 0;font-size:15px;line-height:1.65;font-weight:300;color:#4A4E56;text-wrap:pretty;max-width:58ch;}
.bph-actions{margin-top:clamp(26px,3vw,34px);display:flex;flex-direction:column;align-items:flex-start;gap:14px;}
.bph-cta{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;background:#F92F64;color:#fff;
  font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 12px 30px -12px rgba(249,47,100,.7);
  transition:background .3s,color .3s,box-shadow .3s,transform .3s;}
.bph-cta svg{width:16px;height:16px;transition:transform .3s;}
.bph-cta:hover{background:#fff;color:#F92F64;box-shadow:inset 0 0 0 1.5px #F92F64;}
.bph-cta:hover svg{transform:translateX(3px);}
.bph-cta:focus-visible{outline:2px solid #F92F64;outline-offset:4px;}
.bph-note{margin:0;max-width:52ch;font-size:13.5px;line-height:1.55;color:#6B6F77;}

.bph-mouse{position:absolute;left:50%;bottom:clamp(18px,3vh,34px);transform:translateX(-50%);width:24px;height:38px;border-radius:14px;
  border:2px solid rgba(162,75,255,.6);z-index:2;}
.bph-mouse::after{content:"";position:absolute;left:50%;top:7px;width:3px;height:8px;border-radius:3px;background:#A24BFF;transform:translateX(-50%);animation:bphWheel 1.8s ease-in-out infinite;}
@keyframes bphWheel{0%{opacity:0;transform:translate(-50%,0);}30%{opacity:1;}100%{opacity:0;transform:translate(-50%,10px);}}

/* ---------- device stage — real device photography frames ---------- */
.bph-stage{position:relative;aspect-ratio:1.24/1;width:100%;}
.bph-stage::before{content:"";position:absolute;left:14%;right:2%;top:16%;bottom:4%;border-radius:50%;z-index:0;
  background:radial-gradient(closest-side,rgba(162,75,255,.18),transparent);filter:blur(34px);}
/* frame PNGs are 1:1 product renders; widths keep true relative size
   (iPad Pro 13" 281.6mm · iPhone 17 Pro 71.9mm · Pixel 9 Pro 72mm) */
.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:30%;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;}

/* ============================================================
   rev3 — bigger devices, glass copy panel, live workflow network,
   pointer parallax
   ============================================================ */
.bph-in{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr)!important;gap:clamp(28px,3.4vw,60px)!important;}
.bph-h{font-size:clamp(34px,3.5vw,54px)!important;line-height:1.02!important;}
.bph-h .l{display:block;white-space:nowrap;}
/* glass copy panel — keeps every line readable over the wash */
.bph-glass{max-width:620px!important;padding:clamp(28px,2.8vw,42px) clamp(26px,2.8vw,42px) clamp(26px,2.6vw,38px);
  border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.78),rgba(255,255,255,.58));
  -webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);
  border:1px solid rgba(255,255,255,.85);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(20,14,40,.05),0 24px 60px -28px rgba(60,30,110,.30);}
.bph-lead{color:#17181C!important;font-weight:450;}
.bph-p{color:#34373D!important;font-weight:400!important;font-size:15.5px!important;}
.bph-note{color:#4A4E56!important;}
.bph-lines{opacity:.55;}

/* stage bleeds slightly right and grows */
.bph-stage{aspect-ratio:1.12/1!important;margin-right:calc(-1 * clamp(16px,3vw,56px));
  --px:0;--py:0;}
.bdv-pad{left:1%!important;top:10%!important;width:88%!important;
  transform:translate3d(calc(var(--px) * -10px),calc(var(--py) * -8px),0) rotate(-2deg)!important;}
.bdv-iph{right:-3%!important;top:29%!important;width:27.5%!important;
  transform:translate3d(calc(var(--px) * -22px),calc(var(--py) * -16px),0) rotate(5deg)!important;}
.bdv-and{left:-5%!important;top:41%!important;width:28.5%!important;
  transform:translate3d(calc(var(--px) * -18px),calc(var(--py) * -14px),0) rotate(-5deg)!important;}
/* larger type on the bigger screens */
.ui-pad{font-size:clamp(5.5px,.7vw,10.5px)!important;}
.ui-iph{font-size:clamp(5px,.64vw,9.5px)!important;}
.ui-and{font-size:clamp(4.8px,.6vw,9px)!important;}

/* live workflow network */
.bph-net{position:absolute;inset:-6% -8% -4% -4%;width:112%;height:110%;z-index:0;pointer-events:none;
  transform:translate3d(calc(var(--px) * 8px),calc(var(--py) * 6px),0);}
.bph-net .nb path{stroke:rgba(122,43,200,.14);stroke-width:1.1;}
.bph-net .nf use{stroke:url(#bphNg);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:70 900;stroke-dashoffset:970;animation:bphFlow 9s linear infinite;}
.bph-net .nf use.d2{animation-duration:11s;animation-delay:-4s;}
.bph-net .nf use.d3{animation-duration:13s;animation-delay:-7s;}
@keyframes bphFlow{to{stroke-dashoffset:0;}}
.bph-net .nn circle{fill:#fff;stroke:rgba(249,47,100,.55);stroke-width:1.4;}
.bph-net .nn .hub{fill:#F92F64;stroke:none;}
.bph-net .nr{fill:none;stroke:#F92F64;stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:bphRing 3.4s ease-out infinite;}
@keyframes bphRing{0%{opacity:.7;transform:scale(1);}100%{opacity:0;transform:scale(5);}}

/* live status toasts */
.bph-toast{position:absolute;z-index:6;display:flex;align-items:center;gap:11px;padding:11px 15px 11px 12px;border-radius:16px;
  background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);
  border:1px solid rgba(255,255,255,.9);box-shadow:0 1px 2px rgba(20,14,40,.06),0 18px 40px -18px rgba(40,24,80,.38);
  font-size:12.5px;line-height:1.3;color:#0B0C0E;white-space:nowrap;}
.bph-toast b{display:block;font-weight:600;}
.bph-toast span{display:block;color:#5F636B;font-size:11.5px;margin-top:2px;}
.bph-toast i{flex:none;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;}
.bph-toast i.ok{background:#E6F6EF;}
.bph-toast i.ok::after{content:"";width:9px;height:5px;border:2px solid #13A06B;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px);}
.bph-toast i.pk{background:#FFEFF4;}
.bph-toast i.pk::after{content:"!";font:700 13px/1 Figtree,sans-serif;color:#E0204F;}
.bph-toast.t1{right:6%;top:2%;animation:bphToast 1s cubic-bezier(.2,.7,.2,1) .9s both,bphBob 7s ease-in-out 2s infinite alternate;
  transform:translate3d(calc(var(--px) * -28px),calc(var(--py) * -20px),0);}
.bph-toast.t2{left:14%;bottom:1%;animation:bphToast 1s cubic-bezier(.2,.7,.2,1) 1.5s both,bphBob 8s ease-in-out 2.6s infinite alternate;
  transform:translate3d(calc(var(--px) * -26px),calc(var(--py) * -18px),0);}
@keyframes bphToast{from{opacity:0;translate:0 14px;}to{opacity:1;translate:0 0;}}
@keyframes bphBob{from{translate:0 0;}to{translate:0 -8px;}}

@media(max-width:1180px){.bph-h .l{display:inline;white-space:normal;}}
@media(max-width:960px){
  .bph-stage{margin-right:0;}
  .bph-toast{display:none;}
  .bph-glass{max-width:none!important;}
}
@media(prefers-reduced-motion:reduce){.bph-net .nf{display:none;}.bph-net .nr,.bph-toast{animation:none!important;}}

/* toasts: no entrance dependency — always visible, gentle bob only */
.bph-toast.t1{animation:bphBob 7s ease-in-out infinite alternate!important;opacity:1!important;right:2%;top:-2%;}
.bph-toast.t2{animation:bphBob 8s ease-in-out -3s infinite alternate!important;opacity:1!important;left:18%;bottom:-1%;}
.ui-and .ring s{display:none;}
.bph{padding-top:clamp(104px,11vh,140px)!important;padding-bottom:clamp(56px,7vh,88px)!important;}
.bph-p{font-size:15px!important;line-height:1.62!important;}
.bph-lead{font-size:clamp(16.5px,1.25vw,19px)!important;}


/* ==== abo-hero.css ==== */
/* Automate Business Operations — hero in the Portfolio Showcase V2 language
   palette: white · ink · rose → violet only */
body{margin:0;font-family:'Figtree',system-ui,sans-serif;background:#fff;-webkit-font-smoothing:antialiased;}
.abo{position:relative;overflow:hidden;isolation:isolate;background:#fff!important;}
.abo .bph-wash{display:none!important;}
.abo .wrap{max-width:1360px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.abo .bph-in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)!important;align-items:center;
  gap:clamp(32px,4vw,72px)!important;padding-top:clamp(56px,6vw,96px)!important;padding-bottom:clamp(64px,6vw,104px)!important;min-height:min(calc(100vh - 110px),860px);}
/* background: soft aura + faint engineering grid, as on Portfolio V2 */
.abo-bg{position:absolute;inset:0;z-index:0;pointer-events:none;}
.abo-aura{position:absolute;border-radius:50%;filter:blur(80px);}
.abo .a1{width:52vw;height:52vw;right:-12vw;top:-18vw;background:radial-gradient(circle,rgba(249,47,100,.16),transparent 66%);animation:aboDrift 24s ease-in-out infinite alternate;}
.abo .a2{width:40vw;height:40vw;right:14vw;bottom:-22vw;background:radial-gradient(circle,rgba(162,75,255,.12),transparent 66%);animation:aboDrift 30s ease-in-out infinite alternate-reverse;}
.abo-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(12,12,20,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(12,12,20,.045) 1px,transparent 1px);
  background-size:64px 64px;-webkit-mask:radial-gradient(70% 80% at 72% 45%,#000,transparent 78%);mask:radial-gradient(70% 80% at 72% 45%,#000,transparent 78%);}
@keyframes aboDrift{to{transform:translate3d(-3vw,2vw,0) scale(1.06);}}
/* copy — open, editorial, no card */
.abo .abo-copy{background:none!important;box-shadow:none!important;padding:0!important;max-width:600px;}
.abo .abo-copy::after{display:none;}
.abo .bph-eye{display:inline-flex;align-items:center;gap:12px;font-family:'Figtree',system-ui,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#E0204F;}
.abo .bph-eye::before{content:"";width:30px;height:1px;background:linear-gradient(90deg,transparent,#FF6B93);box-shadow:none;border-radius:0;}
.abo .bph-h{margin:24px 0 0;font-size:clamp(40px,4.3vw,66px)!important;font-weight:600!important;letter-spacing:-0.05em!important;line-height:.98!important;color:#0B0C0E;}
.abo .bph-h .l{display:block;}
.abo .bph-h .g{background:linear-gradient(120deg,#E0204F,#A24BFF)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;}
.abo .bph-lead{margin:28px 0 0;font-size:clamp(17px,1.4vw,20px)!important;font-weight:400;line-height:1.5;letter-spacing:-0.01em;color:#0B0C0E;max-width:34em;}
.abo .bph-p{margin:16px 0 0;font-size:15.5px!important;font-weight:300;line-height:1.65;color:#3A3D44;max-width:38em;}
.abo .bph-p + .bph-p{padding-left:16px;border-left:2px solid #F92F64;color:#0B0C0E;font-weight:400;}
.abo .bph-actions{margin-top:34px;padding-top:28px;border-top:1px solid rgba(12,12,20,.1);display:flex;flex-direction:column;align-items:flex-start;gap:14px;}
.abo .bph-cta{display:inline-flex;align-items:center;gap:12px;padding:16px 26px;border-radius:999px;background:#F92F64;color:#fff;font-size:15px;font-weight:600;text-decoration:none;
  box-shadow:0 14px 30px -12px rgba(249,47,100,.55);transition:background .3s,color .3s,transform .3s,box-shadow .3s;}
.abo .bph-cta:hover{background:#fff;color:#F92F64;box-shadow:inset 0 0 0 1.5px #F92F64,0 14px 30px -14px rgba(249,47,100,.4);transform:translateY(-2px);}
.abo .bph-note{margin:0;font-size:13.5px!important;line-height:1.6;color:#5F636B;max-width:44em;}
/* devices — the real frame renders, grounded on white */
.abo .bph-stage{z-index:2;margin-right:calc(-1 * clamp(16px,3vw,48px));}
.abo .bdv{filter:drop-shadow(0 1px 1px rgba(10,8,20,.22)) drop-shadow(0 18px 24px rgba(20,14,40,.14)) drop-shadow(0 46px 60px rgba(40,24,80,.20))!important;}
.abo .bph-toast{background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(12,12,20,.07)!important;
  box-shadow:0 18px 40px -18px rgba(12,12,20,.3)!important;}
@media(max-width:1060px){.abo .bph-in{grid-template-columns:1fr!important;min-height:0;}.abo .bph-copy{max-width:640px!important;}.abo .bph-stage{margin:0 auto!important;max-width:720px!important;width:100%!important;}}
@media(max-width:760px){.abo .wrap{padding:0 20px;}}
@media(prefers-reduced-motion:reduce){.abo-aura{animation:none!important;}}


/* ==== aiml-hero.css ==== */
/* AI/ML Solutions hero — reuses the automation hero; copy-specific additions */
.aim .aim-h{max-width:15ch;font-size:clamp(38px,4.3vw,64px)!important;line-height:1.02!important;}
.aim .aim-h .g{display:inline;}
.aim-ticks{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;max-width:620px;}
.aim-ticks li{display:flex;align-items:flex-start;gap:10px;font-size:14.5px;line-height:1.45;font-weight:500;color:#0B0C0E;}
.aim-ticks i{flex:none;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(135deg,#F92F64,#A24BFF);margin-top:1px;}
.aim .bph-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.aim-cta2{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:99px;border:1px solid rgba(11,12,14,.18);background:rgba(255,255,255,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#0B0C0E;text-decoration:none;font-size:15px;font-weight:600;transition:border-color .3s,color .3s,background .3s;}
.aim-cta2:hover{border-color:#F92F64;color:#F92F64;background:#fff;}
.aim .aim-ans{font-size:15px!important;line-height:1.35!important;font-weight:600!important;letter-spacing:-0.01em;}
@media(max-width:700px){.aim-ticks{grid-template-columns:1fr;}}

/* fit: shorter headline block, less top air, answer sized for the phone */
.aim .aim-h{max-width:19ch!important;font-size:clamp(34px,3.5vw,54px)!important;}
.aim .bph-in{padding-top:clamp(28px,4vh,56px)!important;}
.aim .bph-eye{margin-bottom:18px;}
.aim .aim-ans{font-size:12px!important;line-height:1.3!important;}
.aim .bph-lead{font-size:clamp(16px,1.25vw,18.5px)!important;}

.aim .bph-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;grid-template-columns:none!important;text-align:left!important;}
.aim .bph-actions > *{margin:0!important;width:auto!important;}


/* ==== aiml-hero3.css ==== */
/* AI/ML Solutions — centred hero with product window + floating cards (after reference) */
.aix{position:relative;overflow:hidden;background:#fff;color:#0B0C0E;font-family:'Figtree',system-ui,sans-serif;padding:clamp(64px,8vh,104px) 0 clamp(72px,9vh,120px);}
.aix .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.aix-top{text-align:center;display:flex;flex-direction:column;align-items:center;}
.aix-eye{display:inline-flex;align-items:center;gap:9px;padding:6px 14px 6px 7px;border-radius:99px;background:#FDECF1;
  font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#E0204F;}
.aix-eye i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#F92F64;color:#fff;}
.aix-eye i svg{width:11px;height:11px;}
.aix-h{margin:26px 0 0;max-width:20ch;font-size:clamp(38px,4.6vw,72px);font-weight:400;line-height:1.06;letter-spacing:-0.045em;text-wrap:balance;}
.aix-h .g{color:#F92F64;}
.aix-lead{margin:28px 0 0;max-width:68ch;font-size:clamp(16px,1.25vw,18.5px);line-height:1.6;color:#5F636B;}
.aix-p{margin:12px 0 0;max-width:66ch;font-size:clamp(15px,1.1vw,16.5px);line-height:1.6;color:#8A8E96;}
.aix-ticks{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;}
.aix-ticks li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 9px;border-radius:99px;background:#F5F5F7;font-size:14px;font-weight:500;}
.aix-ticks i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:#F92F64;}
/* ---------- stage ---------- */
.aix-stage{position:relative;max-width:1280px;margin:clamp(48px,6vh,72px) auto 0;padding:0 40px;box-sizing:border-box;height:clamp(560px,52vw,720px);}
.aix-actions{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);z-index:6;display:flex;gap:12px;}
.aix-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 28px;border-radius:99px;background:#F92F64;color:#fff;text-decoration:none;font-size:16.5px;font-weight:600;
  box-shadow:0 14px 30px rgba(249,47,100,.32);transition:background .3s,color .3s,transform .3s;}
.aix-cta i{display:grid;place-items:center;}
.aix-cta i svg{width:15px;height:15px;}
.aix-cta:hover{background:#fff;color:#F92F64;transform:translateY(-2px);}
.aix-cta2{display:inline-flex;align-items:center;padding:16px 26px;border-radius:99px;background:#fff;border:1px solid rgba(11,12,14,.14);color:#0B0C0E;text-decoration:none;font-size:16.5px;font-weight:600;
  box-shadow:0 10px 24px rgba(0,0,0,.06);transition:border-color .3s,color .3s;}
.aix-cta2:hover{border-color:#F92F64;color:#F92F64;}
/* product window */
.aix-win{position:absolute;left:50%;top:0;transform:translateX(-50%);width:min(760px,62%);z-index:3;border-radius:22px;background:#fff;padding:14px 14px 0;
  box-shadow:0 0 0 1px rgba(11,12,14,.06),0 30px 70px rgba(20,14,40,.14);}
.aix-canvas{border-radius:14px;background:#F2F2F4;padding:clamp(22px,3vw,40px);}
.aix-slide{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);}
.sl-l{position:relative;padding:clamp(18px,2.4vw,32px);display:flex;flex-direction:column;}
.sl-k{font-size:10.5px;font-weight:600;color:#8A8E96;}
.sl-t{display:block;margin-top:10px;font-size:clamp(17px,1.7vw,24px);font-weight:600;line-height:1.15;letter-spacing:-0.03em;color:#3A0A18;}
.sl-q{display:flex;align-items:center;gap:8px;margin-top:12px;}
.sl-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:99px;background:#FDECF1;color:#E0204F;font-size:10px;font-weight:600;}
.sl-chip svg{width:9px;height:9px;}
.sl-src{font-size:10px;color:#15A36A;font-weight:600;}
.sl-type{margin-top:10px;min-height:32px;font-size:11px;line-height:1.45;color:#5F636B;}
.caret{display:inline-block;width:5px;height:11px;margin-left:2px;vertical-align:-1px;background:#F92F64;border-radius:1px;animation:aixBlink 1s steps(1) infinite;}
@keyframes aixBlink{50%{opacity:0;}}
.sl-tool{margin-top:auto;display:inline-flex;align-self:flex-start;align-items:center;gap:7px;padding:7px 10px;border-radius:10px;background:#fff;font-size:11px;font-weight:600;box-shadow:0 2px 10px rgba(0,0,0,.1);}
.sl-tool .ti{width:16px;height:16px;border-radius:50%;display:grid;place-items:center;border:1px solid #0B0C0E;}
.sl-tool .ti svg{width:8px;height:8px;}
.sl-tool .sep{width:1px;height:12px;background:#ddd;}
.sl-tool .tg{width:26px;height:15px;border-radius:99px;background:linear-gradient(90deg,#F92F64 50%,#0B0C0E 50%);position:relative;}
.sl-tool .tg i{position:absolute;right:2px;top:2px;width:11px;height:11px;border-radius:50%;background:#0B0C0E;border:1px solid #333;}
.sl-sel{position:relative;align-self:flex-start;margin-top:10px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border:1.5px solid #3E8BFF;color:#0B0C0E;}
.sl-sel svg{width:18px;height:18px;color:#F92F64;}
.sl-sel b{font-size:15px;font-weight:600;}
.sl-sel .h{position:absolute;width:7px;height:7px;background:#fff;border:1.5px solid #3E8BFF;border-radius:2px;}
.sl-sel .tl{left:-5px;top:-5px}.sl-sel .tr{right:-5px;top:-5px}.sl-sel .bl{left:-5px;bottom:-5px}.sl-sel .br{right:-5px;bottom:-5px}
.sl-r{background-size:cover;background-position:center;}
.aix-bar{display:flex;align-items:center;gap:12px;padding:14px 8px 16px;}
.aix-bar .pp{display:flex;gap:2px;}
.aix-bar .pp i{width:3px;height:11px;background:#0B0C0E;border-radius:1px;}
.aix-bar .pl{width:0;height:0;border-left:10px solid #0B0C0E;border-top:6px solid transparent;border-bottom:6px solid transparent;}
.aix-bar .tr{flex:1;height:6px;border-radius:99px;background:#EDEDF0;overflow:hidden;}
.aix-bar .tr span{display:block;height:100%;width:38%;border-radius:inherit;background:#0B0C0E;animation:aixProg 9s linear infinite;}
@keyframes aixProg{from{width:6%}to{width:96%}}
/* floating cards */
.aix-card{position:absolute;z-index:4;background:#fff;border-radius:14px;box-shadow:0 0 0 1px rgba(11,12,14,.07),0 14px 34px rgba(20,14,40,.08);animation:aixFloat 7s ease-in-out infinite alternate;}
@keyframes aixFloat{to{translate:0 -8px;}}
.aix-src{left:40px;top:4%;width:250px;z-index:2;overflow:hidden;animation-delay:-2s;}
.src-h{display:flex;align-items:center;gap:10px;padding:14px 16px;margin:6px;border:1.5px solid #F92F64;border-radius:10px;background:#FFF5F8;font-size:15.5px;font-weight:500;}
.src-h svg{width:16px;height:16px;color:#F92F64;}
.src-row{display:flex;align-items:center;gap:16px;padding:12px 18px;border-top:1px solid #EEE;font-size:16px;font-weight:500;}
.src-ic{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:8.5px;font-weight:800;color:#fff;box-shadow:0 3px 8px rgba(0,0,0,.12);}
.src-ic.pdf{background:#E2342B;}.src-ic.crm{background:#0B0C0E;}
.aix-hil{left:28px;top:54%;width:256px;padding:8px;z-index:2;animation-delay:-4s;}
.hil-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;font-size:16px;font-weight:500;}
.hil-row.on{background:#F3F3F5;}
.hil-row i{margin-left:auto;color:#F92F64;display:grid;}
.hil-row i svg{width:18px;height:18px;}
.hil-av{width:30px;height:30px;border-radius:50%;background-size:cover;background-position:center;}
.hil-btn{display:flex;align-items:center;justify-content:center;gap:9px;margin:8px 4px 2px;padding:11px;border-radius:10px;border:1px solid #E6E6EA;color:#F92F64;font-size:15.5px;font-weight:600;}
.hil-btn svg{width:15px;height:15px;}
.aix-stats{right:40px;top:-1%;display:flex;gap:26px;padding:14px 20px;animation-delay:-1s;}
.aix-stats .k{display:block;font-size:11.5px;font-weight:600;color:#3A3D44;}
.aix-stats b{display:block;margin-top:2px;font-size:clamp(28px,2.6vw,38px);font-weight:500;letter-spacing:-0.04em;}
.aix-bub{right:calc(40px + 9%);top:22%;padding:18px 22px 26px;font-size:clamp(15px,1.3vw,19px);line-height:1.35;font-weight:500;z-index:5;animation-delay:-3s;}
.aix-bub .bt{position:absolute;left:22px;bottom:-1px;display:flex;gap:10px;}
.aix-bub .bt i{width:60px;height:14px;border:1.5px solid #0B0C0E;border-bottom:0;border-radius:10px 10px 0 0;}
.aix-arrow{position:absolute;right:calc(40px + 7%);top:46%;width:150px;z-index:4;}
.aix-ghost{right:calc(40px + 4%);top:62%;width:250px;height:150px;padding:18px;box-sizing:border-box;animation-delay:-5s;}
.aix-ghost i{display:block;height:10px;border-radius:99px;background:#F2F2F4;margin-bottom:10px;}
.aix-ghost .g1{width:80%}.aix-ghost .g2{width:66%}.aix-ghost .g3{width:46%}
.aix-ghost .g4{position:absolute;left:18px;right:18px;bottom:18px;display:flex;justify-content:space-between;}
.aix-ghost .g4 i{height:9px;margin:0;width:28%;background:#E4E4E8;}
.aix-ghost .g4 i+i{width:14%;}
.aix-team{right:20px;bottom:-2%;display:flex;align-items:center;padding:8px;border-radius:99px;animation-delay:-6s;}
.aix-team span{width:56px;height:56px;border-radius:50%;background-size:cover;background-position:center;border:3px solid #fff;margin-left:-10px;}
.aix-team span:first-child{margin-left:0;}
.aix-team b{display:grid;place-items:center;width:56px;height:56px;margin-left:-10px;border-radius:50%;background:#F3F3F5;border:3px solid #fff;color:#F92F64;font-size:17px;font-weight:600;}
@media(max-width:1100px){
  .aix-src,.aix-hil,.aix-arrow,.aix-ghost{display:none;}
  .aix-win{width:min(760px,92%);}
  .aix-stage{height:auto;padding-top:60px;padding-bottom:120px;}
  .aix-win{position:relative;left:auto;transform:none;margin:0 auto;}
  .aix-bub{right:4%;top:auto;bottom:40px;}
  .aix-stats{right:4%;top:auto;bottom:-10px;}
  .aix-team{display:none;}}
@media(max-width:600px){.aix .wrap,.aix-stage{padding-left:16px;padding-right:16px;}.aix-actions{flex-direction:column;align-items:center;}.aix-slide{grid-template-columns:1fr;aspect-ratio:auto}.sl-r{height:180px;}}
@media(prefers-reduced-motion:reduce){.aix-card,.aix-bar .tr span{animation:none;}}

@media(max-width:1100px){.aix-stats{right:auto;left:4%;bottom:10px;}.aix-bub{right:4%;bottom:24px;}.aix-stage{padding-bottom:150px;}}
@media(max-width:600px){.aix-bub{display:none;}.aix-stats{left:50%;transform:translateX(-50%);}}


/* ===== reference-exact layout, 3-line headline ===== */
.aix-h{max-width:none;font-size:clamp(34px,3.6vw,58px);line-height:1.08;letter-spacing:-0.04em;}
.aix-h br.d{display:inline;}
.aix-lead{max-width:72ch;margin-top:26px;font-size:clamp(15.5px,1.15vw,17.5px);color:#6B6F77;}
.aix-p{max-width:70ch;margin-top:6px;font-size:clamp(15.5px,1.15vw,17.5px);color:#6B6F77;}
.aix-ticks{gap:8px 26px;margin-top:20px;}
.aix-ticks li{background:none;padding:0;font-size:13.5px;color:#3A3D44;}
.aix-ticks i{background:none;color:#F92F64;width:auto;height:auto;font-size:13px;}
.aix-stage{margin-top:clamp(70px,8vh,96px);}
@media(max-width:1100px){.aix-h br.d{display:none;}}

/* refinement pass */
.aix-team{display:none!important;}
.aix-h{margin-top:clamp(28px,4vh,56px);}
.aix-ticks{margin-top:22px;}
.aix-stage{margin-top:clamp(64px,7vh,88px);}
.aix-card{box-shadow:0 1px 2px rgba(11,12,14,.04),0 18px 44px -24px rgba(11,12,14,.22)!important;border:1px solid rgba(11,12,14,.07)!important;}
.aix-bub{border-radius:18px!important;}
.aix-arrow{opacity:.7;}
.aix-ghost{opacity:.85;}
/* stop the assistant copy clipping mid-word */
.aix-win .msg,.aix-win p{overflow:visible!important;white-space:normal!important;-webkit-line-clamp:unset!important;display:block!important;max-height:none!important;}


/* ==== aiml-services.css ==== */
/* AI/ML Solutions · 02 · Capabilities — alternating text / media rows */
.aisv{--rose:#F92F64;--violet:#A24BFF;--ink:#0B0C0E;--ink2:#3A3D44;--mut:#5F636B;position:relative;background:#fff;padding:clamp(96px,10vw,150px) 0 clamp(96px,10vw,140px);font-family:'Figtree',system-ui,sans-serif;color:var(--ink);overflow:hidden;}
.aisv .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.sv-head{max-width:880px;margin:0 auto clamp(72px,8vw,112px);text-align:center;}
.sv-eye{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--rose);}
.sv-eye i{width:6px;height:6px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 4px rgba(249,47,100,.16);}
.sv-h{margin:20px 0 22px;font-size:clamp(30px,3.9vw,56px);font-weight:400;line-height:1.06;letter-spacing:-0.045em;text-wrap:balance;}
.sv-h .g{background:linear-gradient(90deg,var(--rose),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;}
.sv-lead{margin:0 auto;max-width:72ch;font-size:clamp(16px,1.2vw,18px);line-height:1.62;color:var(--mut);text-wrap:pretty;}

.sv-rows{display:flex;flex-direction:column;gap:clamp(88px,9vw,140px);}
.sv-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(48px,6vw,104px);align-items:center;}
.sv-row.rev .sv-copy{order:2;}
.sv-row.rev .sv-media{order:1;}

.sv-copy{max-width:560px;}
.sv-n{display:block;font-family:'Space Grotesk',ui-monospace,monospace;font-size:13px;font-weight:600;letter-spacing:.14em;color:var(--rose);}
.sv-t{margin:16px 0 14px;font-size:clamp(28px,2.6vw,40px);font-weight:500;line-height:1.08;letter-spacing:-0.035em;text-wrap:balance;}
.sv-tag{margin:0 0 18px;font-size:clamp(17px,1.3vw,19.5px);font-weight:500;line-height:1.45;color:var(--ink2);}
.sv-p{margin:0 0 30px;font-size:16px;line-height:1.68;color:var(--mut);text-wrap:pretty;}
.sv-k{display:block;margin-bottom:14px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);}
.sv-list{list-style:none;margin:0;padding:18px 0 0;border-top:1px solid rgba(11,12,14,.09);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;}
.sv-list li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;color:var(--ink2);}
.sv-list i{flex:none;width:18px;height:18px;margin-top:1px;border-radius:50%;background:rgba(249,47,100,.1);color:var(--rose);display:grid;place-items:center;}
.sv-list i svg{width:11px;height:11px;}

/* media block */
.sv-media{position:relative;height:clamp(420px,38vw,540px);border-radius:28px;overflow:hidden;background:#F6F3F5;isolation:isolate;}
.sv-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,.61,.36,1);}
.sv-row:hover .sv-img{transform:scale(1.035);}
.sv-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,12,14,0) 45%,rgba(11,12,14,.55));pointer-events:none;}
.sv-glass{position:absolute;z-index:3;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.65);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 40px -22px rgba(11,12,14,.45);}
.sv-glass .gk{display:inline-flex;align-items:center;gap:6px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--rose);}
.sv-glass .gk svg{width:11px;height:11px;}
.sv-road{left:22px;bottom:22px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.sv-road .gk{margin-right:6px;}
.sv-road .rd{padding:6px 11px;border-radius:999px;font-size:12px;font-weight:500;color:var(--mut);background:rgba(11,12,14,.05);}
.sv-road .rd.on{background:var(--ink);color:#fff;}
.sv-chat{left:22px;right:22px;bottom:22px;}
.sv-chat .q{margin:0 0 10px auto;width:fit-content;max-width:78%;padding:9px 13px;border-radius:14px 14px 4px 14px;background:var(--ink);color:#fff;font-size:13px;line-height:1.4;}
.sv-chat .a{margin:0;display:flex;gap:9px;font-size:13px;line-height:1.5;color:var(--ink2);}
.sv-chat .a span{flex:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--violet));color:#fff;display:grid;place-items:center;}
.sv-chat .a span svg{width:11px;height:11px;}
.sv-float{display:flex;flex-direction:column;gap:4px;min-width:200px;}
.sv-float b{font-size:14px;font-weight:600;color:var(--ink);}
.sv-float em{font-style:normal;font-size:12px;color:var(--mut);}
.sv-float.f-r{right:22px;bottom:26px;}
.sv-float.f-l{left:22px;bottom:26px;}

/* vision bounding boxes */
.bb{position:absolute;z-index:2;border:2px solid var(--rose);border-radius:6px;box-shadow:0 0 0 1px rgba(255,255,255,.4);}
.bb em{position:absolute;left:-2px;top:-24px;padding:3px 7px;border-radius:5px 5px 5px 0;background:var(--rose);color:#fff;font-family:'Space Grotesk',ui-monospace,monospace;font-size:10.5px;font-style:normal;font-weight:600;letter-spacing:.04em;white-space:nowrap;}
.bb.b-a{left:14%;top:40%;width:36%;height:26%;}
.bb.b-b{right:16%;top:30%;width:12%;height:40%;border-color:#fff;}
.bb.b-b em{background:#fff;color:var(--ink);}

/* glow under mockups */
.sv-glow{position:absolute;inset:-10%;z-index:0;background:radial-gradient(48% 52% at 50% 46%,rgba(249,47,100,.22),transparent 70%),radial-gradient(40% 40% at 72% 78%,rgba(162,75,255,.18),transparent 72%);}
.sv-glow.v{background:radial-gradient(48% 52% at 50% 46%,rgba(162,75,255,.2),transparent 70%),radial-gradient(40% 40% at 26% 76%,rgba(249,47,100,.18),transparent 72%);}

/* ---------- iPhone 17 Pro mockup ---------- */
.mk-ph{position:absolute;z-index:1;left:50%;top:50%;width:clamp(212px,17vw,244px);aspect-ratio:71.5/149.6;transform:translate(-50%,-50%) rotate(-4deg);
  border-radius:clamp(36px,3vw,44px);padding:clamp(7px,.6vw,9px);
  background:linear-gradient(140deg,#6E7279 0%,#2E3136 22%,#17181B 50%,#3C3F45 78%,#1E2023 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),inset 0 1px 1.5px rgba(255,255,255,.35),inset 0 -1px 1px rgba(0,0,0,.6),
    0 60px 90px -40px rgba(11,12,14,.6),0 24px 40px -24px rgba(11,12,14,.5);transition:transform .9s cubic-bezier(.22,.61,.36,1);}
.sv-row:hover .mk-ph{transform:translate(-50%,-51.5%) rotate(-2.5deg);}
.mk-ph .pb{position:absolute;width:3px;border-radius:2px;background:linear-gradient(90deg,#2a2c30,#55595f);}
.mk-ph .b1{left:-2px;top:17%;height:5%;}
.mk-ph .b2{left:-2px;top:25%;height:9%;}
.mk-ph .b3{left:-2px;top:36%;height:9%;}
.mk-ph .b4{right:-2px;top:28%;height:13%;}
.mk-ph .scr{position:relative;width:100%;height:100%;border-radius:clamp(29px,2.4vw,36px);overflow:hidden;background:#FBFAFB;}
.mk-ph .scr::after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.22) 0%,rgba(255,255,255,0) 34%);}
.mk-ph .di{position:absolute;z-index:4;top:9px;left:50%;transform:translateX(-50%);width:34%;height:22px;border-radius:14px;background:#050505;}
.mk-ph .st{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 0 22px;height:30px;font-size:11px;}
.mk-ph .st b{font-weight:600;}
.mk-ph .sig{display:flex;gap:2px;align-items:flex-end;}
.mk-ph .sig i{width:3px;border-radius:1px;background:var(--ink);}
.mk-ph .sig i:nth-child(1){height:5px;}.mk-ph .sig i:nth-child(2){height:7px;}.mk-ph .sig i:nth-child(3){height:9px;}
.ap{padding:14px 14px 0;}
.ap-k{margin:0;font-size:10px;color:var(--mut);}
.ap-h{margin:2px 0 10px;font-size:20px;font-weight:600;letter-spacing:-0.03em;}
.ap-s{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;background:#F0EDF1;font-size:9.5px;color:var(--mut);}
.ap-s span{color:var(--rose);display:grid;}.ap-s svg{width:10px;height:10px;}
.ap-l{margin:12px 0 6px;font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);}
.ap-it{display:flex;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid rgba(11,12,14,.06);}
.ap-it .th{flex:none;width:28px;height:28px;border-radius:8px;}
.th.t1{background:linear-gradient(135deg,#FF8FB0,#F92F64);}.th.t2{background:linear-gradient(135deg,#C9A2FF,#A24BFF);}.th.t3{background:linear-gradient(135deg,#FFD2B0,#FF8A5C);}
.ap-it .tx{flex:1;min-width:0;display:flex;flex-direction:column;}
.ap-it b{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ap-it em{font-style:normal;font-size:8.5px;color:var(--mut);}
.ap-it .mt{font-size:9px;font-weight:600;color:var(--rose);}
.ap-fc{margin-top:10px;padding:10px;border-radius:12px;background:var(--ink);}
.ap-fc p{margin:0 0 8px;font-size:9px;color:rgba(255,255,255,.7);}
.ap-fc .bars{display:flex;align-items:flex-end;gap:4px;height:46px;}
.ap-fc .bars i{flex:1;border-radius:3px;background:rgba(255,255,255,.28);}
.ap-fc .bars i.pr{background:linear-gradient(180deg,var(--rose),var(--violet));}

/* ---------- MacBook mockup ---------- */
.mk-lt{position:absolute;z-index:1;left:50%;top:48%;width:88%;transform:translate(-50%,-50%);transition:transform .9s cubic-bezier(.22,.61,.36,1);}
.sv-row:hover .mk-lt{transform:translate(-50%,-51.5%);}
.mk-lt .lid{position:relative;padding:2.2% 2.2% 2.6%;border-radius:16px 16px 4px 4px;background:#0C0C0E;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),0 0 0 1.5px #3a3c41,0 40px 70px -40px rgba(11,12,14,.6);}
.mk-lt .cam{position:absolute;top:.9%;left:50%;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#1d1e22;box-shadow:inset 0 0 0 1px #2c2e33;}
.mk-lt .lscr{position:relative;aspect-ratio:16/10;border-radius:4px;overflow:hidden;background:#FBFAFB;display:grid;grid-template-columns:13% 1fr;}
.mk-lt .lscr::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.18),rgba(255,255,255,0) 38%);}
.mk-lt .base{position:relative;width:112%;margin-left:-6%;height:14px;border-radius:2px 2px 14px 14px;background:linear-gradient(180deg,#E6E7EA 0%,#C6C8CD 55%,#9A9DA3 100%);box-shadow:0 18px 30px -16px rgba(11,12,14,.45);}
.mk-lt .base span{position:absolute;left:50%;top:0;width:16%;height:5px;margin-left:-8%;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#A9ACB2,#C9CBD0);}
.lw-side{background:#F1EEF2;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:12px;}
.lw-side i{width:16px;height:16px;border-radius:5px;background:rgba(11,12,14,.12);}
.lw-side i.on{background:linear-gradient(135deg,var(--rose),var(--violet));}
.lw-main{padding:5% 6%;}
.lw-k{margin:0;font-size:clamp(7px,.6vw,9px);color:var(--mut);}
.lw-h{margin:2px 0 4%;font-size:clamp(12px,1.1vw,16px);font-weight:600;letter-spacing:-0.02em;}
.lw-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:4%;margin-bottom:5%;}
.lw-step{position:relative;padding:8px;border-radius:9px;background:#fff;border:1px solid rgba(11,12,14,.08);display:flex;flex-direction:column;gap:2px;}
.lw-step i{width:14px;height:14px;border-radius:50%;display:grid;place-items:center;margin-bottom:4px;}
.lw-step.ok i{background:var(--rose);color:#fff;}.lw-step.ok i svg{width:9px;height:9px;}
.lw-step.run i{border:2px solid rgba(162,75,255,.25);border-top-color:var(--violet);animation:svSpin 1s linear infinite;}
.lw-step b{font-size:clamp(7.5px,.65vw,10px);font-weight:600;}
.lw-step em{font-style:normal;font-size:clamp(6.5px,.55vw,8.5px);color:var(--mut);}
.lw-tbl{display:flex;flex-direction:column;border-radius:9px;border:1px solid rgba(11,12,14,.08);background:#fff;}
.lw-tbl span{display:flex;justify-content:space-between;padding:6px 9px;border-bottom:1px solid rgba(11,12,14,.06);font-size:clamp(7px,.6vw,9px);}
.lw-tbl span:last-child{border-bottom:0;}
.lw-tbl em{font-style:normal;color:#1F9D6B;font-weight:600;}
.lw-tbl em.rv{color:var(--rose);}
@keyframes svSpin{to{transform:rotate(360deg);}}

/* CTA */
.sv-cta-row{display:flex;justify-content:center;margin-top:clamp(80px,8vw,120px);}
.sv-cta{display:inline-flex;align-items:center;gap:12px;padding:17px 30px;border-radius:999px;background:var(--rose);color:#fff;font-size:16px;font-weight:600;text-decoration:none;border:1.5px solid var(--rose);transition:background .3s,color .3s,transform .3s;}
.sv-cta svg{width:18px;height:18px;transition:transform .3s;}
.sv-cta:hover{background:#fff;color:var(--rose);transform:translateY(-2px);}
.sv-cta:hover svg{transform:translateX(4px);}

@media(max-width:960px){
  .aisv .wrap{padding:0 24px;}
  .sv-row,.sv-row.rev{grid-template-columns:1fr;gap:36px;}
  .sv-row.rev .sv-copy,.sv-row.rev .sv-media{order:0;}
  .sv-copy{max-width:none;}
  .sv-media{height:420px;}
}
@media(max-width:560px){.sv-list{grid-template-columns:1fr;}.sv-media{height:360px;}.sv-float{display:none;}}
@media(prefers-reduced-motion:reduce){.sv-img,.mk-ph,.mk-lt{transition:none;}.lw-step.run i{animation:none;}}
.ap-tab{position:absolute;left:12px;right:12px;bottom:22px;display:flex;justify-content:space-around;padding:9px 0;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 6px 18px -8px rgba(11,12,14,.25);}
.ap-tab i{width:16px;height:16px;border-radius:5px;background:rgba(11,12,14,.14);}
.ap-tab i.on{background:linear-gradient(135deg,var(--rose),var(--violet));}
.ap-home{position:absolute;left:50%;bottom:7px;width:34%;height:4px;margin-left:-17%;border-radius:3px;background:var(--ink);}


/* ==== aiml-band.css ==== */
/* Who we are band — copied from WDI Portfolio Showcase V2 (section 2) */
.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;}
.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:#FF8FB0;}
.pp-band .tag .lvdot{width:7px;height:7px;border-radius:50%;background:#FF4F7D;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,#FF4F7D,#B07CFF);-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);}
@media(max-width:760px){.pp-band{padding:90px 0;}}
@media(prefers-reduced-motion:reduce){.pp-band-track,.pp-band::before{animation:none;}}
.pp-band .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}


/* ==== aiml-svmotion.css ==== */
/* Capabilities 01→05 — scroll-driven row transitions + progress rail */
.aisv.sv-anim .sv-row .sv-copy > *{opacity:0;transform:translate3d(0,22px,0);
  transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1);}
.aisv.sv-anim .sv-row .sv-list li{opacity:0;transform:translate3d(0,12px,0);
  transition:opacity .6s ease,transform .7s cubic-bezier(.22,.61,.36,1);}
.aisv.sv-anim .sv-row .sv-media{clip-path:inset(0 0 0 100% round 22px);
  transition:clip-path 1.15s cubic-bezier(.77,0,.18,1);}
.aisv.sv-anim .sv-row[data-side="l"] .sv-media{clip-path:inset(0 100% 0 0 round 22px);}
.aisv.sv-anim .sv-row .sv-media > img,.aisv.sv-anim .sv-row .sv-media > *:first-child{transform:scale(1.12);
  transition:transform 1.5s cubic-bezier(.22,.61,.36,1);}
.aisv.sv-anim .sv-row .sv-glass,.aisv.sv-anim .sv-row [class*="sv-card"]{opacity:0;transform:translate3d(0,16px,0) scale(.97);
  transition:opacity .7s ease .75s,transform .9s cubic-bezier(.22,.61,.36,1) .75s;}
/* in state */
.aisv.sv-anim .sv-row.in .sv-copy > *{opacity:1;transform:none;}
.aisv.sv-anim .sv-row.in .sv-media{clip-path:inset(-60% -60% -60% -60% round 22px);}
.aisv.sv-anim .sv-row.in.done .sv-media{clip-path:none;}
.aisv.sv-anim .sv-row.in .sv-media > img,.aisv.sv-anim .sv-row.in .sv-media > *:first-child{transform:none;}
.aisv.sv-anim .sv-row.in .sv-list li{opacity:1;transform:none;}
.aisv.sv-anim .sv-row.in .sv-glass,.aisv.sv-anim .sv-row.in [class*="sv-card"]{opacity:1;transform:none;}
/* number: drawn rose rule + active highlight */
.aisv .sv-n{position:relative;display:inline-block;transition:color .5s ease;}
.aisv .sv-n::after{content:"";position:absolute;left:calc(100% + 12px);top:50%;width:56px;height:1.5px;
  background:linear-gradient(90deg,#F92F64,#A24BFF);transform:scaleX(0);transform-origin:left;
  transition:transform .9s cubic-bezier(.22,.61,.36,1) .35s;}
.aisv .sv-row.in .sv-n::after{transform:scaleX(1);}
.aisv .sv-row.act .sv-n{color:#F92F64;}
/* progress rail */
.sv-rail{position:fixed;left:clamp(16px,2vw,34px);top:50%;z-index:40;display:flex;flex-direction:column;align-items:center;gap:0;
  transform:translate3d(-14px,-50%,0);opacity:0;pointer-events:none;transition:opacity .45s ease,transform .5s cubic-bezier(.22,.61,.36,1);}
.sv-rail.on{opacity:1;transform:translate3d(0,-50%,0);pointer-events:auto;}
.sv-rail-line{position:absolute;top:14px;bottom:14px;left:50%;width:1.5px;margin-left:-.75px;background:rgba(11,12,14,.12);border-radius:2px;overflow:hidden;}
.sv-rail-line i{position:absolute;left:0;right:0;top:0;height:100%;transform-origin:top;transform:scaleY(var(--svp,0));
  background:linear-gradient(180deg,#F92F64,#A24BFF);}
.sv-rail button{position:relative;z-index:1;width:30px;height:30px;margin:7px 0;border-radius:50%;border:1.5px solid rgba(11,12,14,.14);
  background:#fff;color:#8A8E96;font:600 10.5px/1 'Space Grotesk',ui-monospace,monospace;letter-spacing:.04em;cursor:pointer;
  transition:background .35s ease,color .35s ease,border-color .35s ease,transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease;}
.sv-rail button:hover{border-color:#F92F64;color:#F92F64;}
.sv-rail button.on{background:#F92F64;border-color:#F92F64;color:#fff;transform:scale(1.14);box-shadow:0 0 0 5px rgba(249,47,100,.14);}
.sv-rail button:focus-visible{outline:2px solid #F92F64;outline-offset:3px;}
@media(max-width:1380px){.sv-rail{display:none;}}
@media(prefers-reduced-motion:reduce){
  .aisv.sv-anim .sv-row *,.aisv.sv-anim .sv-row .sv-media{transition:none!important;}
}


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

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


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

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



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

/* ==== hx-next.css ==== */
/* WDI Homepage — What does your business need next (reuses the .mdg decision grid)
   scoped under #next so the layered mdg-decisions.css rules can't misplace it */
#next{--ink:#0B0C0E;--ink-2:#3A3D44;--muted:#5F636B;--faint:#9A9EA6;--line-2:rgba(12,12,20,.14);
  --rose-300:#FF8FB0;--rose-500:#F92F64;--rose-600:#E0204F;--mono:'Space Grotesk',ui-monospace,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
  position:relative!important;z-index:5!important;background:#fff!important;font-family:'Figtree',system-ui,sans-serif;
  padding:clamp(56px,6vw,96px) 0 clamp(96px,10vw,150px)!important;border-radius:0!important;box-shadow:none!important;}
#next .mdg-head,#next .mdg-grid{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:clamp(20px,3.2vw,40px)!important;padding-right:clamp(20px,3.2vw,40px)!important;box-sizing:border-box;}
/* header: eyebrow + title left, lead right — bottoms aligned */
#next .mdg-head-split{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;column-gap:clamp(32px,5vw,96px)!important;row-gap:0!important;align-items:end!important;}
#next .mdg-eye{grid-column:1!important;grid-row:1!important;justify-self:start;align-self:start;
  display:inline-flex!important;align-items:center;gap:9px;margin:0 0 clamp(18px,2vw,26px)!important;padding:0!important;border:0!important;
  font-family:'Figtree',system-ui,sans-serif!important;font-size:12px!important;font-weight:600!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;color:#E0204F!important;line-height:1!important;}
#next .mdg-eye::before{display:none!important;}
#next .mdg-eye i{width:5px;height:5px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 3px rgba(249,47,100,.16);}
#next .mdg-h{grid-column:1!important;grid-row:2!important;margin:0!important;max-width:14ch;
  font-size:clamp(40px,5.2vw,80px)!important;font-weight:500!important;letter-spacing:-0.05em!important;line-height:1.0!important;color:#0B0C0E!important;}
#next .mdg-h .amp{color:#0B0C0E!important;background:linear-gradient(90deg,#F92F64,#A24BFF)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;}
#next .mdg-lead{grid-column:2!important;grid-row:2!important;margin:0 0 6px!important;max-width:46ch;
  font-size:clamp(16px,1.3vw,19px)!important;font-weight:300!important;line-height:1.6!important;color:#3A3D44!important;}
/* grid */
#next .mdg-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.6vw,22px)!important;margin-top:clamp(44px,5vw,76px)!important;}
#next .mdg-cell{border-radius:22px!important;overflow:hidden;min-height:clamp(320px,30vw,400px)!important;
  justify-content:flex-end!important;opacity:1;}
#next .mdg-cell h3{min-height:2.24em;margin:0 0 14px;}
@media(max-width:1020px){#next .mdg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:860px){
  #next .mdg-head-split{grid-template-columns:1fr!important;}
  #next .mdg-lead{grid-column:1!important;grid-row:3!important;margin-top:20px!important;}}
@media(max-width:620px){#next .mdg-grid{grid-template-columns:1fr!important;}#next .mdg-cell{min-height:260px!important;}}

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

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

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

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


/* ==== process.css ==== */
/* ============================================================
   WDI — Our Process · Sticky header + tall stacking gradient cards
   ============================================================ */
:root{
  --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;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{font-family:var(--font);color:var(--ink);background:var(--bg);overflow-x:hidden;}
.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;}
}


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


/* ==== aiml-uses.css ==== */
/* AI Use Cases — reuses the "Why build your app with WDI" coloured bento (cards enter from the right, two at a time) */
#ai-uses.wby{position:relative;z-index:6;background:#fff;padding:clamp(64px,7.4vw,112px) 0;}
#ai-uses .wby-in{display:grid;grid-template-columns:clamp(280px,30vw,420px) 1fr;
  gap:clamp(28px,4vw,80px);align-items:start;}
#ai-uses .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;}
#ai-uses .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);}
#ai-uses .wby-lead{margin:clamp(18px,2vw,24px) 0 0;max-width:34ch;font-size:15px;font-weight:400;
  line-height:1.66;color:var(--muted);}
#ai-uses .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;}
#ai-uses .wby-cta svg{width:14px;height:14px;}
#ai-uses .wby-cta:hover{background:var(--rose-500);transform:translateY(-2px);gap:14px;}
#ai-uses .wby-cta:focus-visible{outline:2px solid var(--rose-500);outline-offset:4px;}
#ai-uses .wby-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(14px,1.5vw,20px);}
#ai-uses .wby-cell{padding:clamp(24px,2.4vw,32px);border-radius:14px;background:#F7F7F8;
  transition:background .35s ease,transform .45s var(--ease);}
#ai-uses .wby-cell:hover{background:#F2F2F4;transform:translateY(-3px);}
#ai-uses .wby-ic{display:grid;place-items:center;width:34px;height:34px;color:var(--ink);
  transition:color .3s ease;}
#ai-uses .wby-ic svg{width:100%;height:100%;}
#ai-uses .wby-cell:hover #ai-uses .wby-ic{color:var(--rose-600);}
#ai-uses .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);}
#ai-uses .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){#ai-uses .wby-in{grid-template-columns:1fr;gap:32px;}}
@media(max-width:620px){#ai-uses .wby-grid{grid-template-columns:1fr;}}
#ai-uses .wby-cell h3{font-size:21px!important;line-height:1.24!important;}
#ai-uses .wby-l{align-self:center;}
#ai-uses .wby-cell:nth-child(1){background:linear-gradient(160deg,#F2F2F4,#E9EAEE)!important;}
#ai-uses .wby-cell:nth-child(2){background:linear-gradient(160deg,#F4EEFF,#EDE4FF)!important;}
#ai-uses .wby-cell:nth-child(3){background:linear-gradient(160deg,#FFEFF4,#FFE3EC)!important;}
#ai-uses .wby-cell:nth-child(4){background:linear-gradient(160deg,#EAF6F1,#DFF1E9)!important;}
#ai-uses .wby-cell:nth-child(5){background:linear-gradient(160deg,#EFF3FA,#E4EBF7)!important;}
#ai-uses .wby-cell:nth-child(6){background:linear-gradient(160deg,#F5F3EE,#EDE9E1)!important;}
#ai-uses .wby-cell{border-radius:20px!important;}
#ai-uses .wby-cell:hover{filter:brightness(.985);transform:translateY(-3px);}
.wdi-eye,
.mcl-eye,.mws-eye,.mdg-eye,.msol-eyebrow,.mind-eyebrow,.pr-eyebrow,
.mte-eyebrow,.mai-eyebrow,.ts-eyebrow,.aisay-eye,#ai-uses .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,#ai-uses .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;}
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 #ai-uses .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 #ai-uses .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;}
#ai-uses .wby-cell#ai-uses .wby-rise{opacity:0;transform:translateX(46px);
  transition:opacity .8s var(--ease),transform .8s var(--ease);}
#ai-uses .wby-cell#ai-uses .wby-rise.in{opacity:1;transform:none;}
#ai-uses .amp{background:linear-gradient(90deg,#F92F64,#A24BFF);-webkit-background-clip:text;background-clip:text;color:transparent;}


/* ==== industries-variants.css ==== */
/* ============================================================
   WDI — Industries section · variants
   A (light + dark) · C image blocks · D Apple · F technical index
   Cohesive with the homepage / "How We Create" process system:
   rose accent, ink type, near-white grounds, dark image frames.
   ============================================================ */
:root{
  --rose-700:#C40F46;--rose-600:#E41252;--rose-500:#F92F64;--rose-400:#FD3B6F;--rose-300:#FF6F92;--rose-200:#FFB3C7;--rose-100:#FFE0E9;
  --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;
}
*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; }
body{ margin:0; font-family:var(--font); background:var(--bg); color:var(--ink); -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; overflow-x:hidden; }
a{ color:inherit; text-decoration:none; }
img{ display:block; max-width:100%; }

/* ---- scroll reveal utility ---- */
.reveal{ opacity:0; transform:translateY(22px); transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.in{ opacity:1; transform:none; }
.reveal[data-d="1"]{ transition-delay:.07s; }
.reveal[data-d="2"]{ transition-delay:.14s; }
.reveal[data-d="3"]{ transition-delay:.21s; }
.reveal[data-d="4"]{ transition-delay:.28s; }

/* ---- variant label strip ---- */
.ivv-vtag{ font-family:var(--font); font-size:13.5px; line-height:1.5; color:var(--ink-2); background:var(--bg-2); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:13px clamp(20px,5vw,64px); }
.ivv-vtag b{ color:var(--ink); font-weight:600; }
.ivv-vtag .pill{ display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.04em; color:#fff; background:var(--ink); padding:3px 10px; border-radius:999px; margin-right:10px; vertical-align:middle; }

/* ---- shared scaffolding ---- */
.ivv-sec{ position:relative; padding:clamp(64px,8vw,108px) 0; border-top:1px solid var(--line); }
.ivv-wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 clamp(20px,5vw,64px); position:relative; z-index:2; }

.ivv-head{ max-width:900px; }
.ivv-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); }
.ivv-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); }
.ivv-h{ margin:18px 0 0; font-size:clamp(28px,3.5vw,46px); line-height:1.06; font-weight:500; letter-spacing:-.03em; color:var(--ink); text-wrap:balance; }
.ivv-answer,.ivv-support{ margin:18px 0 0; font-size:clamp(15.5px,1.3vw,18px); line-height:1.6; font-weight:300; color:var(--ink-2); max-width:76ch; text-wrap:pretty; }

/* shared buttons */
.ivv-btn-dark,.ivv-btn-ghost{ display:inline-flex; align-items:center; gap:9px; font-family:var(--font); font-size:15px; font-weight:500; letter-spacing:-.01em; border-radius:999px; padding:14px 22px; text-decoration:none; white-space:nowrap; transition:transform .25s cubic-bezier(.2,.7,.2,1), background .25s, box-shadow .25s, border-color .25s, color .25s; }
.ivv-btn-dark{ color:#fff; background:var(--ink); box-shadow:0 1px 2px rgba(11,12,14,.18),0 8px 24px rgba(11,12,14,.10); }
.ivv-btn-dark svg{ width:17px; height:17px; transition:transform .25s; }
.ivv-btn-dark:hover{ background:var(--rose-600); transform:translateY(-2px); box-shadow:0 2px 6px rgba(228,18,82,.30),0 14px 34px rgba(228,18,82,.26); }
.ivv-btn-dark:hover svg{ transform:translateX(3px); }
.ivv-btn-ghost{ color:var(--ink); background:transparent; border:1px solid var(--line-2); }
.ivv-btn-ghost:hover{ border-color:var(--rose-300); transform:translateY(-2px); }

.tickdot{ width:19px; height:19px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--rose-soft); color:var(--rose-600); }
.tickdot svg{ width:11px; height:11px; }

/* ============================================================
   VARIANT A — SCROLL-REVEAL EDITORIAL INDEX
   ============================================================ */
.iv1-list{ margin-top:clamp(34px,5vw,58px); }
.iv1-row{ position:relative; border-top:1px solid var(--line); padding:clamp(22px,3vw,38px) 0; cursor:pointer; overflow:hidden; }
.iv1-list .iv1-row:last-child{ border-bottom:1px solid var(--line); }
.iv1-row-head{ display:flex; align-items:baseline; gap:clamp(16px,3vw,34px); }
/* big faint index numeral — fades in on the active row */
.iv1-ghost{ position:absolute; z-index:-1; right:-.04em; top:50%; transform:translateY(-46%) scale(.94); font-size:clamp(110px,19vw,232px); font-weight:700; line-height:1; letter-spacing:-.06em; color:transparent; -webkit-text-stroke:1.5px var(--rose-200); font-feature-settings:"tnum" 1; pointer-events:none; opacity:0; transition:opacity .7s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.iv1-row.active .iv1-ghost{ opacity:.55; transform:translateY(-50%) scale(1); }
.iv1-row-head{ display:flex; align-items:baseline; gap:clamp(16px,3vw,34px); }
.iv1-idx{ flex:none; width:42px; font-size:14px; font-weight:600; color:var(--faint); font-feature-settings:"tnum" 1; transition:color .4s; }
.iv1-name{ position:relative; font-size:clamp(28px,5vw,64px); font-weight:600; letter-spacing:-.035em; line-height:1; color:#D5D7DD; transition:color .45s cubic-bezier(.2,.7,.2,1); }
.iv1-name::after{ content:""; position:absolute; left:0; right:0; bottom:-.12em; height:3px; border-radius:3px; background:linear-gradient(90deg,var(--rose-600),var(--rose-400) 60%,var(--violet)); transform:scaleX(0); transform-origin:left; transition:transform .55s cubic-bezier(.2,.7,.2,1); }
.iv1-short{ flex:1; min-width:0; align-self:center; font-size:14.5px; line-height:1.5; font-weight:300; color:transparent; max-width:40ch; margin-left:auto; text-align:right; opacity:0; transform:translateX(10px); transition:opacity .5s, transform .5s, color .5s; }
.iv1-row.active .iv1-idx{ color:var(--rose-600); }
.iv1-row.active .iv1-name{ color:var(--ink); }
.iv1-row .iv1-name{ transition:color .45s cubic-bezier(.2,.7,.2,1), transform .55s cubic-bezier(.2,.7,.2,1); transform-origin:left center; }
.iv1-row.active .iv1-name{ transform:translateX(2px); }
.iv1-row.active .iv1-name::after{ transform:scaleX(1); }
.iv1-row.active .iv1-short{ opacity:1; transform:none; color:var(--muted); }
.iv1-row:hover .iv1-name{ color:var(--ink-2); }
.iv1-row.active:hover .iv1-name{ color:var(--ink); }

.iv1-detail{ overflow:hidden; max-height:0; opacity:0; transition:max-height .6s cubic-bezier(.2,.7,.2,1), opacity .5s; }
.iv1-row.active .iv1-detail{ max-height:460px; opacity:1; }
.iv1-detail-in{ display:grid; grid-template-columns:1.3fr 1fr; gap:clamp(28px,5vw,64px); padding:clamp(22px,2.6vw,32px) 0 6px 60px; }
.iv1-long{ margin:0; font-size:16px; line-height:1.62; font-weight:300; color:var(--ink-2); max-width:56ch; }
.iv1-aeo{ margin:18px 0 0; padding-left:16px; border-left:3px solid var(--rose-500); font-size:13px; font-style:italic; line-height:1.55; font-weight:300; color:var(--muted); max-width:60ch; }
.iv1-cta{ margin-top:22px; }
.iv1-side-label{ display:block; font-size:11.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--rose-600); margin-bottom:12px; }
.iv1-subs{ display:flex; flex-direction:column; gap:0; }
.iv1-subs span{ display:flex; align-items:center; gap:11px; font-size:14.5px; font-weight:400; color:var(--ink-2); padding:11px 0; border-top:1px solid var(--line); }
.iv1-subs span:first-child{ border-top:none; }

/* ---- VARIANT A · DARK ---- */
.iv1--dark{ background:#08090C; border-top:1px solid #16181d; color:#fff; overflow:hidden; }
.iv1--dark .ivv-h{ color:#fff; }
.iv1--dark .ivv-answer{ color:rgba(255,255,255,.66); }
.iv1--dark .iv1-row{ border-top-color:rgba(255,255,255,.10); }
.iv1--dark .iv1-list .iv1-row:last-child{ border-bottom-color:rgba(255,255,255,.10); }
.iv1--dark .iv1-idx{ color:rgba(255,255,255,.34); }
.iv1--dark .iv1-name{ color:rgba(255,255,255,.30); }
.iv1--dark .iv1-row.active .iv1-name{ color:#fff; }
.iv1--dark .iv1-row.active .iv1-idx{ color:var(--rose-400); }
.iv1--dark .iv1-row:hover .iv1-name{ color:rgba(255,255,255,.62); }
.iv1--dark .iv1-row.active:hover .iv1-name{ color:#fff; }
.iv1--dark .iv1-row.active .iv1-short{ color:rgba(255,255,255,.5); }
.iv1--dark .iv1-long{ color:rgba(255,255,255,.78); }
.iv1--dark .iv1-ghost{ -webkit-text-stroke-color:rgba(249,47,100,.32); }
.iv1--dark .iv1-row.active .iv1-ghost{ opacity:.42; }
.iv1--dark .iv1-aeo{ color:rgba(255,255,255,.5); border-left-color:var(--rose-400); }
.iv1--dark .iv1-subs span{ color:rgba(255,255,255,.82); border-top-color:rgba(255,255,255,.10); }
.iv1--dark .tickdot{ background:rgba(249,47,100,.16); color:var(--rose-300); }
.iv1--dark .ivv-btn-dark{ background:#fff; color:var(--ink); }
.iv1--dark .ivv-btn-dark:hover{ background:var(--rose-500); color:#fff; }
.iv1--dark .iv1-row.active{ position:relative; }
.iv1--dark .iv1-row.active::before{ content:""; position:absolute; left:-24px; top:0; bottom:0; width:2px; background:linear-gradient(180deg,var(--rose-500),var(--violet)); border-radius:2px; box-shadow:0 0 16px rgba(249,47,100,.6); }

/* kinetic marquee */
.iv1d-marquee{ position:relative; z-index:1; overflow:hidden; padding:6px 0 clamp(30px,5vw,52px); -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.iv1d-track{ display:inline-flex; align-items:center; gap:34px; white-space:nowrap; will-change:transform; animation:iv1dScroll 42s linear infinite; }
.iv1d-track span{ font-size:clamp(34px,5vw,66px); font-weight:600; letter-spacing:-.035em; line-height:1; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.16); }
.iv1d-track b{ color:rgba(249,47,100,.55); font-weight:600; -webkit-text-stroke:0; }
@keyframes iv1dScroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
.iv1--dark:hover .iv1d-track{ animation-play-state:paused; }

/* ============================================================
   VARIANT C — IMAGE-BACKGROUND HOVER BLOCKS
   ============================================================ */
.iv3-grid{ margin-top:clamp(34px,5vw,56px); display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.iv3-block{ position:relative; overflow:hidden; border-radius:22px; min-height:360px; background:#08090C; display:flex; flex-direction:column; justify-content:flex-end; text-decoration:none; isolation:isolate; }
.iv3-block:nth-child(1){ grid-column:span 2; }
.iv3-block:nth-child(7){ grid-column:span 2; }
.iv3-photo{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0; transform:scale(1.02); transition:transform 1.1s cubic-bezier(.2,.7,.2,1); }
.iv3-block:hover .iv3-photo{ transform:scale(1.08); }
.iv3-scrim{ position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, rgba(8,9,12,.04) 0%, rgba(8,9,12,.32) 46%, rgba(8,9,12,.90) 100%); transition:background .5s; }
.iv3-block:hover .iv3-scrim{ background:linear-gradient(180deg, rgba(8,9,12,.34) 0%, rgba(8,9,12,.66) 44%, rgba(8,9,12,.97) 100%); }
.iv3-block::before{ content:""; position:absolute; inset:0; z-index:3; border-radius:22px; border:1px solid rgba(255,255,255,.08); pointer-events:none; transition:border-color .4s; }
.iv3-block:hover::before{ border-color:rgba(249,47,100,.45); }
.iv3-body{ position:relative; z-index:2; padding:clamp(22px,2.4vw,30px); color:#fff; }
.iv3-top{ position:absolute; top:clamp(20px,2.2vw,26px); left:clamp(22px,2.4vw,30px); right:clamp(22px,2.4vw,30px); z-index:2; display:flex; align-items:center; justify-content:space-between; }
.iv3-ico{ width:42px; height:42px; display:grid; place-items:center; border-radius:12px; color:#fff; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.20); backdrop-filter:blur(8px); }
.iv3-ico svg{ width:21px; height:21px; }
.iv3-num{ font-size:12px; font-weight:600; letter-spacing:.12em; color:rgba(255,255,255,.62); font-feature-settings:"tnum" 1; }
.iv3-tagn{ font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--rose-300); }
.iv3-name{ margin-top:8px; font-size:clamp(22px,2.1vw,29px); font-weight:600; letter-spacing:-.025em; line-height:1.05; }
.iv3-reveal{ display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1), opacity .45s; }
.iv3-block:hover .iv3-reveal,.iv3-block.open .iv3-reveal{ grid-template-rows:1fr; opacity:1; }
.iv3-reveal-in{ overflow:hidden; }
.iv3-short{ margin:14px 0 0; font-size:13.5px; line-height:1.55; font-weight:300; color:rgba(255,255,255,.84); max-width:48ch; }
.iv3-subs{ margin:15px 0 0; display:flex; flex-wrap:wrap; gap:7px; }
.iv3-subs i{ font-style:normal; font-size:11.5px; font-weight:500; color:#fff; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:5px 11px; backdrop-filter:blur(6px); }
.iv3-cta{ margin-top:18px; display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:#fff; }
.iv3-cta svg{ width:15px; height:15px; transition:transform .3s; }
.iv3-block:hover .iv3-cta svg{ transform:translateX(3px); }

/* ============================================================
   VARIANT D — APPLE-CENTRIC (type-forward, no media)
   ============================================================ */
.iv4-head{ text-align:center; max-width:none; }
.iv4-head .ivv-eyebrow{ justify-content:center; }
.iv4-head .ivv-h{ margin-left:auto; margin-right:auto; max-width:18ch; }
.iv4-seg{ position:relative; margin:clamp(30px,4vw,46px) auto 0; display:flex; flex-wrap:nowrap; justify-content:flex-start; gap:2px; padding:5px; background:var(--bg-2); border:1px solid var(--line); border-radius:999px; width:max-content; max-width:100%; overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; }
.iv4-seg::-webkit-scrollbar{ display:none; }
.iv4-seg-ind{ position:absolute; top:5px; bottom:5px; left:0; z-index:0; width:0; border-radius:999px; background:var(--bg); box-shadow:0 2px 8px rgba(11,12,14,.10); transition:transform .45s cubic-bezier(.2,.7,.2,1), width .45s cubic-bezier(.2,.7,.2,1); }
.iv4-seg-btn{ position:relative; z-index:1; flex:none; font-family:var(--font); font-size:13.5px; font-weight:500; letter-spacing:-.01em; color:var(--muted); background:none; border:none; border-radius:999px; padding:9px 18px; cursor:pointer; white-space:nowrap; transition:color .3s; }
.iv4-seg-btn:hover{ color:var(--ink); }
.iv4-seg-btn.active{ color:var(--ink); }
.iv4-stage{ position:relative; z-index:1; margin-top:clamp(40px,6vw,64px); min-height:clamp(388px,44vh,468px); display:grid; place-items:center; }
.iv4-slide{ position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; opacity:0; transform:translateY(18px) scale(.99); pointer-events:none; transition:opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1); }
.iv4-slide.active{ opacity:1; transform:none; }
.iv4-halo{ position:absolute; top:42%; left:50%; width:min(58vw,560px); height:min(58vw,560px); transform:translate(-50%,-50%); border-radius:50%; z-index:0; opacity:0; filter:blur(64px); transition:opacity .8s ease; background:radial-gradient(circle, color-mix(in srgb, var(--hue) 18%, transparent), transparent 64%); }
.iv4-slide.active .iv4-halo{ opacity:.5; }
/* animated vector rings */
.iv4-rings{ position:absolute; top:42%; left:50%; width:min(92vw,760px); height:min(92vw,760px); transform:translate(-50%,-50%); z-index:0; opacity:0; transition:opacity 1s ease; }
.iv4-rings svg{ width:100%; height:100%; overflow:visible; }
.iv4-rings .r{ fill:none; stroke:var(--hue); transform-origin:300px 300px; }
.iv4-rings .r1{ stroke-width:1.1; opacity:.5; stroke-dasharray:2 11; animation:iv4spin 30s linear infinite; }
.iv4-rings .r2{ stroke-width:1; opacity:.34; stroke-dasharray:54 30; animation:iv4spin 46s linear infinite reverse; }
.iv4-rings .r3{ stroke-width:1; opacity:.2; stroke-dasharray:1 16; animation:iv4spin 70s linear infinite; }
.iv4-rings .orbit{ transform-origin:300px 300px; }
.iv4-rings .o1{ animation:iv4spin 14s linear infinite; }
.iv4-rings .o2{ animation:iv4spin 22s linear infinite reverse; }
.iv4-rings .dot{ fill:var(--hue); filter:drop-shadow(0 0 7px color-mix(in srgb, var(--hue) 70%, transparent)); }
.iv4-rings .dot-sm{ opacity:.7; }
.iv4-slide.active .iv4-rings{ opacity:1; }
@keyframes iv4spin{ to{ transform:rotate(360deg); } }
.iv4-tag{ position:relative; z-index:2; font-size:12px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; color:var(--rose-600); }
.iv4-name{ position:relative; z-index:2; margin:18px 0 0; font-size:clamp(38px,6vw,84px); font-weight:600; letter-spacing:-.045em; line-height:.98; color:var(--ink); text-wrap:balance; max-width:16ch; }
.iv4-desc{ position:relative; z-index:2; margin:24px 0 0; font-size:clamp(16px,1.5vw,20px); line-height:1.55; font-weight:300; color:var(--ink-2); max-width:60ch; text-wrap:pretty; }
.iv4-subline{ position:relative; z-index:2; margin:28px 0 0; display:flex; flex-wrap:wrap; justify-content:center; gap:8px 10px; max-width:60ch; }
.iv4-subline span{ font-size:13px; font-weight:500; color:var(--ink-2); background:var(--bg-2); border:1px solid var(--line); border-radius:999px; padding:8px 15px; pointer-events:auto; transition:border-color .3s, color .3s, transform .3s; }
.iv4-subline span:hover{ border-color:var(--rose-300); color:var(--ink); transform:translateY(-2px); }
.iv4-cta{ position:relative; z-index:2; margin-top:34px; pointer-events:auto; }
.iv4-nav{ position:relative; z-index:4; display:flex; align-items:center; justify-content:center; gap:18px; margin-top:clamp(30px,4vw,46px); }
.iv4-arrow{ width:48px; height:48px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line-2); background:var(--bg); color:var(--ink); cursor:pointer; transition:border-color .3s, transform .3s, background .3s, color .3s, box-shadow .3s; }
.iv4-arrow svg{ width:18px; height:18px; }
.iv4-arrow:hover{ border-color:transparent; background:var(--ink); color:#fff; transform:translateY(-2px); box-shadow:0 8px 20px rgba(11,12,14,.16); }
.iv4-arrow:active{ transform:translateY(0) scale(.96); }
.iv4-progress{ position:relative; width:min(240px,38vw); height:3px; border-radius:3px; background:var(--line-2); overflow:hidden; }
.iv4-progress-fill{ position:absolute; left:0; top:0; bottom:0; width:14%; border-radius:3px; background:linear-gradient(90deg,var(--rose-600),var(--rose-400)); transition:width .5s cubic-bezier(.2,.7,.2,1); }
.iv4-count{ font-size:13px; font-weight:600; color:var(--muted); font-feature-settings:"tnum" 1; min-width:64px; text-align:center; }

/* ============================================================
   VARIANT F — TECHNICAL INDEX (matches "How We Create")
   ============================================================ */
.iv6-panel{ margin-top:clamp(34px,5vw,56px); display:grid; grid-template-columns:0.78fr 1.22fr; gap:0; border:1px solid var(--line); border-radius:32px; overflow:hidden; background:var(--bg); box-shadow:0 30px 70px rgba(11,12,14,.08); }
.iv6-rail{ border-right:1px solid var(--line); background:var(--bg-2); padding:14px; }
.iv6-tab{ position:relative; display:flex; align-items:center; gap:16px; width:100%; text-align:left; font-family:var(--font); background:none; border:none; border-radius:18px; cursor:pointer; padding:18px 20px; color:var(--ink-2); transition:color .3s, background .3s; }
.iv6-tab-idx{ font-size:12px; font-weight:600; letter-spacing:.06em; color:var(--faint); font-feature-settings:"tnum" 1; transition:color .3s; }
.iv6-tab-name{ font-size:16px; font-weight:500; letter-spacing:-.02em; line-height:1.15; transition:color .3s; }
.iv6-tab-arrow{ margin-left:auto; width:16px; height:16px; color:var(--rose-500); opacity:0; transform:translateX(-6px); transition:opacity .3s, transform .3s; }
.iv6-tab-arrow svg{ width:16px; height:16px; }
.iv6-tab::before{ content:""; position:absolute; left:0; top:14px; bottom:14px; width:3px; border-radius:3px; background:linear-gradient(180deg,var(--rose-600),var(--rose-400) 60%,var(--violet)); transform:scaleY(0); transform-origin:center; transition:transform .35s cubic-bezier(.2,.7,.2,1); }
.iv6-tab:hover{ color:var(--ink); background:var(--bg); }
.iv6-tab.active{ color:var(--ink); background:var(--bg); box-shadow:0 6px 20px rgba(11,12,14,.06); }
.iv6-tab.active::before{ transform:scaleY(1); }
.iv6-tab.active .iv6-tab-idx{ color:var(--rose-600); }
.iv6-tab.active .iv6-tab-arrow{ opacity:1; transform:none; }

.iv6-detail{ position:relative; padding:clamp(30px,3.6vw,52px); display:flex; flex-direction:column; min-height:520px; }
/* grid-stacked crossfading cards (no innerHTML churn) */
.iv6-cards{ display:grid; flex:1; }
.iv6-card{ grid-area:1/1; display:flex; flex-direction:column; opacity:0; transform:translateY(10px); pointer-events:none; transition:opacity .45s ease, transform .55s cubic-bezier(.2,.7,.2,1); }
.iv6-card.active{ opacity:1; transform:none; pointer-events:auto; }
.iv6-detail-meta{ display:flex; align-items:center; gap:14px; font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); }
.iv6-detail-meta .seq{ color:var(--rose-600); }
.iv6-detail-meta .ico{ width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--hue,#E41252),color-mix(in srgb,var(--hue,#E41252) 55%,#000)); margin-left:auto; }
.iv6-detail-meta .ico svg{ width:18px; height:18px; }
.iv6-name{ margin:22px 0 0; font-size:clamp(28px,3.2vw,44px); font-weight:500; letter-spacing:-.035em; line-height:1.02; color:var(--ink); text-wrap:balance; }
.iv6-desc{ margin:18px 0 0; font-size:16px; line-height:1.6; font-weight:300; color:var(--ink-2); max-width:54ch; }
.iv6-rows{ margin:26px 0 0; border-top:1px solid var(--line); }
.iv6-rrow{ display:grid; grid-template-columns:96px 1fr; gap:18px; align-items:start; padding:15px 0; border-bottom:1px solid var(--line); }
.iv6-rrow .k{ font-size:10.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); padding-top:3px; }
.iv6-rrow .v{ display:flex; flex-wrap:wrap; gap:7px; }
.iv6-rrow .v i{ font-style:normal; font-size:13px; font-weight:500; color:var(--ink-2); background:var(--bg-2); border:1px solid var(--line); border-radius:999px; padding:6px 13px; transition:border-color .3s, color .3s; }
.iv6-rrow .v i:hover{ border-color:var(--rose-300); color:var(--ink); }
.iv6-aeo{ margin:22px 0 0; padding-left:16px; border-left:3px solid var(--rose-500); font-size:13.5px; font-style:italic; line-height:1.55; font-weight:300; color:var(--muted); max-width:56ch; }
.iv6-cta{ margin-top:auto; padding-top:30px; }

/* ============================================================
   SHARED CLOSER — AI NOTE + RECOMMENDATION
   ============================================================ */
.ivv-closer{ background:var(--bg); }
.ai-note{ position:relative; border-radius:26px; overflow:hidden; background:#0A0B0E; border:1px solid #16181d; padding:clamp(34px,5vw,64px); }
.ai-note-mesh{ position:absolute; inset:0; z-index:0; background:radial-gradient(120% 130% at 100% 0%, rgba(249,47,100,.42), transparent 52%), radial-gradient(100% 120% at 0% 100%, rgba(122,0,255,.34), transparent 56%), radial-gradient(80% 80% at 50% 50%, rgba(0,229,255,.10), transparent 60%); }
.ai-note-mesh::after{ content:""; position:absolute; inset:0; 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(90% 90% at 70% 20%,#000,transparent 82%); mask-image:radial-gradient(90% 90% at 70% 20%,#000,transparent 82%); }
.ai-note-inner{ position:relative; z-index:2; max-width:64ch; color:#fff; }
.ai-note-badge{ display:inline-flex; align-items:center; gap:9px; font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:#fff; background:rgba(255,255,255,.10); border:1px solid rgba(255,255,255,.2); border-radius:999px; padding:8px 14px 8px 11px; backdrop-filter:blur(6px); }
.ai-note-badge svg{ width:17px; height:17px; }
.ai-note-h{ margin:22px 0 0; font-size:clamp(24px,2.6vw,34px); font-weight:500; letter-spacing:-.025em; line-height:1.08; }
.ai-note-p{ margin:16px 0 0; font-size:16px; line-height:1.62; font-weight:300; color:rgba(255,255,255,.84); }
.ai-note-seo{ margin:14px 0 0; font-size:13.5px; line-height:1.6; font-weight:300; color:rgba(255,255,255,.56); max-width:74ch; }
.ai-note-cta{ margin-top:26px; display:inline-flex; align-items:center; gap:9px; font-size:15px; font-weight:500; color:var(--ink); background:#fff; border-radius:999px; padding:14px 22px; transition:transform .25s, background .25s, color .25s; }
.ai-note-cta svg{ width:17px; height:17px; transition:transform .25s; }
.ai-note-cta:hover{ background:var(--rose-500); color:#fff; transform:translateY(-2px); }
.ai-note-cta:hover svg{ transform:translateX(3px); }

.ivv-reco{ margin-top:22px; display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap; padding:clamp(28px,3.4vw,40px); border:1px solid var(--line); border-radius:24px; background:radial-gradient(120% 160% at 100% 0%, rgba(249,47,100,.06), transparent 60%), var(--bg); position:relative; overflow:hidden; }
.ivv-reco::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)); }
.ivv-reco-h{ margin:0; font-size:clamp(20px,2vw,26px); font-weight:500; letter-spacing:-.02em; color:var(--ink); text-wrap:balance; }
.ivv-reco-p{ margin:10px 0 0; font-size:15px; line-height:1.55; font-weight:300; color:var(--ink-2); max-width:66ch; text-wrap:pretty; }
.ivv-reco-actions{ display:flex; gap:12px; flex-wrap:wrap; flex:none; }
.ivv-closing{ margin:30px auto 0; max-width:72ch; text-align:center; font-size:15.5px; line-height:1.6; font-weight:300; color:var(--muted); text-wrap:pretty; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1040px){
  .iv3-grid{ grid-template-columns:repeat(2,1fr); }
  .iv3-block:nth-child(1),.iv3-block:nth-child(7){ grid-column:span 2; }
}
@media (max-width:880px){
  .iv1-short{ display:none; }
  .iv1-detail-in{ grid-template-columns:1fr; padding-left:0; gap:24px; }
  .iv1-row.active .iv1-detail{ max-height:640px; }
  .iv6-panel{ grid-template-columns:1fr; }
  .iv6-rail{ border-right:none; border-bottom:1px solid var(--line); display:flex; flex-wrap:wrap; gap:6px; }
  .iv6-tab{ width:auto; flex:1 1 40%; }
  .iv6-tab::before{ left:14px; right:14px; top:auto; bottom:0; width:auto; height:3px; transform:scaleX(0); }
  .iv6-tab.active::before{ transform:scaleX(1); }
  .iv6-detail{ min-height:0; }
}
@media (max-width:620px){
  .iv3-grid{ grid-template-columns:1fr; }
  .iv3-block:nth-child(1),.iv3-block:nth-child(7){ grid-column:auto; }
  .iv3-reveal{ grid-template-rows:1fr; opacity:1; }
  .iv4-name{ font-size:clamp(34px,11vw,52px); }
  .iv6-rrow{ grid-template-columns:1fr; gap:8px; }
}
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important; transition-duration:.001ms !important; }
  .reveal{ opacity:1 !important; transform:none !important; }
  .iv1d-track{ animation:none !important; }
}


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

.mind ~ section,.mind ~ footer{position:relative;z-index:3;}
@media(max-width:760px){
  .t02-cta-band[data-screen-label="Recognition"]{position:relative;top:auto;}
  .mind{border-radius:0;box-shadow:none;}
}
/* industries: normal section again — no pin, no horizontal drive */
  transform:none!important;transition:none!important;}

/* recognition CTA pins; industries reveals over it */
.mind{position:relative;z-index:3;border-radius:26px 26px 0 0;
  box-shadow:0 -30px 70px rgba(11,12,14,.3);}
.mind ~ section,.mind ~ footer{position:relative;z-index:3;}
@media(max-width:760px){
  .t02-cta-band[data-screen-label="Recognition"]{position:relative!important;top:auto!important;}
  .mind{border-radius:0;box-shadow:none;}
}
/* ---- premium reveal: CTA holds, industries rises from the bottom ---- */
.mind{position:relative;z-index:4;margin-top:-40vh;
  border-radius:28px 28px 0 0;box-shadow:0 -40px 90px rgba(11,12,14,.42);}
.mind ~ section,.mind ~ footer{position:relative;z-index:4;}
@media(max-width:760px){
  .mind{margin-top:0;border-radius:0;box-shadow:none;}
}
/* solutions + CTA hold in flow; industries slides up and covers both */
  bottom:0!important;z-index:2!important;}
.mind{position:relative!important;z-index:5!important;margin-top:0!important;
  border-radius:28px 28px 0 0!important;box-shadow:0 -40px 90px rgba(11,12,14,.45)!important;}
.mind ~ section,.mind ~ footer{position:relative;z-index:5;}
@media(max-width:760px){
  .msol,.t02-cta-band[data-screen-label="Recognition"]{position:relative!important;top:auto!important;bottom:auto!important;}
  .mind{border-radius:0!important;box-shadow:none!important;}
}
.mind{position:relative!important;z-index:3!important;margin-top:-6vh!important;
  border-radius:28px 28px 0 0!important;box-shadow:0 -34px 80px rgba(11,12,14,.4)!important;}
.mind ~ section,.mind ~ footer{position:relative;z-index:3;}
@media(max-width:760px){.mind{margin-top:0!important;border-radius:0!important;box-shadow:none!important;}}
/* every panel from industries onward rides above and covers it */
.mind{position:relative!important;z-index:3!important;margin-top:0!important;
  border-radius:28px 28px 0 0!important;box-shadow:0 -36px 84px rgba(11,12,14,.44)!important;}
.mind ~ section,.mind ~ footer{position:relative;z-index:3;background:#fff;}
@media(max-width:760px){
  .cov-stage{position:relative;top:auto;}
  .mind{border-radius:0!important;box-shadow:none!important;}
}
/* industries and everything after it ride over the pinned stage */
.mind{position:relative!important;z-index:6!important;
  border-radius:28px 28px 0 0!important;box-shadow:0 -40px 90px rgba(11,12,14,.5)!important;}
.mind ~ section,.mind ~ footer,.mind ~ div:not(.wdi-guide){position:relative!important;z-index:6!important;}
@media(max-width:760px){
  .cov-stage{position:relative!important;height:auto!important;overflow:visible!important;}
  .mind{border-radius:0!important;box-shadow:none!important;}
}
.mind{position:relative!important;z-index:6!important;margin-top:-88vh!important;
  border-radius:28px 28px 0 0!important;box-shadow:0 -44px 96px rgba(11,12,14,.5)!important;}
.mind ~ section,.mind ~ footer,.mind ~ div:not(.wdi-guide){position:relative!important;z-index:6!important;}
@media(max-width:760px){
  .cov-track{padding-bottom:0!important;}
  .mind{margin-top:0!important;border-radius:0!important;box-shadow:none!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;}
.mind{min-height:100vh;display:flex;flex-direction:column;justify-content:center;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cov-stage,.mind{min-height:0;display:block;}
  .cvr-lift,.cov-track{transform:none!important;}
}
.mind{position:relative!important;z-index:6!important;margin-top:-88vh!important;
  min-height:100vh!important;display:block!important;
  border-radius:30px 30px 0 0!important;box-shadow:0 -46px 100px rgba(11,12,14,.55)!important;}
.mind ~ section,.mind ~ footer,.mind ~ div:not(.wdi-guide){position:relative!important;z-index:6!important;}
@media(max-width:940px),(prefers-reduced-motion:reduce){
  .cov-track{padding-bottom:0!important;background:none;}
  .cov-stage{position:relative!important;min-height:0!important;display:block!important;
    transform:none!important;filter:none!important;}
  .mind{margin-top:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;}
}
/* cream canvas must beat the .mind ~ section white reset */
section.mai2{background:#F4F1EC!important;}
/* industries: capability tags always visible, as pink bullet points */
.mic-tags{opacity:1!important;transform:none!important;gap:7px 18px;}
.mic-tags span{border:0!important;border-radius:0!important;padding:0 0 0 14px!important;position:relative;}
.mic-tags span::before{content:"";position:absolute;left:0;top:.52em;width:6px;height:6px;border-radius:50%;background:var(--rose-500,#F92F64);}
.mind.is-light .mic-tags span::before{background:var(--rose-600,#E01254);}
/* industry cards: uniform 2-line titles, 4-line body, refined bullet list */
.mic-card .mic-top h3{line-height:1.12;min-height:2.24em;}
.mic-card > p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
  min-height:calc(4 * 1.62em);line-height:1.62;}
.mic-tags{display:grid!important;grid-template-columns:1fr 1fr;gap:10px 20px;align-content:start;}
.mic-tags span{font-size:12px!important;font-weight:400;letter-spacing:.01em;line-height:1.35;
  color:rgba(255,255,255,.66)!important;padding:0 0 0 16px!important;}
.mic-tags span::before{width:5px;height:5px;top:.5em;
  background:var(--rose-500,#F92F64);box-shadow:0 0 0 3px rgba(249,47,100,.16);}
.mic-card:hover .mic-tags span{color:rgba(255,255,255,.85)!important;}
.mind.is-light .mic-tags span{color:var(--ink-2)!important;}
@media(max-width:940px){.mic-card .mic-top h3{min-height:0;}.mic-card > p{min-height:0;}}
/* industry tags: always exactly one line each */
.mic-tags span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11.5px!important;}
@media(max-width:1280px){.mic-tags span{font-size:11px!important;letter-spacing:0;}}

/* this page: industries is a normal section — no overlap onto the solutions above */
section.mind{margin-top:0!important;min-height:0!important;border-radius:0!important;box-shadow:none!important;
  z-index:auto!important;display:block!important;}
.mind ~ section,.mind ~ footer,.mind ~ div:not(.wdi-guide){z-index:auto!important;}

/* slide-over after solution 08: solutions pins by its bottom edge, industries rises over it */
@media(min-width:941px){
  #solutions{position:sticky!important;top:var(--msolTop,0px)!important;z-index:1!important;}
  section.mind{position:relative!important;z-index:3!important;
    border-radius:28px 28px 0 0!important;box-shadow:0 -40px 90px rgba(11,12,14,.42)!important;}
  .mind ~ section,.mind ~ footer,.mind ~ div:not(.wdi-guide){position:relative!important;z-index:3!important;}
}

.wdi-guide{position:fixed!important;z-index:130!important;}


/* ==== ais-industries.css ==== */
/* ============================================================
   Industries — compact vector-card rail
   ============================================================ */
.ais-ind{position:relative;padding:clamp(56px,6vw,92px) 0;background:#fff;}
.ais-ind-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;
  margin-bottom:clamp(28px,3.2vw,42px);}
.ais-ind-h{margin-top:16px;font-size:clamp(28px,3vw,44px);font-weight:400;letter-spacing:-0.045em;
  line-height:1.06;color:var(--ink);max-width:18ch;}
.ais-ind-h .amp{background:linear-gradient(110deg,var(--rose-600),var(--violet));
  -webkit-background-clip:text;background-clip:text;color:transparent;}
.ais-ind-nav{display:flex;gap:10px;flex:none;}
.ais-ind-arrow{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;cursor:pointer;
  background:#fff;border:1px solid var(--line-2);color:var(--ink);
  transition:background .28s,border-color .28s,color .28s,transform .28s,opacity .28s;}
.ais-ind-arrow svg{width:17px;height:17px;}
.ais-ind-arrow:hover{background:var(--rose-500);border-color:var(--rose-500);color:#fff;transform:translateY(-2px);}
.ais-ind-arrow:disabled{opacity:.32;cursor:default;transform:none;background:#fff;border-color:var(--line);color:var(--ink);}
/* rail */
.ais-ind-rail{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 18px;
  -ms-overflow-style:none;scrollbar-width:none;}
.ais-ind-rail::-webkit-scrollbar{display:none;}
.ais-ind-card{flex:0 0 288px;scroll-snap-align:start;display:flex;flex-direction:column;
  padding:14px 14px 20px;border:1px solid var(--line);border-radius:20px;background:#fff;text-decoration:none;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .4s ease;}
.ais-ind-card:hover{transform:translateY(-5px);border-color:var(--line-2);
  box-shadow:0 24px 52px -34px rgba(11,12,14,.34);}
.ais-ind-art{display:block;border-radius:14px;overflow:hidden;aspect-ratio:14/11;}
.ais-ind-art svg{width:100%;height:100%;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.ais-ind-card:hover .ais-ind-art svg{transform:scale(1.05);}
.ais-ind-name{display:block;margin-top:18px;padding:0 4px;font-size:17.5px;font-weight:600;
  letter-spacing:-0.025em;color:var(--ink);}
.ais-ind-d{display:block;margin-top:9px;padding:0 4px;font-size:14px;font-weight:300;line-height:1.55;
  color:var(--muted);}
.ais-ind-more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:16px 4px 0;
  font-size:13.5px;font-weight:600;letter-spacing:-0.01em;color:var(--rose-600);transition:gap .3s;}
.ais-ind-more svg{width:14px;height:14px;}
.ais-ind-card:hover .ais-ind-more{gap:12px;}
@media(max-width:760px){
  .ais-ind-head{flex-direction:column;align-items:flex-start;gap:20px;}
  .ais-ind-card{flex-basis:80vw;}
}
@media(prefers-reduced-motion:reduce){.ais-ind-card,.ais-ind-art svg{transition:none;}}
/* open-source glyph art, centred in its tinted panel */
.ais-ind-art{display:grid;place-items:center;}
.ais-ind-art img{width:42%;max-width:88px;height:auto;display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);}
.ais-ind-card:hover .ais-ind-art img{transform:scale(1.08);}
/* tighten the gap between the portfolio and industries */
.ais-ind{padding-top:clamp(28px,3vw,44px);}
/* abstract compositions fill the panel */
.ais-ind-art{display:block;}
.ais-ind-art svg{width:100%;height:100%;display:block;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.ais-ind-card:hover .ais-ind-art svg{transform:scale(1.04);}
/* industry card headers: larger, better separated */
.ais-ind-name{margin-top:22px;font-size:clamp(19px,1.7vw,23px);font-weight:600;letter-spacing:-0.03em;
  line-height:1.16;color:var(--ink);}
.ais-ind-d{margin-top:11px;font-size:14.5px;line-height:1.6;}

/* ==== ai-stories.css ==== */
/* AI Success Stories — case-book slides (after reference: visual slide + statement slide per project) */
.sx{--rose:#F92F64;--violet:#A24BFF;background:#fff;padding:clamp(88px,9vw,136px) 0 0;font-family:'Figtree',system-ui,sans-serif;color:#0B0C0E;}
.sx .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.sx-head{margin-bottom:clamp(56px,6vw,96px);}
.sx-eye{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--rose);}
.sx-eye i{width:6px;height:6px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 4px rgba(249,47,100,.16);}
.sx-h{margin:20px 0 24px;max-width:15ch;font-size:clamp(34px,3.9vw,56px);font-weight:500;line-height:1.06;letter-spacing:-0.035em;text-wrap:balance;}
.sx-lead{margin:0;max-width:76ch;font-size:clamp(16px,1.15vw,18px);line-height:1.65;color:#5F636B;}

.sx-case{position:relative;}
.sx-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.sx-slide{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100vh + 120px);min-height:560px;overflow:hidden;}

/* ---------- visual slide · web (laptop + phone on brand shapes) ---------- */
.sx-vis-web{background:#fff;}
.sx-glyph{position:absolute;left:-2%;bottom:-24%;font-size:clamp(420px,58vw,1100px);font-weight:800;line-height:.8;letter-spacing:-0.08em;color:var(--hue);pointer-events:none;}
.sx-dash{position:absolute;left:0;top:14%;width:26%;height:24%;}
.sx-star{position:absolute;pointer-events:none;}
.sx-star.s1{right:20%;top:4%;width:8%;transform:rotate(-12deg);}
.sx-star.s2{left:17%;top:58%;width:8%;transform:rotate(10deg);}
.sx-star.s3{right:16%;top:38%;width:4.4%;}
.sx-star.s4{right:10%;bottom:6%;width:6.4%;transform:rotate(18deg);}
.sx-stage{position:absolute;left:23%;right:13%;top:9%;bottom:8%;}
.sx-vis-web .d-main{position:absolute;left:0;top:0;width:82%;filter:drop-shadow(0 40px 60px rgba(11,12,14,.22));}
.sx-vis-web .d-side{position:absolute;right:0;bottom:0;width:17%;filter:drop-shadow(0 30px 40px rgba(11,12,14,.28));}
.sx-brandtag{position:absolute;left:4.6%;top:6%;display:flex;align-items:center;}
.sx-brandtag .sx-logo{height:clamp(26px,2.4vw,40px);width:auto;}
.sx-word{display:flex;flex-direction:column;font-size:clamp(20px,1.9vw,30px);font-weight:700;letter-spacing:-0.03em;color:var(--hue);line-height:1;}
.sx-word small{font-size:.42em;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-top:6px;color:#5F636B;}

/* ---------- visual slide · mobile (phone wall + brand panel) ---------- */
.sx-vis-mob{background:#F3F6FA;display:grid;grid-template-columns:52.2% 1fr;gap:2.4%;padding:3.7% 6.4% 3.7% 4.2%;box-sizing:border-box;}
.sx-wall{position:relative;overflow:hidden;background:#D9DCDF;
  background-image:radial-gradient(rgba(255,255,255,.55) 1px,transparent 1.4px),radial-gradient(rgba(0,0,0,.06) 1px,transparent 1.6px);
  background-size:7px 7px,11px 11px;background-position:0 0,3px 5px;}
.sx-col{position:absolute;left:6%;top:-18%;bottom:-18%;width:39%;display:flex;flex-direction:column;justify-content:space-between;}
.sx-col .sx-dev{width:100%;}
.sx-wall .d-c{position:absolute;left:49%;top:8%;width:39%;filter:drop-shadow(0 30px 40px rgba(11,12,14,.3));}
.sx-col .sx-dev{filter:drop-shadow(0 24px 34px rgba(11,12,14,.24));}
.sx-brandpanel{position:relative;overflow:hidden;background-size:cover;background-position:center;display:grid;place-items:center;}
.sx-tint{position:absolute;inset:0;background:var(--hue);mix-blend-mode:multiply;opacity:.92;}
.sx-brandpanel::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(201,164,92,.18),transparent 55%);}
.sx-brandpanel .sx-logo{position:relative;z-index:1;width:min(38%,260px);height:auto;}
.sx-logo.inv{filter:brightness(0) invert(1);}

/* ---------- devices ---------- */
.sx-dev{position:relative;}
.sx-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;}
.sx-scr{position:absolute;overflow:hidden;z-index:1;background:#0B0C0E;}
.sx-sb{position:absolute;left:0;right:0;top:0;height:5.4%;display:flex;align-items:center;justify-content:space-between;padding:0 9%;font-size:clamp(5px,.55vw,9px);font-weight:600;color:inherit;z-index:3;}
.sx-sb i{width:14%;height:34%;border-radius:2px;border:1px solid currentColor;opacity:.7;}

/* screens */
.ui{position:absolute;inset:0;font-size:clamp(4px,.52vw,9.5px);line-height:1.3;}
.ui-web{background:#fff;color:#0B0C0E;display:flex;flex-direction:column;}
.uw-top{display:flex;align-items:center;gap:4%;padding:2.2% 3%;border-bottom:1px solid rgba(11,12,14,.08);}
.uw-top b{font-weight:800;font-size:1.25em;letter-spacing:-0.02em;color:var(--hue);display:flex;gap:.4em;align-items:baseline;}
.uw-top b span{font-weight:500;color:#5F636B;font-size:.8em;}
.uw-top nav{display:flex;gap:1.6em;margin-left:auto;color:#5F636B;}
.uw-top nav i{font-style:normal;}
.uw-top nav i.on{color:#0B0C0E;font-weight:700;}
.uw-top em{font-style:normal;font-weight:700;color:#fff;background:var(--hue);padding:.6em 1.2em;border-radius:99px;}
.uw-body{flex:1;display:grid;grid-template-columns:1.7fr 1fr;gap:3%;padding:3%;background:#F6F7F8;}
.uw-l,.uw-r{background:#fff;border-radius:.9em;padding:4% 5%;box-shadow:0 1px 0 rgba(11,12,14,.05);}
.ui h6{margin:0 0 .9em;font-size:.9em;font-weight:700;color:#5F636B;letter-spacing:.02em;}
.uw-big{display:block;font-size:2.8em;font-weight:800;letter-spacing:-0.03em;margin-bottom:.4em;}
.uw-bars{display:flex;align-items:flex-end;gap:5%;height:22%;margin-bottom:1.4em;}
.uw-bars i{flex:1;border-radius:.3em .3em 0 0;background:linear-gradient(180deg,var(--hue2),var(--hue));}
.uw-r p,.up-card p,.tan-hold p{display:flex;justify-content:space-between;margin:.55em 0;color:#5F636B;}
.uw-r p b,.up-card p b,.tan-hold p b{color:#0B0C0E;}
.neg{color:#E0204F!important;}.pos{color:#0F8A5F!important;}
.bio-grid{display:grid;grid-template-columns:1fr 1fr;gap:3%;height:84%;}
.bio-grid span,.up-img{position:relative;border-radius:.6em;background-size:cover;background-position:center;overflow:hidden;}
.bio-grid u,.up-img u{position:absolute;border:2px solid #6FD1C4;border-radius:.3em;box-shadow:0 0 0 1px rgba(0,0,0,.2);}
.bio-grid u.bad,.up-img u.bad{border-color:#F92F64;}
.bio-grid s,.up-img s{position:absolute;left:6%;bottom:6%;text-decoration:none;font-weight:700;color:#fff;background:#14524F;padding:.3em .7em;border-radius:.4em;}
.bio-grid s.bad,.up-img s.bad{background:#F92F64;}
.zr{display:flex;align-items:center;gap:4%;padding:3.4% 0;border-bottom:1px solid rgba(11,12,14,.06);}
.zr img{width:9%;aspect-ratio:1;border-radius:50%;object-fit:cover;}
.zr span{flex:1;display:flex;flex-direction:column;}
.zr span i{font-style:normal;color:#5F636B;}
.zr em{font-style:normal;font-weight:700;padding:.35em .9em;border-radius:99px;}
.zr em.ok{background:#E8F7EF;color:#0F8A5F;}.zr em.warn{background:#FDEBEF;color:#E0204F;}

.ui-ph{background:#fff;color:#0B0C0E;padding:16% 7% 8%;box-sizing:border-box;display:flex;flex-direction:column;gap:4%;font-size:clamp(5px,.62vw,10.5px);}
.up-h{display:flex;justify-content:space-between;align-items:baseline;}
.up-h b{font-size:1.9em;font-weight:800;letter-spacing:-0.03em;}
.up-h em{font-style:normal;font-weight:700;color:var(--hue);}
.up-img{height:34%;}
.up-card{background:#F4F5F7;border-radius:1.2em;padding:6%;}
.up-btn{margin-top:auto;text-align:center;font-weight:700;color:#fff;background:var(--hue);padding:1em;border-radius:99px;}
.up-btn.gold{background:#C9A45C;color:#0F3B35;}
.ui-tan{background:#0F3B35;color:#fff;}
.ui-tan .up-h em{color:#C9A45C;}
.ui-tan.light{background:#F7F4EC;color:#0F3B35;}
.tan-val span{display:block;opacity:.7;}
.tan-val b{display:block;font-size:2.5em;font-weight:800;letter-spacing:-0.03em;}
.tan-val i{font-style:normal;color:#C9A45C;font-weight:700;}
.tan-line{width:100%;height:20%;}
.tan-hold p{color:rgba(255,255,255,.7);border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.55em;}
.tan-hold p b{color:#fff;}
.tan-op{height:26%;border-radius:1.2em;background-size:cover;background-position:center;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:6%;color:#fff;}
.tan-op::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,59,53,.9),rgba(15,59,53,.1));}
.tan-op span,.tan-op b{position:relative;}
.tan-op b{font-size:1.4em;}
.tan-dial{position:relative;text-align:center;}
.tan-dial svg{width:80%;}
.tan-dial b{display:block;font-size:1.9em;font-weight:800;margin-top:-4%;}
.tan-dial span{opacity:.7;}
.zg-route{display:flex;align-items:center;gap:6%;justify-content:center;padding:6% 0;}
.zg-route b{font-size:2.2em;font-weight:800;letter-spacing:-0.02em;}
.zg-route i{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--hue) 0 6px,transparent 6px 11px);}
.zg-chain{display:flex;gap:3%;}
.zg-chain span{flex:1;text-align:center;padding:.6em 0;border-radius:99px;background:#F4F5F7;color:#5F636B;font-weight:600;}
.zg-chain span.ok{background:#E8F7EF;color:#0F8A5F;}

/* ---------- statement slide ---------- */
.sx-text{background:var(--bg);color:var(--ink);padding:0 5.2%;box-sizing:border-box;display:flex;flex-direction:column;}
.sx-tgrid{flex:1;display:grid;grid-template-columns:40% 1fr;gap:9%;align-items:center;}
.sx-stmt{margin:0;font-size:clamp(30px,3.15vw,60px);font-weight:500;line-height:1.02;letter-spacing:-0.025em;text-wrap:balance;}
.sx-stmt em{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-0.01em;font-size:1.08em;}
.sx-copy p{margin:0;font-size:clamp(15px,1.25vw,22px);line-height:1.62;}
.sx-copy h4{margin:clamp(22px,2.4vw,40px) 0 12px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;opacity:.75;}
.sx-copy ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;}
.sx-copy li{font-size:clamp(12.5px,.9vw,14px);font-weight:500;padding:7px 14px;border-radius:99px;border:1px solid currentColor;opacity:.92;}
.sx-foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;border-top:1px solid currentColor;padding:clamp(18px,1.7vw,30px) 0 clamp(26px,2.6vw,46px);font-size:clamp(13px,1.2vw,22px);font-weight:600;text-transform:uppercase;letter-spacing:.01em;}
.sx-foot span:nth-child(2){text-align:center;}
.sx-foot .sx-sig{text-align:right;}
.sx-sig em{font-family:'Instrument Serif',Georgia,serif;font-style:normal;font-weight:400;text-transform:uppercase;letter-spacing:.02em;}
.sx-text.dark .sx-foot{border-top-color:rgba(255,255,255,.55);}
.sx-text:not(.dark) .sx-copy li{border-color:rgba(20,82,79,.35);}

@media(max-width:900px){
  .sx .wrap{padding:0 20px;}
  .sx-slide{aspect-ratio:auto;min-height:0;max-height:none;}
  .sx-vis{aspect-ratio:4/3!important;}
  .sx-vis-mob{grid-template-columns:1fr;padding:4%;}
  .sx-brandpanel{display:none;}
  .sx-text{padding:56px 20px 0;}
  .sx-tgrid{grid-template-columns:1fr;gap:28px;}
  .sx-foot{grid-template-columns:1fr;gap:6px;margin-top:40px;}
  .sx-foot span,.sx-foot .sx-sig{text-align:left;}
}

/* ============ zig-zag horizontal case scroll ============ */
.sx-hz{height:calc(250vh - 74px);}
.sx-hz .sx-pin{position:sticky;top:74px;height:calc(100vh - 74px);overflow:hidden;}
.sx-hz .sx-track{display:flex;width:200%;height:100%;will-change:transform;}
.sx-hz.sx-rev .sx-track{flex-direction:row-reverse;transform:translate3d(-50%,0,0);}
.sx-hz .sx-slide{flex:0 0 50%;width:50%;height:100%;aspect-ratio:auto;min-height:0;max-height:none;}
@media(max-width:900px),(prefers-reduced-motion:reduce){
  .sx-hz{height:auto;}
  .sx-hz .sx-pin{position:relative;top:auto;height:auto;overflow:visible;}
  .sx-hz .sx-track,.sx-hz.sx-rev .sx-track{display:block;width:100%;height:auto;transform:none!important;}
  .sx-hz .sx-slide{width:100%;height:auto;}
}


/* ==== aitk.css ==== */
/* AI Technologies & Platforms — minimal dark index */
.aitk{position:relative;background:#0B0C0E;color:#fff;padding:clamp(96px,10vw,148px) 0;font-family:'Figtree',system-ui,sans-serif;overflow:hidden;}
.aitk::before{content:"";position:absolute;inset:-20% -10% auto auto;width:60vw;height:60vw;pointer-events:none;
  background:radial-gradient(closest-side,rgba(249,47,100,.10),transparent 70%);}
.aitk-wrap{position:relative;max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
.aitk-eye{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#FF7BA3;}
.aitk-eye i{width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.18);}
.aitk-h{margin:20px 0 0;max-width:16ch;font-size:clamp(34px,3.9vw,56px);font-weight:400;line-height:1.06;letter-spacing:-0.045em;color:#fff;}
.aitk-h .amp{background:linear-gradient(90deg,#F92F64,#A24BFF);-webkit-background-clip:text;background-clip:text;color:transparent;}
.aitk-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);margin-top:clamp(28px,3vw,44px);}
.aitk-intro p{margin:0;font-size:clamp(15px,1.1vw,17px);line-height:1.65;color:rgba(255,255,255,.62);text-wrap:pretty;}
.aitk-rows{margin-top:clamp(56px,6vw,88px);border-top:1px solid rgba(255,255,255,.12);}
.aitk-row{display:grid;grid-template-columns:64px minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:start;
  padding:clamp(26px,2.6vw,36px) 0;border-bottom:1px solid rgba(255,255,255,.12);transition:background .4s ease;}
.aitk-n{padding-top:4px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.14em;color:rgba(255,255,255,.4);transition:color .3s ease;}
.aitk-main h3{margin:0;font-size:clamp(19px,1.5vw,23px);font-weight:500;letter-spacing:-0.02em;line-height:1.25;color:#fff;}
.aitk-main p{margin:10px 0 0;max-width:52ch;font-size:15px;line-height:1.6;color:rgba(255,255,255,.58);}
.aitk-lab{display:block;padding-top:4px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.4);}
.aitk-list ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px;}
.aitk-list li{font-size:15px;line-height:1.5;color:rgba(255,255,255,.86);}
.aitk-row:hover .aitk-n{color:#FF7BA3;}
.aitk-foot{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:clamp(48px,5vw,72px);}
.aitk-foot h3{margin:0;font-size:clamp(20px,1.7vw,26px);font-weight:500;letter-spacing:-0.025em;color:#fff;}
.aitk-foot p{margin:8px 0 0;max-width:60ch;font-size:15px;line-height:1.6;color:rgba(255,255,255,.58);}
.aitk-btn{flex:none;display:inline-flex;align-items:center;gap:12px;padding:15px 24px;border-radius:999px;background:#F92F64;color:#fff;text-decoration:none;font-size:15px;font-weight:600;
  transition:background .3s ease,color .3s ease,transform .3s ease;}
.aitk-btn svg{width:16px;height:16px;transition:transform .3s ease;}
.aitk-btn:hover{background:#fff;color:#F92F64;transform:translateY(-2px);}
.aitk-btn:hover svg{transform:translateX(3px);}
.aitk-btn:focus-visible{outline:2px solid #fff;outline-offset:3px;}
@media(max-width:900px){
  .aitk-wrap{padding:0 20px;}
  .aitk-intro{grid-template-columns:1fr;}
  .aitk-row{grid-template-columns:40px minmax(0,1fr);}
  .aitk-list{grid-column:2;}
  .aitk-foot{flex-direction:column;align-items:flex-start;}
}

/* real technology logos — monochrome white so the dark index stays calm */
.aitk-list ul{gap:10px 10px;}
.aitk-list li{display:inline-flex;align-items:center;gap:9px;padding:7px 13px 7px 8px;border-radius:999px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:14px;color:rgba(255,255,255,.86);
  transition:background .3s ease,border-color .3s ease;}
.aitk-ic{width:22px;height:22px;flex:none;display:grid;place-items:center;}
.aitk-ic img{max-width:18px;max-height:18px;width:auto;height:auto;filter:brightness(0) invert(1);opacity:.88;}
.aitk-ic.gly svg{width:17px;height:17px;color:rgba(255,255,255,.88);}
.aitk-ic.mono{border-radius:6px;background:linear-gradient(135deg,#F92F64,#A24BFF);font-family:'Space Grotesk',ui-monospace,monospace;font-size:9.5px;font-weight:700;letter-spacing:.02em;color:#fff;}
.aitk-row:hover .aitk-list li{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);}
/* softer, unbanded glow */
.aitk::before{filter:blur(60px);opacity:.9;}
.aitk-ic.mono{background:rgba(255,255,255,.14);color:#fff;}


/* ==== faq.css ==== */
/* ============================================================
   WDI — FAQs & Answer Bank  (Variants A–E)
   WDI system: rose accent, ink type, Figtree, light.
   ============================================================ */
:root{
  --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;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;}
body{font-family:var(--font);color:var(--ink);background:var(--bg);overflow-x:hidden;}
.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;}
}


/* ==== aiml-final.css ==== */
/* Final CTA — reuses the dark .mad-final / .pp-cta block from the Mobile + AI App Development pages */
.pp-cta{position:relative;width:100vw;left:50%;transform:translateX(-50%);min-height:100vh;display:grid;place-items:center;overflow:hidden;
  background:#fff;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:#E0204F;
  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:#F92F64;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:#0B0C0E;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,#E0204F,#A24BFF);-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:#3A3D44;
  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:'Figtree',system-ui,sans-serif;font-size:15px;font-weight:500;color:#fff;background:#0B0C0E;border:1px solid #0B0C0E;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:#E0204F;border-color:#E0204F;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:'Figtree',system-ui,sans-serif;font-size:15px;font-weight:500;color:#0B0C0E;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:#0B0C0E;}
.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;}}
.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;}
@media(max-width:760px){.pp-mini-in{padding:26px;}.pp-mini .pp-cta-btn{width:100%;justify-content:center;}}
.mad-final{background:#0B0C0E!important;color:#fff;padding:clamp(96px,10vw,160px) 0!important;position:relative;overflow:hidden;}
.mad-final .pp-cta{margin:0!important;width:auto!important;left:auto!important;transform:none!important;min-height:0!important;
  background:transparent!important;border-radius:0!important;padding:0!important;color:#fff!important;
  position:static!important;overflow:visible!important;}
.mad-final .pp-cta{display:block!important;}
.mad-final .pp-cta-in{padding:0!important;margin:0!important;max-width:none!important;width:auto!important;position:relative;z-index:1;text-align:left!important;}
.mad-final .pp-cta-h{max-width:18ch;margin-left:0!important;}
.mad-final .pp-cta-p{max-width:60ch;margin-left:0!important;}
.mad-final .pp-cta-actions{justify-content:flex-start!important;}
.mad-final .pp-cta-aura,.mad-final .pp-cta-dots{position:absolute!important;inset:0!important;}
.mad-final .pp-cta-h,.mad-final .pp-cta-p,.mad-final .pp-cta-actions{opacity:1!important;transform:none!important;transition:none!important;}
.mad-final .pp-cta-h{color:#fff!important;}
.mad-final .pp-cta-h em{color:#FF7BA3!important;-webkit-text-fill-color:#FF7BA3!important;background:none!important;font-style:normal;}
.mad-final .pp-cta-p{color:rgba(255,255,255,.72)!important;}
.mad-final .pp-cta-btn{background:#F92F64!important;color:#fff!important;border-color:#F92F64!important;}
.mad-final .pp-cta-btn:hover{background:#fff!important;color:#F92F64!important;border-color:#fff!important;}
.mad-final .pp-cta-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;}
.mad-final .pp-cta-link{color:rgba(255,255,255,.82);font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.35);transition:color .25s,text-decoration-color .25s;}
.mad-final .pp-cta-link:hover{color:#FF7BA3;text-decoration-color:#FF7BA3;}
.mad-final .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;font-family:'Figtree',system-ui,sans-serif;}
.mad-final .pp-cta-h{max-width:20ch;}
.mad-final .pp-cta-sub{margin:44px 0 0;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);max-width:64ch;}
.mad-final .pp-cta-sub h3{margin:0 0 10px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#FF7BA3;}
.mad-final .pp-cta-sub p{margin:0;font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:rgba(255,255,255,.62);}
@media(max-width:760px){.mad-final .wrap{padding:0 20px;}}
#final-cta .wrap{max-width:1240px!important;}
#final-cta .pp-cta-in{margin:0!important;width:100%!important;max-width:none!important;transform:none!important;left:auto!important;}


/* ==== inline style 1 ==== */

:root{--maxw:1280px;--void:#000;--ash:#9a9a9a;--silver:#bdbdbd;}
/* ---- Hero V1 · Constellation (Mobile Hero) ---- */
.hb1{position:relative;width:100%;min-height:100svh;background:var(--void);overflow:hidden;isolation:isolate;display:flex;flex-direction:column;font-family:var(--font);}
.hb1-canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none;}
.hb1-veil{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 82% 44%,transparent 30%,rgba(0,0,0,.55) 78%),linear-gradient(90deg,#000 6%,rgba(0,0,0,.4) 34%,transparent 56%);}
.hb1-crumb{position:relative;z-index:4;max-width:var(--maxw);width:100%;margin:0 auto;padding:26px clamp(22px,5vw,56px) 0;}
.hb1-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;font-weight:400;color:var(--ash);}
.hb1-crumb li+li::before{content:"/";margin-right:8px;color:#4a4a4a;}
.hb1-crumb a{color:var(--ash);text-decoration:none;transition:color .25s;}
.hb1-crumb a:hover{color:#fff;}
.hb1-crumb [aria-current]{color:#fff;}
.hb1-body{position:relative;z-index:4;flex:1;display:flex;align-items:center;max-width:var(--maxw);width:100%;margin:0 auto;padding:clamp(30px,5vw,64px) clamp(22px,5vw,56px) clamp(34px,4vw,56px);}
.hb1-copy{max-width:660px;}
.hb1-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-300);margin-bottom:24px;opacity:0;transform:translateY(16px);animation:hb1Rise .9s cubic-bezier(.2,.7,.2,1) .1s forwards;}
.hb1-eyebrow .d{width:7px;height:7px;border-radius:2px;background:linear-gradient(135deg,var(--rose-500),var(--violet));box-shadow:0 0 14px rgba(249,47,100,.8);}
.hb1-h{font-size:clamp(40px,6.2vw,84px);font-weight:400;letter-spacing:-0.045em;line-height:1;color:#fff;text-wrap:balance;}
.hb1-h .l1,.hb1-h .l2{display:block;opacity:0;transform:translateY(26px);animation:hb1Rise 1s cubic-bezier(.2,.7,.2,1) forwards;}
.hb1-h .l1{animation-delay:.18s;}
.hb1-h .l2{animation-delay:.3s;}
.hb1-h .accent{color:#FF6F92;}
.hb1-sub{margin-top:26px;max-width:56ch;font-size:clamp(16px,1.4vw,18.5px);font-weight:300;line-height:1.6;color:var(--silver);opacity:0;transform:translateY(20px);animation:hb1Rise 1s cubic-bezier(.2,.7,.2,1) .42s forwards;}
.hb1-aeo{margin-top:14px;max-width:58ch;font-size:14.5px;font-weight:300;line-height:1.62;color:var(--ash);opacity:0;transform:translateY(20px);animation:hb1Rise 1s cubic-bezier(.2,.7,.2,1) .5s forwards;}
.hb1-cta{margin-top:32px;display:flex;align-items:center;gap:20px;flex-wrap:wrap;opacity:0;transform:translateY(20px);animation:hb1Rise 1s cubic-bezier(.2,.7,.2,1) .58s forwards;}
.hb1-btn{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:.03em;color:#fff;background:var(--rose-500);border-radius:999px;padding:15px 26px;text-decoration:none;transition:transform .3s,background .3s,box-shadow .3s;}
.hb1-btn svg{width:16px;height:16px;transition:transform .3s;}
.hb1-btn:hover{transform:translateY(-2px);background:var(--rose-600);box-shadow:0 18px 40px rgba(249,47,100,.42);}
.hb1-btn:hover svg{transform:translateX(3px);}
.hb1-ghost{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ash);text-decoration:none;transition:color .25s,gap .25s;}
.hb1-ghost svg{width:15px;height:15px;}
.hb1-ghost:hover{color:#fff;gap:12px;}
.hb1-labels{margin-top:clamp(28px,3.4vw,42px);display:flex;flex-wrap:wrap;gap:9px;opacity:0;animation:hb1Fade 1s ease .72s forwards;}
.hb1-labels span{font-size:12.5px;font-weight:500;color:#d6d6d6;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 15px;transition:border-color .3s,color .3s,transform .3s;}
.hb1-labels span:hover{border-color:var(--rose-400);color:#fff;transform:translateY(-2px);}
.hb1-meta{position:relative;z-index:4;max-width:var(--maxw);width:100%;margin:0 auto;padding:0 clamp(22px,5vw,56px) clamp(30px,4vw,48px);font-size:13px;font-weight:300;line-height:1.6;color:#6f6f6f;max-width:min(var(--maxw),94ch);opacity:0;animation:hb1Fade 1s ease .84s forwards;}
@keyframes hb1Rise{to{opacity:1;transform:none;}}
@keyframes hb1Fade{to{opacity:1;}}
@media(prefers-reduced-motion:reduce){.hb1-eyebrow,.hb1-h .l1,.hb1-h .l2,.hb1-sub,.hb1-aeo,.hb1-cta,.hb1-labels,.hb1-meta{animation:none;opacity:1;transform:none;}}
@media(max-width:820px){.hb1{min-height:auto;}.hb1-veil{background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.62));}}
/* ---- Hero 05 (AI Solutions) — ported, WDI rose/violet/blue only ---- */
.hb{position:relative;width:100%;overflow:hidden;isolation:isolate;font-family:var(--font);}
.hb-wrap{position:relative;z-index:3;width:100%;max-width:var(--maxw);margin:0 auto;padding:0 clamp(22px,5vw,56px);}
.hb-body{padding:clamp(52px,7vw,96px) 0 clamp(60px,8vw,110px);}
.hb-badge{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:-0.01em;padding:9px 16px;border-radius:999px;}
.hbtn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-size:14.5px;font-weight:600;letter-spacing:-0.01em;border-radius:999px;padding:14px 24px;cursor:pointer;border:1.5px solid transparent;white-space:nowrap;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),background .3s,color .3s,border-color .3s,box-shadow .3s;}
.hbtn svg{width:16px;height:16px;transition:transform .3s;}
.hbtn:hover svg{transform:translateX(3px);}
.hbtn-lg{font-size:16px;padding:16px 30px;}
.hbtn-ink{background:var(--rose-500);color:#fff;border-color:var(--rose-500);box-shadow:0 14px 30px rgba(249,47,100,.28);}
.hbtn-ink:hover{background:var(--rose-600);border-color:var(--rose-600);transform:translateY(-2px);box-shadow:0 20px 42px rgba(249,47,100,.4);}
.hbtn-line{background:#fff;color:var(--ink);border-color:var(--line-2);}
.hbtn-line:hover{border-color:var(--ink);transform:translateY(-2px);}
.hb-rise{opacity:1;transform:none;transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1);}
.hb.in .hb-rise.d1{transition-delay:.08s;}
.hb.in .hb-rise.d2{transition-delay:.16s;}
.hb.in .hb-rise.d3{transition-delay:.24s;}
.hb.in .hb-rise.d4{transition-delay:.32s;}
.hb.in .hb-rise.d5{transition-delay:.40s;}
.hb5{background:#fff;color:var(--ink);text-align:center;}
.hb5-blobs{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;}
.hb5-blobs span{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(72px);opacity:.42;}
.hb5-blobs .a{top:-10%;left:5%;background:radial-gradient(circle,#F92F64,transparent 68%);animation:hb5f1 20s ease-in-out infinite;}
.hb5-blobs .b{top:-6%;right:7%;background:radial-gradient(circle,#7A00FF,transparent 68%);animation:hb5f2 24s ease-in-out infinite;}
.hb5-blobs .c{bottom:-18%;left:38%;background:radial-gradient(circle,#2D5ADC,transparent 68%);animation:hb5f3 28s ease-in-out infinite;}
@keyframes hb5f1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(6%,8%) scale(1.12);}}
@keyframes hb5f2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-7%,6%) scale(1.08);}}
@keyframes hb5f3{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(5%,-8%) scale(1.14);}}
.hb5-pill{background:#F3F4F6;color:var(--ink-2);border:1px solid var(--line);}
.hb5-h{margin:24px auto 0;font-size:clamp(38px,5.4vw,74px);font-weight:600;letter-spacing:-0.04em;line-height:1.02;max-width:19ch;}
.hb5-h .g{background:linear-gradient(100deg,#F92F64,#A24BFF 45%,#2D5ADC 75%,#F92F64);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:220% 100%;animation:hb5flow 9s ease infinite;}
@keyframes hb5flow{0%,100%{background-position:0 50%;}50%{background-position:100% 50%;}}
.hb5-sub{margin:24px auto 0;font-size:clamp(16px,1.4vw,19px);font-weight:300;line-height:1.58;color:var(--ink-2);max-width:64ch;}
.hb5-aeo{margin:14px auto 0;font-size:15px;font-weight:300;line-height:1.6;color:var(--muted);max-width:70ch;}
.hb5-cta{margin-top:30px;display:flex;gap:13px;justify-content:center;flex-wrap:wrap;}
.hb5-orbit{margin-top:clamp(36px,4.4vw,56px);display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}
.hb5-orbit span{font-size:13px;font-weight:500;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 16px;box-shadow:0 6px 18px rgba(11,12,14,.05);transition:transform .3s,border-color .3s,color .3s;}
.hb5-orbit span:hover{transform:translateY(-2px);border-color:var(--rose-300);color:var(--rose-600);}
@media(prefers-reduced-motion:reduce){.hb5-blobs span,.hb5-h .g{animation:none;}}
/* no external imagery: local gradient stands in for stock/avatar images */
.sv1-visual{background:linear-gradient(150deg,rgba(249,47,100,.14),rgba(122,0,255,.12) 55%,rgba(45,90,220,.1));border-radius:20px;min-height:320px;}

.tsm-card .av,.tsm-quote .av,.ts-av{background:linear-gradient(140deg,var(--rose-400),var(--violet));}
.tsm-sec img,

/* ---- Section 12 · governance (reuses lp-cmp + lp-gov from ppc-v2.css) ---- */
.t01-mini{position:relative;background:#08090B;color:#fff;text-align:center;overflow:hidden;isolation:isolate;}
.t01-mini .lp-h{color:#fff;}
.t01-mini-aura{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 120% at 50% 0%,rgba(249,47,100,.2),transparent 60%);}
.t01-mini .wrap{position:relative;z-index:1;}
.t01-mini p{max-width:58ch;margin:14px auto 0;font-size:16px;font-weight:300;line-height:1.55;color:rgba(255,255,255,.66);}
.t01-mini .lp-inline-cta{margin-top:28px;}
/* Product Intelligence — give the stage room so it does not compress */
.piw-sec{padding:clamp(72px,8vw,120px) 0;}
.piw-head{max-width:900px;margin:0 auto clamp(38px,4.6vw,60px);text-align:center;}
.piw-head .lp-eyebrow{justify-content:center;}
.piw-head .lp-h{text-align:center;}
.piw-head .lp-aeo{margin-left:auto;margin-right:auto;text-align:center;}
.piw-stage{max-width:1120px;min-height:clamp(520px,52vw,660px);margin-left:auto;margin-right:auto;}
.piw-note{max-width:62ch;margin:clamp(26px,3vw,38px) auto 0;text-align:center;}
.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 style 2 ==== */

/* trusted-logo strip (PPC03 treatment): larger, optically balanced, full colour */
#proof .lp-eco-track{gap:clamp(52px,5vw,78px);}
#proof .lp-eco-logo{background:none;}
#proof .lp-eco-logo img{height:64px;filter:grayscale(1);mix-blend-mode:multiply;background:transparent;transition:transform .35s,filter .35s;}
#proof .lp-eco-logo:hover img{filter:grayscale(0);transform:translateY(-2px);}
#proof .lp-eco-logo img[src*="angelone"]{width:196px;height:113px;}
#proof .lp-eco-logo img[src*="vedanta"]{height:82px;}
#proof .lp-eco-logo img[src*="blue-star"]{height:132px;}
#proof .lp-eco-logo img[src*="rpg"]{height:58px;}
#proof .lp-eco-logo img[src*="dorf-ketal"]{width:207px;height:115px;}
#proof .lp-eco-logo img[src*="gsf"]{width:175px;height:42px;}
#proof .lp-eco-logo img[src*="good-times"]{height:62px;}
#proof .lp-eco-logo img[src*="tanami-wordmark"]{height:44px;}
#proof .lp-eco-logo img[src*="zinghr"]{height:68px;}
#proof .lp-eco-logo img[src*="traders-circuit"]{height:50px;}
#proof .lp-eco-logo img[src*="regroup"]{height:64px;}
@media(max-width:680px){#proof .lp-eco-logo img{height:48px;}}


/* ==== inline style 3 ==== */

#services.mrs .wrap{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box;}
#services.mrs .mrs-h{font-size:clamp(30px,3.9vw,56px);font-weight:400;letter-spacing:-0.045em;line-height:1.06;}
@media(max-width:760px){#services.mrs .wrap{padding-left:20px;padding-right:20px;}}


/* ==== inline style 4 ==== */

#automation-software .wrap{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box;}
@media(max-width:760px){#automation-software .wrap{padding-left:20px;padding-right:20px;}}


/* ==== inline style 5 ==== */

/* Why WDI rail — pin + layout rules carried from the Homepage */
#sw-why .wdi-eye{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#FF7BA3;}
#sw-why .wdi-eye::before{content:"";width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 4px rgba(249,47,100,.18);}
.wwy-pin{position:relative;z-index:3;}
.wwy-pin.on > #sw-why{position:sticky;top:0;height:100vh;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;
  padding-top:clamp(28px,7vh,96px)!important;padding-bottom:clamp(24px,5vh,80px)!important;}
.wwy-pin.on #swWhyRail{overflow:hidden!important;scroll-snap-type:none!important;}
.wwy-pin.on #swWhyRail > *{will-change:transform,opacity;transform-origin:50% 60%;}
.wwy-pin.on #sw-why .lp-wy-rail-wrap{margin-top:clamp(20px,4vh,56px)!important;}
.wwy-pin.on > #sw-why{justify-content:flex-start!important;padding-top:clamp(60px,8.2vh,100px)!important;}
.wwy-pin.on #sw-why .lp-h{font-size:clamp(34px,4.2vw,64px)!important;}
.wwy-pin.on #sw-why .lp-wy-rail-wrap{margin-top:clamp(18px,3vh,40px)!important;}
@media(max-width:900px),(max-height:620px),(prefers-reduced-motion:reduce){.wwy-pin{height:auto!important;}.wwy-pin > #sw-why{position:relative;height:auto;}}
#sw-why{position:relative;overflow:hidden;isolation:isolate;}
#sw-why > .wrap{position:relative;z-index:1;}
#sw-why .wwy-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;}
#sw-why .wwy-top .lp-head{margin-bottom:0!important;}
#sw-why .wwy-cta{margin:0!important;justify-content:flex-end!important;}
#sw-why .lp-wy-rail-wrap{margin-top:clamp(28px,4vw,52px);}
#sw-why .wwy-live{position:absolute;inset:0;z-index:0;pointer-events:none;
  -webkit-mask:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);}
#sw-why .wwy-live svg{width:100%;height:100%;}
#sw-why .wl-trace path{stroke:rgba(255,255,255,.07);stroke-width:1.1;}
#sw-why .wl-comet use{stroke:#F92F64;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:80 2400;stroke-dashoffset:2480;animation:wlComet 20s linear infinite;opacity:.75;}
#sw-why .wl-comet use.c2{stroke:#A24BFF;animation-duration:24s;animation-delay:-10s;}
#sw-why .wl-comet use.c3{animation-duration:18s;animation-delay:-5s;opacity:.5;}
#sw-why .wl-nodes circle{fill:#08090B;stroke:rgba(249,47,100,.45);stroke-width:1.1;}
@media(max-width:760px){#sw-why .wwy-top{grid-template-columns:1fr;}#sw-why .wwy-cta{justify-content:flex-start!important;}}
@media(prefers-reduced-motion:reduce){#sw-why .wl-comet use{animation:none;}}
.wwy-pin:not(.on) #sw-why .lp-wy-card,#sw-why .lp-wy-foot,#sw-why .lp-head>*{opacity:1!important;transform:none!important;}
.wwy-pin.on #sw-why .lp-wy-card{transition:none!important;}
body #hero ~ section#sw-why .lp-h,section#sw-why .lp-h.lp-h,section#faq-a .fq-h.fq-h{font-size:clamp(34px,5vw,76px)!important;letter-spacing:-0.05em!important;line-height:1.04!important;font-weight:400!important;}
section#sw-why .wdi-eye,section#faq-a .wdi-eye{margin-bottom:clamp(18px,2.2vw,26px);}
/* Why WDI — vertical rhythm, and do not clip the heading or cards at 100vh */
#wdi-aiml-page #sw-why,
#wdi-aiml-page #sw-why.lp-why,
#wdi-aiml-page .wwy-pin.on > #sw-why{
  height:auto!important;
  min-height:100vh;
  overflow:visible!important;
  box-sizing:border-box;
  padding-top:clamp(112px,12vh,156px)!important;
  padding-bottom:clamp(88px,10vh,136px)!important;
}
#wdi-aiml-page #sw-why .lp-head.lp-wy-head{
  display:flex;
  flex-direction:column;
  gap:22px;
}
#wdi-aiml-page #sw-why .lp-head.lp-wy-head > .wdi-eye,
#wdi-aiml-page #sw-why .lp-head.lp-wy-head > .lp-h,
#wdi-aiml-page #sw-why .lp-head.lp-wy-head > .lp-aeo{
  margin-top:0!important;
  margin-bottom:0!important;
}
#wdi-aiml-page #sw-why .lp-wy-card{
  height:auto;
  overflow:visible;
}
#wdi-aiml-page #sw-why .lp-wy-card-body{
  display:flex;
  flex-direction:column;
  gap:14px;
}
#wdi-aiml-page #sw-why .lp-wy-card-body h3,
#wdi-aiml-page #sw-why .lp-wy-card-body p{
  margin-top:0;
}


/* ==== inline style 6 ==== */

#ai-process{--ink:#0B0C0E;--ink-2:#3A3D44;--muted:#5F636B;--faint:#9A9EA6;--line:rgba(12,12,20,.10);--bg:#fff;
  --rose-300:#FF8FB0;--rose-400:#FF5A86;--rose-500:#F92F64;--rose-600:#E0204F;--violet:#A24BFF;
  font-family:'Figtree',system-ui,sans-serif;}
#ai-process .wrap{max-width:1280px;margin:0 auto;padding:0 40px;box-sizing:border-box;}
@media(max-width:760px){#ai-process .wrap{padding:0 20px;}}


/* ==== inline style 7 ==== */

/* AI Solutions We Build — grid shows settled (no #about-driven window reveal on this page) */
#next{--e:1;margin-top:0!important;clip-path:none!important;}
#next .mdg-head,#next .mdg-cell{transform:none;}
#next .mdg-cell{opacity:1;}
#next .mdg-lead{max-width:56ch;}
#next .mdg-head,#next .mdg-grid,#next .aisb-cta{max-width:1280px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:40px!important;padding-right:40px!important;box-sizing:border-box!important;}
#next .mdg-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(14px,1.6vw,24px)!important;margin-top:clamp(48px,5.6vw,80px)!important;}
@media(max-width:1000px){#next .mdg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){#next .mdg-grid{grid-template-columns:1fr!important;}#next .mdg-head,#next .mdg-grid,#next .aisb-cta{padding-left:20px!important;padding-right:20px!important;}}
#next .aisb-cta{display:flex;justify-content:center;margin-top:clamp(40px,4.4vw,64px);}
#next .aisb-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 28px;border-radius:999px;background:#F92F64;color:#fff;
  font-size:15.5px;font-weight:600;text-decoration:none;box-shadow:0 14px 34px -14px rgba(249,47,100,.6);transition:background .3s,transform .3s;}
#next .aisb-btn svg{width:18px;height:18px;transition:transform .3s;}
#next .aisb-btn:hover{background:#E0204F;transform:translateY(-2px);}
#next .aisb-btn:hover svg{transform:translateX(4px);}


/* ==== inline style 8 ==== */

/* solutions backdrop — calmer: fainter lanes, slower sparse streaks, no node pulse */
#solutions .msol-live{opacity:.45;}
#solutions .sl-flow use{stroke-width:1.2!important;animation-duration:26s!important;}
#solutions .sl-flow use.d2{animation-duration:32s!important;}
#solutions .sl-flow use.d3{display:none;}
#solutions .sl-nodes circle{animation:none!important;opacity:.6;}
#solutions .sl-ring{animation-duration:7s!important;opacity:.5;}
/* industries — taller so it fully covers the pinned solutions section on slide-over */
#wf-industries > .wrap{min-width:0;width:100%;max-width:1280px;margin-inline:auto;box-sizing:border-box;}
#wf-industries{min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;
  padding-top:clamp(96px,11vh,150px)!important;padding-bottom:clamp(96px,11vh,150px)!important;}


/* ==== inline style 9 ==== */

/* industries — pinned horizontal scroll through the card rail */
.wfi-pin{position:relative;z-index:3;}
.wfi-pin > #wf-industries{z-index:3;box-shadow:0 -24px 60px rgba(12,12,20,.08);}
.wfi-pin > #wf-industries{position:sticky;top:0;height:100vh;min-height:0!important;overflow:hidden;}
.wfi-pin > #wf-industries{padding-top:clamp(28px,7vh,96px)!important;padding-bottom:clamp(24px,5vh,80px)!important;}
/* pinned state: every block scales with viewport height so the wrap always fits 100vh */
.wfi-pin.on #wf-industries .wdi-eye{margin-bottom:clamp(10px,1.8vh,26px)!important;}
.wfi-pin.on #wf-industries .ais-ind-h{font-size:clamp(30px,min(5vw,7.4vh),76px)!important;}
.wfi-pin.on #wf-industries .ais-ind-lead{margin-top:clamp(8px,1.4vh,18px)!important;}
.wfi-pin.on #wf-industries .ais-ind-art{height:clamp(96px,19vh,210px)!important;}
.wfi-pin.on #wf-industries .ais-ind-rail{margin-top:clamp(16px,3vh,44px)!important;}
.wfi-pin.on #indRail{overflow:hidden!important;scroll-snap-type:none!important;}
.wfi-pin.on #indRail > *{will-change:transform,opacity;transform-origin:50% 60%;}
.wfi-pin.on #indRail .ais-ind-art{will-change:transform;}
.wfi-pin.on #indRail .ais-ind-art > svg{transition:none;}
@media(max-width:900px),(max-height:620px),(prefers-reduced-motion:reduce){
  .wfi-pin{height:auto!important;}
  .wfi-pin > #wf-industries{position:relative;height:auto;}
}


/* ==== inline style 10 ==== */
.ais-ind-lead{margin:18px 0 0;max-width:62ch;font-size:clamp(15px,1.15vw,17px);line-height:1.68;color:#5F636B;}

/* ==== inline style 11 ==== */

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



/* ==== inline style 12 ==== */

#wf-industries .ais-ind-h{font-size:clamp(34px,3.9vw,56px)!important;font-weight:500!important;letter-spacing:-0.035em!important;line-height:1.06!important;}
#wf-industries .ais-ind-rail{align-items:stretch!important;}
#wf-industries .ais-ind-card{height:auto!important;min-height:0!important;align-self:stretch!important;padding-bottom:28px!important;}
#wf-industries .aiml-ind-apps li{white-space:nowrap;}
/* identical card length: fixed 2-line title + 5-line description blocks */
#wf-industries .ais-ind-name{min-height:calc(26.68px * 2);display:flex;align-items:flex-end;}
#wf-industries .ais-ind-d{min-height:calc(23.2px * 5);}
#wf-industries .aiml-ind-k{display:block;margin-top:18px;font-family:'Space Grotesk',ui-monospace,monospace;font-size:10.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#F92F64;}
#wf-industries .aiml-ind-apps{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:7px;}
#wf-industries .aiml-ind-apps li{position:relative;padding-left:16px;font-size:13.5px;line-height:1.4;color:#3A3D44;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#wf-industries .aiml-ind-apps li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:#F92F64;box-shadow:0 0 0 3px rgba(249,47,100,.14);}


/* ==== inline style 13 ==== */

/* Automation Software slides up and covers Services Behind Business Automation */
#services{position:sticky!important;top:var(--svc-top,0px);z-index:1!important;}
#automation-software{position:relative!important;z-index:5!important;background:#fff;
  border-radius:32px 32px 0 0;box-shadow:0 -30px 70px -40px rgba(11,12,14,.35);margin-top:0!important;}
#services .svc-dim{position:absolute;inset:0;background:#0B0C0E;opacity:0;pointer-events:none;z-index:3;}
@media(max-width:860px),(prefers-reduced-motion:reduce){
  #services{position:relative!important;top:auto!important;}
  #automation-software{border-radius:0;box-shadow:none;}
  #services .svc-dim{display:none;}}

/* Removed industry "Learn more" CTAs site-wide */
.ais-ind-more{display:none!important;}