:root{color-scheme:dark;--bg:#080c21;--panel:#121936;--panel2:#1b2449;--ink:#f6f4ff;--sub:#bfc6e1;--lilac:#ccb5ff;--line:rgba(211,211,255,.13);--max:1140px;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 74% -2%,#282051 0%,transparent 31%),linear-gradient(180deg,#0c102b 0%,#080b1d 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.65;overflow-x:hidden}a{color:#d9c6ff;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ddc9ff;outline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.15;letter-spacing:-.04em}h1{font-size:clamp(3rem,6.5vw,6rem);margin:.2em 0}h2{font-size:clamp(2rem,3.2vw,3.1rem);margin:.2em 0 1rem}h3{font-size:1.32rem;margin:.2em 0 .5rem}p{margin:.65rem 0 1.2rem}.wrap{width:min(var(--max),calc(100% - 2.4rem));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:12px;z-index:50;padding:12px;background:white;color:#10132b}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(8,12,33,.84);backdrop-filter:blur(18px)}.topbar{display:flex;align-items:center;min-height:84px;gap:32px}.brand{display:flex;align-items:center;gap:11px;font-size:1.36rem;font-weight:800;color:#fff;white-space:nowrap;letter-spacing:-.03em}.brand img{width:45px;height:45px}.nav-links{display:flex;align-items:center;gap:26px;margin-inline:auto}.nav-links a{font-size:.93rem;color:#e7e3fc}.nav-actions{display:flex;align-items:center;gap:10px}.lang-picker{position:relative}.lang-picker summary{cursor:pointer;border:1px solid var(--line);border-radius:40px;background:#1a2041;padding:8px 15px;list-style:none;white-space:nowrap}.lang-picker summary::-webkit-details-marker{display:none}.lang-grid{position:absolute;inset-inline-end:0;top:calc(100% + 10px);display:grid;grid-template-columns:repeat(2,minmax(108px,1fr));gap:2px;background:#172044;border:1px solid #56527d;border-radius:16px;padding:10px;box-shadow:0 18px 60px #0008;min-width:260px;max-height:70vh;overflow:auto}.lang-grid a{padding:8px;border-radius:9px;white-space:nowrap}.lang-grid a:hover,.lang-grid a[aria-current=page]{background:#33315c}.hero{display:grid;grid-template-columns:1fr .94fr;align-items:center;gap:64px;padding-block:86px 72px}.tag,.eyebrow{display:inline-block;color:#d5c0ff;font-size:.79rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.hero h1 span{color:#c4afff}.lead{font-size:clamp(1.06rem,1.6vw,1.23rem);color:var(--sub);line-height:1.8;max-width:590px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 22px;border:1px solid #a691ea;border-radius:999px;font-weight:700}.btn.primary{background:#d2baff;color:#17112e;border-color:#d2baff;box-shadow:0 9px 35px #8b62cc45}.btn.ghost{background:#1f2347;color:#f5eaff}.moon-card{position:relative;min-height:540px;border:1px solid #797bb349;border-radius:34px;overflow:hidden;background:#131b41;box-shadow:0 32px 90px #0008}.moon-card img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.moon-card:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#080b1f84)}.visual-label{position:absolute;z-index:2;inset-inline:25px;bottom:24px;background:#101735c9;padding:14px 17px;border:1px solid #c8c4ff56;border-radius:16px;backdrop-filter:blur(6px);font-size:.85rem;color:#e1dbf6}.visual-chip{position:absolute;z-index:2;inset-inline-start:25px;top:25px;padding:10px 15px;background:#e0c9ffec;color:#211339;border-radius:100px;font-weight:800;font-size:.86rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:70px}.card{background:linear-gradient(145deg,#192147,#111935);border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:220px}.card .glyph{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#4d3a81;color:#fff;font-size:1.65rem;margin-bottom:20px}.card h2{font-size:1.27rem;letter-spacing:-.02em}.card p{color:var(--sub);font-size:.97rem}.section{padding:68px 0;background:linear-gradient(180deg,#12173780,#11142a00)}.section .wrap>p{max-width:840px;color:var(--sub)}.pillrow{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.pill{padding:9px 16px;border:1px solid #65558a79;border-radius:99px;color:#efecff;background:#29224a66}.notice{border:1px solid #655b9c99;border-inline-start:4px solid #c4a5ff;padding:15px 22px;background:#2a204979;border-radius:12px;margin:25px 0}.notice p{margin:.3rem 0}.journey{padding:92px 0 76px}.journey .intro{color:var(--sub);max-width:650px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.step{border-top:1px solid #a58cdc5c;padding:26px 5px}.step .num{font-weight:800;color:#c8aafd;font-size:1.04rem}.step p{color:var(--sub)}.faq-section{padding:85px 0}.faq-section .faq-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:32px}.faq-list details{border:1px solid var(--line);background:#151b39;border-radius:16px;padding:18px 22px}.faq-list summary{cursor:pointer;font-weight:700}.faq-list details p{color:var(--sub);margin:12px 0 0}.download-banner{border:1px solid #aaa0d65b;border-radius:30px;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:radial-gradient(circle at 86% 25%,#514188,transparent 37%),linear-gradient(125deg,#221842,#111d3b);margin-bottom:90px}.download-banner p{color:var(--sub);max-width:650px}.coming{border:1px solid #c9b6ff88;background:#322958;color:#f8f4ff;padding:14px 20px;border-radius:100px;font-weight:800;white-space:nowrap}.site-footer{border-top:1px solid var(--line);padding:45px 0 55px;background:#070a1b}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-inner p{color:var(--sub);font-size:.84rem}.footer-links{display:flex;flex-wrap:wrap;gap:13px 20px;max-width:620px}.footer-links a{font-size:.88rem;color:#ddd5fc}.legal-shell{padding:76px 0 110px}.legal{max-width:845px;margin:0 auto}.legal h1{font-size:clamp(2.3rem,4vw,3.8rem);margin-bottom:24px}.legal h2{font-size:1.35rem;letter-spacing:-.02em;margin-top:35px}.legal p,.legal li{color:#d2d5e7}.legal .date{color:#aeb2d3}.legal ul{padding-inline-start:1.4rem}.legal a{text-decoration:underline;text-underline-offset:3px}.legal code{background:#27244d;padding:2px 6px;border-radius:5px;overflow-wrap:anywhere}.breadcrumbs{font-size:.88rem;color:#afaad1;margin-bottom:34px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[dir=rtl] .hero,[dir=rtl] .topbar{text-align:start}[dir=rtl] .visual-chip{inset-inline-start:25px}[dir=rtl] .nav-links{margin-inline:auto}@media(max-width:1000px){.topbar{gap:16px;flex-wrap:wrap;padding-block:12px}.nav-links{order:3;width:100%;justify-content:center;gap:22px}.nav-actions{margin-inline-start:auto}.hero{gap:32px}.moon-card{min-height:470px}}@media(max-width:760px){.wrap{width:min(100% - 32px,var(--max))}.hero{grid-template-columns:1fr;padding-block:56px 44px}.hero h1{font-size:clamp(2.65rem,10vw,4.5rem)}.moon-card{min-height:380px}.grid,.steps,.faq-section .faq-list{grid-template-columns:1fr}.card{min-height:0}.nav-links{overflow:auto;justify-content:start;padding:4px 0 10px;white-space:nowrap}.download-banner{padding:28px;display:block}.coming{display:inline-block;margin-top:12px;white-space:normal}.journey,.faq-section{padding-block:60px}.legal-shell{padding-top:45px}.footer-inner{display:block}.footer-links{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Official Stopododo Play Store visual, overlaid on the decorative moonlit scene */
.moon-card img.play-banner{position:absolute;z-index:1;inset:auto;inset-inline-start:12%;top:42%;width:76%;height:auto;object-fit:contain;border:1px solid #e9d8ff75;border-radius:16px;box-shadow:0 22px 65px #07061dcc;transform:rotate(-2deg)}@media(max-width:760px){.moon-card img.play-banner{top:40%;width:80%;inset-inline-start:10%}}

/* Premium graphic redesign: authentic application artwork and physical screenshots */
.site-header{background:rgba(8,11,31,.88);box-shadow:0 12px 45px #02041255}
.brand{letter-spacing:-.05em}.official-mark{border-radius:11px;box-shadow:0 3px 15px #ba92ff42}
.hero{min-height:690px;gap:54px;padding-block:96px 86px}
.hero h1{font-size:clamp(3.6rem,7vw,6.6rem);line-height:1.02;text-wrap:balance}
.hero .tag{padding:7px 13px;border:1px solid #a38ae75c;border-radius:99px;background:#2f255360;letter-spacing:.07em;font-size:.74rem}
.hero .lead{max-width:560px}
.hero-art{min-height:580px;background:#0d153a;isolation:isolate;box-shadow:0 20px 85px #0009,0 0 90px #8260df33}
.hero-art img.night-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.98;z-index:-1}
.hero-art:after{background:linear-gradient(0deg,#0c1337e8,transparent 55%);pointer-events:none}
.phone-shell{position:relative;background:#070a1a;border:7px solid #0a0d23;border-radius:38px;box-shadow:0 24px 65px #000a,0 0 0 2px #b6a0ea8a;overflow:hidden;padding:0;isolation:isolate}
.phone-shell img{width:100%;height:100%;display:block;object-fit:cover}
.phone-camera{position:absolute;z-index:2;top:10px;left:50%;transform:translateX(-50%);width:20%;height:8px;background:#0b0b1d;border-radius:100px}
.hero-phone{position:absolute;z-index:3;width:min(56%,275px);height:auto;aspect-ratio:230/500;top:10%;inset-inline-start:21%;transform:rotate(-5deg);box-shadow:0 36px 100px #000b,0 0 0 2px #d2b8ff88}
.hero .visual-chip{top:40px;background:#e8d7ff;box-shadow:0 8px 25px #0004}
.card{position:relative;transition:transform .2s,border-color .2s;overflow:hidden;background:radial-gradient(circle at 100% 0%,#3b2a6452,transparent 56%),linear-gradient(155deg,#182144,#111731)}
.card:hover{transform:translateY(-3px);border-color:#ab91eb88}
.icon-figure{display:grid;place-items:center;width:54px;height:54px;border:1px solid #c9b2ff55;border-radius:15px;background:linear-gradient(145deg,#6959b5,#382558);box-shadow:0 8px 22px #0004}
.icon-figure svg{width:28px;height:28px;color:#f4edff;stroke-linecap:round;stroke-linejoin:round}
.showcase-section{padding:95px 0 100px;background:linear-gradient(180deg,#0c112b,#1b1941 52%,#0f1531)}
.showcase-head{text-align:center;max-width:760px;margin:0 auto 42px}.showcase-head p{color:var(--sub);font-size:1.09rem}
.showcase-grid{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(340px,1.2fr);gap:24px;align-items:stretch}
.showcase-grid figure{margin:0;background:#111a38;border:1px solid #d1bdff34;border-radius:28px;min-height:510px;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:32px;position:relative;overflow:hidden}
.showcase-grid figure::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(50px);background:#8a63c63c;z-index:0}
.showcase-phone{z-index:1;width:182px;aspect-ratio:230/500;box-shadow:0 15px 45px #000b,0 0 0 2px #b7a2e157}
.showcase-grid figcaption{z-index:2;text-align:center;margin-top:30px}.showcase-grid strong{display:block;font-size:1.1rem}.showcase-grid small{display:block;color:var(--sub);margin-top:4px;font-size:.83rem}
.showcase-grid .poster-card img{z-index:1;display:block;width:min(100%,530px);height:auto;aspect-ratio:380/186;object-fit:contain;border-radius:16px;box-shadow:0 16px 55px #0008}
.premium-highlight{padding:80px 0;background:radial-gradient(circle at 85% 40%,#634a9e66,transparent 40%),linear-gradient(115deg,#1d1943,#101936)}
.premium-inner{display:grid;grid-template-columns:1fr .8fr;gap:36px;align-items:center}.premium-inner p{font-size:1.09rem;max-width:590px;color:#d1cfe6}.premium-inner img{max-width:100%;height:auto;border-radius:22px;box-shadow:0 20px 70px #0009}
.premium-price{display:inline-block;padding:10px 18px;border:1px solid #ccb7ff66;border-radius:99px;background:#6e59ad61;color:#e9deff;font-weight:750;font-size:.94rem}
.steps .step{background:#15193666;border-radius:18px;padding:25px;border:1px solid #9d89dc35}.steps .num{font-size:1.65rem;letter-spacing:-.03em}
@media(max-width:900px){.hero{min-height:0}.hero-art{min-height:490px}.showcase-grid{grid-template-columns:1fr}.premium-inner{grid-template-columns:1fr}}
@media(max-width:760px){.hero{padding-block:54px}.hero-art{min-height:410px}.hero-phone{width:min(58%,225px);top:8%;inset-inline-start:22%}.showcase-section{padding-block:68px}.showcase-grid figure{min-height:390px}.premium-highlight{padding-block:56px}}
@media(prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}

/* Three authentic app screenshots in portrait phones plus a complete official poster. */
.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.showcase-grid figure.screen-card{min-height:510px;padding:30px 16px}
.showcase-grid figure.poster-card{grid-column:1/-1;min-height:270px;display:grid;grid-template-columns:minmax(280px,1.4fr) 1fr;gap:28px;justify-content:space-around}
.showcase-grid figure.poster-card img{width:min(100%,630px)}
.showcase-grid .poster-card figcaption{margin:0;text-align:start}
.showcase-grid .screen-card figcaption{padding-inline:5px}
@media(max-width:850px){.showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-grid figure.poster-card{grid-template-columns:1fr;min-height:0}.showcase-grid figure.poster-card figcaption{text-align:center}}
@media(max-width:500px){.showcase-grid{grid-template-columns:1fr}.showcase-grid figure.screen-card{min-height:450px}}