:root{
    --deep-navy:#070D20;--navy:#0D1B3E;--card-navy:#142236;--divider:#1E3A5F;
    --electric:#2761F1;--sky:#60A5FA;--orange:#F05A28;--purple:#7C3AED;
    --white:#fff;--silver:#A8BCCF;--muted:#6B8CAE;--offwhite:#F7F8FC;--light-body:#3D4A6B;
    --maxw:1200px;--grad:linear-gradient(90deg,#2761F1 0%,#60A5FA 42%,#F05A28 100%);
    --e:cubic-bezier(.22,1,.36,1);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  em{font-style:normal}
  html{scroll-behavior:smooth}
  body{font-family:'Manrope',system-ui,sans-serif;background:var(--deep-navy);color:var(--silver);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:clip}
  h1,h2,h3{font-family:'Outfit',sans-serif;font-weight:800;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}
  a{color:inherit;text-decoration:none}

  /* film grain over the whole page */
  .grain{position:fixed;inset:0;z-index:900;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 44px}
  .eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--orange)}
  .btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:16px 32px;border-radius:100px;background:var(--orange);color:#fff;transition:transform .2s var(--e),background .2s;cursor:pointer}
  .btn:hover{transform:translateY(-2px);background:#ff6a37}
  .btn-line{color:#fff;font-weight:700;font-size:15px;display:inline-flex;gap:8px;align-items:center}
  .btn-line span{border-bottom:2px solid rgba(255,255,255,.35);padding-bottom:3px;transition:.2s}
  .btn-line:hover span{border-color:var(--orange)}
  .glow{position:absolute;border-radius:50%;filter:blur(150px);pointer-events:none;z-index:0;opacity:.6}
  .pn{font-weight:700;white-space:nowrap}.pn .y{color:#fff}.pn .n{color:var(--orange)}.pn .d{color:var(--orange);font-size:.72em}

  section{position:relative;overflow:hidden}
  .sec{padding:150px 0}
  /* editorial header: tiny meta column + big heading */
  .hd{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:start}
  .hd .idx{font-family:'Outfit';font-weight:800;font-size:15px;color:var(--muted);letter-spacing:.1em;padding-top:8px}
  .hd h2{font-size:clamp(34px,5.2vw,64px);color:#fff;max-width:20ch}
  .hd .eyebrow{margin-bottom:16px}
  .lead{font-size:19px;color:var(--silver);max-width:56ch;margin-top:22px}
  .stripe{width:120px;height:4px;border-radius:3px;margin-top:26px;background:var(--grad);background-size:200% 100%;animation:shimmer 6s linear infinite}
  @keyframes shimmer{to{background-position:200% 0}}
  @media(max-width:720px){.hd{grid-template-columns:1fr;gap:10px}.hd .idx{padding-top:0}}

  /* scroll reveal */
  .js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--e),transform .8s var(--e)}
  .reveal.in{opacity:1;transform:none}
  .reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.col{animation:none!important}}

  /* ===== HERO ===== */
  .hero{position:relative;height:100vh;min-height:660px;overflow:hidden}
  .wall{position:absolute;inset:-14% -6%;display:flex;gap:13px;z-index:0;transform:rotate(-5deg) scale(1.2);transform-origin:center}
  .col{flex:1;display:flex;flex-direction:column;gap:13px;will-change:transform}
  .col.up{animation:up linear infinite}.col.down{animation:down linear infinite}
  .col:nth-child(1){animation-duration:48s}.col:nth-child(2){animation-duration:60s}.col:nth-child(3){animation-duration:54s}.col:nth-child(4){animation-duration:66s}
  @keyframes up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
  @keyframes down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
  .tile{position:relative;border-radius:10px;overflow:hidden;background:var(--card-navy);aspect-ratio:16/10;flex:none}
  .tile img{width:100%;height:100%;object-fit:cover;display:block}
  .tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,0) 55%,rgba(7,13,32,.6))}
  .tile .t{position:absolute;left:11px;bottom:9px;z-index:2;font-family:'Outfit';font-weight:700;font-size:12px;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
  .hero .glow.e{width:560px;height:560px;background:var(--electric);opacity:.34;top:-160px;left:-140px;z-index:2}
  .hero .glow.o{width:460px;height:460px;background:var(--orange);opacity:.24;bottom:-160px;right:-120px;z-index:2}
  .vignette{position:absolute;inset:0;z-index:3;pointer-events:none;
    background:radial-gradient(130% 100% at 26% 64%,rgba(7,13,32,.78),rgba(7,13,32,.34) 40%,rgba(7,13,32,.14) 70%),
      linear-gradient(180deg,rgba(7,13,32,.6),rgba(7,13,32,.04) 22%,rgba(7,13,32,.5) 74%,rgba(7,13,32,.98)),
      radial-gradient(120% 120% at 50% 50%,transparent 55%,rgba(0,0,0,.5))}
  .topbar{position:absolute;top:22px;left:50%;transform:translateX(-50%);z-index:6;width:calc(100% - 40px);max-width:var(--maxw);
    display:flex;align-items:center;justify-content:space-between;padding:12px 14px 12px 22px;
    background:rgba(10,18,38,.5);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:100px}
  .logo{font-family:'Outfit';font-weight:800;font-size:22px;color:#fff}.logo .dot{color:var(--orange)}
  .topnav{display:flex;gap:28px;font-size:14px;font-weight:600;color:rgba(255,255,255,.82)}.topnav a:hover{color:#fff}
  .topbar .btn{padding:11px 22px;font-size:14px}
  @media(max-width:760px){.topnav{display:none}}
  .hero-content{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:var(--maxw);padding:0 44px 88px}
  .kick{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#fff;
    background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);padding:8px 16px;border-radius:100px}
  .kick i{width:7px;height:7px;border-radius:50%;background:var(--sky);box-shadow:0 0 10px var(--sky)}
  .hero h1{font-size:clamp(46px,7.6vw,102px);color:#fff;max-width:15ch;margin:24px 0 0;text-shadow:0 4px 60px rgba(0,0,0,.4)}
  .hero h1 .hl{position:relative;color:#fff;background:linear-gradient(90deg,var(--orange),#ff8a5f);-webkit-background-clip:text;background-clip:text;color:transparent}
  .hero .sub{font-size:clamp(17px,1.6vw,21px);color:rgba(255,255,255,.9);max-width:48ch;margin-top:24px;font-weight:500;text-shadow:0 2px 20px rgba(0,0,0,.5)}
  .hero .cta{display:flex;gap:28px;align-items:center;margin-top:34px;flex-wrap:wrap}
  .scrollcue{position:absolute;left:44px;bottom:34px;z-index:5;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
  .scrollcue .ln{width:40px;height:1px;background:rgba(255,255,255,.4);position:relative;overflow:hidden}
  .scrollcue .ln::after{content:"";position:absolute;inset:0;width:40%;background:var(--orange);animation:slide 2.2s var(--e) infinite}
  @keyframes slide{0%{transform:translateX(-100%)}100%{transform:translateX(280%)}}

  /* ===== PROBLEM/ANSWER ===== */
  .pa{background:var(--deep-navy)}
  .pa .glow.e{width:520px;height:520px;background:var(--electric);opacity:.12;top:-120px;right:-100px}
  .pa-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;z-index:1}
  @media(max-width:860px){.pa-grid{grid-template-columns:1fr;gap:52px}}
  .pa h2{font-size:clamp(30px,4.4vw,50px);color:#fff}
  .pa .rows{margin-top:26px;border-top:1px solid var(--divider)}
  .pa .r{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--divider);font-size:16px;color:var(--silver)}
  .pa .r b{color:#fff;font-weight:700}
  .answer .chks{margin-top:24px;display:flex;flex-direction:column;gap:14px}
  .answer .chks div{padding-left:30px;position:relative;color:#fff;font-weight:600}
  .answer .chks div::before{content:"";position:absolute;left:0;top:6px;width:14px;height:8px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}

  /* ===== SHOWREEL ===== */
  .work{background:var(--deep-navy)}
  .work .glow.p{width:520px;height:520px;background:var(--purple);opacity:.12;top:40px;left:-120px}
  .reel{margin-top:30px}
  .reel-feature{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:21/9;background:var(--card-navy);cursor:pointer}
  @media(max-width:640px){.reel-feature{aspect-ratio:16/10}}
  .reel-feature img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--e),opacity .5s}
  .reel-feature:hover img{transform:scale(1.04)}
  .reel-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,.05) 40%,rgba(7,13,32,.88))}
  .reel-feature .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:74px;height:74px;border-radius:50%;
    background:rgba(240,90,40,.94);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px -14px rgba(240,90,40,.7);transition:transform .25s var(--e)}
  .reel-feature:hover .play{transform:translate(-50%,-50%) scale(1.08)}
  .reel-feature .play::after{content:"";width:0;height:0;border-left:20px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
  .reel-feature .fcap{position:absolute;left:30px;bottom:26px;z-index:2}
  .reel-feature .fcap .ft{font-family:'Outfit';font-weight:800;color:#fff;font-size:clamp(24px,3vw,38px);line-height:1}
  .reel-feature .fcap .fk{color:var(--sky);font-size:14px;font-weight:600;margin-top:8px}
  .reel-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:14px}
  @media(max-width:820px){.reel-rail{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:480px){.reel-rail{grid-template-columns:repeat(2,1fr)}}
  .rt{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/10;cursor:pointer;background:var(--card-navy);opacity:.55;transition:opacity .25s,transform .25s var(--e)}
  .rt img{width:100%;height:100%;object-fit:cover}
  .rt::after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:10px;transition:.25s}
  .rt:hover{opacity:1;transform:translateY(-3px)}
  .rt.active{opacity:1}
  .rt.active::after{border-color:var(--orange)}
  .rt .rl{position:absolute;left:9px;bottom:7px;z-index:2;font-family:'Outfit';font-weight:700;font-size:11px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.7)}

  /* ===== INSIDE PLATFORM (layered) ===== */
  .plat{background:var(--offwhite)}
  .plat .glow.e{width:600px;height:600px;background:var(--electric);opacity:.1;top:-160px;left:-120px}
  .plat .glow.p{width:520px;height:520px;background:var(--purple);opacity:.08;bottom:-180px;right:-120px}
  .plat-grid{position:relative;z-index:1;display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;max-width:1320px;margin:0 auto;padding:0 44px}
  @media(max-width:980px){.plat-grid{grid-template-columns:1fr;gap:48px}}
  .plat h2{color:var(--deep-navy);font-size:clamp(30px,4.4vw,52px)}.plat .lead{color:var(--light-body)}.plat .eyebrow{color:var(--orange)}
  .chipline{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
  .chipline .pn{font-size:14px;background:#fff;border:1px solid #e2e7f0;border-radius:100px;padding:9px 15px;box-shadow:0 6px 16px -10px rgba(13,27,62,.2)}
  .chipline .pn .y{color:var(--electric)}
  .plat .more{margin-top:26px;color:var(--electric);font-weight:700;font-size:15px}
  .stage{position:relative;padding:20px 0}
  .float{position:relative;z-index:2;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#0c1730,#0a1226);box-shadow:0 50px 120px -30px rgba(13,27,62,.55);margin-right:-90px}
  @media(max-width:980px){.float{margin-right:0}}
  .peek{position:absolute;z-index:3;right:-30px;bottom:-34px;width:270px;background:#fff;border:1px solid #e7ecf4;border-radius:14px;padding:18px;box-shadow:0 30px 70px -26px rgba(13,27,62,.4)}
  @media(max-width:980px){.peek{right:8px;bottom:-24px;width:230px}}
  @media(max-width:560px){.peek{display:none}}
  .peek .badge{font-size:10px;font-weight:800;color:#fff;background:var(--electric);border-radius:6px;padding:4px 8px;display:inline-block}
  .peek p{font-size:13px;color:var(--light-body);margin-top:10px;line-height:1.45}
  .appbar{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--divider)}
  .dots{display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:var(--divider);display:block}
  .appbar .brand{font-family:'Outfit';font-weight:700;color:#fff;font-size:13px}.appbar .brand .dot{color:var(--orange)}
  .appnav{display:flex;gap:16px;font-size:12px;color:var(--muted);font-weight:600}.appnav .on{color:#fff}
  .appbody{padding:18px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:11px}
  .stat{background:rgba(255,255,255,.03);border-radius:10px;padding:14px}
  .stat .k{font-size:11px;color:var(--muted);font-weight:600}.stat .v{font-family:'Outfit';font-weight:700;color:#fff;font-size:24px;margin-top:5px}.stat .sub{font-size:10.5px;color:var(--sky);margin-top:6px;font-weight:600}
  .projects{grid-column:1/-1;margin-top:2px}
  .prow{display:grid;grid-template-columns:2.4fr 1fr 1fr;gap:10px;padding:11px 2px;font-size:12.5px;align-items:center;border-top:1px solid rgba(30,58,95,.5)}
  .prow:first-child{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;border-top:none}
  .prow .name{color:#fff;font-weight:600}
  .pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px}.pill::before{content:"";width:6px;height:6px;border-radius:50%}
  .p-film{background:rgba(240,90,40,.16);color:#ff8a5f}.p-film::before{background:var(--orange)}
  .p-edit{background:rgba(96,165,250,.16);color:var(--sky)}.p-edit::before{background:var(--sky)}
  .p-live{background:rgba(39,97,241,.2);color:#89abff}.p-live::before{background:var(--electric)}

  /* ===== FORMATS ===== */
  .formats{background:var(--deep-navy)}
  .formats .glow.e{width:520px;height:520px;background:var(--electric);opacity:.12;bottom:-140px;right:-120px}
  .fmt{margin-top:44px;border-top:1px solid var(--divider)}
  .fmt a{display:grid;grid-template-columns:52px 1fr auto;gap:20px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--divider);transition:.28s var(--e);position:relative}
  .fmt a::before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--grad);transition:width .4s var(--e)}
  .fmt a:hover::before{width:100%}
  .fmt a:hover{padding-left:16px}
  .fmt a:hover .fn{color:#fff}
  .fmt .num{font-family:'Outfit';font-weight:700;color:var(--muted);font-size:14px}
  .fmt .fn{font-family:'Outfit';font-weight:700;color:var(--silver);font-size:clamp(20px,2.4vw,28px);transition:.2s}
  .fmt .ar{color:var(--orange);font-size:20px;opacity:0;transform:translateX(-6px);transition:.28s var(--e)}
  .fmt a:hover .ar{opacity:1;transform:translateX(0)}

  /* ===== BAND ===== */
  .band{position:relative;height:82vh;min-height:520px;display:flex;align-items:center;overflow:hidden}
  .band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,32,.92),rgba(7,13,32,.42) 55%,rgba(39,97,241,.14) 100%)}
  .band .glow.o{width:520px;height:400px;background:var(--orange);opacity:.24;right:-100px;bottom:-120px;z-index:1}
  .band-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;padding:0 44px;width:100%}
  .band h2{color:#fff;max-width:14ch;font-size:clamp(34px,5vw,62px)}
  .band p{color:rgba(255,255,255,.9);font-size:19px;max-width:44ch;margin-top:20px}
  .band .stats3{display:flex;gap:50px;margin-top:38px;flex-wrap:wrap}
  .band .stats3 .n{font-family:'Outfit';font-weight:800;color:#fff;font-size:clamp(34px,4vw,48px);line-height:1}
  .band .stats3 .n .u{color:var(--orange)}
  .band .stats3 .l{color:rgba(255,255,255,.8);font-size:13px;margin-top:6px}

  /* ===== COMPOUND ===== */
  .comp{background:var(--offwhite)}
  .comp h2{color:var(--deep-navy);font-size:clamp(30px,4.4vw,52px)}.comp .eyebrow{color:var(--orange)}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
  @media(max-width:820px){.steps{grid-template-columns:1fr}}
  .step{background:#fff;border-radius:18px;padding:32px;box-shadow:0 24px 56px -36px rgba(13,27,62,.4);position:relative;overflow:hidden}
  .step::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}
  .step .sn{font-family:'Outfit';font-weight:800;font-size:clamp(40px,5vw,56px);line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.9}
  .step h3{color:var(--deep-navy);font-size:22px;margin-top:16px}
  .step p{color:var(--light-body);font-size:15px;margin-top:10px}

  /* ===== AI ===== */
  .ai{background:var(--electric);color:#eaf1ff;padding:140px 0}
  .ai .glow.p{width:560px;height:560px;background:var(--purple);opacity:.5;top:-160px;right:-100px}
  .ai .glow.w{width:460px;height:460px;background:#fff;opacity:.12;bottom:-200px;left:-120px}
  .ai .inner{position:relative;z-index:1}
  .ai .eyebrow{color:#fff;opacity:.9}
  .ai h2{color:#fff;max-width:20ch;margin-top:16px;font-size:clamp(32px,4.6vw,58px)}
  .ai p{color:rgba(255,255,255,.92);font-size:20px;max-width:58ch;margin-top:22px}

  /* ===== PRICING ===== */
  .price{background:var(--deep-navy)}
  .price .glow.e{width:520px;height:420px;background:var(--electric);opacity:.12;top:-80px;left:28%}
  .tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px;align-items:stretch}
  @media(max-width:900px){.tiers{grid-template-columns:1fr}}
  .tier{border-radius:20px;padding:34px;display:flex;flex-direction:column;position:relative;background:var(--card-navy);transition:transform .25s var(--e)}
  .tier:hover{transform:translateY(-4px)}
  .tier.feat{background:var(--electric)}
  .tier .flag{position:absolute;top:-13px;left:34px;background:var(--orange);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:100px}
  .tier .tn{font-family:'Outfit';font-weight:700;font-size:25px;color:#fff}
  .tier .td{color:var(--silver);font-size:14.5px;margin-top:6px}
  .tier.feat .td{color:rgba(255,255,255,.88)}
  .tier ul{list-style:none;margin:24px 0 28px;display:flex;flex-direction:column;gap:12px}
  .tier li{font-size:14px;color:var(--silver);padding-left:24px;position:relative;line-height:1.45}
  .tier.feat li{color:#eaf1ff}
  .tier li::before{content:"";position:absolute;left:0;top:6px;width:12px;height:7px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}
  .tier.feat li::before{border-color:#fff}
  .tier .pn .y{color:#fff}
  .tier .btn{margin-top:auto;justify-content:center}
  .tier.feat .btn{background:#fff;color:var(--electric)}

  /* ===== REVIEWS ===== */
  .rev{background:var(--offwhite)}
  .rev h2{color:var(--deep-navy);font-size:clamp(30px,4.4vw,52px)}.rev .eyebrow{color:var(--orange)}
  .rev .rating{display:flex;align-items:center;gap:12px;margin-top:16px}
  .rev .rating .g{font-family:'Outfit';font-weight:800;font-size:40px;color:var(--deep-navy)}
  .rev .rating .s{color:var(--orange);font-size:18px;letter-spacing:2px}
  .rev .rating .k{color:var(--muted);font-size:13px;font-weight:600}
  .qgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
  @media(max-width:820px){.qgrid{grid-template-columns:1fr}}
  .q{background:#fff;border-radius:16px;padding:30px;box-shadow:0 24px 56px -36px rgba(13,27,62,.4);border-top:3px solid transparent;border-image:var(--grad) 1}
  .q .s{color:var(--orange);letter-spacing:2px;font-size:14px}
  .q p{color:var(--deep-navy);font-size:15.5px;margin:14px 0 18px;font-weight:500;line-height:1.5}
  .q .w{color:var(--muted);font-size:13px;font-weight:600}

  /* ===== CTA ===== */
  .cta-sec{background:var(--deep-navy);padding:150px 0}
  .cta-card{position:relative;border-radius:28px;overflow:hidden;padding:88px 40px;text-align:center;background:var(--navy)}
  .cta-card .glow.e{width:600px;height:420px;background:var(--electric);opacity:.5;left:-60px;top:-160px}
  .cta-card .glow.o{width:500px;height:420px;background:var(--orange);opacity:.38;right:-60px;bottom:-180px}
  .cta-card .glow.p{width:480px;height:400px;background:var(--purple);opacity:.4;left:44%;bottom:-160px}
  .cta-card .inner{position:relative;z-index:2}
  .cta-card h2{color:#fff;max-width:16ch;margin:0 auto;font-size:clamp(34px,5vw,62px)}
  .cta-card p{color:rgba(255,255,255,.9);margin:20px auto 0;max-width:52ch;font-size:18px}
  .cta-card .cta{display:flex;gap:22px;justify-content:center;margin-top:36px;flex-wrap:wrap}

  footer{background:var(--deep-navy);border-top:1px solid var(--divider);padding:64px 0 40px}
  .fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}
  @media(max-width:800px){.fgrid{grid-template-columns:1fr 1fr}}
  .fcol h5{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:16px}
  .fcol a{display:block;color:var(--silver);font-size:14px;margin-bottom:10px}.fcol a:hover{color:#fff}
  .ftag{color:var(--muted);font-size:14px;margin-top:14px;max-width:30ch}
  .fbot{border-top:1px solid var(--divider);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted)}

  /* ===== CLIENT LOGOS ===== */
  .logos{background:var(--deep-navy);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);padding:34px 0;overflow:hidden;position:relative}
  .logos .cap{max-width:var(--maxw);margin:0 auto 22px;padding:0 44px;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700}
  .logos .mask{position:relative}
  .logos .mask::before,.logos .mask::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
  .logos .mask::before{left:0;background:linear-gradient(90deg,var(--deep-navy),transparent)}
  .logos .mask::after{right:0;background:linear-gradient(270deg,var(--deep-navy),transparent)}
  .mtrack{display:flex;gap:64px;white-space:nowrap;animation:scrollX 34s linear infinite;align-items:center}
  @keyframes scrollX{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .mtrack span{font-family:'Outfit';font-weight:700;font-size:23px;color:#fff;opacity:.5;transition:opacity .2s;letter-spacing:-.01em}
  .mtrack span:hover{opacity:1}
  .mtrack .dot{color:var(--orange);opacity:1}
  @media(prefers-reduced-motion:reduce){.mtrack{animation:none}}

  /* ===== INSIDE PLATFORM (layered) ===== */
  .plat2{background:var(--offwhite)}
  .plat2 .glow.e{width:640px;height:640px;background:var(--electric);opacity:.1;top:-180px;right:-140px}
  .plat2 .glow.p{width:520px;height:520px;background:var(--purple);opacity:.08;bottom:-160px;left:-120px}
  .plat2-grid{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center;max-width:1320px;margin:0 auto;padding:0 44px}
  @media(max-width:980px){.plat2-grid{grid-template-columns:1fr;gap:48px}}
  .plat2 h2{color:var(--deep-navy);font-size:clamp(30px,4.4vw,52px)}.plat2 .lead{color:var(--light-body)}.plat2 .eyebrow{color:var(--orange)}
  .wslist{margin-top:26px;border-top:1px solid #e2e7f0}
  .ws{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:baseline;padding:15px 0;border-bottom:1px solid #e2e7f0;cursor:default;transition:.2s var(--e)}
  .ws:hover{padding-left:10px}
  .ws .wn{font-weight:800;font-size:16px}
  .ws .wn .y{color:var(--electric)}.ws .wn .n{color:var(--orange)}.ws .wn .d{color:var(--orange);font-size:.72em}
  .ws .wd{color:var(--light-body);font-size:14px}
  .ws:hover .wd{color:var(--deep-navy)}

  .composition{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center}
  .composition .fld{position:relative;z-index:2;width:100%;max-width:540px;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#0c1730,#0a1226);box-shadow:0 50px 120px -30px rgba(13,27,62,.55)}
  .fcard{position:absolute;z-index:4;background:#fff;border:1px solid #e7ecf4;border-radius:14px;box-shadow:0 30px 70px -26px rgba(13,27,62,.45);padding:16px;animation:floaty 6s ease-in-out infinite}
  .fcard.c1{top:-26px;left:-34px;width:210px;animation-delay:0s}
  .fcard.c2{bottom:-30px;right:-26px;width:250px;animation-delay:1.5s}
  .fcard.c3{bottom:44px;left:-56px;width:180px;animation-delay:.8s}
  @media(max-width:1180px){.fcard.c1{left:-10px}.fcard.c3{left:-14px}.fcard.c2{right:-6px}}
  @media(max-width:620px){.fcard{display:none}}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  .fcard .ftt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:9px}
  .fcard .sw{display:flex;gap:6px}.fcard .sw span{width:26px;height:26px;border-radius:6px;border:1px solid #eee}
  .fcard .thumb{border-radius:8px;overflow:hidden;aspect-ratio:16/10}.fcard .thumb img{width:100%;height:100%;object-fit:cover}
  .fcard .tags{display:flex;gap:5px;margin-top:9px}.fcard .tags span{font-size:9.5px;font-weight:600;color:var(--electric);border:1px solid rgba(39,97,241,.3);border-radius:100px;padding:2px 7px}
  .fcard.ai{background:var(--electric);color:#fff;border:none}
  .fcard.ai .ftt{color:rgba(255,255,255,.8)}
  .fcard.ai p{font-size:12.5px;line-height:1.4;color:#fff}

  /* ===== WHAT WE PRODUCE (hover gallery) ===== */
  .prod2{background:var(--deep-navy)}
  .prod2 .glow.e{width:520px;height:520px;background:var(--electric);opacity:.12;bottom:-140px;left:-120px}
  .prod2-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;margin-top:48px;align-items:center}
  @media(max-width:900px){.prod2-grid{grid-template-columns:1fr;gap:30px}}
  .plist{border-top:1px solid var(--divider)}
  .pitem{display:grid;grid-template-columns:46px 1fr auto;gap:18px;align-items:center;padding:20px 6px;border-bottom:1px solid var(--divider);cursor:pointer;transition:.25s var(--e);position:relative}
  .pitem .pn2{font-family:'Outfit';font-weight:800;color:var(--silver);font-size:clamp(19px,2.2vw,26px);transition:.2s}
  .pitem .num{font-family:'Outfit';font-weight:700;color:var(--muted);font-size:13px}
  .pitem .ar{color:var(--orange);opacity:0;transform:translateX(-8px);transition:.25s var(--e);font-size:18px}
  .pitem:hover,.pitem.active{padding-left:14px}
  .pitem:hover .pn2,.pitem.active .pn2{color:#fff}
  .pitem.active .num{color:var(--orange)}
  .pitem:hover .ar,.pitem.active .ar{opacity:1;transform:translateX(0)}
  .ppreview{position:relative;border-radius:16px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 40px 90px -40px rgba(0,0,0,.8)}
  .ppreview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--e)}
  .ppreview img.on{opacity:1}
  .ppreview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,0) 55%,rgba(7,13,32,.55))}
  .ppreview .pl{position:absolute;left:22px;bottom:20px;z-index:2;font-family:'Outfit';font-weight:700;color:#fff;font-size:18px}

  /* ===== COMPOUND LOOP ===== */
  .comp2{background:var(--offwhite)}
  .comp2 h2{color:var(--deep-navy);font-size:clamp(30px,4.4vw,52px)}.comp2 .eyebrow{color:var(--orange)}
  .loop{position:relative;margin-top:56px;display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;align-items:stretch}
  @media(max-width:860px){.loop{grid-template-columns:1fr;gap:16px}.loop .conn{display:none}}
  .lstage{background:#fff;border-radius:16px;padding:24px;box-shadow:0 24px 56px -36px rgba(13,27,62,.4);position:relative}
  .lstage .ln{font-family:'Outfit';font-weight:800;font-size:13px;color:var(--orange);letter-spacing:.08em}
  .lstage h3{color:var(--deep-navy);font-size:19px;margin:10px 0 6px}
  .lstage p{color:var(--light-body);font-size:13.5px}
  .lstage .vis{margin-top:16px;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:var(--card-navy);position:relative}
  .lstage .vis img{width:100%;height:100%;object-fit:cover}
  .lstage .libmini{display:grid;grid-template-columns:1fr 1fr;gap:5px;height:100%;padding:5px;background:#0c1730}
  .lstage .libmini div{border-radius:5px;overflow:hidden}.lstage .libmini img{width:100%;height:100%;object-fit:cover}
  .lstage .briefmini{height:100%;background:#0c1730;padding:12px;display:flex;flex-direction:column;gap:6px;justify-content:center}
  .lstage .briefmini .bl{height:7px;border-radius:4px;background:#1E3A5F}.lstage .briefmini .bl.g{background:linear-gradient(90deg,var(--electric),var(--sky));width:65%}
  .conn{display:flex;align-items:center;justify-content:center;width:64px}
  .conn .arrow{width:44px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--electric),var(--orange));background-size:200% 100%;animation:flow 2.2s linear infinite;position:relative}
  .conn .arrow::after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);border-left:9px solid var(--orange);border-top:6px solid transparent;border-bottom:6px solid transparent}
  @keyframes flow{to{background-position:200% 0}}
  .loopback{margin-top:22px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--electric);font-weight:700;font-size:14px}
  .loopback .lb{width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--electric),transparent);position:relative}

  /* ===== AI VISUAL ===== */
  .ai2{background:var(--electric);color:#eaf1ff;padding:140px 0;position:relative;overflow:hidden}
  .ai2 .glow.p{width:560px;height:560px;background:var(--purple);opacity:.5;top:-160px;right:-100px}
  .ai2 .glow.w{width:440px;height:440px;background:#fff;opacity:.1;bottom:-200px;left:-120px}
  .ai2-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1200px;margin:0 auto;padding:0 44px}
  @media(max-width:900px){.ai2-grid{grid-template-columns:1fr;gap:44px}}
  .ai2 .eyebrow{color:#fff;opacity:.9}
  .ai2 h2{color:#fff;max-width:16ch;margin-top:14px;font-size:clamp(30px,4.2vw,52px)}
  .ai2 p{color:rgba(255,255,255,.92);font-size:18px;max-width:52ch;margin-top:20px}
  .aidemo2{position:relative;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:26px;backdrop-filter:blur(6px)}
  .aichips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}
  .aichips span{font-size:12px;font-weight:700;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:100px;padding:7px 14px;animation:pulse 3s ease-in-out infinite}
  .aichips span:nth-child(2){animation-delay:.4s}.aichips span:nth-child(3){animation-delay:.8s}.aichips span:nth-child(4){animation-delay:1.2s}.aichips span:nth-child(5){animation-delay:1.6s}
  @keyframes pulse{0%,100%{opacity:.7}50%{opacity:1}}
  .aiflow{display:flex;align-items:center;gap:14px}
  .aibrief{flex:1;background:rgba(255,255,255,.1);border-radius:12px;padding:16px}
  .aibrief.smart{background:#fff}
  .aibrief .bt{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.8);margin-bottom:10px}
  .aibrief.smart .bt{color:var(--muted)}
  .aibrief .bl{height:8px;border-radius:4px;background:rgba(255,255,255,.3);margin:7px 0}.aibrief .bl.s{width:70%}.aibrief .bl.s2{width:48%}
  .aibrief.smart .bl{background:linear-gradient(90deg,var(--electric),var(--sky))}
  .aibrief.smart .tg{display:inline-block;font-size:10px;font-weight:800;color:#fff;background:var(--orange);border-radius:100px;padding:3px 10px;margin-bottom:10px}
  .aiarrow2{color:#fff;font-size:24px;font-weight:800;opacity:.9}


  /* ===== WHAT WE PRODUCE v2 (full-bleed cinematic) ===== */
  .prod3{background:var(--deep-navy);padding:140px 0}
  .prod3 .glow.e{width:520px;height:520px;background:var(--electric);opacity:.1;top:0;left:-120px}
  .ptabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:44px}
  .ptab{font-family:'Outfit';font-weight:700;font-size:15px;color:var(--muted);padding:10px 18px;border-radius:100px;border:1px solid var(--divider);cursor:pointer;transition:.2s var(--e);background:transparent;white-space:nowrap}
  .ptab:hover{color:#fff;border-color:var(--muted)}
  .ptab.active{color:#fff;background:var(--card-navy);border-color:var(--orange)}
  .pstage{position:relative;width:100%;margin-top:34px;border-radius:20px;aspect-ratio:16/9;overflow:hidden;background:var(--card-navy);box-shadow:0 50px 110px -46px rgba(0,0,0,.75)}
  .pstage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .pstage .cur{z-index:1}
  .pstage.wiping .cur{animation:wipein .8s var(--e)}
  @keyframes wipein{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
  .pstage .sweep{position:absolute;top:0;bottom:0;left:0;width:5px;background:var(--orange);z-index:3;opacity:0;box-shadow:0 0 30px 6px rgba(240,90,40,.7)}
  .pstage.wiping .sweep{animation:sweepx .8s var(--e)}
  @keyframes sweepx{0%{left:0;opacity:1}100%{left:100%;opacity:0}}
  .pstage::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(7,13,32,.72),rgba(7,13,32,.15) 45%,rgba(7,13,32,0) 70%),linear-gradient(180deg,rgba(7,13,32,0) 55%,rgba(7,13,32,.85))}
  .pcap{position:absolute;z-index:4;left:0;bottom:0;width:100%;padding:0 34px 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
  .pcap .big{font-family:'Outfit';font-weight:800;color:#fff;font-size:clamp(30px,4.6vw,60px);line-height:1;letter-spacing:-.03em}
  .pcap .desc{color:rgba(255,255,255,.85);font-size:17px;margin-top:12px;max-width:42ch}
  .pcap .watch{display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:700;font-size:15px;white-space:nowrap}
  .pcap .watch .pc{width:52px;height:52px;border-radius:50%;background:rgba(240,90,40,.94);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px -12px rgba(240,90,40,.7)}
  .pcap .watch .pc::after{content:"";width:0;height:0;border-left:15px solid #fff;border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px}
  @media(max-width:640px){.pcap{flex-direction:column;align-items:flex-start;padding-bottom:36px}.pcap .desc{display:none}}

  /* ===== AI v2 (intelligence console) ===== */
  .ai3{background:var(--electric);color:#eaf1ff;padding:140px 0;position:relative;overflow:hidden}
  .ai3 .glow.p{width:560px;height:560px;background:var(--purple);opacity:.5;top:-160px;right:-100px}
  .ai3 .glow.w{width:440px;height:440px;background:#fff;opacity:.1;bottom:-200px;left:-120px}
  .ai3-grid{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;max-width:1220px;margin:0 auto;padding:0 44px}
  @media(max-width:920px){.ai3-grid{grid-template-columns:1fr;gap:44px}}
  .ai3 .eyebrow{color:#fff;opacity:.9}
  .ai3 h2{color:#fff;max-width:16ch;margin-top:14px;font-size:clamp(30px,4.2vw,52px)}
  .ai3 p{color:rgba(255,255,255,.92);font-size:18px;max-width:52ch;margin-top:20px}
  .ai3 .lanes{margin-top:26px;display:flex;flex-direction:column;gap:12px}
  .ai3 .lane{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;font-size:15px}
  .ai3 .lane .d{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 12px #fff}
  .ai3 .lane b{font-weight:800}
  .console{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:22px;backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:16px}
  .cmod{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:14px;padding:16px}
  .cmod .ct{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.8);margin-bottom:12px;display:flex;align-items:center;gap:8px}
  .cmod .ct i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 10px #fff;animation:pulse 2.4s ease-in-out infinite}
  /* module 1: brand context chips */
  .cctx{display:flex;flex-wrap:wrap;gap:8px}
  .cctx span{font-size:12px;font-weight:700;color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);border-radius:100px;padding:6px 13px;animation:pulse 3s ease-in-out infinite}
  .cctx span:nth-child(2){animation-delay:.3s}.cctx span:nth-child(3){animation-delay:.6s}.cctx span:nth-child(4){animation-delay:.9s}.cctx span:nth-child(5){animation-delay:1.2s}
  @keyframes pulse{0%,100%{opacity:.72}50%{opacity:1}}
  /* module 2: auto-tag footage */
  .ctag{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center}
  .ctag .th{border-radius:9px;overflow:hidden;aspect-ratio:16/10}.ctag .th img{width:100%;height:100%;object-fit:cover}
  .ctag .tags{display:flex;flex-wrap:wrap;gap:7px}
  .ctag .tags span{font-size:11px;font-weight:700;color:#fff;background:rgba(255,255,255,.16);border-radius:100px;padding:4px 11px;opacity:0;transform:translateY(4px);animation:tagin .5s var(--e) forwards}
  .ctag .tags span:nth-child(1){animation-delay:.2s}.ctag .tags span:nth-child(2){animation-delay:.5s}.ctag .tags span:nth-child(3){animation-delay:.8s}.ctag .tags span:nth-child(4){animation-delay:1.1s}
  @keyframes tagin{to{opacity:1;transform:none}}
  /* module 3: brief smarter */
  .cbrief{display:flex;align-items:center;gap:12px}
  .cb{flex:1;background:rgba(255,255,255,.1);border-radius:10px;padding:13px}
  .cb.smart{background:#fff}
  .cb .bt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.8);margin-bottom:9px}
  .cb.smart .bt{color:var(--muted)}
  .cb .bl{height:7px;border-radius:4px;background:rgba(255,255,255,.3);margin:6px 0}.cb .bl.s{width:68%}.cb .bl.s2{width:46%}
  .cb.smart .bl{background:linear-gradient(90deg,var(--electric),var(--sky))}
  .cb.smart .tg{display:inline-block;font-size:9.5px;font-weight:800;color:#fff;background:var(--orange);border-radius:100px;padding:3px 9px;margin-bottom:8px}
  .carrow{color:#fff;font-size:20px;font-weight:800;opacity:.9}


  /* ===== PROBLEM -> ANSWER transformation ===== */
  .pa2{background:var(--deep-navy)}
  .pa2 .glow.e{width:520px;height:520px;background:var(--electric);opacity:.12;top:-120px;right:-100px}
  .pa2-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;z-index:1}
  @media(max-width:860px){.pa2-top{grid-template-columns:1fr;gap:44px}}
  .pa2 h2{font-size:clamp(30px,4.4vw,50px);color:#fff}
  .pa2 .rows{margin-top:26px;border-top:1px solid var(--divider)}
  .pa2 .r{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--divider);font-size:16px;color:var(--silver)}
  .pa2 .r b{color:#fff;font-weight:700}
  .pa2 .chks{margin-top:24px;display:flex;flex-direction:column;gap:14px}
  .pa2 .chks div{padding-left:30px;position:relative;color:#fff;font-weight:600}
  .pa2 .chks div::before{content:"";position:absolute;left:0;top:6px;width:14px;height:8px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}

  .xform{position:relative;z-index:1;margin-top:80px;display:grid;grid-template-columns:1fr 90px 1fr;gap:0;align-items:center}
  @media(max-width:860px){.xform{grid-template-columns:1fr;gap:30px}.xform .seam{transform:rotate(90deg);margin:6px auto}}
  .chaos{position:relative;height:400px}
  @media(max-width:860px){.chaos{height:340px}}
  .cl{position:absolute;width:190px;aspect-ratio:16/10;border-radius:10px;overflow:hidden;filter:grayscale(1) brightness(.46);box-shadow:0 26px 50px -22px #000;border:1px solid rgba(255,255,255,.06)}
  .cl img{width:100%;height:100%;object-fit:cover}
  .cl .tg{position:absolute;left:8px;bottom:7px;z-index:2;font-size:10.5px;font-weight:700;color:#cfd9e6;background:rgba(7,13,32,.7);border:1px solid rgba(107,140,174,.4);border-radius:100px;padding:3px 9px}
  .chaos .lab{position:absolute;top:-6px;left:4px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:700}
  .seam{display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--muted)}
  .seam .aw{width:3px;height:120px;background:linear-gradient(180deg,var(--electric),var(--orange));background-size:100% 200%;animation:flowY 2.4s linear infinite;border-radius:3px;position:relative}
  .seam .aw::after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);border-top:9px solid var(--orange);border-left:6px solid transparent;border-right:6px solid transparent}
  @keyframes flowY{to{background-position:0 200%}}
  .seam .sl{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--sky);writing-mode:vertical-rl;text-orientation:mixed}
  @media(max-width:860px){.seam .sl{writing-mode:horizontal-tb}.seam .aw{height:60px}}
  .order{position:relative;border:1px solid var(--divider);border-radius:16px;padding:16px;background:linear-gradient(180deg,rgba(20,34,54,.5),rgba(13,27,62,.3))}
  .order .olab{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 4px}
  .order .olab .t{font-weight:800;font-size:13px}.order .olab .t .y{color:#fff}.order .olab .t .n{color:var(--orange)}.order .olab .t .d{color:var(--orange);font-size:.72em}
  .order .olab .k{font-size:11px;color:var(--sky);font-weight:600}
  .ogrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .ogrid .og{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/10}
  .ogrid .og img{width:100%;height:100%;object-fit:cover}
  .ogrid .og .ot{position:absolute;left:6px;bottom:5px;z-index:2;font-size:9px;font-weight:700;color:#fff;background:rgba(39,97,241,.55);border-radius:100px;padding:2px 7px}


  /* ===== PROBLEM -> ANSWER (6 to 1) ===== */
  .pa3{background:var(--deep-navy)}
  .pa3 .glow.e{width:520px;height:520px;background:var(--electric);opacity:.12;top:-120px;right:-120px}
  .pa3 .glow.p{width:460px;height:460px;background:var(--purple);opacity:.1;bottom:-160px;left:-120px}
  .pa3 .top{position:relative;z-index:1;max-width:24ch}
  .pa3 .top h2{font-size:clamp(32px,4.8vw,58px);color:#fff;margin-top:16px}
  .contrast{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;gap:0;margin-top:72px;align-items:start}
  @media(max-width:840px){.contrast{grid-template-columns:1fr;gap:36px}.contrast .mid{transform:rotate(90deg);margin:0 auto}}
  .side .lbl{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
  .side.answer .lbl{color:var(--orange)}
  .side .big{font-family:'Outfit';font-weight:800;font-size:clamp(96px,15vw,190px);line-height:.82;margin:14px 0 6px;letter-spacing:-.04em}
  .side.problem .big{color:transparent;-webkit-text-stroke:2px #274064}
  .side.answer .big{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .side .cap{font-size:15px;color:var(--silver);max-width:26ch}
  .side.answer .cap{color:#fff;font-weight:600}
  .side ul{list-style:none;margin-top:22px;display:flex;flex-direction:column;gap:12px}
  .side li{font-size:15px;position:relative;padding-left:24px}
  .side.problem li{color:var(--muted)}
  .side.problem li::before{content:"";position:absolute;left:2px;top:8px;width:9px;height:2px;background:var(--muted);border-radius:2px}
  .side.answer li{color:#fff;font-weight:500}
  .side.answer li::before{content:"";position:absolute;left:0;top:6px;width:13px;height:8px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}
  .contrast .mid{display:flex;align-items:center;justify-content:center;width:120px;padding-top:60px}
  .contrast .mid .aw{width:70px;height:3px;background:var(--grad);background-size:200% 100%;animation:flow 2.2s linear infinite;border-radius:3px;position:relative}
  .contrast .mid .aw::after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);border-left:11px solid var(--orange);border-top:7px solid transparent;border-bottom:7px solid transparent}


  .pa4{background:var(--offwhite);padding:160px 0}
  .pa4 .head h2{font-size:clamp(34px,5vw,62px);color:var(--deep-navy);margin-top:18px;max-width:15ch}
  .pa4 .rule{height:1px;background:#e2e7f0;margin:60px 0 0}
  .pa4-cols{display:grid;grid-template-columns:1fr 1px 1fr;gap:64px;margin-top:56px}
  @media(max-width:860px){.pa4-cols{grid-template-columns:1fr;gap:44px}.pa4 .vline{display:none}}
  .pa4 .vline{background:linear-gradient(180deg,transparent,#dbe3ef 20%,#dbe3ef 80%,transparent)}
  .pa4 .clbl{font-size:11.5px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:26px}
  .pa4 .answer .clbl{color:var(--orange)}
  .pa4 ul{list-style:none;display:flex;flex-direction:column;gap:22px}
  .pa4 li{font-size:19px;line-height:1.5;padding-left:30px;position:relative}
  .pa4 .problem li{color:var(--light-body)}
  .pa4 .problem li b{color:var(--deep-navy);font-weight:700}
  .pa4 .problem li::before{content:"";position:absolute;left:0;top:14px;width:12px;height:2px;background:#b7c2d4;border-radius:2px}
  .pa4 .answer li{color:var(--deep-navy)}
  .pa4 .answer li::before{content:"";position:absolute;left:0;top:7px;width:14px;height:9px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}

  .plat3{background:var(--offwhite);padding:160px 0;position:relative;overflow:hidden}
  .plat3 .glow.e{width:640px;height:640px;background:var(--electric);opacity:.07;top:-200px;right:-160px}
  .plat3-grid{position:relative;z-index:1;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center;max-width:1340px;margin:0 auto;padding:0 44px}
  @media(max-width:980px){.plat3-grid{grid-template-columns:1fr;gap:52px}}
  .plat3 h2{color:var(--deep-navy);font-size:clamp(32px,4.6vw,54px);max-width:14ch}.plat3 .eyebrow{color:var(--orange)}
  .plat3 .lead{color:var(--light-body);font-size:18px;margin-top:22px;max-width:42ch}
  .wslist2{margin-top:34px}
  .ws2{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:baseline;padding:16px 0;border-top:1px solid #e2e7f0;transition:.2s var(--e)}
  .ws2:last-child{border-bottom:1px solid #e2e7f0}
  .ws2:hover{padding-left:8px}
  .ws2 .wn{font-weight:800;font-size:15px}.ws2 .wn .y{color:var(--electric)}.ws2 .wn .n{color:var(--orange)}.ws2 .wn .d{color:var(--orange);font-size:.72em}
  .ws2 .wd{color:var(--light-body);font-size:14px}
  .device{position:relative}
  .device .frame{position:relative;z-index:2;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#0c1730,#0a1120);
    box-shadow:0 2px 0 rgba(255,255,255,.04) inset,0 60px 120px -40px rgba(13,27,62,.5),0 20px 50px -30px rgba(13,27,62,.4)}
  .device .plinth{position:absolute;left:8%;right:8%;bottom:-30px;height:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(39,97,241,.28),transparent 75%);filter:blur(24px);z-index:1}
  .device .aihint{position:absolute;z-index:3;right:-22px;bottom:34px;width:250px;border-radius:14px;padding:16px 18px;
    background:rgba(12,23,48,.72);border:1px solid rgba(96,165,250,.35);backdrop-filter:blur(12px);box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
  @media(max-width:560px){.device .aihint{position:static;width:auto;margin-top:16px}}
  .device .aihint .bd{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.06em;color:#cfe0ff;background:rgba(39,97,241,.4);border-radius:6px;padding:4px 9px;margin-bottom:10px}
  .device .aihint p{font-size:13px;color:var(--silver);line-height:1.45}


  /* ===== high-fidelity platform screen ===== */
  .appreal{position:relative;z-index:2;border-radius:16px;overflow:hidden;background:#0b1426;
    box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 60px 130px -40px rgba(13,27,62,.55),0 24px 60px -34px rgba(13,27,62,.5)}
  .ar-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid #16294a;background:#0c1730}
  .ar-bar .dots{display:flex;gap:6px}.ar-bar .dots i{width:9px;height:9px;border-radius:50%;background:#20375c;display:block}
  .ar-bar .bd{font-family:'Outfit';font-weight:700;color:#fff;font-size:14px}.ar-bar .bd .dot{color:var(--orange)}
  .ar-bar .nav{display:flex;gap:16px;font-size:12.5px;color:#6B8CAE;font-weight:600;margin-left:4px}.ar-bar .nav .on{color:#fff;position:relative}
  .ar-bar .nav .on::after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:2px;background:var(--orange)}
  .ar-bar .sr{margin-left:auto;font-size:11.5px;color:#5d79a0;border:1px solid #1c3255;border-radius:100px;padding:6px 14px}
  .ar-body{padding:18px}
  .ar-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}
  .ar-stat{background:#0f1c33;border:1px solid #16294a;border-radius:11px;padding:13px}
  .ar-stat .k{font-size:11px;color:#6B8CAE;font-weight:600}
  .ar-stat .v{font-family:'Outfit';font-weight:700;color:#fff;font-size:23px;margin-top:4px;display:flex;align-items:baseline;gap:6px}
  .ar-stat .v .up{font-size:11px;color:#60A5FA;font-weight:700}
  .ar-spark{display:flex;align-items:flex-end;gap:3px;height:22px;margin-top:9px}
  .ar-spark span{flex:1;background:linear-gradient(180deg,#60A5FA,rgba(96,165,250,.2));border-radius:2px}
  .ar-mid{display:grid;grid-template-columns:1.15fr .85fr;gap:11px;margin-top:11px}
  @media(max-width:560px){.ar-stats{grid-template-columns:1fr 1fr}.ar-mid{grid-template-columns:1fr}}
  .ar-chart{background:#0f1c33;border:1px solid #16294a;border-radius:11px;padding:14px}
  .ar-chart .ct{font-size:11px;color:#6B8CAE;font-weight:600;display:flex;justify-content:space-between}
  .ar-chart .ct b{color:#fff;font-family:'Outfit'}
  .ar-bars{display:flex;align-items:flex-end;gap:8px;height:88px;margin-top:12px}
  .ar-bars .bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}
  .ar-bars .bar i{width:100%;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#2761F1,#1b3f9e);display:block}
  .ar-bars .bar:last-child i{background:linear-gradient(180deg,#F05A28,#c8431c)}
  .ar-bars .bar span{font-size:9.5px;color:#5d79a0}
  .ar-credits{background:#0f1c33;border:1px solid #16294a;border-radius:11px;padding:14px;display:flex;flex-direction:column}
  .ar-credits .ct{font-size:11px;color:#6B8CAE;font-weight:600}
  .ar-credits .big{font-family:'Outfit';font-weight:700;color:#fff;font-size:30px;margin-top:6px}
  .ar-credits .meter{height:7px;border-radius:5px;background:#16294a;margin-top:12px;overflow:hidden}
  .ar-credits .meter i{display:block;height:100%;width:62%;background:linear-gradient(90deg,#2761F1,#60A5FA);border-radius:5px}
  .ar-credits .sm{font-size:11px;color:#5d79a0;margin-top:9px}
  .ar-ai{display:flex;align-items:center;gap:12px;margin-top:11px;background:linear-gradient(90deg,rgba(39,97,241,.18),rgba(39,97,241,.06));border:1px solid rgba(39,97,241,.4);border-radius:11px;padding:12px 15px}
  .ar-ai .bd2{font-size:10px;font-weight:800;letter-spacing:.05em;color:#cfe0ff;background:rgba(39,97,241,.5);border-radius:6px;padding:4px 9px;white-space:nowrap}
  .ar-ai p{font-size:12.5px;color:#b9cbe0}
  .ar-ai .act{margin-left:auto;font-size:11.5px;font-weight:700;color:#fff;background:var(--orange);border-radius:100px;padding:6px 13px;white-space:nowrap}
  @media(max-width:560px){.ar-ai .act{display:none}}
  .ar-table{margin-top:14px}
  .ar-th,.ar-tr{display:grid;grid-template-columns:2.3fr 1fr 1fr auto;gap:10px;align-items:center;padding:11px 4px}
  .ar-th{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#5d79a0;font-weight:700;border-bottom:1px solid #16294a}
  .ar-tr{border-bottom:1px solid #12233f;font-size:13px}
  .ar-tr .pj{display:flex;align-items:center;gap:10px;color:#fff;font-weight:600}
  .av{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;color:#fff;flex:none}
  .av.b{background:#2761F1}.av.o{background:#F05A28}.av.s{background:#60A5FA;color:#0b1426}.av.p{background:#7C3AED}
  .ar-tr .mk::before{content:"";width:6px;height:6px;border-radius:50%;background:#38537a}
  .pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:100px}.pill::before{content:"";width:6px;height:6px;border-radius:50%}
  .p-film{background:rgba(240,90,40,.16);color:#ff8a5f}.p-film::before{background:var(--orange)}
  .p-edit{background:rgba(96,165,250,.16);color:#60A5FA}.p-edit::before{background:#60A5FA}
  .p-live{background:rgba(39,97,241,.2);color:#89abff}.p-live::before{background:#2761F1}
  .ar-lib{margin-top:16px;background:#0f1c33;border:1px solid #16294a;border-radius:11px;padding:14px}
  .ar-lib .lh{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
  .ar-lib .lh .t{font-weight:800;font-size:12px}.ar-lib .lh .t .y{color:#fff}.ar-lib .lh .t .n{color:var(--orange)}.ar-lib .lh .t .d{color:var(--orange);font-size:.72em}
  .ar-lib .lh .c{font-size:11px;color:#60A5FA;font-weight:600}
  .ar-libgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
  @media(max-width:560px){.ar-libgrid{grid-template-columns:repeat(3,1fr)}}
  .lt{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/11}
  .lt img{width:100%;height:100%;object-fit:cover}
  .lt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,13,32,.75))}
  .lt .tag{position:absolute;left:5px;bottom:5px;z-index:2;font-size:8.5px;font-weight:700;color:#cfe0ff;background:rgba(39,97,241,.5);border-radius:100px;padding:2px 6px}


  .pvid{position:relative;border-radius:16px;overflow:hidden;
    box-shadow:0 1px 0 rgba(255,255,255,.05) inset,0 60px 130px -40px rgba(13,27,62,.55),0 24px 60px -34px rgba(13,27,62,.5);
    background:#0b1426 url('https://i.vimeocdn.com/video/2129027254-adbe367b455469e7f1b4d8748b09c74944c9c3635ce1cd0422c940e6e5fa7964-d_960') center/cover}
  .pvid .ar-bar{position:absolute;top:0;left:0;right:0;z-index:3;background:linear-gradient(180deg,rgba(7,13,32,.7),transparent)}
  .pvid .vwrap{position:relative;aspect-ratio:16/9;width:100%}
  .pvid iframe,.pvid video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
  .pvid .cap{position:absolute;left:18px;bottom:16px;z-index:3;font-family:'Outfit';font-weight:700;color:#fff;font-size:14px;text-shadow:0 2px 12px rgba(0,0,0,.6)}
  .pvid .cap .m{display:block;font-family:'Manrope';font-weight:500;font-size:12px;color:rgba(255,255,255,.75);margin-top:2px}
  .plat3 .plinth{position:absolute;left:8%;right:8%;bottom:-30px;height:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(39,97,241,.28),transparent 75%);filter:blur(24px);z-index:1}


  .wslist3{margin-top:30px}
  .ws3{display:grid;grid-template-columns:46px 1fr auto;gap:16px;align-items:center;padding:15px 14px;border-radius:13px;transition:background .2s var(--e),box-shadow .2s var(--e),transform .2s var(--e);border-bottom:1px solid #e6ebf3;text-decoration:none}
  .ws3:last-child{border-bottom:none}
  .ws3:hover{background:#fff;box-shadow:0 14px 34px -20px rgba(13,27,62,.3);transform:translateX(2px)}
  .wi{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eaf0fb;color:var(--electric);border:1px solid #e0e8f5;transition:.2s var(--e)}
  .ws3:hover .wi{background:var(--electric);color:#fff;border-color:var(--electric)}
  .wi svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .wtxt .wn{font-weight:800;font-size:15.5px}.wtxt .wn .y{color:var(--electric)}.wtxt .wn .n{color:var(--orange)}.wtxt .wn .d{color:var(--orange);font-size:.72em}
  .wtxt .wd{display:block;color:var(--light-body);font-size:13.5px;margin-top:3px}
  .war{color:var(--muted);opacity:0;transform:translateX(-6px);transition:.2s var(--e);font-size:18px}
  .ws3:hover .war{opacity:1;transform:none;color:var(--orange)}


  /* ===== platform hybrid band ===== */
  .hybrid{position:relative;overflow:hidden;background:#05070f;margin-bottom:0}
  .hbg{position:absolute;inset:0;z-index:0}
  .hbg .poster{position:absolute;inset:0;background:#0b1426 url('https://i.vimeocdn.com/video/2189152178-0ee3eac374af22a15621f8ba9a78d17d3420d7cf5220232e5ab51fbc81ece6c0-d_1280') center/cover;z-index:0}
  .hbg iframe{position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;transform:translate(-50%,-50%);border:0;z-index:1}
  .hscrim{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(7,13,32,.82),rgba(7,13,32,.32) 26%,rgba(7,13,32,.34) 55%,rgba(7,13,32,.94)),radial-gradient(120% 90% at 20% 28%,rgba(7,13,32,.62),transparent 60%)}
  .hinner{position:relative;z-index:3;min-height:786px;display:flex;flex-direction:column;justify-content:space-between;padding:96px 0 88px}
  .htop{max-width:640px}
  .htop h2{color:#fff;font-size:clamp(36px,5vw,60px);margin-top:16px;max-width:15ch}
  .htop .lead{color:rgba(255,255,255,.9);font-size:19px;margin-top:20px;max-width:48ch}
  .hcta{display:flex;gap:18px;align-items:center;margin-top:30px;flex-wrap:wrap}
  .btn-ghost{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:15px;text-decoration:none}
  .btn-ghost .pc{width:38px;height:38px;border-radius:50%;border:1.5px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;transition:.2s}
  .btn-ghost:hover .pc{background:rgba(255,255,255,.15);border-color:#fff}
  .btn-ghost .pc::after{content:"";width:0;height:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
  .hcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
  @media(max-width:820px){.hcards{grid-template-columns:1fr}.hinner{min-height:auto}}
  .hcard{position:relative;border-radius:18px;padding:26px 24px 24px;overflow:hidden;background:linear-gradient(180deg,rgba(9,16,34,.34),rgba(9,16,34,.82));backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 34px 66px -32px rgba(0,0,0,.65);transition:transform .32s var(--e),box-shadow .32s var(--e)}
  .hcard::before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.45),rgba(255,255,255,.06) 42%,rgba(39,97,241,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;transition:.32s}
  .hcard::after{content:"";position:absolute;top:0;left:26px;right:26px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}
  .hcard:hover{transform:translateY(-6px);box-shadow:0 46px 88px -30px rgba(0,0,0,.72)}
  .hcard:hover::before{background:linear-gradient(150deg,rgba(255,255,255,.65),rgba(96,165,250,.5) 45%,rgba(240,90,40,.5))}
  .hnum{position:absolute;top:16px;right:22px;font-family:'Outfit';font-weight:800;font-size:44px;line-height:1;color:rgba(255,255,255,.09);letter-spacing:-.03em}
  .hcard .ic{width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,var(--electric),#173a94);display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 12px 26px -8px rgba(39,97,241,.75),inset 0 1px 0 rgba(255,255,255,.35)}
  .hcard .ic svg{width:22px;height:22px;stroke:#fff;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
  .hcard h3{color:#fff;font-size:19px;letter-spacing:-.02em}
  .hcard p{color:rgba(255,255,255,.84);font-size:13.5px;margin-top:9px;line-height:1.55}


  .prod3 .hd h2{color:#fff}
  .prod3 .glow.e{opacity:.12}
  .prod3 .ptab{color:var(--silver);border:1px solid var(--divider);background:transparent}
  .prod3 .ptab:hover{color:#fff;border-color:var(--muted)}
  .prod3 .ptab.active{color:#fff;background:var(--electric);border-color:var(--electric)}

  .ser{font-family:'Outfit',sans-serif;font-weight:400;letter-spacing:-.02em;color:var(--orange)}

  /* shared elevated card border */
  .gborder{position:relative}
  .gborder::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.4),rgba(255,255,255,.06) 42%,rgba(39,97,241,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}

  /* ===== PROBLEM/ANSWER (elevated) ===== */
  .pa5{background:var(--offwhite);padding:150px 0}
  .pa5{overflow:hidden}
  .pa5-grid{display:grid;grid-template-columns:minmax(0,500px) 1fr;gap:44px;align-items:center;position:relative;z-index:1}
  @media(max-width:900px){.pa5-grid{grid-template-columns:1fr}}
  @media(max-width:900px){.pa5-grid{grid-template-columns:1fr;gap:48px}}
  .pa5 .eyebrow{color:var(--orange)}
  .pa5 h2{color:var(--deep-navy);font-size:clamp(34px,4.8vw,58px);margin-top:16px;max-width:14ch}
  .pa5 .blk{margin-top:30px}
  .pa5 .lbl{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
  .pa5 .blk.ans .lbl{color:var(--orange)}
  .pa5 ul{list-style:none;display:flex;flex-direction:column;gap:13px}
  .pa5 li{font-size:16px;position:relative;padding-left:28px;line-height:1.5}
  .pa5 .prob li{color:var(--light-body)}.pa5 .prob li b{color:var(--deep-navy);font-weight:700}
  .pa5 .prob li::before{content:"";position:absolute;left:2px;top:11px;width:11px;height:2px;background:#b7c2d4;border-radius:2px}
  .pa5 .ans li{color:var(--deep-navy);font-weight:500}
  .pa5 .ans li::before{content:"";position:absolute;left:0;top:5px;width:13px;height:8px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}
  .pa5-vis{position:relative;border-radius:20px;padding:16px;background:#0c1730;box-shadow:0 50px 100px -46px rgba(13,27,62,.55);overflow:hidden}
  .pa5-vis .glab{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 12px}
  .pa5-vis .glab .t{font-weight:800;font-size:13px}.pa5-vis .glab .t .y{color:#fff}.pa5-vis .glab .t .n{color:var(--orange)}.pa5-vis .glab .t .d{color:var(--orange);font-size:.72em}
  .pa5-vis .glab .c{font-size:11px;color:var(--sky);font-weight:600}
  .pa5-grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .pa5-grid2 .g{position:relative;border-radius:9px;overflow:hidden;aspect-ratio:16/11}
  .pa5-grid2 .g img{width:100%;height:100%;object-fit:cover}
  .pa5-grid2 .g .tg{position:absolute;left:6px;bottom:5px;font-size:8.5px;font-weight:700;color:#fff;background:rgba(39,97,241,.55);border-radius:100px;padding:2px 7px}
  .scene{position:relative;padding:34px 40px 40px 34px}
  .scene .sglow{position:absolute;inset:-6% -2% -6% 4%;z-index:0;border-radius:50%;background:radial-gradient(48% 52% at 28% 26%,rgba(39,97,241,.36),transparent 70%),radial-gradient(46% 52% at 84% 88%,rgba(240,90,40,.28),transparent 72%),radial-gradient(40% 40% at 60% 55%,rgba(124,58,237,.18),transparent 70%);filter:blur(52px)}
  .win{position:relative;z-index:2;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #E2E7F0;box-shadow:0 60px 120px -42px rgba(13,27,62,.5),0 16px 40px -18px rgba(13,27,62,.24)}
  .win .top{display:flex;align-items:center;gap:8px;padding:11px 15px;background:#EEF1F7;border-bottom:1px solid #E2E7F0}
  .win .top i{width:11px;height:11px;border-radius:50%;background:#C7CFDD;flex:none}
  .win .url{margin:0 auto;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E2E7F0;border-radius:100px;padding:5px 16px;font-size:11px;color:var(--muted);font-weight:600;transform:translateX(-15px)}
  .win .url .lk{width:8px;height:7px;background:#aeb9ca;border-radius:1.5px;position:relative;flex:none}
  .win .url .lk::before{content:"";position:absolute;left:1.5px;top:-4px;width:5px;height:5px;border:1.5px solid #aeb9ca;border-bottom:none;border-radius:3px 3px 0 0}
  .win .url b{font-weight:800}.win .url b .y{color:var(--deep-navy)}.win .url b .o{color:var(--orange)}
  .win img{width:100%;height:auto;display:block}
  .chip{position:absolute;z-index:4;background:#fff;border:1px solid #E6EAF2;border-radius:14px;padding:14px 16px;box-shadow:0 30px 56px -20px rgba(13,27,62,.4),0 6px 16px -8px rgba(13,27,62,.2);animation:chipf 6s ease-in-out infinite}
  @media(prefers-reduced-motion:reduce){.chip{animation:none}}
  @keyframes chipf{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
  .chip .ct{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:800;margin-bottom:10px}
  .chip.a{left:58px;bottom:24px}
  .chip.a .sw{display:flex;gap:7px}.chip.a .sw span{width:26px;height:26px;border-radius:7px;border:1px solid rgba(0,0,0,.05)}
  .chip.b{right:2px;top:44px;animation-delay:1.6s}
  .chip.b .tags{display:flex;gap:6px;flex-wrap:wrap;max-width:190px}
  .chip.b .tags span{font-size:11px;font-weight:600;color:var(--electric);border:1px solid rgba(39,97,241,.28);border-radius:100px;padding:3px 10px}
  @media(max-width:520px){.chip{display:none}}

  /* ===== WHY IT COMPOUNDS (elevated dark) ===== */
  .comp3{background:var(--deep-navy);padding:150px 0}
  .comp3 .glow.e{width:520px;height:520px;background:var(--electric);opacity:.1;top:-120px;right:-120px}
  .comp3 .hd h2{color:#fff}
  .cloop{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;margin-top:56px;position:relative;z-index:1}
  @media(max-width:860px){.cloop{grid-template-columns:1fr;gap:16px}.cloop .cconn{display:none}}
  .cstage{position:relative;border-radius:16px;padding:22px;background:#101d34;overflow:hidden;transition:transform .3s var(--e)}
  .cstage::before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.2),rgba(255,255,255,.04) 45%,rgba(39,97,241,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
  .cstage:hover{transform:translateY(-5px)}
  .cstage .cnum{position:absolute;top:10px;right:18px;font-family:'Outfit';font-weight:800;font-size:46px;line-height:1;color:rgba(240,90,40,.28)}
  .cstage .cl{font-family:'Outfit';font-weight:800;font-size:12px;color:var(--orange);letter-spacing:.08em}
  .cstage h3{color:#fff;font-size:19px;margin:8px 0 6px}
  .cstage p{color:var(--silver);font-size:13.5px;line-height:1.5;min-height:42px}
  .cstage .vis{margin-top:14px;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#0a1426}
  .cstage .vis>img{width:100%;height:100%;object-fit:cover}
  .cgrid{display:grid;grid-template-columns:1fr 1fr;gap:4px;height:100%}
  .cgrid .gg{position:relative;overflow:hidden}.cgrid .gg img{width:100%;height:100%;object-fit:cover}
  .cgrid .gg .t{position:absolute;left:4px;bottom:3px;font-size:7.5px;font-weight:700;color:#fff;background:rgba(39,97,241,.6);border-radius:100px;padding:1px 5px}
  .creuse{height:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:6px;padding:6px;background:#0a1426}
  .creuse .cthumb{border-radius:6px;overflow:hidden}.creuse .cthumb img{width:100%;height:100%;object-fit:cover}
  .creuse .cb{display:flex;flex-direction:column;justify-content:center;gap:5px}
  .creuse .cb .bl{height:6px;border-radius:3px;background:#1c3255}.creuse .cb .bl.g{background:linear-gradient(90deg,var(--electric),var(--sky));width:70%}
  .creuse .cb .tag{font-size:8px;font-weight:800;color:#fff;background:var(--orange);border-radius:100px;padding:2px 7px;align-self:flex-start;margin-bottom:2px}
  .cconn{display:flex;align-items:center;justify-content:center;width:56px}
  .cconn .aw{width:36px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--electric),var(--orange));background-size:200% 100%;animation:flow 2.2s linear infinite;position:relative}
  .cconn .aw::after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);border-left:9px solid var(--orange);border-top:6px solid transparent;border-bottom:6px solid transparent}
  .cloopback{margin-top:26px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--sky);font-weight:600;font-size:14px}
  .cloopback .lb{width:120px;height:1px;background:linear-gradient(90deg,transparent,var(--electric),transparent)}

  /* ===== yourfilm AI (rich, not flat) ===== */
  .ai4{position:relative;overflow:hidden;padding:150px 0;background:linear-gradient(140deg,#16307e 0%,#0D1B3E 46%,#231452 100%)}
  .ai4 .glow.e{width:560px;height:560px;background:var(--electric);opacity:.3;top:-160px;left:20%}
  .ai4 .glow.p{width:520px;height:520px;background:var(--purple);opacity:.4;bottom:-180px;right:-80px}
  .ai4-grid{position:relative;z-index:1;display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center;max-width:1220px;margin:0 auto;padding:0 44px}
  @media(max-width:920px){.ai4-grid{grid-template-columns:1fr;gap:44px}}
  .ai4 .eyebrow{color:#fff;opacity:.85}
  .ai4 h2{color:#fff;max-width:15ch;margin-top:14px;font-size:clamp(32px,4.2vw,54px)}
  .ai4 p{color:rgba(255,255,255,.9);font-size:18px;max-width:52ch;margin-top:20px}
  .ai4 .lanes{margin-top:26px;display:flex;flex-direction:column;gap:12px}
  .ai4 .lane{display:flex;align-items:center;gap:12px;color:#fff;font-weight:600;font-size:15px}
  .ai4 .lane .d{width:8px;height:8px;border-radius:50%;background:var(--sky);box-shadow:0 0 12px var(--sky)}
  .ai4 .lane b{font-weight:800}
  .console2{position:relative;border-radius:20px;padding:20px;background:rgba(7,13,32,.55);backdrop-filter:blur(20px);box-shadow:0 40px 90px -40px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:14px}
  .console2::before{content:"";position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.35),rgba(96,165,250,.3) 50%,rgba(124,58,237,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
  .cmod2{background:rgba(12,23,48,.7);border:1px solid rgba(96,165,250,.16);border-radius:14px;padding:15px}
  .cmod2 .ct{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#9fc0f0;margin-bottom:11px;display:flex;align-items:center;gap:8px}
  .cmod2 .ct i{width:6px;height:6px;border-radius:50%;background:var(--sky);box-shadow:0 0 10px var(--sky)}
  .actx{display:flex;flex-wrap:wrap;gap:8px}
  .actx span{font-size:12px;font-weight:700;color:#fff;background:rgba(39,97,241,.28);border:1px solid rgba(96,165,250,.35);border-radius:100px;padding:6px 13px}
  .atag{display:grid;grid-template-columns:100px 1fr;gap:14px;align-items:center}
  .atag .th{border-radius:9px;overflow:hidden;aspect-ratio:16/10}.atag .th img{width:100%;height:100%;object-fit:cover}
  .atag .tags{display:flex;flex-wrap:wrap;gap:7px}
  .atag .tags span{font-size:11px;font-weight:700;color:#cfe0ff;background:rgba(39,97,241,.3);border-radius:100px;padding:4px 11px}
  .abrief{display:flex;align-items:center;gap:12px}
  .ab{flex:1;background:rgba(255,255,255,.06);border-radius:10px;padding:13px}
  .ab.smart{background:#fff}
  .ab .bt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:rgba(255,255,255,.7);margin-bottom:9px}
  .ab.smart .bt{color:var(--muted)}
  .ab .bl{height:7px;border-radius:4px;background:rgba(255,255,255,.22);margin:6px 0}.ab .bl.s{width:68%}.ab .bl.s2{width:46%}
  .ab.smart .bl{background:linear-gradient(90deg,var(--electric),var(--sky))}
  .ab.smart .tg{display:inline-block;font-size:9.5px;font-weight:800;color:#fff;background:var(--orange);border-radius:100px;padding:3px 9px;margin-bottom:8px}
  .aar{color:#fff;font-size:20px;font-weight:800;opacity:.9}


  /* ===== REVIEWS (editorial) ===== */
  .rev2{background:var(--offwhite);padding:150px 0}
  .rev2-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start}
  @media(max-width:900px){.rev2-grid{grid-template-columns:1fr;gap:44px}}
  .rev2 .eyebrow{color:var(--orange)}
  .rev2 h2{color:var(--deep-navy);font-size:clamp(32px,4.4vw,52px);margin-top:16px;max-width:12ch}
  .rev2 .rating{margin-top:36px;display:flex;align-items:center;gap:18px}
  .rev2 .rating .num{font-family:'Outfit';font-weight:800;font-size:72px;line-height:.9;color:var(--deep-navy)}
  .rev2 .rating .rcol .stars{color:var(--orange);font-size:20px;letter-spacing:3px}
  .rev2 .rating .rcol .sub{color:var(--muted);font-size:13px;font-weight:600;margin-top:6px}
  .rev2 .note{margin-top:24px;color:var(--light-body);font-size:16px;max-width:34ch}
  .rev2-feat{position:relative;background:#fff;border-radius:18px;padding:36px 38px;box-shadow:0 30px 70px -40px rgba(13,27,62,.45);overflow:hidden}
  .rev2-feat::before{content:"";position:absolute;left:0;top:26px;bottom:26px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--electric),var(--orange))}
  .rev2-feat .qm{position:absolute;top:6px;right:28px;font-family:'Outfit';font-weight:800;font-size:120px;line-height:1;color:rgba(240,90,40,.1)}
  .rev2-feat .stars{color:var(--orange);font-size:16px;letter-spacing:2px}
  .rev2-feat p{color:var(--deep-navy);font-size:24px;line-height:1.45;font-weight:600;margin:16px 0 18px;max-width:34ch;letter-spacing:-.01em}
  .rev2-feat .w{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.02em}
  .rev2-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
  @media(max-width:620px){.rev2-two{grid-template-columns:1fr}}
  .rq{position:relative;background:#fff;border-radius:16px;padding:26px 28px;box-shadow:0 24px 56px -40px rgba(13,27,62,.4);transition:transform .25s var(--e)}
  .rq:hover{transform:translateY(-4px)}
  .rq .stars{color:var(--orange);font-size:14px;letter-spacing:2px}
  .rq p{color:var(--deep-navy);font-size:15.5px;line-height:1.55;font-weight:500;margin:12px 0 14px}
  .rq .w{color:var(--muted);font-size:12.5px;font-weight:700}


  /* ===== REVIEWS + WORK ===== */
  .revx{background:var(--offwhite);padding:150px 0}
  .revx-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:24px}
  .revx-head .eyebrow{color:var(--orange)}
  .revx-head h2{color:var(--deep-navy);font-size:clamp(32px,4.4vw,52px);margin-top:14px;max-width:16ch}
  .revx-rating{display:flex;align-items:center;gap:14px}
  .revx-rating .num{font-family:'Outfit';font-weight:800;font-size:46px;line-height:.9;color:var(--deep-navy)}
  .revx-rating .stars{color:var(--orange);font-size:16px;letter-spacing:2px}
  .revx-rating .sub{color:var(--muted);font-size:12.5px;font-weight:600;margin-top:5px}
  .revx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
  @media(max-width:900px){.revx-grid{grid-template-columns:1fr}}
  .rcard{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 66px -40px rgba(13,27,62,.45);display:flex;flex-direction:column;transition:transform .28s var(--e),box-shadow .28s var(--e)}
  .rcard:hover{transform:translateY(-5px);box-shadow:0 44px 84px -40px rgba(13,27,62,.5)}
  .rcard .film{position:relative;aspect-ratio:16/9;overflow:hidden}
  .rcard .film img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e)}
  .rcard:hover .film img{transform:scale(1.05)}
  .rcard .film::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,0) 45%,rgba(7,13,32,.6))}
  .rcard .brand{position:absolute;left:12px;bottom:11px;z-index:2;font-family:'Outfit';font-weight:700;font-size:12.5px;color:#fff;background:rgba(7,13,32,.4);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:5px 12px}
  .rcard .playm{position:absolute;right:12px;bottom:11px;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(240,90,40,.95);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px -8px rgba(240,90,40,.7)}
  .rcard .playm::after{content:"";width:0;height:0;border-left:11px solid #fff;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
  .rbody{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
  .rbody .stars{color:var(--orange);font-size:14px;letter-spacing:2px}
  .rbody p{color:var(--deep-navy);font-size:15px;line-height:1.55;font-weight:500;margin:12px 0 0}
  .who{display:flex;gap:12px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid #eef1f6}
  .who .av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;color:#fff;flex:none}
  .who .av.b{background:var(--electric)}.who .av.o{background:var(--orange)}.who .av.s{background:var(--sky);color:#0b1426}
  .who .nm{color:var(--deep-navy);font-weight:800;font-size:14.5px}
  .who .ro{color:var(--muted);font-size:12.5px;font-weight:600;margin-top:1px}


  /* ===== laptop mockup ===== */
  .lp-scene{perspective:2000px;display:flex;justify-content:center;padding:30px 0}
  .laptop{position:relative;width:100%;max-width:560px;transform:rotateY(-19deg) rotateX(6deg);transform-style:preserve-3d;transform-origin:55% 50%}
  .laptop::after{content:"";position:absolute;z-index:-2;left:2%;right:2%;bottom:-40px;height:70px;border-radius:50%;background:rgba(7,13,32,.5);filter:blur(34px);transform:rotateX(60deg) scaleY(.5);transform-origin:center}
  .laptop .lid{position:relative;background:#0a1426;border:1px solid #1b2d4b;border-radius:16px;padding:12px;box-shadow:0 60px 110px -46px rgba(13,27,62,.6),inset 0 1px 0 rgba(255,255,255,.05)}
  .laptop .lid .cam{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#25395a}
  .laptop .scr{border-radius:8px;overflow:hidden;background:#0b1426;padding:13px}
  .laptop .deck{position:relative;height:13px;width:118%;left:-9%;background:linear-gradient(180deg,#243burnished,#0e1b32);border-radius:0 0 16px 16px;box-shadow:0 30px 34px -24px rgba(13,27,62,.55)}
  .laptop .deck{background:linear-gradient(180deg,#26375a,#0e1b32)}
  .laptop .deck::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:6px;background:#0a1426;border-radius:0 0 9px 9px}
  .laptop .foot{position:absolute;left:8%;right:8%;bottom:-26px;height:52px;border-radius:50%;background:radial-gradient(closest-side,rgba(39,97,241,.22),transparent 72%);filter:blur(22px);z-index:-1}
  .lbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px;padding:0 2px}
  .lbar .t{font-family:'Outfit';font-weight:800;font-size:13px}.lbar .t .y{color:#fff}.lbar .t .n{color:var(--orange)}.lbar .t .d{color:var(--orange);font-size:.72em}
  .lbar .c{font-size:11px;color:var(--sky);font-weight:600}
  .lgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .lgrid .g{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/11}
  .lgrid .g img{width:100%;height:100%;object-fit:cover}
  .lgrid .g .tg{position:absolute;left:6px;bottom:5px;font-size:8.5px;font-weight:700;color:#fff;background:rgba(39,97,241,.6);border-radius:100px;padding:2px 7px}


  html{scroll-snap-type:y proximity}
  section,.logos{scroll-snap-align:start;scroll-snap-stop:normal}
  @media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}}

  /* ===== richer motion ===== */
  .reveal{opacity:0;transform:translateY(42px);transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
  .reveal.in{opacity:1;transform:none}
  .reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}
  /* hover micro-motion */
  .topnav a{transition:color .2s var(--e),transform .2s var(--e)}
  .topnav a:hover{transform:translateY(-1px)}
  .btn{transition:transform .22s var(--e),background .22s,box-shadow .22s var(--e)}
  .btn:hover{box-shadow:0 16px 34px -14px rgba(240,90,40,.6)}
  .pn,.eyebrow{transition:transform .2s var(--e)}
  .fmt a,.ptab,.ws2,.pitem,.lane{transition:transform .25s var(--e),color .2s,background .2s,border-color .2s,padding .25s var(--e)}
  .fq .qq{transition:color .2s var(--e)}.fq .qq:hover{color:var(--orange)}
  /* image life on hover */
  .pa5-grid2 .g img,.lgrid .g img,.wb-lib .g img,.cgrid .gg img,.atag2 .th img,.tile img{transition:transform .6s var(--e)}
  .pa5-vis:hover .g img,.laptop:hover .g img,.wb-assets:hover .g img{transform:scale(1.05)}
  @media(prefers-reduced-motion:reduce){.reveal{opacity:1 !important;transform:none !important}}


  /* ===== yourfilm AI bento ===== */
  .ai5{position:relative;overflow:hidden;padding:150px 0;background:linear-gradient(150deg,#16307e 0%,#0D1B3E 48%,#231452 100%)}
  .ai5 .glow.e{width:560px;height:560px;background:var(--electric);opacity:.28;top:-160px;left:16%}
  .ai5 .glow.p{width:560px;height:560px;background:var(--purple);opacity:.4;bottom:-200px;right:-100px}
  .ai5 .inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 44px}
  .ai5-head{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:end}
  @media(max-width:860px){.ai5-head{grid-template-columns:1fr;gap:24px}}
  .ai5 .eyebrow{color:#fff;opacity:.85}
  .ai5 h2{color:#fff;font-size:clamp(34px,4.6vw,58px);margin-top:14px;max-width:16ch}
  .ai5 .intro{color:rgba(255,255,255,.9);font-size:17px;line-height:1.6}
  .ai5 .lanes{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
  .ai5 .lanes span{font-size:12.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:6px 13px}
  .aibento{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:minmax(0,auto);gap:16px;margin-top:44px}
  @media(max-width:860px){.aibento{grid-template-columns:1fr}.aicard.cc{grid-row:auto !important}}
  .aicard{position:relative;border-radius:18px;overflow:hidden;background:rgba(7,13,32,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:24px}
  .aicard::before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.35),rgba(96,165,250,.28) 50%,rgba(124,58,237,.32));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
  .aicard h3{color:#fff;font-size:19px;letter-spacing:-.01em}
  .aicard p{color:rgba(255,255,255,.8);font-size:13.5px;line-height:1.5;margin-top:8px}
  /* command center (tall) */
  .aicard.cc{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;justify-content:space-between;min-height:440px;padding:0}
  .aicard.cc .bg{position:absolute;inset:0;z-index:0}
  .aicard.cc .bg img{width:100%;height:100%;object-fit:cover;opacity:.55}
  .aicard.cc .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,.5),rgba(7,13,32,.85))}
  .aicard.cc .top,.aicard.cc .bot{position:relative;z-index:2;padding:24px}
  .aicard.cc .greet{font-family:'Outfit';font-weight:800;color:#fff;font-size:22px;line-height:1.15;margin-bottom:16px}
  .aicard.cc .input{display:flex;align-items:center;gap:10px;background:#fff;border-radius:100px;padding:8px 8px 8px 18px;box-shadow:0 16px 40px -16px rgba(0,0,0,.5)}
  .aicard.cc .input .txt{flex:1;color:#4a5878;font-size:13.5px}.aicard.cc .input .txt b{color:#0c1730;font-weight:600}
  .aicard.cc .input .mic{color:#8a97ad;font-size:14px}
  .aicard.cc .input .send{width:34px;height:34px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
  .aicard.cc .input .send::after{content:"";width:0;height:0;border-bottom:9px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent}
  .aicard.cc .bot p{color:rgba(255,255,255,.85)}
  /* workflow (wide) */
  .aicard.wf{grid-column:2/4;grid-row:1}
  .wfflow{margin-top:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .node{display:inline-flex;align-items:center;gap:8px;background:rgba(20,34,54,.9);border:1px solid var(--divider);border-radius:100px;padding:9px 15px;font-size:12.5px;color:#fff;font-weight:600;white-space:nowrap}
  .node.hl{background:rgba(39,97,241,.25);border-color:var(--electric)}
  .node .ck{width:16px;height:16px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
  .node .ck svg{width:9px;height:9px;stroke:#fff;stroke-width:2.6;fill:none}
  .node .sp{width:14px;height:14px;border-radius:50%;border:2px solid rgba(96,165,250,.35);border-top-color:var(--sky);animation:spin 1s linear infinite}
  @keyframes spin{to{transform:rotate(360deg)}}
  .wfarrow{color:var(--muted);font-size:13px}
  .wfbranch{color:var(--muted);font-size:13px;margin:0 2px}
  /* brand intelligence */
  .aicard.bi{grid-column:2;grid-row:2}
  .bichips{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
  .bichips span{font-size:11.5px;font-weight:700;color:#fff;background:rgba(39,97,241,.28);border:1px solid rgba(96,165,250,.35);border-radius:100px;padding:5px 11px}
  .bisw{display:flex;gap:7px;margin-top:12px}.bisw span{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.14)}
  /* library */
  .aicard.lb{grid-column:3;grid-row:2}
  .lbgrid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px}
  .lbgrid .g{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/11}
  .lbgrid .g img{width:100%;height:100%;object-fit:cover}
  .lbgrid .g .tg{position:absolute;left:5px;bottom:4px;font-size:8px;font-weight:700;color:#cfe0ff;background:rgba(39,97,241,.6);border-radius:100px;padding:2px 6px}


  .bts{background:var(--offwhite);padding:150px 0}
  .bts-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:center}
  @media(max-width:900px){.bts-grid{grid-template-columns:1fr;gap:40px}}
  .bts .eyebrow{color:var(--orange)}
  .bts h2{color:var(--deep-navy);font-size:clamp(32px,4.4vw,54px);margin-top:14px;max-width:13ch}
  .bts .lead{color:var(--light-body);font-size:18px;margin-top:20px;max-width:42ch}
  .bts .stat{display:flex;gap:40px;margin-top:28px;flex-wrap:wrap}
  .bts .stat .n{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:32px;line-height:1}
  .bts .stat .n .u{color:var(--orange)}
  .bts .stat .l{color:var(--muted);font-size:12.5px;margin-top:5px}
  .bts-img{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 50px 100px -46px rgba(13,27,62,.5)}
  .bts-img img{width:100%;height:100%;object-fit:cover}
  .bts-img .tag{position:absolute;left:16px;bottom:14px;z-index:2;font-family:'Outfit';font-weight:700;font-size:12px;color:#fff;background:rgba(7,13,32,.45);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:100px;padding:6px 13px}


  .dash{color:#fff;font-family:'Manrope',sans-serif;height:100%;display:flex;flex-direction:column}
  .dwm{font-family:'Outfit';font-weight:800;font-size:11px;color:#fff;letter-spacing:-.02em}.dwm .d{color:var(--orange)}
  .dhero{text-align:center;margin:10px 0 12px}
  .dhero .big{font-family:'Outfit';font-weight:800;font-size:30px;color:#fff;letter-spacing:-.03em;line-height:1}.dhero .big .d{color:var(--orange)}
  .dhero .dsub{font-size:7px;color:var(--silver);margin-top:7px}
  .dhero .dpick{font-size:6.5px;color:var(--muted);margin-top:3px;letter-spacing:.14em;text-transform:uppercase}
  .dgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1}
  .dcard{position:relative;background:var(--card-navy);border:1px solid var(--divider);border-radius:6px;padding:8px 8px 7px;display:flex;flex-direction:column}
  .dcard.on{border-color:var(--orange)}
  .dcard .dn{font-family:'Outfit';font-weight:800;font-size:9px;letter-spacing:-.02em}
  .dcard .dn .y{color:#fff}.dcard .dn .n{color:var(--orange)}.dcard .dn .d{color:var(--orange)}
  .dcard .dcat{font-size:5px;letter-spacing:.12em;color:var(--orange);font-weight:700;margin-top:3px}
  .dcard .ddesc{font-size:6px;color:var(--silver);margin-top:4px;line-height:1.4;flex:1}
  .dcard .denter{font-size:5.5px;color:var(--orange);font-weight:700;letter-spacing:.06em;margin-top:6px}


  /* ===== AI bento v2 ===== */
  .aibento2{display:grid;grid-template-columns:1.08fr 1fr;grid-auto-rows:minmax(0,auto);gap:16px;margin-top:44px}
  @media(max-width:860px){.aibento2{grid-template-columns:1fr}.aicard.aicc{grid-row:auto !important}}
  .aicc{grid-column:1;grid-row:1/3;min-height:520px}
  .aibr{grid-column:2;grid-row:1}
  .ailb{grid-column:2;grid-row:2}
  .aic{position:relative;border-radius:18px;overflow:hidden;background:rgba(7,13,32,.5);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:24px}
  .aic::before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:linear-gradient(150deg,rgba(255,255,255,.34),rgba(96,165,250,.26) 50%,rgba(124,58,237,.3));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
  .aic h3{color:#fff;font-size:19px;letter-spacing:-.01em}
  .aic p{color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.5;margin-top:7px}
  /* command / smart brief */
  .aicc{display:flex;flex-direction:column;justify-content:space-between;padding:0}
  .aicc .bg{position:absolute;inset:0;z-index:0}.aicc .bg img{width:100%;height:100%;object-fit:cover;opacity:.5}
  .aicc .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,.55),rgba(7,13,32,.9))}
  .aicc .top,.aicc .bot{position:relative;z-index:2;padding:24px}
  .aicc .greet{font-family:'Outfit';font-weight:700;color:#fff;font-size:21px;line-height:1.15;margin-bottom:14px}
  .aicc .inp{display:flex;align-items:center;gap:10px;background:#fff;border-radius:100px;padding:8px 8px 8px 18px;box-shadow:0 16px 40px -16px rgba(0,0,0,.5)}
  .aicc .inp .t{flex:1;color:#4a5878;font-size:13px}.aicc .inp .t b{color:#0c1730;font-weight:600}
  .aicc .inp .mic{color:#8a97ad;font-size:13px}
  .aicc .inp .snd{width:32px;height:32px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;flex:none}
  .aicc .inp .snd::after{content:"";width:0;height:0;border-bottom:8px solid #fff;border-left:5px solid transparent;border-right:5px solid transparent}
  .aicc .scope{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
  .aicc .scope span{font-size:10.5px;font-weight:600;color:#cfe0ff;background:rgba(39,97,241,.3);border:1px solid rgba(96,165,250,.32);border-radius:100px;padding:4px 10px}
  .aicc .scope .lead{color:var(--sky);font-weight:700;background:none;border:none;padding:4px 0}
  /* learns your brand */
  .learn{margin-top:16px;display:flex;flex-direction:column;gap:9px}
  .learn .row{display:flex;align-items:center;gap:9px;font-size:13px}
  .learn .row svg{width:14px;height:14px;flex:none}
  .learn .row .k{color:var(--muted);font-weight:600;min-width:74px}
  .learn .row .v{color:#fff;font-weight:600}
  .learn-foot{margin-top:16px;font-size:12px;color:var(--sky);font-weight:600;display:flex;align-items:center;gap:7px}
  .learn-foot .dot{width:6px;height:6px;border-radius:50%;background:var(--sky);box-shadow:0 0 10px var(--sky)}
  /* compounding library search */
  .lsearch{margin-top:16px;display:flex;align-items:center;gap:9px;background:rgba(7,13,32,.6);border:1px solid var(--divider);border-radius:100px;padding:9px 16px}
  .lsearch .mag{width:13px;height:13px;border:2px solid var(--sky);border-radius:50%;position:relative;flex:none}
  .lsearch .mag::after{content:"";position:absolute;right:-4px;bottom:-4px;width:6px;height:2px;background:var(--sky);transform:rotate(45deg)}
  .lsearch .lq{color:#fff;font-size:13px;font-weight:500}.lsearch .cur{width:1px;height:14px;background:var(--sky);display:inline-block;animation:blink 1s steps(1) infinite}
  @keyframes blink{50%{opacity:0}}
  .lres{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:12px}
  .lres .g{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/11}
  .lres .g img{width:100%;height:100%;object-fit:cover}
  .lres .g .tg{position:absolute;left:5px;bottom:4px;font-size:8px;font-weight:700;color:#cfe0ff;background:rgba(39,97,241,.6);border-radius:100px;padding:2px 6px}
  .lib-foot{margin-top:14px;font-size:12px;color:var(--silver)}.lib-foot b{color:#fff}

  /* ===== why it compounds v2 ===== */
  .comp4{background:var(--deep-navy);padding:150px 0}
  .comp4 .hd h2{color:#fff}
  .comp4-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;margin-top:52px}
  @media(max-width:900px){.comp4-grid{grid-template-columns:1fr;gap:40px}}
  .comp4 .lead{color:var(--silver);font-size:17px;line-height:1.6;max-width:44ch}
  .comp4 .pay{margin-top:24px;font-family:'Outfit';font-weight:700;color:#fff;font-size:20px;line-height:1.3;letter-spacing:-.01em;max-width:20ch}
  .comp4 .pay .o{color:var(--orange)}
  .cchart{position:relative;background:var(--card-navy);border:1px solid var(--divider);border-radius:18px;padding:28px 28px 22px;overflow:hidden}
  .cchart .ct{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}
  .cchart svg{width:100%;height:200px;display:block}
  .cchart .lg{display:flex;gap:20px;margin-top:16px;font-size:12px}
  .cchart .lg .i{display:flex;align-items:center;gap:7px;color:var(--silver)}
  .cchart .lg .sw{width:14px;height:3px;border-radius:2px}


  /* ===== LIGHT-PREDOMINANT REBALANCE ===== */
  .logos{background:var(--offwhite)}
  .logos .cap{color:var(--muted)}
  .logos .mtrack span{color:#93a3b8}
  .logos .mask::before{background:linear-gradient(90deg,var(--offwhite),transparent) !important}
  .logos .mask::after{background:linear-gradient(270deg,var(--offwhite),transparent) !important}
  .work{background:linear-gradient(180deg,#0B1327 0%,#070D20 60%,#0B1327 100%)}
  .work .glow.p{opacity:.18;width:600px;height:600px;top:-60px;left:-140px}
  .work h2{color:#fff}
  .work .lead,.work p.lead{color:var(--silver)}
  .work .hd{grid-template-columns:auto 1fr auto}
  .reel-cta{align-self:end;white-space:nowrap}
  .reel-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
  .reel-tags span{font-size:12.5px;font-weight:700;color:#cfe0ff;background:rgba(39,97,241,.16);border:1px solid rgba(96,165,250,.3);border-radius:100px;padding:7px 15px;transition:.2s}
  .reel-tags span:first-child{color:#fff;background:rgba(240,90,40,.9);border-color:transparent}
  @media(max-width:720px){.work .hd{grid-template-columns:1fr}.reel-cta{align-self:start;margin-top:6px}}
  .prod3{background:var(--offwhite)}
  .prod3 .hd h2{color:var(--deep-navy)}
  .prod3 .glow.e{opacity:.05}
  .prod3 .ptab{color:var(--light-body);border:1px solid #d8e0ec;background:transparent}
  .prod3 .ptab:hover{color:var(--deep-navy);border-color:var(--muted)}
  .prod3 .ptab.active{color:#fff;background:var(--deep-navy);border-color:var(--deep-navy)}
  .price{background:var(--offwhite)}
  .price .glow.e{opacity:.05}
  .price .hd h2{color:var(--deep-navy)}
  .price .lead{color:var(--light-body)}
  .tier{background:#fff;border:1px solid #e6ecf5;box-shadow:0 24px 60px -42px rgba(13,27,62,.4)}
  .tier .tn{color:var(--deep-navy)}
  .tier .td{color:var(--light-body)}
  .tier li{color:var(--light-body)}
  .tier .pn .y{color:var(--electric)}
  .tier:not(.feat) .btn{background:#fff !important;border:1px solid #d8e0ec !important;color:var(--deep-navy) !important}
  .tier.feat{background:var(--electric);border-color:var(--electric)}
  .tier.feat .tn,.tier.feat .pn .y{color:#fff}
  .tier.feat .btn{background:#fff !important;border:none !important;color:var(--electric) !important}


  /* ===== alignment + colour pass ===== */
  .hd{grid-template-columns:1fr !important;gap:9px !important;align-items:start}
  .hd .idx{color:var(--electric) !important;padding-top:0 !important;font-size:14px}
  .hd .eyebrow{margin-bottom:14px}
  /* format tabs get electric life */
  .prod3 .ptab{color:var(--light-body);border:1px solid #dbe3ef;background:#fff}
  .prod3 .ptab:hover:not(.active){color:var(--electric);border-color:var(--electric);background:rgba(39,97,241,.06)}
  .prod3 .ptab.active{color:#fff !important;background:var(--electric) !important;border-color:var(--electric) !important;box-shadow:0 10px 24px -10px rgba(39,97,241,.55)}


  /* ===== OPENING THESIS SECTION ===== */
  .thesis{background:var(--offwhite);padding:112px 0 150px}
  .thesis .inner{max-width:min(1520px,94vw);margin:0 auto;padding:0 clamp(28px,4vw,56px);position:relative;z-index:1}
  .thesis-top{display:grid;grid-template-columns:minmax(0,0.78fr) 1.22fr;gap:clamp(52px,5.5vw,96px);align-items:center}
  @media(max-width:920px){.thesis-top{grid-template-columns:1fr;gap:44px}}
  .thesis .eyebrow{color:var(--orange)}
  .thesis h2{color:var(--deep-navy);font-size:clamp(33px,4.2vw,50px);margin-top:22px;max-width:20ch;line-height:1.08}
  .thesis .lead{color:var(--light-body);font-size:19px;line-height:1.65;margin-top:30px;max-width:47ch}
  .thesis-cta{display:flex;align-items:center;gap:28px;margin-top:44px;flex-wrap:wrap}
  .thesis .btn-line{color:var(--deep-navy)}
  .thesis .btn-line span{border-color:rgba(7,13,32,.22)}
  .thesis .btn-line:hover span{border-color:var(--orange)}

  .pglance{position:relative;border-radius:20px;background:linear-gradient(160deg,#102147,#070d20);border:1px solid var(--divider);padding:26px;box-shadow:0 55px 110px -48px rgba(13,27,62,.6);overflow:hidden}
  .pglance .pg-glow{position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(84px);background:radial-gradient(circle,rgba(39,97,241,.42),transparent 70%);top:-150px;right:-110px;pointer-events:none}
  .pglance .pg-glow.o{background:radial-gradient(circle,rgba(240,90,40,.3),transparent 70%);top:auto;bottom:-160px;left:-120px;right:auto}
  .pg-head{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
  .pg-logo{font-family:'Outfit';font-weight:800;font-size:16px;color:#fff}
  .pg-logo .d{color:var(--orange)}
  .pg-logo .sub{color:var(--muted);font-weight:600;font-size:12px;margin-left:7px}
  .pg-live{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky);display:flex;align-items:center;gap:7px}
  .pg-live i{width:6px;height:6px;border-radius:50%;background:var(--sky);box-shadow:0 0 8px var(--sky)}
  .pg-block{position:relative;background:rgba(20,34,54,.55);border:1px solid var(--divider);border-radius:13px;padding:14px 16px;margin-bottom:11px}
  .pg-lbl{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}
  .pg-markets{display:flex;align-items:center;gap:14px}
  .pg-markets .n{font-family:'Outfit';font-weight:800;color:#fff;font-size:28px;line-height:1}
  .pg-markets .bars{display:flex;gap:3px;align-items:flex-end;height:30px;flex:1}
  .pg-markets .bars b{flex:1;background:linear-gradient(180deg,var(--sky),var(--electric));border-radius:2px;opacity:.6}
  .pg-note{font-size:11px;color:var(--muted);margin-top:11px}
  .pg-row{display:flex;flex-wrap:wrap;gap:7px}
  .pg-row span{font-size:11.5px;font-weight:600;color:#dbe6f5;background:rgba(39,97,241,.16);border:1px solid rgba(96,165,250,.28);border-radius:100px;padding:5px 11px}
  .pg-lib .track{height:9px;border-radius:6px;background:rgba(255,255,255,.09);overflow:hidden;margin-top:2px}
  .pg-lib .track b{display:block;height:100%;width:72%;background:var(--grad);border-radius:6px}
  .pg-ai{display:flex;align-items:center;gap:10px;background:rgba(124,58,237,.15);border:1px solid rgba(124,58,237,.4);border-radius:13px;padding:13px 16px;margin-bottom:0}
  .pg-ai .k{font-family:'Outfit';font-weight:800;color:#fff;font-size:13.5px}
  .pg-ai .lanes{display:flex;gap:7px;margin-left:auto;flex-wrap:wrap}
  .pg-ai .lanes span{font-size:10.5px;font-weight:700;color:#d6c6ff;letter-spacing:.02em}

  /* routing doors */
  .doors-shell{position:relative}
  .doors-shell::before,.doors-shell::after{content:"";position:absolute;top:0;bottom:0;width:56px;z-index:3;pointer-events:none}
  .doors-shell::before{left:0;background:linear-gradient(90deg,var(--offwhite),transparent)}
  .doors-shell::after{right:0;background:linear-gradient(270deg,var(--offwhite),transparent)}
  .doors{display:flex;gap:34px;margin-top:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 2px 12px;scroll-padding:0 2px;margin-top:26px}
  .doors::-webkit-scrollbar{display:none}
  .doors{scrollbar-width:none}
  @media(max-width:760px){.door{width:84vw}}
  .door{position:relative;flex:0 0 auto;width:clamp(300px,29vw,420px);scroll-snap-align:start;border-radius:18px;overflow:hidden;background:#0c1730;min-height:270px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .28s var(--e)}
  .door:hover{transform:translateY(-6px)}
  .door .di{position:absolute;inset:0}
  .door .di img{width:100%;height:100%;object-fit:cover;opacity:.6;transition:transform .6s var(--e)}
  .door:hover .di img{transform:scale(1.06)}
  .door .di::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,.1),rgba(7,13,32,.9))}
  .door .dc{position:relative;z-index:2;padding:24px}
  .door .dcat{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--sky);margin-bottom:9px}
  .door h3{color:#fff;font-size:22px;letter-spacing:-.01em;line-height:1.05}
  .door p{color:rgba(255,255,255,.82);font-size:13.5px;line-height:1.5;margin-top:8px;max-width:32ch}
  .door .darr{display:inline-flex;align-items:center;gap:7px;color:#fff;font-weight:700;font-size:13.5px;margin-top:16px}
  .door .darr .a{color:var(--orange);transition:transform .2s var(--e)}
  .door:hover .darr .a{transform:translateX(4px)}

  /* ===== AI SECTION additions ===== */
  .pre{margin-top:15px;background:rgba(9,17,38,.72);border:1px solid var(--divider);border-radius:13px;padding:13px 15px}
  .pre .pl{font-size:9.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--sky);margin-bottom:9px;display:flex;align-items:center;gap:6px}
  .pre .pl::after{content:"\2192";color:var(--sky)}
  .pre .prow{display:flex;justify-content:space-between;font-size:11.5px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}
  .pre .prow:last-child{border-bottom:0}
  .pre .prow .k{color:var(--muted)}
  .pre .prow .v{color:#fff;font-weight:600}
  .learnmeter{margin-top:18px}
  .learnmeter .lm-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:rgba(255,255,255,.8);margin-bottom:9px;gap:12px}
  .learnmeter .lm-top b{color:#fff;font-family:'Outfit';font-weight:700;font-size:13px;white-space:nowrap}
  .learnmeter .track{height:9px;border-radius:6px;background:rgba(255,255,255,.09);overflow:hidden}
  .learnmeter .track b{display:block;height:100%;width:66%;background:var(--grad);border-radius:6px}
  .learnmeter .lm-steps{display:flex;gap:6px;margin-top:13px;flex-wrap:wrap}
  .learnmeter .lm-steps span{font-size:11px;font-weight:600;color:#cfe0ff;background:rgba(39,97,241,.2);border:1px solid rgba(96,165,250,.3);border-radius:100px;padding:4px 10px}
  .ai5-cta{margin-top:44px;display:flex;justify-content:center}

  /* opening product mockup — angled + pulled clip */
  .pshow{position:relative;max-width:860px;margin:22px 0 0 auto}
  @media(max-width:920px){.pshow{max-width:none;margin:0}}
  .pshow-amb{position:absolute;width:92%;height:80%;border-radius:50%;filter:blur(92px);background:radial-gradient(circle,rgba(240,90,40,.14),transparent 70%);bottom:-30px;left:8%;z-index:0;pointer-events:none}
  .pshow-stage{position:relative;z-index:1;perspective:1700px;transform-style:preserve-3d}
  .pshow-stage .win{transform:rotateY(-9deg) rotateX(3deg);box-shadow:0 26px 56px -34px rgba(13,27,62,.22),0 8px 20px -14px rgba(13,27,62,.10);transition:transform .55s var(--e)}
  .pshow-stage:hover .win{transform:rotateY(-4deg) rotateX(1.5deg)}
  .pshow-clip{position:absolute;left:-72px;bottom:-76px;width:44%;max-width:296px;aspect-ratio:399/177;border-radius:14px;overflow:hidden;box-shadow:0 24px 50px -28px rgba(13,27,62,.30);transform:rotateY(-9deg) rotateX(3deg) translateZ(48px);z-index:2;transition:transform .55s var(--e)}
  .pshow-stage:hover .pshow-clip{transform:rotateY(-4deg) rotateX(1.5deg) translateZ(48px)}
  .pshow-clip img{width:100%;height:100%;object-fit:cover;display:block}
  @media(max-width:920px){.pshow-stage .win{transform:none;box-shadow:0 40px 80px -34px rgba(13,27,62,.42)}.pshow-clip{transform:none;left:auto;right:14px;bottom:-22px;width:150px}}

  .pshow .win .top i:nth-child(1){background:#ff5f57}
  .pshow .win .top i:nth-child(2){background:#febc2e}
  .pshow .win .top i:nth-child(3){background:#28c840}

  /* numbers band (after hero) */
  .stats-band{background:var(--deep-navy);border-top:1px solid var(--divider);border-bottom:1px solid var(--divider);padding:68px 0}
  .statb{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
  .statb .s{flex:1;min-width:160px;text-align:center;padding:2px 18px}
  .statb .s + .s{border-left:1px solid var(--divider)}
  .statb .n{font-family:'Outfit';font-weight:800;color:#fff;font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.03em}
  .statb .n .st{color:var(--orange);font-size:.48em;vertical-align:super;margin-left:3px}
  .statb .l{color:var(--silver);font-size:13.5px;margin-top:13px;font-weight:600;letter-spacing:.01em}
  @media(max-width:760px){.statb .s{min-width:42%;padding:6px 10px}.statb .s:nth-child(3){border-left:0}}

  /* redesigned static logo strip (above featured work) */
  .logostrip{background:var(--offwhite);padding:8px 0 0}
  .logostrip .lscap{text-align:center;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:28px}
  .lsrow{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
  .lsrow span{font-family:'Outfit';font-weight:700;font-size:clamp(17px,1.9vw,23px);color:#8b9bb0;letter-spacing:-.01em;padding:6px 28px;position:relative;transition:color .2s}
  .lsrow span:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:19px;background:#d5dde7}
  .lsrow span:hover{color:var(--deep-navy)}
  @media(max-width:760px){.lsrow span{padding:6px 15px;font-size:15px}.lsrow span:not(:last-child)::after{height:13px}}

  /* moving logo wall (opposite directions) */
  .logowall{background:var(--offwhite);padding:6px 0 4px;overflow:hidden}
  .logowall .lwcap{text-align:center;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:38px}
  .lwrows{position:relative;display:flex;flex-direction:column;gap:30px}
  .lwrows::before,.lwrows::after{content:"";position:absolute;top:0;bottom:0;width:160px;z-index:2;pointer-events:none}
  .lwrows::before{left:0;background:linear-gradient(90deg,var(--offwhite),transparent)}
  .lwrows::after{right:0;background:linear-gradient(270deg,var(--offwhite),transparent)}
  .lwrow{overflow:hidden}
  .lwtrack{display:flex;gap:70px;width:max-content;align-items:center;will-change:transform}
  .lwtrack.a{animation:lwleft linear infinite}
  .lwtrack.b{animation:lwright linear infinite}
  .lwtrack span{font-family:'Outfit',sans-serif;font-weight:800;font-size:clamp(21px,2.3vw,30px);color:#9aa8bc;white-space:nowrap;letter-spacing:-.02em;transition:color .2s;flex:none}
  .lwtrack span:hover{color:var(--deep-navy)}
  @keyframes lwleft{to{transform:translateX(-50%)}}
  @keyframes lwright{from{transform:translateX(-50%)}to{transform:translateX(0)}}
  @media(prefers-reduced-motion:reduce){.lwtrack{animation:none}}

  /* clean static logo grid */
  .logogrid{background:var(--offwhite);padding:20px 0 40px}
  .logogrid .lgcap{text-align:center;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:40px}
  .lggrid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #e4e9f1;border-left:1px solid #e4e9f1;border-radius:14px;overflow:hidden}
  .lggrid span{display:flex;align-items:center;justify-content:center;padding:32px 14px;border-right:1px solid #e4e9f1;border-bottom:1px solid #e4e9f1;font-family:'Outfit',sans-serif;font-weight:700;font-size:clamp(15px,1.5vw,21px);color:#8b9bb0;letter-spacing:-.01em;transition:color .2s,background .2s;text-align:center}
  .lggrid span:hover{color:var(--deep-navy);background:#fff}
  @media(max-width:820px){.lggrid{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:460px){.lggrid{grid-template-columns:repeat(2,1fr)}.lggrid span{padding:24px 10px;font-size:15px}}

  /* what we produce — light + coverflow arc */
  .produce{background:var(--offwhite);padding:150px 0 120px;overflow:hidden}
  .produce-hd{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:end}
  @media(max-width:860px){.produce-hd{grid-template-columns:1fr;gap:26px}}
  .produce .idx{font-family:'Outfit';font-weight:800;font-size:15px;color:var(--muted);letter-spacing:.1em;margin-bottom:14px}
  .produce .eyebrow{color:var(--orange);margin-bottom:16px}
  .produce h2{color:var(--deep-navy);font-size:clamp(32px,4.3vw,55px);max-width:17ch;line-height:1.05}
  .produce .lead{color:var(--light-body);font-size:18px;line-height:1.65;max-width:48ch}
  .produce .ph-cta{color:var(--deep-navy);margin-top:22px;display:inline-flex}
  .produce .ph-cta span{border-color:rgba(7,13,32,.22)}
  .produce .ph-cta:hover span{border-color:var(--orange)}
  .arc{display:flex;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;perspective:1500px;padding:80px 0 50px;margin-top:22px;scrollbar-width:none}
  .arc::-webkit-scrollbar{display:none}
  .arc::before,.arc::after{content:"";flex:0 0 max(24px,calc(50% - 270px))}
  .arccard{flex:0 0 clamp(280px,40vw,540px);scroll-snap-align:center;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#0c1730;cursor:pointer;transform-style:preserve-3d;will-change:transform,opacity}
  .arccard img{width:100%;height:100%;object-fit:cover}
  .arccard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,.04) 45%,rgba(7,13,32,.8));transition:.3s}
  .ac-cap{position:absolute;left:26px;bottom:24px;z-index:3;opacity:0;transform:translateY(10px);transition:.35s var(--e)}
  .arccard.center .ac-cap{opacity:1;transform:none}
  .ac-cat{color:var(--sky);font-size:13px;font-weight:700;letter-spacing:.03em;margin-bottom:6px}
  .ac-t{font-family:'Outfit';font-weight:800;color:#fff;font-size:clamp(22px,2.3vw,30px);line-height:1}
  .ac-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:66px;height:66px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;opacity:0;transition:.35s var(--e);box-shadow:0 16px 34px -12px rgba(240,90,40,.6)}
  .arccard.center .ac-play{opacity:1}
  .ac-play::after{content:"";width:0;height:0;border-left:18px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}

  /* yourfilm AI — intelligence layer (clean, not sci-fi) */
  .ailayer{background:#0B1327;padding:150px 0;position:relative;overflow:hidden}
  .ailayer::before{content:"";position:absolute;inset:0;background:radial-gradient(58% 48% at 80% 26%,rgba(39,97,241,.10),transparent 72%);pointer-events:none}
  .ail-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}
  @media(max-width:900px){.ail-grid{grid-template-columns:1fr;gap:44px}}
  .ailayer .eyebrow{color:#fff;opacity:.85;margin-bottom:18px}
  .ailayer h2{color:#fff;font-size:clamp(32px,4.2vw,52px);max-width:15ch;line-height:1.05}
  .ail-lead{color:var(--silver);font-size:18px;line-height:1.66;margin-top:24px;max-width:50ch}
  .ail-lanes{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
  .ail-lanes span{font-size:12.5px;font-weight:700;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:100px;padding:8px 15px}
  .ail-cta{margin-top:34px}
  .ail-panel{background:#fff;border-radius:20px;padding:28px 28px 26px;box-shadow:0 50px 100px -54px rgba(0,0,0,.65)}
  .ailp-head{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #eef1f7}
  .ailp-title{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
  .ailp-org{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:16px}
  .ailp-rows{padding:4px 0 2px}
  .ailp-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid #f2f4f9}
  .ailp-row:last-child{border-bottom:0}
  .ailp-row .k{font-size:13px;color:var(--muted);font-weight:600}
  .ailp-row .v{font-size:14px;color:var(--deep-navy);font-weight:600}
  .ailp-row .v.sw{display:flex;gap:6px}
  .ailp-row .v.sw i{width:22px;height:22px;border-radius:6px;border:1px solid rgba(0,0,0,.06)}
  .ailp-rec{margin-top:18px;background:linear-gradient(120deg,rgba(240,90,40,.10),rgba(39,97,241,.07));border:1px solid rgba(240,90,40,.26);border-radius:14px;padding:16px 18px}
  .ailp-rl{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:8px}
  .ailp-rv{font-family:'Outfit';font-weight:700;color:var(--deep-navy);font-size:15.5px;line-height:1.4}

  /* destination carousel heading */
  .doors-hd{margin-top:86px}
  .doors-hd .eyebrow{color:var(--orange);margin-bottom:12px}
  .doors-hd h3{font-family:'Outfit',sans-serif;font-weight:800;color:var(--deep-navy);font-size:clamp(24px,2.7vw,34px);letter-spacing:-.02em;line-height:1.05}

  /* every-format grid */
  .formats{background:var(--offwhite);padding:150px 0}
  .formats .idx{font-family:'Outfit';font-weight:800;font-size:15px;color:var(--muted);letter-spacing:.1em;margin-bottom:14px}
  .formats .eyebrow{color:var(--orange);margin-bottom:16px}
  .formats h2{color:var(--deep-navy);font-size:clamp(32px,4.2vw,52px);max-width:16ch;line-height:1.05}
  .fmt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px}
  @media(max-width:820px){.fmt-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.fmt-grid{grid-template-columns:1fr}}
  .fmt{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/10;text-decoration:none;background:#0c1730}
  .fmt img{width:100%;height:100%;object-fit:cover;transition:transform .65s var(--e)}
  .fmt:hover img{transform:scale(1.06)}
  .fmt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,.04) 42%,rgba(7,13,32,.82))}
  .fmt-l{position:absolute;left:18px;bottom:15px;z-index:2;font-family:'Outfit';font-weight:800;color:#fff;font-size:18px;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:8px}
  .fmt-l::after{content:"\2192";color:var(--orange);opacity:0;transform:translateX(-5px);transition:.25s var(--e)}
  .fmt:hover .fmt-l::after{opacity:1;transform:none}

  /* scrolling logo carousel (above Explore) */
  .logobar{margin-top:178px}
  .logobar .lbcap{text-align:center;font-size:13.5px;letter-spacing:.18em;text-transform:uppercase;color:#526b8a;font-weight:800;margin-bottom:30px}
  .lbrow{position:relative;overflow:hidden}
  .lbrow::before,.lbrow::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
  .lbrow::before{left:0;background:linear-gradient(90deg,var(--offwhite),transparent)}
  .lbrow::after{right:0;background:linear-gradient(270deg,var(--offwhite),transparent)}
  .lbtrack{display:flex;gap:66px;width:max-content;align-items:center;animation:lbscroll 42s linear infinite}
  .lbtrack span{font-family:'Outfit',sans-serif;font-weight:700;font-size:clamp(20px,2.1vw,27px);color:#9aa8bc;white-space:nowrap;letter-spacing:-.01em;transition:color .2s;flex:none}
  .lbtrack span:hover{color:var(--deep-navy)}
  @keyframes lbscroll{to{transform:translateX(-50%)}}
  @media(prefers-reduced-motion:reduce){.lbtrack{animation:none}}

  /* every format — centered heading + endless scrolling rows */
  .formats{background:var(--offwhite);padding:150px 0;overflow:hidden}
  .formats .fmt-hd{text-align:center;max-width:920px;margin:0 auto}
  .formats .eyebrow{color:var(--orange);margin-bottom:18px}
  .formats h2{color:var(--deep-navy);font-size:clamp(36px,5vw,64px);max-width:22ch;margin:0 auto;line-height:1.06}
  .fmt-rows{position:relative;margin-top:64px;display:flex;flex-direction:column;gap:22px}
  .fmt-rows::before,.fmt-rows::after{content:"";position:absolute;top:0;bottom:0;width:130px;z-index:3;pointer-events:none}
  .fmt-rows::before{left:0;background:linear-gradient(90deg,var(--offwhite),transparent)}
  .fmt-rows::after{right:0;background:linear-gradient(270deg,var(--offwhite),transparent)}
  .fmt-row{overflow:hidden}
  .fmt-track{display:flex;gap:22px;width:max-content}
  .fmt-track.left{animation:fmtLeft 60s linear infinite}
  .fmt-track.right{animation:fmtRight 66s linear infinite}
  .fmt-track .fmt{flex:0 0 clamp(320px,33vw,470px)}
  .fmt-track .fmt .fmt-l{font-size:20px}
  @keyframes fmtLeft{to{transform:translateX(-50%)}}
  @keyframes fmtRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}
  @media(prefers-reduced-motion:reduce){.fmt-track{animation:none}}

  /* pricing pillars — level bars + dark flagship */
  .tiers{align-items:stretch}
  .tier-lvl{display:flex;gap:6px;margin-bottom:22px}
  .tier-lvl i{width:26px;height:5px;border-radius:3px;background:#dbe3ef}
  .tier-lvl i.on{background:var(--electric)}
  .tier.feat{background:linear-gradient(162deg,#13234c 0%,#0a1530 100%) !important;border-color:transparent !important;transform:translateY(-16px);box-shadow:0 46px 100px -48px rgba(13,27,62,.6) !important}
  .tier.feat:hover{transform:translateY(-22px)}
  .tier.feat .tier-lvl i{background:rgba(255,255,255,.18)}
  .tier.feat .tier-lvl i.on{background:var(--orange)}
  .tier.feat .td{color:rgba(255,255,255,.82)}
  .tier.feat li{color:#e7eeff}
  .tier.feat li::before{border-color:var(--orange)}
  .tier.feat .btn{background:var(--orange) !important;color:#fff !important}
  .tier.feat .pn .y{color:#fff}
  @media(max-width:900px){.tier.feat{transform:none}.tier.feat:hover{transform:translateY(-4px)}}

  /* premium pricing pillars */
  .tier{padding:38px 34px !important;border-radius:22px !important}
  .tier .tk{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:9px}
  .tier .tn{font-size:27px}
  .tdiv{height:1px;background:#eaeef5;margin:22px 0 6px}
  .tier.feat .tdiv{background:rgba(255,255,255,.13)}
  .tier ul{margin:20px 0 30px}
  .tier:not(.feat){box-shadow:0 34px 80px -52px rgba(13,27,62,.34) !important}

  /* premium reviews */
  .revx-rating{background:#fff;border:1px solid #eaeef5;border-radius:16px;padding:14px 20px;box-shadow:0 24px 56px -44px rgba(13,27,62,.34)}
  .revx-rating .num{font-size:52px}
  .revx-grid{gap:24px}
  .rcard{border:1px solid #eaeef5;border-radius:20px;box-shadow:0 34px 82px -52px rgba(13,27,62,.32) !important}
  .rcard:hover{box-shadow:0 48px 96px -48px rgba(13,27,62,.4) !important}
  .rbody{padding:28px 30px 30px;position:relative}
  .rbody::before{content:"\201C";position:absolute;top:16px;right:24px;font-family:Georgia,serif;font-size:66px;line-height:1;color:rgba(39,97,241,.12);pointer-events:none}
  .rbody p{font-size:16.5px;line-height:1.62;margin-top:14px}
  .who{margin-top:22px;padding-top:18px}
  .who .av{width:44px;height:44px;font-size:14px}
  .who .nm{font-size:15px}

  /* image-backed CTA */
  .cta-card{padding:120px 40px !important;background:#0a1530 !important}
  .cta-bg{position:absolute;inset:0;z-index:0}
  .cta-bg img{width:100%;height:100%;object-fit:cover;opacity:.62}
  .cta-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(125deg,rgba(7,13,32,.92) 0%,rgba(11,20,45,.74) 44%,rgba(39,97,241,.4) 80%,rgba(240,90,40,.34) 100%),linear-gradient(180deg,transparent 45%,rgba(7,13,32,.45))}
  .cta-card h2{font-size:clamp(34px,5vw,60px);max-width:18ch}

  /* premium pricing pillars (v2) */
  .tiers{align-items:stretch !important;gap:22px !important}
  .tier{padding:40px 34px !important;border-radius:22px !important;border:1px solid #e7edf5;background:#fff;box-shadow:0 50px 100px -70px rgba(13,27,62,.5) !important}
  .tier:hover{transform:translateY(-5px)}
  .tier.feat{transform:none !important;background:linear-gradient(165deg,#12224a 0%,#0a1430 100%) !important;border-color:transparent !important;box-shadow:0 60px 120px -62px rgba(13,27,62,.62) !important}
  .tier.feat:hover{transform:translateY(-5px) !important}
  .tier .tk{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:9px}
  .tier .tn{font-size:28px}
  .tdiv{height:1px;background:#eaeef5;margin:24px 0 4px}
  .tier.feat .tdiv{background:rgba(255,255,255,.12)}
  .tier ul{margin:22px 0 30px !important;gap:14px}
  .tier .btn{margin-top:auto;width:100%;justify-content:center;padding:15px 24px}
  .btn.tbtn-ghost{background:#fff !important;border:1px solid #d8e0ec !important;color:var(--deep-navy) !important}
  .btn.tbtn-ghost:hover{border-color:var(--orange) !important}

  /* full-width CTA that blends into the footer */
  .cta-sec{position:relative;overflow:hidden;background:var(--deep-navy) !important;padding:184px 0 168px !important}
  .cta-bg{position:absolute;inset:0;z-index:0}
  .cta-bg img{width:100%;height:100%;object-fit:cover;opacity:.6}
  .cta-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(125deg,rgba(7,13,32,.9) 0%,rgba(11,20,45,.68) 42%,rgba(39,97,241,.34) 80%,rgba(240,90,40,.28) 100%),linear-gradient(180deg,rgba(7,13,32,.25) 0%,rgba(7,13,32,.15) 38%,rgba(7,13,32,1) 100%)}
  .cta-inner{position:relative;z-index:2;text-align:center;max-width:var(--maxw);margin:0 auto}
  .cta-inner h2{color:#fff;max-width:18ch;margin:0 auto;font-size:clamp(34px,5vw,60px)}
  .cta-inner p{color:rgba(255,255,255,.9);margin:20px auto 0;max-width:52ch;font-size:18px}
  .cta-inner .cta{display:flex;gap:22px;justify-content:center;margin-top:36px;flex-wrap:wrap}
  footer{border-top:none !important}

  .tprice{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:22px;margin-top:12px;letter-spacing:-.01em}
  .tprice b{color:var(--deep-navy)}
  .tprice span{font-family:'Manrope';font-weight:600;font-size:13px;color:var(--muted);letter-spacing:0}
  .tier.feat .tprice,.tier.feat .tprice b{color:#fff}
  .tier.feat .tprice span{color:rgba(255,255,255,.7)}

  .door .wd{color:var(--orange)}
  /* FAQ */
  .faqs{background:var(--offwhite);padding:150px 0}
  .faq-hd{max-width:760px}
  .faqs .eyebrow{color:var(--orange);margin-bottom:14px}
  .faqs h2{color:var(--deep-navy);font-size:clamp(30px,4vw,50px);max-width:16ch;line-height:1.05}
  .faq-list{margin-top:48px;max-width:900px;border-top:1px solid #e2e8f1}
  .faq{border-bottom:1px solid #e2e8f1}
  .faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 4px;font-family:'Outfit';font-weight:700;font-size:clamp(17px,1.9vw,21px);color:var(--deep-navy);transition:color .2s}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary:hover{color:var(--electric)}
  .faq .fi{position:relative;flex:none;width:18px;height:18px}
  .faq .fi::before,.faq .fi::after{content:"";position:absolute;background:var(--orange);border-radius:2px;transition:.25s var(--e)}
  .faq .fi::before{left:0;top:8px;width:18px;height:2px}
  .faq .fi::after{left:8px;top:0;width:2px;height:18px}
  .faq[open] .fi::after{transform:rotate(90deg);opacity:0}
  .faq .fa{padding:0 60px 28px 4px;color:var(--light-body);font-size:16.5px;line-height:1.65;max-width:70ch}

  /* inside-the-platform showcase */
  .ps-hd{margin-top:104px}
  .ps-hd .eyebrow{color:var(--orange);margin-bottom:12px}
  .ps-hd h3{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:clamp(26px,3.2vw,42px);letter-spacing:-.02em;line-height:1.06;max-width:20ch}
  .ps-hd h3 .ser{font-family:'Outfit';font-weight:400}
  .ps-sub{color:var(--light-body);font-size:16px;margin-top:16px;max-width:56ch}
  .ps-grid{display:grid;grid-template-columns:0.86fr 1.64fr;gap:38px;margin-top:48px;align-items:start}
  @media(max-width:940px){.ps-grid{grid-template-columns:1fr}}
  .ps-tabs{display:flex;flex-direction:column;gap:10px}
  .pw-tab{text-align:left;background:transparent;border:1px solid transparent;border-left:3px solid transparent;border-radius:14px;padding:17px 20px;cursor:pointer;transition:.2s var(--e);display:flex;flex-direction:column;gap:5px;font-family:inherit}
  .pw-tab:hover{background:#fff}
  .pw-tab.active{background:#fff;border-color:#e7edf5;border-left-color:var(--orange);box-shadow:0 24px 56px -44px rgba(13,27,62,.42)}
  .pw-n{font-family:'Outfit';font-weight:800;font-size:18px;color:var(--deep-navy);letter-spacing:-.01em}
  .pw-n b{color:var(--orange);font-weight:800}
  .pw-d{font-size:13.5px;color:var(--muted);line-height:1.5}
  .ps-screen .win{border-radius:14px;overflow:hidden;box-shadow:0 50px 100px -60px rgba(13,27,62,.4)}
  .ps-screen .win .top i:nth-child(1){background:#F05A28}
  .ps-screen .win .top i:nth-child(2){background:#F97B4F}
  .ps-screen .win .top i:nth-child(3){background:#FBB08C}
  .pw-imgs{position:relative;line-height:0;background:#eef1f7}
  .pw-imgs img{width:100%;display:none}
  .pw-imgs img.active{display:block}

  .ps-grid{align-items:center}
  .pc-copy{display:flex;flex-direction:column;justify-content:center}
  .pc-count{font-family:'Outfit';font-weight:800;font-size:14px;color:var(--muted);letter-spacing:.06em;margin-bottom:18px}
  .pc-count #pcCur{color:var(--orange)}
  .pc-name{font-family:'Outfit';font-weight:800;font-size:clamp(30px,3.6vw,46px);color:var(--deep-navy);letter-spacing:-.02em;line-height:1}
  .pc-name b{color:var(--orange);font-weight:800}
  .pc-desc{font-size:18px;line-height:1.6;color:var(--light-body);margin-top:18px;max-width:34ch;min-height:86px}
  .pc-dots{display:flex;gap:8px;margin-top:8px}
  .pc-dot{width:9px;height:9px;border-radius:100px;border:0;background:#d3dcea;cursor:pointer;padding:0;transition:.3s var(--e)}
  .pc-dot.active{width:30px;background:var(--orange)}
  .pc-nav{display:flex;gap:10px;margin-top:32px}
  .pc-arrow{width:46px;height:46px;border-radius:50%;border:1px solid #dbe3ef;background:#fff;color:var(--deep-navy);font-size:17px;cursor:pointer;transition:.2s var(--e)}
  .pc-arrow:hover{border-color:var(--orange);color:var(--orange)}
  .pw-imgs img{transition:opacity .4s var(--e)}

  /* scroll-driven inside-the-platform showcase */
  .ps-grid{display:grid;grid-template-columns:0.8fr 1.6fr;gap:60px;align-items:start}
  @media(max-width:940px){.ps-grid{grid-template-columns:1fr}}
  .stack-steps{display:flex;flex-direction:column}
  .wstep{min-height:56vh;display:flex;flex-direction:column;justify-content:center;padding-left:26px;border-left:2px solid #e2e8f1;opacity:.32;transition:opacity .45s var(--e)}
  .wstep.on{opacity:1;border-left-color:var(--orange)}
  .wstep-n{font-family:'Outfit';font-weight:800;font-size:clamp(28px,3.4vw,44px);color:var(--deep-navy);letter-spacing:-.02em;line-height:1}
  .wstep-n b{color:var(--orange);font-weight:800}
  .wstep-d{font-size:18px;line-height:1.6;color:var(--light-body);margin-top:16px;max-width:36ch}
  .ps-screen{position:sticky;top:96px;align-self:start}
  .ps-screen .win{border-radius:14px;overflow:hidden;box-shadow:0 60px 120px -64px rgba(13,27,62,.42)}
  .pw-imgs{position:relative;line-height:0;background:#eef1f7}
  .pw-imgs img{width:100%;display:none}
  .pw-imgs img.active{display:block}
  @media(max-width:940px){.ps-screen{position:relative;top:0;margin-top:24px}.wstep{min-height:auto;padding:22px 0 22px 26px}}

  .pstack{background:var(--offwhite);padding:40px 0 150px;overflow:visible}
  .pstack .wrap{max-width:min(1520px,94vw);margin:0 auto;padding:0 clamp(28px,4vw,56px)}
  .pstack .ps-hd{margin-top:0}

  /* yourfilm AI — brand memory -> output demo */
  .ail-demo{background:#fff;border-radius:20px;padding:26px;box-shadow:0 50px 100px -54px rgba(0,0,0,.6)}
  .aid-lbl{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
  .aid-lbl span{color:var(--deep-navy)}
  .aid-chips{display:flex;flex-wrap:wrap;gap:8px}
  .aid-chips span{font-size:12.5px;font-weight:600;color:var(--deep-navy);background:#f2f5fa;border:1px solid #e7edf5;border-radius:100px;padding:7px 13px}
  .aid-flow{position:relative;text-align:center;margin:20px 0}
  .aid-flow::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#eef2f7}
  .aid-flow span{position:relative;background:#fff;padding:0 14px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
  .aid-tabs{display:flex;gap:8px;margin-bottom:16px}
  .aid-tab{flex:1;padding:11px;border-radius:10px;border:1px solid #e7edf5;background:#fff;font-family:'Outfit';font-weight:700;font-size:14px;color:var(--muted);cursor:pointer;transition:.2s var(--e)}
  .aid-tab.active{background:var(--deep-navy);border-color:var(--deep-navy);color:#fff}
  .aid-panel{background:#fbfcfe;border:1px solid #eef2f7;border-radius:14px;padding:20px;min-height:186px}
  .aid-o{display:none}
  .aid-o.active{display:block}
  .ao-h{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:17px;margin-bottom:16px}
  .ao-rows>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #f0f3f8;font-size:13.5px}
  .ao-rows>div:last-child{border-bottom:0}
  .ao-rows span{color:var(--muted)} .ao-rows b{color:var(--deep-navy);font-weight:600}
  .ao-foot{margin-top:14px;font-size:12px;font-weight:700;color:var(--orange);letter-spacing:.02em}
  .ao-script{font-size:14.5px;line-height:1.7;color:var(--light-body)}
  .ao-frames>div{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f3f8;font-size:14px;color:var(--deep-navy)}
  .ao-frames>div:last-child{border-bottom:0}
  .ao-frames b{font-family:'Outfit';font-weight:800;color:var(--orange);font-size:13px}

  /* yourfilm AI — recommendations feed */
  .ail-recs{background:#fff;border-radius:20px;padding:22px 22px 12px;box-shadow:0 50px 100px -54px rgba(0,0,0,.6)}
  .air-head{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 18px;border-bottom:1px solid #eef2f7;flex-wrap:wrap;gap:8px}
  .air-t{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:15px;display:flex;align-items:center;gap:9px}
  .air-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(240,90,40,.14)}
  .air-s{font-size:12px;color:var(--muted);font-weight:600}
  .air-list{padding-top:6px}
  .air-card{position:relative;padding:20px 8px 20px 20px;border-bottom:1px solid #f0f3f8;border-left:2px solid transparent;transition:.2s var(--e)}
  .air-card:last-child{border-bottom:0}
  .air-card:hover{border-left-color:var(--orange);background:#fbfcfe}
  .air-tag{display:inline-block;font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;padding:5px 11px;margin-bottom:11px}
  .air-tag.t-rep{color:#2761F1;background:rgba(39,97,241,.1)}
  .air-tag.t-idea{color:#F05A28;background:rgba(240,90,40,.1)}
  .air-tag.t-reuse{color:#0E9F6E;background:rgba(14,159,110,.1)}
  .air-title{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:17px;line-height:1.25;margin-bottom:8px}
  .air-det{font-size:14px;line-height:1.55;color:var(--light-body)}
  .air-det b{color:var(--deep-navy);font-weight:600}
  .air-act{display:inline-block;margin-top:12px;font-family:'Outfit';font-weight:700;font-size:13.5px;color:var(--orange);text-decoration:none}
  .air-act:hover{text-decoration:underline}

  .hbg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}
  .hybrid .hscrim{background:linear-gradient(180deg,rgba(5,7,15,.72),rgba(5,7,15,.86)),linear-gradient(120deg,rgba(39,97,241,.16),transparent 60%)}

  /* yourfilm AI recs — richer */
  .ail-recs{position:relative;background:#fff;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 50px 100px -54px rgba(0,0,0,.6)}
  .ail-recs::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad)}
  .air-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid #eef2f7;flex-wrap:wrap;gap:8px}
  .air-t{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:16px;display:flex;align-items:center;gap:10px}
  .air-live{width:9px;height:9px;border-radius:50%;background:var(--orange);position:relative}
  .air-live::after{content:"";position:absolute;inset:-5px;border-radius:50%;background:rgba(240,90,40,.35);animation:airpulse 1.8s ease-out infinite}
  @keyframes airpulse{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.9);opacity:0}}
  .air-s{font-size:12px;color:var(--muted);font-weight:600}
  .air-list{padding:6px 8px 10px}
  .air-card{display:flex;gap:15px;padding:16px 14px;border-radius:14px;transition:.2s var(--e)}
  .air-card:hover{background:#f7f9fc}
  .air-thumb{position:relative;width:108px;flex:none;aspect-ratio:16/11;border-radius:11px;overflow:hidden;background:#0c1730}
  .air-thumb img{width:100%;height:100%;object-fit:cover}
  .air-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,13,32,.5))}
  .air-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.9);z-index:2}
  .air-play::after{content:"";position:absolute;top:50%;left:53%;transform:translate(-50%,-50%);width:0;height:0;border-left:9px solid var(--deep-navy);border-top:6px solid transparent;border-bottom:6px solid transparent}
  .air-src{position:absolute;left:7px;bottom:6px;z-index:2;font-size:9.5px;font-weight:800;color:#fff;background:rgba(7,13,32,.55);border-radius:100px;padding:2px 7px;letter-spacing:.02em}
  .air-body{flex:1;min-width:0}
  .air-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;padding:4px 10px;margin-bottom:9px}
  .air-tag.t-rep{color:#2761F1;background:rgba(39,97,241,.1)}
  .air-tag.t-idea{color:#F05A28;background:rgba(240,90,40,.1)}
  .air-tag.t-reuse{color:#0E9F6E;background:rgba(14,159,110,.1)}
  .air-title{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:16px;line-height:1.25;margin-bottom:6px}
  .air-det{font-size:13px;line-height:1.5;color:var(--light-body)}
  .air-det b{color:var(--deep-navy);font-weight:600}
  .air-act{display:inline-block;margin-top:11px;font-family:'Outfit';font-weight:700;font-size:13px;color:var(--orange);text-decoration:none}
  .air-act:hover{text-decoration:underline}

  /* yourfilm AI section — light, premium */
  .ailayer{background:linear-gradient(180deg,#fbfcff 0%,#eef2fc 100%) !important;padding:150px 0}
  .ailayer::before{background:radial-gradient(46% 42% at 80% 22%,rgba(39,97,241,.12),transparent 70%),radial-gradient(40% 40% at 12% 90%,rgba(240,90,40,.07),transparent 70%) !important}
  .ailayer .eyebrow{color:var(--orange) !important;text-transform:none !important;letter-spacing:.01em;font-size:15px;opacity:1 !important}
  .ailayer h2{color:var(--deep-navy) !important}
  .ail-lead{color:var(--light-body) !important}
  .ail-lanes span{color:var(--deep-navy) !important;background:#fff !important;border:1px solid #e2e8f1 !important}
  .ail-recs{box-shadow:0 60px 120px -52px rgba(13,27,62,.4) !important;border:1px solid #e9eef6}

  /* yourfilm AI — premium panel v2 */
  .ail-ai{position:relative;background:#fff;border-radius:22px;padding:20px;box-shadow:0 60px 120px -50px rgba(13,27,62,.42);border:1px solid #e9eef6}
  .aai-head{display:flex;align-items:center;justify-content:space-between;padding:6px 6px 16px;border-bottom:1px solid #eef2f7;gap:8px}
  .aai-brand{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:16px;display:flex;align-items:center;gap:10px}
  .aai-dot{width:9px;height:9px;border-radius:50%;background:var(--orange);position:relative}
  .aai-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;background:rgba(240,90,40,.35);animation:airpulse 1.8s ease-out infinite}
  .aai-status{font-size:12px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:7px}
  .aai-typing{display:inline-flex;gap:3px}
  .aai-typing i{width:4px;height:4px;border-radius:50%;background:var(--orange);animation:aitype 1.3s infinite}
  .aai-typing i:nth-child(2){animation-delay:.16s}.aai-typing i:nth-child(3){animation-delay:.32s}
  @keyframes aitype{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
  .aai-feature{padding:16px 6px 20px;border-bottom:1px solid #eef2f7}
  .aai-fthumb{position:relative;border-radius:14px;overflow:hidden;aspect-ratio:16/9;margin-bottom:15px}
  .aai-fthumb img{width:100%;height:100%;object-fit:cover}
  .aai-fthumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,13,32,.5))}
  .aai-badge{position:absolute;top:12px;left:12px;z-index:2;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--orange);border-radius:100px;padding:5px 11px}
  .aai-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 10px 26px -10px rgba(0,0,0,.4)}
  .aai-play::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);width:0;height:0;border-left:13px solid var(--deep-navy);border-top:8px solid transparent;border-bottom:8px solid transparent}
  .aai-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:100px;padding:4px 10px;margin-bottom:10px}
  .aai-tag.t-rep{color:#2761F1;background:rgba(39,97,241,.1)}
  .aai-tag.t-idea{color:#F05A28;background:rgba(240,90,40,.1)}
  .aai-tag.t-reuse{color:#0E9F6E;background:rgba(14,159,110,.1)}
  .aai-ftitle{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:20px;line-height:1.2;margin-bottom:8px}
  .aai-fwhy{font-size:14px;line-height:1.55;color:var(--light-body);margin-bottom:17px}
  .aai-fwhy b{color:var(--deep-navy);font-weight:600}
  .aai-factions{display:flex;align-items:center;gap:18px}
  .aai-btn{background:var(--orange);color:#fff;font-family:'Outfit';font-weight:700;font-size:14px;padding:12px 24px;border-radius:100px;text-decoration:none;transition:.2s var(--e)}
  .aai-btn:hover{filter:brightness(1.06)}
  .aai-skip{font-family:'Outfit';font-weight:700;font-size:13.5px;color:var(--muted);text-decoration:none}
  .aai-skip:hover{color:var(--deep-navy)}
  .aai-more{padding:8px 6px 2px}
  .aai-mrow{display:flex;align-items:center;gap:14px;padding:13px 8px;margin:0 -8px;border-radius:12px;border-bottom:1px solid #f0f3f8;transition:.2s var(--e)}
  .aai-mrow:last-child{border-bottom:0}
  .aai-mrow:hover{background:#f7f9fc}
  .aai-mrow>img{width:66px;height:44px;object-fit:cover;border-radius:9px;flex:none}
  .aai-mrow>div{flex:1;min-width:0}
  .aai-mtitle{font-family:'Outfit';font-weight:700;color:var(--deep-navy);font-size:14.5px;line-height:1.3;margin-top:4px}
  .aai-marr{color:#c2ccda;font-size:17px;flex:none}
  .aai-mrow:hover .aai-marr{color:var(--orange)}

  /* platform testimonials */
  .ptest-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:52px}
  @media(max-width:860px){.ptest-grid{grid-template-columns:1fr}}
  .ptest{position:relative;background:#fff;border:1px solid #e7edf5;border-radius:22px;padding:40px 38px;box-shadow:0 44px 90px -66px rgba(13,27,62,.35);display:flex;flex-direction:column}
  .pt-mark{font-family:Georgia,serif;font-size:64px;line-height:.7;color:var(--orange);opacity:.9;margin-bottom:12px}
  .pt-q{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:clamp(21px,2.2vw,26px);line-height:1.28;letter-spacing:-.01em;margin:0 0 18px}
  .pt-b{font-size:15.5px;line-height:1.65;color:var(--light-body);margin-bottom:28px}
  .pt-who{display:flex;align-items:center;gap:14px;margin-top:auto}
  .pt-av{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Outfit';font-weight:800;font-size:15px;color:#fff;flex:none}
  .pt-av.av1{background:var(--electric)}
  .pt-av.av2{background:var(--orange)}
  .pt-nm{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:16px}
  .pt-ro{font-size:13px;color:var(--muted);margin-top:2px}

  /* premium testimonial split + lightbox */
  .ptest-list{display:flex;flex-direction:column;gap:64px;margin-top:56px}
  .ptest-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,4.5vw,72px);align-items:center}
  @media(max-width:860px){.ptest-row{grid-template-columns:1fr;gap:28px}}
  .ptest-row.rev .ptr-media{order:2}
  .ptest-row.rev .ptr-quote{order:1}
  @media(max-width:860px){.ptest-row.rev .ptr-media{order:0}.ptest-row.rev .ptr-quote{order:0}}
  .ptr-media{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;cursor:pointer;box-shadow:0 46px 96px -50px rgba(13,27,62,.5);background:#0c1730}
  .ptr-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e)}
  .ptr-media:hover img{transform:scale(1.04)}
  .ptr-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,.04) 55%,rgba(7,13,32,.55))}
  .ptr-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:66px;height:66px;border-radius:50%;background:var(--orange);box-shadow:0 18px 40px -14px rgba(240,90,40,.7);transition:transform .25s var(--e)}
  .ptr-media:hover .ptr-play{transform:translate(-50%,-50%) scale(1.08)}
  .ptr-play::after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);width:0;height:0;border-left:19px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent}
  .ptr-tag{position:absolute;left:16px;bottom:14px;z-index:2;font-size:11.5px;font-weight:700;color:#fff;background:rgba(7,13,32,.5);backdrop-filter:blur(4px);border-radius:100px;padding:6px 13px}
  .ptr-quote .pt-mark{margin-bottom:8px}
  .ptr-quote .pt-q{font-size:clamp(22px,2.4vw,30px)}
  .vlb{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:24px}
  .vlb.open{display:flex}
  .vlb-bg{position:absolute;inset:0;background:rgba(4,7,15,.82);backdrop-filter:blur(6px)}
  .vlb-box{position:relative;width:min(1000px,92vw);z-index:2}
  .vlb-frame{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 60px 120px -30px rgba(0,0,0,.7)}
  .vlb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
  .vlb-x{position:absolute;top:-46px;right:0;background:none;border:0;color:#fff;font-size:34px;line-height:1;cursor:pointer;opacity:.85}
  .vlb-x:hover{opacity:1}

  /* service — logos marquee */
  .ap-logos{background:var(--offwhite);padding:60px 0 40px;overflow:hidden}
  .ap-logos .lbcap{text-align:center;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:34px}
  .ap-logos .lbrow{position:relative;overflow:hidden}
  .ap-logos .lbrow::before,.ap-logos .lbrow::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}
  .ap-logos .lbrow::before{left:0;background:linear-gradient(90deg,var(--offwhite),transparent)}
  .ap-logos .lbrow::after{right:0;background:linear-gradient(270deg,var(--offwhite),transparent)}
  .ap-logos .lbtrack{display:flex;gap:66px;width:max-content;align-items:center;animation:lbscroll 44s linear infinite}
  .ap-logos .lbtrack span{font-family:'Outfit';font-weight:700;font-size:clamp(20px,2.1vw,27px);color:#9aa8bc;white-space:nowrap;flex:none}
  @keyframes lbscroll{to{transform:translateX(-50%)}}

  /* why yourfilm reasons */
  .whyf{background:#fff;padding:150px 0}
  .whyf .eyebrow{color:var(--orange)} .whyf h2{color:var(--deep-navy)}
  .whyf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:52px}
  @media(max-width:900px){.whyf-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.whyf-grid{grid-template-columns:1fr}}
  .whyf-c{background:var(--offwhite);border:1px solid #e7edf5;border-radius:20px;padding:34px 30px}
  .whyf-n{font-family:'Outfit';font-weight:800;font-size:14px;color:var(--orange);margin-bottom:16px}
  .whyf-c h3{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:20px;margin-bottom:10px}
  .whyf-c p{font-size:14.5px;line-height:1.6;color:var(--light-body)}

  /* explained */
  .explained{background:var(--offwhite);padding:150px 0}
  .explained .eyebrow{color:var(--orange)} .explained h2{color:var(--deep-navy);font-size:clamp(30px,4vw,50px);line-height:1.05}
  .expl-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
  @media(max-width:860px){.expl-grid{grid-template-columns:1fr;gap:24px}}
  .expl-copy p{font-size:18px;line-height:1.72;color:var(--light-body);margin-bottom:20px}

  /* formats grid (with subtitle) */
  .fmt-grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px}
  @media(max-width:820px){.fmt-grid2{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.fmt-grid2{grid-template-columns:1fr}}
  .fmt-grid2 .fmt{position:relative;display:block;border-radius:16px;overflow:hidden;aspect-ratio:16/11;text-decoration:none;background:#0c1730}
  .fmt-grid2 .fmt img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e)}
  .fmt-grid2 .fmt:hover img{transform:scale(1.05)}
  .fmt-grid2 .fmt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,32,.05) 38%,rgba(7,13,32,.85))}
  .fmt-grid2 .fmt-l{position:absolute;left:20px;bottom:34px;z-index:2;font-family:'Outfit';font-weight:800;color:#fff;font-size:19px}
  .fmt-grid2 .fmt-s{position:absolute;left:20px;bottom:16px;z-index:2;font-size:13px;color:var(--silver)}

  /* which format (fit) */
  .fitsec{background:#fff;padding:150px 0}
  .fitsec .eyebrow{color:var(--orange)} .fitsec h2{color:var(--deep-navy)}
  .fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
  @media(max-width:820px){.fit-grid{grid-template-columns:1fr}}
  .fit{position:relative;overflow:hidden;background:var(--offwhite);border:1px solid #e7edf5;border-radius:18px;padding:30px 28px;box-shadow:0 34px 78px -62px rgba(13,27,62,.34);display:flex;flex-direction:column;gap:14px;transition:transform .25s var(--e)}
  .fit:hover{transform:translateY(-5px)}
  .fit::before{content:"";position:absolute;top:0;left:0;right:0;height:4px}
  .fit:has(.t-silver)::before{background:#94a3b8}
  .fit:has(.t-gold)::before{background:#2761F1}
  .fit:has(.t-plat)::before{background:var(--deep-navy)}
  .fit:has(.t-mix)::before{background:var(--orange)}
  .fit-k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
  .fit-q{font-size:16.5px;line-height:1.5;color:var(--deep-navy);font-weight:600;flex:1}
  .fit-a{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-family:'Outfit';font-weight:800;font-size:13.5px;padding:9px 16px;border-radius:100px}
  .fit-a.t-silver{color:var(--deep-navy);background:#eef1f7}
  .fit-a.t-gold{color:#2761F1;background:rgba(39,97,241,.12)}
  .fit-a.t-plat{color:#fff;background:var(--deep-navy)}
  .fit-a.t-mix{color:var(--orange);background:rgba(240,90,40,.12)}
  .fit-arr{transition:transform .2s var(--e)}.fit:hover .fit-arr{transform:translateX(4px)}

  /* how it works process */
  .howto{background:var(--offwhite);padding:150px 0}
  .howto .eyebrow{color:var(--orange)} .howto h2{color:var(--deep-navy)}
  .howto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:52px}
  @media(max-width:900px){.howto-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.howto-grid{grid-template-columns:1fr}}
  .hstep{background:#fff;border:1px solid #e7edf5;border-radius:18px;padding:30px 26px;display:flex;flex-direction:column;box-shadow:0 34px 78px -64px rgba(13,27,62,.3)}
  .hstep-n{font-family:'Outfit';font-weight:800;font-size:14px;color:var(--orange);margin-bottom:16px}
  .hstep h3{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:18px;margin-bottom:10px;line-height:1.2}
  .hstep p{font-size:14px;line-height:1.6;color:var(--light-body);margin-bottom:16px;flex:1}
  .hstep-o{font-size:11.5px;font-weight:700;color:var(--muted);padding-top:14px;border-top:1px solid #eef2f7}

  /* pricing ranges */
  .ranges{background:#fff;padding:150px 0}
  .ranges .eyebrow{color:var(--orange)} .ranges h2{color:var(--deep-navy)}
  .ranges-note{font-size:17px;line-height:1.65;color:var(--light-body);max-width:70ch;margin-top:22px}
  .ranges-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;align-items:stretch}
  @media(max-width:860px){.ranges-grid{grid-template-columns:1fr}}
  .range{position:relative;background:#fff;border:1px solid #e7edf5;border-radius:22px;padding:38px 34px;box-shadow:0 44px 90px -68px rgba(13,27,62,.4)}
  .range.feat{background:linear-gradient(165deg,#12224a,#0a1430);border-color:transparent;box-shadow:0 56px 110px -60px rgba(13,27,62,.6)}
  .range-flag{position:absolute;top:-12px;left:34px;background:var(--orange);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 13px;border-radius:100px}
  .range-p{font-family:'Outfit';font-weight:800;font-size:clamp(28px,3.2vw,38px);color:var(--deep-navy);letter-spacing:-.02em}
  .range.feat .range-p{color:#fff}
  .range-k{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);margin:12px 0 16px}
  .range p{font-size:15px;line-height:1.62;color:var(--light-body)}
  .range.feat p{color:rgba(255,255,255,.82)}

  /* de-box why-yourfilm + which-format for a premium editorial look */
  .whyf-grid{gap:44px 36px}
  .whyf-c{background:transparent !important;border:0 !important;border-top:2px solid #e3e9f1 !important;border-radius:0 !important;padding:26px 0 0 !important;box-shadow:none !important}
  .whyf-n{margin-bottom:18px}
  .whyf-c h3{font-size:21px}
  .fit-grid{gap:44px 40px}
  .fitsec .fit{background:transparent !important;border:0 !important;border-top:2px solid #e3e9f1 !important;border-radius:0 !important;padding:26px 0 0 !important;box-shadow:none !important;gap:16px}
  .fitsec .fit::before{display:none !important}
  .fitsec .fit:hover{transform:none}
  .fitsec .fit:has(.t-silver){border-top-color:#94a3b8 !important}
  .fitsec .fit:has(.t-gold){border-top-color:#2761F1 !important}
  .fitsec .fit:has(.t-plat){border-top-color:var(--deep-navy) !important}
  .fitsec .fit:has(.t-mix){border-top-color:var(--orange) !important}
  .fit-q{font-size:18px}

  .howto-grid{gap:44px 36px}
  .hstep{background:transparent !important;border:0 !important;border-top:2px solid #e3e9f1 !important;border-radius:0 !important;padding:26px 0 0 !important;box-shadow:none !important}
  .hstep-n{margin-bottom:16px}
  .hstep h3{font-size:19px}
  .hstep-o{border-top:1px solid #e6ebf3;padding-top:16px;margin-top:8px}

  /* ways to work */
  .ways2{background:var(--offwhite);padding:150px 0}
  .ways2 .eyebrow{color:var(--orange)} .ways2 h2{color:var(--deep-navy)}
  .ways2-lead{font-size:18px;line-height:1.65;color:var(--light-body);max-width:66ch;margin-top:20px}
  .ways2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;align-items:stretch}
  @media(max-width:860px){.ways2-grid{grid-template-columns:1fr}}
  .w2{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e7edf5;border-radius:22px;padding:36px 32px;box-shadow:0 44px 90px -68px rgba(13,27,62,.4)}
  .w2.feat{background:linear-gradient(165deg,#12224a,#0a1430);border-color:transparent;box-shadow:0 56px 110px -60px rgba(13,27,62,.6)}
  .w2-flag{position:absolute;top:-12px;left:32px;background:var(--orange);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 13px;border-radius:100px}
  .w2-k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:10px}
  .w2 h3{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:26px;margin-bottom:14px}
  .w2.feat h3{color:#fff}
  .w2 p{font-size:15px;line-height:1.6;color:var(--light-body);margin-bottom:24px;flex:1}
  .w2.feat p{color:rgba(255,255,255,.82)}
  .w2 .btn{width:100%;justify-content:center}
  .w2.feat .btn{background:var(--orange) !important;color:#fff !important}
  .ways2-note{font-size:14.5px;color:var(--muted);margin-top:24px}
  .ways2-note a,.fa a{color:var(--orange);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(240,90,40,.3)}
  .ways2-note a:hover,.fa a:hover{border-bottom-color:var(--orange)}

  /* guides */
  .guides{background:#fff;padding:150px 0}
  .guides .eyebrow{color:var(--orange)} .guides h2{color:var(--deep-navy)}
  .guides-list{margin-top:44px;border-top:1px solid #e6ebf3}
  .guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 6px;border-bottom:1px solid #e6ebf3;text-decoration:none;transition:.2s var(--e)}
  .guide span:first-child{font-family:'Outfit';font-weight:700;font-size:clamp(17px,2vw,22px);color:var(--deep-navy);transition:.2s}
  .guide:hover span:first-child{color:var(--orange)}
  .g-arr{color:var(--orange);font-size:20px;flex:none;transition:transform .2s var(--e)}
  .guide:hover .g-arr{transform:translateX(5px)}

  /* what we understand (borderless editorial) */
  .understand{background:#fff;padding:150px 0}
  .understand .eyebrow{color:var(--orange)} .understand h2{color:var(--deep-navy)}
  .und-lead{font-size:19px;line-height:1.7;color:var(--light-body);max-width:78ch;margin-top:26px}
  .und-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:44px 36px;margin-top:52px}
  @media(max-width:900px){.und-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.und-grid{grid-template-columns:1fr}}
  .und{border-top:2px solid #e3e9f1;padding-top:24px}
  .und-k{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}
  .und h3{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:19px;margin-bottom:8px}
  .und p{font-size:14.5px;line-height:1.6;color:var(--light-body)}

  /* our expertise */
  .expertise{background:var(--offwhite);padding:150px 0}
  .expertise .eyebrow{color:var(--orange)} .expertise h2{color:var(--deep-navy);font-size:clamp(30px,4vw,50px);line-height:1.05}
  .exp-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
  @media(max-width:860px){.exp-split{grid-template-columns:1fr;gap:24px}}
  .exp-r p{font-size:17.5px;line-height:1.72;color:var(--light-body);margin-bottom:18px}
  .craft-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px 34px;margin-top:64px}
  @media(max-width:900px){.craft-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.craft-grid{grid-template-columns:1fr}}
  .craft{border-top:2px solid #dbe3ef;padding-top:22px}
  .craft-n{font-family:'Outfit';font-weight:800;font-size:14px;color:var(--orange);margin-bottom:14px}
  .craft h4{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:17px;margin-bottom:9px}
  .craft p{font-size:14px;line-height:1.6;color:var(--light-body)}

  /* explore carousel */
  .explore{background:#fff;padding:150px 0;overflow:hidden}
  .explore .eyebrow{color:var(--orange)} .explore h2{color:var(--deep-navy)}
  .exp-scroll{display:flex;gap:20px;margin-top:48px;padding:8px clamp(28px,4vw,56px) 30px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
  .exp-scroll::-webkit-scrollbar{height:6px}.exp-scroll::-webkit-scrollbar-thumb{background:#d8e0ec;border-radius:100px}
  .exc{flex:0 0 300px;scroll-snap-align:start;text-decoration:none;border-radius:18px;overflow:hidden;background:#0c1730;position:relative;box-shadow:0 40px 84px -60px rgba(13,27,62,.4);transition:transform .25s var(--e)}
  .exc:hover{transform:translateY(-5px)}
  .exc-img{aspect-ratio:16/10;overflow:hidden}
  .exc-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--e)}
  .exc:hover .exc-img img{transform:scale(1.06)}
  .exc-b{padding:20px 22px 24px;background:#fff}
  .exc-cat{font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
  .exc-b h3{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:21px;margin-bottom:12px}
  .exc-arr{font-family:'Outfit';font-weight:700;font-size:13.5px;color:var(--orange)}

  /* dark rhythm demo */
  .formats{background:linear-gradient(180deg,#070d20,#0b1327) !important}
  .formats h2{color:#fff !important}
  .fmt-grid2 .fmt{box-shadow:0 40px 80px -50px rgba(0,0,0,.7)}

  .produce{background:linear-gradient(180deg,#0b1327,#070d20) !important}
  .produce h2{color:#fff !important}
  .produce .ph-r .lead{color:var(--silver) !important}
  .produce .ph-cta{color:#fff !important}
  .produce .ph-cta span{border-bottom-color:rgba(255,255,255,.35) !important}
  .produce .ph-cta:hover span{border-bottom-color:var(--orange) !important}
  .produce .arccard{box-shadow:0 50px 100px -50px rgba(0,0,0,.8)}

  /* type scale bump + dark-section fixes */
  .whyf-c p,.und p,.craft p,.hstep p{font-size:17px !important;line-height:1.66 !important}
  .fit-q{font-size:19px !important;line-height:1.5 !important}
  .und-lead{font-size:21px !important;line-height:1.7 !important}
  .explained .expl-copy p,.expertise .exp-r p{font-size:20px !important;line-height:1.72 !important}
  .whyf-c h3,.und h3,.hstep h3{font-size:22px !important}
  .craft h4{font-size:20px !important}
  .fmt-grid2 .fmt-l{font-size:20px !important}.fmt-grid2 .fmt-s{font-size:14px !important}
  .explained h2,.expertise h2,.ap-plat h2{font-size:clamp(34px,4.5vw,56px) !important}
  .ranges-note,.faq summary{font-size:17.5px !important}
  /* dark section number: readable, not dim blue */
  .produce .idx,.formats .idx{color:var(--sky) !important;opacity:.9}
  /* align the produce header: description with the heading, not the number */
  .produce-hd{align-items:flex-end !important}
  .produce .ph-r{padding-bottom:6px}

  .fa,.ranges-note{font-size:17px !important;line-height:1.65 !important}
  .exc-b h3{font-size:22px !important}
  .arccard{cursor:pointer}

  .fmt-grid2 .fmt.fmt-play-card{cursor:pointer}
  .fmt-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--orange);z-index:3;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 34px rgba(0,0,0,.45);transition:transform .2s var(--e)}
  .fmt-play::after{content:"";border-left:15px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:3px}
  .fmt-grid2 .fmt.fmt-play-card:hover .fmt-play{transform:translate(-50%,-50%) scale(1.08)}
  .fmt-grid2 .fmt-cap{position:absolute;left:20px;bottom:16px;z-index:3;display:flex;flex-direction:column;gap:6px}
  .fmt-grid2 .fmt-cap .fmt-l{position:static;left:auto;bottom:auto;font-size:20px}
  .fmt-link{font-family:'Outfit';font-weight:700;font-size:13px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:1px;align-self:flex-start;white-space:nowrap}
  .fmt-link:hover{color:#fff;border-bottom-color:var(--orange)}

  .exc-img{position:relative}
  .exc-img::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(13,27,62,.06) 30%,rgba(7,13,32,.5));pointer-events:none;z-index:1}
  .exc-img img{position:relative}

  /* explore cards — editorial overlay style */
  .exc{position:relative;background:#0c1730 !important}
  .exc .exc-img{aspect-ratio:3/4}
  .exc .exc-img::after{background:linear-gradient(180deg,rgba(7,13,32,.05) 34%,rgba(7,13,32,.55) 66%,rgba(7,13,32,.94)) !important}
  .exc-b{position:absolute;left:0;right:0;bottom:0;background:none !important;padding:22px 22px 24px !important;z-index:2}
  .exc-cat{color:rgba(255,255,255,.72) !important}
  .exc-b h3{color:#fff !important}
  .exc-arr{color:#fff !important}
  .exc:hover .exc-arr{color:var(--orange) !important}

  /* ===== rebuilt nav + footer ===== */
  .topbar .logo img{height:26px;width:auto;display:block}
  .topbar .logo{display:flex;align-items:center}
  .topnav{display:flex;align-items:center;gap:2px}
  .topnav > a,.nav-trig{color:rgba(255,255,255,.82);font-family:'Manrope',sans-serif;font-size:14.5px;font-weight:600;padding:9px 14px;text-decoration:none;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:6px;border-radius:8px;transition:color .2s,background .2s;white-space:nowrap}
  .topnav > a:hover,.nav-trig:hover{color:#fff}
  .caret{width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
  .nav-item{position:relative}
  .nav-drop{position:absolute;top:calc(100% - 2px);left:0;background:#0c1730;border:1px solid #1e3a5f;border-radius:14px;padding:10px;min-width:250px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s var(--e);box-shadow:0 40px 80px -30px rgba(0,0,0,.7);z-index:120}
  .nav-item:hover .nav-drop{opacity:1;visibility:visible;transform:translateY(2px)}
  .nav-drop a{display:block;padding:9px 14px;color:var(--silver);border-radius:9px;font-size:14px;font-weight:500;text-decoration:none;transition:.15s}
  .nav-drop a:hover{background:rgba(255,255,255,.07);color:#fff}
  @media(max-width:1080px){.topnav{display:none}}

  footer{background:var(--deep-navy);padding:80px 0 34px;border-top:1px solid #16233f}
  .fgrid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:40px}
  @media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr;gap:36px 28px}}
  @media(max-width:520px){.fgrid{grid-template-columns:1fr}}
  .fcol-brand .flogo img{height:26px;width:auto;margin-bottom:18px}
  .ftag{color:var(--silver);font-size:15px;line-height:1.6;max-width:32ch;margin-bottom:22px}
  .fsocial{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
  .fsocial a{color:var(--muted);transition:color .2s,transform .2s var(--e);display:block}
  .fsocial a:hover{color:var(--orange);transform:translateY(-2px)}
  .fsocial svg{width:19px;height:19px;fill:currentColor;display:block}
  .fcol h5{font-family:'Outfit';font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:18px}
  .fcol a{display:block;color:rgba(214,224,238,.86);font-size:14.5px;line-height:1.5;padding:5px 0;text-decoration:none;transition:color .15s}
  .fcol a:hover{color:#fff}
  .fbot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:56px;padding-top:24px;border-top:1px solid #16233f;color:var(--muted);font-size:13.5px}
  .fbot a{color:var(--muted);text-decoration:none}.fbot a:hover{color:var(--silver)}

  .bloglist{background:#fff;padding:96px 0 150px}
  .feat-post{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;background:radial-gradient(120% 160% at 12% 0%,#16264e,#0a1430 60%);border-radius:26px;padding:60px 56px;text-decoration:none;margin-bottom:60px;box-shadow:0 60px 120px -60px rgba(13,27,62,.55);overflow:hidden;position:relative}
  .feat-post::after{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(39,97,241,.35),transparent 70%);pointer-events:none}
  .fp-tag{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:22px}
  .feat-post h2{font-family:'Outfit';font-weight:800;color:#fff;font-size:clamp(30px,3.7vw,47px);line-height:1.06;letter-spacing:-.025em;margin-bottom:20px;max-width:18ch}
  .fp-l p{font-size:18px;line-height:1.62;color:var(--silver);max-width:60ch;margin-bottom:26px}
  .fp-meta span{font-size:14px;color:var(--muted);font-weight:600}
  .fp-r{position:relative;z-index:2}
  .fp-arrow{width:74px;height:74px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;transition:transform .3s var(--e);box-shadow:0 20px 50px -14px rgba(240,90,40,.6)}
  .feat-post:hover .fp-arrow{transform:translateX(6px) scale(1.06)}
  @media(max-width:760px){.feat-post{grid-template-columns:1fr;padding:44px 34px}.fp-r{display:none}}
  .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
  @media(max-width:900px){.post-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.post-grid{grid-template-columns:1fr}}
  .post{display:flex;flex-direction:column;background:#fff;border:1px solid #e9eef5;border-radius:20px;padding:34px 32px 28px;text-decoration:none;transition:transform .28s var(--e),box-shadow .28s,border-color .28s}
  .post:hover{transform:translateY(-6px);box-shadow:0 50px 100px -60px rgba(13,27,62,.4);border-color:transparent}
  .post-top{margin-bottom:20px}
  .post-cat{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
  .post-dot{width:7px;height:7px;border-radius:50%}
  .post h3{font-family:'Outfit';font-weight:800;color:var(--deep-navy);font-size:22.5px;line-height:1.16;letter-spacing:-.018em;margin-bottom:14px;transition:color .2s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .post:hover h3{color:var(--electric)}
  .post-dek{font-size:15px;line-height:1.6;color:var(--light-body);flex:1;margin-bottom:26px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .post-foot{display:flex;justify-content:space-between;align-items:center}
  .post-date{font-size:12.5px;color:var(--muted);font-weight:600}
  .post-arrow{width:38px;height:38px;border-radius:50%;border:1.5px solid #e3e9f1;color:var(--muted);display:flex;align-items:center;justify-content:center;font-size:16px;transition:.22s var(--e)}
  .post:hover .post-arrow{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateX(2px)}
  .blog-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:36px}
  .blog-search{position:relative;display:flex;align-items:center;flex:0 0 320px;max-width:100%}
  .blog-search svg{position:absolute;left:16px;width:18px;height:18px;color:var(--muted)}
  .blog-search input{width:100%;padding:13px 16px 13px 44px;border:1px solid #e3e9f1;border-radius:100px;font-family:'Manrope';font-size:15px;color:var(--deep-navy);background:#fff;transition:.2s}
  .blog-search input:focus{outline:none;border-color:var(--electric);box-shadow:0 0 0 4px rgba(39,97,241,.1)}
  .blog-filters{display:flex;flex-wrap:wrap;gap:8px}
  .bf{font-family:'Outfit';font-weight:700;font-size:13.5px;color:var(--muted);background:#fff;border:1px solid #e3e9f1;border-radius:100px;padding:9px 16px;cursor:pointer;transition:.18s var(--e);white-space:nowrap}
  .bf:hover{color:var(--deep-navy);border-color:#c8d3e2}
  .bf.active{background:var(--deep-navy);border-color:var(--deep-navy);color:#fff}
  .blog-none{display:none;text-align:center;padding:60px 0 20px;font-size:17px;color:var(--muted)}
  .blog-none.show{display:block}
  .blog-reset{background:none;border:0;color:var(--orange);font-weight:700;font-family:'Outfit';font-size:16px;cursor:pointer;text-decoration:underline}
  @media(max-width:640px){.blog-controls{flex-direction:column;align-items:stretch}.blog-search{flex:1}}
  .blog-pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:56px;flex-wrap:wrap}
  .pg{min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid #e3e9f1;background:#fff;color:var(--deep-navy);font-family:'Outfit';font-weight:700;font-size:14.5px;cursor:pointer;transition:.18s var(--e);display:flex;align-items:center;justify-content:center}
  .pg:hover:not(:disabled){border-color:#c8d3e2;transform:translateY(-2px)}
  .pg.active{background:var(--deep-navy);border-color:var(--deep-navy);color:#fff}
  .pg:disabled{opacity:.4;cursor:not-allowed}
  .pg-ellipsis{color:var(--muted);padding:0 4px}

  /* ============================================================
     MOBILE POLISH (<=640px) — carousels legible, padding tamed,
     hero fixed. Added for yourfilm relaunch mobile pass.
     ============================================================ */
  @media(max-width:640px){
    /* -- global rhythm: kill the cavernous vertical padding -- */
    .wrap{padding:0 20px}
    .band-inner{padding:0 20px}
    .sec{padding:60px 0}
    .stats-band{padding:38px 0}
    .thesis{padding:52px 0 60px}
    .thesis .inner{padding:0 20px}
    .produce{padding:60px 0 30px}
    .formats{padding:60px 0}
    .revx{padding:60px 0}
    .cta-sec{padding:74px 0 !important}
    .ailayer{padding:64px 0}

    /* -- HERO: content flows (no dead space), wall reads as texture -- */
    .hero{height:auto;min-height:auto}
    .hero .wall{inset:-8% -30%;transform:rotate(-8deg) scale(1.5)}
    .hero .vignette{background:
      radial-gradient(150% 100% at 30% 62%,rgba(7,13,32,.9),rgba(7,13,32,.62) 46%,rgba(7,13,32,.5) 72%),
      linear-gradient(180deg,rgba(7,13,32,.72),rgba(7,13,32,.2) 26%,rgba(7,13,32,.72) 70%,rgba(7,13,32,1))}
    .hero-content{position:relative;left:auto;bottom:auto;transform:none;padding:138px 20px 54px}
    .hero h1{font-size:clamp(40px,10.6vw,54px);margin-top:20px}
    .hero .cta{gap:16px;margin-top:26px}
    .scrollcue{display:none}

    /* -- ARC ("what we produce"): flat, obviously-swipeable rail -- */
    .arc{perspective:none;gap:14px;padding:14px 0 6px;margin-top:14px}
    .arc::before,.arc::after{flex:0 0 20px !important}
    .arccard{flex:0 0 80vw !important;aspect-ratio:16/10;transform:none !important;opacity:1 !important;scroll-snap-align:center}
    .arccard .ac-cap{opacity:1 !important;transform:none !important}
    .arccard .ac-play{opacity:1 !important}

    /* -- DOORS ("where next"): crisp peeking cards, no ghost fades -- */
    .doors-shell::before,.doors-shell::after{display:none}
    .doors{gap:16px;padding:4px 0 6px;margin-top:22px}
    .door{width:80% !important;min-height:228px}
    .door .di img{opacity:.75}
    .doors-hd{margin-top:42px}
    .pshow{margin:0 0 8px !important}

    /* -- swipe affordance under each rail -- */
    .produce .arc,.doors{scroll-snap-type:x mandatory}
  }

  /* mobile nav drawer (burger) */
  .navburger{display:none}
  @media(max-width:760px){
    .navburger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;padding:0 11px;margin-left:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;cursor:pointer}
    .navburger span{display:block;height:2px;width:22px;background:#fff;border-radius:2px;transition:.25s var(--e)}
    .topbar.mopen .navburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
    .topbar.mopen .navburger span:nth-child(2){opacity:0}
    .topbar.mopen .navburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
    .topbar{flex-wrap:wrap;row-gap:0}
    .topbar.mopen{background:rgba(8,14,32,.95);backdrop-filter:blur(22px)}
    .topbar.mopen .topnav{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;order:5;margin-top:14px;padding-top:8px;border-top:1px solid rgba(255,255,255,.14);max-height:72vh;overflow-y:auto}
    .topbar.mopen .topnav>a,.topbar.mopen .nav-trig{width:100%;justify-content:space-between;padding:14px 6px;font-size:16px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.07)}
    .topbar.mopen .nav-item{width:100%}
    .topbar.mopen .nav-drop{position:static;display:none;opacity:1;visibility:visible;transform:none;background:none;border:0;box-shadow:none;min-width:0;padding:2px 0 10px 14px}
    .topbar.mopen .nav-item.open .nav-drop{display:block}
    .topbar.mopen .nav-item.open .caret{transform:rotate(225deg) translateY(-2px)}
    .topbar.mopen .nav-drop a{padding:10px 8px;font-size:14.5px}
  }

  /* mobile nav — full-screen solid menu (override) */
  @media(max-width:760px){
    .topbar.mopen{position:fixed;top:0;left:0;right:auto;width:100%;max-width:none;transform:none;border-radius:0;background:#070D20;border:0;border-bottom:1px solid rgba(255,255,255,.08);padding:16px 20px;z-index:200;box-shadow:none;backdrop-filter:none;flex-wrap:nowrap;justify-content:space-between}
    .topbar.mopen .navburger{position:relative;z-index:210;margin-left:0}
    .topbar.mopen .nav-cta{position:relative;z-index:210}
    .topbar.mopen .topnav{position:fixed;inset:0;top:0;z-index:150;background:#070D20;height:100dvh;max-height:none;margin:0;border:0;padding:92px 22px calc(48px + env(safe-area-inset-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch;gap:0}
    .topbar.mopen .topnav>a,.topbar.mopen .nav-trig{border-bottom:1px solid rgba(255,255,255,.08);font-size:17px;padding:16px 4px}
    .topbar.mopen .nav-drop a{font-size:15px;padding:11px 8px;color:rgba(255,255,255,.72)}
    .topbar.mopen .nav-item.open .nav-drop{padding:2px 0 12px 16px}
  }

  /* mobile: sticky top bar */
  @media(max-width:760px){
    .topbar{position:fixed;top:10px;z-index:100}
  }

  /* mobile sticky bar: center via margins (no transform) */
  @media(max-width:760px){
    .topbar:not(.mopen){left:16px;right:16px;width:auto;max-width:none;transform:none}
  }

  /* mobile: format cards as a horizontal scrolling carousel (match other rails) */
  @media(max-width:640px){
    .fmt-grid2{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-top:28px;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
    .fmt-grid2::-webkit-scrollbar{display:none}
    .fmt-grid2 .fmt{flex:0 0 80%;scroll-snap-align:center}
  }