/* ============================================================
   BehindTheMoon — new-index.html stylesheet
   Global rules + design tokens + component styles
   (extracted from inline styles; runtime/JS styles stay inline)
   ============================================================ */

/* ---------- Global / reset / keyframes ---------- */
*{box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{margin:0;background:#070708}
  ::selection{background:#ef2b3d;color:#fff}
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-track{background:#0b0b0d}
  ::-webkit-scrollbar-thumb{background:#26262c;border-radius:10px;border:2px solid #0b0b0d}
  ::-webkit-scrollbar-thumb:hover{background:#3a3a42}
  input,textarea{font-family:'Poppins',sans-serif}
  input::placeholder,textarea::placeholder{color:rgba(244,243,241,.3)}
  input[type=range]{-webkit-appearance:none;appearance:none;height:3px;border-radius:3px;outline:none;cursor:ew-resize;width:100%}
  input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:#ef2b3d;border:2px solid #0b0b0d;box-shadow:0 0 0 3px rgba(215,38,56,.22),0 0 16px rgba(215,38,56,.55);transition:transform .15s}
  input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25)}
  input[type=range]::-moz-range-thumb{height:14px;width:14px;border:2px solid #0b0b0d;border-radius:50%;background:#ef2b3d}
  @keyframes btmPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}
  @keyframes btmFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  @keyframes btmSpin{to{transform:rotate(360deg)}}
  @keyframes btmBlink{0%,49%{opacity:1}50%,100%{opacity:0}}
  @keyframes btmGlow{0%,100%{opacity:.5}50%{opacity:.9}}
  @keyframes btmMarq{to{transform:translateX(-50%)}}
  @keyframes btmSheen{0%{transform:translateX(-130%) skewX(-18deg)}60%,100%{transform:translateX(360%) skewX(-18deg)}}
  @keyframes btmDrift{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-16px) rotate(8deg)}}
  @keyframes btmTwinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:.9;transform:scale(1.1)}}
  @keyframes btmAurora{0%,100%{opacity:.8;transform:translate3d(0,0,0) scale(1)}50%{opacity:1;transform:translate3d(-2.5%,2%,0) scale(1.1)}}
  @keyframes btmAurora2{0%,100%{opacity:.55;transform:translate3d(0,0,0) scale(1.05)}50%{opacity:.95;transform:translate3d(3%,-2%,0) scale(1)}}
  @keyframes btmGridPan{to{background-position:64px 64px}}
  @keyframes btmShimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
  @keyframes btmRise{0%{opacity:0;transform:translateY(34px)}100%{opacity:1;transform:none}}
  @keyframes btmDrift2{0%,100%{transform:translate(0,0)}50%{transform:translate(14px,-30px)}}
  @keyframes btmDrift3{0%,100%{transform:translate(0,0)}50%{transform:translate(-18px,-22px)}}
  @keyframes btmRing{0%{transform:scale(.6);opacity:.7}100%{transform:scale(1.7);opacity:0}}
  @keyframes btmConvey{to{background-position:-28px 0}}
  @keyframes btmHalo{0%,100%{box-shadow:0 0 0 0 rgba(215,38,56,.55)}70%,100%{box-shadow:0 0 0 9px rgba(215,38,56,0)}}
  @keyframes btmOrbitSpin{to{transform:rotate(360deg)}}
  @keyframes btmScan{0%{transform:translateY(-100%)}100%{transform:translateY(2400%)}}
  @keyframes btmMoonGlow{0%,100%{filter:drop-shadow(0 0 10px rgba(215,38,56,.45))}50%{filter:drop-shadow(0 0 22px rgba(215,38,56,.75))}}
  .btm-star{position:absolute;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fff,rgba(255,255,255,.1) 60%,transparent 70%)}
  .btm-grain{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");background-size:160px 160px}
  .btm-vignette{position:fixed;inset:0;z-index:2;pointer-events:none;background:radial-gradient(125% 125% at 50% 32%,transparent 58%,rgba(0,0,0,.5) 100%)}
  @media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}
  [data-dropcap]::first-letter{font-family:var(--display);float:left;font-size:70px;line-height:.66;padding:8px 14px 0 0;color:var(--red);font-weight:600}
  [data-marquee]{animation:btmMarq 34s linear infinite}
  [data-marquee-slow]{animation:btmMarq 50s linear infinite}
  [data-marquee]:hover,[data-marquee-slow]:hover{animation-play-state:paused}
  @media(max-width:760px){
    [data-pillarpanels]{flex-direction:column!important;height:auto!important}
    [data-pwrap]{flex-grow:1!important;height:auto!important}
    [data-ppanel]{--expandedOpacity:1!important;--expandedPE:auto!important;--collapsedOpacity:0!important;--numColor:var(--red)!important;--numStroke:transparent!important;--arrowColor:var(--red)!important;height:auto!important;min-height:160px}
    [data-vlabel]{display:none!important}
  }

/* ---------- Design tokens ---------- */
:root{
  --bg:#070708;
  --panel:#292a31;
  --panel2:#0b0b0b;
  --line:rgba(255,255,255,.08);
  --line2:rgba(255,255,255,.16);
  --red:#d72638;
  --reddim:#9e1b29;
  --display:'Spectral',serif;
  --label:'Poppins',sans-serif;
  --mono:'IBM Plex Mono',monospace;
  --ink:#f4f3f1;
  --muted:rgba(244,243,241,.56);
  --faint:rgba(244,243,241,.32);
}

/* ---------- Component styles ---------- */
.app-root{background:var(--bg);color:var(--ink);font-family:'Poppins',sans-serif;min-height:100vh;position:relative;overflow-x:hidden;}
.cursor-dot{position:fixed;top:0;left:0;width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px 2px rgba(215,38,56,.8);transform:translate(-100px,-100px) translate(-50%,-50%);pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s,width .25s,height .25s,background .25s;}
.cursor-ring{position:fixed;top:0;left:0;width:40px;height:40px;border-radius:50%;border:1px solid rgba(215,38,56,.55);transform:translate(-100px,-100px) translate(-50%,-50%);pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s,width .28s cubic-bezier(.3,.8,.3,1),height .28s cubic-bezier(.3,.8,.3,1),border-color .28s,background .28s;}
.aurora-primary{position:fixed;inset:0;pointer-events:none;z-index:0;will-change:transform,opacity;background:radial-gradient(680px 460px at 80% -10%,rgba(215,38,56,.11),transparent 62%);animation:btmAurora 14s ease-in-out infinite;}
.aurora-secondary{position:fixed;inset:0;pointer-events:none;z-index:0;will-change:transform,opacity;background:radial-gradient(540px 420px at 4% 22%,rgba(215,38,56,.055),transparent 58%);animation:btmAurora2 18s ease-in-out infinite;}
.atmosphere-grid{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;animation:btmGridPan 26s linear infinite;mask-image:radial-gradient(ellipse 80% 70% at 50% 30%,#000 40%,transparent 85%);}
.sky{position:fixed;inset:0;pointer-events:none;z-index:0;will-change:transform;}
.moon-float-1{position:absolute;left:84%;top:16%;opacity:.20;animation:btmDrift2 13s ease-in-out infinite;}
.moon-float-2{position:absolute;left:9%;top:62%;opacity:.14;animation:btmDrift3 17s ease-in-out infinite;}
.moon-float-3{position:absolute;left:46%;top:84%;opacity:.12;animation:btmDrift2 21s ease-in-out infinite 2s;}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:120;background:transparent;}
.scroll-progress-bar{height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,var(--red),#ff7a52);}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .35s ease,backdrop-filter .35s ease,border-color .35s ease,box-shadow .35s ease;border-bottom:1px solid transparent;}
.nav{max-width:1280px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;gap:28px;}
.nav-left{flex:1;display:flex;align-items:center;}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);}
.logo-img{height:50px;width:auto;display:block;}
.logo-word{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:.02em;line-height:1;}
.accent{color:var(--red);}
.nav-pill{display:none;align-items:center;gap:4px;padding:6px 8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.nav-link{font-family:var(--label);font-size:13px;font-weight:500;letter-spacing:.01em;color:var(--muted);text-decoration:none;padding:8px 16px;border-radius:999px;transition:color .2s,background .2s;white-space:nowrap;}
.nav-link:hover{color:var(--ink);background:rgba(255,255,255,.08);}
.nav-right{flex:1;display:flex;justify-content:flex-end;align-items:center;}
.btn-cta{font-family:var(--label);font-size:13px;font-weight:500;letter-spacing:.14em;color:#fff;background:var(--red);border:none;padding:11px 22px;border-radius:999px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 0 0 rgba(215,38,56,0);}
.btn-cta:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(215,38,56,.4);}
.hero{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:150px 32px 40px;text-align:center;}
.hero-moon{position:absolute;top:96px;right:7%;opacity:.55;pointer-events:none;animation:btmFloat 6.5s ease-in-out infinite;}
.hero-twinkle{position:absolute;top:200px;left:9%;opacity:.4;pointer-events:none;animation:btmTwinkle 3.4s ease-in-out infinite;}
.hero-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--label);font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--red);margin-bottom:30px;}
.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:btmPulse 2s infinite,btmHalo 2.2s ease-out infinite;}
.hero-title{font-family:var(--display);font-weight:600;font-size:clamp(38px,6.8vw,92px);line-height:.98;letter-spacing:-.03em;margin:0;}
.hero-title-accent{background:linear-gradient(90deg,var(--red) 0%,#ff7a52 30%,var(--red) 60%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--red);animation:btmShimmer 5s linear infinite;}
.hero-subtitle{max-width:560px;margin:30px auto 0;font-size:16px;line-height:1.7;color:var(--muted);}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:36px;}
.hero-btn-primary{position:relative;overflow:hidden;font-family:var(--label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--red);border:none;padding:15px 24px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s;}
.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(215,38,56,.4);}
.hero-btn-sheen{position:absolute;top:0;bottom:0;left:0;width:46px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);animation:btmSheen 3.4s ease-in-out infinite;}
.hero-btn-label{position:relative;display:flex;align-items:center;gap:10px;}
.hero-btn-secondary{font-family:var(--label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:transparent;border:1px solid var(--line2);padding:15px 24px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:border-color .2s,background .2s;}
.hero-btn-secondary:hover{border-color:var(--red);background:rgba(215,38,56,.08);}
.hero-media{position:relative;margin-top:56px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -14px rgba(0,0,0,.9);aspect-ratio:16/9;background:linear-gradient(160deg,var(--panel2),var(--panel));}
.media-fill{width:100%;height:100%;display:block;object-fit:cover;transform:translateZ(0);backface-visibility:hidden;background:#0b0b0b;}
.hero-media-badge{position:absolute;left:16px;top:16px;display:flex;align-items:center;gap:8px;font-family:var(--label);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:rgba(7,7,8,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:6px 10px;border-radius:6px;border:1px solid var(--line2);}
.hero-media-rec-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:btmBlink 1.2s infinite;}
.stats{position:relative;z-index:1;max-width:1280px;margin:50px auto 0;padding:0 32px;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.stat-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 24px 50px -26px rgba(0,0,0,.85);border-radius:8px;background:linear-gradient(180deg,var(--panel2),var(--panel));padding:24px 22px;transition:transform .35s,box-shadow .4s;}
.stat-card:hover{transform:translateY(-5px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 34px 64px -24px rgba(0,0,0,.95),0 0 0 1px rgba(215,38,56,.3);}
.stat-card-glow{position:absolute;right:-26px;top:-26px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,rgba(215,38,56,.22),transparent 70%);pointer-events:none;}
.stat-icon{position:relative;width:42px;height:42px;border-radius:12px;background:rgba(215,38,56,.1);border:1px solid rgba(215,38,56,.28);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.stat-number{position:relative;font-family:var(--display);font-weight:600;font-size:clamp(32px,4vw,48px);letter-spacing:-.025em;color:var(--ink);line-height:1;}
.stat-label{position:relative;font-family:var(--label);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:9px;}
.section{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:120px 32px 0;}
.section-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;}
.eyebrow{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--red);}
.story-title{font-family:var(--display);font-weight:600;font-size:clamp(30px,4.6vw,58px);letter-spacing:-.025em;margin:0;text-align:center;max-width:760px;}
.story-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;padding-top:50px;}
.story-quote-mark{opacity:.9;}
.story-quote{font-family:var(--display);font-weight:400;font-style:italic;font-size:clamp(22px,2.6vw,30px);line-height:1.32;letter-spacing:-.01em;margin:18px 0 22px;color:var(--ink);}
.story-quote-caption{border-left:2px solid var(--red);padding-left:16px;font-family:var(--label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);line-height:1.7;}
.story-body{display:flex;flex-direction:column;gap:22px;font-size:15.5px;line-height:1.78;color:var(--muted);}
.p-flush{margin:0;}
.emph{color:var(--ink);font-weight:600;}
.story-emphasis{color:var(--red);font-style:italic;font-weight:500;}
.film-card{margin-top:64px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -14px rgba(0,0,0,.9);border-radius:8px;overflow:hidden;background:linear-gradient(160deg,var(--panel2),var(--panel));}
.film-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:22px 26px;}
.film-title{font-family:var(--display);font-weight:600;font-size:20px;}
.film-subtitle{font-family:var(--label);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-top:6px;}
.film-media{aspect-ratio:21/9;position:relative;}
.video-mute{position:absolute;bottom:12px;right:12px;z-index:3;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s,border-color .2s,transform .2s;}
.video-mute:hover{background:rgba(0,0,0,.72);border-color:var(--red);transform:scale(1.08);}
.video-mute .vi-on{display:none;}
.video-mute.sound-on .vi-off{display:none;}
.video-mute.sound-on .vi-on{display:block;}
.orbit-eyebrow{font-family:var(--label);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);}
.orbit-title{font-family:var(--display);font-weight:600;font-size:clamp(30px,4.4vw,54px);letter-spacing:-.025em;margin:14px 0 14px;}
.orbit-intro{max-width:620px;font-size:15px;line-height:1.7;color:var(--muted);margin:0;}
.orbit-track{margin-top:40px;display:flex;gap:18px;overflow-x:auto;padding:8px 4px 24px;scroll-snap-type:x mandatory;cursor:grab;}
.sector-card{flex:none;width:300px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -14px rgba(0,0,0,.9);border-radius:8px;background:linear-gradient(160deg,var(--panel2),var(--panel));padding:24px;min-height:300px;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease;}
.sector-card:hover{transform:translateY(-8px);box-shadow:0 34px 70px -20px rgba(0,0,0,.85),0 0 0 1px rgba(215,38,56,.4);}
.sector-card-top{display:flex;align-items:center;justify-content:flex-end;}
.sector-code{font-family:var(--label);font-size:10px;letter-spacing:.12em;color:var(--red);border:1px solid var(--red);border-radius:5px;padding:3px 7px;}
.sector-card-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;}
.sector-icon{width:52px;height:52px;border-radius:13px;background:rgba(215,38,56,.1);border:1px solid rgba(215,38,56,.28);display:flex;align-items:center;justify-content:center;margin-top:22px;}
.sector-tag{font-family:var(--label);font-size:10px;letter-spacing:.2em;color:var(--red);text-transform:uppercase;}
.sector-name{font-family:var(--display);font-weight:600;font-size:21px;letter-spacing:-.01em;margin-top:6px;}
.sector-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;margin-top:18px;font-family:var(--label);font-size:10px;letter-spacing:.12em;color:var(--muted);}
.sector-status{display:flex;align-items:center;gap:7px;}
.sector-status-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:btmGlow 2.4s infinite;}
.gratitude-card{margin-top:44px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -14px rgba(0,0,0,.9);border-radius:10px;background:linear-gradient(160deg,var(--panel2),var(--panel));padding:clamp(28px,4vw,52px);display:grid;grid-template-columns:1.4fr 1fr;gap:50px;}
.gratitude-title{font-family:var(--display);font-weight:400;font-style:italic;font-size:clamp(24px,3vw,34px);letter-spacing:-.01em;margin:0 0 24px;line-height:1.25;}
.gratitude-body{display:flex;flex-direction:column;gap:16px;font-size:14.5px;line-height:1.75;color:var(--muted);}
.gratitude-media{position:relative;border-radius:8px;overflow:hidden;min-height:340px;}
.gratitude-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.services-title{font-family:var(--display);font-weight:600;font-size:clamp(28px,4.2vw,52px);letter-spacing:-.025em;margin:0;text-align:center;}
.pillars{margin-top:48px;display:flex;gap:14px;height:clamp(470px,58vh,580px);}
.pillar-panel{position:relative;overflow:hidden;height:100%;border:1px solid var(--panelBorder);border-radius:8px;background:var(--panelBg);cursor:pointer;transition:border-color .45s,background .45s;}
.pillar-moon{position:absolute;right:-30px;top:-30px;opacity:var(--panelMoon);transition:opacity .5s;animation:btmDrift 7.5s ease-in-out infinite;pointer-events:none;}
.pillar-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:26px 24px 0;}
.pillar-num{font-family:var(--display);font-weight:600;font-size:clamp(38px,4.6vw,62px);line-height:.8;color:var(--numColor);-webkit-text-stroke:1px var(--numStroke);transition:color .4s;}
.pillar-arrow{width:34px;height:34px;border-radius:50%;border:1px solid var(--panelBorder);display:flex;align-items:center;justify-content:center;flex:none;transition:border-color .4s;}
.pillar-arrow-icon{transition:stroke .4s;}
.pillar-vlabel{position:absolute;left:0;right:0;bottom:28px;display:flex;justify-content:center;opacity:var(--collapsedOpacity);transition:opacity .4s;pointer-events:none;}
.pillar-vlabel-text{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--display);font-weight:600;font-size:clamp(20px,2.4vw,26px);letter-spacing:.02em;color:var(--ink);white-space:nowrap;}
.pillar-content{position:relative;opacity:var(--expandedOpacity);pointer-events:var(--expandedPE);transition:opacity .45s ease .12s;padding:18px 30px 28px;}
.pillar-eyebrow{font-family:var(--label);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:10px;min-width:300px;}
.pillar-lede{font-family:var(--display);font-weight:600;font-style:italic;font-size:clamp(22px,2.5vw,30px);letter-spacing:-.01em;line-height:1.16;margin:0 0 14px;color:var(--ink);min-width:300px;}
.pillar-body{font-size:14px;line-height:1.68;color:var(--muted);margin:0 0 20px;min-width:300px;}
.pillar-stat{display:flex;align-items:center;gap:18px;padding-top:18px;min-width:300px;}
.pillar-stat-number{font-family:var(--display);font-weight:600;font-size:clamp(26px,3.2vw,40px);color:var(--red);letter-spacing:-.02em;line-height:1;white-space:nowrap;}
.pillar-stat-label{font-family:var(--label);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);line-height:1.5;}
.pillar-focus{margin-top:16px;background:rgba(255,255,255,.03);border-radius:12px;padding:15px 18px;min-width:300px;}
.pillar-focus-tag{font-family:var(--label);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);margin-bottom:7px;}
.pillar-focus-body{font-size:12.5px;line-height:1.6;color:var(--muted);}
.diagnostic{position:relative;overflow:hidden;margin-top:56px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -14px rgba(0,0,0,.9);border-radius:10px;background:radial-gradient(800px 380px at 82% -12%,rgba(215,38,56,.12),transparent 60%),linear-gradient(180deg,var(--panel2),var(--panel));padding:clamp(24px,2.6vw,34px);}
.diagnostic-scan{position:absolute;left:0;right:0;top:0;height:30px;background:linear-gradient(180deg,rgba(215,38,56,.16),transparent);pointer-events:none;animation:btmScan 7s linear infinite;}
.diagnostic-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:16px;}
.diagnostic-eyebrow{display:flex;align-items:center;gap:11px;font-family:var(--label);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--red);}
.diagnostic-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:btmPulse 1.6s infinite,btmHalo 2.2s ease-out infinite;}
.diagnostic-title{font-family:var(--display);font-weight:600;font-size:clamp(21px,2.4vw,28px);letter-spacing:-.015em;margin:10px 0 0;}
.diagnostic-hint{font-family:var(--label);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);text-align:right;line-height:1.6;}
.diagnostic-grid{position:relative;display:grid;grid-template-columns:.82fr 1fr;gap:44px;align-items:center;margin-top:26px;}
.dial{display:flex;flex-direction:column;align-items:center;}
.dial-stage{position:relative;width:236px;height:236px;}
.dial-ticks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.22) 0deg .5deg,transparent .5deg 6deg);-webkit-mask:radial-gradient(circle,transparent 104px,#000 105px,#000 113px,transparent 114px);mask:radial-gradient(circle,transparent 104px,#000 105px,#000 113px,transparent 114px);}
.dial-ring-dashed{position:absolute;inset:18px;border-radius:50%;border:1px dashed rgba(255,255,255,.12);animation:btmOrbitSpin 60s linear infinite;}
.dial-orbit{position:absolute;inset:0;animation:btmOrbitSpin 26s linear infinite;}
.dial-svg{position:absolute;inset:0;transform:rotate(-90deg);}
.dial-progress-ring{transition:stroke-dashoffset .6s cubic-bezier(.3,.8,.3,1);filter:drop-shadow(0 0 8px rgba(215,38,56,.7));}
.dial-core{position:absolute;left:50%;top:50%;width:142px;height:142px;margin:-71px 0 0 -71px;border-radius:50%;overflow:hidden;background:#0a0a0e;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;animation:btmMoonGlow 4s ease-in-out infinite;}
.dial-core-fill{position:absolute;width:142px;height:142px;border-radius:50%;background:radial-gradient(circle at 38% 34%,#ff7a52,var(--red) 55%,var(--reddim));transform:scale({{ moonScale }});transition:transform .6s cubic-bezier(.3,.8,.3,1);opacity:.92;}
.dial-core-shade{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 30px rgba(0,0,0,.55);pointer-events:none;}
.dial-readout{position:relative;text-align:center;text-shadow:0 2px 10px rgba(0,0,0,.6);}
.dial-score{font-family:var(--display);font-weight:600;font-size:40px;letter-spacing:-.02em;line-height:1;}
.dial-score-label{font-family:var(--label);font-size:8px;letter-spacing:.26em;color:rgba(255,255,255,.78);}
.dial-caption{display:flex;align-items:center;gap:8px;font-family:var(--label);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-top:14px;}
.dial-caption-dot{width:6px;height:6px;border-radius:50%;background:var(--red);animation:btmBlink 1.4s infinite;}
.ledger{display:flex;flex-direction:column;gap:10px;}
.ledger-row{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border-radius:8px;padding:15px 17px;transition:background .3s,box-shadow .3s;}
.ledger-row:hover{background:linear-gradient(180deg,rgba(215,38,56,.07),rgba(255,255,255,.02));box-shadow:0 6px 20px rgba(0,0,0,.25);}
.ledger-row-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;}
.ledger-row-label{display:flex;align-items:center;gap:10px;min-width:0;}
.ledger-row-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 8px rgba(215,38,56,.7);flex:none;animation:btmGlow 2.6s infinite;}
.ledger-label{font-family:var(--display);font-weight:500;font-size:14.5px;color:var(--ink);}
.ledger-value{font-family:var(--display);font-weight:600;font-size:15px;color:var(--red);letter-spacing:.02em;flex:none;background:rgba(215,38,56,.1);border:1px solid rgba(215,38,56,.25);border-radius:8px;padding:3px 11px;}
.ledger-value-max{font-size:10px;color:var(--faint);}
.ledger-track{position:relative;height:18px;display:flex;align-items:center;}
.ledger-fill{position:absolute;left:0;right:0;height:8px;border-radius:8px;background:rgba(0,0,0,.35);box-shadow:inset 0 1px 2px rgba(0,0,0,.5);overflow:hidden;}
.ledger-slider{position:absolute;left:0;right:0;width:100%;height:18px;margin:0;opacity:0;cursor:ew-resize;}
.verdict{position:relative;margin-top:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border-radius:8px;padding:22px;display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;}
.verdict-icon{flex:none;width:46px;height:46px;border-radius:13px;background:rgba(215,38,56,.1);border:1px solid rgba(215,38,56,.3);display:flex;align-items:center;justify-content:center;animation:btmFloat 5s ease-in-out infinite;}
.verdict-body{flex:1;min-width:280px;}
.verdict-header{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:8px;}
.verdict-eyebrow{font-family:var(--label);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);}
.verdict-dot{width:6px;height:6px;border-radius:50%;background:currentColor;}
.verdict-title{font-family:var(--display);font-weight:600;font-style:italic;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em;margin:0 0 9px;}
.verdict-desc{font-size:13.5px;line-height:1.65;color:var(--muted);margin:0;max-width:680px;}
.section-title-italic{font-family:var(--display);font-weight:400;font-style:italic;font-size:clamp(28px,4.2vw,52px);letter-spacing:-.02em;margin:0;text-align:center;}
.lunaritics-intro{margin-top:44px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:start;}
.lunaritics-why{display:flex;align-items:center;gap:12px;font-family:var(--label);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:18px;}
.lunaritics-lead{font-family:var(--display);font-size:clamp(20px,2.2vw,26px);font-style:italic;line-height:1.45;color:var(--ink);margin:0 0 16px;letter-spacing:-.01em;}
.lunaritics-body{font-size:14.5px;line-height:1.8;color:var(--muted);margin:0;max-width:560px;}
.lunaritics-emphasis{color:var(--ink);font-style:italic;}
.lun-meta{display:flex;flex-direction:column;}
.lun-meta-item{padding:18px 0;}
.lunaritics-cadence-label{font-family:var(--label);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;}
.lunaritics-cadence-value{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:19px;color:var(--ink);}
.lunaritics-cadence-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:btmPulse 2s infinite;}
.lunaritics-rule-label{font-family:var(--label);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-bottom:10px;}
.lunaritics-rule-value{display:flex;align-items:baseline;gap:12px;}
.lunaritics-rule-number{font-family:var(--display);font-weight:600;font-size:clamp(38px,5vw,52px);color:var(--red);line-height:.9;letter-spacing:-.02em;}
.lunaritics-rule-unit{font-size:13.5px;line-height:1.5;color:var(--muted);}
.lunaritics-rule-note{font-family:var(--label);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-top:12px;}
.blog-list{margin-top:40px;display:flex;flex-direction:column;gap:12px;}
.blog-row{border-radius:10px;border:1px solid var(--line);background:var(--rowBg);box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:background .45s,box-shadow .4s,transform .35s,border-color .3s;overflow:hidden;}
.blog-row:hover{border-color:var(--line2);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 12px 30px -16px rgba(0,0,0,.9);}
.blog-row:hover{transform:translateY(-3px);box-shadow:0 26px 60px -26px rgba(0,0,0,.9),0 0 0 1px rgba(215,38,56,.28);}
.blog-row-grid{cursor:pointer;display:grid;grid-template-columns:auto auto 1fr auto auto;gap:20px;align-items:center;padding:22px 24px;}
.blog-num{font-family:var(--display);font-weight:600;font-size:clamp(26px,3.2vw,42px);line-height:.8;color:var(--numColor);-webkit-text-stroke:1px var(--numStroke);transition:color .4s;min-width:46px;}
.blog-num-halo{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 14px rgba(0,0,0,.6);}
.blog-sep{min-width:0;}
.blog-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px;}
.blog-phase{font-family:var(--label);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);}
.blog-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--faint);}
.blog-wordcount{font-family:var(--label);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);}
.blog-title{font-family:var(--display);font-weight:600;font-size:clamp(19px,2.4vw,27px);letter-spacing:-.01em;color:var(--titleColor);transition:color .4s;line-height:1.12;}
.blog-dek{font-family:var(--display);font-style:italic;font-size:13.5px;color:var(--muted);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:520px;opacity:.85;}
.blog-read{display:flex;align-items:center;gap:8px;font-family:var(--label);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--toggleStroke);transition:color .4s;}
.blog-read-label{color:var(--readColor);}
.blog-read-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--toggleBorder);display:flex;align-items:center;justify-content:center;flex:none;background:var(--toggleBg);transition:border-color .4s,background .4s;}
.blog-read-icon{transform:rotate(var(--rot));transition:transform .5s cubic-bezier(.4,0,.2,1);}
.blog-row-glow{overflow:hidden;max-height:var(--rowMax);opacity:var(--rowFade);transition:max-height .65s cubic-bezier(.4,0,.2,1),opacity .5s ease;}
.blog-feature{position:relative;padding:6px 26px 30px 26px;}
.blog-feature-moon{position:absolute;right:-30px;top:-30px;opacity:.06;pointer-events:none;animation:btmDrift 10s ease-in-out infinite;}
.blog-feature-meta{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px;}
.blog-feature-date{font-family:var(--label);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);}
.blog-feature-bar{flex:1;min-width:60px;height:5px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden;max-width:220px;}
.blog-feature-bar-fill{display:block;height:100%;width:{{ post.wcPct }}%;background:linear-gradient(90deg,var(--red),#ff7a52);border-radius:5px;}
.blog-feature-dek{position:relative;font-family:var(--display);font-style:italic;font-size:clamp(16px,1.8vw,20px);color:var(--red);margin-bottom:18px;}
.blog-feature-body{position:relative;font-size:15px;line-height:1.85;color:var(--muted);}
.blog-feature-byline{position:relative;display:flex;align-items:center;gap:12px;font-family:var(--label);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint);margin-top:26px;}
.madd-title{font-family:var(--display);font-weight:600;font-size:clamp(24px,3.6vw,46px);letter-spacing:-.02em;margin:0;text-align:center;}
.madd-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;margin-top:48px;}
.madd-eyebrow{font-family:var(--label);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:14px;}
.madd-heading{font-family:var(--display);font-weight:600;font-size:clamp(22px,2.8vw,32px);letter-spacing:-.01em;margin:0 0 18px;}
.madd-body{font-size:15px;line-height:1.78;color:var(--muted);margin:0 0 26px;}
.madd-invite{border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -14px rgba(0,0,0,.9);border-radius:8px;padding:24px;background:linear-gradient(160deg,var(--panel2),var(--panel));display:flex;gap:16px;}
.madd-invite-icon{flex:none;margin-top:2px;}
.madd-invite-title{font-family:var(--display);font-weight:600;font-size:16px;margin-bottom:8px;}
.madd-invite-body{font-size:13.5px;line-height:1.7;color:var(--muted);margin:0;}
.madd-invite-link{display:inline-flex;align-items:center;gap:10px;margin-top:24px;text-decoration:none;font-family:var(--label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--red);padding:14px 22px;border-radius:8px;transition:transform .2s,box-shadow .2s;}
.madd-invite-link:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(215,38,56,.4);}
.madd-stat{border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -14px rgba(0,0,0,.9);border-radius:10px;background:radial-gradient(400px 240px at 50% 0%,rgba(215,38,56,.14),transparent 60%),var(--panel);border-top:2px solid var(--red);padding:44px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.madd-stat-icon{width:48px;height:48px;border-radius:50%;border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;margin-bottom:24px;}
.madd-stat-number{font-family:var(--display);font-weight:600;font-size:clamp(56px,8vw,84px);letter-spacing:-.03em;line-height:1;}
.madd-stat-label{font-family:var(--label);font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--red);margin-top:10px;}
.madd-stat-note{font-size:13.5px;line-height:1.7;color:var(--muted);margin:18px 0 22px;max-width:300px;}
.madd-stat-foot{font-family:var(--label);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);padding-top:18px;width:100%;}
.clients-title{font-family:var(--display);font-weight:400;font-style:italic;font-size:clamp(26px,4vw,50px);letter-spacing:-.02em;margin:0;text-align:center;}
.clients-subtitle{font-family:var(--label);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:30px;}
.clients-marquee{margin-top:24px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.clients-track{display:flex;gap:20px;width:max-content;padding:6px 0;}
.client-card{flex:none;width:330px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -14px rgba(0,0,0,.9);border-radius:8px;background:linear-gradient(160deg,var(--panel2),var(--panel));padding:30px 28px;min-height:240px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s;}
.client-card:hover{transform:translateY(-8px);box-shadow:0 34px 70px -20px rgba(0,0,0,.85),0 0 0 1px rgba(215,38,56,.4);}
.client-card-top{display:flex;align-items:center;justify-content:space-between;}
.client-industry{font-family:var(--label);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);}
.client-dot{width:7px;height:7px;border-radius:50%;background:var(--red);animation:btmGlow 2.4s infinite;}
.client-logo{font-family:var(--display);font-weight:700;font-size:34px;letter-spacing:.04em;color:var(--ink);margin:26px 0 4px;opacity:.95;}
.client-name{font-family:var(--display);font-weight:600;font-size:15px;color:var(--ink);}
.spacer{flex:1;}
.client-work{font-size:12.5px;line-height:1.6;color:var(--muted);padding-top:16px;margin-top:18px;}
.broadcast{margin-top:40px;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -14px rgba(0,0,0,.9);border-radius:10px;background:linear-gradient(160deg,var(--panel2),var(--panel));padding:clamp(24px,3vw,36px);}
.broadcast-header{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.broadcast-brand{display:flex;align-items:center;gap:14px;}
.broadcast-logo{width:38px;height:38px;border-radius:9px;background:#0a66c2;display:flex;align-items:center;justify-content:center;flex:none;}
.broadcast-title{font-family:var(--display);font-weight:600;font-size:17px;display:flex;align-items:center;gap:9px;}
.broadcast-live-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:btmPulse 1.6s infinite;}
.broadcast-subtitle{font-family:var(--label);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-top:4px;}
.broadcast-link{text-decoration:none;font-family:var(--label);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line2);border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:8px;}
.broadcast-link:hover{border-color:var(--red);}
.ticker-tape{margin:16px 0 2px;overflow:hidden;border-radius:6px;background:rgba(215,38,56,.06);border:1px solid rgba(215,38,56,.16);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);}
.ticker-tape-track{display:flex;width:max-content;white-space:nowrap;animation:btmMarq 24s linear infinite;}
.ticker-item{display:flex;gap:30px;padding:9px 30px 9px 0;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;}
.ticker-muted{color:var(--muted);}
.broadcast-post{display:flex;align-items:flex-start;gap:16px;padding:20px 0;}
.broadcast-post-emoji{font-size:20px;flex:none;line-height:1.4;}
.broadcast-post-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px;}
.broadcast-post-author{font-family:var(--label);font-size:11px;letter-spacing:.08em;color:var(--red);font-weight:700;}
.broadcast-post-time{font-family:var(--label);font-size:10px;color:var(--faint);}
.broadcast-post-text{font-size:14.5px;line-height:1.65;color:var(--ink);margin:0;}
.broadcast-post-side{flex:none;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:flex-end;}
.broadcast-post-likes{font-family:var(--label);font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;}
.broadcast-post-cta{font-family:var(--label);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .2s;}
.broadcast-post-cta:hover{color:var(--red);}
.inquiry-card-wrap{margin-top:44px;max-width:1080px;margin-left:auto;margin-right:auto;}
.inquiry-card{display:grid;grid-template-columns:.82fr 1.18fr;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 26px -14px rgba(0,0,0,.9);border-radius:10px;overflow:hidden;background:linear-gradient(160deg,var(--panel2),var(--panel));}
.inquiry-aside{position:relative;overflow:hidden;padding:32px 30px;background:linear-gradient(165deg,rgba(215,38,56,.08),var(--panel2));}
.inquiry-aside-moon{position:absolute;right:-40px;bottom:-40px;opacity:.12;animation:btmDrift 8s ease-in-out infinite;pointer-events:none;}
.inquiry-aside-body{position:relative;}
.inquiry-eyebrow{font-family:var(--label);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--red);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.inquiry-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:btmBlink 1.3s infinite;}
.inquiry-heading{font-family:var(--display);font-weight:600;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.01em;line-height:1.15;margin:0 0 14px;}
.inquiry-copy{font-size:13.5px;line-height:1.7;color:var(--muted);margin:0 0 22px;}
.inquiry-meta{display:flex;flex-direction:column;gap:10px;padding-top:18px;}
.inq-meta-row{display:flex;gap:10px;font-size:12.5px;color:var(--muted);}
.inq-meta-label{font-family:var(--label);font-size:9px;letter-spacing:.14em;color:var(--red);flex:none;width:62px;padding-top:2px;}
.inquiry-counter{margin-top:20px;display:inline-flex;align-items:center;gap:8px;font-family:var(--label);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);border:1px solid var(--line2);border-radius:100px;padding:8px 14px;}
.inquiry-form{padding:28px 30px 30px;}
.inquiry-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.field{width:100%;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 13px;color:var(--ink);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;}
.field:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(215,38,56,.14);}
.field-full{width:100%;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 13px;color:var(--ink);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;margin-top:12px;}
.field-full:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(215,38,56,.14);}
.inquiry-scopes-label{font-family:var(--label);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px;}
.inquiry-scopes{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.scope-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;background:var(--scopeBg);border:1px solid var(--scopeBorder);border-radius:12px;padding:17px 19px;cursor:pointer;color:var(--ink);font-size:14.5px;transition:border-color .2s,background .2s,transform .15s;}
.scope-btn:hover{transform:translateY(-2px);}
.scope-check{width:20px;height:20px;border-radius:6px;border:1px solid var(--scopeBox);display:flex;align-items:center;justify-content:center;flex:none;background:var(--scopeBoxBg);}
.scope-check-icon{opacity:var(--scopeCheck);}
.field-textarea{width:100%;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 13px;color:var(--ink);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s;margin-top:14px;resize:vertical;}
.field-textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(215,38,56,.14);}
.inquiry-error:not(:empty){font-family:var(--label);font-size:12px;letter-spacing:.02em;color:var(--red);margin-top:10px;text-align:center;}
.inquiry-submit{position:relative;overflow:hidden;width:100%;margin-top:16px;font-family:var(--label);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:var(--red);border:none;padding:15px;border-radius:11px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s,box-shadow .2s;}
.inquiry-submit:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(215,38,56,.42);}
.inquiry-submit-sheen{position:absolute;top:0;bottom:0;left:0;width:46px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:btmSheen 3.6s ease-in-out infinite;}
.footer{position:relative;z-index:1;margin-top:140px;overflow:hidden;}
.footer-marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:16px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.footer-marquee-track{display:flex;gap:0;width:max-content;white-space:nowrap;}
.marquee-item{display:flex;gap:34px;padding-right:34px;font-family:var(--display);font-style:italic;font-size:20px;color:var(--muted);}
.footer-inner{max-width:1280px;margin:0 auto;padding:60px 32px 24px;text-align:center;}
.footer-est{display:flex;align-items:center;justify-content:center;gap:12px;font-family:var(--label);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--faint);margin-bottom:22px;}
.hairline{width:38px;height:1px;background:var(--line2);}
.footer-wordmark{line-height:.82;}
.footer-wordmark-text{font-family:var(--display);font-weight:700;font-size:clamp(40px,10vw,140px);letter-spacing:-.03em;}
.footer-wordmark-accent{background:linear-gradient(90deg,var(--red),#ff7a52,var(--red));background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--red);animation:btmShimmer 5s linear infinite;}
.footer-nav{display:inline-flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:32px;padding:18px 0;}
.footer-link{font-family:var(--label);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-decoration:none;transition:color .2s;}
.footer-link:hover{color:var(--ink);}
.footer-sep{width:4px;height:4px;border-radius:50%;background:var(--line2);}
.footer-contact{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:24px;padding-bottom:40px;}
.footer-email{font-family:var(--display);font-size:clamp(16px,2vw,20px);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:2px;transition:color .2s;}
.footer-email:hover{color:var(--red);}
.footer-contact-sep{color:var(--faint);}
.footer-location{font-size:14px;color:var(--muted);}
.footer-social{display:flex;gap:10px;margin-left:6px;}
.social-btn{width:38px;height:38px;border:1px solid var(--line2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:border-color .2s,color .2s,transform .2s;}
.social-btn:hover{border-color:var(--red);color:var(--red);transform:translateY(-3px);}
.footer-bottom{max-width:1280px;margin:0 auto;padding:18px 32px 44px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.footer-copyright{font-family:var(--label);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);}
.footer-credit{display:flex;align-items:center;gap:8px;font-family:var(--label);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);}

/* ---------- Progressive enhancement: scroll reveals + anchor offset ---------- */
.js [data-reveal]{opacity:0;transform:translateY(40px) scale(.985);will-change:opacity,transform;transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.js [data-reveal].is-revealed{opacity:1;transform:none}
[id]{scroll-margin-top:84px}
@media(prefers-reduced-motion:reduce){.js [data-reveal]{opacity:1!important;transform:none!important}}

/* ============================================================
   Responsive layer — phones & small tablets
   (≥768px is already fluid via clamp() type + JS grids; this
    scales typography, spacing and the nav for narrow screens)
   ============================================================ */
img, video { max-width: 100%; }

@media (max-width: 640px) {
  .nav { padding: 14px 18px; gap: 12px; }
  .btn-cta { padding: 9px 15px; font-size: 12px; letter-spacing: .1em; }
  .hero { padding: 112px 18px 32px; }
  .hero-badge { font-size: 10px; letter-spacing: .2em; margin-bottom: 20px; }
  .hero-title { font-size: clamp(30px, 8.6vw, 56px); }
  .hero-subtitle { font-size: 15px; margin-top: 24px; }
  .hero-actions { gap: 10px; margin-top: 30px; }
  .hero-btn-primary, .hero-btn-secondary { padding: 14px 18px; font-size: 11px; gap: 8px; }
  .hero-media { margin-top: 40px; }
  .stats { padding: 0 18px; }
  .section { padding: 76px 18px 0; }
  .diagnostic { padding: 20px 16px; }
  .diagnostic-hint { text-align: left; }
  .footer-inner { padding: 44px 18px 20px; }
  .footer-bottom { padding: 18px 18px 40px; }
}

@media (max-width: 430px) {
  .logo-img { height: 34px; }
  .btn-cta { padding: 8px 13px; font-size: 11px; }
  .hero { padding-top: 100px; }
  .hero-title { font-size: clamp(26px, 8vw, 42px); }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-btn-primary, .hero-btn-secondary { width: 100%; justify-content: center; }
  .section { padding-top: 64px; }
}

/* ---------- Mobile hamburger menu ---------- */
.nav-toggle { display: none; flex-direction: column; justify-content: center; gap: 5px; width: 40px; height: 40px; margin-left: 8px; padding: 0; border: none; background: transparent; cursor: pointer; z-index: 101; }
.nav-toggle span { display: block; width: 22px; height: 2px; margin: 0 auto; background: var(--ink); border-radius: 2px; transition: transform .3s ease, opacity .2s ease; }
.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity: 0; }
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.nav-menu { position: fixed; inset: 0; z-index: 99; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; background: rgba(7,7,8,.97); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); opacity: 0; pointer-events: none; transition: opacity .3s ease; }
.nav-menu.open { opacity: 1; pointer-events: auto; }
.nav-menu-link { font-family: var(--display); font-weight: 600; font-size: clamp(26px, 7vw, 42px); letter-spacing: -.01em; color: var(--muted); text-decoration: none; padding: 10px 16px; transition: color .2s ease; }
.nav-menu-link:hover { color: var(--ink); }
@media (max-width: 920px) { .nav-toggle { display: flex; } }
@media (min-width: 921px) { .nav-menu { display: none; } }

/* ---------- Blog rows on phones: 3-col (moon · content · toggle) ---------- */
@media (max-width: 640px) {
  .blog-row-grid { grid-template-columns: auto 1fr auto; gap: 13px; padding: 18px 14px; }
  .blog-num { display: none; }
  .blog-title { font-size: clamp(17px, 4.8vw, 22px); overflow-wrap: anywhere; }
  .blog-dek { max-width: 100%; }
  .blog-read-btn { width: 38px; height: 38px; }
  .blog-feature-body[data-dropcap]::first-letter { font-size: 54px; }
}

/* ---------- LinkedIn ticker posts on phones: text full-width, likes/CTA as footer ---------- */
@media (max-width: 640px) {
  .broadcast-post {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas: "emoji body" "foot foot";
    align-items: start;
    column-gap: 12px;
    row-gap: 10px;
  }
  .broadcast-post-emoji { grid-area: emoji; }
  .broadcast-post > .spacer { grid-area: body; min-width: 0; }
  .broadcast-post-text { overflow-wrap: break-word; }
  .broadcast-post-side {
    grid-area: foot;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 8px;
    border-top: 1px solid var(--line);
  }
}