*{box-sizing:border-box}
html,body{margin:0;background:#08000c;color:#fff;font-family:"DM Sans",Arial,sans-serif}
body{min-height:100vh;background:
radial-gradient(circle at 15% 8%,rgba(255,47,159,.18),transparent 28%),
radial-gradient(circle at 88% 15%,rgba(132,43,255,.18),transparent 25%),#08000c}
.d-top{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem clamp(.85rem,3vw,2rem);background:rgba(8,0,12,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,151,208,.35)}
.d-brand{font-family:"Sacramento",cursive;font-size:2rem;color:#ff78bd;text-decoration:none}
.d-actions{display:flex;gap:.55rem;flex-wrap:wrap}
.d-actions a{padding:.62rem .82rem;border:1px solid rgba(255,151,208,.42);border-radius:999px;color:#fff;text-decoration:none;font-size:.79rem;font-weight:800}
.d-actions .real{background:linear-gradient(135deg,#ff2f9f,#8d26ff)}
.d-main{max-width:1220px;margin:auto;padding:clamp(1rem,4vw,3rem)}
.d-hero,.d-feature{overflow:hidden;border:1px solid rgba(255,145,205,.4);border-radius:28px;background:#110013;box-shadow:0 28px 80px rgba(0,0,0,.42)}
.d-hero{position:relative}
.d-hero img,.d-feature img{display:block;width:100%;height:auto;object-fit:contain}
.d-overlay{position:absolute;inset:auto 0 0;padding:clamp(1rem,4vw,3rem);background:linear-gradient(transparent,rgba(7,0,10,.95))}
.d-overlay small,.d-copy small,.d-panel small{color:#ffafd4;font-weight:800;letter-spacing:.13em}
.d-overlay h1{margin:.25rem 0;font-family:"Playfair Display",serif;font-size:clamp(3rem,8vw,7rem);line-height:.92}
.d-overlay em{font-family:"Sacramento",cursive;color:#ff78bd;font-weight:400}
.d-overlay p{max-width:780px;color:#efdae6;font-size:1.08rem;line-height:1.65}
.d-panel{margin-top:1rem;padding:clamp(1.2rem,4vw,2.3rem);border:1px solid rgba(255,145,205,.34);border-radius:24px;background:linear-gradient(145deg,#251027,#100012)}
.d-panel h2,.d-copy h2{margin:.25rem 0;font-family:"Playfair Display",serif;font-size:clamp(2rem,5vw,4rem)}
.d-panel p,.d-copy p{color:#dcc3d2;line-height:1.7}
.d-feature{margin-top:1rem}
.d-copy{padding:clamp(1rem,3vw,2rem)}
.d-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem}
.d-card{padding:1.15rem;border:1px solid rgba(255,145,205,.34);border-radius:21px;background:#120014}
.d-card span{font-size:2rem}.d-card h3{margin:.45rem 0}.d-card p{margin:0;color:#d7bdcc;line-height:1.6}
.d-nav{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}
.d-nav a{padding:.76rem .93rem;border:1px solid rgba(255,151,208,.42);border-radius:999px;color:#fff;text-decoration:none;font-weight:800}
.d-nav a.map{background:linear-gradient(135deg,#ff2f9f,#8d26ff)}
.sphere-stage{min-height:68vh;display:grid;place-items:center;text-align:center;padding:clamp(2rem,7vw,6rem);border:1px solid rgba(255,145,205,.4);border-radius:30px;background:
radial-gradient(circle at 50% 45%,rgba(255,64,176,.42),transparent 25%),
radial-gradient(circle at 50% 50%,rgba(130,50,255,.34),transparent 45%),#100012;overflow:hidden}
.sphere-orb{width:min(65vw,520px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:
radial-gradient(circle at 35% 30%,#fff,transparent 7%),
radial-gradient(circle at 50% 50%,#ff65bd,#8e2dff 58%,#1b001d 75%);
box-shadow:0 0 45px #ff4daf,0 0 110px rgba(168,56,255,.65);animation:orbPulse 3s ease-in-out infinite}
.sphere-orb strong{font-family:"Playfair Display",serif;font-size:clamp(2rem,6vw,5rem);text-shadow:0 0 18px #fff}
@keyframes orbPulse{50%{transform:scale(1.035);box-shadow:0 0 70px #ff4daf,0 0 150px rgba(168,56,255,.78)}}
@media(max-width:820px){.d-grid{grid-template-columns:1fr}.d-overlay{position:relative;background:linear-gradient(145deg,#1c071e,#0e0010)}}