/* WEB-008: neutral black, charcoal surfaces, purple reserved for accents. */

body.d{background:#080808;color:#f6f6f6;--accent:#baa5ee}

.d header{background:#080808;border-bottom-color:#ffffff12}

.d .mock-badge{background:#101010;color:#aaa}

.d .hero{background:none;padding:40px 6% 25px;text-align:center}

.d .hero h1{font-size:clamp(48px,4.8vw,70px);margin:15px 0;line-height:1.04}

.d h1 em,.d h2 em{font-style:normal;color:#c0aaf0}

.d .hero>p{margin:0 auto;font-size:15px;color:#aaa}

.d .hero .actions{justify-content:center;margin:22px 0 14px}

.d .gallery{display:grid;grid-template-columns:.85fr 1.1fr .95fr 1.1fr .85fr;gap:13px;align-items:center;margin:30px auto 0;max-width:1200px}

.d .gallery .tile{height:190px;background:#111}

.d .gallery .tile:nth-child(even){height:225px}

.d .gallery .tile:nth-child(3){height:245px}

.d p,.d .subtle{color:#aaa}

.d .pill{background:#ffffff03;border-color:#ffffff1c;color:#ccc}

.d .kicker{color:#b9a4e2}

.d .cta{background:#baa5ee;color:#171020;box-shadow:none}

.d .cta.secondary{background:#ffffff05;color:#ddd;border-color:#ffffff26}

.d .strip{background:#0b0b0b;color:#aaa}

.d .d-transform,.d .d-app{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1280px;margin:auto;padding:65px 7%}

.d .d-transform h2,.d .d-app h2{font-size:clamp(32px,3.2vw,46px);line-height:1.12;letter-spacing:-1.8px}

.d .transform-panel{min-height:450px;border-radius:18px;background:#151515}

.d .hero-copy{padding:0}

.d .style-option{background:#141414;border-color:#ffffff20}

.d .style-option[aria-pressed=true]{border-color:#baa5ee}

.d .d-app{border-top:1px solid #ffffff10}

.d .phone-stage{min-height:480px}

.d .phone{width:220px;border-color:#2a2a2a;box-shadow:0 30px 75px #0009}

.d .phone-stage>.tile{width:150px;height:185px;left:-8px;top:25px}

.d .phone-stage>.tile.second{width:130px;height:165px;right:-4px;left:auto;bottom:35px;top:auto}

.d .phone-tag{background:#171717;border-color:#ffffff22;color:#ddd}

.d .steps{display:grid;gap:15px;margin:30px 0 0;font-size:12px;color:#bbb}

.d .steps span b{background:#ffffff09;color:#c4b0e9}

.d #game{border-top:1px solid #ffffff10;padding-block:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}

.d #game h2{font-size:30px;margin-bottom:12px}

.d #game p{font-size:13px;margin-bottom:0}

.d #game .cta{white-space:nowrap}

.d .cta-section{background:#121212;border-block:1px solid #ffffff14;padding:50px 20px;margin-top:0}

.d .cta-section h2{font-size:34px}

.d footer{color:#aaa;background:#080808}

.d .simplenav__shell{background:#161616aa;color:#ddd;border-color:#ffffff24}

.d .simplenav[data-expanded=true] .simplenav__shell{background:#151515}

.d [data-simplenav].simplenav-section--active{box-shadow:inset 0 0 0 1px #ffffff14}

.d dialog{background:#151515;border-color:#ffffff35}

.d .preview-note{color:#888}

@media(max-width:760px){.d .hero{padding:28px 22px 20px}.d .hero h1{font-size:44px;letter-spacing:-2px}.d .hero>p{font-size:13px}.d .gallery{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.d .gallery .tile{height:130px!important;border-radius:10px}.d .gallery .tile:nth-child(3){height:155px!important}.d .gallery .tile:nth-child(n+4){display:none}.d .gallery .tile span{font-size:8px;left:8px;bottom:8px}.d .hero .actions{gap:8px}.d .hero .cta{padding:12px 15px;font-size:11px}.d .d-transform,.d .d-app{display:flex;flex-direction:column-reverse;padding:40px 25px;gap:25px;align-items:stretch}.d .d-transform h2,.d .d-app h2{font-size:32px}.d .transform-panel{min-height:330px;aspect-ratio:1/1}.d .hero-copy p,.d .d-app p{font-size:13px}.d .phone-stage{min-height:420px;margin-inline:12px}.d .phone{width:185px}.d .phone-stage>.tile{width:115px;height:155px;left:-10px;top:24px}.d .phone-stage>.tile.second{width:110px;height:140px;right:-8px;bottom:20px}.d .d-app{flex-direction:column}.d .steps{gap:12px;font-size:11px;margin-top:22px}.d #game{display:block;padding:35px 25px}.d #game .cta{margin-top:20px}.d .cta-section h2{font-size:29px}}



/* WEB-010: production accessibility, app walkthrough and neutral system palette. */

:root{color-scheme:dark}.d #language{background:#171717;color:#ddd;border:1px solid #ffffff30;border-radius:8px;padding:9px;max-width:145px;font:11px inherit}.skip{position:fixed;top:8px;left:8px;transform:translateY(-150%);z-index:10000;background:#baa5ee;color:#111;padding:10px;border-radius:8px}.skip:focus{transform:none}

.d .app-screens{border-top:1px solid #ffffff15}.screens{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:28px}.screens figure{margin:0;padding:22px;background:#111;border:1px solid #ffffff17;border-radius:18px}.screens img{display:block;width:100%;max-width:205px;height:auto;margin:0 auto 24px;border-radius:16px}.screens b{font-size:15px}.screens p{font-size:13px}.d .three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px}.three article{border-top:1px solid #ffffff20;padding-top:18px}.three article>span{color:#b9a4e2;font-size:12px}.three h3{font-size:18px}.three p{font-size:13px}.faq{border-top:1px solid #ffffff15}.faq details{border-bottom:1px solid #ffffff20;padding:19px 0}.faq summary{cursor:pointer;font-size:16px}.faq p{font-size:14px;max-width:850px}.faq p a{text-decoration:underline;color:#c0aaf0}.d .preview-note,.feature-copy small{color:#999}.d dialog:not(.game-modal){width:min(420px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto}.d main>section{scroll-margin-top:20px}

@media(prefers-color-scheme:light){body.d{background:#101010}.d>header,.d>footer{background:#101010}.d .strip{background:#121212}.d .cta-section{background:#181818}}

@media(max-width:1000px){.d>header{gap:18px}.d>header nav{gap:15px}.d>header>.cta{display:none}}

@media(max-width:760px){.d>header{justify-content:space-between}.d #language{font-size:11px;max-width:132px}.screens,.d .three{grid-template-columns:1fr}.screens figure{display:grid;grid-template-columns:minmax(95px,145px) 1fr;gap:18px;align-items:center;padding:16px}.screens img{margin:0}.screens figcaption b{font-size:13px}.screens figcaption p{font-size:12px}.d .three{gap:10px}.d footer .footer-links{gap:15px}.d .d-transform,.d .d-app{padding-inline:25px}}

.d .phone img{height:auto}


/* WEB-012: official store badge, deliberately inactive until a URL is supplied. */
.d .play-download{display:inline-flex;flex-direction:column;align-items:center;align-self:center;gap:0;border:0;background:transparent;padding:0;color:#aaa;opacity:1;cursor:default;box-shadow:none;max-width:100%;margin:0}.play-download img{display:block;width:220px;max-width:100%;height:auto}.play-download span{font-size:10px;line-height:1.5}.d .actions{align-items:center}.d .cta-section .play-download{margin-inline:auto}.d .hero .play-download img{width:240px}.d .hero .actions{gap:18px}.d>header>a.cta{white-space:nowrap}
@media(max-width:760px){.d .hero .play-download img{width:205px}.d .hero .actions{gap:12px}.d .actions .play-download img{width:195px}.d>header>a.cta{display:none}}