:root{
  --bg:#071018;--deep:#0b1620;--panel:#0e1c28;--panel2:#122331;--text:#f7fbff;--muted:#91a5b7;
  --line:rgba(255,255,255,.11);--blue:#2b87bd;--blue2:#65c8ff;--yellow:#ffe800;--shadow:0 28px 80px rgba(0,0,0,.42);
  --radius:26px;--max:1180px;--header-h:64px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.container{width:min(calc(100% - 48px),var(--max));margin:auto}.page-noise{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:500;background:rgba(255,255,255,.04)}.scroll-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--yellow),var(--blue2));box-shadow:0 0 22px rgba(101,200,255,.5)}
.site-header{position:fixed;z-index:150;top:14px;left:18px;right:18px;height:var(--header-h);padding:0 20px;display:flex;align-items:center;gap:22px;border:1px solid var(--line);border-radius:18px;background:rgba(7,16,24,.78);backdrop-filter:blur(20px);box-shadow:0 16px 50px rgba(0,0,0,.22)}.brand{display:flex;align-items:center;gap:10px;min-width:226px}.brand>img{width:150px;height:30px;object-fit:contain}.brand>span:not(.fubb-badge){color:#687b8c;font-weight:900}.fubb-badge{height:44px;width:42px;border-radius:12px;background:rgba(255,255,255,.96);display:grid;place-items:center;box-shadow:0 0 24px rgba(255,255,255,.18)}.fubb-badge img{height:38px;width:auto;object-fit:contain}.desktop-nav{margin:auto;display:flex;gap:3px}.desktop-nav a{padding:9px 12px;border-radius:10px;color:var(--muted);font-size:12px;font-weight:800;transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{color:white;background:rgba(255,255,255,.07)}.header-date{font-size:11px;font-weight:900;letter-spacing:.12em;color:#cbd8e2;white-space:nowrap}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:128px 0 80px;overflow:hidden;background:#061018}.hero-media{position:absolute;inset:0;background:#061018 url("assets/hero-poster.jpg") center center/cover no-repeat}.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.92) contrast(1.02);transition:opacity .4s ease}.hero.video-disabled .hero-media video{opacity:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,11,17,.9) 0%,rgba(3,11,17,.7) 43%,rgba(3,11,17,.27) 76%,rgba(3,11,17,.4) 100%)}.hero-vignette{position:absolute;inset:0;background:radial-gradient(circle at 70% 47%,transparent 0 23%,rgba(3,10,15,.15) 49%,rgba(3,10,15,.78) 100%),linear-gradient(to bottom,rgba(7,16,24,.15),rgba(7,16,24,.82) 96%)}.hero-grid{position:absolute;inset:0;opacity:.3;background:linear-gradient(135deg,transparent 0 34%,rgba(255,232,0,.16) 34.1% 34.32%,transparent 34.55% 54%,rgba(101,200,255,.14) 54.1% 54.3%,transparent 54.55%),repeating-linear-gradient(115deg,transparent 0 58px,rgba(255,255,255,.025) 59px 60px)}.hero-wordmark{position:absolute;right:-2vw;bottom:2vh;font-size:clamp(150px,26vw,410px);font-weight:1000;letter-spacing:-.08em;line-height:.68;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.065);white-space:nowrap}.hero-content{position:relative;z-index:3}.hero-lockup{display:flex;align-items:center;gap:22px;margin-bottom:45px}.hero-ssm{width:min(330px,43vw);height:auto}.hero-lockup>span:not(.hero-fubb-halo){font-size:30px;font-weight:900;color:#728597}.hero-fubb-halo{position:relative;width:min(370px,42vw);padding:18px 22px;border-radius:24px;isolation:isolate}.hero-fubb-halo::before{content:"";position:absolute;inset:2px -8px;background:radial-gradient(ellipse at center,rgba(255,255,255,.98),rgba(255,255,255,.86) 52%,rgba(255,255,255,.08) 78%,transparent 82%);filter:blur(7px);z-index:-1}.hero-fubb-halo img{width:100%;height:auto}.eyebrow{margin:0 0 17px;display:flex;align-items:center;gap:10px;color:#c9d7e2;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.eyebrow>span{width:32px;height:2px;background:var(--yellow)}.eyebrow svg{font-size:18px;color:var(--yellow)}.hero h1{margin:0;max-width:960px;font-size:clamp(72px,10.8vw,154px);line-height:.8;letter-spacing:-.07em;font-weight:950}.hero h1 em,.section-heading h2 em,.image-story-copy h2 em,.closing h2 em{font-style:normal;color:var(--blue2)}.hero-meta{display:flex;gap:40px;margin-top:32px;color:#d4e0e9;font-size:15px}.hero-meta p{margin:0}.hero-meta b{display:block;color:var(--yellow);font-size:9px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:3px}.hero-actions{display:flex;align-items:center;gap:14px;margin-top:42px}.hero-cta{position:relative;overflow:hidden;width:min(100%,420px);display:flex;align-items:center;justify-content:space-between;padding:12px 12px 12px 24px;border-radius:22px;background:linear-gradient(135deg,#2185bb,#1f70a4);box-shadow:0 20px 55px rgba(43,135,189,.28);transition:.3s}.hero-cta:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(43,135,189,.37)}.hero-cta>span{display:grid}.hero-cta small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;opacity:.78}.hero-cta strong{font-size:20px}.hero-cta i{width:60px;height:60px;border-radius:17px;background:var(--yellow);color:#071018;display:grid;place-items:center;font-style:normal}.hero-cta i svg{font-size:25px}.video-toggle{height:58px;padding:0 17px;border:1px solid rgba(255,255,255,.16);background:rgba(7,16,24,.62);backdrop-filter:blur(13px);color:#fff;border-radius:18px;display:flex;align-items:center;gap:9px;cursor:pointer;font-weight:800;font-size:11px;transition:.25s}.video-toggle:hover{border-color:rgba(255,232,0,.55);color:var(--yellow)}.video-toggle svg{font-size:18px}
.section{position:relative;padding:112px 0}.section-dark{background:var(--bg)}.section-deep{background:var(--deep)}.section-border{border-top:1px solid var(--line)}.section-heading{max-width:880px;margin-bottom:52px}.section-heading h2,.image-story-copy h2,.closing h2{margin:0;font-size:clamp(44px,6.1vw,82px);line-height:.97;letter-spacing:-.055em}.section-intro{max-width:760px;color:var(--muted);font-size:17px;margin:22px 0 0}.card{position:relative;background:linear-gradient(145deg,rgba(18,35,49,.94),rgba(10,23,33,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.icon-badge{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(255,232,0,.08);border:1px solid rgba(255,232,0,.2);color:var(--yellow)}.icon-badge svg{font-size:23px}.pill{padding:6px 10px;border-radius:999px;background:rgba(101,200,255,.09);border:1px solid rgba(101,200,255,.22);color:var(--blue2);font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
.context-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.context-copy{padding:34px;min-height:390px}.context-copy>small{display:block;color:var(--blue2);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-top:28px}.context-copy h3{font-size:37px;line-height:1.03;margin:8px 0 18px}.context-copy p{color:#c3d0da;font-size:18px;max-width:610px}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tag-row span{padding:8px 11px;border-radius:11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);font-size:11px;font-weight:800;color:#d9e3ea}.budget-card{padding:30px;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:30px}.budget-ring{--p:100;width:185px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--yellow) calc(var(--p)*1%),rgba(255,255,255,.08) 0);position:relative;box-shadow:0 0 55px rgba(255,232,0,.07)}.budget-ring::after{content:"";position:absolute;inset:13px;border-radius:50%;background:#0c1b27;border:1px solid rgba(255,255,255,.09)}.budget-ring>div{position:relative;z-index:2;text-align:center}.budget-ring strong{display:block;font-size:34px;letter-spacing:-.05em}.budget-ring small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.budget-copy{display:grid;gap:3px}.budget-copy small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-top:10px}.budget-copy strong{font-size:26px}.budget-copy p{color:var(--muted);font-size:13px}.facts-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.fact{padding:25px;min-height:180px}.fact b{font-size:58px;line-height:1;color:var(--blue2);letter-spacing:-.05em}.fact span{display:block;font-size:18px;font-weight:800}.fact small{display:block;color:var(--muted);margin-top:8px}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-card{padding:28px;min-height:220px}.metric-featured{min-height:285px}.metric-card>small{color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:9px}.metric-card>.icon-badge{margin-bottom:28px}.metric-card strong{display:block;font-size:clamp(37px,4.5vw,64px);line-height:1;letter-spacing:-.055em;margin:18px 0 15px}.metric-card p{color:var(--muted);margin:0;font-size:13px}.metric-note{margin-top:18px;padding:26px 30px;display:flex;gap:20px;align-items:center}.metric-note .icon-badge{flex:0 0 48px}.metric-note strong{font-size:18px}.metric-note p{margin:3px 0 0;color:var(--muted)}
.visual-break{padding:0;background:#061018}.visual-grid{min-height:730px;display:grid;grid-template-columns:1.6fr .7fr;grid-template-rows:1fr 1fr;gap:8px}.visual-grid figure{margin:0;position:relative;overflow:hidden;background:#0b1822}.visual-grid img{width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.03)}.visual-main{grid-row:1/3}.visual-main::after,.visual-tile::after,.image-stack figure::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 45% 50%,transparent 0 20%,rgba(42,135,189,.08) 40%,rgba(6,16,24,.52) 100%),linear-gradient(135deg,transparent 45%,rgba(255,232,0,.08) 100%)}.visual-main figcaption{position:absolute;left:6vw;bottom:6vw;z-index:2;display:grid;max-width:540px}.visual-main figcaption span{color:var(--yellow);font-size:11px;font-weight:950;letter-spacing:.16em}.visual-main figcaption b{font-size:clamp(31px,4vw,60px);line-height:.95;letter-spacing:-.045em;text-shadow:0 8px 40px #000}
.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.creative-card{padding:28px;min-height:500px;overflow:hidden}.creative-card::before{content:"";position:absolute;right:-80px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(101,200,255,.17),transparent 70%)}.creative-card[data-accent="ctr"]::before{background:radial-gradient(circle,rgba(255,232,0,.14),transparent 70%)}.creative-card[data-accent="efficiency"]::before{background:radial-gradient(circle,rgba(79,218,183,.14),transparent 70%)}.creative-head{display:flex;align-items:center;justify-content:space-between}.creative-index{color:#607789;font-weight:950}.creative-card h3{font-size:38px;margin:35px 0 25px}.creative-hero-stat{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.creative-hero-stat strong{display:block;font-size:46px;line-height:1;letter-spacing:-.05em;color:var(--blue2)}.creative-hero-stat span{color:var(--muted);font-size:11px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:22px}.mini-stats span{padding:11px 10px 11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.mini-stats small{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.08em}.mini-stats b{display:block;font-size:14px;margin-top:2px}.compare-card{margin-top:20px;padding:32px}.compare-head{display:flex;align-items:end;justify-content:space-between;gap:24px}.compare-head h3{font-size:34px;margin:0}.compare-head .eyebrow{margin-bottom:9px}.compare-tabs{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.compare-tabs button{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.04);color:var(--muted);border-radius:999px;padding:9px 12px;font-size:10px;font-weight:900;cursor:pointer}.compare-tabs button.active{background:var(--yellow);color:#071018;border-color:var(--yellow)}.compare-bars{display:grid;gap:18px;margin-top:35px}.compare-row{display:grid;grid-template-columns:120px 1fr 105px;gap:15px;align-items:center}.compare-row>span{font-size:13px;font-weight:900}.compare-track{height:13px;background:rgba(255,255,255,.06);border-radius:999px;overflow:hidden}.compare-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--blue2),var(--yellow));transition:width .7s cubic-bezier(.2,.8,.2,1)}.compare-row b{text-align:right;font-size:13px}.compare-foot{color:var(--muted);font-size:12px;margin:24px 0 0}.quick-reads{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.quick{padding:24px;display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start}.quick>b{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,232,0,.09);border:1px solid rgba(255,232,0,.17);color:var(--yellow);font-size:11px}.quick p{margin:1px 0 0;color:#b9c7d2}.quick p strong{color:#fff}
.image-story{overflow:hidden}.image-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.image-stack{height:620px;position:relative}.image-stack figure{position:absolute;margin:0;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow)}.image-stack img{width:100%;height:100%;object-fit:cover}.stack-a{left:0;top:0;width:70%;height:82%;transform:rotate(-4deg)}.stack-b{right:0;bottom:0;width:63%;height:66%;transform:rotate(5deg)}.image-story-copy p{color:#b9c8d3;font-size:18px}.story-points{display:grid;gap:12px;margin-top:28px}.story-points span{display:flex;align-items:center;gap:10px;font-weight:800}.story-points svg{color:var(--yellow)}
.reach-warning{padding:24px 28px;display:flex;gap:20px;align-items:center;margin-bottom:20px}.reach-warning .icon-badge{flex:0 0 48px}.reach-warning p{margin:0;color:#c4d0da}.detail-list{display:grid;gap:15px}.detail-card{overflow:hidden}.detail-card summary{list-style:none;cursor:pointer;min-height:110px;padding:24px 28px;display:grid;grid-template-columns:1fr auto 28px;gap:25px;align-items:center}.detail-card summary::-webkit-details-marker{display:none}.detail-card summary>div:first-child{display:flex;align-items:center;gap:18px}.detail-card summary>div:first-child>span{color:var(--yellow);font-weight:950;font-size:10px}.detail-card summary h3{font-size:29px;margin:0}.summary-kpi{display:grid;text-align:right}.summary-kpi small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em}.summary-kpi b{font-size:20px}.detail-card summary>svg{font-size:22px;transition:.25s}.detail-card[open] summary>svg{transform:rotate(180deg)}.detail-body{border-top:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:15px;background:rgba(0,0,0,.1)}.adset{padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025)}.adset-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.adset h4{font-size:21px;margin:0}.adset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.adset-grid span{padding:11px 8px 11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.adset-grid small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.adset-grid b{font-size:13px}
.glossary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.glossary{padding:24px;min-height:170px}.glossary b{color:var(--blue2);font-size:17px}.glossary p{color:var(--muted);margin:10px 0 0;font-size:13px}
.closing{min-height:88svh;display:flex;align-items:center;overflow:hidden}.closing-bg{position:absolute;inset:0}.closing-bg img{width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.8)}.closing-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,12,18,.95),rgba(4,12,18,.77) 52%,rgba(4,12,18,.45)),linear-gradient(to top,rgba(4,12,18,.96),rgba(4,12,18,.1) 65%)}.closing-content{position:relative;z-index:2}.closing-content h2{max-width:930px}.closing-content>p:not(.eyebrow){max-width:760px;color:#d2dce4;font-size:19px}.closing-source{margin-top:30px;color:#8ca0b1;font-size:11px}.closing-lockup{display:flex;align-items:center;gap:18px;margin-top:48px}.closing-lockup>img{width:230px}.closing-lockup>span:not(.closing-fubb){color:#778b9b;font-weight:900}.closing-fubb{width:270px;padding:13px 17px;border-radius:18px;background:radial-gradient(ellipse at center,white 0 54%,rgba(255,255,255,.75) 66%,transparent 78%)}.site-footer{padding:25px 0 105px;border-top:1px solid var(--line);background:#050c12;color:#7f93a3;font-size:11px}.site-footer .container{display:flex;align-items:center;justify-content:space-between}.site-footer a{color:#d9e5ed}.mobile-nav{display:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.interactive-card{isolation:isolate;overflow:hidden;transition:transform .28s cubic-bezier(.2,.78,.18,1),border-color .28s ease,box-shadow .28s ease}.interactive-card::after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),rgba(101,200,255,.15),rgba(255,232,0,.04) 25%,transparent 48%);opacity:0;transition:.28s}.interactive-card>*{position:relative;z-index:1}@media(hover:hover) and (pointer:fine){.interactive-card:hover{transform:translateY(-6px);border-color:rgba(101,200,255,.34);box-shadow:0 34px 90px rgba(0,0,0,.48),0 0 40px rgba(43,135,189,.07)}.interactive-card:hover::after{opacity:1}}
@media(max-width:1080px){.desktop-nav{display:none}.context-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}.creative-grid{grid-template-columns:1fr}.creative-card{min-height:auto}.mini-stats{grid-template-columns:repeat(3,1fr)}.image-story-grid{grid-template-columns:1fr;gap:45px}.image-story-copy{max-width:760px}.glossary-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
  .hero-media{background-image:url("assets/hero-poster-mobile.jpg")}
  :root{--radius:22px}.container{width:min(calc(100% - 28px),var(--max))}.site-header{top:9px;left:9px;right:9px;height:58px;padding:0 14px}.brand{min-width:0}.brand>img{width:128px}.brand>span:not(.fubb-badge){font-size:12px}.fubb-badge{width:36px;height:38px}.fubb-badge img{height:34px}.header-date{margin-left:auto;font-size:8px}.hero{padding:104px 0 120px;min-height:100svh;align-items:flex-end}.hero-media video{object-position:center center}.hero-overlay{background:linear-gradient(to top,rgba(3,11,17,.96) 0%,rgba(3,11,17,.7) 42%,rgba(3,11,17,.22) 75%,rgba(3,11,17,.35))}.hero-vignette{background:linear-gradient(to bottom,rgba(7,16,24,.15),rgba(7,16,24,.82) 95%)}.hero-lockup{gap:12px;margin-bottom:28px;align-items:center}.hero-ssm{width:150px}.hero-lockup>span:not(.hero-fubb-halo){font-size:20px}.hero-fubb-halo{width:155px;padding:9px 10px;border-radius:15px}.hero-fubb-halo::before{filter:blur(4px)}.hero h1{font-size:clamp(62px,18vw,92px);line-height:.84}.hero-meta{display:grid;gap:8px;margin-top:24px;font-size:12px}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px;margin-top:28px}.hero-cta{width:100%}.video-toggle{width:max-content;max-width:100%;height:48px}.section{padding:86px 0}.section-heading{margin-bottom:36px}.section-heading h2,.image-story-copy h2,.closing h2{font-size:clamp(42px,12vw,63px)}.section-intro{font-size:15px}.context-copy{min-height:auto}.budget-card{grid-template-columns:140px 1fr;gap:16px;padding:22px}.budget-ring{width:140px}.budget-ring strong{font-size:27px}.budget-copy strong{font-size:20px}.facts-row,.hero-metrics,.metrics-grid,.quick-reads,.glossary-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:none}.facts-row::-webkit-scrollbar,.hero-metrics::-webkit-scrollbar,.metrics-grid::-webkit-scrollbar,.quick-reads::-webkit-scrollbar,.glossary-grid::-webkit-scrollbar{display:none}.fact,.metric-card,.quick,.glossary{flex:0 0 83vw;scroll-snap-align:center}.hero-metrics{margin-bottom:10px}.metrics-grid{gap:12px}.metric-featured{min-height:245px}.metric-note{align-items:flex-start}.visual-grid{min-height:720px;grid-template-columns:1fr;grid-template-rows:2fr 1fr}.visual-main{grid-row:auto}.visual-tile:last-child{display:none}.visual-main figcaption{left:22px;right:22px;bottom:28px}.creative-grid{gap:13px}.mini-stats{grid-template-columns:1fr 1fr}.compare-card{padding:22px}.compare-head{align-items:flex-start;display:grid}.compare-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;width:100%;padding-bottom:4px}.compare-tabs button{white-space:nowrap}.compare-row{grid-template-columns:80px 1fr 82px;gap:10px}.image-stack{height:480px}.stack-a{width:76%;height:76%}.stack-b{width:67%;height:62%}.reach-warning{align-items:flex-start}.detail-card summary{padding:20px;grid-template-columns:1fr 22px}.summary-kpi{display:none}.detail-body{grid-template-columns:1fr;padding:12px}.adset{padding:18px}.adset-grid{grid-template-columns:1fr 1fr}.closing{min-height:100svh;padding-bottom:120px}.closing-content>p:not(.eyebrow){font-size:16px}.closing-lockup{display:grid;grid-template-columns:auto 12px 1fr;gap:9px}.closing-lockup>img{width:140px}.closing-fubb{width:150px;padding:8px}.site-footer{padding-bottom:105px}.site-footer .container{display:grid;gap:10px}.mobile-nav{position:fixed;z-index:180;left:9px;right:9px;bottom:max(9px,env(safe-area-inset-bottom));height:67px;padding:7px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(7,16,24,.88);backdrop-filter:blur(20px);box-shadow:0 16px 45px rgba(0,0,0,.4)}.mobile-nav a{display:grid;place-items:center;border-radius:14px;color:#8296a6;font-size:8px;font-weight:900}.mobile-nav a svg{font-size:18px}.mobile-nav a span{margin-top:-6px}.mobile-nav a.active{color:var(--yellow);background:rgba(255,232,0,.06)}
}
@media(max-width:420px){.budget-card{grid-template-columns:1fr}.budget-ring{margin:auto}.hero-fubb-halo{width:135px}.hero-ssm{width:132px}.adset-grid{grid-template-columns:1fr 1fr}.creative-card{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.interactive-card{transition:none}.compare-fill{transition:none}.hero-media video{display:none}}


/* === Private report access === */
.header-tools{display:flex;align-items:center;gap:14px}
.logout-link{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.48);text-decoration:none;border-left:1px solid rgba(255,255,255,.16);padding-left:14px;transition:color .2s ease}
.logout-link:hover{color:#fff}
.login-page{min-height:100svh;background:#071018;color:#fff;overflow:hidden}
.login-shell{position:relative;min-height:100svh;display:grid;place-items:center;padding:28px}
.login-media{position:absolute;inset:0;overflow:hidden}
.login-media video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.88) contrast(1.04)}
.login-overlay{position:absolute;inset:0;background:radial-gradient(circle at 72% 44%,rgba(22,128,188,.17),transparent 34%),linear-gradient(90deg,rgba(4,10,16,.96) 0%,rgba(4,10,16,.88) 38%,rgba(4,10,16,.65) 100%),linear-gradient(0deg,rgba(4,10,16,.65),rgba(4,10,16,.08))}
.login-card{position:relative;z-index:2;width:min(520px,100%);margin-right:min(40vw,640px);padding:42px;border:1px solid rgba(255,255,255,.13);border-radius:28px;background:rgba(7,16,24,.76);box-shadow:0 30px 90px rgba(0,0,0,.45);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.login-lockup{display:flex;align-items:center;gap:14px;margin-bottom:38px}
.login-lockup>span:not(.login-fubb){font-size:20px;color:rgba(255,255,255,.46)}
.login-ssm{width:132px;height:auto;display:block}
.login-fubb{display:grid;place-items:center;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 0 35px rgba(255,255,255,.18)}
.login-fubb img{width:150px;max-height:48px;object-fit:contain;display:block}
.login-card h1{margin:12px 0 14px;font-size:clamp(42px,5.5vw,72px);line-height:.92;letter-spacing:-.055em}
.login-card h1 em{font-style:normal;color:#ffe500}
.login-copy{max-width:430px;margin:0 0 30px;color:rgba(255,255,255,.72);font-size:15px;line-height:1.6}
.login-form{display:grid;gap:11px}
.login-form label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.62)}
.password-field{display:flex;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:15px;background:rgba(0,0,0,.26);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.password-field:focus-within{border-color:rgba(255,229,0,.72);box-shadow:0 0 0 4px rgba(255,229,0,.08)}
.password-field input{min-width:0;flex:1;padding:16px 16px;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:16px}
.password-field button{align-self:stretch;padding:0 15px;border:0;border-left:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.68);font-weight:800;cursor:pointer}
.login-help,.login-error{margin:0;font-size:12px;line-height:1.45}
.login-help{color:rgba(255,255,255,.42)}
.login-error{color:#ffb7ae;font-weight:700}
.login-submit{margin-top:7px;display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 18px;border:0;border-radius:15px;background:#ffe500;color:#071018;font:inherit;font-weight:900;cursor:pointer;transition:transform .2s ease,filter .2s ease}
.login-submit:hover{transform:translateY(-2px);filter:brightness(1.04)}
.login-submit b{font-size:22px}
.login-date{display:block;margin-top:24px;color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.12em;font-size:9px}
@media (max-width:900px){.login-card{margin-right:0}.login-overlay{background:linear-gradient(0deg,rgba(4,10,16,.97) 0%,rgba(4,10,16,.82) 55%,rgba(4,10,16,.35) 100%)}}
@media (max-width:600px){.login-shell{padding:18px}.login-card{padding:28px 22px;border-radius:22px}.login-lockup{margin-bottom:28px}.login-ssm{width:105px}.login-fubb img{width:116px;max-height:42px}.login-card h1{font-size:48px}.header-tools{gap:8px}.logout-link{padding-left:8px}}