.hero-lockup{display:grid;gap:22px;max-width:1000px}.hero-brandline{display:flex;align-items:center;gap:14px;font:600 11px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#c9ced5}.hero-brandline:after{content:"";width:100px;height:1px;background:linear-gradient(90deg,var(--red),transparent)}
.hero-copy{max-width:48ch}.hero-meta{margin-top:34px;width:min(760px,100%)}
.hero-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.025);font:10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#bbc2cb}.hero-badge i{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 12px rgba(255,32,37,.6)}
.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.domain{min-height:145px;display:flex;flex-direction:column;justify-content:space-between}.domain .code{font:10px/1 var(--mono);letter-spacing:.12em;color:var(--dim)}.domain h3{font-size:18px;margin:0}.domain p{font-size:12.5px;color:var(--muted);margin:8px 0 0}.domain.is-core{border-color:var(--red-line);background:linear-gradient(145deg,rgba(255,32,37,.10),rgba(255,255,255,.025))}
.pathway{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:34px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(5,7,9,.48);backdrop-filter:blur(16px)}.path-step{padding:28px 26px;min-height:240px;border-right:1px solid var(--line);position:relative}.path-step:last-child{border-right:0}.path-step:before{content:"";position:absolute;left:26px;top:24px;width:8px;height:8px;border:1px solid rgba(255,255,255,.32);border-radius:50%}.path-step.is-red:before{background:var(--red);border-color:var(--red);box-shadow:0 0 18px rgba(255,32,37,.55)}.path-step .stepno{font:10px/1 var(--mono);color:var(--dim);letter-spacing:.12em;text-align:right}.path-step .verb{margin-top:70px;font-size:32px;line-height:1;letter-spacing:-.04em;font-weight:670}.path-step p{color:var(--muted);font-size:13px;margin:10px 0 0;line-height:1.55}
.proof-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin-top:34px}.manifesto{padding:34px}.manifesto .quote{font-size:clamp(24px,3.1vw,40px);line-height:1.15;letter-spacing:-.04em;font-weight:620;max-width:19ch}.manifesto p{color:var(--muted);font-size:14px;max-width:56ch;margin:26px 0 0}.proof-stack{display:grid;gap:12px}.proof-card{padding:22px;display:flex;gap:18px;align-items:flex-start}.proof-card strong{font-size:28px;line-height:1;min-width:70px;letter-spacing:-.04em}.proof-card div span{font-size:14px;font-weight:620}.proof-card p{font-size:12.5px;color:var(--muted);margin:5px 0 0}
.instructor-tease{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:center}.monogram{aspect-ratio:1;max-width:330px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:radial-gradient(circle at 38% 34%,rgba(255,255,255,.08),transparent 24%),rgba(5,7,9,.46);box-shadow:inset 0 0 80px rgba(255,255,255,.025);position:relative}.monogram:before,.monogram:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.monogram:before{inset:10%}.monogram:after{inset:24%}.monogram b{font-size:clamp(58px,8vw,110px);letter-spacing:-.08em;font-weight:700}.monogram i{position:absolute;width:9px;height:9px;background:var(--red);border-radius:50%;right:16%;top:30%;box-shadow:0 0 18px rgba(255,32,37,.7)}
.final-lock{max-width:950px}.final-lock .display{max-width:10ch}.final-meta{margin-top:28px;font:10px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
@media(max-width:900px){.domain-grid{grid-template-columns:repeat(2,1fr)}.proof-grid,.instructor-tease{grid-template-columns:1fr}.monogram{max-width:230px}.pathway{grid-template-columns:1fr}.path-step{min-height:160px;border-right:0;border-bottom:1px solid var(--line)}.path-step:last-child{border-bottom:0}.path-step .verb{margin-top:40px}}
@media(max-width:620px){.domain-grid{grid-template-columns:1fr}.hero-meta{margin-top:24px}.path-step{padding:22px}.manifesto{padding:24px}.proof-card strong{min-width:58px}}

/* First-scene viewport discipline */
@media (max-height:900px) and (min-width:901px){
  .hero-copy{max-width:46ch;font-size:18px}
  .hero-meta{width:min(720px,100%)}
  .hero-brandline{font-size:10px}
}