:root {
  --sky-ink: #fbf4e4;
  --sky-muted: rgba(251, 244, 228, 0.66);
  --sky-line: rgba(251, 244, 228, 0.085);
  --sky-line-soft: rgba(251, 244, 228, 0.036);
  --sky-night: #010306;
  --sky-night-2: #071018;
  --sky-panel: rgba(6, 10, 14, 0.76);
  --sky-gold: #d0a057;
  --sky-teal: #72a59a;
  --sky-radius: 8px;
}

* { box-sizing: border-box; }
html { min-height: 100%; background: #010206; scroll-behavior: smooth; }
body { min-height: 100%; margin: 0; color: var(--sky-ink); background:
  radial-gradient(ellipse at 50% 30%, rgba(58, 105, 132, 0.14), transparent 40%),
  radial-gradient(ellipse at 12% 10%, rgba(178, 137, 86, 0.07), transparent 32%),
  radial-gradient(ellipse at 88% 8%, rgba(82, 70, 132, 0.07), transparent 36%),
  linear-gradient(145deg, #010206 0%, #04101a 50%, #01030a 100%);
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.5; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 72px; padding: 14px clamp(18px, 4vw, 56px); color: var(--sky-ink); background: linear-gradient(180deg, rgba(2, 5, 8, 0.88), rgba(2, 5, 8, 0.42) 72%, rgba(2, 5, 8, 0)); border-bottom: 1px solid rgba(251, 244, 228, 0.065); backdrop-filter: blur(18px); }
.brand img { display: block; width: 148px; max-width: 42vw; height: auto; }
.header-nav { display: none; gap: 22px; color: var(--sky-muted); font-size: 0.92rem; }
.header-nav a:hover { color: var(--sky-ink); }
.header-action { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; border: 1px solid rgba(251, 244, 228, 0.22); border-radius: 999px; color: var(--sky-ink); font-size: 0.9rem; background: rgba(251, 244, 228, 0.035); }

.section-shell, .sky-shell { width: min(1160px, calc(100% - 36px)); margin: 0 auto; }
.sky-page { position: relative; isolation: isolate; min-height: 100svh; overflow-x: hidden; background:
  radial-gradient(ellipse at 50% 50%, rgba(8, 20, 40, 0.5), transparent 70%),
  radial-gradient(ellipse at 20% 30%, rgba(18, 30, 60, 0.4), transparent 50%),
  radial-gradient(ellipse at 80% 70%, rgba(12, 25, 45, 0.35), transparent 50%),
  linear-gradient(180deg, #010208 0%, #020c1a 40%, #010510 100%);
}
.sky-page::before { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0; opacity: 0.65;
  background-image:
    radial-gradient(1px 1px at 5% 4%, rgba(255,255,255,0.8), transparent),
    radial-gradient(1px 1px at 10% 12%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1.5px 1.5px at 15% 8%, rgba(200,220,255,0.7), transparent),
    radial-gradient(1px 1px at 22% 16%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 28% 5%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1.5px 1.5px at 35% 14%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1px 1px at 42% 22%, rgba(200,220,255,0.55), transparent),
    radial-gradient(1px 1px at 48% 8%, rgba(255,255,255,0.7), transparent),
    radial-gradient(2px 2px at 55% 18%, rgba(255,255,255,0.4), transparent),
    radial-gradient(1px 1px at 62% 6%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1.5px 1.5px at 68% 20%, rgba(200,220,255,0.6), transparent),
    radial-gradient(1px 1px at 75% 9%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 82% 16%, rgba(255,255,255,0.65), transparent),
    radial-gradient(1px 1px at 88% 4%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1.5px 1.5px at 92% 14%, rgba(200,220,255,0.55), transparent),
    radial-gradient(1px 1px at 8% 28%, rgba(255,255,255,0.5), transparent),
    radial-gradient(2px 2px at 18% 35%, rgba(255,255,255,0.35), transparent),
    radial-gradient(1px 1px at 26% 30%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1px 1px at 33% 38%, rgba(200,220,255,0.5), transparent),
    radial-gradient(1.5px 1.5px at 42% 32%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1px 1px at 52% 42%, rgba(255,255,255,0.45), transparent),
    radial-gradient(1px 1px at 58% 34%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1px 1px at 66% 44%, rgba(200,220,255,0.5), transparent),
    radial-gradient(2px 2px at 74% 36%, rgba(255,255,255,0.4), transparent),
    radial-gradient(1px 1px at 82% 40%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1.5px 1.5px at 90% 32%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 12% 50%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1px 1px at 22% 55%, rgba(200,220,255,0.5), transparent),
    radial-gradient(1.5px 1.5px at 35% 48%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1px 1px at 48% 58%, rgba(255,255,255,0.45), transparent),
    radial-gradient(2px 2px at 55% 50%, rgba(255,255,255,0.35), transparent),
    radial-gradient(1px 1px at 65% 56%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1px 1px at 75% 48%, rgba(200,220,255,0.5), transparent),
    radial-gradient(1.5px 1.5px at 85% 54%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1px 1px at 5% 68%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 16% 72%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1.5px 1.5px at 28% 66%, rgba(200,220,255,0.6), transparent),
    radial-gradient(1px 1px at 38% 74%, rgba(255,255,255,0.45), transparent),
    radial-gradient(2px 2px at 48% 68%, rgba(255,255,255,0.4), transparent),
    radial-gradient(1px 1px at 58% 78%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1px 1px at 68% 70%, rgba(200,220,255,0.5), transparent),
    radial-gradient(1.5px 1.5px at 78% 76%, rgba(255,255,255,0.6), transparent),
    radial-gradient(1px 1px at 88% 66%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 10% 86%, rgba(255,255,255,0.55), transparent),
    radial-gradient(1.5px 1.5px at 24% 90%, rgba(200,220,255,0.6), transparent),
    radial-gradient(1px 1px at 36% 84%, rgba(255,255,255,0.45), transparent),
    radial-gradient(2px 2px at 50% 92%, rgba(255,255,255,0.35), transparent),
    radial-gradient(1px 1px at 62% 88%, rgba(255,255,255,0.5), transparent),
    radial-gradient(1px 1px at 74% 84%, rgba(200,220,255,0.55), transparent),
    radial-gradient(1.5px 1.5px at 86% 92%, rgba(255,255,255,0.6), transparent);
  background-size: 100% 100%;
}
.sky-page::after { content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(ellipse at 50% 98%, rgba(0, 4, 12, 0.6), transparent 60%),
    linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.35) 100%);
}
.sky-workspace { min-height: 100svh; padding: 110px 0 44px; }
.sky-shell { position: relative; z-index: 1; display: grid; gap: 14px; }
.sky-heading { display: grid; grid-template-columns: minmax(0, 1fr); gap: 5px; max-width: 720px; }
.eyebrow { margin: 0; color: var(--sky-gold); font-size: 0.74rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; }
h1 { max-width: 100%; margin: 0; font-family: Inter, system-ui, sans-serif; font-size: clamp(1.8rem, 3.4vw, 3.35rem); font-weight: 600; line-height: 1.08; letter-spacing: -0.01em; }
.sky-updated { margin: 0; color: var(--sky-muted); font-size: 0.9rem; }

.sky-settings { width: fit-content; max-width: 100%; border: 1px solid rgba(251, 244, 228, 0.08); border-radius: var(--sky-radius); background: rgba(7, 11, 14, 0.3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035); }
.sky-settings summary { min-height: 38px; display: flex; align-items: center; padding: 0 12px; color: var(--sky-muted); cursor: pointer; font-size: 0.88rem; font-weight: 600; }
.sky-settings summary::marker { color: var(--sky-gold); }
.sky-controls { display: grid; grid-template-columns: minmax(150px, 0.8fr) minmax(130px, 0.65fr) minmax(220px, 1fr) auto auto; gap: 12px; align-items: end; padding: 16px; border: 1px solid var(--sky-line); border-radius: var(--sky-radius); background: linear-gradient(180deg, rgba(15, 23, 27, 0.78), rgba(7, 12, 16, 0.66)); box-shadow: 0 22px 70px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04); }
.sky-settings .sky-controls { width: min(100vw - 36px, 900px); border: 0; border-top: 1px solid rgba(251, 244, 228, 0.08); border-radius: 0 0 var(--sky-radius) var(--sky-radius); box-shadow: none; background: rgba(7, 11, 14, 0.58); }
.sky-field { display: grid; gap: 6px; min-width: 0; }
.sky-field label { color: var(--sky-muted); font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.sky-field input, .sky-field select { width: 100%; min-height: 44px; border: 1px solid rgba(251, 244, 228, 0.17); border-radius: 8px; padding: 0 12px; color: var(--sky-ink); background: rgba(251, 244, 228, 0.075); outline: none; }
.sky-field input:focus, .sky-field select:focus { border-color: rgba(197, 148, 79, 0.72); }
.sky-field select option { color: #101819; background: #f7f2e7; }
.sky-button { min-height: 44px; border: 0; border-radius: 999px; padding: 0 18px; color: #111817; background: var(--sky-gold); font-weight: 700; cursor: pointer; }
.sky-button:hover { transform: translateY(-1px); }
.sky-button-quiet { color: var(--sky-ink); border: 1px solid rgba(251, 244, 228, 0.2); background: rgba(251, 244, 228, 0.075); }

.sky-stage { position: relative; display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; margin-top: -2px; }
.sky-clock-frame { position: relative; width: min(100%, 900px); min-height: min(78vw, 850px); display: grid; place-items: center; perspective: 1500px; background: transparent; filter: drop-shadow(0 46px 118px rgba(0, 0, 0, 0.42)); }
.sky-clock-frame::before { content: ""; position: absolute; inset: max(-18vw, -180px); z-index: -1; pointer-events: none; background:
  radial-gradient(circle at 50% 50%, rgba(255, 246, 221, 0.046), transparent 17%),
  radial-gradient(circle at 50% 50%, rgba(42, 128, 119, 0.13), transparent 41%),
  radial-gradient(circle at 50% 50%, rgba(208, 160, 87, 0.058), transparent 56%);
}
.sky-clock-viewport { position: relative; width: min(100%, 880px); cursor: grab; user-select: none; transform-origin: 50% 50%; transform-style: preserve-3d; }
.sky-clock-viewport.is-dragging { cursor: grabbing; }
.sky-clock-viewport.is-settling { animation: sky-wheel-settle 960ms cubic-bezier(0.16, 1, 0.3, 1) both; }
.sky-clock-svg { position: relative; z-index: 1; display: block; width: 100%; height: auto; aspect-ratio: 1; transform-origin: 50% 50%; transform-style: preserve-3d; transition: transform 180ms ease-out; will-change: transform; }
.sky-clock-viewport.is-dragging .sky-clock-svg { transition: none; }
.sky-earth-webgl-plane { position: absolute; inset: 0; z-index: 2; pointer-events: none; transform-origin: 50% 50%; transform-style: preserve-3d; transition: transform 180ms ease-out; will-change: transform; }
.sky-clock-viewport.is-dragging .sky-earth-webgl-plane { transition: none; }
.sky-earth-webgl-shell { position: absolute; left: 50%; top: 50%; width: 25.2%; aspect-ratio: 1; border-radius: 50%; transform: translate(-50%, -50%); filter: drop-shadow(0 15px 22px rgba(0, 0, 0, 0.58)); overflow: visible; }
.sky-earth-webgl-shell::before { content: none; }
.sky-earth-webgl-canvas { position: relative; z-index: 1; display: block; width: 100%; height: 100%; border-radius: 50%; }
.sky-earth-webgl-plane.is-unavailable { display: none; }
.sky-graha-webgl-plane { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.sky-graha-webgl-canvas { display: block; width: 100%; height: 100%; }
.sky-graha-webgl-plane.is-unavailable { display: none; }
.sky-view-controls { position: absolute; z-index: 8; bottom: -58px; left: 50%; transform: translateX(-50%); display: flex; gap: 8px; padding: 6px 8px; border: 1px solid rgba(251, 244, 228, 0.2); border-radius: 999px; background: rgba(3, 6, 9, 0.85); box-shadow: 0 10px 32px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.045); backdrop-filter: blur(14px); }
.sky-view-controls button { min-width: 38px; height: 38px; border: 1px solid rgba(251, 244, 228, 0.22); border-radius: 50%; padding: 0; color: var(--sky-ink); background: rgba(251, 244, 228, 0.075); cursor: pointer; font-weight: 700; font-size: 1.1rem; line-height: 1; display: flex; align-items: center; justify-content: center; }
.sky-view-controls button:hover { border-color: rgba(197, 148, 79, 0.62); background: rgba(197, 148, 79, 0.13); }
.sky-view-controls button:focus-visible { outline: 2px solid var(--sky-gold); outline-offset: 2px; }
.sky-view-controls .sky-view-reset { width: 38px; min-width: 38px; font-size: 1.1rem; font-weight: 600; }
@media (max-width: 560px) {
  .sky-view-controls .sky-view-reset { width: 34px; min-width: 34px; font-size: 1rem; }
}
.sky-status { min-height: 20px; margin: -4px 0 0; color: var(--sky-muted); font-size: 0.86rem; }
.sky-status.is-error { color: #f0a08e; font-weight: 700; }

.sky-grid-line { stroke: rgba(251, 244, 228, 0.044); stroke-width: 0.9; vector-effect: non-scaling-stroke; }
.sky-grid-line--nak { stroke: rgba(251, 244, 228, 0.084); stroke-width: 0.95; }
.sky-grid-line--sign { stroke: rgba(251, 244, 228, 0.18); stroke-width: 1.12; }
.sky-belt-edge { fill: none; stroke: rgba(251, 244, 228, 0.125); stroke-width: 1.05; filter: drop-shadow(0 0 2px rgba(208, 160, 87, 0.16)); }
.sky-nak-highlight { fill: none; stroke-linecap: butt; opacity: 0.52; filter: drop-shadow(0 0 1.5px currentColor); }
.sky-pada-highlight { fill: none; stroke-linecap: butt; opacity: 0.52; filter: drop-shadow(0 0 1.5px currentColor); }
.sky-sign-label { fill: rgba(251, 245, 235, 0.92); stroke: rgba(1, 3, 6, 0.52); stroke-width: 1.8px; paint-order: stroke fill; font-family: Inter, system-ui, sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.03em; text-anchor: middle; dominant-baseline: middle; pointer-events: none; }
.sky-nak-label { fill: rgba(251, 245, 232, 0.72); stroke: rgba(1, 3, 6, 0.64); stroke-width: 1.6px; paint-order: stroke fill; font-family: Inter, sans-serif; font-size: 9px; font-weight: 500; letter-spacing: 0.015em; text-anchor: middle; dominant-baseline: middle; pointer-events: none; }
.sky-graha { cursor: pointer; }
.sky-graha-hit { fill: transparent; stroke: none; pointer-events: all; }
.sky-graha-shadow { fill: rgba(0, 0, 0, 0.62); filter: blur(5px); pointer-events: none; }
.sky-graha-marker { stroke: rgba(255, 250, 236, 0.72); stroke-width: 1.05; filter: url("#grahaOrbDepth"); }
.sky-graha-texture { opacity: 0.9; pointer-events: none; }
.sky-graha-surface { opacity: 0.62; pointer-events: none; mix-blend-mode: screen; }
.sky-graha-band { fill: rgba(255, 246, 224, 0.17); filter: blur(0.42px); mix-blend-mode: screen; }
.sky-graha-band--upper { opacity: 0.72; }
.sky-graha-spot { fill: rgba(8, 11, 14, 0.18); filter: blur(0.45px); mix-blend-mode: multiply; }
.sky-graha-spot--soft { fill: rgba(255, 251, 233, 0.14); mix-blend-mode: screen; }
.sky-graha-texture--sun .sky-graha-band { fill: rgba(255, 241, 154, 0.28); }
.sky-graha-texture--sun .sky-graha-spot { fill: rgba(135, 54, 8, 0.16); }
.sky-graha-texture--moon .sky-graha-band { fill: rgba(255, 255, 255, 0.2); }
.sky-graha-texture--moon .sky-graha-spot { fill: rgba(59, 67, 74, 0.24); }
.sky-graha-texture--mars .sky-graha-band { fill: rgba(242, 160, 109, 0.2); }
.sky-graha-texture--mars .sky-graha-spot { fill: rgba(58, 13, 8, 0.27); }
.sky-graha-texture--mercury .sky-graha-band { fill: rgba(181, 240, 191, 0.16); }
.sky-graha-texture--jupiter .sky-graha-band { fill: rgba(255, 218, 144, 0.27); }
.sky-graha-texture--jupiter .sky-graha-spot { fill: rgba(97, 37, 10, 0.22); }
.sky-graha-texture--venus .sky-graha-band { fill: rgba(255, 240, 206, 0.24); }
.sky-graha-texture--saturn .sky-graha-band { fill: rgba(182, 193, 223, 0.18); }
.sky-graha-texture--rahu .sky-graha-band,
.sky-graha-texture--ketu .sky-graha-band { fill: rgba(198, 170, 120, 0.15); }
.sky-graha-shine { fill: rgba(255, 255, 255, 0.48); filter: blur(0.72px); pointer-events: none; }
.sky-graha-terminator { pointer-events: none; opacity: 0.92; }
.sky-graha-label { fill: rgba(251, 244, 228, 0.84); stroke: rgba(1, 3, 6, 0.92); stroke-width: 2.4px; paint-order: stroke fill; font-family: Inter, sans-serif; font-size: 11px; font-weight: 800; letter-spacing: 0.02em; text-anchor: start; dominant-baseline: middle; pointer-events: none; }
.sky-graha-label.is-light { fill: rgba(251, 244, 228, 0.9); stroke: rgba(0, 0, 0, 0.72); }
.sky-graha-retro { fill: rgba(208, 160, 87, 0.9); stroke: rgba(1, 3, 6, 0.92); stroke-width: 2.2px; paint-order: stroke fill; font-family: Inter, sans-serif; font-size: 9px; font-weight: 800; text-anchor: start; dominant-baseline: middle; pointer-events: none; }
.sky-graha.is-active .sky-graha-marker { stroke: #fff8e8; stroke-width: 2.35; }
.sky-graha.is-active .sky-graha-shadow { opacity: 0.78; }
.sky-graha-ring { fill: none; stroke: rgba(251, 244, 228, 0.66); stroke-width: 2.55; filter: drop-shadow(0 0 2px rgba(251, 244, 228, 0.38)); pointer-events: none; }
.has-graha-webgl .sky-graha-shadow,
.has-graha-webgl .sky-graha-marker,
.has-graha-webgl .sky-graha-texture,
.has-graha-webgl .sky-graha-shine,
.has-graha-webgl .sky-graha-terminator,
.has-graha-webgl .sky-graha-label,
.has-graha-webgl .sky-graha-retro,
.has-graha-webgl .sky-graha-ring { display: none; }
.sky-tooltip { position: absolute; z-index: 5; width: min(230px, calc(100vw - 40px)); padding: 12px 13px; color: var(--sky-ink); background: rgba(3, 6, 9, 0.86); border: 1px solid rgba(251, 244, 228, 0.16); border-radius: var(--sky-radius); box-shadow: 0 18px 54px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.045); backdrop-filter: blur(16px); transform: translate(-50%, calc(-100% - 18px)); pointer-events: auto; }
.sky-tooltip strong { display: block; margin-bottom: 4px; font-family: Literata, Georgia, serif; font-size: 1.02rem; font-weight: 500; line-height: 1.15; }
.sky-tooltip p { margin: 4px 0 0; color: var(--sky-muted); font-size: 0.82rem; line-height: 1.3; }

@keyframes sky-wheel-settle {
  0% { transform: rotateZ(-2.8deg) rotateX(3deg) scale(0.992); }
  58% { transform: rotateZ(0.42deg) rotateX(-0.35deg) scale(1.002); }
  100% { transform: rotateZ(0deg) rotateX(0deg) scale(1); }
}

.sky-graha-table-section { margin-top: 32px; }
.sky-section-title { font-family: Inter, system-ui, sans-serif; font-size: 1.15rem; font-weight: 600; color: var(--sky-ink); margin: 0 0 8px; }
.sky-section-sub { color: var(--sky-muted); font-size: 0.88rem; margin: 0 0 16px; }
.sky-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--sky-line); border-radius: var(--sky-radius); background: var(--sky-panel); }
.sky-graha-table { width: 100%; border-collapse: collapse; font-size: 0.85rem; color: var(--sky-ink); }
.sky-graha-table th { text-align: left; padding: 10px 12px 8px; font-weight: 600; font-size: 0.72rem; letter-spacing: 0.06em; text-transform: uppercase; color: var(--sky-muted); border-bottom: 1px solid var(--sky-line); white-space: nowrap; }
.sky-graha-table td { padding: 10px 12px; border-bottom: 1px solid var(--sky-line-soft); white-space: nowrap; }
.sky-graha-table tbody tr:last-child td { border-bottom: 0; }
.sky-graha-table tbody tr:hover { background: rgba(251,244,228,0.04); }

.sky-info-section { margin-top: 28px; }
.sky-info-section p { color: var(--sky-muted); font-size: 0.92rem; line-height: 1.6; margin: 0 0 12px; }
.sky-info-section p:last-child { margin-bottom: 0; }

.sky-cta-section { margin-top: 32px; padding: 20px; border: 1px solid var(--sky-line); border-radius: var(--sky-radius); background: linear-gradient(180deg, rgba(15,23,27,0.6), rgba(7,12,16,0.5)); }
.sky-cta-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.sky-cta-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 16px; border: 1px solid rgba(251,244,228,0.18); border-radius: 999px; color: var(--sky-ink); font-size: 0.88rem; font-weight: 500; background: rgba(251,244,228,0.06); text-decoration: none; transition: background 150ms; }
.sky-cta-btn:hover { background: rgba(251,244,228,0.12); }

@media (max-width: 560px) {
  .site-header { min-height: 66px; padding-inline: 16px; }
  .brand img { width: 126px; }
  .header-action { min-height: 36px; padding-inline: 12px; font-size: 0.82rem; }
  .sky-workspace { padding-top: 106px; }
  .sky-shell { width: min(100% - 24px, 1180px); }
  .sky-controls { padding: 12px; }
  .sky-view-controls { bottom: -64px; }
  .sky-view-controls button { min-width: 34px; height: 34px; }
  .sky-view-controls .sky-view-reset { width: 34px; min-width: 34px; font-size: 1rem; }
  .sky-sign-label { font-size: 13px; }
  .sky-tooltip { width: min(210px, calc(100vw - 32px)); }
  h1 { font-size: clamp(1.5rem, 6vw, 2rem); }
  .sky-section-title { font-size: 1.05rem; }
  .sky-section-sub { font-size: 0.82rem; }
  .sky-info-section p { font-size: 0.85rem; }
  .sky-graha-table th, .sky-graha-table td { padding: 8px 10px; }
  .sky-cta-links { gap: 8px; }
  .sky-cta-btn { min-height: 36px; padding: 0 14px; font-size: 0.82rem; }
}

@media (prefers-reduced-motion: reduce) {
  .sky-clock-viewport.is-settling { animation: none; }
}

@media (min-width: 760px) { .header-nav { display: flex; } }
@media (max-width: 920px) {
  .sky-controls { grid-template-columns: 1fr; }
  .sky-button { width: 100%; }
  .sky-clock-frame { min-height: auto; }
  .sky-nak-label { font-size: 8.5px; }
}

/* Nabhasa SVG-only layout */
.sky-earth-webgl-plane,
.sky-earth-webgl-shell,
.sky-earth-webgl-canvas,
.sky-graha-webgl-plane,
.sky-graha-webgl-canvas {
  display: none !important;
}

.sky-clock-frame {
  perspective: none !important;
  overflow: visible;
}

.sky-clock-viewport {
  transform: none !important;
  transform-style: flat !important;
  cursor: auto;
  touch-action: pan-y;
}

.sky-clock-svg {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: none;
}

.has-graha-webgl .sky-graha-shadow,
.has-graha-webgl .sky-graha-marker,
.has-graha-webgl .sky-graha-texture,
.has-graha-webgl .sky-graha-shine,
.has-graha-webgl .sky-graha-terminator,
.has-graha-webgl .sky-graha-label,
.has-graha-webgl .sky-graha-retro,
.has-graha-webgl .sky-graha-ring {
  display: revert !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.sky-view-controls {
  display: none !important;
}

.sky-settings {
  display: none !important;
}

.sky-graha-table th:last-child,
.sky-graha-table td:last-child {
  display: none !important;
}

@media (max-width: 768px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .sky-page,
  .sky-workspace {
    min-height: auto;
    height: auto;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: visible;
  }

  .sky-workspace {
    padding-top: clamp(92px, 20vw, 124px);
    padding-bottom: 48px;
  }

  .sky-shell {
    width: calc(100% - 24px) !important;
    max-width: 1100px !important;
    min-width: 0;
    margin-inline: auto !important;
    box-sizing: border-box;
    gap: 14px;
  }

  .sky-shell > * {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .sky-clock-frame {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0 auto;
    filter: none;
  }

  .sky-clock-viewport {
    width: min(88vw, 350px) !important;
    max-width: calc(100vw - 32px) !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    margin: 0 auto !important;
    box-sizing: border-box;
  }

  .sky-clock-svg {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
  }

  .sky-page h1,
  .sky-workspace h1 {
    font-size: clamp(1.55rem, 8vw, 2.05rem);
    line-height: 1.12;
  }

  .sky-info-grid,
  .sky-content-grid,
  .sky-copy-grid,
  .sky-cta-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .sky-info-section,
  .sky-cta-section,
  .sky-card,
  .sky-copy-card {
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 16px;
  }

  .sky-section-title {
    font-size: 1.08rem;
    line-height: 1.25;
    margin-bottom: 6px;
  }

  .sky-section-sub,
  .sky-info-section p,
  .sky-card p,
  .sky-copy-card p {
    font-size: 0.9rem;
    line-height: 1.5;
  }

  .sky-cta-links {
    flex-direction: column;
    gap: 8px;
  }

  .sky-cta-btn,
  .sky-button {
    width: 100%;
    justify-content: center;
    min-height: 38px;
    padding-inline: 14px;
    font-size: 0.86rem;
  }

  .sky-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: visible !important;
  }

  .sky-graha-table {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
  }

  .sky-graha-table th,
  .sky-graha-table td {
    padding: 7px 6px !important;
    font-size: 0.74rem !important;
    line-height: 1.25;
    white-space: normal !important;
    word-break: normal;
  }

  .sky-graha-table th:nth-child(1),
  .sky-graha-table td:nth-child(1) {
    width: 21%;
  }

  .sky-graha-table th:nth-child(2),
  .sky-graha-table td:nth-child(2) {
    width: 20%;
  }

  .sky-graha-table th:nth-child(3),
  .sky-graha-table td:nth-child(3) {
    width: 22%;
  }

  .sky-graha-table th:nth-child(4),
  .sky-graha-table td:nth-child(4) {
    width: 22%;
  }

  .sky-graha-table th:nth-child(5),
  .sky-graha-table td:nth-child(5) {
    width: 15%;
  }
}

@media (max-width: 430px) {
  .sky-shell {
    width: calc(100% - 18px) !important;
    gap: 10px;
  }

  .sky-workspace {
    padding-top: 100px;
  }

  .sky-clock-viewport {
    width: min(88vw, 350px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  .sky-page h1,
  .sky-workspace h1 {
    font-size: clamp(1.45rem, 8vw, 1.9rem);
  }

  .sky-sign-label {
    font-size: 10px;
  }

  .sky-nak-label {
    font-size: 7px;
  }

  .sky-graha-label,
  .sky-graha-retro {
    font-size: 8px;
    stroke-width: 1.6px;
  }

  .sky-section-title {
    font-size: 1.03rem;
  }

  .sky-section-sub,
  .sky-info-section p,
  .sky-card p,
  .sky-copy-card p {
    font-size: 0.88rem;
  }

  .sky-graha-table th,
  .sky-graha-table td {
    padding: 6px 4px !important;
    font-size: 0.68rem !important;
  }
}


/* Nabhasa graha visual pass: premium 2D SVG planets */
.sky-graha-shadow {
  fill: rgba(0, 0, 0, 0.58);
  filter: blur(5.5px);
}

.sky-graha-marker {
  stroke: rgba(255, 248, 228, 0.78);
  stroke-width: 1.15;
  filter: url("#grahaOrbDepth");
}

.sky-graha.is-active .sky-graha-marker {
  stroke: #fff9e8;
  stroke-width: 2.15;
}

.sky-graha-texture {
  opacity: 0.96;
}

.sky-graha-surface {
  opacity: 0.72;
  mix-blend-mode: screen;
}

.sky-graha-shine {
  fill: rgba(255, 255, 255, 0.58);
  filter: blur(0.75px);
}

.sky-graha-terminator {
  opacity: 0.82;
}

/* Sun: glowing star, less physical-planet texture */
.sky-graha-texture--sun .sky-graha-surface {
  opacity: 0.46;
}

.sky-graha-texture--sun .sky-graha-band {
  fill: rgba(255, 235, 111, 0.34);
  filter: blur(0.72px);
}

.sky-graha-texture--sun .sky-graha-spot {
  fill: rgba(255, 120, 24, 0.16);
  mix-blend-mode: multiply;
}

/* Moon: soft lunar disk and craters */
.sky-graha-texture--moon .sky-graha-band {
  fill: rgba(255, 255, 255, 0.18);
  filter: blur(0.34px);
}

.sky-graha-texture--moon .sky-graha-spot {
  fill: rgba(74, 82, 88, 0.28);
  filter: blur(0.52px);
  mix-blend-mode: multiply;
}

.sky-graha-texture--moon .sky-graha-spot--soft {
  fill: rgba(255, 255, 255, 0.18);
  mix-blend-mode: screen;
}

/* Mars: red terrain */
.sky-graha-texture--mars .sky-graha-band {
  fill: rgba(255, 173, 112, 0.22);
}

.sky-graha-texture--mars .sky-graha-spot {
  fill: rgba(60, 13, 8, 0.34);
}

/* Mercury: emerald-metallic */
.sky-graha-texture--mercury .sky-graha-band {
  fill: rgba(180, 255, 205, 0.2);
}

.sky-graha-texture--mercury .sky-graha-spot {
  fill: rgba(5, 47, 45, 0.2);
}

/* Jupiter: visible soft bands */
.sky-graha-texture--jupiter .sky-graha-band {
  fill: rgba(255, 219, 148, 0.36);
  filter: blur(0.28px);
}

.sky-graha-texture--jupiter .sky-graha-band--upper {
  fill: rgba(121, 52, 15, 0.28);
}

.sky-graha-texture--jupiter .sky-graha-spot {
  fill: rgba(106, 38, 10, 0.3);
}

/* Venus: creamy lilac atmosphere */
.sky-graha-texture--venus .sky-graha-band {
  fill: rgba(255, 238, 208, 0.31);
  filter: blur(0.54px);
}

.sky-graha-texture--venus .sky-graha-spot {
  fill: rgba(151, 114, 152, 0.14);
}

/* Saturn: darker body, elegant thin ring */
.sky-graha-texture--saturn .sky-graha-band {
  fill: rgba(195, 208, 244, 0.22);
}

.sky-graha-texture--saturn .sky-graha-spot {
  fill: rgba(7, 13, 36, 0.24);
}

.sky-graha-ring {
  stroke: rgba(221, 228, 250, 0.82);
  stroke-width: 1.55;
  filter: drop-shadow(0 0 2px rgba(221, 228, 250, 0.36));
}

/* Rahu/Ketu: smoky shadow nodes, not physical planets */
.sky-graha-texture--rahu,
.sky-graha-texture--ketu {
  opacity: 0.72;
}

.sky-graha-texture--rahu .sky-graha-band,
.sky-graha-texture--ketu .sky-graha-band {
  fill: rgba(188, 153, 102, 0.13);
  filter: blur(0.9px);
}

.sky-graha-texture--rahu .sky-graha-spot,
.sky-graha-texture--ketu .sky-graha-spot {
  fill: rgba(0, 0, 0, 0.34);
  filter: blur(0.9px);
}

.sky-graha-texture--ketu .sky-graha-band--upper {
  transform: translateX(5px) rotate(-7deg);
  transform-box: fill-box;
  transform-origin: center;
}


/* Nabhasa central Earth */
.nabhasa-earth-core-layer {
  pointer-events: none;
}

.nabhasa-earth-continents {
  animation: nabhasa-earth-rotate 120s linear infinite;
  transform-origin: 0 0;
  transform-box: fill-box;
}

.nabhasa-earth-clouds {
  animation: nabhasa-earth-cloud-drift 96s linear infinite;
  transform-origin: 0 0;
  transform-box: fill-box;
}

@keyframes nabhasa-earth-rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes nabhasa-earth-cloud-drift {
  from { transform: rotate(0deg); }
  to { transform: rotate(-360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .nabhasa-earth-continents,
  .nabhasa-earth-clouds {
    animation: none;
  }
}


/* Nabhasa realistic Earth and SVG zoom controls */
.sky-view-controls {
  display: flex !important;
  position: static !important;
  transform: none !important;
  margin: 12px auto 0 !important;
  width: fit-content;
}

.sky-clock-svg {
  transform-origin: 50% 50%;
  transition: transform 180ms ease-out;
}

.nabhasa-earth-core-layer {
  pointer-events: none;
}

.nabhasa-earth-texture-drift {
  animation: nabhasa-earth-texture-drift 90s linear infinite;
  transform-origin: 0 0;
}

.nabhasa-earth-clouds {
  animation: nabhasa-earth-cloud-drift 120s linear infinite;
  transform-origin: 0 0;
}

@keyframes nabhasa-earth-texture-drift {
  from { transform: translateX(0); }
  to { transform: translateX(-284px); }
}

@keyframes nabhasa-earth-cloud-drift {
  from { transform: translateX(0); }
  to { transform: translateX(80px); }
}

@media (prefers-reduced-motion: reduce) {
  .nabhasa-earth-texture-drift,
  .nabhasa-earth-clouds {
    animation: none;
  }
}


/* Nabhasa controls under chart */
.sky-clock-frame {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px;
  overflow: hidden;
}

.sky-clock-viewport {
  order: 1;
}

.sky-view-controls {
  order: 2;
  display: flex !important;
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 10px auto 0 !important;
  width: fit-content;
  z-index: 5;
}

@media (max-width: 768px) {
  .sky-clock-frame {
    gap: 10px;
  }

  .sky-view-controls {
    margin-top: 8px !important;
  }
}


/* Nabhasa zoom-safe frame and calmer sign labels */
.sky-clock-frame {
  overflow: visible !important;
  padding-block: 42px 22px;
}

.sky-clock-viewport {
  overflow: visible !important;
}

.sky-clock-svg {
  overflow: visible !important;
}

.sky-sign-label {
  font-size: 15px !important;
  font-weight: 700;
  fill: rgba(186, 177, 154, 0.58) !important;
  stroke: rgba(1, 5, 8, 0.68);
  stroke-width: 1.7px;
  paint-order: stroke fill;
}

@media (max-width: 768px) {
  .sky-clock-frame {
    min-height: min(128vw, 510px) !important;
    padding-block: 54px 34px;
  }

  .sky-clock-viewport {
    width: min(88vw, 350px) !important;
  }

  .sky-sign-label {
    font-size: 16px !important;
    fill: rgba(186, 177, 154, 0.52) !important;
    stroke: rgba(1, 5, 8, 0.72);
    stroke-width: 1.8px;
  }
}

@media (max-width: 430px) {
  .sky-clock-frame {
    min-height: min(132vw, 500px) !important;
    padding-block: 58px 36px;
  }

  .sky-sign-label {
    font-size: 17px !important;
  }
}


/* Nabhasa zoom + pan behavior */
.sky-clock-frame {
  overflow: visible !important;
  padding-block: 72px 52px !important;
}

.sky-clock-viewport {
  overflow: hidden !important;
  border-radius: 50%;
  touch-action: pan-y;
}

.sky-clock-viewport.is-zoomed {
  cursor: grab;
  touch-action: none;
}

.sky-clock-viewport.is-panning {
  cursor: grabbing;
}

.sky-clock-svg {
  transform-origin: 50% 50%;
  transition: transform 180ms ease-out;
  will-change: transform;
}

.sky-clock-viewport.is-panning .sky-clock-svg {
  transition: none;
}

@media (max-width: 768px) {
  .sky-clock-frame {
    min-height: min(148vw, 570px) !important;
    padding-block: 78px 58px !important;
  }
}

@media (max-width: 430px) {
  .sky-clock-frame {
    min-height: min(154vw, 560px) !important;
    padding-block: 82px 62px !important;
  }
}


/* Nabhasa zoom fix: do not clip chart by circular viewport */
.sky-clock-frame {
  overflow: visible !important;
}

.sky-clock-viewport {
  overflow: visible !important;
  border-radius: 0 !important;
}

.sky-clock-svg {
  overflow: visible !important;
}

.sky-clock-viewport.is-zoomed {
  cursor: grab;
}

.sky-clock-viewport.is-panning {
  cursor: grabbing;
}

@media (max-width: 768px) {
  .sky-clock-frame {
    min-height: min(165vw, 620px) !important;
    padding-block: 96px 78px !important;
  }
}

@media (max-width: 430px) {
  .sky-clock-frame {
    min-height: min(172vw, 620px) !important;
    padding-block: 104px 84px !important;
  }
}


/* Nabhasa mobile default chart scale and vertical placement */
@media (max-width: 768px) {
  .sky-workspace {
    padding-top: 88px !important;
  }

  .sky-clock-frame {
    min-height: auto !important;
    padding-block: 24px 52px !important;
    margin-top: -28px !important;
  }

  .sky-clock-viewport {
    width: min(94vw, 390px) !important;
    max-width: calc(100vw - 18px) !important;
  }

  .sky-view-controls {
    margin-top: 14px !important;
  }
}

@media (max-width: 430px) {
  .sky-workspace {
    padding-top: 84px !important;
  }

  .sky-clock-frame {
    padding-block: 18px 50px !important;
    margin-top: -34px !important;
  }

  .sky-clock-viewport {
    width: min(96vw, 390px) !important;
    max-width: calc(100vw - 12px) !important;
  }
}


/* Nabhasa mobile spacing final adjustment */
@media (max-width: 768px) {
  .sky-workspace {
    padding-top: 126px !important;
  }

  .sky-clock-frame {
    margin-top: -14px !important;
    padding-block: 18px 18px !important;
    min-height: auto !important;
  }

  .sky-view-controls {
    margin-top: 10px !important;
    margin-bottom: 0 !important;
  }

  .sky-graha-table-section {
    margin-top: 14px !important;
  }
}

@media (max-width: 430px) {
  .sky-workspace {
    padding-top: 122px !important;
  }

  .sky-clock-frame {
    margin-top: -10px !important;
    padding-block: 14px 14px !important;
  }

  .sky-view-controls {
    margin-top: 8px !important;
  }

  .sky-graha-table-section {
    margin-top: 12px !important;
  }
}


/* Nabhasa header burger menu */
.header-burger {
  display: none;
  width: 56px;
  height: 48px;
  border: 1px solid rgba(251, 244, 228, 0.28);
  border-radius: 999px;
  background: rgba(4, 8, 14, 0.58);
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
  cursor: pointer;
  padding: 0;
}

.header-burger span {
  width: 20px;
  height: 2px;
  border-radius: 999px;
  background: rgba(251, 244, 228, 0.92);
  transition: transform 180ms ease, opacity 180ms ease;
}

.site-header.is-menu-open .header-burger span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.site-header.is-menu-open .header-burger span:nth-child(2) {
  opacity: 0;
}

.site-header.is-menu-open .header-burger span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

@media (max-width: 768px) {
  .site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
  }

  .header-burger {
    display: flex !important;
  }

  .header-nav {
    position: absolute;
    top: calc(100% + 10px);
    right: 18px;
    left: 18px;
    display: none !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px;
    border: 1px solid rgba(251, 244, 228, 0.14);
    border-radius: 22px;
    background: rgba(4, 8, 14, 0.94);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.38);
    backdrop-filter: blur(18px);
  }

  .site-header.is-menu-open .header-nav {
    display: flex !important;
  }

  .header-nav a {
    display: block;
    padding: 13px 14px;
    border-radius: 16px;
    color: rgba(251, 244, 228, 0.9);
    text-decoration: none;
  }

  .header-nav a:hover,
  .header-nav a:focus-visible {
    background: rgba(208, 160, 87, 0.12);
    color: #fff7e6;
  }
}


/* Nabhasa title size adjustment */
@media (max-width: 768px) {
  .sky-heading h1,
  #sky-title {
    font-size: clamp(42px, 13vw, 62px) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.055em !important;
  }

  .sky-heading {
    gap: 8px !important;
  }
}

@media (max-width: 430px) {
  .sky-heading h1,
  #sky-title {
    font-size: clamp(38px, 12vw, 52px) !important;
    line-height: 0.94 !important;
  }
}


/* Nabhasa title size adjustment */
@media (max-width: 768px) {
  .sky-heading h1,
  #sky-title {
    font-size: clamp(42px, 13vw, 62px) !important;
    line-height: 0.92 !important;
    letter-spacing: -0.055em !important;
  }

  .sky-heading {
    gap: 8px !important;
  }
}

@media (max-width: 430px) {
  .sky-heading h1,
  #sky-title {
    font-size: clamp(38px, 12vw, 52px) !important;
    line-height: 0.94 !important;
  }
}


/* Nabhasa mobile title: force smaller */
@media (max-width: 768px) {
  body .sky-page .sky-heading h1,
  body .sky-page .sky-heading [data-sky-title],
  body .sky-page #sky-title {
    font-size: clamp(34px, 9vw, 42px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.04em !important;
    max-width: 94vw !important;
  }

  body .sky-page .sky-heading {
    margin-bottom: 8px !important;
  }

  body .sky-page .sky-updated {
    font-size: 18px !important;
    margin-top: 8px !important;
  }
}

@media (max-width: 430px) {
  body .sky-page .sky-heading h1,
  body .sky-page .sky-heading [data-sky-title],
  body .sky-page #sky-title {
    font-size: clamp(32px, 8.8vw, 38px) !important;
    line-height: 1.04 !important;
    letter-spacing: -0.035em !important;
  }

  body .sky-page .sky-updated {
    font-size: 17px !important;
  }
}


/* Nabhasa mobile title: 30% smaller */
@media (max-width: 768px) {
  body .sky-page .sky-heading h1,
  body .sky-page .sky-heading [data-sky-title],
  body .sky-page #sky-title {
    font-size: clamp(24px, 6.3vw, 29px) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.025em !important;
    max-width: 94vw !important;
  }

  body .sky-page .sky-heading {
    gap: 6px !important;
    margin-bottom: 6px !important;
  }

  body .sky-page .sky-updated {
    font-size: 16px !important;
    margin-top: 6px !important;
  }
}

@media (max-width: 430px) {
  body .sky-page .sky-heading h1,
  body .sky-page .sky-heading [data-sky-title],
  body .sky-page #sky-title {
    font-size: clamp(22px, 6vw, 26px) !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
  }

  body .sky-page .sky-updated {
    font-size: 15px !important;
  }
}


/* Nabhasa Sun rays */
.sky-sun-rays {
  pointer-events: none;
}

.sky-sun-rays line {
  stroke-linecap: round;
  filter: drop-shadow(0 0 5px rgba(255, 184, 54, 0.38));
}



/* Nabhasa moon phase row in graha table */
.sky-graha-table .sky-moon-phase-row td {
  display: table-cell !important;
  padding-top: 0;
  padding-bottom: 14px;
  color: rgba(251, 244, 228, 0.76);
  font-size: 0.92em;
  white-space: normal;
}

.sky-graha-table .sky-moon-phase-row span {
  color: rgba(208, 160, 87, 0.92);
  font-weight: 700;
}

@media (max-width: 768px) {
  .sky-graha-table .sky-moon-phase-row td {
    font-size: 13px;
    padding-top: 0;
    padding-bottom: 12px;
  }
}

/* Nabhasa Moon realistic phase */
.sky-moon-image {
  opacity: 0.98;
}

.sky-moon-phase-shadow {
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.3));
}

.sky-moon-rim {
  filter: drop-shadow(0 0 3px rgba(226, 233, 244, 0.18));
}

.sky-moon-shine {
  filter: blur(1px);
}

/* Clean realistic moon */
.sky-moon-disc {
  filter: drop-shadow(0 0 5px rgba(220, 228, 240, 0.16));
}

.sky-moon-craters {
  pointer-events: none;
}

.sky-moon-phase-shadow {
  filter: blur(0.35px);
}

.sky-moon-rim {
  filter: drop-shadow(0 0 2px rgba(220, 228, 240, 0.12));
}

.sky-moon-shine {
  filter: blur(1px);
}


/* Nabhasa textured Moon */
.sky-moon-image {
  opacity: 0.98;
  filter: contrast(1.08) brightness(0.96) saturate(0);
}

.sky-moon-phase-shadow {
  filter: blur(0.35px);
}

.sky-moon-rim {
  filter: drop-shadow(0 0 3px rgba(226, 233, 244, 0.16));
}

.sky-moon-shine {
  filter: blur(1px);
}


/* Nabhasa SEO copy */
.seo-subtitle {
  margin: 6px auto 0;
  max-width: 720px;
  color: rgba(251, 244, 228, 0.72);
  font-size: clamp(16px, 2.4vw, 20px);
  line-height: 1.45;
  text-align: center;
}

.sky-seo-section .sky-seo-links {
  color: rgba(251, 244, 228, 0.76);
}

.sky-seo-section a {
  color: #d0a057;
  text-decoration: none;
}

.sky-seo-section a:hover {
  text-decoration: underline;
}


/* Nabhasa star field background */
.sky-page {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 8%, rgba(54, 76, 112, 0.22), transparent 34%),
    radial-gradient(circle at 18% 24%, rgba(208, 160, 87, 0.08), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(107, 133, 184, 0.11), transparent 30%),
    #03070d;
}

.sky-page::before,
.sky-page::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

.sky-page::before {
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.72) 0 1px, transparent 1.4px),
    radial-gradient(circle, rgba(255, 244, 210, 0.42) 0 1px, transparent 1.5px),
    radial-gradient(circle, rgba(189, 207, 255, 0.36) 0 1px, transparent 1.4px);
  background-size: 92px 92px, 137px 137px, 211px 211px;
  background-position: 0 0, 31px 47px, 83px 19px;
  opacity: 0.34;
}

.sky-page::after {
  background:
    radial-gradient(circle at 50% 36%, rgba(255, 255, 255, 0.05), transparent 34%),
    radial-gradient(circle at 50% 48%, rgba(208, 160, 87, 0.045), transparent 42%),
    linear-gradient(to bottom, rgba(3, 7, 13, 0.22), rgba(3, 7, 13, 0.88));
  opacity: 0.9;
}

.sky-page > * {
  position: relative;
  z-index: 1;
}

.sky-clock-frame {
  background:
    radial-gradient(circle at 50% 50%, rgba(8, 15, 26, 0.36), rgba(3, 7, 13, 0.08) 62%, transparent 74%);
}

@media (max-width: 768px) {
  .sky-page::before {
    background-size: 82px 82px, 124px 124px, 190px 190px;
    opacity: 0.28;
  }

  .sky-page::after {
    opacity: 0.82;
  }
}


/* Nabhasa visible star field inside main shell */
.sky-shell {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 28%, rgba(24, 42, 72, 0.58), transparent 42%),
    radial-gradient(circle at 18% 18%, rgba(208, 160, 87, 0.13), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(124, 152, 210, 0.16), transparent 32%),
    linear-gradient(180deg, rgba(4, 8, 15, 0.96), rgba(2, 5, 10, 0.98));
}

.sky-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.95) 0 1.15px, transparent 1.8px),
    radial-gradient(circle, rgba(255, 232, 181, 0.72) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(180, 205, 255, 0.62) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(255, 255, 255, 0.46) 0 0.7px, transparent 1.2px);
  background-size:
    82px 82px,
    127px 127px,
    181px 181px,
    47px 47px;
  background-position:
    0 0,
    29px 41px,
    77px 19px,
    13px 27px;
  opacity: 0.7;
}

.sky-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.08), transparent 34%),
    radial-gradient(circle at 50% 48%, rgba(208, 160, 87, 0.06), transparent 44%),
    linear-gradient(to bottom, rgba(3, 7, 13, 0.12), rgba(3, 7, 13, 0.44));
}

.sky-shell > * {
  position: relative;
  z-index: 1;
}

.sky-stage,
.sky-graha-table-section,
.sky-info-section,
.sky-cta-section {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .sky-shell::before {
    opacity: 0.78;
    background-size:
      72px 72px,
      112px 112px,
      164px 164px,
      42px 42px;
  }
}


/* Nabhasa visible star field inside main shell */
.sky-shell {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 28%, rgba(24, 42, 72, 0.58), transparent 42%),
    radial-gradient(circle at 18% 18%, rgba(208, 160, 87, 0.13), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(124, 152, 210, 0.16), transparent 32%),
    linear-gradient(180deg, rgba(4, 8, 15, 0.96), rgba(2, 5, 10, 0.98));
}

.sky-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.95) 0 1.15px, transparent 1.8px),
    radial-gradient(circle, rgba(255, 232, 181, 0.72) 0 1px, transparent 1.7px),
    radial-gradient(circle, rgba(180, 205, 255, 0.62) 0 1px, transparent 1.6px),
    radial-gradient(circle, rgba(255, 255, 255, 0.46) 0 0.7px, transparent 1.2px);
  background-size:
    82px 82px,
    127px 127px,
    181px 181px,
    47px 47px;
  background-position:
    0 0,
    29px 41px,
    77px 19px,
    13px 27px;
  opacity: 0.7;
}

.sky-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.08), transparent 34%),
    radial-gradient(circle at 50% 48%, rgba(208, 160, 87, 0.06), transparent 44%),
    linear-gradient(to bottom, rgba(3, 7, 13, 0.12), rgba(3, 7, 13, 0.44));
}

.sky-shell > * {
  position: relative;
  z-index: 1;
}

.sky-stage,
.sky-graha-table-section,
.sky-info-section,
.sky-cta-section {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .sky-shell::before {
    opacity: 0.78;
    background-size:
      72px 72px,
      112px 112px,
      164px 164px,
      42px 42px;
  }
}


/* Nabhasa randomized soft star field */
.sky-shell {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 28%, rgba(24, 42, 72, 0.50), transparent 42%),
    radial-gradient(circle at 18% 18%, rgba(208, 160, 87, 0.10), transparent 28%),
    radial-gradient(circle at 82% 22%, rgba(124, 152, 210, 0.13), transparent 32%),
    linear-gradient(180deg, rgba(4, 8, 15, 0.97), rgba(2, 5, 10, 0.985));
}

.sky-shell::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 63.91% 61.88%, rgba(255, 226, 166, 0.28) 0 2.28px, transparent 4.32px),
    radial-gradient(circle at 37.84% 11.66%, rgba(255, 218, 230, 0.30) 0 2.34px, transparent 5.14px),
    radial-gradient(circle at 84.68% 37.6%, rgba(255, 226, 166, 0.28) 0 1.64px, transparent 4.5px),
    radial-gradient(circle at 81.61% 80.46%, rgba(255, 226, 166, 0.28) 0 2.05px, transparent 4.95px),
    radial-gradient(circle at 6.92% 35.57%, rgba(255, 226, 166, 0.28) 0 2.31px, transparent 5.58px),
    radial-gradient(circle at 69.73% 70.26%, rgba(255, 226, 166, 0.28) 0 1.48px, transparent 4.49px),
    radial-gradient(circle at 33.32% 43.71%, rgba(255, 218, 230, 0.30) 0 1.97px, transparent 3.99px),
    radial-gradient(circle at 69.02% 30.4%, rgba(255, 255, 255, 0.42) 0 2.35px, transparent 4.55px),
    radial-gradient(circle at 84.64% 21.16%, rgba(255, 255, 255, 0.42) 0 1.89px, transparent 5.01px),
    radial-gradient(circle at 10.45% 43.23%, rgba(255, 255, 255, 0.42) 0 1.37px, transparent 4.79px),
    radial-gradient(circle at 26.4% 53.81%, rgba(255, 218, 230, 0.30) 0 1.83px, transparent 5.66px),
    radial-gradient(circle at 3.2% 39.26%, rgba(193, 218, 255, 0.34) 0 2.26px, transparent 5.45px),
    radial-gradient(circle at 48.79% 51.16%, rgba(193, 218, 255, 0.34) 0 2.29px, transparent 5.23px),
    radial-gradient(circle at 38.79% 40.7%, rgba(255, 226, 166, 0.28) 0 2.08px, transparent 5.09px),
    radial-gradient(circle at 2.69% 26.32%, rgba(255, 255, 255, 0.42) 0 2.2px, transparent 6.11px),
    radial-gradient(circle at 50.61% 8.62%, rgba(255, 255, 255, 0.42) 0 2.18px, transparent 4.53px),
    radial-gradient(circle at 45.54% 22.97%, rgba(255, 255, 255, 0.42) 0 1.65px, transparent 4.88px),
    radial-gradient(circle at 46.61% 19.31%, rgba(255, 226, 166, 0.28) 0 2.11px, transparent 6.04px),
    radial-gradient(circle at 14.16% 78.85%, rgba(255, 235, 184, 0.66) 0 1.24px, transparent 2.06px),
    radial-gradient(circle at 38.18% 93.21%, rgba(255, 246, 218, 0.54) 0 0.72px, transparent 1.4px),
    radial-gradient(circle at 84.32% 20.73%, rgba(255, 207, 226, 0.58) 0 0.62px, transparent 1.82px),
    radial-gradient(circle at 11.41% 33.02%, rgba(255, 246, 218, 0.54) 0 1.34px, transparent 2.16px),
    radial-gradient(circle at 86.82% 60.0%, rgba(202, 222, 255, 0.52) 0 1.27px, transparent 2.34px),
    radial-gradient(circle at 80.42% 44.66%, rgba(255, 246, 218, 0.54) 0 0.76px, transparent 1.82px),
    radial-gradient(circle at 92.93% 21.75%, rgba(255, 255, 255, 0.82) 0 1.13px, transparent 2.02px),
    radial-gradient(circle at 95.64% 48.01%, rgba(255, 255, 255, 0.82) 0 1.26px, transparent 2.43px),
    radial-gradient(circle at 96.97% 20.35%, rgba(255, 246, 218, 0.54) 0 0.76px, transparent 1.79px),
    radial-gradient(circle at 62.52% 35.79%, rgba(202, 222, 255, 0.52) 0 1.16px, transparent 1.84px),
    radial-gradient(circle at 36.69% 19.62%, rgba(255, 207, 226, 0.58) 0 0.66px, transparent 1.62px),
    radial-gradient(circle at 84.17% 20.75%, rgba(255, 246, 218, 0.54) 0 0.93px, transparent 1.59px),
    radial-gradient(circle at 91.39% 19.84%, rgba(255, 255, 255, 0.82) 0 0.96px, transparent 1.75px),
    radial-gradient(circle at 8.47% 89.19%, rgba(255, 246, 218, 0.54) 0 1.03px, transparent 1.68px),
    radial-gradient(circle at 5.9% 69.01%, rgba(202, 222, 255, 0.52) 0 0.73px, transparent 1.47px),
    radial-gradient(circle at 48.53% 30.19%, rgba(222, 235, 255, 0.72) 0 0.8px, transparent 1.62px),
    radial-gradient(circle at 19.36% 21.02%, rgba(222, 235, 255, 0.72) 0 1.3px, transparent 2.29px),
    radial-gradient(circle at 40.69% 5.81%, rgba(255, 235, 184, 0.66) 0 1.28px, transparent 2.05px),
    radial-gradient(circle at 86.09% 86.87%, rgba(202, 222, 255, 0.52) 0 0.79px, transparent 1.66px),
    radial-gradient(circle at 22.46% 95.51%, rgba(255, 246, 218, 0.54) 0 0.91px, transparent 1.53px),
    radial-gradient(circle at 78.18% 82.77%, rgba(255, 207, 226, 0.58) 0 1.19px, transparent 2.32px),
    radial-gradient(circle at 42.96% 95.19%, rgba(255, 255, 255, 0.82) 0 0.79px, transparent 1.57px),
    radial-gradient(circle at 79.39% 67.79%, rgba(255, 207, 226, 0.58) 0 1.18px, transparent 2.12px),
    radial-gradient(circle at 3.56% 60.63%, rgba(202, 222, 255, 0.52) 0 0.88px, transparent 1.89px),
    radial-gradient(circle at 94.28% 54.19%, rgba(255, 246, 218, 0.54) 0 1.31px, transparent 1.92px),
    radial-gradient(circle at 86.49% 69.24%, rgba(255, 207, 226, 0.58) 0 0.62px, transparent 1.22px),
    radial-gradient(circle at 53.66% 59.71%, rgba(255, 207, 226, 0.58) 0 0.94px, transparent 1.77px),
    radial-gradient(circle at 54.91% 19.05%, rgba(255, 246, 218, 0.54) 0 0.9px, transparent 1.89px),
    radial-gradient(circle at 97.19% 17.72%, rgba(255, 255, 255, 0.82) 0 0.79px, transparent 1.35px),
    radial-gradient(circle at 55.79% 85.85%, rgba(255, 246, 218, 0.54) 0 0.79px, transparent 1.45px),
    radial-gradient(circle at 8.66% 3.79%, rgba(202, 222, 255, 0.52) 0 1.11px, transparent 2.27px),
    radial-gradient(circle at 31.7% 76.69%, rgba(255, 255, 255, 0.82) 0 0.5px, transparent 1.21px),
    radial-gradient(circle at 57.83% 76.85%, rgba(255, 207, 226, 0.58) 0 1.12px, transparent 1.85px),
    radial-gradient(circle at 20.67% 78.21%, rgba(222, 235, 255, 0.72) 0 1.34px, transparent 2.46px),
    radial-gradient(circle at 40.23% 83.58%, rgba(255, 235, 184, 0.66) 0 1.16px, transparent 2.15px),
    radial-gradient(circle at 26.82% 6.71%, rgba(222, 235, 255, 0.72) 0 1.15px, transparent 2.12px),
    radial-gradient(circle at 35.42% 71.2%, rgba(202, 222, 255, 0.52) 0 1.29px, transparent 2.51px),
    radial-gradient(circle at 17.83% 84.74%, rgba(255, 207, 226, 0.58) 0 0.85px, transparent 2.0px),
    radial-gradient(circle at 50.78% 18.93%, rgba(255, 255, 255, 0.82) 0 0.74px, transparent 1.52px),
    radial-gradient(circle at 14.03% 89.55%, rgba(202, 222, 255, 0.52) 0 1.31px, transparent 1.94px),
    radial-gradient(circle at 36.31% 78.69%, rgba(255, 235, 184, 0.66) 0 0.96px, transparent 2.05px),
    radial-gradient(circle at 86.75% 78.26%, rgba(255, 255, 255, 0.82) 0 0.82px, transparent 1.82px),
    radial-gradient(circle at 32.92% 73.18%, rgba(255, 235, 184, 0.66) 0 0.84px, transparent 2.02px),
    radial-gradient(circle at 6.39% 20.97%, rgba(255, 246, 218, 0.54) 0 1.12px, transparent 1.96px),
    radial-gradient(circle at 72.85% 61.14%, rgba(255, 255, 255, 0.82) 0 1.29px, transparent 2.4px),
    radial-gradient(circle at 76.35% 29.2%, rgba(255, 207, 226, 0.58) 0 0.7px, transparent 1.81px),
    radial-gradient(circle at 63.65% 32.71%, rgba(255, 246, 218, 0.54) 0 1.01px, transparent 2.02px),
    radial-gradient(circle at 87.68% 56.27%, rgba(222, 235, 255, 0.72) 0 0.92px, transparent 1.87px),
    radial-gradient(circle at 60.58% 55.06%, rgba(255, 235, 184, 0.66) 0 1.14px, transparent 2.26px),
    radial-gradient(circle at 42.0% 92.88%, rgba(255, 207, 226, 0.58) 0 0.57px, transparent 1.68px),
    radial-gradient(circle at 32.25% 71.58%, rgba(202, 222, 255, 0.52) 0 1.17px, transparent 1.91px),
    radial-gradient(circle at 21.87% 69.03%, rgba(255, 207, 226, 0.58) 0 1.03px, transparent 2.12px),
    radial-gradient(circle at 19.39% 5.69%, rgba(255, 235, 184, 0.66) 0 1.26px, transparent 2.16px),
    radial-gradient(circle at 86.53% 79.45%, rgba(255, 207, 226, 0.58) 0 0.62px, transparent 1.21px),
    radial-gradient(circle at 30.77% 5.01%, rgba(255, 255, 255, 0.82) 0 1.33px, transparent 2.07px),
    radial-gradient(circle at 63.77% 46.78%, rgba(202, 222, 255, 0.52) 0 0.65px, transparent 1.61px),
    radial-gradient(circle at 42.59% 91.97%, rgba(255, 235, 184, 0.66) 0 0.83px, transparent 1.84px),
    radial-gradient(circle at 24.06% 80.85%, rgba(255, 255, 255, 0.82) 0 0.54px, transparent 1.41px),
    radial-gradient(circle at 33.23% 53.12%, rgba(255, 235, 184, 0.66) 0 0.59px, transparent 1.36px),
    radial-gradient(circle at 52.34% 89.56%, rgba(255, 235, 184, 0.66) 0 0.6px, transparent 1.18px),
    radial-gradient(circle at 66.93% 78.04%, rgba(222, 235, 255, 0.72) 0 1.22px, transparent 2.2px),
    radial-gradient(circle at 38.75% 84.17%, rgba(202, 222, 255, 0.52) 0 0.66px, transparent 1.77px),
    radial-gradient(circle at 72.14% 26.2%, rgba(255, 235, 184, 0.66) 0 0.71px, transparent 1.54px),
    radial-gradient(circle at 19.64% 79.99%, rgba(255, 255, 255, 0.82) 0 0.99px, transparent 1.91px),
    radial-gradient(circle at 70.85% 45.39%, rgba(255, 235, 184, 0.66) 0 1.32px, transparent 2.03px),
    radial-gradient(circle at 83.58% 21.81%, rgba(255, 255, 255, 0.82) 0 1.31px, transparent 2.11px),
    radial-gradient(circle at 96.64% 35.17%, rgba(255, 207, 226, 0.58) 0 0.88px, transparent 1.47px),
    radial-gradient(circle at 56.34% 78.02%, rgba(255, 255, 255, 0.82) 0 1.0px, transparent 1.79px),
    radial-gradient(circle at 36.98% 84.26%, rgba(222, 235, 255, 0.72) 0 0.65px, transparent 1.51px),
    radial-gradient(circle at 90.74% 63.31%, rgba(202, 222, 255, 0.52) 0 0.73px, transparent 1.38px),
    radial-gradient(circle at 81.62% 68.7%, rgba(255, 207, 226, 0.58) 0 1.11px, transparent 1.83px),
    radial-gradient(circle at 49.27% 58.33%, rgba(255, 235, 184, 0.66) 0 0.84px, transparent 2.09px),
    radial-gradient(circle at 31.46% 16.48%, rgba(255, 235, 184, 0.66) 0 0.74px, transparent 1.39px),
    radial-gradient(circle at 37.5% 84.27%, rgba(202, 222, 255, 0.52) 0 0.62px, transparent 1.83px),
    radial-gradient(circle at 87.27% 37.24%, rgba(202, 222, 255, 0.52) 0 1.08px, transparent 2.14px),
    radial-gradient(circle at 80.89% 71.67%, rgba(255, 207, 226, 0.58) 0 1.18px, transparent 1.86px),
    radial-gradient(circle at 81.81% 70.75%, rgba(222, 235, 255, 0.72) 0 0.53px, transparent 1.38px),
    radial-gradient(circle at 62.62% 71.12%, rgba(255, 235, 184, 0.66) 0 0.62px, transparent 1.27px),
    radial-gradient(circle at 39.8% 5.96%, rgba(255, 207, 226, 0.58) 0 0.96px, transparent 2.2px),
    radial-gradient(circle at 46.53% 71.81%, rgba(255, 255, 255, 0.82) 0 0.96px, transparent 2.14px),
    radial-gradient(circle at 11.13% 66.37%, rgba(255, 255, 255, 0.82) 0 0.66px, transparent 1.64px),
    radial-gradient(circle at 29.43% 91.71%, rgba(255, 235, 184, 0.66) 0 1.27px, transparent 2.16px),
    radial-gradient(circle at 92.85% 9.2%, rgba(255, 255, 255, 0.82) 0 1.11px, transparent 1.81px),
    radial-gradient(circle at 45.15% 60.07%, rgba(255, 235, 184, 0.66) 0 0.67px, transparent 1.42px),
    radial-gradient(circle at 3.64% 86.23%, rgba(222, 235, 255, 0.72) 0 0.92px, transparent 2.1px),
    radial-gradient(circle at 2.21% 72.77%, rgba(222, 235, 255, 0.72) 0 0.8px, transparent 1.57px),
    radial-gradient(circle at 26.49% 80.14%, rgba(255, 255, 255, 0.82) 0 0.9px, transparent 1.52px),
    radial-gradient(circle at 46.19% 15.38%, rgba(255, 246, 218, 0.54) 0 1.29px, transparent 1.97px),
    radial-gradient(circle at 32.17% 78.95%, rgba(255, 207, 226, 0.58) 0 1.34px, transparent 2.11px),
    radial-gradient(circle at 49.56% 28.84%, rgba(255, 255, 255, 0.82) 0 0.72px, transparent 1.71px),
    radial-gradient(circle at 44.75% 28.25%, rgba(255, 235, 184, 0.66) 0 0.76px, transparent 1.73px),
    radial-gradient(circle at 56.74% 32.51%, rgba(255, 207, 226, 0.58) 0 0.52px, transparent 1.32px),
    radial-gradient(circle at 62.76% 94.14%, rgba(202, 222, 255, 0.52) 0 0.65px, transparent 1.9px),
    radial-gradient(circle at 43.39% 60.64%, rgba(202, 222, 255, 0.52) 0 0.75px, transparent 1.78px),
    radial-gradient(circle at 23.83% 54.34%, rgba(222, 235, 255, 0.72) 0 0.83px, transparent 1.86px),
    radial-gradient(circle at 53.92% 19.14%, rgba(255, 246, 218, 0.54) 0 1.05px, transparent 1.63px),
    radial-gradient(circle at 38.43% 56.81%, rgba(255, 255, 255, 0.82) 0 1.12px, transparent 2.3px),
    radial-gradient(circle at 83.54% 27.14%, rgba(255, 255, 255, 0.82) 0 0.54px, transparent 1.19px),
    radial-gradient(circle at 53.32% 91.1%, rgba(255, 235, 184, 0.66) 0 1.1px, transparent 2.26px),
    radial-gradient(circle at 83.05% 49.88%, rgba(222, 235, 255, 0.72) 0 0.94px, transparent 1.65px),
    radial-gradient(circle at 97.48% 3.18%, rgba(255, 246, 218, 0.54) 0 1.16px, transparent 2.37px),
    radial-gradient(circle at 80.18% 12.12%, rgba(202, 222, 255, 0.52) 0 0.57px, transparent 1.82px),
    radial-gradient(circle at 8.17% 57.18%, rgba(255, 207, 226, 0.58) 0 0.48px, transparent 1.7px),
    radial-gradient(circle at 49.93% 31.43%, rgba(255, 246, 218, 0.54) 0 0.48px, transparent 1.61px),
    radial-gradient(circle at 84.28% 68.16%, rgba(255, 246, 218, 0.54) 0 1.08px, transparent 1.72px),
    radial-gradient(circle at 91.61% 5.43%, rgba(202, 222, 255, 0.52) 0 0.73px, transparent 1.78px),
    radial-gradient(circle at 33.43% 18.53%, rgba(255, 235, 184, 0.66) 0 1.26px, transparent 1.94px),
    radial-gradient(circle at 17.6% 47.64%, rgba(255, 246, 218, 0.54) 0 0.5px, transparent 1.3px),
    radial-gradient(circle at 71.58% 29.32%, rgba(255, 235, 184, 0.66) 0 1.31px, transparent 2.26px),
    radial-gradient(circle at 17.42% 15.57%, rgba(255, 255, 255, 0.82) 0 0.94px, transparent 2.08px),
    radial-gradient(circle at 79.85% 58.53%, rgba(255, 246, 218, 0.54) 0 0.88px, transparent 2.0px),
    radial-gradient(circle at 92.24% 80.78%, rgba(255, 235, 184, 0.66) 0 0.65px, transparent 1.76px),
    radial-gradient(circle at 71.99% 19.77%, rgba(255, 235, 184, 0.66) 0 0.95px, transparent 2.02px),
    radial-gradient(circle at 80.78% 35.68%, rgba(222, 235, 255, 0.72) 0 0.86px, transparent 1.91px),
    radial-gradient(circle at 5.88% 58.03%, rgba(255, 207, 226, 0.58) 0 1.0px, transparent 2.24px);
  opacity: 0.96;
}

.sky-shell::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% 44%, rgba(255, 255, 255, 0.055), transparent 34%),
    radial-gradient(circle at 48% 50%, rgba(208, 160, 87, 0.045), transparent 44%),
    linear-gradient(to bottom, rgba(3, 7, 13, 0.06), rgba(3, 7, 13, 0.38));
}

.sky-shell > *,
.sky-stage,
.sky-graha-table-section,
.sky-info-section,
.sky-cta-section {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .sky-shell::before {
    opacity: 0.86;
  }
}


/* ===== Nabhasa final unified random star background ===== */

.sky-page {
  position: relative !important;
  min-height: 100vh;
  overflow-x: hidden;
  background:
    radial-gradient(circle at 50% 20%, rgba(28, 48, 82, 0.20), transparent 34%),
    radial-gradient(circle at 18% 20%, rgba(208, 160, 87, 0.07), transparent 26%),
    radial-gradient(circle at 84% 24%, rgba(110, 142, 210, 0.09), transparent 28%),
    linear-gradient(180deg, #040812 0%, #02060d 100%) !important;
}

.sky-page::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    radial-gradient(circle at 16.23% 35.51%, rgba(255,225,165,0.18) 0 1.6px, transparent 6.11px),
    radial-gradient(circle at 36.64% 76.99%, rgba(255,210,228,0.20) 0 1.31px, transparent 5.62px),
    radial-gradient(circle at 97.93% 19.56%, rgba(190,215,255,0.24) 0 2.22px, transparent 4.87px),
    radial-gradient(circle at 80.32% 36.55%, rgba(255,210,228,0.20) 0 1.36px, transparent 5.81px),
    radial-gradient(circle at 87.16% 44.97%, rgba(255,255,255,0.28) 0 2.32px, transparent 6.3px),
    radial-gradient(circle at 11.6% 26.7%, rgba(255,255,255,0.28) 0 1.79px, transparent 5.02px),
    radial-gradient(circle at 8.21% 70.99%, rgba(255,210,228,0.20) 0 1.96px, transparent 6.59px),
    radial-gradient(circle at 50.02% 63.55%, rgba(255,255,255,0.28) 0 1.78px, transparent 6.51px),
    radial-gradient(circle at 8.12% 71.69%, rgba(255,225,165,0.18) 0 2.13px, transparent 4.86px),
    radial-gradient(circle at 77.76% 81.4%, rgba(190,215,255,0.24) 0 2.34px, transparent 5.28px),
    radial-gradient(circle at 83.78% 74.4%, rgba(255,255,255,0.28) 0 2.35px, transparent 5.34px),
    radial-gradient(circle at 34.62% 45.24%, rgba(255,225,165,0.18) 0 1.95px, transparent 6.18px),
    radial-gradient(circle at 5.29% 27.64%, rgba(255,255,255,0.28) 0 1.62px, transparent 5.39px),
    radial-gradient(circle at 30.2% 36.75%, rgba(255,225,165,0.18) 0 2.09px, transparent 6.76px),
    radial-gradient(circle at 58.8% 19.96%, rgba(255,210,228,0.20) 0 1.41px, transparent 6.01px),
    radial-gradient(circle at 82.89% 58.15%, rgba(255,210,228,0.20) 0 1.43px, transparent 4.03px),
    radial-gradient(circle at 52.57% 50.34%, rgba(255,225,165,0.18) 0 1.39px, transparent 4.62px),
    radial-gradient(circle at 4.51% 34.11%, rgba(190,215,255,0.24) 0 1.26px, transparent 3.97px),
    radial-gradient(circle at 35.94% 59.97%, rgba(255,246,220,0.46) 0 0.7px, transparent 1.4px),
    radial-gradient(circle at 40.64% 56.81%, rgba(255,205,225,0.48) 0 1.18px, transparent 2.51px),
    radial-gradient(circle at 28.66% 27.05%, rgba(255,255,255,0.78) 0 1.19px, transparent 2.54px),
    radial-gradient(circle at 32.59% 46.02%, rgba(255,205,225,0.48) 0 1.1px, transparent 2.73px),
    radial-gradient(circle at 26.16% 31.62%, rgba(196,220,255,0.44) 0 1.16px, transparent 2.75px),
    radial-gradient(circle at 12.35% 47.98%, rgba(196,220,255,0.44) 0 0.84px, transparent 1.67px),
    radial-gradient(circle at 12.01% 29.31%, rgba(255,246,220,0.46) 0 0.65px, transparent 1.5px),
    radial-gradient(circle at 51.06% 39.1%, rgba(255,205,225,0.48) 0 1.34px, transparent 3.07px),
    radial-gradient(circle at 19.81% 32.16%, rgba(255,205,225,0.48) 0 0.66px, transparent 2.26px),
    radial-gradient(circle at 91.95% 88.74%, rgba(255,205,225,0.48) 0 1.02px, transparent 2.68px),
    radial-gradient(circle at 43.35% 86.35%, rgba(196,220,255,0.44) 0 0.82px, transparent 2.43px),
    radial-gradient(circle at 8.44% 5.49%, rgba(255,255,255,0.78) 0 1.36px, transparent 2.18px),
    radial-gradient(circle at 49.5% 6.05%, rgba(255,246,220,0.46) 0 1.24px, transparent 2.62px),
    radial-gradient(circle at 4.22% 42.85%, rgba(255,246,220,0.46) 0 0.93px, transparent 1.68px),
    radial-gradient(circle at 98.52% 19.95%, rgba(255,246,220,0.46) 0 1.23px, transparent 2.94px),
    radial-gradient(circle at 52.95% 39.22%, rgba(196,220,255,0.44) 0 1.29px, transparent 2.23px),
    radial-gradient(circle at 10.02% 35.2%, rgba(255,255,255,0.78) 0 0.91px, transparent 1.94px),
    radial-gradient(circle at 29.01% 60.45%, rgba(255,255,255,0.78) 0 1.24px, transparent 2.66px),
    radial-gradient(circle at 70.68% 63.76%, rgba(218,234,255,0.60) 0 1.21px, transparent 2.81px),
    radial-gradient(circle at 6.7% 86.35%, rgba(255,205,225,0.48) 0 1.43px, transparent 2.68px),
    radial-gradient(circle at 8.37% 73.67%, rgba(255,255,255,0.78) 0 0.72px, transparent 1.88px),
    radial-gradient(circle at 12.61% 61.03%, rgba(255,255,255,0.78) 0 1.42px, transparent 3.2px),
    radial-gradient(circle at 41.41% 40.86%, rgba(255,246,220,0.46) 0 1.33px, transparent 3.09px),
    radial-gradient(circle at 28.13% 86.03%, rgba(196,220,255,0.44) 0 0.82px, transparent 1.72px),
    radial-gradient(circle at 47.11% 43.75%, rgba(196,220,255,0.44) 0 1.21px, transparent 2.19px),
    radial-gradient(circle at 47.03% 18.08%, rgba(255,205,225,0.48) 0 0.66px, transparent 1.5px),
    radial-gradient(circle at 28.32% 16.91%, rgba(255,205,225,0.48) 0 1.42px, transparent 3.17px),
    radial-gradient(circle at 31.49% 17.12%, rgba(255,205,225,0.48) 0 0.97px, transparent 2.21px),
    radial-gradient(circle at 2.78% 58.75%, rgba(255,255,255,0.78) 0 0.78px, transparent 2.42px),
    radial-gradient(circle at 5.28% 20.32%, rgba(255,230,175,0.54) 0 0.78px, transparent 2.0px),
    radial-gradient(circle at 31.43% 41.63%, rgba(255,230,175,0.54) 0 1.24px, transparent 2.4px),
    radial-gradient(circle at 35.04% 26.6%, rgba(218,234,255,0.60) 0 1.27px, transparent 2.66px),
    radial-gradient(circle at 75.81% 50.2%, rgba(255,230,175,0.54) 0 0.93px, transparent 2.03px),
    radial-gradient(circle at 73.98% 23.94%, rgba(255,255,255,0.78) 0 1.4px, transparent 2.3px),
    radial-gradient(circle at 42.84% 78.24%, rgba(196,220,255,0.44) 0 1.4px, transparent 2.21px),
    radial-gradient(circle at 64.0% 7.68%, rgba(255,255,255,0.78) 0 0.62px, transparent 1.64px),
    radial-gradient(circle at 24.46% 58.64%, rgba(196,220,255,0.44) 0 1.42px, transparent 2.56px),
    radial-gradient(circle at 39.47% 61.82%, rgba(255,246,220,0.46) 0 0.99px, transparent 2.48px),
    radial-gradient(circle at 13.09% 18.34%, rgba(255,230,175,0.54) 0 0.58px, transparent 2.02px),
    radial-gradient(circle at 24.8% 22.08%, rgba(255,230,175,0.54) 0 1.06px, transparent 2.7px),
    radial-gradient(circle at 20.26% 75.64%, rgba(255,255,255,0.78) 0 1.15px, transparent 2.1px),
    radial-gradient(circle at 45.23% 27.17%, rgba(218,234,255,0.60) 0 1.29px, transparent 3.03px),
    radial-gradient(circle at 58.76% 17.91%, rgba(255,230,175,0.54) 0 0.91px, transparent 1.99px),
    radial-gradient(circle at 67.66% 66.01%, rgba(255,246,220,0.46) 0 0.83px, transparent 1.73px),
    radial-gradient(circle at 13.73% 20.45%, rgba(255,255,255,0.78) 0 0.49px, transparent 1.75px),
    radial-gradient(circle at 56.04% 40.96%, rgba(196,220,255,0.44) 0 1.45px, transparent 3.01px),
    radial-gradient(circle at 61.54% 47.84%, rgba(255,205,225,0.48) 0 0.73px, transparent 2.48px),
    radial-gradient(circle at 55.46% 45.91%, rgba(218,234,255,0.60) 0 0.45px, transparent 1.9px),
    radial-gradient(circle at 21.56% 25.25%, rgba(196,220,255,0.44) 0 0.46px, transparent 1.41px),
    radial-gradient(circle at 92.77% 79.97%, rgba(255,230,175,0.54) 0 0.9px, transparent 2.3px),
    radial-gradient(circle at 1.76% 28.61%, rgba(218,234,255,0.60) 0 0.85px, transparent 1.96px),
    radial-gradient(circle at 27.05% 90.08%, rgba(255,246,220,0.46) 0 0.75px, transparent 2.48px),
    radial-gradient(circle at 5.16% 28.87%, rgba(196,220,255,0.44) 0 1.19px, transparent 2.2px),
    radial-gradient(circle at 18.24% 51.65%, rgba(196,220,255,0.44) 0 0.65px, transparent 1.8px),
    radial-gradient(circle at 50.95% 83.91%, rgba(255,205,225,0.48) 0 0.8px, transparent 2.09px),
    radial-gradient(circle at 29.61% 27.5%, rgba(255,205,225,0.48) 0 1.06px, transparent 2.39px),
    radial-gradient(circle at 69.4% 58.12%, rgba(255,230,175,0.54) 0 0.89px, transparent 2.17px),
    radial-gradient(circle at 82.91% 55.16%, rgba(255,246,220,0.46) 0 0.47px, transparent 1.52px),
    radial-gradient(circle at 24.54% 23.51%, rgba(255,255,255,0.78) 0 1.28px, transparent 2.96px),
    radial-gradient(circle at 82.84% 22.85%, rgba(255,255,255,0.78) 0 0.68px, transparent 2.15px),
    radial-gradient(circle at 25.45% 7.66%, rgba(255,246,220,0.46) 0 0.61px, transparent 1.73px),
    radial-gradient(circle at 80.82% 89.23%, rgba(196,220,255,0.44) 0 1.36px, transparent 3.05px),
    radial-gradient(circle at 64.49% 71.9%, rgba(255,230,175,0.54) 0 0.87px, transparent 1.87px),
    radial-gradient(circle at 33.69% 56.27%, rgba(255,255,255,0.78) 0 1.21px, transparent 2.55px),
    radial-gradient(circle at 82.5% 63.77%, rgba(255,230,175,0.54) 0 1.43px, transparent 2.18px),
    radial-gradient(circle at 40.08% 66.41%, rgba(196,220,255,0.44) 0 0.83px, transparent 2.53px),
    radial-gradient(circle at 4.65% 14.5%, rgba(218,234,255,0.60) 0 1.2px, transparent 2.13px),
    radial-gradient(circle at 87.73% 19.07%, rgba(255,246,220,0.46) 0 1.45px, transparent 2.73px),
    radial-gradient(circle at 11.37% 83.8%, rgba(255,255,255,0.78) 0 0.77px, transparent 1.77px),
    radial-gradient(circle at 37.48% 43.79%, rgba(255,246,220,0.46) 0 0.76px, transparent 2.0px),
    radial-gradient(circle at 46.45% 73.51%, rgba(255,255,255,0.78) 0 1.05px, transparent 1.99px),
    radial-gradient(circle at 48.24% 51.54%, rgba(218,234,255,0.60) 0 0.54px, transparent 2.14px),
    radial-gradient(circle at 60.89% 92.98%, rgba(255,230,175,0.54) 0 0.9px, transparent 2.64px),
    radial-gradient(circle at 32.95% 42.14%, rgba(218,234,255,0.60) 0 0.52px, transparent 1.48px),
    radial-gradient(circle at 72.19% 91.52%, rgba(255,205,225,0.48) 0 0.67px, transparent 1.8px),
    radial-gradient(circle at 65.0% 39.46%, rgba(255,255,255,0.78) 0 1.02px, transparent 1.8px),
    radial-gradient(circle at 57.88% 72.37%, rgba(255,255,255,0.78) 0 0.65px, transparent 2.35px),
    radial-gradient(circle at 22.63% 72.44%, rgba(255,230,175,0.54) 0 1.42px, transparent 3.14px),
    radial-gradient(circle at 96.2% 42.41%, rgba(196,220,255,0.44) 0 1.27px, transparent 2.41px),
    radial-gradient(circle at 33.0% 11.77%, rgba(196,220,255,0.44) 0 0.85px, transparent 1.92px),
    radial-gradient(circle at 20.73% 51.72%, rgba(218,234,255,0.60) 0 0.57px, transparent 2.26px),
    radial-gradient(circle at 56.52% 67.07%, rgba(255,255,255,0.78) 0 1.24px, transparent 1.96px),
    radial-gradient(circle at 79.06% 27.56%, rgba(255,230,175,0.54) 0 0.55px, transparent 2.27px),
    radial-gradient(circle at 93.54% 49.38%, rgba(255,246,220,0.46) 0 0.51px, transparent 1.86px),
    radial-gradient(circle at 55.42% 37.51%, rgba(196,220,255,0.44) 0 1.16px, transparent 2.89px),
    radial-gradient(circle at 76.31% 29.47%, rgba(196,220,255,0.44) 0 0.75px, transparent 1.63px),
    radial-gradient(circle at 70.47% 76.32%, rgba(218,234,255,0.60) 0 1.31px, transparent 3.06px),
    radial-gradient(circle at 87.52% 39.08%, rgba(196,220,255,0.44) 0 0.95px, transparent 1.7px),
    radial-gradient(circle at 31.45% 18.95%, rgba(196,220,255,0.44) 0 0.77px, transparent 2.01px),
    radial-gradient(circle at 69.47% 33.67%, rgba(255,205,225,0.48) 0 0.46px, transparent 1.42px),
    radial-gradient(circle at 10.01% 13.79%, rgba(196,220,255,0.44) 0 1.21px, transparent 2.86px),
    radial-gradient(circle at 91.63% 42.02%, rgba(255,246,220,0.46) 0 1.04px, transparent 2.14px),
    radial-gradient(circle at 67.95% 86.86%, rgba(255,246,220,0.46) 0 1.15px, transparent 2.23px),
    radial-gradient(circle at 9.05% 66.12%, rgba(255,255,255,0.78) 0 1.0px, transparent 2.07px),
    radial-gradient(circle at 54.66% 11.92%, rgba(255,230,175,0.54) 0 1.1px, transparent 1.97px),
    radial-gradient(circle at 1.21% 27.11%, rgba(255,230,175,0.54) 0 0.97px, transparent 1.76px),
    radial-gradient(circle at 46.2% 56.76%, rgba(255,255,255,0.78) 0 1.44px, transparent 2.48px),
    radial-gradient(circle at 54.31% 16.92%, rgba(255,246,220,0.46) 0 0.48px, transparent 1.52px),
    radial-gradient(circle at 67.98% 22.12%, rgba(255,255,255,0.78) 0 1.3px, transparent 2.32px),
    radial-gradient(circle at 44.8% 78.64%, rgba(255,230,175,0.54) 0 1.33px, transparent 2.51px),
    radial-gradient(circle at 53.29% 92.48%, rgba(255,255,255,0.78) 0 0.96px, transparent 1.93px),
    radial-gradient(circle at 14.29% 49.26%, rgba(255,205,225,0.48) 0 1.05px, transparent 2.53px),
    radial-gradient(circle at 88.73% 13.91%, rgba(218,234,255,0.60) 0 1.18px, transparent 2.97px),
    radial-gradient(circle at 87.2% 33.49%, rgba(255,255,255,0.78) 0 0.53px, transparent 2.26px),
    radial-gradient(circle at 94.13% 59.6%, rgba(255,255,255,0.78) 0 0.47px, transparent 1.48px),
    radial-gradient(circle at 77.94% 81.57%, rgba(255,230,175,0.54) 0 1.35px, transparent 2.54px),
    radial-gradient(circle at 58.91% 95.89%, rgba(196,220,255,0.44) 0 0.72px, transparent 1.55px),
    radial-gradient(circle at 76.22% 79.37%, rgba(218,234,255,0.60) 0 0.63px, transparent 1.5px),
    radial-gradient(circle at 73.36% 10.59%, rgba(255,230,175,0.54) 0 0.53px, transparent 1.68px),
    radial-gradient(circle at 44.9% 47.12%, rgba(255,246,220,0.46) 0 1.12px, transparent 2.55px),
    radial-gradient(circle at 60.05% 11.46%, rgba(196,220,255,0.44) 0 0.8px, transparent 2.25px),
    radial-gradient(circle at 60.7% 71.62%, rgba(196,220,255,0.44) 0 0.79px, transparent 2.29px),
    radial-gradient(circle at 50.99% 11.84%, rgba(218,234,255,0.60) 0 1.02px, transparent 2.06px),
    radial-gradient(circle at 33.77% 61.65%, rgba(218,234,255,0.60) 0 0.64px, transparent 2.25px),
    radial-gradient(circle at 4.36% 33.71%, rgba(196,220,255,0.44) 0 0.87px, transparent 1.75px),
    radial-gradient(circle at 6.5% 73.98%, rgba(255,205,225,0.48) 0 0.49px, transparent 1.52px),
    radial-gradient(circle at 29.89% 36.14%, rgba(255,205,225,0.48) 0 0.67px, transparent 2.38px),
    radial-gradient(circle at 33.55% 40.51%, rgba(255,246,220,0.46) 0 0.57px, transparent 2.35px),
    radial-gradient(circle at 79.47% 81.56%, rgba(255,255,255,0.78) 0 0.52px, transparent 1.47px),
    radial-gradient(circle at 76.36% 41.23%, rgba(255,246,220,0.46) 0 0.56px, transparent 2.24px);
  opacity: 0.88 !important;
}

.sky-page::after {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  background:
    radial-gradient(circle at 50% 44%, rgba(255,255,255,0.045), transparent 34%),
    radial-gradient(circle at 50% 50%, rgba(208,160,87,0.035), transparent 42%),
    linear-gradient(to bottom, rgba(3,7,13,0.04), rgba(3,7,13,0.28));
}

/* Убираем прямоугольные внутренние подложки, которые дают неоднородный фон */
.sky-shell,
.sky-stage,
.sky-workspace,
.sky-clock-frame {
  background: transparent !important;
  box-shadow: none !important;
}

/* Отключаем старые звёздные слои внутри shell, чтобы не было наложения прямоугольником */
.sky-shell::before,
.sky-shell::after {
  content: none !important;
  display: none !important;
}

/* Контент поверх общего фона */
.sky-page > *,
.site-header,
.sky-shell,
.sky-stage,
.sky-graha-table-section,
.sky-info-section,
.sky-cta-section {
  position: relative;
  z-index: 1;
}

/* Очень мягкое свечение только за самой картой */
.sky-clock-viewport {
  position: relative;
}

.sky-clock-viewport::before {
  content: "";
  position: absolute;
  inset: 8%;
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
  background:
    radial-gradient(circle, rgba(108,146,214,0.09) 0%, rgba(208,160,87,0.035) 34%, transparent 68%);
  filter: blur(22px);
}

.sky-clock-svg {
  position: relative;
  z-index: 1;
}

@media (max-width: 768px) {
  .sky-page::before {
    opacity: 0.78 !important;
  }
}


/* ===== Nabhasa mobile composition final ===== */

@media (max-width: 768px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .sky-page {
    overflow-x: hidden !important;
  }

  /* Минимальный отступ от header до VEDASCOPE + H1 */
  .sky-workspace {
    padding-top: 0 !important;
    margin-top: 0 !important;
    overflow: visible !important;
  }

  .sky-shell {
    padding-top: 10px !important;
    overflow: visible !important;
    isolation: isolate;
  }

  /* Заголовок — верхний слой, без бокса */
  .sky-heading {
    position: relative !important;
    z-index: 60 !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: transparent !important;
    pointer-events: none;
  }

  .sky-heading::before,
  .sky-heading::after {
    content: none !important;
    display: none !important;
  }

  .sky-heading .eyebrow,
  #sky-title,
  [data-sky-title],
  .sky-updated,
  [data-sky-updated] {
    position: relative !important;
    z-index: 70 !important;
    text-shadow:
      0 2px 12px rgba(0, 0, 0, 0.9),
      0 0 34px rgba(3, 7, 13, 0.86);
  }

  #sky-title,
  [data-sky-title] {
    max-width: 96vw !important;
    margin: 8px 0 0 !important;
    font-size: clamp(38px, 10.8vw, 56px) !important;
    line-height: 1.02 !important;
    letter-spacing: -0.055em !important;
  }

  .sky-updated,
  [data-sky-updated] {
    margin-top: 14px !important;
  }

  /* Карта поднимается под заголовок и становится full-bleed */
  .sky-stage {
    position: relative !important;
    z-index: 1 !important;
    margin-top: -44px !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .sky-clock-frame {
    position: relative !important;
    z-index: 1 !important;
    width: 100vw !important;
    min-height: 128vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 0 26px !important;
    overflow: visible !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .sky-clock-viewport {
    position: relative !important;
    z-index: 1 !important;
    width: 118vw !important;
    height: 118vw !important;
    max-width: none !important;
    margin-left: -9vw !important;
    margin-right: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }

  .sky-clock-svg {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
  }

  .sky-view-controls {
    position: relative !important;
    z-index: 20 !important;
    margin-top: -18px !important;
  }

  .sky-status {
    position: relative !important;
    z-index: 5 !important;
  }

  .sky-graha-table-section {
    position: relative !important;
    z-index: 5 !important;
    margin-top: 24px !important;
  }
}

/* Узкие iPhone — чуть компактнее, чтобы карта не улетала слишком низко */
@media (max-width: 430px) {
  .sky-shell {
    padding-top: 6px !important;
  }

  .sky-stage {
    margin-top: -52px !important;
  }

  .sky-clock-frame {
    min-height: 122vw !important;
  }

  .sky-clock-viewport {
    width: 116vw !important;
    height: 116vw !important;
    margin-left: -8vw !important;
  }
}


/* ===== Nabhasa mobile composition lock ===== */

/*
  Фиксирует правильную мобильную композицию:
  - hero близко к header;
  - карта крупная;
  - карта по умолчанию в границах экрана;
  - заголовок поверх карты;
  - режим сохраняется до tablet/mobile preview width.
*/

@media (max-width: 1024px) {
  html,
  body {
    overflow-x: hidden !important;
  }

  .sky-page,
  .sky-workspace,
  .sky-shell,
  .sky-stage,
  .sky-clock-frame,
  .sky-clock-viewport {
    overflow: visible !important;
  }

  .sky-page {
    overflow-x: hidden !important;
  }

  .sky-workspace {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .sky-shell {
    padding-top: 6px !important;
    isolation: isolate;
  }

  .sky-heading {
    position: relative !important;
    z-index: 80 !important;
    margin: 0 !important;
    padding: 0 16px !important;
    background: transparent !important;
    pointer-events: none;
  }

  .sky-heading::before,
  .sky-heading::after {
    content: none !important;
    display: none !important;
  }

  .sky-heading .eyebrow,
  #sky-title,
  [data-sky-title],
  .sky-updated,
  [data-sky-updated] {
    position: relative !important;
    z-index: 90 !important;
    text-shadow:
      0 2px 12px rgba(0, 0, 0, 0.92),
      0 0 34px rgba(3, 7, 13, 0.88);
  }

  #sky-title,
  [data-sky-title] {
    margin-top: 8px !important;
  }

  .sky-stage {
    position: relative !important;
    z-index: 1 !important;
    margin-top: -44px !important;
    padding: 0 !important;
  }

  .sky-clock-frame {
    position: relative !important;
    z-index: 1 !important;
    width: 100vw !important;
    min-height: 118vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 0 24px !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .sky-clock-viewport {
    position: relative !important;
    z-index: 1 !important;
    width: 100vw !important;
    height: 100vw !important;
    max-width: none !important;
    margin: 0 auto !important;
    overflow: visible !important;
    border-radius: 0 !important;
  }

  .sky-clock-svg {
    width: 100% !important;
    height: 100% !important;
    overflow: visible !important;
  }

  .sky-view-controls {
    position: relative !important;
    z-index: 20 !important;
    margin-top: -10px !important;
  }

  .sky-graha-table-section {
    position: relative !important;
    z-index: 5 !important;
    margin-top: 20px !important;
  }
}

@media (max-width: 430px) {
  .sky-shell {
    padding-top: 4px !important;
  }

  .sky-stage {
    margin-top: -48px !important;
  }

  .sky-clock-frame {
    min-height: 114vw !important;
  }

  .sky-clock-viewport {
    width: 100vw !important;
    height: 100vw !important;
  }
}


/* ===== Nabhasa mobile composition lock: keep chart inside viewport ===== */

@media (max-width: 1024px) {
  .sky-clock-viewport {
    width: 96vw !important;
    height: 96vw !important;
  }

  .sky-clock-frame {
    min-height: 112vw !important;
  }
}


/* ===== Nabhasa: nakshatra labels + iPhone vertical tune ===== */

/* Чуть крупнее подписи накшатр на кольце */
.sky-clock-svg .sky-nakshatra-label,
.sky-clock-svg .sky-nakshatra-name,
.sky-clock-svg .nakshatra-label,
.sky-clock-svg .nakshatra-name,
.sky-clock-svg .sky-label-nakshatra,
.sky-clock-svg text[class*="nakshatra"],
.sky-clock-svg text[class*="Nakshatra"] {
  font-size: 1.08em !important;
  font-weight: 650 !important;
  letter-spacing: 0.01em !important;
}

/* iPhone / узкие мобильные: карту чуть ниже, текущую композицию сохраняем */
@media (max-width: 430px) {
  .sky-stage {
    margin-top: -30px !important;
  }

  .sky-clock-frame {
    min-height: 116vw !important;
  }
}


/* ===== Nabhasa: stronger nakshatra labels + lower iPhone chart ===== */

/* Увеличиваем именно подписи накшатр на SVG-кольце */
.sky-clock-svg text[class*="nakshatra"],
.sky-clock-svg text[class*="Nakshatra"],
.sky-clock-svg .sky-nakshatra-label,
.sky-clock-svg .sky-nakshatra-name,
.sky-clock-svg .nakshatra-label,
.sky-clock-svg .nakshatra-name,
.sky-clock-svg .sky-label-nakshatra,
.sky-clock-svg .sky-nakshatra-text,
.sky-clock-svg .sky-ring-label--nakshatra {
  font-size: 1.22em !important;
  font-weight: 720 !important;
  letter-spacing: 0.015em !important;
  opacity: 0.96 !important;
}

/* iPhone: карту ниже, чтобы она меньше залезала на заголовок */
@media (max-width: 430px) {
  .sky-stage {
    margin-top: -12px !important;
  }

  .sky-clock-frame {
    min-height: 124vw !important;
  }

  .sky-view-controls {
    margin-top: -4px !important;
  }
}


/* ===== Nabhasa: iPhone chart lower v2 ===== */

@media (max-width: 430px) {
  .sky-stage {
    margin-top: 4px !important;
  }

  .sky-clock-frame {
    min-height: 132vw !important;
  }
}


/* ===== Nabhasa: exact nakshatra label size + lower iPhone chart ===== */

/* Точный класс подписей накшатр в SVG */
.sky-clock-svg .sky-nak-label {
  font-size: 12px !important;
  font-weight: 720 !important;
  letter-spacing: 0.015em !important;
  opacity: 0.98 !important;
}

/* На мобильных делаем чуть крупнее, потому что SVG визуально уменьшается */
@media (max-width: 768px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 12px !important;
    font-weight: 760 !important;
  }
}

/* iPhone: карту ещё ниже */
@media (max-width: 430px) {
  .sky-stage {
    margin-top: 10px !important;
  }

  .sky-clock-frame {
    min-height: 136vw !important;
  }

  .sky-view-controls {
    margin-top: 2px !important;
  }
}



/* ===== Nabhasa: final nakshatra label style ===== */

.sky-clock-svg .sky-nak-label {
  font-size: 12px !important;
  font-weight: 720 !important;
  letter-spacing: 0.01em !important;
  fill: rgba(251, 245, 235, 0.92) !important;
  color: rgba(251, 245, 235, 0.92) !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 12px !important;
    fill: rgba(251, 245, 235, 0.92) !important;
    color: rgba(251, 245, 235, 0.92) !important;
  }
}


/* ===== Nabhasa: final nakshatra labels match sign labels ===== */

.sky-clock-svg .sky-nak-label {
  font-size: 12px !important;
  font-weight: 700 !important;
  fill: rgba(186, 177, 154, 0.58) !important;
  color: rgba(186, 177, 154, 0.58) !important;
  stroke: rgba(1, 5, 8, 0.68) !important;
  stroke-width: 1.7px !important;
  paint-order: stroke fill !important;
  letter-spacing: 0.015em !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 12px !important;
    fill: rgba(186, 177, 154, 0.52) !important;
    color: rgba(186, 177, 154, 0.52) !important;
    stroke: rgba(1, 5, 8, 0.72) !important;
    stroke-width: 1.8px !important;
  }
}

@media (max-width: 430px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 12px !important;
  }
}


@media (max-width: 768px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 11.6px !important;
  }
}

@media (max-width: 430px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 11.6px !important;
  }
}


@media (max-width: 768px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 11px !important;
  }
}

@media (max-width: 430px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 11px !important;
  }
}



/* ===== Nabhasa: final nakshatra label size 10.5px ===== */

.sky-clock-svg .sky-nak-label {
  font-size: 10.5px !important;
}

@media (max-width: 768px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 10.5px !important;
  }
}

@media (max-width: 430px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 10.5px !important;
  }
}


/* ===== Nabhasa: final nakshatra label size 10px ===== */

.sky-clock-svg .sky-nak-label {
  font-size: 10px !important;
}

@media (max-width: 768px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 10px !important;
  }
}

@media (max-width: 430px) {
  .sky-clock-svg .sky-nak-label {
    font-size: 10px !important;
  }
}



/* ===== Nabhasa: desktop heading header gap ===== */

@media (min-width: 1025px) {
  .sky-page {
    padding-top: 0 !important;
  }

  .sky-workspace {
    padding-top: 8px !important;
    margin-top: 0 !important;
  }

  .sky-shell {
    padding-top: 8px !important;
  }

  .sky-heading {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .sky-heading .eyebrow {
    margin-top: 0 !important;
  }
}