.dd-home.dd-sphere-preview .dd-hero { display:flex; justify-content:center; min-height:800px; padding:7rem 0 6rem; text-align:center; }
.dd-sphere-preview .dd-hero-shader,.dd-sphere-preview .dd-shader-toggle,.dd-sphere-preview .dd-hero .dd-system-map { display:none!important; }
.dd-sphere-preview .dd-hero-copy { position:relative; z-index:1; max-width:900px; }
.dd-home.dd-sphere-preview .dd-hero h1 { max-width:19ch; margin-inline:auto; font-size:clamp(3rem,5.8vw,5.1rem); text-shadow:0 3px 24px #080d19; }
.dd-home.dd-sphere-preview .dd-hero h1 > span { color:oklch(80% .12 295); }
.dd-home.dd-sphere-preview .dd-hero .dd-lede { max-width:52ch; margin-inline:auto; text-shadow:0 2px 8px #080d19; }
.dd-home.dd-sphere-preview .dd-hero .dd-actions { flex-direction:row; align-items:center; justify-content:center; gap:1rem 1.5rem; }
.dd-home.dd-sphere-preview .dd-hero-person { justify-content:center; text-align:left; }
.dd-sphere-preview .dd-hero .dd-button { background:oklch(79% .12 295); border-color:oklch(79% .12 295); color:#131123; }
.dd-sphere-preview .dd-hero .dd-eyebrow { color:oklch(83% .09 295); }
.dd-sphere-field { position:absolute; inset:0 calc((min(75rem, 100vw - 2rem) - 100vw)/2); overflow:hidden; pointer-events:none; z-index:0; background:radial-gradient(ellipse at center,#15132b 0%,#0b1113 72%); }
.dd-sphere-field::after { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at center,rgba(8,12,23,.72) 0%,rgba(8,12,23,.45) 28%,transparent 62%); }
.dd-sphere-scene { position:absolute; width:min(78vw,660px); aspect-ratio:1; left:50%; top:50%; transform:translate(-50%,-50%); perspective:1000px; }
.dd-sphere-orb { position:absolute; inset:0; transform-style:preserve-3d; transform:rotateX(25deg) rotateY(15deg) rotateZ(-18deg); animation:dd-sphere-turn 48s linear infinite; animation-play-state:paused; }
.dd-sphere-ring { position:absolute; inset:0; border-radius:50%; border:1px solid rgba(177,130,255,.85); box-shadow:0 0 20px rgba(146,84,255,.48),inset 0 0 26px rgba(146,84,255,.28); transform:rotateY(var(--ring-y)) rotateX(var(--ring-x)); }
.dd-sphere-preview[data-sphere-state="running"] .dd-sphere-orb { animation-play-state:running; }
.dd-sphere-toggle { position:absolute; z-index:2; right:0; bottom:1rem; min-height:44px; padding:.5rem .8rem; border:1px solid var(--dd-border); border-radius:4px; background:var(--dd-ink-900); color:var(--dd-paper-100); font:inherit; font-size:.78rem; cursor:pointer; }
.dd-sphere-toggle:focus-visible { outline:2px solid var(--dd-cyan-400); outline-offset:3px; }
.dd-sphere-toggle[hidden] { display:none; }
@keyframes dd-sphere-turn { from { transform:rotateX(25deg) rotateY(15deg) rotateZ(-18deg); } to { transform:rotateX(385deg) rotateY(375deg) rotateZ(-18deg); } }
@media(max-width:780px) {
 .dd-home.dd-sphere-preview .dd-hero { min-height:760px; padding:5rem 0 5rem; }
 .dd-sphere-scene { width:115vw; max-width:580px; }
 .dd-home.dd-sphere-preview .dd-hero h1 { font-size:clamp(2.65rem,8vw,3.8rem); }
 .dd-home.dd-sphere-preview .dd-hero .dd-actions { flex-direction:column; }
 .dd-sphere-preview .dd-hero-copy { width:100%; }
}
@media(prefers-reduced-motion:reduce) { .dd-sphere-orb { animation:none; } }

/* Combined preview: retain the existing teal Plasma beneath the purple sphere. */
.dd-sphere-preview.dd-sphere-with-background .dd-hero-shader,
.dd-sphere-preview.dd-sphere-with-background .dd-shader-toggle { display:block!important; }
.dd-sphere-with-background .dd-sphere-field { background:transparent; }
.dd-sphere-with-background .dd-sphere-field::after { background:radial-gradient(ellipse at center,rgba(11,17,19,.65),rgba(11,17,19,.25) 35%,transparent 65%); }
.dd-home.dd-sphere-with-background .dd-shader-toggle { right:auto; left:0; z-index:2; }
.dd-sphere-with-background .dd-shader-toggle[hidden] { display:none!important; }
@media(max-width:480px) { .dd-home.dd-sphere-with-background .dd-hero { padding-bottom:7rem; } }

/* Compact the approved hero below the mobile navigation. */
@media(max-width:780px) {
 .dd-home.dd-sphere-preview .dd-hero { min-height:0; padding-top:1rem; align-items:flex-start; }
}

.dd-home .dd-sphere-signature-row { position:relative; justify-content:center; margin-top:0; padding:1.5rem 0 2rem; background:var(--dd-ink-950); border-bottom:1px solid var(--dd-border); }
@media(max-width:780px) {
 .dd-home .mobile-menu-toggle { width:auto; min-width:72px; height:48px; padding:0 14px; align-items:center; justify-content:center; font-size:16px; font-weight:600; }
}

/* Owner-requested presentation: motion follows device preferences without visible controls. */
.dd-home.dd-sphere-preview .dd-hero .dd-shader-toggle,
.dd-home.dd-sphere-preview .dd-hero .dd-sphere-toggle { display:none!important; }