/* Orbital Intelligence: original composition with locally served Three.js / GSAP. */
.cb-hero { min-height: 790px; background: radial-gradient(ellipse at 76% 44%, #11172b66, transparent 55%), #000; }
.cb-hero-grid { min-height: 770px; grid-template-columns: .9fr 1.1fr; padding-block: 90px; }
.cb-hero-copy { padding-bottom: 30px; }
.cb-hero h1 { font-size: clamp(64px, 7.2vw, 104px); line-height: 1.02; }
.cb-hero-copy > p { max-width: 420px; font-size: 17px; line-height: 1.8; }
.cb-hero-light { inset: -20% -20% -10% 30%; background: radial-gradient(ellipse at 60% 50%, #758dd514, transparent 60%); }
.cb-cosmos { width: 680px; height: 610px; max-width: none; margin-left: -40px; transform: none; perspective: none; }
.cb-orbital-canvas { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.cb-orbital-ready > .cb-stars, .cb-orbital-ready > .cb-orbit,
.cb-orbital-ready > .cb-planet, .cb-orbital-ready > .cb-moon, .cb-orbital-ready > .cb-floor { display: none; }
.cb-orbital-label {
  position: absolute; z-index: 2; font: 10px/1.4 Arial, Helvetica, sans-serif; color: #9ba8c9;
  letter-spacing: .13em; text-transform: uppercase; padding: 8px 12px;
  border: 1px solid #9eaff122; border-radius: 999px; background: #050711b3;
  pointer-events: none;
}
.cb-orbital-label::before { content: ''; display: inline-block; width: 4px; height: 4px; margin: 0 7px 2px 0; border-radius: 50%; background: #bccaff; box-shadow: 0 0 8px #bccaff; }
.cb-orbital-label-accounts { left: 15%; top: 24%; }
.cb-orbital-label-models { right: 12%; top: 42%; }
.cb-orbital-label-api { left: 27%; bottom: 21%; }
.cb-scene-caption { position: absolute; bottom: 5%; left: 0; width: 100%; color: #626b82; font-size: 10px; letter-spacing: .04em; text-align: center; }
.cb-scene-toggle { position: absolute; right: 7%; bottom: 10%; z-index: 2; font: 11px Arial, sans-serif; padding: 8px 12px; border: 1px solid #30374a; border-radius: 99px; background: #0a0d16; color: #aeb7d1; }
.cb-actions .cb-button { border-color: #6a769b; box-shadow: 0 0 24px #899edb12, inset 0 1px #d0daff1a; }
.cb-actions .cb-button:hover { border-color: #a4b3e1; box-shadow: 0 0 32px #899edb24; }
.cb-visual, .cb-dashboard-frame, .cb-code-shell { box-shadow: 0 20px 80px #0008, 0 0 60px #7892d208; }
.cb-feature-grid, .cb-pricing-grid, .cb-step-grid { perspective: 1000px; }
.cb-final-glow { background: radial-gradient(ellipse at 50% 100%, #718ce540, transparent 62%); }
@media (max-width: 1100px) {
  .cb-cosmos { width: 570px; height: 570px; margin-left: -65px; }
  .cb-hero, .cb-hero-grid { min-height: 700px; }
  .cb-hero h1 { font-size: 72px; }
}
@media (max-width: 850px) {
  .cb-hero-grid { grid-template-columns: 1fr 1fr; }
  .cb-cosmos { left: auto; width: 480px; height: 520px; margin-left: -65px; transform: none; }
  .cb-hero h1 { font-size: 60px; }
  .cb-hero-copy > p { font-size: 15px; }
  .cb-announcement { white-space: normal; }
}
@media (max-width: 640px) {
  .cb-hero { min-height: auto; }
  .cb-hero-grid { display: flex; padding-top: 52px; padding-bottom: 20px; gap: 0; }
  .cb-hero-copy { padding-bottom: 0; }
  .cb-hero h1 { font-size: clamp(48px, 12vw, 64px); }
  .cb-hero-copy > p { font-size: 16px; max-width: 360px; }
  .cb-cosmos { width: calc(100% + 40px); height: 390px; left: auto; margin: 12px -20px 0; transform: none; }
  .cb-orbital-label { font-size: 8px; padding: 6px 9px; }
  .cb-orbital-label-accounts { left: 10%; top: 21%; }
  .cb-orbital-label-models { right: 7%; }
  .cb-orbital-label-api { left: 20%; bottom: 24%; }
  .cb-scene-toggle { right: 8%; bottom: 10%; }
  .cb-scene-caption { bottom: 3%; font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .cb-cosmos *, .cb-actions .cb-button { animation: none !important; transition: none !important; }
}