/* ═══════════════════════════════════════════════════
   UNMAN.MEDIA — global.css
   Shared premium styles across all pages
   ═══════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800;900&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --red:#e8192c; --red-dark:#b5111f;
  --black:#080808; --dark:#0f0f0f; --dark2:#161616; --dark3:#1e1e1e;
  --white:#ffffff; --off:#f5f5f3; --grey:#6b6b6b; --light:#c8c8c4;
  --font:'Manrope',sans-serif;
}
html { scroll-behavior:smooth; overflow-x:hidden; }
body { font-family:var(--font); background:var(--black); color:var(--white); overflow-x:hidden; }
@media(hover:hover){ *,*::before,*::after{ cursor:none !important; } }
@media(hover:none){ .cur-dot,.cur-ring,.cur-label{ display:none !important; } }

/* ── CURSOR ── */
.cur-dot{
  position:fixed; width:8px; height:8px; border-radius:50%;
  background:var(--white); pointer-events:none; z-index:99999;
  transform:translate(-50%,-50%); transition:width .2s,height .2s,background .2s;
  will-change:left,top;
}
.cur-ring{
  position:fixed; width:40px; height:40px; border-radius:50%;
  border:1px solid rgba(232,25,44,.6); pointer-events:none; z-index:99998;
  transform:translate(-50%,-50%);
  transition:width .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1),border-color .25s,background .25s;
  will-change:left,top;
}
.cur-dot.big { width:14px; height:14px; }
.cur-ring.big { width:68px; height:68px; background:rgba(232,25,44,.06); border-color:rgba(232,25,44,.4); }
.cur-label{
  position:fixed; pointer-events:none; z-index:99997;
  font-size:10px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  color:var(--white); white-space:nowrap; opacity:0;
  transform:translate(-50%,28px); transition:opacity .2s;
}
.cur-label.show { opacity:1; }

/* ── PAGE TRANSITION ── */
#pt{
  position:fixed; inset:0; background:var(--red); z-index:99989;
  transform:scaleY(0); transform-origin:bottom; pointer-events:none;
}
#pt.in  { animation:ptIn  .55s cubic-bezier(.76,0,.24,1) forwards; }
#pt.out { animation:ptOut .5s cubic-bezier(.76,0,.24,1) forwards; }
@keyframes ptIn  { to{ transform:scaleY(1); } }
@keyframes ptOut { from{transform:scaleY(1);transform-origin:top;} to{transform:scaleY(0);transform-origin:top;} }

/* ── PREMIUM PRELOADER ── */
/* ══════════════════════════════════
   PRELOADER — favicon fill effect
   Runs once per session only
══════════════════════════════════ */
#preloader{
  position:fixed; inset:0;
  background:#080808;
  z-index:99990;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:0;
  will-change:transform, opacity;
}

/* Large favicon SVG container */
.pre-svg-wrap{
  position:relative;
  width:220px;
  height:170px;
}

/* The SVG itself sits full-size */
.pre-svg-wrap svg{
  width:220px;
  height:170px;
  overflow:visible;
  display:block;
}

/* Subtle glow behind icon */
.pre-svg-wrap::before{
  content:'';
  position:absolute;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:260px; height:260px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(232,25,44,0) 0%, transparent 70%);
  transition:background 2s ease;
  pointer-events:none;
  z-index:-1;
}
.pre-svg-wrap.glowing::before{
  background:radial-gradient(circle, rgba(232,25,44,0.18) 0%, transparent 70%);
}


/* ── NAV ── */
nav{
  position:fixed; top:0; left:0; right:0; z-index:500;
  display:flex; align-items:center; justify-content:space-between;
  padding:22px 64px;
  transition:padding .3s cubic-bezier(.22,1,.36,1), background .3s ease, border-color .3s ease;
}
nav.scrolled{ padding:14px 64px; background:rgba(8,8,8,.96); backdrop-filter:blur(20px); border-bottom:1px solid #1a1a1a; }
.nav-logo img{ height:20px; display:block; }
.nav-links{ display:flex; gap:36px; list-style:none; }
.nav-links a{
  color:rgba(255,255,255,.5); text-decoration:none;
  font-size:12px; font-weight:600; letter-spacing:1px; text-transform:uppercase;
  transition:color .2s; position:relative;
}
.nav-links a::after{
  content:''; position:absolute; bottom:-2px; left:0;
  width:0; height:1px; background:var(--red);
  transition:width .3s cubic-bezier(.25,.46,.45,.94);
}
.nav-links a:hover{ color:var(--white); }
.nav-links a:hover::after,.nav-links a.active::after{ width:100%; }
.nav-links a.active{ color:var(--white); }
.nav-cta{
  background:var(--red); color:var(--white); text-decoration:none;
  padding:10px 26px; font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
  transition:background .2s; position:relative; overflow:hidden;
}
.nav-cta::after{
  content:''; position:absolute; inset:0; background:rgba(255,255,255,.12);
  transform:translateX(-101%); transition:transform .35s;
}
.nav-cta:hover{ background:var(--red-dark); }
.nav-cta:hover::after{ transform:translateX(0); }
@media(max-width:960px){ nav{ padding:16px 24px; } }

/* ── PAGE HERO (inner pages) ── */
.page-hero{
  min-height:70vh; background:var(--black); position:relative; overflow:hidden;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding:140px 80px 100px;
}
.ph-noise{
  position:absolute; inset:0; pointer-events:none; opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px 200px;
}
.ph-grid{
  position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(232,25,44,.04) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(232,25,44,.04) 1px,transparent 1px);
  background-size:80px 80px;
  animation:gridIn 1.5s .5s ease both;
}
@keyframes gridIn{ from{opacity:0;} to{opacity:1;} }
.ph-glow{
  position:absolute; width:600px; height:600px;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle,rgba(232,25,44,.12) 0%,transparent 70%);
  top:50%; left:50%; transform:translate(-50%,-50%);
  animation:glowPulse 4s ease-in-out infinite alternate;
}
@keyframes glowPulse{ from{transform:translate(-50%,-50%) scale(.9); opacity:.6;} to{transform:translate(-50%,-50%) scale(1.1); opacity:1;} }
.ph-eyebrow{
  position:relative; z-index:2;
  display:inline-flex; align-items:center; gap:12px;
  font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase;
  color:var(--red); margin-bottom:24px;
  opacity:0; animation:fadeUp .6s .8s ease both;
}
.ph-line{ width:28px; height:1px; background:var(--red); }
.page-hero h1{
  position:relative; z-index:2;
  font-size:clamp(44px,6.5vw,96px); font-weight:900;
  line-height:.95; letter-spacing:-3px; text-transform:uppercase;
  color:var(--white); max-width:1000px;
  opacity:0; animation:fadeUp .8s 1s ease both;
}
.page-hero h1 em{ color:var(--red); font-style:italic; }
.ph-scroll{
  position:absolute; bottom:32px; left:0; right:0;
  display:flex; flex-direction:column; align-items:center; gap:8px; z-index:2;
  opacity:0; animation:fadeUp .6s 1.6s ease both;
  pointer-events:none;
}
.ph-scroll span{ font-size:9px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--grey); }
.ph-scroll-line{ width:1px; height:40px; background:linear-gradient(to bottom,var(--red),transparent); animation:scrollPulse 2s ease-in-out infinite; }
@keyframes scrollPulse{ 0%,100%{opacity:.4; transform:scaleY(1);} 50%{opacity:1; transform:scaleY(1.2);} }

/* ── SHARED SECTION ── */
.section-tag{
  display:inline-flex; align-items:center; gap:10px;
  font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase;
  color:var(--red); margin-bottom:20px;
}
.stl{ width:24px; height:1px; background:var(--red); }

/* ── SCROLL REVEAL ── */
.sr{ opacity:0; transform:translateY(24px); transition:opacity .75s cubic-bezier(.22,1,.36,1), transform .75s cubic-bezier(.22,1,.36,1); will-change:opacity,transform; }
.sr.left { transform:translateX(-24px); }
.sr.right{ transform:translateX(24px); }
.sr.scale{ transform:scale(.97); }
.sr.vis{ opacity:1!important; transform:none!important; will-change:auto; }
.d1{transition-delay:.1s;} .d2{transition-delay:.2s;} .d3{transition-delay:.3s;} .d4{transition-delay:.4s;} .d5{transition-delay:.5s;}

/* ── MARQUEE ── */
.marquee-wrap{
  overflow:hidden; background:var(--dark2) !important;
  border-top:1px solid #1e1e1e !important; border-bottom:1px solid #1e1e1e !important;
  padding:20px 0; position:relative;
}
.marquee-wrap::before,.marquee-wrap::after{
  content:''; position:absolute; top:0; bottom:0; width:100px; z-index:2; pointer-events:none;
}
.marquee-wrap::before{ left:0; background:linear-gradient(to right,var(--dark2) 0%,transparent 100%); }
.marquee-wrap::after { right:0; background:linear-gradient(to left,var(--dark2) 0%,transparent 100%); }
.marquee-track{ display:inline-flex; align-items:center; animation:mRoll 32s linear infinite; will-change:transform; }
.marquee-track:hover{ animation-play-state:paused; }
.mi{ display:inline-flex; align-items:center; padding:0 56px; font-size:14px; font-weight:700; letter-spacing:4px; text-transform:uppercase; color:#2e2e2e; white-space:nowrap; transition:color .3s; }
.mi:hover{ color:#555; }
.mi.pill{ background:rgba(232,25,44,.08); border:1px solid rgba(232,25,44,.2); border-radius:100px; color:var(--red); padding:6px 28px; font-size:12px; letter-spacing:2px; }
.mi.div{ padding:0 40px; opacity:.5; display:inline-flex; align-items:center; }
@keyframes mRoll{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* ── STATS BAR ── */
.stats-bar{
  display:grid; grid-template-columns:repeat(4,1fr);
  background:var(--black); border-top:1px solid #1a1a1a; border-bottom:1px solid #1a1a1a;
}
.stat-item{
  padding:52px 40px; text-align:center; border-right:1px solid #1a1a1a;
  position:relative; overflow:hidden; transition:background .3s;
}
.stat-item:last-child{ border-right:none; }
.stat-item::before{
  content:''; position:absolute; inset:0; background:var(--red);
  transform:scaleY(0); transform-origin:bottom;
  transition:transform .4s cubic-bezier(.76,0,.24,1); z-index:0;
}
.stat-item:hover::before{ transform:scaleY(1); }
.stat-num{ font-size:52px; font-weight:900; color:var(--white); line-height:1; position:relative; z-index:1; }
.stat-num sup{ font-size:22px; color:var(--red); transition:color .3s; }
.stat-item:hover .stat-num sup{ color:var(--white); }
.stat-label{ font-size:11px; font-weight:600; letter-spacing:2px; text-transform:uppercase; color:var(--grey); margin-top:8px; position:relative; z-index:1; transition:color .3s; }
.stat-item:hover .stat-label{ color:rgba(255,255,255,.65); }
@media(max-width:960px){ .stats-bar{grid-template-columns:repeat(2,1fr);} .stat-item{border-right:none;border-bottom:1px solid #1a1a1a;} }

/* ── BUTTONS ── */
.btn-red{
  background:var(--red); color:var(--white); text-decoration:none;
  padding:14px 36px; font-size:12px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase;
  display:inline-block; position:relative; overflow:hidden; transition:background .2s;
}
.btn-red::after{ content:''; position:absolute; inset:0; background:rgba(255,255,255,.12); transform:translateX(-101%); transition:transform .35s; }
.btn-red:hover{ background:var(--red-dark); }
.btn-red:hover::after{ transform:translateX(0); }
.btn-white{
  background:var(--white); color:var(--black); text-decoration:none;
  padding:14px 36px; font-size:12px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase;
  display:inline-block; position:relative; overflow:hidden; transition:color .3s;
}
.btn-white::before{ content:''; position:absolute; inset:0; background:var(--red); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.76,0,.24,1); }
.btn-white:hover::before{ transform:scaleX(1); }
.btn-white span{ position:relative; z-index:1; }
.btn-white:hover span{ color:var(--white); }
.btn-ghost{
  border:1px solid #2a2a2a; color:var(--white); text-decoration:none;
  padding:14px 36px; font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
  display:inline-block; transition:border-color .3s,background .3s;
}
.btn-ghost:hover{ border-color:var(--red); background:rgba(232,25,44,.06); }
.btns-row{ display:flex; gap:14px; justify-content:center; margin-top:64px; }

/* ── LOGO STRIP ── */
.cta-strip{
  background:var(--red); padding:48px 0; overflow:hidden;
  position:relative;
}
.cta-strip::before,.cta-strip::after{
  content:''; position:absolute; top:0; bottom:0; width:120px; z-index:2; pointer-events:none;
}
.cta-strip::before{ left:0; background:linear-gradient(to right,var(--red),transparent); }
.cta-strip::after { right:0; background:linear-gradient(to left,var(--red),transparent); }
.cta-roll{
  display:inline-flex; align-items:center; white-space:nowrap;
  animation:ctaR 22s linear infinite;
}
.cta-roll:hover{ animation-play-state:paused; }
.cta-logo-item{
  display:inline-flex; align-items:center; padding:0 60px; flex-shrink:0;
  opacity:.9; transition:opacity .3s;
}
.cta-logo-item:hover{ opacity:1; }
.cta-logo-item svg{ display:block; }
.cta-logo-sep{
  display:inline-flex; align-items:center; padding:0 28px; opacity:.3; flex-shrink:0;
}
.cta-logo-sep svg{ display:block; }
@keyframes ctaR{ from{transform:translateX(0);} to{transform:translateX(-50%);} }

/* ── FOOTER ── */
footer{
  background:var(--dark); border-top:1px solid #1a1a1a;
  padding:72px 80px 32px;
}
.footer-top{
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr 1fr;
  gap:48px; margin-bottom:56px;
}
.footer-logo{ height:18px; display:block; margin-bottom:20px; }
.footer-tagline{ font-size:13px; color:rgba(255,255,255,.75); line-height:1.8; max-width:220px; }
.footer-col h4{ font-size:10px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:20px; }
.footer-col ul{ list-style:none; }
.footer-col li{ margin-bottom:12px; }
.footer-col a{ color:#ffffff; text-decoration:none; font-size:13px; font-weight:500; transition:color .2s; }
.footer-col a:hover{ color:var(--red); }
.fsoc{ display:inline-flex!important; align-items:center!important; gap:9px!important; color:#ffffff!important; text-decoration:none!important; font-size:13px!important; font-weight:500!important; transition:color .2s!important; }
.fsoc img{ width:16px!important; height:16px!important; filter:brightness(0) invert(1)!important; transition:filter .2s!important; }
.fsoc:hover{ color:var(--red)!important; }
.fsoc:hover img{ filter:brightness(0) saturate(100%) invert(13%) sepia(97%) saturate(6000%) hue-rotate(352deg) brightness(96%)!important; }
.footer-bottom{ border-top:1px solid #1a1a1a; padding-top:28px; display:flex; justify-content:space-between; align-items:center; }
.footer-bottom p{ font-size:12px; color:rgba(255,255,255,.45); }
.footer-bottom a{ color:rgba(255,255,255,.45); text-decoration:none; transition:color .2s; }
.footer-bottom a:hover{ color:var(--red); }
@media(max-width:960px){ footer{padding:48px 24px 24px;} .footer-top{grid-template-columns:1fr 1fr;gap:32px;} }

/* ── ANIMATIONS ── */
@keyframes fadeUp{ from{opacity:0;transform:translateY(20px);} to{opacity:1;transform:translateY(0);} }
@keyframes fadeIn{ from{opacity:0;} to{opacity:1;} }

/* ── BTN OUTLINE DARK (used on light sections) ── */
.btn-outline-dark{
  border:2px solid #ccc; color:var(--black); text-decoration:none;
  padding:14px 36px; font-size:12px; font-weight:700;
  letter-spacing:1.5px; text-transform:uppercase; display:inline-block;
  transition:border-color .3s, color .3s, background .3s;
  position:relative; overflow:hidden;
}
.btn-outline-dark:hover{ border-color:var(--red); color:var(--red); }


/* ════════════════════════════════════════
   HAMBURGER MENU
════════════════════════════════════════ */

/* Hide desktop nav links on mobile */
@media(max-width:960px){
  .nav-links{ display:none; }
  .nav-cta{ display:none; }
}

/* Hamburger button */
.hamburger{
  display:none;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  width:40px; height:40px;
  background:transparent; border:none;
  cursor:pointer; padding:4px; z-index:1001;
  position:relative;
}
.hamburger span{
  display:block !important; width:24px !important; height:2px !important;
  background:var(--white) !important; border-radius:2px !important;
  transition:transform .35s cubic-bezier(.76,0,.24,1),
             opacity .3s ease,
             width .35s ease;
  transform-origin:center;
  flex-shrink:0 !important;
  font-size:0 !important; line-height:0 !important; /* prevent any text rendering */
}
.hamburger.open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.hamburger.open span:nth-child(2){ opacity:0; width:0; }
.hamburger.open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media(max-width:960px){ .hamburger{ display:flex !important; } }

/* Mobile nav overlay */
.mobile-nav{
  position:fixed; inset:0;
  background:var(--black);
  z-index:999;
  display:flex; flex-direction:column;
  justify-content:center; align-items:center;
  pointer-events:none;
  opacity:0;
  transform:translateY(-20px);
  transition:opacity .4s cubic-bezier(.25,.46,.45,.94),
             transform .4s cubic-bezier(.25,.46,.45,.94);
}
.mobile-nav.open{
  opacity:1; transform:translateY(0); pointer-events:all;
}

/* Noise texture overlay */
.mobile-nav::before{
  content:'';
  position:absolute; inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px;
  opacity:.03; pointer-events:none;
}

/* Red accent line top */
.mobile-nav::after{
  content:'';
  position:absolute; top:0; left:0; right:0; height:3px;
  background:var(--red);
}

/* Nav items */
.mobile-nav-inner{
  position:relative; z-index:1;
  display:flex; flex-direction:column;
  align-items:center; gap:4px;
  width:100%;
}

.mobile-nav-item{
  display:block; width:100%; text-align:center;
  padding:18px 40px;
  font-size:clamp(28px, 7vw, 48px);
  font-weight:900;
  letter-spacing:-1px;
  text-decoration:none;
  color:rgba(255,255,255,.35);
  text-transform:uppercase;
  transition:color .2s;
  position:relative;
  overflow:hidden;
}
.mobile-nav-item::before{
  content:'';
  position:absolute; left:0; top:0; bottom:0; width:0;
  background:var(--red);
  transition:width .35s cubic-bezier(.76,0,.24,1);
  z-index:-1;
}
.mobile-nav-item:hover,
.mobile-nav-item.active{ color:var(--white); }
.mobile-nav-item:hover::before{ width:100%; }
.mobile-nav-item.active{ color:var(--red); }

/* Staggered animation for each item */
.mobile-nav-item:nth-child(1){ transition-delay:.05s; }
.mobile-nav-item:nth-child(2){ transition-delay:.10s; }
.mobile-nav-item:nth-child(3){ transition-delay:.15s; }
.mobile-nav-item:nth-child(4){ transition-delay:.20s; }
.mobile-nav-item:nth-child(5){ transition-delay:.25s; }

/* Mobile nav footer (contact button + social) */
.mobile-nav-footer{
  position:absolute; bottom:40px; left:0; right:0;
  display:flex; flex-direction:column; align-items:center; gap:20px;
  z-index:1;
}
.mobile-nav-cta{
  background:var(--red); color:var(--white);
  padding:12px 40px; font-size:12px; font-weight:800;
  letter-spacing:2px; text-transform:uppercase; text-decoration:none;
  transition:background .2s;
}
.mobile-nav-cta:hover{ background:var(--red-dark); }
.mobile-nav-socials{
  display:flex; gap:16px; align-items:center;
}
.mobile-nav-socials a{
  width:36px; height:36px; border:1px solid #2a2a2a;
  display:flex; align-items:center; justify-content:center;
  transition:border-color .2s;
}
.mobile-nav-socials a:hover{ border-color:var(--red); }
.mobile-nav-socials img{
  width:15px; height:15px;
  filter:brightness(0) invert(.4);
  transition:filter .2s;
}
.mobile-nav-socials a:hover img{
  filter:brightness(0) saturate(100%) invert(13%) sepia(97%) saturate(6000%) hue-rotate(352deg) brightness(96%);
}

/* Prevent body scroll when menu open */
body.nav-open{ overflow:hidden; }


/* ════════════════════════════════════════
   GLOBAL RESPONSIVE OVERHAUL
════════════════════════════════════════ */
@media(max-width:960px){
  /* Nav */
  nav{ padding:16px 24px; }
  .nav-links{ display:none; }
  nav.scrolled{ padding:14px 24px; }

  /* Page heroes */
  .page-hero{ padding:100px 24px 80px; min-height:60vh; }
  .page-hero h1{ font-size:clamp(36px,10vw,64px); letter-spacing:-2px; }

  /* Scroll indicator — perfectly centered on mobile */
  .ph-scroll{
    left:0 !important; right:0 !important;
    transform:none !important;
    align-items:center !important;
    bottom:24px !important;
  }

  /* Stats bar */
  .stats-bar{ grid-template-columns:repeat(2,1fr); }
  .stat-item{ border-right:none !important; border-bottom:1px solid #1a1a1a; padding:36px 24px; }
  .stat-num{ font-size:40px; }

  /* Footer */
  footer{ padding:48px 24px 24px; }
  .footer-top{ grid-template-columns:1fr 1fr; gap:32px; }

  /* Marquee */
  .marquee-wrap{ padding:16px 0; }
  .mi{ padding:0 32px; font-size:12px; }
  .mi.div{ padding:0 24px; }
}

@media(max-width:600px){
  /* Page hero — small phones */
  .page-hero{ padding:90px 20px 70px; min-height:55vh; }
  .page-hero h1{ font-size:clamp(32px,12vw,56px); letter-spacing:-1.5px; }
  .ph-eyebrow{ font-size:9px; }

  /* Footer */
  .footer-top{ grid-template-columns:1fr; }

  /* Stats */
  .stats-bar{ grid-template-columns:1fr 1fr; }
  .stat-num{ font-size:36px; }

  /* Buttons */
  .btn-white, .btn-red, .btn-ghost, .btn-outline-dark{ padding:12px 24px; font-size:11px; }
  .btns-row{ flex-direction:column; align-items:center; }
}