.products-hero{max-width:1440px;margin:0 auto;padding:64px 52px 44px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;text-align:left}
.products-hero h1{margin:0;max-width:640px;font-size:clamp(38px,4.6vw,58px);line-height:1;letter-spacing:-.06em;color:var(--orbit-ink)}
.products-hero-lead{max-width:520px;margin:20px 0 0;color:var(--orbit-muted-ink);font-size:17px;line-height:1.6}

/* Radar visual: 12 bearing lines, 4 range rings, a rotating sweep beam,
   and four blips that sit dim and flash their product color only when
   the beam actually passes their bearing (timed to the 8s rotation),
   clockwise from top: 360 Feedback, Competency, Orbit Learning, Orbit Growth. */
.products-hero__visual{width:460px;height:460px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.radar-face{position:relative;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle at 50% 50%, #234b8c 0%, #12305f 78%);overflow:hidden;box-shadow:0 30px 60px rgba(2,10,30,.3), inset 0 0 0 1px rgba(255,255,255,.08)}

.radar-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(255,255,255,.14);transform:translate(-50%,-50%)}
.radar-ring--1{width:110px;height:110px}
.radar-ring--2{width:220px;height:220px}
.radar-ring--3{width:330px;height:330px}
.radar-ring--4{width:436px;height:436px}

.radar-spoke{position:absolute;top:50%;left:50%;width:440px;height:1px;background:rgba(255,255,255,.13);transform-origin:0 0}
.radar-spoke--0{transform:rotate(0deg)}
.radar-spoke--30{transform:rotate(30deg)}
.radar-spoke--60{transform:rotate(60deg)}
.radar-spoke--90{transform:rotate(90deg)}
.radar-spoke--120{transform:rotate(120deg)}
.radar-spoke--150{transform:rotate(150deg)}

.radar-sweep{position:absolute;inset:0;animation:radar-spin 8s linear infinite}
.radar-sweep i{position:absolute;inset:0;background:conic-gradient(from 0deg, #7d43f4 0deg, rgba(125,67,244,.35) 10deg, rgba(125,67,244,0) 60deg)}
@keyframes radar-spin{to{transform:rotate(360deg)}}

.radar-crosshair{position:absolute;top:50%;left:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;border-radius:50%;background:#7d43f4;box-shadow:0 0 10px 2px rgba(125,67,244,.7);z-index:3}

.radar-blip{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;opacity:.28}
.radar-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
.radar-tag{white-space:nowrap;padding:3px 9px;border-radius:20px;background:rgba(18,48,95,.75);backdrop-filter:blur(2px);font-size:11px;font-weight:700;color:#fff}

.radar-blip--feedback{left:79%;top:21%}
.radar-blip--feedback .radar-dot{background:#7d43f4}
.radar-blip--competency{left:79%;top:79%}
.radar-blip--competency .radar-dot{background:#6d2fd3}
.radar-blip--learning{left:21%;top:79%}
.radar-blip--learning .radar-dot{background:#5cc9c6}
.radar-blip--growth{left:21%;top:21%}
.radar-blip--growth .radar-dot{background:#022153}

/* Peak timing = (bearing angle / 360) * 8s sweep period, clockwise from top:
   360 Feedback 45deg -> 12.5% | Competency 135deg -> 37.5% |
   Orbit Learning 225deg -> 62.5% | Orbit Growth 315deg -> 87.5% */
.radar-blip--feedback{animation:radar-flash-feedback 8s linear infinite}
.radar-blip--competency{animation:radar-flash-competency 8s linear infinite}
.radar-blip--learning{animation:radar-flash-learning 8s linear infinite}
.radar-blip--growth{animation:radar-flash-growth 8s linear infinite}

@keyframes radar-flash-feedback{0%,9%{opacity:.28}12.5%{opacity:1}16%{opacity:.85}30%,100%{opacity:.28}}
@keyframes radar-flash-competency{0%,34%{opacity:.28}37.5%{opacity:1}41%{opacity:.85}55%,100%{opacity:.28}}
@keyframes radar-flash-learning{0%,59%{opacity:.28}62.5%{opacity:1}66%{opacity:.85}80%,100%{opacity:.28}}
@keyframes radar-flash-growth{0%,84%{opacity:.28}87.5%{opacity:1}91%{opacity:.85}100%{opacity:.28}}

@media (prefers-reduced-motion: reduce){
  .radar-sweep,.radar-blip--feedback,.radar-blip--competency,.radar-blip--learning,.radar-blip--growth{animation:none}
  .radar-blip{opacity:1}
}

@media (max-width:980px){.products-hero{grid-template-columns:1fr}.products-hero__visual{display:none}}

.live-grid{max-width:1440px;margin:0 auto;padding:0 52px 30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media (max-width:820px){.live-grid{grid-template-columns:1fr}}
.live-card{padding:34px;border-radius:var(--orbit-radius-card);border:1px solid var(--orbit-border)}
.live-badge{display:inline-block;margin-bottom:16px;padding:5px 11px;border-radius:20px;background:var(--orbit-paper);font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.live-card h2{margin:0 0 8px;font-size:26px;letter-spacing:-.03em;color:var(--orbit-ink)}
.live-card p{margin:0 0 20px;color:var(--orbit-muted-ink);font-size:15px;line-height:1.6;max-width:440px}
.live-card a{font-size:13px;font-weight:700;text-decoration:none}
.live-card a:hover{opacity:.75}
.live-card.accent-feedback{background:var(--orbit-feedback-surface);border-color:color-mix(in srgb, var(--orbit-feedback) 35%, var(--orbit-border))}
.live-card.accent-feedback .live-badge,.live-card.accent-feedback a{color:var(--orbit-feedback)}
.live-card.accent-learning{background:var(--orbit-learning-surface);border-color:color-mix(in srgb, var(--orbit-learning) 35%, var(--orbit-border))}
.live-card.accent-learning .live-badge,.live-card.accent-learning a{color:var(--orbit-learning)}

.roadmap-strip{max-width:1440px;margin:0 auto 60px;padding:0 52px}
.roadmap-strip>*{max-width:1336px;margin:0 auto}
.roadmap-label{display:block;margin-bottom:14px;font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--orbit-muted-ink);text-transform:uppercase}
.roadmap-items{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:6px 0;border-top:1px solid var(--orbit-border)}
@media (max-width:820px){.roadmap-items{grid-template-columns:1fr}}
.roadmap-item{padding:20px 0 20px 18px;border-left:3px solid var(--orbit-border)}
.roadmap-item b{display:block;font-size:15px;color:var(--orbit-ink)}
.roadmap-item p{margin:4px 0 8px;color:var(--orbit-muted-ink);font-size:13px;line-height:1.5}
.roadmap-item a{font-size:13px;font-weight:700;text-decoration:none}
.roadmap-item a:hover{opacity:.75}
.roadmap-item.accent-growth{border-left-color:var(--orbit-growth)}
.roadmap-item.accent-growth a{color:var(--orbit-growth)}
.roadmap-item.accent-energy{border-left-color:var(--orbit-energy)}
.roadmap-item.accent-energy a{color:var(--orbit-energy)}

.demo-band{max-width:1336px;margin:0 auto 90px;padding:70px 60px;border-radius:var(--orbit-radius-card);background:var(--orbit-indigo);color:#fff;display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:start}
@media (max-width:900px){.demo-band{grid-template-columns:1fr;padding:44px 28px}}
.demo-band-copy h2{margin:0 0 12px;font-size:clamp(28px,3vw,38px);line-height:1.06;letter-spacing:-.04em;color:#fff!important}
.demo-band-copy p{margin:0;color:#c3cadf;font-size:15px;line-height:1.6;max-width:380px}
.demo-form{background:var(--orbit-paper);border-radius:var(--orbit-radius-card);padding:28px}
.demo-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.demo-form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:var(--orbit-ink)}
.demo-form label.full{grid-column:1/-1}
.demo-form input,.demo-form select,.demo-form textarea{padding:11px 13px;border:1px solid var(--orbit-border);border-radius:8px;font-size:14px;color:var(--orbit-ink);background:var(--orbit-paper)}
.demo-form textarea{resize:vertical;min-height:70px}
.demo-form label.full span{font-weight:500;color:var(--orbit-muted-ink)}
.demo-form .honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.demo-form .consent{display:flex;flex-direction:row;align-items:flex-start;gap:8px;margin:16px 0;font-size:13px;font-weight:500;color:var(--orbit-muted-ink)}
.demo-form .consent input{width:auto;margin-top:2px}
.demo-submit{width:100%;justify-content:center}
.demo-form .form-status{margin:12px 0 0;min-height:18px;font-size:13px}
.demo-form .form-status.success{color:var(--orbit-growth)}
.demo-form .form-status.error{color:var(--orbit-feedback)}