/* Home hero — design-system rebuild (loaded after sog-theme.css). */
.sog-hero{position:relative;isolation:isolate;padding:140px 0 72px;overflow:hidden;background:var(--sog-bg)}
.sog-hero__glow{position:absolute;inset:-20% 10% auto;height:70%;background:radial-gradient(ellipse at 50% 40%,var(--sog-green-glow),transparent 65%);pointer-events:none;z-index:0}
.sog-hero__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 30%,#000 20%,transparent 70%);pointer-events:none;z-index:0;opacity:.55}
.sog-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.sog-hero__eyebrow{margin:0 0 18px}
.sog-hero__title{font:800 clamp(36px,5.2vw,64px)/1.08 var(--sog-font-display);letter-spacing:var(--sog-letter-spacing-display);color:var(--sog-white);margin:0 0 20px;text-transform:none}
.sog-hero__title .sog-accent{color:var(--sog-green-400)}
.sog-hero__sub{font:400 18px/1.55 var(--sog-font-body);color:var(--sog-text-muted);max-width:34em;margin:0 0 28px}
.sog-hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 28px}
.sog-hero__proof{list-style:none;display:flex;flex-wrap:wrap;gap:14px 22px;margin:0;padding:0;color:var(--sog-text-subtle);font:600 13px/1.3 var(--sog-font-body)}
.sog-hero__proof li{display:inline-flex;align-items:center;gap:8px}
.sog-hero__proof-dot{width:7px;height:7px;border-radius:50%;background:var(--sog-green-400);box-shadow:0 0 0 3px var(--sog-green-tint)}
.sog-hero__stage{display:grid;gap:14px;position:relative}
.sog-hero__card{background:var(--sog-surface);border:1px solid var(--sog-border);border-radius:var(--sog-radius-lg);padding:18px 20px;box-shadow:none}
.sog-hero__card--live{background:linear-gradient(180deg,var(--sog-surface-2),var(--sog-surface));border-color:rgba(0,201,72,.22)}
.sog-hero__card-title{font:800 20px/1.2 var(--sog-font-display);margin:12px 0 8px;color:var(--sog-white)}
.sog-hero__card-meta{display:flex;gap:8px;margin-top:14px;font:700 11px/1 var(--sog-font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--sog-green-400)}
.sog-hero__list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}
.sog-hero__list li{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--sog-surface-3);border-radius:var(--sog-radius-sub);border:1px solid var(--sog-border)}
.sog-hero__list strong{font:700 14px/1.3 var(--sog-font-body);color:var(--sog-text)}
.sog-hero__list span{font:400 13px/1.3 var(--sog-font-body);color:var(--sog-text-subtle);text-align:right}
.sog-hero__portal-line{font:700 16px/1.3 var(--sog-font-display);margin:6px 0 14px;color:var(--sog-text)}
.sog-hero__card--headlines{transform:translateX(12px)}
.sog-hero__card--portal{transform:translateX(-6px)}
/* Hide the legacy GHL hero once the rebuild is present. */
body:has(.sog-hero) section.hero{display:none!important}
@media(max-width:960px){
  .sog-hero{padding:120px 0 48px}
  .sog-hero__inner{grid-template-columns:1fr;gap:32px}
  .sog-hero__card--headlines,.sog-hero__card--portal{transform:none}
}
@media(max-width:560px){
  .sog-hero__sub{font-size:16px}
  .sog-hero__ctas .sog-btn{width:100%}
  .sog-hero__list li{flex-direction:column;align-items:flex-start}
  .sog-hero__list span{text-align:left}
}
/* Header logo size lives in sog-theme.css / brand.css (.sog-brand ~150px desktop). */