/* The three After Hours directions share the approved brand and offer. */
html[data-variant=dusk] .site-header { justify-content:space-between; }
html[data-variant=dusk] .hero-intro { padding-top:65px; padding-bottom:65px; min-height:480px; }
html[data-variant=dusk] .hero-content { max-width:680px; }
html[data-variant=dusk] h1 { font-size:clamp(58px,6.1vw,88px); line-height:1.03; margin-top:0; letter-spacing:-3px; }
html[data-variant=dusk] .hero-description { max-width:560px; font-size:18px; line-height:1.65; margin-top:24px; }
html[data-variant=dusk] .hero-seal { margin-top:0; }
html[data-variant=dusk] .intelligence-heading h2 { margin-top:0; }
html[data-variant=dusk] .offer-strip { margin-top:26px; }
html[data-variant=dusk] .founder-section { padding-bottom:100px; }
html[data-variant=dusk] .founder-note p { font-size:17px; line-height:1.75; }
html[data-variant=dusk] .connections-section .section-heading h2 { margin-top:0; }
html[data-variant=dusk] .connection-columns p { min-height:50px; }
html[data-variant=dusk] .availability { margin-top:25px; }

/* B: the selected QR page. Architecture fills the hero behind the copy. */
html[data-edition=product] .hero-world { padding-bottom:0; overflow:visible; background:#0a1110; }
html[data-edition=product] .aerial-background { object-position:center 62%; }
html[data-edition=product] .hero-shade { background:linear-gradient(90deg,rgb(5 12 10 / 70%),rgb(5 12 10 / 15%) 70%),linear-gradient(180deg,rgb(5 12 10 / 30%),transparent 65%,rgb(5 12 10 / 24%)); }
html[data-edition=product] .site-header { gap:24px; }
html[data-edition=product] .header-claim { min-height:46px; padding:13px 20px; font-size:13px; line-height:1.2; gap:16px; white-space:nowrap; }
html[data-edition=product] .hero-intro { display:block; min-height:620px; padding-block:70px 190px; }
html[data-edition=product] .hero-content { display:block; max-width:670px; }
html[data-edition=product] h1 { font-size:clamp(60px,6.2vw,88px); }
html[data-edition=product] .hero-description { max-width:560px; color:#f4f6f3; text-shadow:0 2px 12px rgb(0 0 0 / 35%); }
html[data-edition=product] .hero-seal { position:absolute; z-index:3; right:0; bottom:0; transform:translateY(50%); display:grid; grid-template-columns:110px minmax(0,1fr); gap:20px; align-items:center; width:410px; min-width:0; margin:0; padding:22px; }
html[data-edition=product] .hero-seal>strong { font-size:78px; letter-spacing:-5px; }
html[data-edition=product] .seal-details { margin:0; border-left:1px solid var(--panel-border); padding-left:20px; }
html[data-edition=product] .seal-bottom { margin-top:9px; font-size:14px; }
html[data-edition=product] .static-door { margin-top:140px; padding-top:0; }
html[data-edition=product] .static-door .door-stage { aspect-ratio:2.2; }
html[data-edition=product] .founding-door-photo { display:block; width:100%; height:100%; object-fit:cover; object-position:72% 40%; }
html[data-edition=product] .intelligence-section { padding-block:54px 70px; }
html[data-edition=product] .acquisition-steps { gap:18px; }
html[data-edition=product] .acquisition-steps article { padding:27px; border:1px solid var(--panel-border); border-radius:10px; background:var(--panel-glass); }
html[data-edition=product] .acquisition-steps h3 { line-height:1.25; }
html[data-edition=product] .connections-section { margin-top:0; }

/* C: a centered, image-led invitation and a tighter editorial page. */
html[data-edition=compact] .hero-world { padding-bottom:0; }
html[data-edition=compact] .hero-world .aerial-background { object-position:center 51%; }
html[data-edition=compact] .hero-shade { background:linear-gradient(180deg,#07100de8 0%,#07100dd9 33%,#07100d55 72%,#090e10 100%); }
html[data-edition=compact] .hero-intro { display:flex; flex-direction:column; gap:0; align-items:center; text-align:center; padding-block:55px 70px; }
html[data-edition=compact] .hero-content { display:contents; }
html[data-edition=compact] h1 { order:1; font-size:clamp(64px,7vw,98px); }
html[data-edition=compact] .hero-description { order:2; max-width:640px; }
html[data-edition=compact] .hero-seal { order:3; display:grid; grid-template-columns:110px minmax(0,1fr); gap:20px; width:420px; min-width:0; padding:22px; margin-top:32px; text-align:left; }
html[data-edition=compact] .hero-seal>strong { font-size:78px; letter-spacing:-5px; align-self:center; }
html[data-edition=compact] .seal-details { margin:0; padding-left:20px; border-left:1px solid var(--panel-border); }
html[data-edition=compact] .seal-bottom { font-size:14px; margin-top:9px; }
html[data-edition=compact] .hero-buttons { order:4; width:420px; margin-top:16px; }
html[data-edition=compact] .hero-buttons .primary { width:100%; justify-content:center; }
html[data-edition=compact] .intelligence-section { padding-block:58px; }
html[data-edition=compact] .intelligence-heading h2 { font-size:46px; }
html[data-edition=compact] .acquisition-steps { margin-top:30px; }
html[data-edition=compact] .step-number { font-size:28px; letter-spacing:-1px; line-height:1; }
html[data-edition=compact] .step-label { gap:10px; }
html[data-edition=compact] .acquisition-steps h3 { margin-top:13px; }
html[data-edition=compact] .connections-section { background:#0e1512; padding-block:58px; border-color:var(--line); }
html[data-edition=compact] .connections-section::before,
html[data-edition=compact] .connections-section::after { display:none; }
html[data-edition=compact] .workflow-intro { min-height:0; }
html[data-edition=compact] .connections-section .section-heading { padding:0; border:0; background:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
html[data-edition=compact] .connection-map { margin-top:30px; }
html[data-edition=compact] .founder-offer .offer-number { font-size:82px; margin-top:18px; }
html[data-edition=compact] .founder-offer h3 { font-size:26px; margin-top:18px; }

@media(max-width:1100px) and (min-width:761px) {
  html[data-variant=dusk] .hero-intro { gap:30px; }
  html[data-variant=dusk] .hero-content { max-width:calc(100% - 280px); }
  html[data-variant=dusk] h1 { font-size:58px; }
  html[data-edition=product] .hero-intro { min-height:600px; }
  html[data-edition=product] .hero-content { max-width:620px; }
  html[data-edition=product] h1 { font-size:54px; }
  html[data-edition=product] .hero-seal { width:375px; grid-template-columns:90px minmax(0,1fr); gap:12px; padding:18px; }
  html[data-edition=product] .hero-seal>strong { font-size:62px; }
  html[data-edition=product] .seal-details { padding-left:12px; }
  html[data-edition=product] .seal-label { font-size:15px; }
  html[data-edition=product] .seal-bottom { font-size:13px; }
  html[data-edition=compact] .hero-intro { gap:0; }
  html[data-edition=compact] h1 { font-size:76px; }
}

@media(max-width:760px) {
  html[data-variant=dusk] .site-header { height:72px; }
  html[data-variant=dusk] .hero-world { padding-bottom:34px; }
  html[data-variant=dusk] .hero-intro { padding-block:30px 32px; min-height:0; gap:0; }
  html[data-variant=dusk] .hero-content { display:contents; max-width:none; }
  html[data-variant=dusk] h1 { font-size:clamp(42px,11.7vw,58px); line-height:1.04; letter-spacing:-1.8px; order:1; }
  html[data-variant=dusk] .hero-description { font-size:16px; line-height:1.65; margin-top:20px; order:2; max-width:none; }
  html[data-variant=dusk] .hero-seal { order:3; width:100%; margin-top:23px; grid-template-columns:106px minmax(0,1fr); gap:15px; padding:20px 16px; }
  html[data-variant=dusk] .hero-seal>strong { font-size:72px; }
  html[data-variant=dusk] .seal-details { padding-left:15px; }
  html[data-variant=dusk] .seal-bottom { font-size:13px; }
  html[data-variant=dusk] .hero-buttons { order:4; margin-top:16px; width:100%; }
  html[data-variant=dusk] .hero-buttons .primary { min-height:52px; }
  html[data-variant=dusk] .door-section { margin-top:-8px; }
  html[data-variant=dusk] .door-copy { bottom:82px; }
  html[data-variant=dusk] .offer-strip { margin-top:22px; }
  html[data-variant=dusk] .intelligence-section { padding-block:42px; }
  html[data-variant=dusk] .intelligence-heading h2 { font-size:34px; }
  html[data-variant=dusk] .connections-section .section-heading>p { margin-top:17px; }
  html[data-variant=dusk] .connection-columns p { min-height:0; }
  html[data-variant=dusk] .founder-note p { font-size:16px; }
  html[data-variant=dusk] .founder-section { padding-bottom:42px; }

  html[data-edition=product] .hero-world { padding-bottom:0; }
  html[data-edition=product] .site-header { gap:12px; }
  html[data-edition=product] .site-header .logo { width:100px; }
  html[data-edition=product] .header-claim { min-height:44px; padding:12px 13px; font-size:11px; gap:9px; }
  html[data-edition=product] .header-claim span { font-size:14px; }
  html[data-edition=product] .aerial-background { object-position:76% bottom; }
  html[data-edition=product] .hero-shade { background:linear-gradient(180deg,rgb(5 12 10 / 55%) 0%,rgb(5 12 10 / 44%) 42%,rgb(5 12 10 / 5%) 66%,rgb(5 12 10 / 15%) 100%); }
  html[data-edition=product] .hero-intro { display:block; min-height:600px; padding-block:38px 230px; }
  html[data-edition=product] .hero-content { display:block; }
  html[data-edition=product] h1 { font-size:clamp(42px,11.7vw,58px); }
  html[data-edition=product] .hero-description { margin-top:20px; }
  html[data-edition=product] .hero-seal { position:absolute; width:100%; right:0; bottom:0; margin:0; }
  html[data-edition=product] .static-door { margin-top:128px; }
  html[data-edition=product] .static-door .door-stage { aspect-ratio:1.48; }
  html[data-edition=product] .intelligence-section { padding-top:35px; }
  html[data-edition=product] .acquisition-steps { gap:12px; margin-top:26px; }
  html[data-edition=product] .acquisition-steps article { padding:22px; }
  html[data-edition=product] .acquisition-steps h3 { font-size:21px; }

  html[data-edition=compact] .hero-world { padding-bottom:0; }
  html[data-edition=compact] .hero-intro { padding-block:35px 43px; }
  html[data-edition=compact] .hero-shade { background:linear-gradient(180deg,#07100de8,#07100dd9 36%,#07100d70 75%,#090e10); }
  html[data-edition=compact] .hero-description { max-width:400px; }
  html[data-edition=compact] .hero-seal { margin-top:23px; }
  html[data-edition=compact] .connections-section { padding-block:40px; }
  html[data-edition=compact] .workflow-intro { min-height:0; }
  html[data-edition=compact] .connections-section .section-heading { padding:0; }
  html[data-edition=compact] .connection-map { margin-top:25px; }
  html[data-edition=compact] .connection-columns article { padding:21px; }
  html[data-edition=compact] .acquisition-steps { gap:23px; }
}
@media(max-width:360px) {
  html[data-variant=dusk] h1 { font-size:40px; }
  html[data-variant=dusk] .hero-seal { grid-template-columns:90px minmax(0,1fr); gap:10px; padding:17px 13px; }
  html[data-variant=dusk] .hero-seal>strong { font-size:62px; }
  html[data-variant=dusk] .seal-details { padding-left:10px; }
  html[data-variant=dusk] .seal-bottom { font-size:12px; }
  html[data-edition=product] h1 { font-size:40px; }
  html[data-edition=product] .site-header .logo { width:92px; }
  html[data-edition=product] .header-claim { padding-inline:11px; gap:8px; }
  html[data-edition=product] .hero-seal { width:100%; }
  html[data-edition=product] .acquisition-steps article { padding:19px; }
  html[data-edition=compact] .connection-columns article { padding:20px; }
}