html.mbe #hero-spacer, html.mbe #solutions-flow, html.mbe #logo-ticker,
html.mbe #quadrants, html.mbe #globe-loader, html.mbe #flow-canvas,
html.mbe #flow-svg, html.mbe #quad-onward-cue, html.mbe #hero-logo-rider,
html.mbe #title-container, html.mbe #revealed-section { display: none !important; }
html:not(.mbe) #mbe { display: none !important; }
html.mbe-lock, html.mbe-lock body { overflow: hidden !important; }

html.mbe, html.mbe body { overflow-x: clip; }
html.mbe body { touch-action: pan-y pinch-zoom; }
html.mbe #mbe { overflow-x: clip; }
html.mbe .mbe-bento-slot .s-cta { box-sizing: border-box; }

html.mbe #hero-brand { opacity: 1 !important; z-index: 70; transition: background .3s ease; }
html.mbe.plo-hold #mbe .logoTravel { opacity: 0; }
html.mbe #nav-fan { right: 14px; top: auto; bottom: 16px; --nf-size: 56px; --nf-blade-l: 200px; }
html.mbe #nav-fan.is-revealed { transform: none; }
html.mbe #nav-fan.nf-top { top: auto; }
html.mbe #nav-fan.nf-hide { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
html.mbe #nav-fan .nf-blade { height: 40px; bottom: calc((var(--n) - var(--i)) * 46px - 10px); }
html.mbe #nav-fan .nf-shield { height: calc(var(--n) * 46px + 60px); width: 260px; }
html.mbe #hero-brand.mbe-plate { background: rgba(6, 7, 10, 0.94); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06); }

#mbe {
    --dark: #06070A; --dark2: #0A0A0C; --foot: #151719; --paper: #F6F8FA; --white: #FFFFFF;
    --ink-d: #F0F0F2; --ink-l: #0A0A0A; --body-d: #C9CBD1; --body-l: rgba(0, 0, 0, 0.66);
    --muted: #8A8D96; --hair: #2A2C33; --hair-l: #E3E5EA; --red: #D71920; --green: #2F7D57;
    --pad: 22px; --bar: 58px;
    position: relative; z-index: 6;
    background: var(--dark); color: var(--ink-d);
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 17px; line-height: 1.5; font-weight: 400;
    -webkit-font-smoothing: antialiased;
}
@media (max-width: 374px) { #mbe { --pad: 18px; } }
#mbe *:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *),
#mbe *:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *)::before,
#mbe *:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *)::after { box-sizing: border-box; }
#mbe h1:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *),
#mbe h2:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *),
#mbe h3:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *) { margin: 0; font-weight: 200; text-wrap: balance; }
#mbe p:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *) { margin: 0; }
#mbe a:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *) { color: inherit; text-decoration: none; }
#mbe button:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *) { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
#mbe :focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
#mbe .num { font-variant-numeric: tabular-nums; font-feature-settings: 'tnum' 1; }

#mbe .mbe-qpop {
    position: fixed; left: 0; right: 0; top: var(--bar); bottom: 0; z-index: 55;
    background: var(--dark);
    opacity: 0; transform: scale(0.5); visibility: hidden; pointer-events: none;
    transition: opacity .2s linear, transform .35s cubic-bezier(.4, 0, .2, 1), visibility 0s linear .35s;
}
#mbe .mbe-qpop.on {
    opacity: 1; transform: none; visibility: visible; pointer-events: auto;
    transition: opacity .2s linear, transform .35s cubic-bezier(.4, 0, .2, 1);
}
#mbe .mbe-qpop-scroll {
    position: absolute; inset: 0; overflow-y: auto; -webkit-overflow-scrolling: touch;
    padding: 64px 16px calc(28px + env(safe-area-inset-bottom, 0px));
}
#mbe .mbe-qpop-close {
    position: absolute; top: 12px; right: 12px; z-index: 5;
    width: 44px; height: 44px; border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
}
#mbe .mbe-qpop-close i {
    position: absolute; left: 50%; top: 50%; width: 18px; height: 2px;
    background: var(--ink-d); border-radius: 1px;
}
#mbe .mbe-qpop-close i:first-child { transform: translate(-50%, -50%) rotate(45deg); }
#mbe .mbe-qpop-close i:last-child { transform: translate(-50%, -50%) rotate(-45deg); }

#mbe .mbe-qpop-host .quad {
    position: relative; inset: auto; display: flex;
    width: min(100%, 480px); margin: 0 auto;
    min-height: calc(calc(var(--svh, 1svh) * 100) - 150px); min-height: calc(calc(var(--dvh, 1dvh) * 100) - 150px);
    border-radius: 18px; border: 1px solid rgba(255, 255, 255, 0.10);
    background: #0A0B12; overflow: hidden; cursor: default;
    opacity: 1 !important; pointer-events: auto !important;
    --qv-alpha: 1 !important; --qv-dim: 1;
    align-items: flex-end; justify-content: flex-start;
}
#mbe .mbe-qpop-host .quad.is-active { background: #0C0D14; }
#mbe .mbe-qpop-host .quad-inner {
    padding: 26px 18px 20px; max-width: 100%;
    position: relative; z-index: 2;
    background: linear-gradient(to top, rgba(10, 11, 18, 0.97) 0%, rgba(10, 11, 18, 0.92) 68%, rgba(10, 11, 18, 0) 100%);
}
#mbe .mbe-qpop-host .quad-title { font-size: clamp(1.25rem, 5.6vw, 1.55rem); opacity: 1 !important; }
#mbe .mbe-qpop-host .quad-more { display: none !important; }
#mbe .mbe-qpop-host .quad-desc {
    max-height: none; margin-top: 10px; opacity: 1; transform: none;
    font-size: 15px; line-height: 1.55; max-width: 100%;
}
#mbe .mbe-qpop-host .quad-actions {
    display: flex; max-height: none; margin-top: 12px; padding-block: 6px;
    opacity: 1; transform: none; pointer-events: auto;
    flex-wrap: wrap; gap: 8px;
}
#mbe .mbe-qpop-host .campaign-cta { --cta-plate-h: 38px; --cta-plate-px: 1rem; }
#mbe .mbe-qpop-host .dm-timeline { max-height: none; margin-top: 16px; opacity: 1; width: 100%; }
#mbe .mbe-qpop-host .dm-line b { width: 100%; }
#mbe .mbe-qpop-host .quad-viz { transform: translate(-50%, -50%); }
#mbe .mbe-qpop-host .quad.is-active .quad-viz { transform: translate(-50%, -50%) scale(1.04); }
#mbe .mbe-qpop-host .qv-dg,
#mbe .mbe-qpop-host .qv-lg { width: clamp(260px, 56%, 400px); }
#mbe .mbe-qpop-host .qv-at { width: min(320px, calc(100vw - 76px)); }
#mbe .mbe-qpop-host .qv-dm { width: min(240px, calc(100vw - 120px)); }
#mbe .mbe-qpop-host .quad[data-idx="0"] .quad-viz { top: 24%; }
#mbe .mbe-qpop-host .quad[data-idx="3"] .quad-viz { left: 50%; top: 13%; }
#mbe .mbe-qpop-host .quad[data-idx="1"] .quad-inner,
#mbe .mbe-qpop-host .quad[data-idx="3"] .quad-inner { align-items: flex-start; text-align: left; }
#mbe .mbe-qpop-host .quad[data-idx="1"] .quad-actions,
#mbe .mbe-qpop-host .quad[data-idx="3"] .quad-actions { justify-content: flex-start; }

#mbe .mbe-bento-slot { padding: 26px 0 64px; }
html.mbe #ownership-3d.uo-halt,
html.mbe #ownership-3d.uo-halt *,
html.mbe #ownership-3d.uo-halt *::before,
html.mbe #ownership-3d.uo-halt *::after { animation: none !important; }
html.mbe #ownership-3d.uo-cue .uo-ground,
html.mbe #ownership-3d.uo-cue .uo-world,
html.mbe #ownership-3d.uo-cue .uo-hub .glowIn,
html.mbe #ownership-3d.uo-cue .uo-lid { animation-delay: -2.5s; }
html.mbe #ownership-3d.uo-cue .uo-slab,
html.mbe #ownership-3d.uo-cue .uo-slabBox .fT::after { animation-delay: calc(var(--dl) - 2.5s); }
html.mbe #campaign-report .cr-tile:nth-child(1) { animation-delay: 0s; }
html.mbe #campaign-report .cr-tile:nth-child(2) { animation-delay: calc(var(--loop) * 0.015); }
html.mbe #campaign-report .cr-tile:nth-child(3) { animation-delay: calc(var(--loop) * 0.03); }
html.mbe #campaign-report .cr-tile:nth-child(4) { animation-delay: calc(var(--loop) * 0.045); }
html.mbe #campaign-report .cr-area,
html.mbe #campaign-report .cr-trend { animation-delay: calc(var(--loop) * 0.05); }
html.mbe #campaign-report .cr-trend { animation-name: crDrawMbe; }
@keyframes crDrawMbe { 0%,4% { stroke-dashoffset: 340; opacity: 1; } 20% { stroke-dashoffset: 0; opacity: 1; } 92% { stroke-dashoffset: 0; opacity: 1; } 97%,100% { stroke-dashoffset: 0; opacity: 0; } }
html.mbe #campaign-report .cr-pt:nth-of-type(1) { animation-delay: calc(var(--loop) * 0.06); }
html.mbe #campaign-report .cr-pt:nth-of-type(2) { animation-delay: calc(var(--loop) * 0.09); }
html.mbe #campaign-report .cr-pt:nth-of-type(3) { animation-delay: calc(var(--loop) * 0.13); }
html.mbe #campaign-report .cr-pt:nth-of-type(4) { animation-delay: calc(var(--loop) * 0.17); }
html.mbe #campaign-report .cr-pt:nth-of-type(5) { animation-delay: calc(var(--loop) * 0.19); }
html.mbe #campaign-report .cr-pulse { animation-delay: calc(var(--loop) * 0.20); }
html.mbe #campaign-report .cr-decision { animation-delay: calc(var(--loop) * 0.09); }
html.mbe #campaign-report .cr-scene { max-width: 322px; }

html.rm #mbe .mbe-qpop { transform: none; transition: opacity .2s linear, visibility 0s linear .2s; }

#mbe .ppa{clip-path:inset(0 0 100% 0)}
#mbe .ppp{clip-path:inset(0 0 0 0);transition:clip-path 520ms cubic-bezier(.4,0,.2,1)}
#mbe .ppd{clip-path:none;transition:none}
#mbe .pedge{position:absolute;height:2px;background:var(--red);opacity:0;z-index:40;pointer-events:none;will-change:transform,opacity;animation:mbe-pedge 520ms cubic-bezier(.4,0,.2,1) both}

@keyframes mbe-pedge{
  0%{opacity:0;transform:translate3d(0,0,0)}
  9%{opacity:.92}
  80%{opacity:.92}
  100%{opacity:0;transform:translate3d(0,var(--h,0px),0)}
}

#mbe .stamp{opacity:0;transform:scale(1.06);transform-origin:0 50%}
#mbe .stamp.set{opacity:1;transform:none;transition:transform 260ms cubic-bezier(.2,.9,.3,1),opacity 150ms linear}
#mbe .stamp.mid{transform-origin:50% 50%}

#mbe .ht{--dot:52%;--cell:7px;opacity:.58;
  -webkit-mask-image:radial-gradient(circle,#000 0 var(--dot),transparent calc(var(--dot) + 2%)),
                     radial-gradient(circle,#000 0 var(--dot),transparent calc(var(--dot) + 2%));
          mask-image:radial-gradient(circle,#000 0 var(--dot),transparent calc(var(--dot) + 2%)),
                     radial-gradient(circle,#000 0 var(--dot),transparent calc(var(--dot) + 2%));
  -webkit-mask-size:var(--cell) var(--cell),var(--cell) var(--cell);
          mask-size:var(--cell) var(--cell),var(--cell) var(--cell);
  -webkit-mask-position:0 0,calc(var(--cell)/2) calc(var(--cell)/2);
          mask-position:0 0,calc(var(--cell)/2) calc(var(--cell)/2);
  transition:opacity 180ms linear}
#mbe .ht.fine{--cell:3px;--dot:50%;opacity:.86}
#mbe .ht.crisp{-webkit-mask-image:none;mask-image:none;opacity:1;transition:opacity 200ms linear}

#mbe .odo{--od-cell:42px;padding:7px 0}
#mbe .od{display:block;overflow:hidden;height:var(--od-cell)}
#mbe .od.od-fix{overflow:visible}
#mbe .od-strip{display:block;transform:translate3d(0,0,0);will-change:transform}
#mbe .od-i{display:block;height:var(--od-cell);line-height:var(--od-cell);text-align:center}

#mbe .num,#mbe .tabular{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}

html.rm #mbe .ppa{clip-path:none}
html.rm #mbe .ppp{clip-path:none;transition:none}
html.rm #mbe .stamp{opacity:1;transform:none}
html.rm #mbe .pedge{display:none}

@media (prefers-reduced-motion:reduce){
  #mbe .ppa{clip-path:none}
  #mbe .ppp{clip-path:none;transition:none}
  #mbe .stamp{opacity:1;transform:none}
  #mbe .pedge{display:none}
}

#mbe .btn-ghost{
  display:flex; align-items:center; justify-content:center;
  height:56px; width:100%; border:1px solid var(--ink-d); color:var(--ink-d);
  background:transparent; font-size:15px; text-transform:uppercase;
  letter-spacing:.16em; font-weight:400;
}

#mbe #heroRunway{position:relative; height:calc(var(--svh, 1svh) * 260); background:var(--dark)}
#mbe .stage{position:sticky; top:0; height:calc(var(--svh, 1svh) * 100); overflow:hidden}
#mbe .layer{position:absolute; inset:0}
#mbe #threads{position:absolute; inset:0; width:100%; height:100%}

#mbe .sig{pointer-events:none}
#mbe .sig .copy{pointer-events:auto}

#mbe .logoTravel{
  position:absolute; left:50%; top:0; width:150px; height:66px;
  display:grid; place-items:center; will-change:transform;
  transform:translate3d(-50%,calc(calc(var(--svh, 1svh) * 50) - 65px),0);
  transform:translate3d(-50%,calc(calc(var(--dvh, 1dvh) * 50) - 65px),0);
}
#mbe .logoTravel img{position:absolute; width:150px; height:auto}
#mbe .logoTravel .mark{opacity:0}

#mbe .copy{position:absolute; left:var(--pad); right:var(--pad); top:55.5%; will-change:transform,opacity}
#mbe .copy h1{font-size:22px; font-weight:400; letter-spacing:.05em; line-height:1.25; color:var(--ink-d); margin-bottom:12px}
#mbe .copy .lede{font-size:19px; font-weight:300; line-height:1.5; color:var(--body-d); margin-bottom:26px; max-width:19em}

#mbe .ticker{
  position:absolute; left:0; right:0; bottom:28px; overflow:hidden; will-change:opacity;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);
}
#mbe .tk-track{display:flex; align-items:center; width:max-content; animation:mbe-tk 56s linear infinite}
#mbe .tk-track img{
  display:block; flex:none; height:26px; width:auto; max-width:160px; margin:0 14px;
  object-fit:contain; filter:none; opacity:.9;
}
#mbe .tk-track img[alt="Range Rover"],
#mbe .tk-track img[alt="Raymond James"],
#mbe .tk-track img[alt="Jaguar"],
#mbe .tk-track img[alt="The Villages"],
#mbe .tk-track img[alt="Make-A-Wish"]{filter:brightness(0) invert(1)}
#mbe .tk-track img[alt="NASCAR"]{height:19px}
#mbe .tk-track img[alt="Range Rover"]{height:20px}
#mbe .tk-track img[alt="Fujifilm"]{height:17px}
#mbe .tk-track img[alt="Zaxby's"]{height:30px}
#mbe .tk-track img[alt="Raymond James"]{height:16px}
#mbe .tk-track img[alt="Jaguar"]{height:30px}
#mbe .tk-track img[alt="Chipotle"]{height:17px}
#mbe .tk-track img[alt="HP"]{height:30px}
#mbe .tk-track img[alt="Seacoast Bank"]{height:22px}
#mbe .tk-track img[alt="The Villages"]{height:24px}
#mbe .tk-track img[alt="OpenTable"]{height:23px}
#mbe .tk-track img[alt="Stetson University"]{height:29px}
#mbe .tk-track img[alt="BMW"]{height:30px}
#mbe .tk-track img[alt="Florida Cancer Specialists"]{height:27px}
#mbe .tk-track img[alt="FDOT"]{height:29px}
#mbe .tk-track img[alt="Generac"]{height:22px}
#mbe .tk-track img[alt="Make-A-Wish"]{height:33px}
#mbe .tk-track img[alt="NAACP"]{height:17px}
#mbe .tk-track img[alt="Golden Corral"]{height:27px}
#mbe .tk-track img[alt="Jersey Mike's"]{height:29px}
#mbe .tk-track img[alt="Make-A-Wish"]{transform:translateY(-19%)}
#mbe .tk-track img[alt="Florida Cancer Specialists"]{transform:translateY(-7%)}
#mbe .tk-track img[alt="The Villages"]{transform:translateY(-6%)}
#mbe .tk-track img[alt="Golden Corral"]{transform:translateY(-5%)}
#mbe .tk-paused .tk-track{animation-play-state:paused}
@keyframes mbe-tk{from{transform:translateX(0)}to{transform:translateX(-50%)}}

#mbe .board{pointer-events:none}
#mbe .cross{position:absolute; inset:0; width:100%; height:100%}
#mbe .cross line{stroke:rgba(240,240,242,.30); stroke-width:1}
#mbe .hub{
  position:absolute; left:50%; top:50%; width:72px; height:72px; margin:-36px 0 0 -36px;
  border-radius:50%; border:1px solid rgba(240,240,242,.85); background:transparent;
  opacity:0; transform:scale(.6); will-change:transform,opacity; z-index:3;
}
#mbe .hub .arc{position:absolute; inset:-5px; border-radius:50%; border:1px solid transparent; border-top-color:var(--red); transform:rotate(28deg)}
#mbe .hub .dot{position:absolute; top:0; right:6px; width:6px; height:6px; border-radius:50%; background:var(--red)}
#mbe .hub .hubmark{display:none; width:42px; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%)}

#mbe .qbtn{position:absolute; width:50%; height:50%; pointer-events:none; -webkit-tap-highlight-color:transparent}
#mbe .qbtn.tl{left:0;top:0} #mbe .qbtn.tr{right:0;top:0} #mbe .qbtn.bl{left:0;bottom:0} #mbe .qbtn.br{right:0;bottom:0}
#mbe .board.live .qbtn{pointer-events:auto}

#mbe .qtitle{position:absolute; will-change:transform,opacity; z-index:2}
#mbe .qtitle .t{font-size:26px; font-weight:200; line-height:1.14; letter-spacing:-.012em; color:var(--ink-d)}
#mbe .qtitle .m{margin-top:13px; font-size:15px; letter-spacing:.09em; white-space:nowrap; text-transform:uppercase; color:rgba(240,240,242,.46); display:flex; align-items:center; gap:7px}
#mbe .qtitle.tr .m,#mbe .qtitle.br .m{justify-content:flex-end}
#mbe .qtitle .m em{font-style:normal; color:var(--red)}
#mbe .qtitle.tl{left:var(--pad); bottom:calc(50% + 48px); width:calc(50% - 32px); text-align:left}
#mbe .qtitle.tr{right:var(--pad); bottom:calc(50% + 48px); width:calc(50% - 32px); text-align:right}
#mbe .qtitle.bl{left:var(--pad); bottom:78px; width:calc(50% - 32px); text-align:left}
#mbe .qtitle.br{right:var(--pad); bottom:78px; width:calc(50% - 32px); text-align:right}

#mbe .tex{position:absolute; opacity:0; will-change:opacity; z-index:1}
#mbe .tex.tl{left:var(--pad); top:10%; width:calc(50% - 32px)}
#mbe .tex.tr{right:var(--pad); top:10%; width:calc(50% - 32px)}
#mbe .tex.bl{left:var(--pad); top:calc(50% + 26px); width:calc(50% - 32px)}
#mbe .tex.br{right:var(--pad); top:calc(50% + 26px); width:calc(50% - 32px)}
#mbe .tex .lab{font-size:15px; letter-spacing:.08em; text-transform:uppercase; color:rgba(240,240,242,.52); display:flex; align-items:center; gap:8px; white-space:nowrap}
#mbe .tex.tr .lab,#mbe .tex.br .lab{justify-content:flex-end}
#mbe .tex .lab .gd{width:6px;height:6px;border-radius:50%;background:#4E9E7A;flex:none}
#mbe .tex .big{font-size:20px; font-weight:300; color:rgba(240,240,242,.74); margin-top:4px}
#mbe .tex.br .big,#mbe .tex.br .lab{text-align:right}
#mbe .leadrow{display:flex; align-items:center; gap:8px; margin-top:9px}
#mbe .leadrow .o{width:9px;height:9px;border-radius:50%;border:1px solid rgba(240,240,242,.4);flex:none}
#mbe .leadrow .bar{height:2px;background:rgba(240,240,242,.28);flex:1}
#mbe .leadrow .k{font-size:15px;letter-spacing:.1em;color:rgba(240,240,242,.44);flex:none}

#mbe .ticks{position:absolute; right:7px; top:50%; transform:translateY(-50%); display:flex; flex-direction:column; gap:8px; z-index:4}
#mbe .ticks b{display:block; width:2px; height:15px; background:rgba(240,240,242,.18); transition:background .3s}
#mbe .ticks b.on{background:var(--red)}

html.rm #mbe .stage{position:relative; height:auto; overflow:visible}
html.rm #mbe #heroRunway{height:auto}
html.rm #mbe .layer{position:relative; inset:auto; height:calc(var(--svh, 1svh) * 100)}
html.rm #mbe #threads{height:calc(var(--svh, 1svh) * 100)}
html.rm #mbe .logoTravel{transform:translate3d(-50%,0,0)!important; top:15%}
html.rm #mbe .logoTravel .full{opacity:1!important}
html.rm #mbe .logoTravel .mark{opacity:0!important}
html.rm #mbe .copy{top:auto; bottom:154px; opacity:1!important; transform:none!important}
html.rm #mbe .ticker{opacity:1!important}
html.rm #mbe .board{border-top:1px solid rgba(240,240,242,.08)}
html.rm #mbe .hub{opacity:1!important; transform:none!important}
html.rm #mbe .hub .hubmark{display:block}
html.rm #mbe .qtitle{opacity:1!important; transform:none!important}
html.rm #mbe .tex{opacity:.62!important}
html.rm #mbe .board .qbtn{pointer-events:auto}
html.rm #mbe .ticks{display:none}
#mbe .mbe-fixed-anchor{position:fixed;right:0;bottom:0;width:1px;height:1px;background:#000;opacity:0;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  #mbe .tk-track{animation:none}
}

@media (max-width:365px){
  #mbe #heroRunway{--pad:18px}
  #mbe .qtitle .t{font-size:24px}
}
@media (max-width:389px){
  #mbe .qtitle .m{font-size:13px; letter-spacing:.07em; gap:6px}
  #mbe .tex .lab{font-size:13px; letter-spacing:.06em; gap:6px}
}
@media (max-width:350px){
  #mbe .qtitle .m{font-size:12px; letter-spacing:.06em; gap:5px}
  #mbe .tex .lab{font-size:12px; letter-spacing:.05em; gap:6px}
}
@media (max-height:730px){
  #mbe .leadrow + .leadrow + .leadrow{display:none}
}
@media (max-height:660px){
  #mbe .leadrow + .leadrow{display:none}
}
@media (max-height:600px){
  #mbe .leadrow{display:none}
}
@media (max-height:540px){
  #mbe .tex.bl .big,#mbe .tex.br .big{display:none}
}
@media (max-height:480px) and (orientation:landscape){
  #mbe .copy{top:52%}
  #mbe .copy h1{font-size:19px; margin-bottom:4px}
  #mbe .copy .lede{font-size:15px; margin-bottom:10px; max-width:none}
  #mbe .copy .btn-ghost{display:inline-flex; width:auto; height:40px; padding:0 28px}
  #mbe .tex{display:none}
  #mbe .qtitle .t{font-size:19px}
  #mbe .qtitle .m{margin-top:6px; font-size:12px}
  #mbe .qtitle.tl,#mbe .qtitle.tr{bottom:calc(50% + 10px)}
  #mbe .qtitle.bl,#mbe .qtitle.br{bottom:82px}
  #mbe #folioNum{font-size:170px}
}

#mbe .mbe-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;padding:0;margin:-1px}

#mbe .wrap{padding-left:var(--pad);padding-right:var(--pad)}
#mbe .eyebrow{font-size:15px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;font-weight:400}

#mbe .mk{display:block;clip-path:inset(-40% -6% .10em -6%)}
#mbe .mk>span{display:block;transform:translateY(106%);transition:transform .6s cubic-bezier(.22,.61,.36,1);transition-delay:var(--d,0ms)}
#mbe .mk.in>span{transform:none}
#mbe [data-mk]{clip-path:inset(-40% -6% -.24em -6%)}
#mbe .rv{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1)}
#mbe .rv.in{opacity:1;transform:none}

#mbe .partner{--folio:300px;position:relative;background:linear-gradient(180deg,#FFFFFF 0%,#FDFDFE 40%,#F6F8FA 100%);color:var(--ink-l);padding:0 0 12px}

#mbe .folio{position:relative;overflow:hidden;padding:34px 0 4px}
#mbe .folio-lab{position:absolute;left:var(--pad);top:38px;bottom:6px;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);display:flex;align-items:flex-start;white-space:nowrap;font-size:15px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#8C9099;line-height:1}
#mbe .folio-num{display:block;margin-left:56px;font-size:var(--folio);font-weight:100;line-height:.745;letter-spacing:-.07em;color:#17181C;white-space:nowrap}
#mbe .folio-rule{height:1px;background:#E1E4E9;margin:0 var(--pad)}

#mbe .partner h2{margin-top:30px;font-size:clamp(38px,11.6vw,48px);font-weight:100;letter-spacing:-.035em;line-height:1.0;color:#0A0A0A}
#mbe .partner .body{margin-top:20px;font-size:18px;font-weight:400;line-height:1.55;color:var(--body-l);max-width:29em}
#mbe .link-arrow{display:inline-flex;align-items:center;gap:9px;margin-top:16px;min-height:44px;font-size:16px;font-weight:500;letter-spacing:.06em;color:#111114;border-bottom:1px solid rgba(0,0,0,.25)}

#mbe .mbe-bento-slot{width:100%;padding:26px 0 64px}

#mbe .mbe-seam{height:118px;background:linear-gradient(178deg,#F6F8FA 0%,#93969E 44%,#191A1E 84%,#0A0A0C 100%)}

#mbe .built{position:relative;background:var(--dark2);padding:0 0 64px;overflow:hidden}
#mbe .built .head{padding-top:54px;text-align:right}
#mbe .built .head .eyebrow{color:var(--muted)}
#mbe .built h2{margin-top:14px;font-size:34px;font-weight:200;letter-spacing:-.02em;line-height:1.14;color:#F4F4F6}
#mbe #burst{width:100%;height:200px;margin-top:4px;display:block}
#mbe .stats{margin-top:14px;border-top:1px solid var(--hair)}
#mbe .stat{border-bottom:1px solid var(--hair);padding:18px 0 16px}
#mbe .stat .n{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}
#mbe .stat .n b{display:flex;align-items:flex-start;font-size:54px;font-weight:100;letter-spacing:-.035em;line-height:1;color:#F2F2F4}
#mbe .stat .n em{font-style:normal;font-size:20px;font-weight:200;color:#B9BCC4;letter-spacing:-.01em;padding-bottom:1px}
#mbe .stat .l{margin-top:12px;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}

#mbe .finale{position:relative;z-index:1;min-height:calc(var(--svh, 1svh) * 100);background:#fff;color:var(--ink-l);padding:70px 0 78px;overflow:hidden}
#mbe #crThreads{position:absolute;left:0;top:0;width:100%;height:560px;pointer-events:none}
#mbe .finale>.wrap{position:relative;z-index:1}

#mbe .finale .eyebrow{color:rgba(0,0,0,.6)}
#mbe .finale h2{font-size:38px;font-weight:200;letter-spacing:-.028em;line-height:1.1;margin:14px 0 16px;color:#0A0A0A;text-wrap:balance}
#mbe .finale .lede{font-size:17px;line-height:1.55;color:var(--body-l);max-width:30em}

#mbe .form{margin-top:38px;display:flex;flex-direction:column;gap:22px}
#mbe .field label{display:block;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:rgba(0,0,0,.5);margin-bottom:4px}
#mbe .field input,#mbe .field textarea{width:100%;height:52px;font:inherit;font-size:17px;color:#0A0A0A;background:transparent;border:0;border-bottom:1px solid rgba(0,0,0,.25);border-radius:0;padding:0 2px;-webkit-appearance:none;appearance:none}
#mbe .field textarea{height:74px;padding-top:12px;resize:none;line-height:1.45}
#mbe .field input:focus,#mbe .field textarea:focus{outline:2px solid rgba(215,25,32,.4);outline-offset:3px;border-bottom-color:var(--red)}
#mbe .finale .btn-plate{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;width:100%;background:var(--ink-l);color:#fff;font-size:15px;text-transform:uppercase;letter-spacing:.16em;font-weight:500}
#mbe .talk{text-align:center;margin-top:22px;font-size:16px;color:var(--body-l)}
#mbe .talk a{border-bottom:1px solid rgba(0,0,0,.35);color:#0A0A0A;display:inline-block;padding:11px 0}
html.mbe.mbe-snap{scroll-snap-type:y proximity}
html.mbe.mbe-kb{scroll-snap-type:none}
#mbe #finale{scroll-snap-align:start;scroll-snap-stop:always}
#mbe .finale{display:flex;flex-direction:column;box-sizing:border-box;padding:calc(var(--bar) + 12px) 0 max(14px, env(safe-area-inset-bottom, 0px))}
#mbe .finale>.wrap{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
#mbe .finale .eyebrow{font-size:10px;letter-spacing:.3em;color:rgba(0,0,0,.6)}
#mbe .finale h2{font-size:28px;line-height:1.08;margin:5px 0 0}
@media (max-width:389px){ #mbe .finale h2{font-size:26px} }
#mbe .finale .lede{display:none;font-size:14px;line-height:1.45;margin:8px 0 0}
#mbe .finale .abt-brief{--rail:13px;--ctrl:36px;--gap:14px;flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
#mbe .finale .form{flex:1 1 auto;margin-top:14px;gap:0;min-height:0}
#mbe .finale .abt-fields{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
#mbe .finale .abt-band+.abt-band{margin-top:16px;flex:1 1 auto;display:flex;flex-direction:column;min-height:0}
#mbe .finale .abt-band-head{justify-content:space-between;gap:2px 12px;margin:0 0 6px;padding-bottom:6px;font-size:11px;letter-spacing:.1em}
#mbe .finale .abt-band-title{font-size:11px}
#mbe .finale .abt-band-note{font-size:10px;font-weight:600;letter-spacing:.06em;text-align:right}
#mbe .finale .abt-row--who{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);row-gap:6px}
#mbe .finale .abt-row--who .abt-cell:nth-child(3){grid-column:1 / -1}
#mbe .finale .abt-row--who .abt-cell--wide{grid-column:auto}
#mbe .finale .abt-field-name{font-size:15px}
#mbe .finale .abt-cell :is(input,textarea,select):focus-visible{outline:0}
#mbe .finale .abt-textarea-field .abt-field-name{padding-top:5px}
#mbe .finale .abt-field-cap{font-size:10px;letter-spacing:.06em}
#mbe .finale .abt-field-tick{right:2px}
#mbe .finale .abt-row--need{flex:1 1 auto;grid-template-rows:minmax(0,1fr) auto;row-gap:10px;min-height:0}
#mbe .finale .abt-msg{grid-template-rows:minmax(0,1fr);min-height:0}
#mbe .finale .abt-field-hint{display:none}
#mbe .finale .abt-textarea-field{min-height:0}
#mbe .finale .abt-textarea-field textarea{min-height:56px;height:100%;padding:5px 0 8px;resize:none}
#mbe .finale .abt-select-field::before{bottom:14px;right:10px}
#mbe .finale .abt-need-side{gap:10px}
#mbe .finale .abt-assurance{gap:8px;padding:1px 0 1px 11px;border-left-width:2px;font-size:12.5px;line-height:1.4}
#mbe .finale .abt-assurance svg{width:16px}
#mbe .finale .abt-validation{margin:10px 0 0;padding:6px 0 6px 11px;font-size:13px}
#mbe .finale .abt-close{margin-top:12px;padding-top:12px;gap:10px;justify-items:stretch}
#mbe .finale .abt-consent{gap:9px;font-size:14px;line-height:1.35}
#mbe .finale .abt-consent input{width:17px;height:17px;margin-top:1px}
#mbe .finale .abt-send-cell{width:100%}
#mbe button.abt-send:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *){width:100%;height:44px;padding:0 14px;background:var(--red);color:#fff;font-size:14px;font-weight:650}
#mbe button.abt-send:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *):disabled{opacity:.72}
#mbe .finale span.abt-send{height:44px;font-size:14px}
#mbe .finale .abt-state{display:flex;align-items:center;justify-content:space-between;gap:12px}
#mbe .finale .abt-tally{gap:8px;font-size:12.5px}
#mbe .finale .abt-tally-comb{width:72px;height:14px}
#mbe .finale .abt-gs-call{flex:0 0 auto;gap:6px;padding:10px 0;margin:-10px 0;font-size:13px}
#mbe .finale .abt-gs-call strong{font-size:13px}
#mbe .finale .abt-gs-call-q{display:none}
#mbe .finale .abt-success{flex:1 1 auto;align-content:center;padding:0 0 48px}
#mbe .abt-success-actions a:not(#mbeBentoSlot *):not(#mbeQpopHost *):not(#finale-footer *){text-decoration:underline;text-underline-offset:4px}
@media (max-height:759px){
  #mbe .finale .abt-assurance{display:none}
  #mbe .finale h2{font-size:26px}
}
@media (min-height:900px){
  #mbe .finale .lede{display:block}
  #mbe .finale .abt-textarea-field textarea{min-height:88px}
}

@media (max-width:374px){
  #mbe .stat .n b{font-size:48px}
}

html.rm #mbe .rv{opacity:1;transform:none}
html.rm #mbe .mk{clip-path:none}
html.rm #mbe .mk>span{transform:none}
html.rm #mbe [data-mk]{clip-path:none}

@media (prefers-reduced-motion:reduce){
  #mbe .rv{opacity:1;transform:none}
  #mbe .mk{clip-path:none}
  #mbe .mk>span{transform:none}
  #mbe [data-mk]{clip-path:none}
}

#mbe .mbe-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

#mbe #corRunway{position:relative;height:calc(var(--svh, 1svh) * 390);margin-bottom:calc(0px - calc(var(--svh, 1svh) * 100));
  background:linear-gradient(180deg,var(--dark) 0 72%,#FFFFFF 72%)}
#mbe #corStage{position:sticky;top:0;height:calc(var(--svh, 1svh) * 100);overflow:hidden;background:var(--dark);box-shadow:0 calc(var(--svh, 1svh) * 24) 0 0 var(--dark);
  z-index:2;pointer-events:none;perspective:900px;perspective-origin:50% 50%}

#mbe #corDepth{position:absolute;inset:0;transform-style:preserve-3d}
#mbe .cframe{position:absolute;left:50%;top:50%;width:330px;height:620px;
  border:1px solid rgba(240,240,242,.62);border-radius:46px;opacity:0;
  transform:translate(-50%,-50%)}
#mbe .cframe .tick{position:absolute;width:16px;height:16px;border:1px solid rgba(240,240,242,.34)}
#mbe .cframe .tick.a{left:20px;top:20px;border-right:0;border-bottom:0}
#mbe .cframe .tick.b{right:20px;bottom:20px;border-left:0;border-top:0}
#mbe .cframe .sp{position:absolute;width:3px;height:3px;border-radius:50%;background:rgba(240,240,242,.3)}

#mbe #corFlat{position:absolute;inset:0;z-index:5}

#mbe #corRoom{position:absolute;left:50%;top:50%;width:100%;height:100%;overflow:hidden;background:#fff;
  pointer-events:none;opacity:0;will-change:transform,opacity;
  box-shadow:0 0 90px rgba(240,240,242,.14);
  clip-path:inset(112px 18px round 46px);
  transform:translate(-50%,-50%) translateZ(-1170px)}
html.rm #mbe #corRoom{display:none}
#mbe #finale.cr-wait{pointer-events:none}
#mbe #corBar{position:absolute;left:var(--pad);right:var(--pad);top:calc(var(--bar) + 18px);display:flex;gap:6px;z-index:3}
#mbe #corBar b{flex:1;height:2px;background:rgba(240,240,242,.16);display:block;overflow:hidden}
#mbe #corBar b i{display:block;width:100%;height:100%;background:var(--red);
  transform:scaleX(0);transform-origin:0 50%}

#mbe .qcard{position:absolute;left:50%;top:50%;width:calc(100% - 56px);max-width:318px;
  background:#101216;border:1px solid var(--hair);border-radius:10px;
  padding:26px 22px 30px;text-align:center;box-shadow:0 30px 70px rgba(0,0,0,.62);
  font-family:var(--sans);
  opacity:0;transform:translate(-50%,-50%) scale(.82)}
#mbe .qcard:nth-child(1){z-index:10}
#mbe .qcard:nth-child(2){z-index:11}
#mbe .qcard:nth-child(3){z-index:12}
#mbe .qcard:nth-child(4){z-index:13}
#mbe .qcard:nth-child(5){z-index:14}
#mbe .qcard:nth-child(6){z-index:15}
#mbe .qcard .eyebrow{display:block;color:#dc5257;
  font-size:15px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;font-weight:400}
#mbe .qcard .qline{display:block;margin:16px auto 0;width:100%;height:1px;background:rgba(240,240,242,.13)}
#mbe .qcard h3{margin-top:18px;font-size:24px;font-weight:500;line-height:1.36;letter-spacing:-.012em;color:var(--ink-d)}

#mbe #tunnelEnd{position:absolute;left:50%;top:50%;width:330px;height:620px;
  border-radius:46px;background:#fff;opacity:0;transform:translate(-50%,-50%) scale(.12);z-index:8;
  pointer-events:none}

#mbe #corStage.armed .cframe,
#mbe #corStage.armed #tunnelEnd,
#mbe #corStage.armed .qcard{will-change:transform,opacity}

@media (max-width:374px){
  #mbe{--pad:16px}
  #mbe .cframe,#mbe #tunnelEnd{width:302px}
}
@media (min-width:415px){
  #mbe .cframe,#mbe #tunnelEnd{width:356px}
}

html.rm #mbe #corRunway{height:auto;margin-bottom:0;background:var(--dark)}
html.rm #mbe #corStage{position:relative;height:auto;overflow:visible;opacity:1!important;pointer-events:auto}
html.rm #mbe #corDepth{position:sticky;top:0;height:calc(var(--svh, 1svh) * 100);margin-bottom:-100svh;transform:none!important}
html.rm #mbe #corFlat{position:relative;inset:auto}
html.rm #mbe #corBar{display:none}
html.rm #mbe .qcards{position:relative;padding:60px 0 84px;display:flex;flex-direction:column;align-items:center;gap:44px}
html.rm #mbe .qcard{position:relative;left:auto;top:auto;opacity:1!important;transform:none!important;
  width:calc(100% - 56px)}
html.rm #mbe #tunnelEnd{display:none}
:root {
            --bg: #06070A;
            --surface: #111113;
            --surface-soft: #1c1c20;
            --ink: #f0f0f2;
            --muted: #6e6e78;
            --line: rgba(255,255,255,0.10);
            --tunnel-line: rgba(255,255,255,0.12);
            --tunnel-line-strong: rgba(255,255,255,0.18);
            --tunnel-line-soft: rgba(255,255,255,0.04);
            --tunnel-glow: rgba(255,255,255,0.10);

            --honey:        #9a9aa2;
            --honey-bright: #c8c8d0;
            --honey-deep:   #5a5a62;
            --honey-soft:   rgba(255,255,255,0.14);
            --azure:        #9a9aa2;
            --azure-deep:   #5a5a62;

            --honey-grad: linear-gradient(135deg, #c8c8d0 0%, #9a9aa2 48%, #6e6e78 100%);
        }

        @font-face {
            font-family: 'Inter';
            font-style: normal;
            font-weight: 100 900;
            font-display: swap;
            src: url('/site/assets/fonts/inter-var.woff2') format('woff2-variations'),
                 url('/site/assets/fonts/inter-var.woff2') format('woff2');
        }

        html, body {
            margin: 0; padding: 0;
            width: 100%;
            background-color: var(--bg);
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: optimizeLegibility;
        }
        body { overflow-x: hidden; overflow-x: clip; }

        #hero-spacer {
            height: 2200px;
            position: relative;
            pointer-events: none;
        }

        #flow-canvas {
            position: fixed; top: 0; left: 0;
            width: 100%; height: calc(var(--vh, 1vh) * 100);
            z-index: 3; pointer-events: none;
        }
        #flow-svg {
            position: fixed; top: 0; left: 0;
            width: 100%; height: calc(var(--vh, 1vh) * 100);
            z-index: 3; pointer-events: none;
            overflow: visible;
        }
        .grid-line {
            stroke: #FFF; stroke-width: 1.5;
            stroke-linecap: square; opacity: 0;
        }

        #hero-brand {
            position: fixed; top: 0; left: 0; right: 0;
            height: 64px;
            display: flex; align-items: center;
            padding: 0 28px;
            background: linear-gradient(to bottom, rgba(6,7,10,0.38) 0%, transparent 100%);
            z-index: 5; pointer-events: none; opacity: 0;
            will-change: opacity;
        }
        #hero-brand img { display: block; height: 38px; width: auto; }
        .hn-logo { flex: 0 0 auto; display: flex; align-items: center; pointer-events: auto; }
        .hn-phone {
            display: none;
            flex: 0 0 auto; pointer-events: auto;
            flex-direction: row; align-items: center; gap: 0;
            line-height: 1; text-decoration: none; white-space: nowrap;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        }
        .hn-phone .hn-phone-icon {
            position: relative; overflow: hidden; flex: 0 0 auto;
            display: flex; align-items: center; justify-content: center;
            width: 28px; height: 28px; border-radius: 50%;
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.18);
            color: rgba(255,255,255,0.85);
            transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
        }
        .hn-phone .hn-phone-icon svg { width: 12px; height: 12px; display: block; }
        .hn-phone:hover .hn-phone-icon,
        .hn-phone:focus-visible .hn-phone-icon,
        .hn-phone.is-open .hn-phone-icon {
            background: rgba(255,255,255,0.14);
            border-color: rgba(255,255,255,0.38); color: #fff;
        }
        .hn-phone:focus { outline: none; }
        .hn-phone:focus-visible .hn-phone-icon { box-shadow: 0 0 0 2px rgba(255,255,255,0.35); }
        .hn-phone .hn-phone-sheen {
            position: absolute; top: -60%; bottom: -60%; left: -80%; right: -80%;
            background: linear-gradient(102deg,
                rgba(255,255,255,0) 42%,
                rgba(255,255,255,0.28) 47%,
                rgba(255,255,255,0.95) 50%,
                rgba(255,255,255,0.28) 53%,
                rgba(255,255,255,0) 58%);
            opacity: 0; transform: translateX(-100%);
            pointer-events: none;
        }
        .hn-phone.is-flash .hn-phone-sheen {
            animation: hn-phone-sheen 760ms cubic-bezier(0.36, 0, 0.16, 1) 1;
        }
        .hn-phone.is-flash .hn-phone-icon {
            animation: hn-phone-lift 760ms cubic-bezier(0.36, 0, 0.16, 1) 1;
        }
        @keyframes hn-phone-sheen {
            0%   { opacity: 0; transform: translateX(-100%); }
            16%  { opacity: 1; }
            80%  { opacity: 1; }
            100% { opacity: 0; transform: translateX(100%); }
        }
        @keyframes hn-phone-lift {
            0%, 100% { border-color: rgba(255,255,255,0.18); box-shadow: 0 0 0 0 rgba(255,255,255,0); }
            46%      { border-color: rgba(255,255,255,0.62); box-shadow: 0 0 14px 0 rgba(255,255,255,0.20); }
        }
        .hn-phone .hn-phone-num {
            flex: 0 0 auto; display: block; overflow: hidden;
            max-width: 0; margin-left: 0;
            font-size: 13px; font-weight: 500; letter-spacing: 0.08em;
            font-variant-numeric: tabular-nums; line-height: 1.35;
            color: rgba(255,255,255,0.92);
            transition: max-width 300ms cubic-bezier(0.22, 0.61, 0.36, 1),
                        margin-left 300ms cubic-bezier(0.22, 0.61, 0.36, 1),
                        color 0.2s ease;
        }
        .hn-phone .hn-phone-num i {
            display: inline-block; font-style: normal;
            opacity: 0; transform: translateX(-5px);
            transition: opacity 100ms linear, transform 100ms ease-out;
        }
        .hn-phone .hn-phone-caret {
            display: inline-block; vertical-align: -0.06em;
            width: 1.5px; height: 0.92em; margin-left: 2px;
            background: currentColor; border-radius: 999px;
            opacity: 0;
        }
        .hn-phone:hover .hn-phone-num,
        .hn-phone:focus-visible .hn-phone-num,
        .hn-phone.is-open .hn-phone-num {
            max-width: var(--hn-num-w, 9.5em); margin-left: 9px;
        }
        .hn-phone:hover .hn-phone-num i,
        .hn-phone:focus-visible .hn-phone-num i,
        .hn-phone.is-open .hn-phone-num i {
            opacity: 1; transform: none;
            transition-delay: calc(var(--i) * 20ms);
        }
        .hn-phone:hover .hn-phone-caret,
        .hn-phone:focus-visible .hn-phone-caret,
        .hn-phone.is-open .hn-phone-caret {
            animation: hn-phone-caret 620ms steps(1, end) 1;
        }
        @keyframes hn-phone-caret {
            0%, 54%  { opacity: 0.8; }
            55%, 66% { opacity: 0; }
            67%, 80% { opacity: 0.8; }
            81%, 100%{ opacity: 0; }
        }

        @media (prefers-reduced-motion: reduce) {
            .hn-phone.is-flash .hn-phone-sheen,
            .hn-phone.is-flash .hn-phone-icon { animation: none; }
            .hn-phone .hn-phone-caret { display: none; }
            .hn-phone .hn-phone-num { transition-duration: 120ms, 120ms, 0.2s; }
            .hn-phone .hn-phone-num i { transition-duration: 1ms; }
            .hn-phone:hover .hn-phone-num i,
            .hn-phone:focus-visible .hn-phone-num i,
            .hn-phone.is-open .hn-phone-num i { transition-delay: 0s; }
        }
        body[data-v-hero-lines="v4"] .hn-logo,
        body[data-v-hero-lines="v5"] .hn-logo  { display: none; }
        body[data-v-hero-lines="v4"] .hn-phone,
        body[data-v-hero-lines="v5"] .hn-phone { display: flex; }
        .hn-links {
            flex: 1; display: flex; align-items: center; justify-content: center;
            gap: 26px; pointer-events: auto;
        }
        .hn-link {
            position: relative;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 11px; font-weight: 500; letter-spacing: 0.10em;
            text-transform: uppercase; text-decoration: none;
            color: rgba(255,255,255,0.65);
            transition: color 0.2s ease;
        }
        .hn-link::after {
            content: ""; position: absolute;
            left: 0; right: 0; bottom: -4px; height: 1px;
            background: currentColor;
            transform: scaleX(0); transform-origin: center;
            opacity: 0;
            transition: transform 0.28s cubic-bezier(0.22, 0.61, 0.36, 1),
                        opacity 0.28s ease;
        }
        .hn-link:hover { color: #fff; }
        .hn-links > .nav-item { position: static; display: flex; align-items: center; gap: 0; }
        .hn-links .nav-caret { color: rgba(255,255,255,0.7); }
        .hn-links .nav-caret:hover, .hn-links .nav-caret:focus-visible,
        .hn-links .nav-item.is-open .nav-caret { color: #fff; background: rgba(255,255,255,0.14); }
        .hn-links .nav-item.is-open > .hn-link { color: #fff; }
        .hn-link.nav-link--button { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; cursor: pointer; appearance: none; }
        .hn-link.nav-link--button svg { width: 11px; height: 11px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .24s ease; }
        .hn-links .nav-item.is-open > .nav-link--button svg { transform: rotate(180deg); }
        #hero-brand .nav-menu { top: calc(100% + 8px); }
        #hero-brand.is-nav-open { z-index: 80; background: rgba(6,7,10,0.86); opacity: 1 !important; will-change: auto; }
        .hn-links .nav-link[aria-current] { color: #fff; }
        .hn-link:hover::after,
        .hn-link:focus-visible::after { transform: scaleX(1); opacity: 0.85; }
        .hn-socials {
            flex: 0 0 auto; display: flex; align-items: center;
            gap: 15px; pointer-events: auto;
        }
        .hn-social {
            display: flex; align-items: center; justify-content: center;
            color: rgba(255,255,255,0.50); text-decoration: none;
            transition: color 0.2s ease;
        }
        .hn-social:hover { color: rgba(255,255,255,0.90); }
        .hn-social svg { width: 16px; height: 16px; display: block; }

        .hn-social[aria-label="Facebook"]:hover  { color: #1877F2; }
        .hn-social[aria-label="Instagram"]:hover { color: #E1306C; }
        .hn-social[aria-label="TikTok"]:hover    { color: #25F4EE; }
        .hn-social[aria-label="YouTube"]:hover   { color: #FF0000; }
        .hn-social[aria-label="LinkedIn"]:hover  { color: #0A66C2; }

        @media (min-width: 901px) {
            #hero-brand {
                --hn-pad: clamp(22px, 5.06px + 1.88vw, 28px);
                --hn-link-size: clamp(12.75px, 10.03px + 0.305vw, 13.75px);
                --hn-gap: clamp(14px, -8.6px + 2.508vw, 22px);
                --hn-phone-size: clamp(15px, 11.47px + 0.392vw, 16.25px);
                padding: 0 var(--hn-pad);
            }
            .hn-link {
                font-size: var(--hn-link-size);
                color: rgba(255,255,255,0.90);
            }
            .hn-social {
                color: rgba(255,255,255,0.85);
            }
            .hn-social svg { width: 20px; height: 20px; }
            .hn-phone .hn-phone-icon {
                width: 35px; height: 35px;
                color: #fff;
            }
            .hn-phone .hn-phone-icon svg { width: 15px; height: 15px; }
            .hn-phone .hn-phone-num {
                font-size: var(--hn-phone-size);
                color: #fff;
            }
            .hn-phone { margin-right: 32px; }

            .hn-links   { gap: clamp(20px, 1.7vw, 30px); }
            .hn-socials { gap: clamp(13px, 1.15vw, 18px); }
        }

        @media (min-width: 901px) and (max-width: 1220px) {
            .hn-socials { display: none; }
        }

        body[data-v-header="classic"] .hn-logo,
        body[data-v-header="classic"] .hn-phone,
        body[data-v-header="classic"] .hn-socials { flex: 1 1 0; }
        body[data-v-header="classic"] .hn-socials { justify-content: flex-end; }

        body[data-v-header="split"] .hn-links {
            flex: 0 0 auto; margin-left: auto; justify-content: flex-end; gap: var(--hn-gap, 22px);
        }
        body[data-v-header="split"] .hn-socials {
            margin-left: 24px; padding-left: 24px;
            border-left: 1px solid rgba(255,255,255,0.18);
        }

        body[data-v-header="centered"] #hero-brand {
            height: 104px; flex-direction: column; justify-content: center;
            gap: 13px; padding-top: 16px;
        }
        body[data-v-header="centered"] .hn-links { flex: 0 0 auto; gap: 30px; }
        body[data-v-header="centered"] .hn-socials { display: none; }

        body[data-v-header="minimal"] .hn-links {
            flex: 0 0 auto; margin-left: auto; justify-content: flex-end; gap: 30px;
        }
        body[data-v-header="minimal"] .hn-link { font-size: 10.5px; letter-spacing: 0.16em; }
        body[data-v-header="minimal"] .hn-socials { display: none; }

        body[data-v-header="tiered"] #hero-brand {
            height: 102px; flex-wrap: wrap; align-content: center;
            row-gap: 11px; padding-top: 14px;
        }
        body[data-v-header="tiered"] .hn-logo,
        body[data-v-header="tiered"] .hn-phone { order: 1; }
        body[data-v-header="tiered"] .hn-socials { order: 2; margin-left: auto; }
        body[data-v-header="tiered"] .hn-links {
            order: 3; flex: 0 0 100%; justify-content: flex-start; gap: 26px;
            padding-top: 11px; border-top: 1px solid rgba(255,255,255,0.14);
        }

        #title-container {
            position: fixed; top: 0; left: 0;
            color: var(--ink);
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(1.25rem, 1.6667vw, 2rem); font-weight: 300;
            letter-spacing: 0.05em; line-height: 1.4;
            pointer-events: none; opacity: 0;
            padding-left: clamp(24px, 1.6667vw, 32px); z-index: 4;
            max-width: min(20em, calc(100vw - 48px));
            will-change: transform, opacity;
        }
        #title-container > h1 { margin: 0; padding: 0; font: inherit; }
        #title-container > h1 > span { color: #A0A0A0; display: block; }
        #title-container > h1 > span:not(#title-line1) { font-size: 0.864em; line-height: 1.5; }
        #title-container #title-line1 { color: inherit; }
        @media (min-width: 901px) {
            #title-container > h1 > span:not(#title-line1) {
                max-width: 21em;
                text-wrap: balance;
            }
        }
        #globe-loader {
            position: fixed;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            z-index: 4;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.4s ease;
            will-change: opacity;
        }
        #globe-loader canvas {
            display: block;
            width: 160px;
            height: 160px;
            border-radius: 50%;
        }
        #globe-loader .gl-logo {
            display: flex; align-items: center; justify-content: center;
            width: 160px; height: 160px; border-radius: 50%;
            border: 1px solid rgba(255,255,255,0.14);
            background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.06), rgba(6,7,10,0) 70%);
        }
        #globe-loader .gl-logo img {
            display: block;
            width: 100px; height: auto;
            margin: 0 auto;
            transform: translateY(-16%);
            filter: drop-shadow(0 2px 10px rgba(0,0,0,0.4));
        }

        #hero-logo-rider {
            position: fixed;
            top: 0; left: 0;
            z-index: 4;
            pointer-events: none;
            opacity: 0;
            will-change: transform, opacity;
        }
        #hero-logo-rider img {
            display: block;
            width: 100px; height: auto;
            filter: drop-shadow(0 4px 14px rgba(0,0,0,0.5));
        }

        .quad-cue {
            position: fixed;
            width: 16px; height: 16px;
            pointer-events: none;
            z-index: 4;
            opacity: 0;
            transform: rotate(180deg);
            transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .quad-cue.is-open {
            transform: rotate(0deg);
            animation: none !important;
        }
        .quad-cue[data-idx="0"] { animation: cue-nudge-0 2.6s ease-in-out infinite; }
        .quad-cue[data-idx="1"] { animation: cue-nudge-1 2.6s ease-in-out infinite 0.5s; }
        .quad-cue[data-idx="2"] { animation: cue-nudge-2 2.6s ease-in-out infinite 1.0s; }
        .quad-cue[data-idx="3"] { animation: cue-nudge-3 2.6s ease-in-out infinite 1.5s; }
        @keyframes cue-nudge-0 { 0%,100%{translate:0 0} 50%{translate: 3px  3px} }
        @keyframes cue-nudge-1 { 0%,100%{translate:0 0} 50%{translate:-3px  3px} }
        @keyframes cue-nudge-2 { 0%,100%{translate:0 0} 50%{translate: 3px -3px} }
        @keyframes cue-nudge-3 { 0%,100%{translate:0 0} 50%{translate:-3px -3px} }

        body.hero-offstage #quadrants,
        body.hero-offstage #quadrants *,
        body.hero-offstage #logo-ticker,
        body.hero-offstage #logo-ticker *,
        body.hero-offstage .quad-cue,
        body.hero-offstage #quad-onward-cue * {
            animation-play-state: paused !important;
        }
        .quad-cue::before,
        .quad-cue::after {
            content: '';
            position: absolute;
            background: var(--honey-bright);
            box-shadow: 0 0 6px rgba(255,255,255,0.6);
            transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                        height 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                        background 0.3s ease, box-shadow 0.3s ease;
        }
        .quad-cue.is-open::before,
        .quad-cue.is-open::after {
            background: rgba(255,255,255,0.8);
            box-shadow: none;
        }
        .quad-cue::before { width: 11px; height: 1px; }
        .quad-cue::after  { width: 1px;  height: 11px; }
        .quad-cue[data-idx="0"]::before { top: 0; left: 0; }
        .quad-cue[data-idx="0"]::after  { top: 0; left: 0; }
        .quad-cue[data-idx="1"]::before { top: 0; right: 0; }
        .quad-cue[data-idx="1"]::after  { top: 0; right: 0; }
        .quad-cue[data-idx="2"]::before { bottom: 0; left: 0; }
        .quad-cue[data-idx="2"]::after  { bottom: 0; left: 0; }
        .quad-cue[data-idx="3"]::before { bottom: 0; right: 0; }
        .quad-cue[data-idx="3"]::after  { bottom: 0; right: 0; }
        @media (hover: hover) {
            .quad-cue.is-hint:not(.is-open) {
                transform: rotate(112deg) scale(1.45);
            }
            .quad-cue.is-hint:not(.is-open)::before { width: 17px; }
            .quad-cue.is-hint:not(.is-open)::after  { height: 17px; }
            .quad-cue.is-hint:not(.is-open)::before,
            .quad-cue.is-hint:not(.is-open)::after {
                background: #fff;
                box-shadow: 0 0 10px rgba(255,255,255,0.95),
                            0 0 26px rgba(200,205,225,0.55);
            }
        }
        .campaign-cta {
            --mag-x: 0px;
            --mag-y: 0px;
            --press-scale: 1;
            --press-origin: 50% 50%;
            --gx: 0%;
            --gy: -101%;

            --cta-plate:   #090A0D;
            --cta-edge:    #62636A;
            --cta-ink:     #F0F0F2;
            --cta-mat:     #F4F5F8;
            --cta-mat-ink: #08090D;
            --cta-carrier: #DC143C;
            --cta-ring:    #F4F5F8;
            --cta-box-w:   204px;
            --cta-box-h:   52px;
            --cta-berth:   0px;
            --cta-plate-w: 200px;
            --cta-plate-h: 48px;
            --cta-plate-px: 0px;
            --cta-fs:      12px;
            --cta-track:   0.14em;

            display: inline-grid;
            place-items: center;
            vertical-align: top;
            position: relative;
            inline-size: var(--cta-box-w);
            block-size: var(--cta-box-h);
            box-sizing: border-box;
            padding: 0;
            border: 0;
            background: none;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            pointer-events: auto;
            touch-action: manipulation;
            -webkit-tap-highlight-color: transparent;
            color: var(--cta-ink);
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: var(--cta-fs);
            font-weight: 550;
            font-style: normal;
            letter-spacing: var(--cta-track);
            line-height: 1;
        }
        .campaign-cta:link,
        .campaign-cta:visited { color: var(--cta-ink); text-decoration: none; }
        button.campaign-cta {
            display: inline-block;
            padding: var(--cta-berth);
            margin: 0;
            -webkit-appearance: none;
            appearance: none;
            overflow: visible;
        }
        a.campaign-cta { padding: var(--cta-berth); }

        .campaign-cta[inert] { pointer-events: none; }

        @media (min-width: 700px) {
            .campaign-cta:not([data-gate-axis]) { --gx: -101%; --gy: 0%; }
        }
        .campaign-cta[data-gate-axis="vertical"]   { --gx: 0%;    --gy: -101%; }
        .campaign-cta[data-gate-axis="horizontal"] { --gx: -101%; --gy: 0%; }

        .campaign-cta__plate {
            position: relative;
            display: grid;
            place-items: center;
            isolation: isolate;
            overflow: hidden;
            inline-size: var(--cta-plate-w);
            block-size: var(--cta-plate-h);
            padding-inline: var(--cta-plate-px);
            box-sizing: border-box;
            background: var(--cta-plate);
            border: 1px solid var(--cta-edge);
            border-radius: 2px;
            transform-origin: var(--press-origin, 50% 50%);
            translate: var(--mag-x, 0px) var(--mag-y, 0px);
            scale: var(--press-scale, 1);
            transition: scale 220ms cubic-bezier(.16,1,.3,1);
        }
        .campaign-cta__plate,
        .campaign-cta__plate *,
        .campaign-cta__plate *::before,
        .campaign-cta__plate *::after { pointer-events: none; box-sizing: border-box; }

        .campaign-cta__label {
            grid-area: 1 / 1;
            z-index: 1;
            display: block;
            color: var(--cta-ink);
            font-size: var(--cta-fs);
            font-weight: 550;
            letter-spacing: var(--cta-track);
            line-height: 1;
            text-transform: uppercase;
            text-indent: 0.07em;
            white-space: nowrap;
        }
        .campaign-cta__gate {
            position: absolute;
            inset: 0;
            inline-size: 100%;
            block-size: 100%;
            z-index: 2;
            display: grid;
            place-items: center;
            overflow: hidden;
            background: var(--cta-mat);
            transform: translate(var(--gx), var(--gy));
            transition: transform 320ms cubic-bezier(.16,1,.3,1);
        }
        .campaign-cta__gate-label {
            position: absolute;
            inset: 0;
            inline-size: 100%;
            block-size: 100%;
            display: grid;
            place-items: center;
            color: var(--cta-mat-ink);
            font-size: var(--cta-fs);
            font-weight: 550;
            letter-spacing: var(--cta-track);
            line-height: 1;
            text-transform: uppercase;
            text-indent: 0.07em;
            white-space: nowrap;
            transform: translate(calc(var(--gx) * -1), calc(var(--gy) * -1));
            transition: transform 320ms cubic-bezier(.16,1,.3,1);
        }
        .campaign-cta__gate::after {
            content: '';
            position: absolute;
            z-index: 3;
            box-sizing: border-box;
            background: var(--cta-carrier);
            opacity: 0;
            transition: opacity 120ms linear;
        }
        .campaign-cta:not([data-gate-axis]) .campaign-cta__gate::after,
        .campaign-cta[data-gate-axis="vertical"] .campaign-cta__gate::after {
            inline-size: 28px; block-size: 2px;
            left: 50%; top: 100%; transform: translate(-50%, -100%);
        }
        @media (min-width: 700px) {
            .campaign-cta:not([data-gate-axis]) .campaign-cta__gate::after {
                inline-size: 2px; block-size: 16px;
                left: 100%; top: 50%; transform: translate(-100%, -50%);
            }
        }
        .campaign-cta[data-gate-axis="horizontal"] .campaign-cta__gate::after {
            inline-size: 2px; block-size: 16px;
            left: 100%; top: 50%; transform: translate(-100%, -50%);
        }

        @media (hover: hover) {
            .campaign-cta:not([data-gate-phase]):hover .campaign-cta__gate,
            .campaign-cta:not([data-gate-phase]):hover .campaign-cta__gate-label { transform: translate(0, 0); }
            .campaign-cta:not([data-gate-phase]):hover .campaign-cta__gate::after { opacity: 1; }
        }
        .campaign-cta:not([data-gate-phase]):focus-visible .campaign-cta__gate,
        .campaign-cta:not([data-gate-phase]):focus-visible .campaign-cta__gate-label {
            transform: translate(0, 0);
            transition-duration: 220ms;
        }
        .campaign-cta:not([data-gate-phase]):focus-visible .campaign-cta__gate::after { opacity: 1; }
        .campaign-cta:not([data-gate-phase]):active .campaign-cta__plate {
            scale: 0.982;
            transition: scale 70ms cubic-bezier(.2,0,0,1);
        }

        .campaign-cta[data-gate-phase="ENTERING"] .campaign-cta__gate,
        .campaign-cta[data-gate-phase="OPEN"]     .campaign-cta__gate,
        .campaign-cta[data-gate-phase="ENTERING"] .campaign-cta__gate-label,
        .campaign-cta[data-gate-phase="OPEN"]     .campaign-cta__gate-label { transform: translate(0, 0); }
        .campaign-cta[data-gate-phase="ENTERING"] .campaign-cta__gate::after,
        .campaign-cta[data-gate-phase="OPEN"]     .campaign-cta__gate::after { opacity: 1; }
        .campaign-cta[data-gate-entry="focus"][data-gate-phase="ENTERING"] .campaign-cta__gate,
        .campaign-cta[data-gate-entry="focus"][data-gate-phase="ENTERING"] .campaign-cta__gate-label { transition-duration: 220ms; }
        .campaign-cta[data-gate-phase="EXITING"] .campaign-cta__gate {
            transform: translate(calc(var(--gx) * -1), calc(var(--gy) * -1));
            transition-duration: 260ms;
        }
        .campaign-cta[data-gate-phase="EXITING"] .campaign-cta__gate-label {
            transform: translate(var(--gx), var(--gy));
            transition-duration: 260ms;
        }
        .campaign-cta[data-gate-phase="EXITING"] .campaign-cta__gate::after {
            opacity: 0;
            transition-duration: 90ms;
        }
        .campaign-cta[data-gate-phase="RESTAGE"] .campaign-cta__plate,
        .campaign-cta[data-gate-phase="RESTAGE"] .campaign-cta__gate,
        .campaign-cta[data-gate-phase="RESTAGE"] .campaign-cta__gate-label,
        .campaign-cta[data-gate-phase="RESTAGE"] .campaign-cta__gate::after { transition: none; }
        .campaign-cta[data-press="1"] .campaign-cta__plate { transition: scale 70ms cubic-bezier(.2,0,0,1); }
        .campaign-cta[data-mag="1"] .campaign-cta__plate { will-change: translate; }
        .campaign-cta[data-gate-phase="ENTERING"] .campaign-cta__gate,
        .campaign-cta[data-gate-phase="EXITING"]  .campaign-cta__gate { will-change: transform; }

        .campaign-cta:focus { outline: 2px solid var(--cta-ring); outline-offset: var(--cta-ring-offset, 4px); }
        .campaign-cta:focus:not(:focus-visible) { outline: none; }
        .campaign-cta:focus-visible { outline: 2px solid var(--cta-ring); outline-offset: var(--cta-ring-offset, 4px); }

        @media (hover: none) {
            .campaign-cta:active .campaign-cta__plate { background: var(--cta-mat); }
            .campaign-cta:active .campaign-cta__label { color: var(--cta-mat-ink); }
        }

        @media (prefers-reduced-motion: reduce) {
            .campaign-cta__plate {
                translate: none;
                scale: none;
                transition: none;
            }
            .campaign-cta:not([data-gate-phase]):active .campaign-cta__plate,
            .campaign-cta[data-press="1"] .campaign-cta__plate { scale: none; transition: none; }
            .campaign-cta[data-mag="1"] .campaign-cta__plate { will-change: auto; }
            .campaign-cta__gate { display: none; }
            @media (hover: hover) {
                .campaign-cta:hover .campaign-cta__plate { background: var(--cta-mat); }
                .campaign-cta:hover .campaign-cta__label { color: var(--cta-mat-ink); }
            }
            .campaign-cta:focus-visible .campaign-cta__plate,
            .campaign-cta:active .campaign-cta__plate { background: var(--cta-mat); }
            .campaign-cta:focus-visible .campaign-cta__label,
            .campaign-cta:active .campaign-cta__label { color: var(--cta-mat-ink); }
        }

        @media (forced-colors: active) {
            .campaign-cta { forced-color-adjust: auto; }
            .campaign-cta:link,
            .campaign-cta:visited { color: ButtonText; }
            .campaign-cta__plate {
                background: ButtonFace;
                border: 1px solid ButtonText;
                translate: none;
                scale: none;
                transition: none;
                will-change: auto;
            }
            .campaign-cta__label { color: ButtonText; }
            .campaign-cta__gate { display: none; }
            .campaign-cta:focus,
            .campaign-cta:focus-visible { outline: 2px solid Highlight; outline-offset: 4px; }
        }

        .s-cta-actions .campaign-cta { --cta-plate-h: 36px; }

        .campaign-cta--slim {
            --cta-berth: 2px;
            --cta-box-w: auto;
            --cta-box-h: auto;
            --cta-plate-w: auto;
            --cta-plate-h: 38px;
            --cta-plate-px: 1.45rem;
            --cta-fs: 11px;
            --cta-ring-offset: 3px;
        }

        .campaign-cta--quiet {
            --cta-plate: transparent;
            --cta-edge: rgba(255,255,255,0.32);
            --cta-ink: rgba(255,255,255,0.66);
        }

        .campaign-cta--light {
            --cta-plate: #15171C;
            --cta-edge: #15171C;
            --cta-ring: #15171C;
        }
        .campaign-cta--light.campaign-cta--quiet {
            --cta-plate: transparent;
            --cta-edge: rgba(17,17,20,0.24);
            --cta-ink: rgba(17,17,20,0.70);
            --cta-mat: #15171C;
            --cta-mat-ink: #F4F5F8;
        }

        #start-btn { margin-top: 2rem; }
        body[data-v-hero-lines="v3"] #title-container {
            text-align: center;
            padding-left: 0;
        }
        body[data-v-hero-lines="v3"] #start-btn { margin: 1.5rem auto 0; }
        #logo-ticker.cta-berth-hide { visibility: hidden; }

        #quadrants {
            position: fixed; inset: 0;
            z-index: 1;
            pointer-events: none;
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 0;
            background: transparent;
        }

        .quad {
            background: var(--bg);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            cursor: pointer;
            transition: background 0.45s ease;
        }
        .quad.is-active {
            background: #0C0D14;
            cursor: pointer;
        }
        .quad.is-dim { background: #04040A; }
        .quad.is-dim .quad-title { opacity: 0.15; }
        .quad::after {
            content: '';
            position: absolute; inset: 0;
            z-index: 1; pointer-events: none;
            opacity: 0;
            transition: opacity 0.5s ease;
            background: radial-gradient(340px circle
                at var(--mx, 50%) var(--my, 50%),
                rgba(228,233,255,0.085) 0%,
                rgba(228,233,255,0.035) 42%,
                transparent 72%);
        }
        @media (hover: hover) {
            .quad.is-spot:not(.is-active) { background: #090A10; }
            .quad.is-spot:not(.is-active)::after { opacity: 1; }
            .quad.is-spot:not(.is-active) .quad-inner { transform: translateY(-4px); }
            .quad.is-spot:not(.is-active) .quad-title { letter-spacing: 0.028em; }
        }

        .quad-inner {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            text-align: left;
            max-width: 430px;
            padding: 0 44px 44px 44px;
            transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .quad { align-items: flex-end; justify-content: flex-start; }

        .quad[data-idx="1"],
        .quad[data-idx="3"] {
            justify-content: flex-end;
        }
        .quad[data-idx="1"] .quad-inner,
        .quad[data-idx="3"] .quad-inner {
            align-items: flex-end;
            text-align: right;
        }
        .quad[data-idx="1"] .quad-actions,
        .quad[data-idx="3"] .quad-actions {
            justify-content: flex-end;
        }

        .quad-title {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(2rem, 3.45vw, 3.45rem);
            font-weight: 200;
            letter-spacing: 0.01em;
            color: #FFF;
            margin: 0;
            opacity: 0;
            transition: opacity 0.4s ease,
                        letter-spacing 0.55s cubic-bezier(0.16, 1, 0.3, 1);
        }

        @media (min-width: 701px) and (max-width: 820px) {
            .quad-title { font-size: 1.75rem; }
            .quad-inner { padding: 0 28px 40px 28px; }
        }
        @media (min-width: 701px) and (max-height: 760px) {
            .quad[data-idx="0"] .quad-viz { left: 80%; top: 46%; }
            .quad-viz.qv-dm { width: clamp(84px, calc(var(--vh, 1vh) * 21), 200px); }
        }
        @media (min-width: 701px) and (max-width: 1000px) and (max-height: 760px) {
            .quad[data-idx="0"] .quad-viz { left: 82%; }
            .quad-viz.qv-dm { width: clamp(84px, calc(var(--vh, 1vh) * 19), 180px); }
        }
        @media (min-width: 701px) and (max-height: 480px) {
            .quad-title { font-size: 1.5rem; }
            .quad-inner { padding: 0 28px 26px 28px; }
            .quad[data-idx="0"] .quad-viz { left: 76%; top: 46%; }
            .quad-viz.qv-dm { width: 72px; }
        }

        .quad-desc {
            margin-top: 24px;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, sans-serif;
            font-size: clamp(0.95rem, 1.05vw, 1.1rem); font-weight: 300;
            line-height: 1.7; color: #9aa3bd;
            max-width: 40ch;
            opacity: 0;
            transform: translateY(8px);
            transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
        }
        .quad.is-active .quad-desc {
            opacity: 1; transform: translateY(0);
        }

        .quad { position: relative; }

        #dm-video {
            position: absolute;
            inset: 0;
            width: 100%; height: 100%;
            object-fit: cover;
            opacity: 0;
            transform: scale(1.08);
            filter: saturate(0.82) contrast(1.02) brightness(0.72);
            transition: opacity 0.82s ease,
                        transform 1.4s cubic-bezier(0.16, 1, 0.3, 1),
                        filter 0.82s ease;
            z-index: 0;
        }
        .quad.is-active #dm-video {
            opacity: 0.96;
            transform: scale(1);
            filter: saturate(0.96) contrast(1.08) brightness(0.56);
        }

        .quad[data-idx="0"]::before {
            content: '';
            position: absolute; inset: 0;
            background: linear-gradient(180deg,
                rgba(6,7,10,0.10) 0%,
                rgba(6,7,10,0.24) 28%,
                rgba(6,7,10,0.58) 72%,
                rgba(6,7,10,0.90) 100%);
            opacity: 0;
            z-index: 1; pointer-events: none;
            transition: opacity 0.72s ease, background 0.72s ease;
        }
        .quad[data-idx="0"].is-active::before {
            background: linear-gradient(180deg,
                rgba(6,7,10,0.12) 0%,
                rgba(6,7,10,0.18) 24%,
                rgba(6,7,10,0.48) 60%,
                rgba(6,7,10,0.92) 100%);
            opacity: 1;
        }
        .quad .quad-inner { position: relative; z-index: 2; }

        .quad .quad-desc,
        .quad .quad-actions {
            overflow: hidden;
            max-height: 0;
            margin-top: 0;
            transition: max-height 0s 0.38s, margin-top 0s 0.38s,
                        opacity 0.35s ease, transform 0.35s ease;
        }
        .quad .quad-actions {
            padding: 0 8px;
            margin-inline: -8px;
            transition: max-height 0s 0.38s, margin-top 0s 0.38s,
                        padding-block 0s 0.38s,
                        opacity 0.35s ease, transform 0.35s ease;
        }
        .quad.is-active .quad-desc {
            max-height: 240px; margin-top: 24px;
            transition: max-height 0.45s ease, margin-top 0.45s ease,
                        opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;
        }
        .quad.is-active .quad-actions {
            max-height: 104px; margin-top: 16px; padding-block: 6px;
            transition: max-height 0.45s ease, margin-top 0.45s ease,
                        padding-block 0.45s ease,
                        opacity 0.4s ease 0.18s, transform 0.4s ease 0.18s;
        }

        .quad-actions {
            display: flex;
            gap: 12px;
            margin-top: 22px;
            opacity: 0;
            transform: translateY(6px);
            transition: opacity 0.4s ease 0.18s, transform 0.4s ease 0.18s;
            pointer-events: none;
        }
        .quad.is-active .quad-actions {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }

        .quad-more {
            overflow: hidden;
            max-height: 30px;
            margin-top: 18px;
            opacity: 0;
            pointer-events: none;
            transition: max-height 0s 0.38s, margin-top 0s 0.38s;
        }
        .quad.is-active .quad-more {
            max-height: 0;
            margin-top: 0;
            transition: max-height 0.45s ease, margin-top 0.45s ease;
        }
        .quad-more .qm-in {
            display: flex;
            align-items: center;
            gap: 10px;
            white-space: nowrap;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.66rem;
            font-weight: 400;
            letter-spacing: 0.22em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.52);
            transition: opacity 0.35s ease 0.35s, color 0.3s ease;
        }
        .quad.is-active .quad-more .qm-in,
        .quad.is-dim    .quad-more .qm-in {
            opacity: 0;
            transition: opacity 0.22s ease;
        }
        .quad-more .qm-chev {
            position: relative;
            flex: 0 0 auto;
            width: 9px; height: 9px;
            animation: qm-nudge 2.6s ease-in-out infinite;
            transition: translate 0.35s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .quad-more .qm-chev::before {
            content: '';
            position: absolute;
            top: 1px; left: 0;
            width: 6px; height: 6px;
            border-top: 1px solid var(--honey-bright);
            border-right: 1px solid var(--honey-bright);
            transform: rotate(45deg);
            filter: drop-shadow(0 0 4px rgba(255,255,255,0.4));
            transition: border-color 0.3s ease, filter 0.3s ease;
        }
        @keyframes qm-nudge { 0%, 100% { translate: 0 0; } 50% { translate: 4px 0; } }
        .quad[data-idx="1"] .qm-chev { animation-delay: 0.5s; }
        .quad[data-idx="2"] .qm-chev { animation-delay: 1.0s; }
        .quad[data-idx="3"] .qm-chev { animation-delay: 1.5s; }
        .quad-more .qm-tap { display: none; }
        @media (hover: none) {
            .quad-more .qm-click { display: none; }
            .quad-more .qm-tap   { display: inline; }
        }
        @media (hover: hover) {
            .quad.is-spot:not(.is-active) .quad-more .qm-in { color: #fff; }
            .quad.is-spot:not(.is-active) .quad-more .qm-chev {
                animation: none;
                translate: 4px 0;
            }
            .quad.is-spot:not(.is-active) .quad-more .qm-chev::before {
                border-color: #fff;
                filter: drop-shadow(0 0 6px rgba(255,255,255,0.9));
            }
        }

        #quad-onward-cue {
            position: fixed;
            left: 0;
            top: 0;
            transform: translate3d(calc(50vw - 50%), calc(calc(var(--vh, 1vh) * 100) - 100% - 34px), 0);
            z-index: 4;
            pointer-events: none;
            opacity: 0;
            transition: opacity 0.3s ease, translate 0.6s cubic-bezier(0.16,1,0.3,1);
            translate: 0 12px;
        }
        #quad-onward-cue.is-on {
            opacity: 1;
            translate: 0 0;
            transition: opacity 0.7s ease, translate 0.7s cubic-bezier(0.16,1,0.3,1);
            will-change: transform;
        }
        #quad-onward-cue .qo-in {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 9px;
        }
        #quad-onward-cue .qo-txt {
            display: inline-block;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.66rem;
            font-weight: 600;
            letter-spacing: 0.22em;
            text-indent: 0.22em;
            text-transform: uppercase;
            white-space: nowrap;
            color: rgba(255,255,255,0.92);
            background: rgba(8,7,12,0.72);
            padding: 7px 16px;
            border-radius: 999px;
            border: 1px solid rgba(255,255,255,0.14);
            box-shadow: 0 4px 20px rgba(0,0,0,0.5);
        }
        #quad-onward-cue .qo-dest {
            color: rgba(232,88,100,0.98);
            text-shadow: 0 0 10px rgba(220,50,70,0.5);
        }
        #quad-onward-cue .qo-arrow {
            position: relative;
            width: 40px; height: 70px;
            background: url("/site/src/glass-arrow-down.png") center / 40px 70px no-repeat;
            background-image: image-set(url("/site/src/glass-arrow-down.avif") type("image/avif"), url("/site/src/glass-arrow-down.webp") type("image/webp"), url("/site/src/glass-arrow-down.png") type("image/png"));
            filter: drop-shadow(0 5px 14px rgba(0,0,0,0.6));
            animation: qo-glass-bob 2.2s ease-in-out infinite;
        }
        #quad-onward-cue .qo-arrow::before {
            position: absolute;
            inset: -26% -60%;
            z-index: -1;
            background: radial-gradient(closest-side, rgba(255,255,255,0.17), transparent 72%);
            content: "";
        }
        @keyframes qo-glass-bob {
            0%, 100% { transform: translateY(-3px); }
            50%      { transform: translateY(3px); }
        }
        @media (prefers-reduced-motion: reduce) {
            #quad-onward-cue .qo-arrow { animation: none; }
        }

        .quad-viz {
            position: absolute;
            left: 50%; top: 40%;
            transform: translate(-50%, -50%);
            pointer-events: none;
            z-index: 1;
            opacity: calc(var(--qv-alpha, 0) * var(--qv-dim, 1));
            transition: opacity 0.45s ease,
                        transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .quad.is-dim { --qv-dim: 0; }
        .quad.is-active .quad-viz { transform: translate(-50%, -50%) scale(1.08); }
        .quad[data-idx="3"] .quad-viz { left: 58%; top: 13%; }
        .quad[data-idx="0"].is-active { --qv-dim: 0; }
        .quad[data-idx="0"] .qv-dm {
            transition: opacity 0.45s ease,
                        transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
                        filter 0.45s ease;
        }
        .quad[data-idx="0"].is-active .qv-dm {
            opacity: 0;
            transform: translate(-50%, -50%) scale(1.02);
        }

        .qv-dm { width: clamp(190px, 19vw, 260px); perspective: 1000px; }
        .dm-fold { transform: rotateX(12deg); transform-style: preserve-3d; }
        .dm-panel {
            position: relative;
            height: clamp(58px, 5.6vw, 78px);
            background: linear-gradient(180deg, #fafbfe 0%, #e9ecf5 100%);
            border: 1px solid rgba(20, 30, 60, 0.10);
            padding: 9px 14px;
            overflow: hidden;
        }
        .dm-top {
            border-radius: 7px 7px 0 0;
            border-bottom: 1px dashed rgba(45,65,120,0.20);
            transform-origin: bottom center;
            animation: qvDmTop 9s cubic-bezier(0.45, 0, 0.2, 1) infinite;
        }
        .dm-mid { border-top: none; border-bottom: 1px dashed rgba(45,65,120,0.20); }
        .dm-bot {
            border-radius: 0 0 7px 7px; border-top: none;
            transform-origin: top center;
            animation: qvDmBot 9s cubic-bezier(0.45, 0, 0.2, 1) infinite;
        }
        @keyframes qvDmTop {
            0%, 10%   { transform: rotateX(-80deg); filter: brightness(0.72); }
            24%, 74%  { transform: rotateX(0deg);   filter: brightness(1); }
            88%, 100% { transform: rotateX(-80deg); filter: brightness(0.72); }
        }
        @keyframes qvDmBot {
            0%, 10%   { transform: rotateX(80deg); filter: brightness(0.62); }
            24%, 74%  { transform: rotateX(0deg);  filter: brightness(1); }
            88%, 100% { transform: rotateX(80deg); filter: brightness(0.62); }
        }
        .dm-brandrow { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; }
        .dm-brandrow i {
            width: 9px; height: 9px; border-radius: 3px;
            background: linear-gradient(135deg, #6c8cff, #3b5fe0);
        }
        .dm-brandrow b {
            display: block; width: 46px; height: 5px; border-radius: 3px;
            background: rgba(45,65,120,0.40);
        }
        .dm-hero {
            height: calc(100% - 23px); border-radius: 5px;
            background: linear-gradient(120deg, #5d7ffb 0%, #88a4ff 45%, #b7c7ff 100%);
            position: relative; overflow: hidden;
        }
        .dm-hero::after {
            content: '';
            position: absolute; inset: 0;
            background: linear-gradient(105deg, transparent 30%, rgba(255,255,255,0.40) 50%, transparent 64%);
            transform: translateX(-130%);
            animation: qvDmSheen 9s ease infinite;
        }
        @keyframes qvDmSheen {
            0%, 28%   { transform: translateX(-130%); }
            46%, 100% { transform: translateX(140%); }
        }
        .dm-indicia {
            position: absolute; top: 8px; right: 10px;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 5.5px; font-weight: 600; line-height: 1.5;
            letter-spacing: 0.06em; text-align: center; text-transform: uppercase;
            color: rgba(45,65,120,0.55);
            border: 1px solid rgba(45,65,120,0.28);
            border-radius: 2px; padding: 3px 5px;
        }
        .dm-addr { display: flex; flex-direction: column; gap: 5px; margin-top: 9px; }
        .dm-addr span {
            display: block; height: 4.5px; border-radius: 3px;
            background: rgba(45,65,120,0.30); width: 52%;
        }
        .dm-addr span:nth-child(2) { width: 40%; opacity: 0.8; }
        .dm-addr span:nth-child(3) { width: 46%; opacity: 0.6; }
        .dm-imb {
            position: absolute; left: 14px; bottom: 8px;
            display: flex; align-items: flex-end; gap: 1.6px; height: 11px;
            clip-path: inset(0 100% 0 0);
            animation: qvDmImb 9s ease infinite;
        }
        .dm-imb i { width: 1.4px; background: rgba(30,45,90,0.65); border-radius: 0.7px; }
        .dm-imb i.f { height: 11px; }
        .dm-imb i.a { height: 8px; align-self: flex-start; }
        .dm-imb i.d { height: 8px; }
        .dm-imb i.t { height: 5px; align-self: center; }
        @keyframes qvDmImb {
            0%, 30%   { clip-path: inset(0 100% 0 0); }
            44%, 80%  { clip-path: inset(0 0 0 0); }
            88%, 100% { clip-path: inset(0 100% 0 0); }
        }
        .dm-postmark {
            position: absolute; top: 6px; right: 66px;
            width: 28px; height: 28px;
            border: 1.4px solid rgba(45,65,120,0.40);
            border-radius: 50%;
            opacity: 0; transform: scale(1.5) rotate(-12deg);
            animation: qvDmStamp 9s ease infinite;
        }
        .dm-postmark::before {
            content: '';
            position: absolute; inset: 4px;
            border: 1px solid rgba(45,65,120,0.28); border-radius: 50%;
        }
        .dm-postmark::after {
            content: '';
            position: absolute; top: 7px; left: 29px;
            width: 24px; height: 13px;
            background: repeating-linear-gradient(180deg, rgba(45,65,120,0.30) 0 1.2px, transparent 1.2px 5px);
        }
        @keyframes qvDmStamp {
            0%, 36%   { opacity: 0; transform: scale(1.5) rotate(-12deg); }
            41%, 80%  { opacity: 1; transform: scale(1) rotate(-12deg); }
            88%, 100% { opacity: 0; transform: scale(1) rotate(-12deg); }
        }
        .dm-offer { display: flex; align-items: center; justify-content: space-between; height: 100%; gap: 12px; }
        .dm-offer-txt { display: flex; flex-direction: column; gap: 6px; flex: 1; }
        .dm-offer-txt b { display: block; height: 8px; width: 64%; border-radius: 3px; background: rgba(30,45,90,0.50); }
        .dm-offer-txt span { display: block; height: 4.5px; width: 44%; border-radius: 3px; background: rgba(45,65,120,0.25); }
        .dm-offer-cta {
            width: 54px; height: 18px; border-radius: 9px;
            background: linear-gradient(135deg, #6c8cff, #3b5fe0);
            box-shadow: 0 2px 8px rgba(60,90,220,0.35);
        }
        .qv-dm::after {
            content: '';
            position: absolute; left: 6%; right: 6%; bottom: -26px;
            height: 16px; border-radius: 50%;
            background: radial-gradient(ellipse, rgba(0,0,0,0.45), transparent 70%);
        }
        .dm-timeline {
            position: relative;
            display: flex; align-items: flex-start;
            width: min(380px, 100%);
            overflow: hidden; max-height: 0; margin-top: 0; opacity: 0;
            transition: max-height 0s 0.38s, margin-top 0s 0.38s, opacity 0.35s ease;
        }
        .quad.is-active .dm-timeline {
            max-height: 90px; margin-top: 24px; opacity: 1;
            transition: max-height 0.45s ease, margin-top 0.45s ease, opacity 0.4s ease 0.2s;
        }
        .dm-line {
            position: absolute; top: 6px; left: 4px;
            width: calc(75% + 5px); height: 1.5px;
            background: rgba(255,255,255,0.12);
        }
        .dm-line b {
            display: block; height: 100%; width: 0;
            background: linear-gradient(90deg, #2fe085, #7d9bff);
            transition: width 1.4s cubic-bezier(0.4, 0, 0.2, 1) 0.6s;
        }
        .quad.is-active .dm-line b { width: 100%; }
        .dm-step { flex: 1; display: flex; flex-direction: column; gap: 6px; position: relative; z-index: 1; padding-top: 1px; }
        .dm-step i {
            width: 10px; height: 10px; border-radius: 50%;
            background: #2fe085; border: 1.5px solid #2fe085;
            box-shadow: 0 0 0 3px rgba(6,7,10,0.9);
        }
        .dm-step span {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 9.5px; letter-spacing: 0.14em; text-transform: uppercase;
            color: rgba(255,255,255,0.78);
        }
        .dm-step em {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-style: normal; font-size: 8.5px;
            color: rgba(255,255,255,0.38);
        }
        .dm-step-last i {
            background: #0d1120; border-color: rgba(125,155,255,0.85);
            animation: qvDmNext 2.4s ease-in-out infinite;
        }
        @keyframes qvDmNext {
            0%, 100% { box-shadow: 0 0 0 3px rgba(6,7,10,0.9), 0 0 0 3px rgba(125,155,255,0.35); }
            60%      { box-shadow: 0 0 0 3px rgba(6,7,10,0.9), 0 0 0 8px rgba(125,155,255,0); }
        }

        #dg-canvas {
            position: absolute; inset: 0;
            width: 100%; height: 100%;
            z-index: 0;
            opacity: calc(var(--qv-alpha, 0) * var(--qv-dim, 1));
            transition: opacity 0.45s ease;
            pointer-events: none;
        }
        .qv-dg { width: clamp(260px, 28vw, 400px); }
        .quad[data-idx="1"] .quad-viz { left: 50%; top: 13%; }
        .dg-head {
            display: flex; justify-content: space-between; align-items: baseline;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase;
            color: rgba(255,255,255,0.40);
        }
        .dg-feed { display: flex; align-items: center; gap: 7px; }
        .dg-feed i {
            width: 5px; height: 5px; border-radius: 50%;
            background: #2fe085;
            animation: dgLive 2.4s ease-in-out infinite;
        }
        @keyframes dgLive {
            0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(47,224,133,0.45); }
            50%      { opacity: 0.55; box-shadow: 0 0 0 4px rgba(47,224,133,0); }
        }
        .dg-camp {
            color: rgba(255,255,255,0.55);
            opacity: 0; transform: translateY(-4px);
            transition: opacity 0.45s ease, transform 0.45s ease;
        }
        .quad.is-active .dg-camp { opacity: 1; transform: none; transition-delay: 0.6s; }

        #lg-canvas {
            position: absolute; inset: 0;
            width: 100%; height: 100%;
            z-index: 0;
            opacity: calc(var(--qv-alpha, 0) * var(--qv-dim, 1));
            transition: opacity 0.45s ease;
            pointer-events: none;
        }
        .qv-lg { width: clamp(260px, 28vw, 400px); }
        .quad[data-idx="2"] .quad-viz { left: 50%; top: 13%; }
        .lg-head {
            display: flex; justify-content: space-between; align-items: baseline;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase;
            color: rgba(255,255,255,0.40);
        }
        .lg-feed { display: flex; align-items: baseline; gap: 7px; }
        .lg-feed i {
            width: 5px; height: 5px; border-radius: 50%;
            background: #2fe085; align-self: center;
            animation: dgLive 2.4s ease-in-out infinite;
        }
        .lg-count {
            font-size: 1.05rem; font-weight: 300; letter-spacing: 0;
            text-transform: none; color: #fff; margin-left: 4px;
            transition: color 0.3s ease;
        }
        .lg-count.tick { color: #2fe085; }
        .lg-week {
            color: rgba(255,255,255,0.55);
            opacity: 0; transform: translateY(-4px);
            transition: opacity 0.45s ease, transform 0.45s ease;
        }
        .quad.is-active .lg-week { opacity: 1; transform: none; transition-delay: 0.8s; }
        .lg-week.swap { animation: qvAtSwap 0.45s ease; }

        .qv-at {
            width: clamp(260px, 28vw, 400px);
            display: flex; flex-direction: column; gap: 10px; align-items: stretch;
        }
        .at-head {
            display: flex; justify-content: space-between; align-items: baseline;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 9.5px; letter-spacing: 0.16em; text-transform: uppercase;
            color: rgba(255,255,255,0.40);
        }
        .at-count {
            font-size: 1.05rem; font-weight: 300; letter-spacing: 0;
            text-transform: none; color: #fff;
        }
        .at-count.swap { animation: qvAtSwap 0.45s ease; }
        @keyframes qvAtSwap {
            0%   { opacity: 0; transform: translateY(-5px); }
            100% { opacity: 1; transform: none; }
        }

        #at-canvas {
            position: absolute; inset: 0;
            width: 100%; height: 100%;
            z-index: 0;
            opacity: calc(var(--qv-alpha, 0) * var(--qv-dim, 1));
            transition: opacity 0.45s ease;
            pointer-events: none;
        }

        .quad.is-active #dg-canvas,
        .quad.is-active #lg-canvas,
        .quad.is-active #at-canvas,
        .quad.is-active .quad-viz { transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }

        @media (prefers-reduced-motion: reduce) {
            .quad-viz *, .quad-viz::after, .quad-viz *::after { animation: none !important; }
            #dm-video,
            .quad[data-idx="0"]::before,
            .quad[data-idx="0"] .qv-dm {
                transition: none !important;
            }
        }

        #logo-ticker {
            position: fixed; bottom: 0; left: 0;
            width: 100%; z-index: 4;
            padding: 18px 0 20px;
            overflow: hidden;
            pointer-events: none;
            opacity: 0;
            -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
            mask-image:         linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%);
            will-change: transform, opacity;
        }
        .ticker-track {
            display: flex;
            align-items: center;
            gap: clamp(40px, 3.06vw, 50px);
            width: max-content;
            animation: ticker-scroll 34s linear infinite;
            pointer-events: auto;
        }
        .ticker-track:hover {
            animation-play-state: paused;
        }
        .ticker-track img {
            width: auto; max-width: 240px;
            flex-shrink: 0;
            object-fit: contain;
            opacity: 0.85;
            transition: opacity 0.35s ease;
            cursor: default;
        }
        .ticker-track img:hover {
            opacity: 1;
        }
        .ticker-track img[alt="Range Rover"],
        .ticker-track img[alt="Raymond James"],
        .ticker-track img[alt="Jaguar"],
        .ticker-track img[alt="The Villages"],
        .ticker-track img[alt="Make-A-Wish"] { filter: brightness(0) invert(1); }
        .ticker-track img[alt="NASCAR"] { height: clamp(23px, 1.806vw, 30px); }
        .ticker-track img[alt="Range Rover"] { height: clamp(25px, 1.944vw, 32px); }
        .ticker-track img[alt="Fujifilm"] { height: clamp(22px, 1.667vw, 28px); }
        .ticker-track img[alt="Zaxby's"] { height: clamp(38px, 2.917vw, 48px); }
        .ticker-track img[alt="Raymond James"] { height: clamp(20px, 1.528vw, 25px); }
        .ticker-track img[alt="Jaguar"] { height: clamp(38px, 2.917vw, 48px); }
        .ticker-track img[alt="Chipotle"] { height: clamp(22px, 1.667vw, 28px); }
        .ticker-track img[alt="HP"] { height: clamp(38px, 2.917vw, 48px); }
        .ticker-track img[alt="Seacoast Bank"] { height: clamp(27px, 2.083vw, 34px); }
        .ticker-track img[alt="The Villages"] { height: clamp(31px, 2.361vw, 39px); }
        .ticker-track img[alt="OpenTable"] { height: clamp(29px, 2.222vw, 37px); }
        .ticker-track img[alt="Stetson University"] { height: clamp(36px, 2.778vw, 46px); }
        .ticker-track img[alt="BMW"] { height: clamp(38px, 2.917vw, 48px); }
        .ticker-track img[alt="Florida Cancer Specialists"] { height: clamp(34px, 2.639vw, 44px); }
        .ticker-track img[alt="FDOT"] { height: clamp(36px, 2.778vw, 46px); }
        .ticker-track img[alt="Generac"] { height: clamp(27px, 2.083vw, 34px); }
        .ticker-track img[alt="Make-A-Wish"] { height: clamp(41px, 3.194vw, 53px); }
        .ticker-track img[alt="NAACP"] { height: clamp(22px, 1.667vw, 28px); }
        .ticker-track img[alt="Golden Corral"] { height: clamp(34px, 2.639vw, 44px); }
        .ticker-track img[alt="Jersey Mike's"] { height: clamp(36px, 2.778vw, 46px); }
        .ticker-track img[alt="Make-A-Wish"] { transform: translateY(-19%); }
        .ticker-track img[alt="Florida Cancer Specialists"] { transform: translateY(-7%); }
        .ticker-track img[alt="The Villages"] { transform: translateY(-6%); }
        .ticker-track img[alt="Golden Corral"] { transform: translateY(-5%); }

        :root {
            --logo-edge: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 0 #fff)
                         drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff)
                         drop-shadow(0 0 1px rgba(255,255,255,0.55));
            --logo-edge-sharp: drop-shadow(0.6px 0 0 #fff) drop-shadow(-0.6px 0 0 #fff)
                               drop-shadow(0 0.6px 0 #fff) drop-shadow(0 -0.6px 0 #fff)
                               drop-shadow(0.5px 0.5px 0 #fff) drop-shadow(-0.5px 0.5px 0 #fff)
                               drop-shadow(0.5px -0.5px 0 #fff) drop-shadow(-0.5px -0.5px 0 #fff);
            --logo-edge-thin: drop-shadow(0 0 0.6px #fff) drop-shadow(0 0 0.6px #fff)
                              drop-shadow(0 0 1px rgba(255,255,255,0.7));
        }
        @keyframes ticker-scroll {
            from { transform: translateX(0); }
            to   { transform: translateX(-50%); }
        }

        .ticker-track { cursor: grab; touch-action: pan-y; }
        .ticker-track.dragging { cursor: grabbing; }
        .ticker-track img {
            -webkit-user-drag: none; user-select: none; cursor: inherit;
        }
        body[data-v-logos="color"] .ticker-track img { filter: none; opacity: 1; }
        body[data-v-logos="color"] .ticker-track img[alt="Range Rover"],
        body[data-v-logos="color"] .ticker-track img[alt="Raymond James"],
        body[data-v-logos="color"] .ticker-track img[alt="Jaguar"],
        body[data-v-logos="color"] .ticker-track img[alt="The Villages"],
        body[data-v-logos="color"] .ticker-track img[alt="Make-A-Wish"] { filter: brightness(0) invert(1); }

        body[data-v-logos="spotlight"] .ticker-track > img {
            filter: brightness(0) invert(1);
            opacity: 0.3;
            transition: opacity 0.5s ease, filter 0.5s ease;
        }
        body[data-v-logos="spotlight"] .ticker-track > img.logo-white,
        body[data-v-logos="spotlight"] .ticker-track > img.logo-native {
            filter: none;
            opacity: 0.3;
        }
        body[data-v-logos="spotlight"] .ticker-track > img.logo-edged {
            filter: var(--logo-edge-thin);
            opacity: 0.3;
        }
        body[data-v-logos="spotlight"] .logo-swap .logo-mono  { opacity: 0.3; }
        body[data-v-logos="spotlight"] .logo-swap .logo-color { opacity: 0; }
        body[data-v-logos="spotlight"] .logo-swap img { transition: opacity 0.5s ease; }
        body[data-v-logos="spotlight"] .ticker-track > img.in-focus { filter: none; opacity: 1; }
        body[data-v-logos="spotlight"] .ticker-track > img.in-focus[alt="Range Rover"] { filter: var(--logo-edge); }
        body[data-v-logos="spotlight"] .ticker-track > img.in-focus[alt="Jaguar"]      { filter: brightness(0) invert(1); opacity: 1; }
        body[data-v-logos="spotlight"] .ticker-track > img.in-focus[alt="NASCAR"]      { filter: var(--logo-edge-thin); }
        body[data-v-logos="spotlight"] .ticker-track > img.in-focus[alt="Golden Corral"] { filter: url(#gc-red); }
        body[data-v-logos="spotlight"] .ticker-track > img.in-focus.logo-edged { filter: var(--logo-edge); opacity: 1; }
        body[data-v-logos="spotlight"] .logo-swap.in-focus .logo-mono  { opacity: 0; }
        body[data-v-logos="spotlight"] .logo-swap.in-focus .logo-color { opacity: 1; }

        #revealed-section {
            position: fixed; top: 0; left: 0;
            width: 100%; height: calc(var(--vh, 1vh) * 100);
            background: #0a0a0c;
            z-index: 2;
            overflow: hidden;
            clip-path: circle(0px at 50% 50%);
            -webkit-clip-path: circle(0px at 50% 50%);
            will-change: clip-path, opacity;
            pointer-events: none;
        }
        #reveal-glow {
            position: absolute; inset: 0;
            background:
                radial-gradient(70% 90% at 50% 50%, rgba(255,255,255,0.10) 0%, transparent 60%),
                linear-gradient(
                    150deg,
                    rgba(255,255,255,0.035) 0%,
                    rgba(255,255,255,0.012) 50%,
                    rgba(255,255,255,0.0)   100%
                );
            pointer-events: none;
        }

        #solutions-flow {
            position: relative;
            z-index: 6;
            background: #0a0a0c;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.2s linear;
        }

        #solutions-hex-bg {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            display: block;
            z-index: 0;
            pointer-events: none;
        }

        .solutions-section {
            width: 100%;
            padding: calc(var(--vh, 1vh) * 10) 0 calc(var(--vh, 1vh) * 4);
            display: flex;
            flex-direction: column;
            align-items: center;
            opacity: 0;
            transform: translateY(18px);
            transition: opacity 0.55s cubic-bezier(0.16, 1, 0.3, 1),
                        transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .solutions-section.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .solutions-inner {
            width: min(86%, 1200px);
            display: flex;
            flex-direction: column;
            gap: 2.6rem;
            height: 100%;
        }

        .s-label {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.68rem; font-weight: 400;
            letter-spacing: 0.24em; text-transform: uppercase;
            color: rgba(0,0,0,0.38);
            margin: 0;
            display: flex; align-items: center; gap: 10px;
        }
        .s-label::before {
            content: '';
            width: 20px; height: 1px;
            background: rgba(0,0,0,0.20);
            flex-shrink: 0;
        }

        .s-intro-bar {
            display: grid;
            grid-template-columns: auto 1fr 1fr;
            gap: 0;
            padding-top: 0;
            border-top: none;
        }
        .s-intro-bar::before {
            content: '';
            grid-column: 1 / -1;
            height: 1px;
            background: rgba(0,0,0,0.08);
            margin-bottom: 1.8rem;
        }
        .s-intro-num {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding-right: clamp(2rem, 3.5vw, 3.5rem);
            border-right: 1px solid rgba(0,0,0,0.08);
            padding-bottom: 0.2rem;
        }
        .s-num {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(3.8rem, 6vw, 6.4rem);
            font-weight: 100;
            letter-spacing: -0.045em;
            color: #0a0a0a;
            line-height: 0.88;
        }
        .s-num-unit {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.58rem;
            font-weight: 400;
            letter-spacing: 0.28em;
            text-transform: uppercase;
            color: rgba(0,0,0,0.32);
            margin-top: 0.55rem;
        }
        .s-intro-bar .s-label {
            margin-top: 0.9rem;
        }
        .s-intro-head {
            padding-left: clamp(2rem, 3.5vw, 3.5rem);
            padding-right: clamp(1.5rem, 2.5vw, 2.5rem);
            border-right: 1px solid rgba(0,0,0,0.08);
            display: flex;
            align-items: flex-start;
        }
        .s-intro-head h2 {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(1.6rem, 2.4vw, 2.6rem);
            font-weight: 200;
            letter-spacing: -0.018em;
            line-height: 1.12;
            color: #0a0a0a;
            margin: 0;
        }
        .s-intro-body {
            padding-left: clamp(2rem, 3.5vw, 3.5rem);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
        .s-intro-para {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(1rem, 1.15vw, 1.1rem);
            font-weight: 450;
            line-height: 1.65;
            color: rgba(0,0,0,0.68);
            margin: 0 0 1.4rem;
        }
        .s-intro-lead { display: none; }
        .s-link {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.88rem; font-weight: 600;
            letter-spacing: 0.04em;
            color: rgba(0,0,0,0.68);
            text-decoration: none;
            display: inline-flex; align-items: center; gap: 5px;
            transition: color 0.2s ease;
            flex-shrink: 0;
            white-space: nowrap;
        }
        .s-link::after { content: '→'; }
        .s-link:hover { color: #0a0a0a; }

        .bento-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            width: 100%;
        }

        .bento-card {
            position: relative;
            display: flex;
            flex: 1;
            overflow: hidden;
            background: #f4f4f6;
            border-radius: 16px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.07);
            transition: background 0.3s ease;
            flex-basis: calc(33.333% - 8px);
            aspect-ratio: 400 / 676;
        }
        .bento-card:hover { background: #eaeaed; }

        .bento-card:first-child,
        .bento-card:last-child {
            flex-basis: calc(66.666% - 8px);
            aspect-ratio: 816 / 676;
        }

        .bento-card-layout {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 2rem 2.2rem;
            z-index: 2;
        }
        .bento-card.has-visual .bento-card-layout {
            flex-direction: row;
            align-items: flex-end;
            padding: 0;
        }
        .bento-text {
            flex: 1;
            padding: 2rem 2.2rem;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
        .bento-visual {
            width: 42%;
            flex-shrink: 0;
            align-self: stretch;
            background: transparent;
            border-left: 1px solid rgba(0,0,0,0.08);
            position: relative;
        }

        .bento-map-canvas,
        .bento-hex-canvas,
        .bento-pulse-canvas {
            position: absolute; inset: 0;
            width: 100%; height: 100%;
            pointer-events: none; z-index: 0;
        }
        #targeting-webgl { overflow: hidden; background: transparent; }
        .bento-pulse-canvas {
            z-index: 1;
        }
        .bento-card--map .bento-card-layout {
            z-index: 1;
            background: linear-gradient(
                to top,
                rgba(244,244,246,0.96) 0%,
                rgba(244,244,246,0.50) 38%,
                transparent 65%
            );
        }

        .bento-chip {
            display: inline-block;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.58rem; font-weight: 500;
            letter-spacing: 0.2em; text-transform: uppercase;
            color: rgba(0,0,0,0.38);
            border: 1px solid rgba(0,0,0,0.12);
            padding: 0.2rem 0.5rem;
            margin-bottom: 0.8rem;
            width: fit-content;
        }
        .bento-title {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(1rem, 1.4vw, 1.22rem);
            font-weight: 300;
            letter-spacing: -0.005em;
            color: #0a0a0a;
            margin: 0 0 0.45rem;
        }
        .bento-desc {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.78rem; font-weight: 300;
            line-height: 1.6;
            color: rgba(0,0,0,0.44);
            margin: 0;
        }

        .pipeline-fill {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            z-index: 1;
            pointer-events: none;
            --line-x: 3rem;
        }
        .pipeline-fill::before {
            content: '';
            position: absolute;
            left: var(--line-x);
            top: 0; bottom: 0;
            width: 1px;
            background: rgba(0,0,0,0.13);
            z-index: 0;
        }
        .pl-row {
            flex: 1;
            display: flex;
            align-items: center;
            border-bottom: 1px solid rgba(0,0,0,0.06);
            position: relative;
            z-index: 1;
            overflow: hidden;
            padding-right: 2.4rem;
        }
        .pl-row:last-child { border-bottom: none; }
        .pl-marker {
            flex-shrink: 0;
            width: var(--line-x);
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .pl-dot {
            width: 10px; height: 10px;
            border-radius: 50%;
            background: #fff;
            border: 1.5px solid rgba(0,0,0,0.55);
            flex-shrink: 0;
        }
        .pl-content {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
            padding-left: 1.1rem;
        }
        .pl-step {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.48rem;
            font-weight: 500;
            letter-spacing: 0.22em;
            text-transform: uppercase;
            color: rgba(0,0,0,0.22);
        }
        .pl-name {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(1.15rem, 2vw, 1.75rem);
            font-weight: 200;
            letter-spacing: -0.02em;
            color: #0a0a0a;
            line-height: 1.1;
        }
        .pl-badge {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.44rem;
            font-weight: 500;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            color: rgba(0,0,0,0.28);
            border: 1px solid rgba(0,0,0,0.11);
            padding: 0.15rem 0.45rem;
            white-space: nowrap;
            align-self: center;
        }
        .bento-card:has(.pipeline-fill) .bento-card-layout {
            background: linear-gradient(
                to top,
                rgba(244,244,246,0.98) 0%,
                rgba(244,244,246,0.72) 38%,
                transparent 60%
            );
        }

        .speed-hero {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            z-index: 1;
            pointer-events: none;
            padding-bottom: 9rem;
        }
        .speed-num {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(6rem, 20vw, 14rem);
            font-weight: 100;
            letter-spacing: -0.04em;
            color: #0a0a0a;
            line-height: 1;
        }
        .speed-unit {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.55rem;
            font-weight: 500;
            letter-spacing: 0.28em;
            text-transform: uppercase;
            color: rgba(0,0,0,0.32);
            margin-top: 0.6rem;
        }
        .speed-vs {
            margin-top: 2rem;
            display: flex;
            align-items: center;
            gap: 0.6rem;
        }
        .speed-vs-label {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.52rem;
            font-weight: 400;
            letter-spacing: 0.06em;
            color: rgba(0,0,0,0.28);
            text-decoration: line-through;
            white-space: nowrap;
        }
        .speed-vs-bar {
            height: 1px;
            width: 3rem;
            background: rgba(0,0,0,0.14);
        }
        .bento-card:has(.speed-hero) .bento-card-layout {
            background: linear-gradient(
                to top,
                rgba(244,244,246,0.98) 0%,
                rgba(244,244,246,0.60) 32%,
                transparent 55%
            );
        }

        .funnel-full {
            position: absolute;
            inset: 0;
            display: flex;
            flex-direction: column;
            z-index: 1;
            pointer-events: none;
        }
        .ff-band {
            flex: 1;
            position: relative;
            border-bottom: 1px solid rgba(0,0,0,0.06);
            overflow: hidden;
        }
        .ff-band:last-child { border-bottom: none; }
        .ff-fill {
            position: absolute;
            left: 0; top: 0; bottom: 0;
            background: rgba(0,0,0,0.042);
        }
        .ff-content {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            padding: 0 3rem;
            gap: 2rem;
        }
        .ff-num {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(1.6rem, 2.8vw, 2.6rem);
            font-weight: 200;
            letter-spacing: -0.03em;
            color: #0a0a0a;
            flex: 0 0 auto;
            min-width: 7rem;
        }
        .ff-divider {
            flex: 1;
            height: 1px;
            background: rgba(0,0,0,0.08);
        }
        .ff-label {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.52rem;
            font-weight: 500;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: rgba(0,0,0,0.30);
            white-space: nowrap;
        }
        .bento-card:has(.funnel-full) .bento-card-layout {
            background: linear-gradient(
                to top,
                rgba(244,244,246,0.97) 0%,
                rgba(244,244,246,0.60) 26%,
                transparent 46%
            );
        }

        .s-cta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 2rem;
            padding-top: 2.2rem;
            border-top: 1px solid rgba(0,0,0,0.08);
            margin-top: auto;
        }
        .s-cta-copy h3 {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(1.3rem, 2vw, 1.9rem);
            font-weight: 200;
            letter-spacing: -0.01em;
            color: #0a0a0a;
            margin: 0 0 0.3rem;
        }
        .s-cta-copy p {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.95rem; font-weight: 400;
            line-height: 1.55;
            color: rgba(0,0,0,0.45);
            margin: 0;
        }
        .s-cta-actions {
            display: flex; gap: 9px; flex-shrink: 0;
        }

        .map-metrics {
            position: absolute;
            left: 0; right: 0;
            top: 0;
            min-height: 36px;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            padding: 0.32rem 1.15rem;
            border-bottom: 1px solid rgba(255,255,255,0.08);
            background: linear-gradient(to bottom, rgba(20,20,23,0.96), rgba(20,20,23,0.62));
            z-index: 2; pointer-events: none;
        }
        .mm-cell {
            display: flex;
            gap: 0.42rem;
            align-items: center;
            padding-right: 0.8rem;
            border-right: 1px solid rgba(255,255,255,0.08);
        }
        .mm-cell:last-child {
            border-right: none;
            padding-right: 0;
        }
        .mm-cell::before {
            content: '';
            width: 7px; height: 8px;
            background: #0a0a0a;
            clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
            flex-shrink: 0;
            transition: transform 0.3s ease;
        }
        .bento-card--map:hover .mm-cell::before { transform: translateY(-2px); }
        .mm-num {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(0.82rem, 1vw, 1rem);
            font-weight: 200; letter-spacing: -0.02em;
            color: #0a0a0a; line-height: 1;
            text-shadow: 0 1px 12px rgba(244,244,246,0.96);
        }
        .mm-label {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.34rem; font-weight: 500;
            letter-spacing: 0.12em; text-transform: uppercase;
            color: rgba(0,0,0,0.42);
            line-height: 1.1;
            white-space: nowrap;
            text-shadow: 0 1px 10px rgba(244,244,246,0.96);
        }

        .pl-dot {
            width: 18px; height: 20px;
            border: none; border-radius: 0;
            background: #0a0a0a;
            clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
            box-shadow: 0 0 0 5px #f4f4f6;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .bento-card:hover .pl-dot { transform: scale(1.12); box-shadow: 0 0 0 5px #eaeaed; }

        .speed-compare {
            margin-top: 2rem;
            display: flex; flex-direction: column; gap: 0.7rem;
        }
        .sc-row { display: flex; align-items: center; gap: 0.7rem; }
        .sc-tag {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.46rem; font-weight: 600;
            letter-spacing: 0.18em; text-transform: uppercase;
            color: rgba(0,0,0,0.62); width: 3.4rem; flex-shrink: 0;
        }
        .sc-tag.dim { color: rgba(0,0,0,0.3); font-weight: 500; }
        .sc-cells { display: flex; gap: 1.5px; flex-shrink: 0; }
        .hexc {
            width: 6px; height: 7px;
            background: rgba(0,0,0,0.14);
            clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
        }
        .hexc.on { background: #0a0a0a; }
        .sc-val {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.5rem; font-weight: 400; letter-spacing: 0.04em;
            color: rgba(0,0,0,0.5); white-space: nowrap;
        }
        .sc-val.dim { color: rgba(0,0,0,0.3); }

        .ff-num { display: flex; align-items: center; gap: 0.7rem; }
        .ff-num::before {
            content: ''; flex-shrink: 0;
            background: #0a0a0a;
            clip-path: polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);
            transition: transform 0.3s ease;
        }
        .ff-band:nth-child(1) .ff-num::before { width: 15px; height: 17px; }
        .ff-band:nth-child(2) .ff-num::before { width: 13px; height: 15px; opacity: 0.78; }
        .ff-band:nth-child(3) .ff-num::before { width: 11px; height: 13px; opacity: 0.55; }
        .ff-band:nth-child(4) .ff-num::before { width: 13px; height: 15px; }
        .bento-card:hover .ff-num::before { transform: scale(1.12); }

        .bento-placeholder-logo {
            position: absolute;
            inset: 0 0 var(--bento-footer) 0;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
        }
        .bento-placeholder-logo__word {
            display: block;
            text-align: center;
            line-height: 1;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(1.4rem, 2.9vw, 2.5rem);
            font-weight: 700;
            letter-spacing: 0.28em;
            text-transform: uppercase;
            transform: scale(1.08, 1.34);
            transform-origin: center;
            color: #0a0a0a;
            text-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }
        .bento-placeholder-logo--ownership,
        .bento-placeholder-logo--attribution {
            background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0));
        }

        .s-label         { color: rgba(255,255,255,0.42); }
        .s-label::before { background: rgba(255,255,255,0.25); }

        .s-intro-bar::before { background: rgba(255,255,255,0.10); }
        .s-intro-num     { border-right-color: rgba(255,255,255,0.10); }
        .s-intro-head    { border-right-color: rgba(255,255,255,0.10); }
        .s-num           { color: #f5f5f7; }
        .s-intro-head h2 { color: #f5f5f7; }
        .s-intro-para    { color: rgba(255,255,255,0.52); }
        .s-link          { color: rgba(255,255,255,0.50); }
        .s-link:hover    { color: #ffffff; }

        .s-cta         { border-top-color: rgba(255,255,255,0.10); }
        .s-cta-copy h3 { color: #f5f5f7; }
        .s-cta-copy p  { color: rgba(255,255,255,0.50); }
        body[data-v-bento-cta="v2"] .bento-grid .s-cta { border-top-color: rgba(255,255,255,0.10); }

        .bento-grid        { background: #0a0a0c; padding: 8px; }
        .bento-card        { background: #141417; box-shadow: 0 2px 12px rgba(0,0,0,0.35); }
        .bento-card:hover  { background: #1c1c20; }
        .bento-visual      { border-left: 1px solid rgba(255,255,255,0.08); }
        .bento-card--map .bento-card-layout {
            background: linear-gradient(to top,rgba(20,20,23,0.96) 0%,rgba(20,20,23,0.55) 38%,transparent 65%);
        }
        .bento-chip  { color: rgba(255,255,255,0.42); border-color: rgba(255,255,255,0.16); }
        .bento-title { color: #f5f5f7; }
        .bento-desc  { color: rgba(255,255,255,0.50); }
        .mm-cell::before { background: #ededf0; }
        .mm-num   { color: #f5f5f7; text-shadow: 0 1px 12px rgba(10,10,12,0.95); }
        .mm-label { color: rgba(255,255,255,0.52); text-shadow: 0 1px 10px rgba(10,10,12,0.95); }
        .pipeline-fill::before { background: rgba(255,255,255,0.13); }
        .pl-row   { border-bottom-color: rgba(255,255,255,0.07); }
        .pl-step  { color: rgba(255,255,255,0.28); }
        .pl-name  { color: #f5f5f7; }
        .pl-badge { color: rgba(255,255,255,0.34); border-color: rgba(255,255,255,0.14); }
        .pl-dot   { background: #ededf0; box-shadow: 0 0 0 5px #141417; }
        .bento-card:hover .pl-dot { box-shadow: 0 0 0 5px #1c1c20; }
        .bento-card:has(.pipeline-fill) .bento-card-layout {
            background: linear-gradient(to top,rgba(20,20,23,0.98) 0%,rgba(20,20,23,0.78) 38%,transparent 60%);
        }
        .speed-num      { color: #f5f5f7; }
        .speed-unit     { color: rgba(255,255,255,0.40); }
        .speed-vs-label { color: rgba(255,255,255,0.34); }
        .speed-vs-bar   { background: rgba(255,255,255,0.16); }
        .sc-tag         { color: rgba(255,255,255,0.66); }
        .sc-tag.dim     { color: rgba(255,255,255,0.34); }
        .hexc           { background: rgba(255,255,255,0.16); }
        .hexc.on        { background: #ededf0; }
        .sc-val         { color: rgba(255,255,255,0.55); }
        .sc-val.dim     { color: rgba(255,255,255,0.34); }
        .bento-card:has(.speed-hero) .bento-card-layout {
            background: linear-gradient(to top,rgba(20,20,23,0.98) 0%,rgba(20,20,23,0.65) 32%,transparent 55%);
        }
        .ff-band        { border-bottom-color: rgba(255,255,255,0.07); }
        .ff-fill        { background: rgba(255,255,255,0.05); }
        .ff-num         { color: #f5f5f7; }
        .ff-num::before { background: #ededf0; }
        .ff-divider     { background: rgba(255,255,255,0.10); }
        .ff-label       { color: rgba(255,255,255,0.36); }
        .bento-card:has(.funnel-full) .bento-card-layout {
            background: linear-gradient(to top,rgba(20,20,23,0.97) 0%,rgba(20,20,23,0.65) 26%,transparent 46%);
        }

        .bento-card {
            opacity: 0;
            transform: translateY(36px) scale(0.965);
            transition:
                opacity   0.72s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.72s cubic-bezier(0.16, 1, 0.3, 1),
                background 0.3s ease;
        }
        .bento-grid.in-view .bento-card {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
        .bento-grid.in-view .bento-card:nth-child(1) { transition-delay:   0ms; }
        .bento-grid.in-view .bento-card:nth-child(2) { transition-delay: 110ms; }
        .bento-grid.in-view .s-cta                   { transition-delay: 200ms; }
        .bento-grid.in-view .bento-card:nth-child(4) { transition-delay: 280ms; }
        .bento-grid.in-view .bento-card:nth-child(5) { transition-delay: 390ms; }

        .bento-grid .s-cta {
            flex-basis: 100%;
            width: 100%;
            margin: 0.6rem 0;
            border-top: 0;
            padding: 1.1rem 0.4rem;
            opacity: 0;
            transform: translateY(24px);
            transition: opacity 0.72s cubic-bezier(0.16, 1, 0.3, 1),
                        transform 0.72s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .bento-grid.in-view .s-cta { opacity: 1; transform: none; }

        :root { --bento-footer: 92px; }

        .bento-card-layout {
            top: auto;
            bottom: 0; left: 0; right: 0;
            height: auto;
            padding: 0.85rem 1.6rem 1.05rem;
            background: #141417;
            border-top: 1px solid rgba(255,255,255,0.08);
            justify-content: flex-start;
        }
        .bento-text {
            flex: unset;
            padding: 0;
        }
        .bento-chip   { margin-bottom: 0.45rem; }
        .bento-title  { font-size: clamp(0.88rem, 1.2vw, 1.05rem); margin: 0 0 0.28rem; }
        .bento-desc   { font-size: 0.72rem; line-height: 1.5; }

        .bento-map-canvas,
        .bento-hex-canvas,
        .bento-pulse-canvas {
            top: 0; left: 0; right: 0;
            bottom: var(--bento-footer);
            width: 100%; height: auto;
        }
        .bento-map-canvas,
        .bento-pulse-canvas {
            height: calc(100% - var(--bento-footer));
        }

        .pipeline-fill { bottom: var(--bento-footer); }
        .funnel-full   { bottom: var(--bento-footer); }
        .speed-hero    { bottom: var(--bento-footer); padding-bottom: 0; }

        .bento-card--map .bento-card-layout,
        .bento-card:has(.pipeline-fill) .bento-card-layout,
        .bento-card:has(.speed-hero)    .bento-card-layout,
        .bento-card:has(.funnel-full)   .bento-card-layout { background: #141417; }

        .bento-card--headline-top .bento-hex-canvas {
            bottom: 0;
        }
        .bento-card--headline-top #targeting-webgl {
            top: auto;
            right: auto;
            left: -6%;
            bottom: -4%;
            width: 108%;
            height: 72%;
        }
        .bento-card--headline-top .bento-card-layout {
            top: 0;
            bottom: auto;
            height: auto;
            background: none;
            border-top: none;
            padding: 1.8rem 2rem;
            align-items: flex-end;
        }
        .bento-card--headline-top .bento-title {
            font-size: clamp(1.35rem, 2vw, 1.9rem);
            font-weight: 300;
            line-height: 1.25;
            letter-spacing: -0.02em;
            color: #0a0a0a;
            max-width: 22ch;
            margin: 0;
            text-align: right;
        }
        .bento-corner-label {
            position: absolute;
            top: 1.6rem;
            left: 1.8rem;
            z-index: 3;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.54rem;
            font-weight: 600;
            letter-spacing: 0.22em;
            text-transform: uppercase;
            color: rgba(10,10,10,0.65);
            background: rgba(255,255,255,0.94);
            border: 1px solid rgba(0,0,0,0.09);
            padding: 0.35rem 0.8rem;
            border-radius: 2px;
            box-shadow: 0 1px 6px rgba(0,0,0,0.07), 0 0 0 0.5px rgba(0,0,0,0.04);
        }

        .bento-card--map.bento-card--corner-text .bento-title { max-width: 36ch; }

        .bento-card--corner-text .bento-hex-canvas,
        .bento-card--corner-text .bento-map-canvas,
        .bento-card--corner-text .bento-pulse-canvas { bottom: 0; height: 100%; }
        .bento-card--corner-text .bento-placeholder-logo { inset: 0; }
        .bento-card--corner-text .bento-card-layout {
            top: auto;
            bottom: 0; left: 0; right: 0;
            height: auto;
            background: linear-gradient(to top, rgba(255,255,255,0.92) 0%, transparent 65%);
            border-top: none;
            padding: 3rem 1.8rem 1.8rem;
            justify-content: flex-end;
        }
        .bento-card--corner-text .bento-title {
            font-size: clamp(1.35rem, 2vw, 1.9rem);
            font-weight: 300;
            line-height: 1.25;
            letter-spacing: -0.02em;
            color: #0a0a0a;
            margin: 0;
        }
        .bento-card--ownership .bento-title,
        .bento-card--attribution .bento-title {
            font-size: clamp(1.25rem, 1.75vw, 1.65rem);
            text-wrap: balance;
        }
        .bento-title .nowrap { white-space: nowrap; }

        #results-section {
            position: relative;
            width: 100vw;
            height: calc(var(--vh, 1vh) * 100);
            left: 50%;
            transform: translateX(-50%);
            background: linear-gradient(180deg, #09090a 0%, #0a0a0b 48%, #070708 100%);
            overflow: hidden;
        }
        #rs-perspective {
            position: absolute;
            inset: 0;
            perspective: 1000px;
            pointer-events: none;
        }
        #rs-world {
            position: absolute;
            inset: 0;
            transform-style: preserve-3d;
        }
        #rs-tunnel-bg {
            position: absolute;
            inset: 0;
            overflow: hidden;
            background: linear-gradient(to bottom, #080f1c 0%, #02040a 38%, #02040a 62%, #080f1c 100%);
        }
        #rs-tunnel-bg svg {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            display: block;
        }
        .rs-vignette-inner {
            display: none;
        }
        body[data-v-corridor-style="v3"] #rs-tunnel-bg,
        body[data-v-corridor-style="v4"] #rs-tunnel-bg,
        body[data-v-corridor-style="v5"] #rs-tunnel-bg {
            background: linear-gradient(to bottom, #030303 0%, #000000 38%, #000000 62%, #030303 100%);
        }
        body[data-v-corridor-style="v6"] #rs-tunnel-bg {
            background:
                radial-gradient(56% 42% at 50% 62%, rgba(255,255,255,0.085) 0%, rgba(255,255,255,0.028) 46%, rgba(0,0,0,0) 72%),
                linear-gradient(to bottom, #060607 0%, #020203 38%, #020203 62%, #060607 100%);
        }
        body[data-v-corridor-style="v7"] #rs-tunnel-bg {
            background:
                radial-gradient(62% 46% at 50% 62%, rgba(44,74,150,0.14) 0%, rgba(16,26,58,0.05) 48%, rgba(0,0,0,0) 74%),
                linear-gradient(to bottom, #020309 0%, #000004 38%, #000004 62%, #020309 100%);
        }
        #rs-corridor,
        #rs-badges {
            shape-rendering: optimizeSpeed;
        }
        #rs-badges {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            display: block;
            pointer-events: none;
        }
        #rs-corridor text,
        #rs-badges text {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            pointer-events: none;
            user-select: none;
        }
        #rs-corridor .rs-award-tag,
        #rs-badges .rs-award-tag {
            fill: rgba(84, 106, 148, 0.92);
            font-size: 9px;
            font-weight: 600;
            letter-spacing: 2px;
        }
        #rs-corridor .rs-award-title,
        #rs-badges .rs-award-title {
            fill: rgba(22, 30, 46, 0.94);
            font-size: 15px;
            font-weight: 700;
            letter-spacing: 0.3px;
        }
        #rs-corridor .rs-award-stars,
        #rs-badges .rs-award-stars {
            fill: rgba(238, 160, 44, 0.96);
            font-size: 12px;
            letter-spacing: 3px;
        }
        #rs-corridor .rs-q-tag,
        #rs-badges .rs-q-tag {
            fill: rgba(232, 88, 100, 0.95);
            font-size: 11px;
            font-weight: 600;
            letter-spacing: 2.6px;
        }
        #rs-corridor .rs-q-line,
        #rs-badges .rs-q-line {
            fill: rgba(250, 250, 251, 0.97);
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0.2px;
        }

        #rs-base {
            position: absolute;
            inset: 0;
            background: #09090b;
            z-index: 50;
        }
        #rs-top {
            position: absolute;
            top: 0;
            left: -50vw; right: -50vw;
            height: calc(var(--vh, 1vh) * 50);
            background: #09090b;
            border-bottom: 1px solid rgba(255,255,255,0.10);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            z-index: 40;
            transform-style: preserve-3d;
            transform-origin: top center;
        }
        #rs-bottom {
            position: absolute;
            bottom: 0;
            left: -50vw; right: -50vw;
            height: calc(var(--vh, 1vh) * 50);
            background: #09090b;
            border-top: 1px solid rgba(255,255,255,0.10);
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            padding-top: 3rem;
            z-index: 20;
            transform-style: preserve-3d;
            transform-origin: bottom center;
            box-shadow: 0 -30px 60px rgba(0,0,0,0.8);
        }

        .rs-shutter-content {
            position: relative;
            z-index: 10;
            width: 100%;
            max-width: min(1200px, calc(100vw - 3rem));
            margin: 0 auto;
            padding: 0 1.5rem;
            backface-visibility: hidden;
            -webkit-backface-visibility: hidden;
        }
        .rs-header {
            border-top: 1px solid rgba(255,255,255,0.10);
            padding-top: 2.5rem;
            padding-bottom: 3rem;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
            gap: 4vw;
        }
        .rs-header h2 {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(1.9rem, 3.2vw, 3.2rem);
            font-weight: 300;
            letter-spacing: -0.03em;
            line-height: 1.12;
            background: linear-gradient(135deg, #ffffff 0%, #c4c5c9 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            margin: 0;
            max-width: 500px;
        }
        .rs-header p {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.65;
            color: rgba(220,221,226,0.72);
            margin: 0;
            max-width: 380px;
        }
        .rs-stats {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            text-align: left;
        }
        .rs-stat {
            display: flex;
            flex-direction: column;
            padding: 2rem 3rem 2rem 0;
            border-right: 1px solid rgba(255,255,255,0.07);
            position: relative;
        }
        .rs-stat:last-child { border-right: none; padding-right: 0; }
        .rs-stat + .rs-stat { padding-left: 3rem; }
        @media (min-width: 821px) and (max-width: 1340px) {
            .rs-header { padding-right: 24px; }
            .rs-stat:last-child { padding-right: 24px; }
        }
        .rs-stat::before {
            content: '';
            display: block;
            width: 28px;
            height: 2px;
            border-radius: 2px;
            background: linear-gradient(90deg, rgba(200,16,46,0.90), rgba(220,50,70,0.35));
            margin-bottom: 1.4rem;
        }
        .rs-stat-tag {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.76rem;
            font-weight: 600;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: rgba(216,218,224,0.70);
            margin-bottom: 0.85rem;
            display: block;
        }
        .rs-stat-num {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(3.2rem, 4.8vw, 4.8rem);
            font-weight: 300;
            letter-spacing: -0.03em;
            background: linear-gradient(135deg, #ffffff 0%, #cbccd1 55%, #96979e 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            color: transparent;
            line-height: 1;
            margin-bottom: 1.1rem;
        }
        .rs-stat-num .rs-stat-unit { font-size: 0.44em; letter-spacing: -0.01em; }
        .rs-stat-desc {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.94rem;
            font-weight: 400;
            line-height: 1.65;
            color: rgba(212,214,220,0.68);
            max-width: 31ch;
        }

        .rs-shutter-grid {
            position: absolute;
            inset: 0;
            opacity: 0;
            pointer-events: none;
        }
        .grid-ceiling {
            background-image:
                linear-gradient(to right, var(--tunnel-line-soft) 1px, transparent 1px),
                linear-gradient(to bottom, var(--tunnel-line) 1px, transparent 1px);
            background-size: 60px 60px;
            mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 85%);
            -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 85%);
        }
        .grid-floor {
            background-image:
                linear-gradient(to right, var(--tunnel-line-soft) 1px, transparent 1px),
                linear-gradient(to bottom, var(--tunnel-line) 1px, transparent 1px);
            background-size: 60px 60px;
            mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 85%);
            -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 85%);
        }
        .grid-ceiling::before,
        .grid-floor::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(78deg, transparent 49.5%, rgba(255,255,255,0.10) 50%, transparent 50.5%),
                linear-gradient(102deg, transparent 49.5%, rgba(255,255,255,0.10) 50%, transparent 50.5%),
                linear-gradient(86deg, transparent 49.7%, rgba(255,255,255,0.06) 50%, transparent 50.3%),
                linear-gradient(94deg, transparent 49.7%, rgba(255,255,255,0.06) 50%, transparent 50.3%);
            opacity: 0.7;
            pointer-events: none;
        }

        .rs-wall {
            position: absolute;
            top: -100vh; bottom: -100vh;
            width: 50vw;
            opacity: 0;
            pointer-events: none;
            background-image:
                linear-gradient(to bottom, var(--tunnel-line) 1px, transparent 1px),
                linear-gradient(to right,  rgba(255,255,255,0.025) 1px, transparent 1px);
            background-size: 60px 60px;
        }
        .rs-wall-left {
            left: 0;
            transform-origin: left center;
            transform: rotateY(88deg);
            mask-image: linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
            -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
        }
        .rs-wall-right {
            right: 0;
            transform-origin: right center;
            transform: rotateY(-88deg);
            mask-image: linear-gradient(to left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
            -webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
        }

        .print-track-line {
            position: absolute;
            left: 50%;
            top: 50%;
            bottom: auto;
            width: clamp(180px, 28vw, 440px);
            height: 1px;
            transform: translate(-50%, -50%);
            background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.45) 16%, rgba(255,255,255,0.82) 50%, rgba(255,255,255,0.45) 84%, transparent 100%);
            box-shadow: 0 0 24px var(--tunnel-glow);
        }
        .print-track-line::before,
        .print-track-line::after {
            content: '';
            position: absolute;
            left: 50%;
            width: min(34vw, 520px);
            height: 1px;
            transform: translateX(-50%);
            background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.12) 20%, rgba(255,255,255,0.28) 50%, rgba(255,255,255,0.12) 80%, transparent 100%);
        }
        .print-track-line::before {
            top: -22px;
        }
        .print-track-line::after {
            top: 22px;
        }

        #rs-roller-top, #rs-roller-bottom {
            position: absolute;
            left: -50vw; right: -50vw;
            height: 6px;
            border-radius: 3px;
            background: linear-gradient(to right,
                rgba(255,255,255,0.0) 0%,
                rgba(255,255,255,0.18) 15%,
                rgba(255,255,255,0.30) 50%,
                rgba(255,255,255,0.18) 85%,
                rgba(255,255,255,0.0) 100%);
            opacity: 0;
            z-index: 45;
            pointer-events: none;
        }
        #rs-roller-top {
            bottom: 0;
            box-shadow: 0 2px 18px rgba(255,255,255,0.12), 0 0 40px rgba(255,255,255,0.06);
        }
        #rs-roller-bottom {
            top: 0;
            box-shadow: 0 -2px 18px rgba(255,255,255,0.12), 0 0 40px rgba(255,255,255,0.06);
        }

        .rs-cmyk {
            position: absolute;
            left: -50vw; right: -50vw;
            height: 8px;
            opacity: 0;
            pointer-events: none;
            z-index: 46;
            display: flex;
        }
        .rs-cmyk-top { top: 0; }
        .rs-cmyk-bottom { bottom: 0; }
        .rs-cmyk span {
            flex: 1;
            height: 100%;
        }

        .rs-reg-mark {
            position: absolute;
            width: 20px; height: 20px;
            opacity: 0;
            pointer-events: none;
            z-index: 6;
        }
        .rs-reg-mark::before, .rs-reg-mark::after {
            content: '';
            position: absolute;
            background: rgba(255,255,255,0.35);
        }
        .rs-reg-mark::before {
            top: 50%; left: 0; right: 0; height: 1px;
            transform: translateY(-50%);
        }
        .rs-reg-mark::after {
            left: 50%; top: 0; bottom: 0; width: 1px;
            transform: translateX(-50%);
        }
        .rs-reg-mark-circle {
            position: absolute;
            inset: 0;
            border: 1px solid rgba(255,255,255,0.28);
            border-radius: 50%;
        }

        .rs-feed-arrow {
            position: absolute;
            right: 24px;
            font-size: 0.5rem;
            letter-spacing: 0.12em;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, sans-serif;
            font-weight: 600;
            color: rgba(255,255,255,0.18);
            text-transform: uppercase;
            writing-mode: vertical-rl;
            opacity: 0;
            pointer-events: none;
            user-select: none;
        }

        .rs-shutter-grid,
        .rs-wall,
        .print-track-line,
        #rs-roller-top,
        #rs-roller-bottom,
        .rs-cmyk,
        .rs-reg-mark,
        .rs-feed-arrow {
            display: none !important;
        }

        .stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
        .stat-item { display: flex; flex-direction: column; padding-right: 3.6rem; border-right: 1px solid rgba(255,255,255,0.08); }
        .stat-item:last-child { border-right: none; padding-right: 0; }
        .stat-item + .stat-item { padding-left: 3.6rem; }
        .stat-tag { font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.52rem; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: rgba(255,255,255,0.28); margin-bottom: 1rem; }
        .stat-num { font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: clamp(3.4rem, 5.8vw, 5.8rem); font-weight: 100; letter-spacing: -0.04em; color: #f5f5f7; line-height: 1; margin-bottom: 1rem; }
        .stat-desc { font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 0.78rem; font-weight: 300; line-height: 1.65; color: rgba(255,255,255,0.38); max-width: 30ch; }

        .reveal-on-scroll {
            opacity: 0;
            transform: translateY(22px);
            transition: opacity 0.72s cubic-bezier(0.16, 1, 0.3, 1),
                        transform 0.72s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .reveal-on-scroll.revealed { opacity: 1; transform: translateY(0); }

        #rs-room {
            position: absolute;
            inset: 0;
            background: #fff;
            clip-path: polygon(50% 50%, 50% 50%, 50% 50%);
        }
        #rs-room-scale {
            position: absolute;
            inset: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: calc(var(--vh, 1vh) * 6) 6vw;
            text-align: center;
            transform-origin: 50% 62%;
            will-change: transform;
        }
        #finale-flow {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            display: block;
            pointer-events: none;
            z-index: 0;
        }

        .finale-inner {
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 640px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 1.5rem;
        }
        .finale-inner::before {
            content: '';
            position: absolute;
            inset: -16% -26%;
            z-index: -1;
            background: radial-gradient(58% 60% at 50% 48%,
                        #fff 0%, rgba(255,255,255,0.92) 44%, rgba(255,255,255,0) 100%);
            pointer-events: none;
        }
        .finale-eyebrow {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.58rem;
            font-weight: 500;
            letter-spacing: 0.32em;
            text-transform: uppercase;
            color: rgba(0,0,0,0.40);
        }
        .finale-head {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(2.2rem, 5vw, 3.6rem);
            font-weight: 100;
            letter-spacing: -0.03em;
            line-height: 1.04;
            color: #0a0a0a;
            margin: 0;
        }
        .finale-lede {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(0.9rem, 1.2vw, 1rem);
            font-weight: 300;
            line-height: 1.6;
            color: rgba(0,0,0,0.50);
            max-width: 42ch;
            margin: 0 0 0.4rem;
        }
        .finale-form {
            width: 100%;
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            margin-top: 0.3rem;
        }
        .ff-row { display: flex; gap: 1.6rem; }
        .ff-field {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 0.35rem;
            text-align: left;
            position: relative;
        }
        .ff-label {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.55rem;
            font-weight: 500;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            color: rgba(0,0,0,0.40);
        }
        .ff-field input {
            width: 100%;
            padding: 0.4rem 0;
            background: transparent;
            border: none;
            border-bottom: 1px solid rgba(0,0,0,0.16);
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 1rem;
            font-weight: 300;
            color: #0a0a0a;
            outline: none;
        }
        .ff-field::after {
            content: '';
            position: absolute;
            left: 0; bottom: 0;
            height: 1px; width: 100%;
            background: #0a0a0a;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .ff-field:focus-within::after { transform: scaleX(1); }
        .ff-submit {
            margin-top: 0.7rem;
            align-self: center;
            display: inline-flex;
            align-items: center;
            gap: 0.7rem;
            padding: 0.95rem 2.4rem;
            background: #0a0a0a;
            border: 1px solid #0a0a0a;
            color: #fff;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.72rem;
            font-weight: 400;
            letter-spacing: 0.16em;
            text-transform: uppercase;
            cursor: pointer;
            transition: background 0.25s ease, transform 0.25s ease, gap 0.25s ease;
        }
        .ff-submit:hover { background: #000; transform: translateY(-1px); gap: 1rem; }
        .ff-submit svg { width: 14px; height: 14px; fill: none; stroke: #fff; stroke-width: 1.7; }
        .ff-alt {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.78rem;
            font-weight: 300;
            color: rgba(0,0,0,0.42);
            margin: 0;
        }
        .ff-alt a {
            color: #0a0a0a;
            text-decoration: none;
            border-bottom: 1px solid rgba(0,0,0,0.25);
            padding-bottom: 1px;
            transition: border-color 0.2s ease;
        }
        .ff-alt a:hover { border-bottom-color: #0a0a0a; }
        .finale-thanks { display: flex; flex-direction: column; gap: 0.6rem; }
        .finale-thanks[hidden] { display: none; }
        .finale-thanks h3 {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(1.6rem, 3vw, 2.2rem); font-weight: 100;
            letter-spacing: -0.02em; color: #0a0a0a; margin: 0;
        }
        .finale-thanks p {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.9rem; font-weight: 300; color: rgba(0,0,0,0.5); margin: 0;
        }

        body[data-v-finale-scene="v2"] #rs-room {
            background: radial-gradient(120% 120% at 50% 50%, #ffffff 55%, #eef0f5 100%);
        }

        body[data-v-finale-scene="v3"] #rs-room {
            background: radial-gradient(120% 120% at 50% 50%, #ffffff 48%, #edf0f6 100%);
        }

        @media (prefers-reduced-motion: no-preference) {
            .eft-inner {
                opacity: 0;
                transform: translateY(22px);
                transition: opacity 0.7s ease,
                            transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
            }
            #finale-footer.posted .eft-inner { opacity: 1; transform: none; }
        }

        @media (max-width: 860px) {
            .eft-top { flex-direction: column; gap: 3rem; }
            .eft-cols { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
            .eft-bottom { flex-direction: column; gap: 0.8rem; }
        }

        @media (max-width: 640px) {
            .ff-row { flex-direction: column; gap: 1.5rem; }
        }

        #revealed-section { background: #f6f8fa; }
        #solutions-flow   { background: #f6f8fa; }
        .solutions-section { background: transparent; }

        body[data-v-bento-bg="warm"] #revealed-section,
        body[data-v-bento-bg="warm"] #solutions-flow,
        body[data-v-bento-bg="neutral"] #revealed-section,
        body[data-v-bento-bg="neutral"] #solutions-flow,
        body[data-v-bento-bg="slate"] #revealed-section,
        body[data-v-bento-bg="slate"] #solutions-flow {
            background: #f6f8fa;
        }
        body[data-v-bento-bg="warm"] .solutions-section,
        body[data-v-bento-bg="neutral"] .solutions-section,
        body[data-v-bento-bg="slate"] .solutions-section {
            background: transparent;
        }
        body[data-v-bento-bg="warm"]    #vertical-bridge { --vb-light: #efeae3; }
        body[data-v-bento-bg="neutral"] #vertical-bridge { --vb-light: #e8e9ec; }
        body[data-v-bento-bg="slate"]   #vertical-bridge { --vb-light: #F6F8FA; }

        .solutions-section { position: relative; }
        .solutions-inner   { position: relative; z-index: 1; }
        #revealed-section::before {
            content: '';
            position: absolute; inset: 0;
            pointer-events: none;
            background:
                radial-gradient(58% 44% at 80% 0%,  rgba(255,255,255,0.55), transparent 70%),
                radial-gradient(46% 38% at 0% 26%,  rgba(93,110,158,0.09),  transparent 72%),
                radial-gradient(44% 34% at 98% 52%, rgba(93,110,158,0.06),  transparent 72%);
        }

        body[data-v-bento-cta="v2"] .bento-grid .s-cta {
            order: 999;
            margin-top: 1rem;
            margin-bottom: 0;
            border-top: 1px solid rgba(0,0,0,0.08);
            padding-top: 1.4rem;
        }
        body[data-v-bento-cta="v2"] .bento-grid.in-view .s-cta {
            transition-delay: 440ms;
        }

        .results-section { background: #0a0a0c; }

        .s-label         { color: rgba(0,0,0,0.42); }
        .s-label::before { background: var(--honey); }

        .s-intro-bar::before { background: rgba(48,60,110,0.14); }
        .s-intro-num     { border-right-color: rgba(48,60,110,0.14); }
        .s-intro-head    { border-right-color: rgba(48,60,110,0.14); }
        .s-num           { color: #111114; }
        .s-intro-head h2 { color: #111114; }
        .s-intro-para    { color: rgba(17,17,20,0.72); }
        .s-link          { color: rgba(17,17,20,0.72); }
        .s-link::after   { color: var(--honey-deep); }
        .s-link:hover    { color: var(--honey-deep); }

        .s-cta         { border-top-color: rgba(48,60,110,0.14); }
        .s-cta-copy h3 { color: #111114; }
        .s-cta-copy p  { color: rgba(17,17,20,0.66); }

        .solutions-section {
            --bento-surface:       #fcfdff;
            --bento-surface-rgb:   252, 253, 255;
            --bento-surface-hover: #f9fbfe;
        }

        .bento-grid       { background: transparent; padding: 0; }
        .bento-card       { background: var(--bento-surface); box-shadow: 0 1px 3px rgba(20,30,70,0.07), 0 4px 16px rgba(20,30,70,0.05); }
        .bento-card:hover { background: var(--bento-surface-hover); box-shadow: 0 2px 6px rgba(20,30,70,0.10), 0 8px 24px rgba(20,30,70,0.08); }
        .bento-visual     { border-left-color: rgba(48,60,110,0.10); }

        .bento-card-layout,
        .bento-card--map .bento-card-layout,
        .bento-card:has(.pipeline-fill) .bento-card-layout,
        .bento-card:has(.speed-hero)    .bento-card-layout,
        .bento-card:has(.funnel-full)   .bento-card-layout {
            background: var(--bento-surface);
            border-top-color: rgba(48,60,110,0.10);
        }
        .bento-card--headline-top .bento-card-layout,
        .bento-card--corner-text .bento-card-layout {
            background: none;
            border-top: none;
        }
        .bento-card--headline-top .bento-title { color: #0a0a0a; }

        .bento-chip, .pl-badge { color: rgba(0,0,0,0.42); border-color: rgba(0,0,0,0.12); }

        .bento-title, .pl-name, .speed-num, .ff-num { color: #111114; }
        .bento-desc, .pl-step, .speed-unit, .sc-val, .ff-label { color: rgba(0,0,0,0.50); }

        .map-metrics {
            background: linear-gradient(to bottom,
                rgba(var(--bento-surface-rgb),0.97),
                rgba(var(--bento-surface-rgb),0.72));
            border-bottom-color: rgba(0,0,0,0.08);
        }
        .mm-cell         { border-right-color: rgba(0,0,0,0.08); }
        .mm-cell::before { background: var(--honey); filter: drop-shadow(0 0 3px rgba(255,255,255,0.55)); }
        .mm-num          { color: #111114; text-shadow: 0 1px 12px rgba(255,255,255,0.96); }
        .mm-label        { color: rgba(0,0,0,0.50); text-shadow: 0 1px 10px rgba(255,255,255,0.96); }

        .pipeline-fill::before { background: rgba(0,0,0,0.14); }
        .pl-row                { border-bottom-color: rgba(0,0,0,0.07); }
        .pl-dot                { background: var(--honey); box-shadow: 0 0 0 5px var(--bento-surface); filter: drop-shadow(0 0 4px rgba(255,255,255,0.5)); }
        .bento-card:hover .pl-dot { box-shadow: 0 0 0 5px var(--bento-surface-hover); filter: drop-shadow(0 0 7px rgba(255,255,255,0.7)); }

        .speed-vs-label { color: rgba(0,0,0,0.32); }
        .speed-vs-bar   { background: rgba(0,0,0,0.12); }
        .sc-tag         { color: var(--honey-deep); }
        .sc-tag.dim     { color: rgba(0,0,0,0.32); }
        .hexc           { background: rgba(0,0,0,0.12); }
        .hexc.on        { background: var(--honey); filter: drop-shadow(0 0 2px rgba(255,255,255,0.7)); }
        .sc-val         { color: rgba(0,0,0,0.52); }
        .sc-val.dim     { color: rgba(0,0,0,0.30); }

        .ff-band                   { border-bottom-color: rgba(0,0,0,0.07); }
        .ff-band:nth-child(1) .ff-fill { background: rgba(255,255,255,0.17); }
        .ff-band:nth-child(2) .ff-fill { background: rgba(255,255,255,0.115); }
        .ff-band:nth-child(3) .ff-fill { background: rgba(255,255,255,0.075); }
        .ff-band:nth-child(4) .ff-fill { background: rgba(255,255,255,0.045); }
        .ff-num::before { background: var(--honey); filter: drop-shadow(0 0 3px rgba(255,255,255,0.5)); }
        .ff-divider     { background: rgba(0,0,0,0.10); }

        .speed-num {
            background: var(--honey-grad);
            -webkit-background-clip: text; background-clip: text;
            -webkit-text-fill-color: transparent; color: transparent;
        }
        .speed-unit { color: var(--honey-deep); opacity: 0.9; }

        .results-header                { border-top-color: rgba(255,255,255,0.10); }
        .results-header h2             { color: #f5f5f7; }
        .results-header p              { color: rgba(255,255,255,0.48); }
        .stat-grid                     { border-top-color: rgba(255,255,255,0.10); }
        .stat-item                     { border-right-color: rgba(255,255,255,0.10); }
        .stat-tag                      { color: var(--honey-bright); opacity: 0.85; }
        .stat-num                      {
            background: linear-gradient(135deg, #d8d8de 0%, #aeaeb6 52%, #7a7a82 100%);
            -webkit-background-clip: text; background-clip: text;
            -webkit-text-fill-color: transparent; color: transparent;
        }
        .stat-desc                     { color: rgba(255,255,255,0.44); }

        @media (max-width: 760px) {
            .solutions-section {
                padding: calc(var(--vh, 1vh) * 8) 0 calc(var(--vh, 1vh) * 4);
            }
            .solutions-inner {
                width: min(88%, 560px);
                gap: 2rem;
            }
            .s-intro-bar {
                grid-template-columns: 1fr;
                gap: 1.6rem;
            }
            .s-intro-bar::before {
                margin-bottom: 0;
            }
            .s-intro-num {
                flex-direction: row;
                align-items: baseline;
                gap: 0.8rem;
                border-right: none;
                border-bottom: 1px solid rgba(0,0,0,0.08);
                padding-right: 0;
                padding-bottom: 1.2rem;
            }
            .s-num-unit { margin-top: 0; }
            .s-intro-bar .s-label { margin-top: 0; }
            .s-intro-head {
                padding-left: 0;
                border-right: none;
                padding-right: 0;
            }
            .s-intro-head h2 { font-size: clamp(1.8rem, 7vw, 2.4rem); }
            .s-intro-body { padding-left: 0; }
            .bento-grid {
                display: grid;
                grid-template-columns: 1fr;
            }
            .bento-card,
            .bento-card:nth-child(1),
            .bento-card:nth-child(4) {
                flex-basis: auto;
                aspect-ratio: auto;
                min-height: 470px;
            }
            .bento-card:nth-child(2) {
                min-height: 560px;
            }
            .bento-grid .s-cta { box-sizing: border-box; }
            .bento-card-layout,
            .bento-card.has-visual .bento-card-layout {
                padding: 0.9rem 1.1rem 1.05rem;
            }
            .bento-card--headline-top .bento-card-layout {
                padding-top: 4.2rem;
            }
            .bento-title {
                font-size: 1rem;
            }
            .bento-desc {
                font-size: 0.76rem;
            }
            .map-metrics {
                min-height: 34px;
                padding: 0.3rem 0.65rem;
            }
            .mm-num {
                font-size: 0.82rem;
            }
            .mm-cell {
                gap: 0.35rem;
                padding-right: 0.45rem;
            }
            .mm-label,
            .pl-step,
            .pl-badge,
            .ff-label {
                font-size: 0.32rem;
            }
            .pipeline-fill {
                --line-x: 2.1rem;
            }
            .pl-row {
                padding-right: 1rem;
            }
            .pl-content {
                padding-left: 0.75rem;
            }
            .pl-name {
                font-size: 1.35rem;
            }
            .pl-badge {
                padding: 0.14rem 0.35rem;
            }
            .speed-num {
                font-size: clamp(5.8rem, 28vw, 8.2rem);
            }
            .speed-compare {
                transform: scale(0.9);
                transform-origin: center top;
            }
            .ff-content {
                padding: 0 1.1rem;
                gap: 0.8rem;
            }
            .ff-num {
                min-width: 5.8rem;
                font-size: 1.55rem;
            }
        }
        @media (min-width: 701px) and (max-width: 760px) {
            .bento-grid > .bento-card--attribution { min-height: 600px; }
        }
        @media (min-width: 761px) and (max-width: 1024px) {
            .bento-grid > .bento-card--targeting,
            .bento-grid > .bento-card--speed {
                flex-basis: 100%;
                aspect-ratio: 816 / 676;
                max-height: 560px;
            }
            .bento-grid > .bento-card--ownership,
            .bento-grid > .bento-card--attribution {
                flex-basis: calc(50% - 4px);
                aspect-ratio: 400 / 700;
                max-height: 600px;
            }
            .bento-grid > .s-cta { order: 1; }
            .bento-grid > .bento-card--speed { order: 2; }
            .bento-grid.in-view .bento-card:nth-child(4) { transition-delay: 200ms; }
            .bento-grid.in-view .s-cta { transition-delay: 280ms; }
        }

        @property --o { syntax:'<number>'; inherits:true; initial-value:1; }

        #ownership-3d {
            position: absolute;
            inset: 0;
            overflow: hidden;
            --line:       #e7ebf3;
            --accent:     #d92632;
            --accent-2:   #f2949b;
            --accent-soft:#f3c2c6;
            --glow:       rgba(217,38,50,.20);
            --f-top:   linear-gradient(135deg,#ffffff 0%,#f1f4fa 100%);
            --f-front: linear-gradient(180deg,#f3f5fa 0%,#e8ecf5 100%);
            --f-side:  linear-gradient(180deg,#e4e9f3 0%,#d8dfec 100%);
            --f-inner: linear-gradient(180deg,#d9dfec 0%,#e9edf6 100%);
            --t: 11s;
        }
        #ownership-3d .uo-stage {
            position:absolute; inset:0; display:grid; place-items:center;
            grid-template-columns:100%; grid-template-rows:100%;
        }
        #ownership-3d .uo-scene {
            position:relative; width:440px; height:520px; transform-origin:center;
        }
        #ownership-3d .uo-ground {
            position:absolute; left:50%; bottom:36px;
            width:290px; height:48px; transform:translateX(-50%);
            background:radial-gradient(50% 50% at 50% 50%, rgba(28,40,70,.17), transparent 70%);
            filter:blur(2px);
            animation:uoGroundPulse var(--t) ease-in-out infinite;
        }
        @keyframes uoGroundPulse {
            0%,27%,96%,100%{ transform:translateX(-50%) scale(1);   opacity:1;  }
            45%,80%        { transform:translateX(-50%) scale(.88); opacity:.55;}
        }
        #ownership-3d .uo-camera {
            position:absolute; inset:0; perspective:1600px; perspective-origin:50% 36%;
        }
        #ownership-3d .uo-world {
            position:absolute; left:50%; top:71%;
            transform-style:preserve-3d;
            animation:uoWorldIdle var(--t) ease-in-out infinite;
        }
        @keyframes uoWorldIdle {
            0%,100%{ transform:translateY(0)    rotateX(-22deg) rotateY(-33deg); }
            50%    { transform:translateY(-8px) rotateX(-21deg) rotateY(-30.5deg); }
        }
        #ownership-3d .uo-box,
        #ownership-3d .uo-grp { position:absolute; transform-style:preserve-3d; }
        #ownership-3d .uo-face {
            position:absolute; left:0; top:0;
            border-radius:3px;
            opacity:var(--o,1);
            backface-visibility:visible;
        }
        #ownership-3d .fF{ width:var(--w); height:var(--h); background:var(--f-front);
             transform:translate(-50%,-50%) translateZ(calc(var(--d)/2)); }
        #ownership-3d .fB{ width:var(--w); height:var(--h); background:var(--f-side);
             transform:translate(-50%,-50%) rotateY(180deg) translateZ(calc(var(--d)/2)); }
        #ownership-3d .fR{ width:var(--d); height:var(--h); background:var(--f-side);
             transform:translate(-50%,-50%) rotateY(90deg)  translateZ(calc(var(--w)/2)); }
        #ownership-3d .fL{ width:var(--d); height:var(--h); background:var(--f-front);
             transform:translate(-50%,-50%) rotateY(-90deg) translateZ(calc(var(--w)/2)); }
        #ownership-3d .fT{ width:var(--w); height:var(--d); background:var(--f-top);
             transform:translate(-50%,-50%) rotateX(90deg)  translateZ(calc(var(--h)/2)); }
        #ownership-3d .fD{ width:var(--w); height:var(--d); background:var(--f-inner);
             transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--h)/2)); }
        #ownership-3d .uo-hub { --w:208px; --h:150px; --d:152px; transform:translate3d(0,24px,0); }
        #ownership-3d .uo-hub .uo-face { border:1px solid var(--line); }
        #ownership-3d .uo-hub .floorIn {
            width:calc(var(--w) - 8px); height:calc(var(--d) - 8px);
            background:var(--f-inner); border:none; border-radius:4px;
            transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--h)/-2 + 10px));
        }
        #ownership-3d .uo-hub .frame {
            width:var(--w); height:var(--d);
            background:transparent; border:2.5px solid #ffffff; border-radius:4px;
            box-shadow:0 0 0 1px var(--line), inset 0 0 0 1px var(--line);
            transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--h)/2));
        }
        #ownership-3d .uo-hub .glowIn {
            width:170px; height:120px; border:none; border-radius:50%;
            background:radial-gradient(50% 50% at 50% 50%, var(--glow), transparent 70%);
            transform:translate(-50%,-50%) rotateX(90deg) translateZ(calc(var(--h)/2 - 4px));
            opacity:0; animation:uoGlow var(--t) ease-in-out infinite;
        }
        @keyframes uoGlow { 0%,29%{opacity:0} 40%,72%{opacity:1} 84%,100%{opacity:0} }
        #ownership-3d .uo-hub .fR,
        #ownership-3d .uo-hub .fB {
            background:
                linear-gradient(180deg,#dde3ef 0 22px,rgba(221,227,239,0) 22px),
                linear-gradient(0deg,#cfd8e8 0 47px,rgba(207,216,232,0) 47px),
                repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 1.5px,transparent 1.5px 20px),
                repeating-linear-gradient(180deg,#b3c1da 22px 41px,#dde3ef 41px 49px),
                linear-gradient(180deg,#e4e9f3,#d8dfec);
        }
        #ownership-3d .uo-hub .fL {
            background:
                linear-gradient(180deg,#f0f3fa 0 22px,rgba(240,243,250,0) 22px),
                linear-gradient(0deg,#dfe5f1 0 47px,rgba(223,229,241,0) 47px),
                repeating-linear-gradient(90deg,rgba(255,255,255,.5) 0 1.5px,transparent 1.5px 20px),
                repeating-linear-gradient(180deg,#c3d1e7 22px 41px,#eef1f8 41px 49px),
                linear-gradient(180deg,#f3f5fa,#e8ecf5);
        }
        #ownership-3d .uo-hub .fF .fac-glass {
            position:absolute; left:9px; right:9px; top:22px; height:81px;
            border-radius:2px;
            background:
                linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,0) 45%),
                repeating-linear-gradient(90deg,rgba(255,255,255,.65) 0 1.5px,transparent 1.5px 21px),
                repeating-linear-gradient(180deg,#c6d4ea 0 19px,#eef1f8 19px 27px);
            box-shadow:inset 0 0 0 1px #dde3f0;
        }
        #ownership-3d .uo-hub .fF .fac-canopy {
            position:absolute; left:5px; right:5px; bottom:36px; height:5px;
            background:linear-gradient(180deg,#ffffff,#e8ecf5);
            border-radius:2px;
            box-shadow:0 2px 3px rgba(28,40,70,.18);
        }
        #ownership-3d .uo-hub .fF .fac-lobby {
            position:absolute; left:9px; right:9px; bottom:0; height:34px;
            border-radius:2px 2px 0 0;
            background:
                repeating-linear-gradient(90deg,rgba(255,255,255,.45) 0 1.5px,transparent 1.5px 21px),
                linear-gradient(180deg,#aebfdb,#9db0d0);
        }
        #ownership-3d .uo-hub .fF .fac-entry {
            position:absolute; left:50%; bottom:0; width:34px; height:28px;
            transform:translateX(-50%);
            border-radius:3px 3px 0 0;
            background:linear-gradient(180deg,var(--accent-2),var(--accent));
            box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
        }
        #ownership-3d .uo-hub .fF .fac-entry::after {
            content:""; position:absolute; left:50%; top:3px; bottom:0; width:1.5px;
            transform:translateX(-50%); background:rgba(255,255,255,.55);
        }
        #ownership-3d .uo-hub .fF .sign {
            position:absolute; top:4px; right:12px;
            height:14px; width:auto;
            user-select:none; pointer-events:none;
        }
        #ownership-3d .uo-lid {
            position:absolute; transform-style:preserve-3d;
            animation:uoLidFlight var(--t) linear infinite;
            will-change:transform;
        }
        #ownership-3d .uo-fascia { --w:232px; --h:12px; --d:176px; }
        #ownership-3d .uo-fascia .uo-face {
            border:1px solid #e6ebf4; border-radius:4px;
            background:linear-gradient(180deg,#ffffff,#eef2f9);
        }
        #ownership-3d .uo-fascia .fD { background:var(--f-inner); border-radius:8px; }
        #ownership-3d .uo-roofSlope {
            transform-origin:50% 100%;
            border-radius:0;
            background:
                repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1.5px,transparent 1.5px 22px),
                linear-gradient(180deg,#ee6a70,#c81f2b);
            box-shadow:inset 0 -2px 0 rgba(255,255,255,.22);
        }
        #ownership-3d .uo-roofSlope.rsF,
        #ownership-3d .uo-roofSlope.rsB {
            width:244px; height:101px;
            clip-path:polygon(0 100%,100% 100%,calc(50% + 28px) 0,calc(50% - 28px) 0);
        }
        #ownership-3d .uo-roofSlope.rsF { transform:translate3d(0,-6px,94px) translate(-50%,-100%) rotateX(69deg); }
        #ownership-3d .uo-roofSlope.rsB {
            transform:translate3d(0,-6px,-94px) translate(-50%,-100%) rotateY(180deg) rotateX(69deg);
            background:
                repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1.5px,transparent 1.5px 22px),
                linear-gradient(180deg,#d24851,#a8161f);
        }
        #ownership-3d .uo-roofSlope.rsL,
        #ownership-3d .uo-roofSlope.rsR {
            width:188px; height:101px;
            clip-path:polygon(0 100%,100% 100%,50% 0);
        }
        #ownership-3d .uo-roofSlope.rsL { transform:translate3d(-122px,-6px,0) translate(-50%,-100%) rotateY(-90deg) rotateX(69deg); }
        #ownership-3d .uo-roofSlope.rsR {
            transform:translate3d(122px,-6px,0) translate(-50%,-100%) rotateY(90deg) rotateX(69deg);
            background:
                repeating-linear-gradient(90deg,rgba(255,255,255,.16) 0 1.5px,transparent 1.5px 22px),
                linear-gradient(180deg,#da3641,#b21b26);
        }
        #ownership-3d .uo-ridge {
            width:68px; height:14px; border-radius:7px;
            transform:translate3d(0,-45px,0) translate(-50%,-50%) rotateX(90deg);
            background:linear-gradient(90deg,#a8161f,#d92632 30%,#f2949b 50%,#d92632 70%,#a8161f);
            box-shadow:0 0 14px rgba(217,38,50,.35);
        }
        @keyframes uoLidFlight {
            0%   { transform:translate3d(0,-57px,0)  rotateY(0deg);    animation-timing-function:ease-in-out; }
            27%  { transform:translate3d(0,-57px,0)  rotateY(0deg);    animation-timing-function:cubic-bezier(.6,.03,.13,1); }
            41%  { transform:translate3d(0,-322px,0) rotateY(360deg);  animation-timing-function:ease-in-out; }
            54%  { transform:translate3d(0,-330px,0) rotateY(362deg);  animation-timing-function:ease-in-out; }
            68%  { transform:translate3d(0,-324px,0) rotateY(358.5deg);animation-timing-function:ease-in-out; }
            83%  { transform:translate3d(0,-327px,0) rotateY(360deg);  animation-timing-function:cubic-bezier(.58,.03,.12,1); }
            96%  { transform:translate3d(0,-57px,0)  rotateY(720deg); }
            100% { transform:translate3d(0,-57px,0)  rotateY(720deg); }
        }
        #ownership-3d .uo-slab {
            position:absolute; transform-style:preserve-3d;
            --o:0;
            animation:uoSlabFlight var(--t) linear infinite;
            animation-delay:var(--dl);
            will-change:transform;
        }
        #ownership-3d .uo-slabBox { --w:124px; --h:18px; --d:92px; }
        #ownership-3d .uo-slabBox .uo-face { border:1px solid #eef1f8; }
        #ownership-3d .uo-slabBox .fT {
            border-radius:8px; box-shadow:inset 0 0 0 1.5px #fff;
            display:grid; place-items:center; overflow:hidden;
        }
        #ownership-3d .uo-slabBox .fD { border-radius:8px; }
        #ownership-3d .uo-slab.i1{ --slot:-292px; --dl:.00s; }
        #ownership-3d .uo-slab.i2{ --slot:-248px; --dl:.10s; }
        #ownership-3d .uo-slab.i3{ --slot:-204px; --dl:.20s; }
        #ownership-3d .uo-slab.i4{ --slot:-160px; --dl:.30s; }
        #ownership-3d .uo-slab.i5{ --slot:-116px; --dl:.40s; }
        #ownership-3d .uo-slab.i6{ --slot: -72px; --dl:.50s; }
        @keyframes uoSlabFlight {
            0%  { transform:translate3d(0,32px,0)          scale3d(.45,.45,.45) rotateY(0deg);  --o:0; animation-timing-function:ease; }
            31% { transform:translate3d(0,32px,0)          scale3d(.45,.45,.45) rotateY(0deg);  --o:0; animation-timing-function:cubic-bezier(.5,.04,.11,1); }
            45% { transform:translate3d(0,var(--slot),0)   scale3d(1,1,1)       rotateY(0deg);  --o:1; animation-timing-function:ease-in-out; }
            56% { transform:translate3d(0,calc(var(--slot) - 5px),0) scale3d(1,1,1) rotateY(2deg);  --o:1; animation-timing-function:ease-in-out; }
            66% { transform:translate3d(0,calc(var(--slot) + 3px),0) scale3d(1,1,1) rotateY(-2deg); --o:1; animation-timing-function:ease-in-out; }
            72% { transform:translate3d(0,var(--slot),0)   scale3d(1,1,1)       rotateY(0deg);  --o:1; animation-timing-function:cubic-bezier(.6,0,.42,1); }
            82% { transform:translate3d(0,32px,0)          scale3d(.45,.45,.45) rotateY(0deg);  --o:0; }
            100%{ transform:translate3d(0,32px,0)          scale3d(.45,.45,.45) rotateY(0deg);  --o:0; }
        }
        #ownership-3d .uo-slabBox .fT::after {
            content:""; position:absolute; inset:0; border-radius:8px;
            background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%);
            background-size:300% 100%;
            opacity:0;
            animation:uoShimmer var(--t) linear infinite;
            animation-delay:var(--dl);
        }
        @keyframes uoShimmer {
            0%,48%  { background-position:150% 0; opacity:0; }
            52%     { opacity:1; }
            64%     { background-position:-80% 0; opacity:1; }
            67%,100%{ background-position:-80% 0; opacity:0; }
        }
        #ownership-3d .uo-slab svg .ln  { stroke:var(--accent); }
        #ownership-3d .uo-slab svg .soft{ fill:var(--accent-soft); }
        #ownership-3d .uo-slab svg .hot { fill:var(--accent); }

        #speed-map {
            position:absolute; inset:0; overflow:hidden; z-index:1;
        }
        #speed-map .fr-stage {
            position:absolute; inset:0;
            display:flex; align-items:center; justify-content:center;
            animation:frBreathe 9s ease-in-out infinite;
        }
        @keyframes frBreathe {
            0%,100%{ transform:translateY(3px) scale(.998); }
            50%    { transform:translateY(-4px) scale(1.004); }
        }
        #speed-map svg { width:92%; height:92%; overflow:visible; }
        #speed-map .fr-shadow path { fill:rgba(20,28,52,.16); }
        #speed-map .fr-extrude path { fill:#c7cedf; }
        #speed-map .fr-top path {
            fill:url(#fr-topFill);
            stroke:rgba(70,84,120,.30); stroke-width:.6;
            vector-effect:non-scaling-stroke;
        }
        #speed-map .fr-sheen { mix-blend-mode:soft-light; }
        #speed-map .fr-route {
            fill:none; stroke:#2f5cff;
            stroke-width:3; stroke-linecap:round;
        }
        #speed-map .fr-route-glow {
            fill:none; stroke:rgba(47,92,255,.20);
            stroke-width:9; stroke-linecap:round;
            filter:url(#fr-soften);
        }
        #speed-map .fr-route-in {
            fill:none; stroke:#8ea6ff;
            stroke-width:1.8; stroke-linecap:round;
        }
        #speed-map .fr-node-core { fill:#fff; stroke:#2f5cff; stroke-width:2.4; }
        #speed-map .fr-node-halo { fill:none; stroke:#2f5cff; stroke-width:1.4; vector-effect:non-scaling-stroke; opacity:0; }
        #speed-map .fr-origin-core { fill:#2f5cff; }
        #speed-map .fr-origin-ring {
            fill:none; stroke:#2f5cff; stroke-width:1.6;
            vector-effect:non-scaling-stroke;
            transform-box:fill-box; transform-origin:center;
        }
        @media (prefers-reduced-motion:reduce){ #speed-map .fr-stage { animation:none; } }
        .fr-honey { z-index:0; }

        #campaign-report {
            position:absolute; inset:0; overflow:hidden; z-index:1;
            --loop:9s;
            --cr-bg:#f6f7f9; --cr-ink:#1b2430; --cr-ink-soft:#6b7689;
            --cr-ink-faint:#aab2c0; --cr-line:#e9edf2;
            --cr-blue:#3056d3; --cr-blue-soft:#e7edfd;
            --cr-green:#169a6b; --cr-green-soft:#e3f5ee;
            --cr-red:#d6455d; --cr-red-soft:#fceef1;
            --cr-ease:cubic-bezier(.22,.9,.3,1);
            display:flex; align-items:center; justify-content:center;
            font-family:"SF Pro Display","Segoe UI",system-ui,-apple-system,sans-serif;
            -webkit-font-smoothing:antialiased;
        }
        #campaign-report .cr-glow {
            position:absolute; width:70%; height:46%; top:24%; left:15%; border-radius:50%;
            background:radial-gradient(closest-side,rgba(48,86,211,.10),transparent 70%);
            filter:blur(10px);
            animation:crGlowPulse var(--loop) ease-in-out infinite;
        }
        @keyframes crGlowPulse { 0%,100%{opacity:.7;transform:scale(1)} 50%{opacity:1;transform:scale(1.06)} }
        #campaign-report .cr-scene {
            position:relative; width:82%; max-width:340px; perspective:1200px;
            animation:crFloatY 6s ease-in-out infinite;
        }
        @keyframes crFloatY { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-9px)} }
        #campaign-report .cr-layer {
            position:absolute; left:50%; border-radius:18px;
            background:rgba(255,255,255,.55); border:1px solid rgba(233,237,242,.9);
            box-shadow:0 16px 40px -20px rgba(20,30,50,.25);
        }
        #campaign-report .cr-layer.l1 { width:88%;height:96%;top:3%;transform:translateX(-50%) translateZ(-60px) scale(.94);opacity:.55; }
        #campaign-report .cr-layer.l2 { width:94%;height:98%;top:1.5%;transform:translateX(-50%) translateZ(-30px) scale(.97);opacity:.75; }
        #campaign-report .cr-panel {
            position:relative;
            background:linear-gradient(180deg,#ffffff 0%,#fbfcfe 100%);
            border:1px solid var(--cr-line); border-radius:18px; padding:16px 16px 14px;
            box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 2px 6px rgba(20,30,50,.05),0 30px 60px -30px rgba(20,30,50,.30);
            transform:rotateX(4deg) rotateY(-3deg); transform-style:preserve-3d;
            animation:crPanelTilt 6s ease-in-out infinite;
        }
        @keyframes crPanelTilt { 0%,100%{transform:rotateX(4deg) rotateY(-3deg)} 50%{transform:rotateX(2.5deg) rotateY(-1.5deg)} }
        @media (min-width: 1025px) and (max-width: 1100px) {
            #campaign-report { padding-bottom: 40px; }
            #campaign-report .cr-scene { zoom: 0.8; }
        }
        @media (min-width: 701px) and (max-width: 1024px) {
            #ownership-3d .uo-stage { top: 60px; bottom: 96px; }
            #campaign-report { padding: 56px 0 96px; }
            #campaign-report .cr-scene { zoom: 0.9; max-width: 360px; }
            #speed-map .fr-stage { top: 40px; bottom: 96px; }
        }
        #campaign-report .cr-head { display:flex; align-items:center; gap:8px; margin-bottom:12px; }
        #campaign-report .cr-head .cr-dot { width:8px;height:8px;border-radius:50%;background:var(--cr-blue);box-shadow:0 0 0 4px var(--cr-blue-soft); }
        #campaign-report .cr-head .cr-title { font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cr-ink-soft); }
        #campaign-report .cr-head .cr-live { margin-left:auto;font-size:9px;font-weight:600;letter-spacing:.08em;color:var(--cr-green);background:var(--cr-green-soft);padding:3px 8px;border-radius:99px;text-transform:uppercase; }
        #campaign-report .cr-tiles { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px; }
        #campaign-report .cr-tile {
            background:#fff;border:1px solid var(--cr-line);border-radius:12px;padding:9px 10px 8px;
            box-shadow:0 1px 2px rgba(20,30,50,.04); opacity:0;
            animation:crTileIn var(--loop) var(--cr-ease) infinite;
        }
        #campaign-report .cr-tile:nth-child(1){animation-delay:calc(var(--loop)*0.02)}
        #campaign-report .cr-tile:nth-child(2){animation-delay:calc(var(--loop)*0.05)}
        #campaign-report .cr-tile:nth-child(3){animation-delay:calc(var(--loop)*0.08)}
        #campaign-report .cr-tile:nth-child(4){animation-delay:calc(var(--loop)*0.11)}
        @keyframes crTileIn {
            0%  {opacity:0;transform:translateY(10px) scale(.97)}
            4%  {opacity:0;transform:translateY(10px) scale(.97)}
            9%  {opacity:1;transform:translateY(0) scale(1)}
            94% {opacity:1;transform:translateY(0) scale(1)}
            100%{opacity:0;transform:translateY(-6px) scale(.98)}
        }
        #campaign-report .cr-tile .cr-lbl { font-size:8.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--cr-ink-faint);margin-bottom:3px; }
        #campaign-report .cr-tile .cr-val { font-size:16px;font-weight:700;color:var(--cr-ink);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:5px; }
        #campaign-report .cr-delta { font-size:8.5px;font-weight:700;padding:1px 5px;border-radius:5px; }
        #campaign-report .cr-delta.up   { color:var(--cr-green);background:var(--cr-green-soft); }
        #campaign-report .cr-delta.down { color:var(--cr-red);background:var(--cr-red-soft); }
        #campaign-report .cr-spark { display:flex;align-items:flex-end;gap:2.5px;height:14px;margin-top:4px; }
        #campaign-report .cr-spark i { flex:1;border-radius:2px;background:var(--cr-blue-soft);animation:crSparkGrow 3s var(--cr-ease) infinite alternate;transform-origin:bottom; }
        #campaign-report .cr-spark i:nth-child(odd){background:#dbe4fb}
        #campaign-report .cr-spark i:nth-child(1){height:40%;animation-delay:.0s}
        #campaign-report .cr-spark i:nth-child(2){height:65%;animation-delay:.2s}
        #campaign-report .cr-spark i:nth-child(3){height:50%;animation-delay:.4s}
        #campaign-report .cr-spark i:nth-child(4){height:80%;animation-delay:.6s}
        #campaign-report .cr-spark i:nth-child(5){height:62%;animation-delay:.8s}
        #campaign-report .cr-spark i:nth-child(6){height:95%;animation-delay:1s;background:var(--cr-blue)}
        @keyframes crSparkGrow{from{transform:scaleY(.75)}to{transform:scaleY(1.08)}}
        #campaign-report .cr-chart-card {
            background:#fff;border:1px solid var(--cr-line);border-radius:14px;padding:11px 12px 8px;margin-bottom:12px;
            box-shadow:0 1px 2px rgba(20,30,50,.04); opacity:0;
            animation:crTileIn var(--loop) var(--cr-ease) infinite;
            animation-delay:calc(var(--loop)*0.14);
        }
        #campaign-report .cr-chart-head { display:flex;align-items:center;justify-content:space-between;margin-bottom:6px; }
        #campaign-report .cr-chart-head .cr-lbl { font-size:8.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--cr-ink-faint); }
        #campaign-report .cr-chart-head .cr-range { font-size:8.5px;font-weight:600;color:var(--cr-ink-soft);background:var(--cr-bg);border-radius:6px;padding:2px 7px; }
        #campaign-report .cr-chart { display:block;width:100%;height:auto; }
        #campaign-report .cr-area { opacity:0;animation:crAreaIn var(--loop) ease infinite;animation-delay:calc(var(--loop)*0.14); }
        @keyframes crAreaIn{0%,16%{opacity:0}30%,92%{opacity:1}100%{opacity:0}}
        #campaign-report .cr-trend {
            fill:none;stroke:var(--cr-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;
            stroke-dasharray:340;stroke-dashoffset:340;
            animation:crDraw var(--loop) var(--cr-ease) infinite;animation-delay:calc(var(--loop)*0.14);
        }
        @keyframes crDraw{0%,5%{stroke-dashoffset:340;opacity:1}32%{stroke-dashoffset:0;opacity:1}92%{stroke-dashoffset:0;opacity:1}97%,100%{stroke-dashoffset:0;opacity:0}}
        #campaign-report .cr-pt {
            fill:#fff;stroke:var(--cr-blue);stroke-width:2;opacity:0;transform-origin:center;transform-box:fill-box;
            animation:crPtIn var(--loop) var(--cr-ease) infinite;
        }
        #campaign-report .cr-pt:nth-of-type(1){animation-delay:calc(var(--loop)*0.17)}
        #campaign-report .cr-pt:nth-of-type(2){animation-delay:calc(var(--loop)*0.20)}
        #campaign-report .cr-pt:nth-of-type(3){animation-delay:calc(var(--loop)*0.23)}
        #campaign-report .cr-pt:nth-of-type(4){animation-delay:calc(var(--loop)*0.26)}
        #campaign-report .cr-pt:nth-of-type(5){animation-delay:calc(var(--loop)*0.29)}
        @keyframes crPtIn{0%,3%{opacity:0;transform:scale(.3)}7%{opacity:1;transform:scale(1.25)}10%{transform:scale(1)}88%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(.6)}}
        #campaign-report .cr-pulse { fill:var(--cr-blue);opacity:0;transform-origin:center;transform-box:fill-box;animation:crPulse 2.4s ease-out infinite;animation-delay:calc(var(--loop)*0.30); }
        @keyframes crPulse{0%{opacity:.35;transform:scale(.4)}70%{opacity:0;transform:scale(2.4)}100%{opacity:0;transform:scale(2.4)}}
        #campaign-report .cr-runner { fill:var(--cr-blue);opacity:0;animation:crRunnerFade var(--loop) ease infinite; }
        @keyframes crRunnerFade{0%,32%{opacity:0}36%,88%{opacity:1}92%,100%{opacity:0}}
        #campaign-report .cr-decision {
            background:#fff;border:1px solid var(--cr-line);border-radius:14px;padding:10px 12px;
            box-shadow:0 1px 2px rgba(20,30,50,.04); opacity:0;
            animation:crTileIn var(--loop) var(--cr-ease) infinite;animation-delay:calc(var(--loop)*0.18);
        }
        #campaign-report .cr-decision .cr-dec-lbl { font-size:8.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--cr-ink-faint);margin-bottom:7px;display:flex;align-items:center;gap:6px; }
        #campaign-report .cr-decision .cr-dec-lbl::after { content:"";flex:1;height:1px;background:var(--cr-line); }
        #campaign-report .cr-seg { position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--cr-bg);border-radius:10px;padding:3px;gap:2px; }
        #campaign-report .cr-seg button { appearance:none;border:0;background:transparent;cursor:default;font:inherit;font-size:10.5px;font-weight:600;color:var(--cr-ink-faint);padding:7px 0;border-radius:8px;position:relative;z-index:1;transition:color .5s var(--cr-ease);display:flex;align-items:center;justify-content:center;gap:5px; }
        #campaign-report .cr-seg button .cr-ico { width:9px;height:9px;border-radius:50%;opacity:0;transform:scale(.4);transition:all .5s var(--cr-ease); }
        #campaign-report .cr-seg button.active { color:var(--cr-ink); }
        #campaign-report .cr-seg button.active .cr-ico { opacity:1;transform:scale(1); }
        #campaign-report .cr-thumb { position:absolute;top:3px;bottom:3px;width:calc((100% - 6px - 4px)/3);background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(20,30,50,.10),0 0 0 1px var(--cr-line);transition:transform .65s var(--cr-ease),box-shadow .65s var(--cr-ease);z-index:0;left:3px; }
        #campaign-report .cr-seg[data-state="0"] .cr-thumb{transform:translateX(0);box-shadow:0 1px 3px rgba(20,30,50,.10),0 0 0 1px rgba(22,154,107,.35)}
        #campaign-report .cr-seg[data-state="1"] .cr-thumb{transform:translateX(calc(100% + 2px));box-shadow:0 1px 3px rgba(20,30,50,.10),0 0 0 1px rgba(48,86,211,.35)}
        #campaign-report .cr-seg[data-state="2"] .cr-thumb{transform:translateX(calc(200% + 4px));box-shadow:0 1px 3px rgba(20,30,50,.10),0 0 0 1px rgba(214,69,93,.35)}
        #campaign-report .cr-ico.scale    { background:var(--cr-green); }
        #campaign-report .cr-ico.optimize { background:var(--cr-blue); }
        #campaign-report .cr-ico.pivot    { background:var(--cr-red); }
        #campaign-report .cr-verdict { margin-top:8px;font-size:9.5px;color:var(--cr-ink-soft);display:flex;align-items:center;gap:6px;min-height:14px; }
        #campaign-report .cr-verdict .cr-chip { font-size:8.5px;font-weight:700;letter-spacing:.04em;padding:2px 7px;border-radius:99px;transition:all .5s var(--cr-ease); }
        #campaign-report .cr-verdict[data-state="0"] .cr-chip { color:var(--cr-green);background:var(--cr-green-soft); }
        #campaign-report .cr-verdict[data-state="1"] .cr-chip { color:var(--cr-blue);background:var(--cr-blue-soft); }
        #campaign-report .cr-verdict[data-state="2"] .cr-chip { color:var(--cr-red);background:var(--cr-red-soft); }
        #campaign-report .cr-verdict .cr-text { transition:opacity .4s ease; }
        #campaign-report .cr-verdict.swap .cr-text,
        #campaign-report .cr-verdict.swap .cr-chip { opacity:0; }
        @media (prefers-reduced-motion:reduce){
            #campaign-report .cr-tile,
            #campaign-report .cr-chart-card,
            #campaign-report .cr-decision { opacity:1;animation:none; }
            #campaign-report .cr-trend { stroke-dashoffset:0; }
            #campaign-report .cr-pt  { opacity:1; }
            #campaign-report .cr-area{ opacity:1; }
        }

        #vertical-bridge {
            position: relative;
            z-index: 10;
            background: #09090b;
            padding: 64px 0 24px;
            margin-bottom: -260px;
            overflow: hidden;
        }
        #vertical-bridge::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 190px;
            background: linear-gradient(180deg,
                var(--vb-light, #eaedf5) 0%,
                rgba(198, 203, 222, 0.72) 30%,
                rgba(120, 125, 145, 0.34) 56%,
                rgba(40, 42, 54, 0.10) 80%,
                transparent 100%);
            z-index: 1;
            pointer-events: none;
        }
        #vertical-bridge::after {
            content: '';
            position: absolute;
            bottom: 0; left: 0; right: 0;
            height: 160px;
            background: linear-gradient(180deg, transparent 0%, #09090b 100%);
            z-index: 3;
            pointer-events: none;
        }
        .stats-burst {
            position: relative;
            width: 100%;
            height: 540px;
            overflow: hidden;
            cursor: crosshair;
        }
        .stats-burst canvas {
            position: absolute;
            inset: 0;
            display: block;
            width: 100%;
            height: 100%;
        }
        .sb-head {
            position: absolute;
            top: 92px;
            right: calc((100% - min(86%, 1200px)) / 2);
            z-index: 2;
            max-width: 30ch;
            text-align: right;
            pointer-events: none;
        }
        .sb-head-eyebrow {
            display: block;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.6rem;
            font-weight: 500;
            letter-spacing: 0.32em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.42);
            margin-bottom: 0.6rem;
        }
        .sb-head-title {
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: clamp(2.2rem, 4vw, 3.2rem);
            font-weight: 100;
            letter-spacing: -0.02em;
            line-height: 1.08;
            color: #f2f3f7;
            margin: 0;
        }
        .sb-cta {
            pointer-events: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 220px;
            min-height: 28px;
            margin-top: 1.1rem;
            margin-left: auto;
            padding: 5px 16px;
            border-radius: 8px;
            border: 1px solid var(--accent, #a78bfa);
            background: rgba(255,255,255,0.04);
            color: #fff;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 0.64rem;
            font-weight: 600;
            letter-spacing: 0.02em;
            line-height: 1.3;
            text-align: center;
            text-decoration: none;
            cursor: pointer;
            opacity: 0;
            transform: translateY(4px);
            transition: opacity .22s ease, transform .22s ease, background .2s ease, box-shadow .2s ease;
        }
        .sb-cta.is-visible { opacity: 1; transform: translateY(0); }
        .sb-cta:hover {
            background: var(--accent, #a78bfa);
            box-shadow: 0 0 18px -2px var(--accent, #a78bfa);
        }
        @media (max-width: 760px) {
            .sb-head { display: none; }
        }

        .sb-legend {
            position: absolute;
            left: calc((100% - min(86%, 1200px)) / 2);
            top: 50%;
            transform: translateY(-50%);
            z-index: 2;
            display: flex;
            flex-direction: column;
            gap: 15px;
            padding: 10px 22px 10px 0;
            pointer-events: none;
        }
        .sb-cat {
            pointer-events: auto;
            display: flex;
            align-items: center;
            gap: 9px;
            background: none;
            border: none;
            padding: 2px 0;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            cursor: pointer;
            position: relative;
        }
        .sb-cat-dot {
            flex: none;
            width: 7px; height: 7px;
            border-radius: 50%;
            background: var(--accent, #a78bfa);
            box-shadow: 0 0 0 0 transparent;
            transition: box-shadow .25s ease, transform .25s ease;
        }
        .sb-cat-wire {
            position: absolute;
            left: 100%; top: 50%;
            width: 0; height: 1px;
            background: var(--accent, #a78bfa);
            opacity: 0;
            transform: translateY(-50%);
            transition: width .38s cubic-bezier(.22,1,.36,1), opacity .25s ease;
        }
        .sb-cat-label {
            font-size: 0.8rem;
            font-weight: 600;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            color: rgba(255,255,255,0.42);
            white-space: nowrap;
            transition: color .2s ease;
        }
        .sb-cat:hover .sb-cat-dot,
        .sb-cat:focus-visible .sb-cat-dot,
        .sb-cat.is-active .sb-cat-dot {
            box-shadow: 0 0 9px 2px var(--accent, #a78bfa);
            transform: scale(1.35);
        }
        .sb-cat:hover .sb-cat-wire,
        .sb-cat:focus-visible .sb-cat-wire,
        .sb-cat.is-active .sb-cat-wire { width: 28px; opacity: 0.8; }
        .sb-cat:hover .sb-cat-label,
        .sb-cat:focus-visible .sb-cat-label,
        .sb-cat.is-active .sb-cat-label { color: #fff; outline: none; }
        @media (max-width: 760px) {
            .sb-legend {
                left: 0; right: 0; top: 0; bottom: auto; transform: none;
                flex-direction: row; flex-wrap: wrap; justify-content: center;
                gap: 8px 14px;
                padding: 14px 16px;
                background: linear-gradient(180deg, rgba(9,9,11,0.85) 0%, transparent 100%);
            }
            .sb-cat-wire { display: none; }
            .sb-cat-label { font-size: 0.7rem; }
        }
        @media (min-width: 701px) and (max-width: 760px) {
            .sb-legend { padding: 14px 64px; }
        }
        @media (min-width: 761px) and (max-width: 1180px) {
            .sb-head { right: max(calc((100% - min(86%, 1200px)) / 2), 72px); }
            .sb-legend {
                left: 0; right: 0; top: 0; bottom: auto; transform: none;
                flex-direction: row; flex-wrap: wrap; justify-content: center;
                gap: 8px 18px;
                padding: 14px 72px;
                background: linear-gradient(180deg, rgba(9,9,11,0.85) 0%, transparent 100%);
            }
            .sb-cat-wire { display: none; }
            .sb-cat-label { font-size: 0.7rem; }
        }

        body[data-v-bento-radius="soft"]  .bento-card { border-radius: 26px; }
        body[data-v-bento-radius="sharp"] .bento-card { border-radius: 4px; }

        body[data-v-s-intro="editorial"] .s-intro-bar {
            grid-template-columns: 1fr;
            gap: 1.5rem;
        }
        body[data-v-s-intro="editorial"] .s-intro-head {
            order: -1; padding: 0; border-right: 0;
        }
        body[data-v-s-intro="editorial"] .s-intro-head h2 {
            font-size: clamp(2.2rem, 5vw, 4.2rem);
            font-weight: 200; max-width: 18ch;
        }
        body[data-v-s-intro="editorial"] .s-intro-num {
            flex-direction: row; align-items: baseline;
            gap: 0.9rem; padding: 0; border-right: 0;
        }
        body[data-v-s-intro="editorial"] .s-intro-num .s-num { font-size: clamp(2rem, 3vw, 2.8rem); }
        body[data-v-s-intro="editorial"] .s-intro-num .s-num-unit { margin-top: 0; }
        body[data-v-s-intro="editorial"] .s-intro-bar .s-label { margin-top: 0; }
        body[data-v-s-intro="editorial"] .s-intro-body { padding-left: 0; max-width: 54ch; }

        body[data-v-form-layout="column"] .ff-row { flex-direction: column; gap: 1.5rem; }
        body[data-v-form-layout="column"] .ff-submit { align-self: stretch; justify-content: center; }

        body[data-v-form-layout="card"] .finale-form {
            background: #ffffff;
            border: 1px solid rgba(0,0,0,0.07);
            border-radius: 18px;
            padding: 2.1rem 2.1rem 2.3rem;
            gap: 1.2rem;
            box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 44px 80px -38px rgba(0,0,0,0.30);
        }
        body[data-v-form-layout="card"] .ff-row { gap: 1rem; }
        body[data-v-form-layout="card"] .ff-field { gap: 0.4rem; }
        body[data-v-form-layout="card"] .ff-field input {
            background: #f4f4f6;
            border: 1px solid transparent;
            border-radius: 11px;
            padding: 0.74rem 0.9rem;
            font-size: 0.95rem;
            transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
        }
        body[data-v-form-layout="card"] .ff-field input:focus {
            background: #fff;
            border-color: rgba(0,0,0,0.55);
            box-shadow: 0 0 0 3px rgba(0,0,0,0.06);
        }
        body[data-v-form-layout="card"] .ff-field::after { display: none; }
        body[data-v-form-layout="card"] .ff-submit { align-self: stretch; justify-content: center; margin-top: 0.4rem; }
        body[data-v-form-layout="card"] .ff-alt { text-align: center; }

        body[data-v-form-layout="floating"] .ff-field { gap: 0; }
        body[data-v-form-layout="floating"] .ff-label {
            position: absolute; left: 0; top: 0.95rem; z-index: 1;
            font-size: 0.98rem; font-weight: 300;
            letter-spacing: normal; text-transform: none;
            color: rgba(0,0,0,0.40); pointer-events: none;
            transform-origin: left top;
            transition: transform 0.24s cubic-bezier(0.16,1,0.3,1), color 0.22s ease;
        }
        body[data-v-form-layout="floating"] .ff-field input { padding: 1.05rem 0 0.4rem; }
        body[data-v-form-layout="floating"] .ff-field:focus-within .ff-label,
        body[data-v-form-layout="floating"] .ff-field:has(input:not(:placeholder-shown)) .ff-label {
            transform: translateY(-0.85rem) scale(0.7);
        }
        body[data-v-form-layout="floating"] .ff-field:focus-within .ff-label { color: #0a0a0a; }
        body[data-v-form-layout="floating"] .ff-submit { align-self: stretch; justify-content: center; }

        #nav-fan {
            position: fixed; right: 26px; top: 50%;
            z-index: 2147483100;
            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            --nf-size: 64px;
            --nf-blade-l: 272px;
            --nf-accent: #d92632;
            opacity: 0; transform: translateY(calc(-50% + 16px)) scale(0.9);
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.5s ease,
                        transform 0.55s cubic-bezier(0.16,1,0.3,1),
                        top 0.55s cubic-bezier(0.16,1,0.3,1),
                        visibility 0s 0.5s;
        }
        #nav-fan.is-revealed {
            opacity: 1; transform: translateY(-50%);
            visibility: visible;
            pointer-events: auto;
            transition: opacity 0.5s ease,
                        transform 0.55s cubic-bezier(0.16,1,0.3,1),
                        top 0.55s cubic-bezier(0.16,1,0.3,1);
        }
        #nav-fan.nf-top { top: var(--nf-top, 150px); transform: translateY(16px) scale(0.9); }
        #nav-fan.nf-top.is-revealed { transform: none; }
        #nav-fan.nf-top.is-open { top: 150px; }
        #nav-fan.nf-top.nf-noroom { opacity: 0; visibility: hidden; pointer-events: none; }
        @media (min-width: 701px) and (max-width: 1340px) {
            #nav-fan { right: 10px; --nf-size: 48px; }
            #nav-fan .nf-mark { width: 25px; }
        }
        @media (min-width: 701px) and (max-width: 900px) {
            #nav-fan { right: 8px; --nf-size: 44px; }
            #nav-fan .nf-mark { width: 23px; }
        }

        .nf-pivot {
            position: relative; z-index: 3;
            width: var(--nf-size); height: var(--nf-size);
            border: 0; padding: 0; margin: 0;
            border-radius: 50%; cursor: pointer;
            background: rgba(12,13,18,0.80);
            -webkit-backdrop-filter: blur(16px) saturate(1.25);
            backdrop-filter: blur(16px) saturate(1.25);
            box-shadow:
                0 10px 34px rgba(0,0,0,0.38),
                0 2px 6px rgba(0,0,0,0.28),
                inset 0 0 0 1px rgba(255,255,255,0.10);
            display: grid; place-items: center;
            transition: transform 0.4s cubic-bezier(0.16,1,0.3,1),
                        box-shadow 0.4s ease;
            -webkit-tap-highlight-color: transparent;
        }
        .nf-pivot:hover  { transform: scale(1.05); }
        .nf-pivot:active { transform: scale(0.96); }
        .nf-pivot:focus-visible {
            outline: none;
            box-shadow:
                0 10px 34px rgba(0,0,0,0.38),
                inset 0 0 0 1px rgba(255,255,255,0.10),
                0 0 0 3px rgba(255,255,255,0.30);
        }
        .nf-ring {
            position: absolute; inset: -6px;
            border-radius: 50%;
            background: rgba(255,255,255,0.13);
            -webkit-mask: radial-gradient(circle closest-side,
                transparent calc(100% - 3px), #000 calc(100% - 2.5px));
            mask: radial-gradient(circle closest-side,
                transparent calc(100% - 3px), #000 calc(100% - 2.5px));
            pointer-events: none;
        }
        .nf-ring::before {
            content: '';
            position: absolute; inset: 0;
            border-radius: 50%;
            background: repeating-conic-gradient(
                rgba(255,255,255,0.94) 0 3deg,
                rgba(6,7,10,0.94) 3deg 6deg);
            -webkit-mask: conic-gradient(#000 calc(var(--p, 0) * 360deg), transparent 0);
            mask: conic-gradient(#000 calc(var(--p, 0) * 360deg), transparent 0);
            pointer-events: none;
        }
        .nf-tip-arm {
            position: absolute; inset: -6px;
            transform: rotate(calc(var(--p, 0) * 360deg));
            pointer-events: none;
        }
        .nf-tip-arm::after {
            content: ''; position: absolute;
            top: -2px; left: 50%; width: 6px; height: 6px;
            margin-left: -3px; border-radius: 50%;
            background: var(--nf-accent);
            box-shadow: 0 0 8px 1px rgba(217,38,50,0.60);
            opacity: var(--tip, 0);
            transition: opacity 0.3s ease;
        }
        .nf-swap {
            position: absolute; inset: 1px;
            border-radius: 50%; overflow: hidden;
            display: grid; place-items: center;
            pointer-events: none;
        }
        .nf-mark {
            display: block; width: 33px; height: auto;
            filter: drop-shadow(0 1px 2px rgba(0,0,0,0.4));
            transition: transform 0.45s cubic-bezier(0.16,1,0.3,1),
                        opacity 0.3s ease;
        }
        .nf-cue {
            position: absolute;
            display: flex; flex-direction: column; align-items: center; gap: 3px;
            color: #fff;
            opacity: 0; transform: translateY(14px);
            transition: transform 0.45s cubic-bezier(0.16,1,0.3,1),
                        opacity 0.3s ease;
        }
        .nf-cue svg { width: 16px; height: 16px; display: block; }
        .nf-cue span {
            font-size: 7px; font-weight: 700; letter-spacing: 0.24em;
            text-transform: uppercase; color: rgba(255,255,255,0.72);
        }
        .nf-pivot:hover .nf-mark,
        .nf-pivot:focus-visible .nf-mark {
            opacity: 0; transform: translateY(-13px) scale(0.85);
        }
        .nf-pivot:hover .nf-cue,
        .nf-pivot:focus-visible .nf-cue { opacity: 1; transform: translateY(0); }

        .nf-halo {
            position: absolute; left: 50%; top: 50%;
            width: 150px; height: 150px; border-radius: 50%;
            transform: translate(-50%,-50%) scale(0.6);
            background: radial-gradient(circle,
                rgba(9,10,15,0.50), rgba(9,10,15,0) 66%);
            opacity: 0;
            transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.16,1,0.3,1);
            pointer-events: none; z-index: 0;
        }
        #nav-fan.is-open .nf-halo { opacity: 1; transform: translate(-50%,-50%) scale(1); }
        .nf-shield {
            position: absolute; right: -14px; top: 50%;
            transform: translateY(-50%);
            width: calc(var(--nf-blade-l) + 60px);
            height: calc((var(--nf-blade-l) + 60px) * 2);
            border-top-left-radius: 100% 50%;
            border-bottom-left-radius: 100% 50%;
            pointer-events: none; z-index: 1;
        }
        #nav-fan.is-open .nf-shield { pointer-events: auto; }

        .nf-blades {
            position: absolute;
            right: calc(var(--nf-size) / 2);
            bottom: calc(var(--nf-size) / 2);
            width: 0; height: 0; z-index: 2;
        }
        .nf-blade {
            position: absolute; right: 0; bottom: -19px;
            width: var(--nf-blade-l); height: 38px;
            display: flex; align-items: center;
            border: 0; margin: 0; padding: 0;
            background: none; cursor: pointer; text-align: left;
            transform-origin: 100% 50%;
            transform: rotate(0deg) scale(0.55);
            opacity: 0;
            pointer-events: none;
            transition: transform 0.6s cubic-bezier(0.26,1.2,0.38,1),
                        opacity 0.28s ease;
            transition-delay: calc((var(--n) - 1 - var(--i)) * 28ms);
            will-change: transform;
            -webkit-tap-highlight-color: transparent;
        }
        #nav-fan.is-open .nf-blade {
            transform: rotate(var(--nf-a, 50deg)) scale(1);
            opacity: 1;
            transition-delay: calc(var(--i) * 30ms);
        }
        #nav-fan.is-open .nf-blade .nf-tab { pointer-events: auto; }
        .nf-spine {
            flex: 1 1 auto; height: 2px;
            margin: 0 30px 0 10px;
            border-radius: 1px;
            background-image: linear-gradient(90deg,
                rgba(255,255,255,0.94) 0 5px, rgba(6,7,10,0.94) 5px 10px);
            background-size: 10px 100%;
            background-repeat: repeat-x;
            transform: scaleX(0); transform-origin: 100% 50%;
            transition: transform 0.5s cubic-bezier(0.3,1,0.4,1);
            pointer-events: none;
        }
        #nav-fan.is-open .nf-spine {
            transform: scaleX(1);
            transition-delay: calc(90ms + var(--i) * 30ms);
        }
        .nf-blade:hover .nf-spine,
        .nf-blade:focus-visible .nf-spine { animation: nf-march 0.5s linear infinite; }
        @keyframes nf-march { to { background-position: 10px 0; } }
        .nf-tab {
            position: relative;
            flex: 0 0 auto;
            display: flex; align-items: center; gap: 8px;
            height: 38px; padding: 0 14px 0 8px;
            border-radius: 999px;
            transform: rotate(calc(var(--nf-a, 0deg) * -1));
            transform-origin: 100% 50%;
            background: #0e0f14;
            box-shadow:
                0 8px 24px rgba(0,0,0,0.34),
                inset 0 0 0 1px rgba(255,255,255,0.24);
            color: #fff;
            white-space: nowrap;
            transition: transform 0.35s cubic-bezier(0.16,1,0.3,1),
                        background 0.3s ease, color 0.3s ease,
                        box-shadow 0.3s ease;
        }
        .nf-tab::after {
            content: ''; position: absolute;
            inset: 0 -10px 0 -4px;
            border-radius: inherit;
        }
        .nf-blade:hover .nf-tab,
        .nf-blade:focus-visible .nf-tab {
            transform: translateX(-5px) rotate(calc(var(--nf-a, 0deg) * -1));
            background: #1e1f27; color: #fff;
            box-shadow:
                0 10px 28px rgba(0,0,0,0.42),
                inset 0 0 0 1px rgba(255,255,255,0.32);
        }
        .nf-blade:focus-visible { outline: none; }
        .nf-blade:focus-visible .nf-tab {
            box-shadow:
                0 10px 28px rgba(0,0,0,0.42),
                inset 0 0 0 1px rgba(255,255,255,0.32),
                0 0 0 3px rgba(255,255,255,0.28);
        }
        .nf-ico {
            flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%;
            display: grid; place-items: center;
            background: rgba(255,255,255,0.07);
            box-shadow: inset 0 0 0 1px rgba(255,255,255,0.10);
            color: #f0f1f5;
            transition: background 0.3s ease, color 0.3s ease;
        }
        .nf-ico svg { width: 14px; height: 14px; display: block; }
        .nf-lab { font-size: 14px; font-weight: 700; line-height: 1.2; letter-spacing: 0.01em; }
        .nf-dot {
            flex: 0 0 auto; width: 5px; height: 5px; border-radius: 50%;
            background: rgba(255,255,255,0.14);
            transition: background 0.3s ease, box-shadow 0.3s ease;
        }
        .nf-blade:hover .nf-ico,
        .nf-blade:focus-visible .nf-ico { background: rgba(255,255,255,0.16); color: #fff; }
        .nf-blade:hover .nf-dot,
        .nf-blade:focus-visible .nf-dot {
            background: var(--nf-accent);
            box-shadow: 0 0 8px 1px rgba(217,38,50,0.55);
        }
        .nf-blade.is-current .nf-tab {
            color: #fff; background: #1c1d24;
            box-shadow:
                0 8px 24px rgba(0,0,0,0.34),
                inset 0 0 0 1px rgba(255,255,255,0.18);
        }
        .nf-blade.is-current .nf-ico {
            background: rgba(255,255,255,0.13); color: #fff;
        }
        .nf-blade.is-current .nf-dot {
            background: var(--nf-accent);
            box-shadow: 0 0 8px 1px rgba(217,38,50,0.55);
        }

        @media (prefers-reduced-motion: reduce) {
            #nav-fan, .nf-blade, #nav-fan.is-open .nf-blade, .nf-spine,
            #nav-fan.is-open .nf-spine, .nf-tab, .nf-mark, .nf-cue,
            .nf-halo, .nf-pivot { transition: opacity 0.2s ease; }
            .nf-blade, #nav-fan.is-open .nf-blade,
            .nf-spine, #nav-fan.is-open .nf-spine { transition-delay: 0s; }
            .nf-blade:hover .nf-spine,
            .nf-blade:focus-visible .nf-spine { animation: none; }
        }
        @media (max-width: 900px) {
            #nav-fan { right: 14px; }
        }
        @media (max-width: 640px) {
            #nav-fan { --nf-size: 56px; --nf-blade-l: 200px; }
            .nf-tab { height: 36px; padding: 0 14px; }
            .nf-ico { display: none; }
            .nf-lab { font-size: 14px; }
            .nf-mark { width: 29px; }
        }

        .plo-overlay {
            position: fixed; inset: 0; z-index: 9999;
            display: flex; flex-direction: column; align-items: center; justify-content: center;
            gap: 22px;
            background: var(--bg);
            transition: opacity 0.5s ease;
        }
        .plo-overlay.vcp-off { display: none !important; }
        .plo-overlay.is-done { opacity: 0; pointer-events: none; }
        #plo-leadin { background: transparent; }
        #plo-leadin .plo-li-bg {
            position: absolute; inset: 0;
            background: var(--bg);
            opacity: 1;
            pointer-events: none;
            transition: opacity 0.55s ease;
        }
        #plo-leadin.is-done .plo-li-bg { opacity: 0; }
        #plo-leadin.is-done { opacity: 1; }
        #plo-leadin .plo-li-logo {
            position: fixed; left: 0; top: 0;
            transform-origin: center center;
            pointer-events: none;
            opacity: 0;
            animation: plo-li-in 4.65s cubic-bezier(.5,0,.15,1) forwards;
        }
        #plo-leadin .plo-li-scale { transition: none; }
        #plo-leadin .plo-li-stage {
            position: relative;
            width: calc(var(--li-scale, 2.87) * var(--hero-logo-rest, 100px));
            aspect-ratio: 2454 / 1076;
            isolation: isolate;
        }
        #plo-leadin .plo-li-layer,
        #plo-leadin .plo-li-mask,
        #plo-leadin .plo-li-typed {
            position: absolute;
            inset: 0;
            pointer-events: none;
        }
        #plo-leadin .plo-li-layer {
            width: 100%;
            height: 100%;
            object-fit: contain;
            user-select: none;
            -webkit-user-drag: none;
            opacity: 0;
            clip-path: inset(0 100% 0 0);
            will-change: opacity, clip-path, transform, filter, mask-image;
        }
        #plo-leadin .plo-li-layer--swoosh { z-index: 1; }
        #plo-leadin .plo-li-layer--ball { z-index: 3; transform-origin: 74.02% 14.96%; }
        #plo-leadin .plo-li-layer--m,
        #plo-leadin .plo-li-layer--b,
        #plo-leadin .plo-li-layer--i { z-index: 4; }
        #plo-leadin .plo-li-layer--tagline { z-index: 5; }
        #plo-leadin .plo-li-mask {
            background: var(--bg);
            opacity: 1;
            z-index: 2;
        }
        #plo-leadin .plo-li-mask--ball { border-radius: 999px; }
        #plo-leadin .plo-li-typed {
            z-index: 6;
            opacity: 1;
            visibility: visible;
        }
        #plo-leadin .plo-li-cursor {
            position: absolute;
            width: 7%;
            background: rgba(255,255,255,.96);
            border-radius: 999px;
            opacity: 1;
            display: block;
            will-change: left, opacity;
            animation: plo-li-cursor-blink .62s steps(1, end) infinite;
        }
        @keyframes plo-li-cursor-blink {
            0%, 48% { opacity: 1; }
            49%, 100% { opacity: .14; }
        }
        @keyframes plo-li-in {
            0%   { opacity: 0; --li-scale: 2.87; }
            7%   { opacity: 1; }
            71%  { opacity: 1; --li-scale: 2.87; }
            89%  { opacity: 1; --li-scale: 1; }
            96%  { opacity: 1; --li-scale: 1; }
            100% { opacity: 0; --li-scale: 1; }
        }
        @property --li-scale { syntax: '<number>'; inherits: true; initial-value: 2.87; }
        #plo-leadin .plo-li-scale { perspective: 1400px; perspective-origin: 50% 50%; }
        #plo-leadin .plo-li-stage { isolation: auto; transform-style: preserve-3d; will-change: transform; }
        .lg-el { position: absolute; inset: 0; transform-style: preserve-3d; will-change: transform; }
        .lg-el > * {
            position: absolute; inset: 0; width: 100%; height: 100%;
            transform: translateZ(calc(var(--w, 100) * var(--z, 0) * 1px * var(--lg-k, 1)));
        }
        #plo-leadin .lg-el > img { width: 100%; height: 100%; object-fit: contain; filter: none; display: block; }
        .lg-slice, .lg-shade {
            -webkit-mask: var(--m) center / 100% 100% no-repeat;
            mask: var(--m) center / 100% 100% no-repeat;
        }
        .lg-slice { background: var(--c); }
        .lg-shade { opacity: var(--lg-k, 1); pointer-events: none; }
        .lg-shade--white { background: radial-gradient(120% 95% at var(--lx, 42%) var(--ly, 18%), rgba(0,0,0,0) 28%, rgba(0,0,0,0.30) 100%); }
        .lg-shade--dim   { background: radial-gradient(120% 95% at var(--lx, 42%) var(--ly, 18%), rgba(0,0,0,0) 28%, rgba(0,0,0,0.22) 100%); }
        .lg-shade--red   {
            background:
                radial-gradient(55% 45% at var(--lx, 42%) var(--ly, 18%), rgba(255,255,255,0.30) 0%, rgba(255,255,255,0) 70%),
                radial-gradient(120% 95% at var(--lx, 42%) var(--ly, 18%), rgba(0,0,0,0) 30%, rgba(0,0,0,0.34) 100%);
        }
        #reveal-text:focus { outline: none; }
        html.rm #logo-ticker .ticker-track,
        html.rm #mbe .tk-track { animation-play-state: paused !important; }
        html.rm .quad-cue,
        html.rm .quad-more .qm-chev,
        html.rm #quad-onward-cue .qo-arrow,
        html.rm .dm-step-last i,
        html.rm .dg-feed i,
        html.rm .lg-feed i { animation: none !important; }
        html.rm #ownership-3d *,
        html.rm #ownership-3d *::before,
        html.rm #ownership-3d *::after { animation-play-state: paused !important; }
        html.rm #campaign-report,
        html.rm #campaign-report *,
        html.rm #campaign-report *::before,
        html.rm #campaign-report *::after { animation-play-state: paused !important; animation-delay: -4.5s !important; }
html.lite .hn-phone.is-flash .hn-phone-sheen, html.lite .hn-phone.is-flash .hn-phone-icon { animation: none; }
        html.lite .hn-phone .hn-phone-caret { display: none; }
        html.lite .hn-phone .hn-phone-num { transition-duration: 120ms, 120ms, 0.2s; }
        html.lite .hn-phone .hn-phone-num i { transition-duration: 1ms; }
        html.lite .hn-phone:hover .hn-phone-num i, html.lite .hn-phone:focus-visible .hn-phone-num i, html.lite .hn-phone.is-open .hn-phone-num i { transition-delay: 0s; }
        html.lite .campaign-cta__plate { translate: none; scale: none; transition: none; }
        html.lite .campaign-cta:not([data-gate-phase]):active .campaign-cta__plate, html.lite .campaign-cta[data-press="1"] .campaign-cta__plate { scale: none; transition: none; }
        html.lite .campaign-cta[data-mag="1"] .campaign-cta__plate { will-change: auto; }
        html.lite .campaign-cta__gate { display: none; }
        @media (hover: hover) {
            html.lite .campaign-cta:hover .campaign-cta__plate { background: var(--cta-mat); }
            html.lite .campaign-cta:hover .campaign-cta__label { color: var(--cta-mat-ink); }
        }
        html.lite .campaign-cta:focus-visible .campaign-cta__plate, html.lite .campaign-cta:active .campaign-cta__plate { background: var(--cta-mat); }
        html.lite .campaign-cta:focus-visible .campaign-cta__label, html.lite .campaign-cta:active .campaign-cta__label { color: var(--cta-mat-ink); }
        html.lite #quad-onward-cue .qo-arrow { animation: none; }
        html.lite .quad-viz *, html.lite .quad-viz::after, html.lite .quad-viz *::after { animation: none !important; }
        html.lite .qv-dm .dm-top { animation: qvDmTop 9s cubic-bezier(0.45, 0, 0.2, 1) -1.53s infinite paused !important; }
        html.lite .qv-dm .dm-bot { animation: qvDmBot 9s cubic-bezier(0.45, 0, 0.2, 1) -1.53s infinite paused !important; }
        html.lite #dm-video, html.lite .quad[data-idx="0"]::before, html.lite .quad[data-idx="0"] .qv-dm { transition: none !important; }
        html.lite #speed-map .fr-stage { animation:none; }
        html.lite #campaign-report .cr-tile, html.lite #campaign-report .cr-chart-card, html.lite #campaign-report .cr-decision { opacity:1;animation:none; }
        html.lite #campaign-report .cr-trend { stroke-dashoffset:0; }
        html.lite #campaign-report .cr-pt { opacity:1; }
        html.lite #campaign-report .cr-area { opacity:1; }
        html.lite #nav-fan, html.lite .nf-blade, html.lite #nav-fan.is-open .nf-blade, html.lite .nf-spine, html.lite #nav-fan.is-open .nf-spine, html.lite .nf-tab, html.lite .nf-mark, html.lite .nf-cue, html.lite .nf-halo, html.lite .nf-pivot { transition: opacity 0.2s ease; }
        html.lite .nf-blade, html.lite #nav-fan.is-open .nf-blade, html.lite .nf-spine, html.lite #nav-fan.is-open .nf-spine { transition-delay: 0s; }
        html.lite .nf-blade:hover .nf-spine, html.lite .nf-blade:focus-visible .nf-spine { animation: none; }
        html.lite .nf-pivot { backdrop-filter: none; -webkit-backdrop-filter: none; }
        html.lite #targeting-webgl { background: url(/site/assets/targeting-funnel-poster.webp) center / contain no-repeat; }
html { overflow-x: hidden; overflow-x: clip; }

      @supports (-moz-appearance: none) {
        html { scrollbar-color: #3a3d46 #0a0a0c; }
      }

      @media (max-width: 1024px) {
        .hn-links { gap: 16px; }
        body[data-v-header="split"] .hn-socials { margin-left: 14px; padding-left: 14px; }
        .quad-inner { padding: 0 28px 28px; }
        .quad-desc { font-size: 0.88rem; line-height: 1.55; }
      }

      .hn-menu-btn, .hn-menu { display: none; }

      @media (max-width: 900px) {
        .hn-links, .hn-socials { display: none !important; }
        .hn-phone { margin-right: 18px; }

        .hn-menu-btn {
          display: flex; flex-direction: column;
          justify-content: center; align-items: stretch; gap: 5px;
          margin-left: auto;
          width: 42px; height: 38px; padding: 0 10px;
          background: rgba(255,255,255,0.05);
          border: 1px solid rgba(255,255,255,0.16);
          border-radius: 10px;
          cursor: pointer; pointer-events: auto;
          -webkit-tap-highlight-color: transparent;
          transition: background 0.2s ease, border-color 0.2s ease;
        }
        .hn-menu-btn:hover, .hn-menu-btn.is-open {
          background: rgba(255,255,255,0.12);
          border-color: rgba(255,255,255,0.34);
        }
        .hn-menu-btn span {
          display: block; height: 1.6px; border-radius: 2px;
          background: rgba(255,255,255,0.88);
          transition: transform 0.28s cubic-bezier(.5,0,.15,1), opacity 0.18s ease;
        }
        .hn-menu-btn.is-open span:nth-child(1) { transform: translateY(6.6px) rotate(45deg); }
        .hn-menu-btn.is-open span:nth-child(2) { opacity: 0; }
        .hn-menu-btn.is-open span:nth-child(3) { transform: translateY(-6.6px) rotate(-45deg); }

        .hn-menu {
          display: block;
          position: fixed; top: 64px; right: 16px;
          min-width: 224px;
          padding: 8px;
          background: rgba(10,12,17,0.92);
          -webkit-backdrop-filter: blur(16px);
          backdrop-filter: blur(16px);
          border: 1px solid rgba(255,255,255,0.13);
          border-radius: 16px;
          box-shadow: 0 22px 60px rgba(0,0,0,0.5);
          opacity: 0; visibility: hidden;
          transform: translateY(-8px);
          transition: opacity 0.22s ease, transform 0.24s cubic-bezier(.2,0,.15,1),
                      visibility 0s linear 0.24s;
          pointer-events: auto;
        }
        .hn-menu.is-open {
          opacity: 1; visibility: visible; transform: none;
          transition-delay: 0s;
        }
        .hn-menu-link {
          display: block;
          padding: 12px 14px;
          border-radius: 10px;
          font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
          font-size: 12px; font-weight: 500; letter-spacing: 0.12em;
          text-transform: uppercase; text-decoration: none;
          color: rgba(255,255,255,0.78);
          transition: color 0.2s ease, background 0.2s ease;
        }
        .hn-menu-link:hover, .hn-menu-link:active {
          background: rgba(255,255,255,0.07); color: #fff;
        }
        .hn-menu { max-height: calc(calc(var(--svh, 1svh) * 100) - 80px); overflow-y: auto; overscroll-behavior: contain; }
        .hn-menu .menu-group { border-bottom: 0; }
        .hn-menu .menu-group-row { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
        .hn-menu .menu-group-row > .hn-menu-link { flex: 1 1 auto; }
        .hn-menu .menu-acc { color: rgba(255,255,255,0.6); margin-right: 0; }
        .hn-menu .menu-acc:hover, .hn-menu .menu-acc[aria-expanded="true"] { color: #fff; }
        .hn-menu .menu-sub { padding: 0 0 6px 12px; }
        .hn-menu .menu-sub a { display: flex; align-items: center; min-height: 40px; padding: 0 14px; border-radius: 10px; color: rgba(255,255,255,0.74); font-size: 14px; font-weight: 500; letter-spacing: .02em; text-transform: none; text-decoration: none; }
        .hn-menu .menu-sub .menu-group-row { align-items: center; }
        .hn-menu .menu-sub .menu-group-row > a { flex: 1 1 auto; font-weight: 600; }
        .hn-menu .menu-sub .menu-sub { padding-left: 10px; }
        .hn-menu .menu-sub a:hover, .hn-menu .menu-sub a[aria-current="page"] { color: #fff; }
        .hn-menu-socials {
          display: flex; align-items: center; gap: 19px;
          margin-top: 6px; padding: 13px 14px 8px;
          border-top: 1px solid rgba(255,255,255,0.10);
        }
      }
      @media (max-width: 900px) and (min-width: 701px) {
        #title-container { max-width: 34vw; font-size: 1.28rem; }
      }

      @media (max-width: 1024px) and (min-width: 821px) {
        .rs-stat            { padding: 1.5rem 1.6rem 1.5rem 0; }
        .rs-stat + .rs-stat { padding-left: 1.6rem; }
        .rs-stat::before    { margin-bottom: 1rem; }
        .rs-stat-num        { font-size: clamp(2.4rem, 5.4vw, 3.4rem); margin-bottom: 0.8rem; }
        .rs-stat-desc       { font-size: 0.86rem; line-height: 1.55; max-width: none; }
        .rs-stat-tag        { margin-bottom: 0.6rem; }
        .rs-header          { padding-bottom: 2rem; }
      }

      @media (max-width: 820px) {
        .rs-shutter-content { max-width: calc(100vw - 3rem); }

        .rs-header {
          flex-direction: column;
          gap: 0.9rem;
          padding-top: 1.4rem; padding-bottom: 1.6rem;
        }
        .rs-header h2 { font-size: clamp(1.6rem, 5vw, 2.4rem); max-width: none; }
        .rs-header p  { font-size: 0.94rem; line-height: 1.6; max-width: 440px; }
        .rs-stats { grid-template-columns: 1fr; }
        .rs-stat,
        .rs-stat + .rs-stat {
          padding: 1rem 0;
          border-right: none;
          border-bottom: 1px solid rgba(255,255,255,0.08);
        }
        .rs-stat:last-child { border-bottom: none; }
        .rs-stat::before { margin-bottom: 0.9rem; }
        .rs-stat-tag  { font-size: 0.76rem; margin-bottom: 0.5rem; }
        .rs-stat-num  { font-size: clamp(2.4rem, 8vw, 3.2rem); margin-bottom: 0.5rem; }
        .rs-stat-desc { font-size: 0.9rem; line-height: 1.55; max-width: 460px; }
        #rs-bottom { padding-top: 1.4rem; }
      }

      @media (max-width: 760px) {
        .bento-grid { grid-template-columns: minmax(0, 1fr); }
        .bento-card { min-width: 0; max-width: 100%; }
        #ownership-3d .uo-scene { transform: scale(0.62); }
        .s-cta { flex-direction: column; align-items: flex-start; gap: 1.1rem; }
        .s-cta-actions { flex-wrap: wrap; margin-left: 0; }
      }

      @media (max-width: 700px) {

        .hn-links, .hn-socials { display: none !important; }
        #hero-brand { padding: 0 18px; height: 58px; }
        .hn-menu { top: 58px; right: 12px; }

        #title-container {
          text-align: center;
          padding-left: 0;
          font-size: 1.22rem;
          max-width: min(340px, calc(100vw - 40px));
        }
        #start-btn { margin: 20px auto 0; }
        @keyframes plo-li-in {
            0%   { opacity: 0; --li-scale: 3.4; }
            7%   { opacity: 1; }
            71%  { opacity: 1; --li-scale: 3.4; }
            89%  { opacity: 1; --li-scale: 1.5; }
            96%  { opacity: 1; --li-scale: 1.5; }
            100% { opacity: 0; --li-scale: 1.5; }
        }

        .grid-line, .quad-cue, .quad-more, #quad-onward-cue { display: none !important; }

        #hero-spacer { height: calc(var(--vh, 1vh) * 100); }

        #quadrants {
          position: relative;
          inset: auto;
          display: block;
          z-index: 6;
          background: var(--bg);
          padding: 3.2rem 20px 3.6rem;
          opacity: 1 !important;
          pointer-events: auto !important;
          --qv-alpha: 1 !important;
        }
        #quadrants::before {
          content: 'Our Services';
          display: block;
          margin: 0 0 2rem;
          text-align: center;
          font-size: 0.62rem; letter-spacing: 0.34em; text-indent: 0.34em;
          text-transform: uppercase;
          color: rgba(255,255,255,0.5);
        }
        body.hero-offstage #quadrants,
        body.hero-offstage #quadrants * { animation-play-state: running !important; }

        #quadrants .quad {
          position: relative;
          width: min(100%, 480px);
          min-height: 460px;
          margin: 0 auto 14px;
          border-radius: 18px;
          border: 1px solid rgba(255,255,255,0.10);
          background: #0A0B12;
          overflow: hidden;
          cursor: default;
        }
        #quadrants .quad:last-of-type { margin-bottom: 0; }
        #quadrants .quad.is-active { background: #0C0D14; }
        #quadrants .quad.is-dim { background: #0A0B12; --qv-dim: 1; }
        #quadrants .quad.qs-off { --qv-dim: 0; }

        #quadrants .quad[data-idx="1"],
        #quadrants .quad[data-idx="3"] { justify-content: flex-start; }
        #quadrants .quad[data-idx="1"] .quad-inner,
        #quadrants .quad[data-idx="3"] .quad-inner { align-items: flex-start; text-align: left; }
        #quadrants .quad[data-idx="1"] .quad-actions,
        #quadrants .quad[data-idx="3"] .quad-actions { justify-content: flex-start; }

        #quadrants .quad-inner {
          padding: 26px 18px 20px; max-width: 100%;
          position: relative; z-index: 2;
          background: linear-gradient(to top, rgba(10,11,18,0.97) 0%, rgba(10,11,18,0.92) 68%, rgba(10,11,18,0) 100%);
        }
        #quadrants .quad-title { font-size: clamp(1.25rem, 5.6vw, 1.55rem); opacity: 1 !important; }

        #quadrants .quad .quad-desc {
          max-height: none; margin-top: 10px;
          opacity: 1; transform: none;
          font-size: 0.8rem; line-height: 1.55; max-width: 100%;
        }
        #quadrants .quad .quad-actions {
          max-height: none; margin-top: 10px; padding-block: 6px;
          opacity: 1; transform: none; pointer-events: auto;
          flex-wrap: wrap; gap: 8px;
        }
        #quadrants .campaign-cta { --cta-plate-h: 34px; --cta-plate-px: 1rem; }
        #quadrants .dm-timeline { max-height: none; margin-top: 16px; opacity: 1; width: 100%; }
        #quadrants .dm-line b { width: 100%; }

        #quadrants .quad-viz { transform: translate(-50%, -50%); }
        #quadrants .quad.is-active .quad-viz { transform: translate(-50%, -50%) scale(1.04); }
        #quadrants .qv-dg,
        #quadrants .qv-lg { width: clamp(260px, 56%, 400px); }
        #quadrants .qv-at { width: min(320px, calc(100vw - 76px)); }
        #quadrants .qv-dm { width: min(240px, calc(100vw - 120px)); }
        #quadrants .quad[data-idx="0"] .quad-viz { top: 24%; }
        #quadrants .quad[data-idx="3"] .quad-viz { left: 50%; top: 13%; }

        .ticker-track { gap: 26px; }
        .ticker-track img { height: 26px; max-width: 160px; }
        .ticker-track img[alt="Jaguar"]      { height: 33px; }
        .ticker-track img[alt="Range Rover"] { height: 22px; }
        .ticker-track img[alt="Make-A-Wish"] { height: 30px; }
        .bmw-swap, .bmw-swap img             { height: 32px; }

        .bento-card--corner-text .bento-card-layout {
          background: linear-gradient(to top, rgba(255,255,255,0.97) 0%, rgba(255,255,255,0.82) 45%, transparent 90%);
          padding: 2.4rem 1.2rem 1.2rem;
        }
        .bento-card--corner-text .bento-title { font-size: 1.15rem; }

        .rs-header { padding-top: 1.2rem; padding-bottom: 1.2rem; }
        .rs-header h2 { font-size: clamp(1.45rem, 6.4vw, 1.9rem); }
        .rs-header p  { font-size: 0.86rem; line-height: 1.55; }
        .rs-stat,
        .rs-stat + .rs-stat { padding: 0.35rem 0; }
        .rs-stat::before { margin-bottom: 0.45rem; }
        .rs-stat-tag { margin-bottom: 0.35rem; }
        .rs-stat-num  { font-size: clamp(1.7rem, 7vw, 2.2rem); margin-bottom: 0.25rem; }
        .rs-stat-desc { font-size: 0.82rem; line-height: 1.45; }
        #rs-bottom { padding-top: 0.75rem; }

        .finale-inner { max-width: calc(100vw - 44px); }
        .finale-head { font-size: clamp(1.7rem, 8vw, 2.3rem); }

        .eft-cols { grid-template-columns: 1fr 1fr; gap: 1.6rem; }

        #nav-fan { top: auto; bottom: 16px; transform: translateY(16px) scale(0.9); }
        #nav-fan.is-revealed { transform: none; }
        #nav-fan.nf-top { top: auto; }
        #nav-fan.nf-top.is-revealed { transform: none; }
        .nf-halo { display: none; }
        .nf-shield {
          top: auto; right: -14px; bottom: -16px; transform: none;
          width: 250px; height: 320px;
          border-radius: 24px;
        }
        .nf-blade {
          right: calc(var(--nf-size) / -2);
          bottom: calc((var(--n) - var(--i)) * 40px - 8px);
          width: auto; height: 34px;
          transform: translateY(12px) scale(0.92);
          text-decoration: none;
        }
        #nav-fan.is-open .nf-blade { transform: none; }
        .nf-spine { display: none; }
        .nf-blade .nf-tab,
        .nf-blade:hover .nf-tab,
        .nf-blade:focus-visible .nf-tab { transform: none; }

        .bento-card.bento-card--attribution { min-height: 590px; }
        .bento-card.bento-card--speed { min-height: 360px; }

        .stats-burst { height: 410px; }
      }

      @media (max-width: 480px) {
        #title-container { font-size: 1.06rem; }
        #quadrants .quad-title { font-size: clamp(1.1rem, 5.6vw, 1.3rem); }
        #quadrants .quad .quad-desc { font-size: 0.75rem; }
        .eft-cols { grid-template-columns: 1fr; }
        .rs-stat-desc { display: none; }
        .rs-stat { padding: 0.75rem 0; }
      }

      #rs-tl-kicker {
        position: absolute; left: 50%; top: 17%;
        transform: translateX(-50%);
        display: none; z-index: 3;
        opacity: 0; pointer-events: none;
        font-size: 0.62rem; letter-spacing: 0.34em; text-indent: 0.34em;
        text-transform: uppercase; white-space: nowrap;
        color: rgba(255,255,255,0.5);
      }
      @media (max-width: 700px) {
        #rs-tl-kicker { display: block; }
      }