:root {
  --carbon:    #080808;
  --carbon2:   #111111;
  --carbon3:   #1A1A1A;
  --orange:    #FF5500;
  --orange-dim:rgba(255,85,0,0.15);
  --orange-mid:rgba(255,85,0,0.08);
  --red:       #CC3333;
  --red-dim:   rgba(204,51,51,0.12);
  --white:     #F4F1EC;
  --white-55:  rgba(244,241,236,0.55);
  --white-40:  rgba(244,241,236,0.40);
  --white-20:  rgba(244,241,236,0.20);
  --gray1:     #888888;
  --gray2:     #555555;
  --gray3:     #333333;
  --rule:      #1E1E1E;
}

/* ── SECTION SHARED ── */
.section-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--orange);margin-bottom:48px;display:flex;align-items:center;gap:12px;}
.section-eyebrow::before{content:'';width:12px;height:12px;border-radius:50%;background:var(--orange);flex-shrink:0;}

/* ── HERO ── */
.hero{position:relative;min-height:700px;display:flex;flex-direction:column;justify-content:center; padding: 50px 0 50px 78px;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,0) 0%,rgba(8,8,8,0.25) 35%,rgba(8,8,8,0.82) 72%,#080808 100%),linear-gradient(90deg,rgba(8,8,8,0.75) 0%,rgba(8,8,8,0.15) 55%,rgba(8,8,8,0) 100%);z-index:1;}
/* Subtle heat-shimmer texture overlaid on hero */
.hero-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 70% 30%, rgba(255,85,0,0.06) 0%, transparent 70%);pointer-events:none;}
.hero-img{position:absolute;inset:0;background:var(--carbon3);background-position: center;}
.hero-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--gray3);border:1px dashed var(--gray3);margin:60px;text-align:center;line-height:2;}
.hero-content{position:relative;z-index:2;max-width:820px;}
.hero-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:var(--orange);margin-bottom:24px;display:flex;align-items:center;gap:12px;}
.hero-eyebrow::before{content:'';width:12px;height:12px;border-radius:50%;background:var(--orange);flex-shrink:0;}
.hero-headline{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(40px,6vw,74px);line-height:1.0;text-transform:uppercase;letter-spacing:-0.01em;margin-bottom:32px;}
.hero-headline .accent{color:var(--orange);}
.hero-sub{font-size:17px;line-height:1.7;color:var(--white);max-width:580px;margin-bottom:40px;}
.hero-cta{display:inline-flex;align-items:center;gap:16px;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--carbon);background:var(--orange);padding:16px 36px;text-decoration:none;}
.hero-cta::after{content:'→';}
.hero-geo{position:absolute;bottom:32px;right:48px;z-index:2;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--white-40);text-align:right;line-height:2;}

/* ── URGENCY BANNER ── */
.urgency-bar{background:rgba(255,85,0,0.10);border-top:1px solid rgba(255,85,0,0.25);border-bottom:1px solid rgba(255,85,0,0.25);padding:14px 78px;display:flex;align-items:center;gap:24px;}
.urgency-bar-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--orange);white-space:nowrap;}
.urgency-bar-text{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--white-55);letter-spacing:0.05em;}
.urgency-divider{width:1px;height:20px;background:rgba(255,85,0,0.3);flex-shrink:0;}

/* ── PAIN ── */
.pain-section{padding:120px 78px;border-top:1px solid var(--rule);}
.pain-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;}
.pain-card{background:var(--carbon2);padding:48px 40px;position:relative;}
.pain-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:var(--orange);opacity:0;transition:opacity .3s;}
.pain-card:hover::before{opacity:1;}
.pain-num{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--orange);margin-bottom:20px;}
.pain-title{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:0.03em;line-height:1.3;margin-bottom:16px;}
.pain-title .accent{color:var(--orange);}
.pain-text{font-size:15px;line-height:1.7;color:var(--white-55);}

/* ── PATHWAY ── */
.pathway-section{padding:120px 78px;border-top:1px solid var(--rule);}
.pathway-title{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(28px,3vw,40px);text-transform:uppercase;line-height:1.1;margin-bottom:16px;}
.pathway-title .accent{color:var(--orange);}
.pathway-sub{font-size:15px;line-height:1.7;color:var(--white-55);max-width:620px;margin-bottom:64px;}
.pathway-flow{display:flex;align-items:stretch;gap:0;}
.pathway-step{flex:1;background:var(--carbon2);padding:36px 28px;border-left:1px solid var(--carbon);}
.pathway-step:first-child{border-left:none;}
.pathway-step-num{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.15em;color:var(--orange);margin-bottom:16px;}
.pathway-step-title{font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:8px;}
.pathway-step-desc{font-size:13px;line-height:1.6;color:var(--white-55);}
.pathway-arrow{display:flex;align-items:center;font-family:'IBM Plex Mono',monospace;font-size:16px;color:var(--orange);padding:0 2px;background:var(--carbon);}
.pathway-link{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.1em;color:var(--orange);text-decoration:none;margin-top:12px;display:inline-block;border-bottom:1px solid rgba(255,85,0,0.3);}

/* ── MEDIA ── */
.media-section{border-top:1px solid var(--rule);}
.media-grid{display:grid;grid-template-columns:1fr 1fr;min-height:560px;}
.media-panel{position:relative;overflow:hidden;background:var(--carbon3);}
.media-label{position:absolute;top:24px;left:24px;z-index:2;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.15em;text-transform:uppercase;color:var(--carbon);background:var(--orange);padding:6px 14px;}
.media-placeholder-block{display:flex;align-items:center;justify-content:center;height:100%;min-height:320px;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray3);padding:40px;text-align:center;line-height:2;border:1px dashed var(--gray3);margin:24px;}
.video-section{border-top:1px solid var(--rule);}
.video-placeholder{background:var(--carbon2);min-height:400px;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray3);position:relative;text-align:center;line-height:2;}
.video-placeholder::before{content:'▶';font-size:48px;color:var(--orange);position:absolute;opacity:0.3;}

/* ── TECH PHASES ── */
.tech-section{border-top:1px solid var(--rule);}
.phase-intro{padding:80px 78px 0;border-bottom:none;}
.phase-intro-small{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gray1);margin-bottom:20px;}
.phase-intro-headline{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(28px,3.5vw,46px);text-transform:uppercase;line-height:1.1;margin-bottom:0;padding-bottom:60px;border-bottom:1px solid var(--rule);}
.phase-intro-headline .accent{color:var(--orange);}
.phase-card{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--rule);}
.phase-left{padding:72px 78px;}
.phase-right{background:var(--carbon2);position:relative;min-height:440px;}
.phase-right-placeholder{position:absolute;inset:24px;display:flex;align-items:center;justify-content:center;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray3);border:1px dashed var(--gray3);text-align:center;line-height:2;padding:32px;}
.phase-indicator{position:relative;height:480px;display:flex;flex-direction:column;justify-content:flex-start;padding-left:4px;margin-bottom:28px;}
.phase-track{position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--rule);}
.phase-track-active{position:absolute;left:0;width:1px;height:48px;background:var(--orange);}
.phase-counter{position:absolute;left:12px;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:0.15em;color:var(--orange);}
.phase-category{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gray2);margin-bottom:12px;}
.phase-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--orange);margin-bottom:20px;}
.phase-headline{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(24px,2.5vw,34px);text-transform:uppercase;line-height:1.1;margin-bottom:24px;}
.phase-headline .accent{color:var(--orange);}
.phase-body{font-size:15px;line-height:1.75;color:var(--white-55);margin-bottom:24px;}
.phase-specs{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--gray2);line-height:1.8;}

/* ── ZONE EXPLAINER ── */
.zone-section{padding:80px 78px;border-top:1px solid var(--rule);background:var(--carbon2);}
.zone-intro{margin-bottom:48px;}
.zone-eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--orange);margin-bottom:16px;}
.zone-headline{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(22px,2.5vw,32px);text-transform:uppercase;line-height:1.15;margin-bottom:12px;}
.zone-headline .accent{color:var(--orange);}
.zone-sub{font-size:14px;line-height:1.7;color:var(--white-55);max-width:640px;}
.zone-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;}
.zone-card{background:var(--carbon);padding:36px 32px;}
.zone-num{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.15em;color:var(--orange);margin-bottom:12px;}
.zone-title{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:17px;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:8px;}
.zone-distance{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--gray1);margin-bottom:14px;}
.zone-text{font-size:13px;line-height:1.65;color:var(--white-55);}
.zone-code{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:0.12em;color:var(--gray2);margin-top:12px;padding-top:12px;border-top:1px solid var(--rule);}

/* ── COMPLIANCE TIERS ── */
.sub-section{padding:120px 78px;border-top:1px solid var(--rule);}
.sub-intro{margin-bottom:64px;}
.sub-headline{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(28px,3vw,40px);text-transform:uppercase;line-height:1.1;margin-bottom:16px;}
.sub-headline .accent{color:var(--orange);}
.sub-text{font-size:15px;line-height:1.7;color:var(--white-55);max-width:640px;}
.tier-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;}
.tier-card{background:var(--carbon2);padding:40px 36px;position:relative;}
.tier-card.featured{background:var(--carbon3);border:1px solid rgba(255,85,0,0.35);}
.tier-badge{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gray1);margin-bottom:20px;}
.tier-name{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:0.03em;margin-bottom:6px;}
.tier-coverage{font-size:13px;color:var(--white-55);margin-bottom:20px;}
.tier-price{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:32px;color:var(--orange);margin-bottom:4px;}
.tier-price .period{font-size:14px;font-weight:400;color:var(--gray1);}
.tier-freq{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray2);margin-bottom:28px;padding-bottom:28px;border-bottom:1px solid var(--rule);}
.tier-features{list-style:none;margin-bottom:32px;}
.tier-features li{font-size:13px;line-height:1.6;color:var(--white-55);padding:6px 0;border-bottom:1px solid rgba(255,255,255,0.04);padding-left:16px;position:relative;}
.tier-features li::before{content:'—';position:absolute;left:0;color:var(--orange);font-size:11px;}
.tier-cta{display:block;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;padding:14px 24px;text-decoration:none;}
.tier-cta-outline{color:var(--white);border:1px solid var(--gray3);}
.tier-cta-fill{color:var(--carbon);background:var(--orange);}

/* ── PROOF ── */
.proof-section{padding:120px 78px;border-top:1px solid var(--rule);}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:64px;}
.proof-stat{background:var(--carbon2);padding:40px 32px;}
.proof-num{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(28px,3vw,42px);color:var(--orange);line-height:1;margin-bottom:12px;}
.proof-label{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray1);line-height:1.6;}
.proof-sub{font-size:12px;color:var(--gray2);margin-top:6px;}
.proof-quote{background:var(--carbon2);padding:52px 60px;border-left:3px solid var(--orange);}
.proof-quote-mark{font-family:'Chakra Petch',sans-serif;font-size:72px;color:var(--orange);line-height:0.8;margin-bottom:20px;opacity:0.6;}
.proof-quote-text{font-size:18px;line-height:1.7;color:var(--white-55);max-width:680px;margin-bottom:20px;}
.proof-quote-attr{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray2);}

/* ── HB 48 CALLOUT ── */
.hb48-section{padding:0 78px 80px;border-top:none;}
.hb48-block{background:rgba(255,85,0,0.07);border:1px solid rgba(255,85,0,0.2);padding:40px 48px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;}
.hb48-headline{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:20px;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:10px;}
.hb48-headline span{color:var(--orange);}
.hb48-text{font-size:14px;line-height:1.7;color:var(--white-55);max-width:560px;}
.hb48-cta-col{display:flex;flex-direction:column;align-items:flex-end;gap:12px;white-space:nowrap;}
.hb48-cta-primary{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--carbon);background:var(--orange);padding:14px 28px;text-decoration:none;}
.hb48-cta-secondary{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(255,85,0,0.3);}

/* ── CTA ── */
.cta-section{padding:120px 78px;border-top:1px solid var(--rule);text-align:center;}
.cta-headline{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(32px,4vw,56px);text-transform:uppercase;line-height:1.05;margin-bottom:24px;}
.cta-headline .accent{color:var(--orange);}
.cta-sub{font-size:17px;line-height:1.7;color:var(--white-55);max-width:540px;margin:0 auto 40px;}
.cta-btn{display:inline-flex;align-items:center;gap:16px;font-family:'IBM Plex Mono',monospace;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--carbon);background:var(--orange);padding:20px 48px;text-decoration:none;}
.cta-btn::after{content:'→';}
.cta-note{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--gray2);margin-top:20px;}
.cta-links{display:flex;justify-content:center;gap:32px;margin-top:32px;}
.cta-links a{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--orange);text-decoration:none;border-bottom:1px solid rgba(255,85,0,0.3);}

.c-m4__title span, .phase-header-headline span {
  color: var(--orange);
}
.section-divider {
  height: auto;
}


/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .nav{padding:18px 32px;}
  .nav-links{display:none;}
  .nav-hamburger{display:flex;}
  .hero{padding:40px 0 72px 40px;min-height: max-content;}
  .hero-geo{right:24px;bottom:24px;}
  .pain-section,.pathway-section,.proof-section,.sub-section{padding:80px 40px;}
  .urgency-bar{padding:14px 40px;flex-wrap:wrap;gap:12px;}
  .tech-section .phase-intro{padding:60px 40px 0;}
  .phase-left{padding:52px 40px;}
  .zone-section,.hb48-section{padding:60px 40px;}
  .cta-section{padding:80px 40px;}
  .footer{padding:40px 32px;flex-direction:column;gap:24px;}
}
@media(max-width:768px){
  .hero{padding:30px 24px 40px;}
  .hero-headline{font-size:36px;}
  .hero-geo {display: none;}
  .pain-section,.pathway-section,.proof-section,.sub-section{padding:64px 24px;}
  .urgency-bar{padding:12px 24px;}
  .pain-grid{grid-template-columns:1fr;}
  .pathway-flow{flex-direction:column;}
  .pathway-arrow{transform:rotate(90deg);align-self:flex-start;margin-left:32px;}
  .media-grid{grid-template-columns:1fr;}
  .phase-card{grid-template-columns:1fr;}
  .phase-right{min-height:280px;}
  .tech-section .phase-intro{padding:48px 24px 0;}
  .phase-left{padding:40px 24px;}
  .zone-section{padding:52px 24px;}
  .zone-grid{grid-template-columns:1fr;}
  .tier-grid{grid-template-columns:1fr;}
  .proof-grid{grid-template-columns:1fr 1fr;}
  .hb48-section{padding:0 24px 64px;}
  .hb48-block{grid-template-columns:1fr;gap:24px;}
  .hb48-cta-col{align-items:flex-start;}
  .cta-section{padding:64px 24px;}
  .footer{padding:36px 24px;}
  .footer-links{gap:20px;}
  .mob-no {display: none;}
  .hero-cta {margin-bottom: 30px;}
}