:root{--bg:#080c13;--ink:#edf3f8;--muted:#a2aebc;--accent:#bdeacb;--line:#ffffff17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.nav{height:108px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;inset:0 0 auto;z-index:3}.brand img{width:198px;height:65px;object-fit:contain}.nav-note{font-size:12px;color:#c0c7d1;letter-spacing:.07em}.nav-note i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:100%;margin-right:12px;box-shadow:0 0 15px #bdeacb80}.ghost{color:var(--ink);padding:12px 20px;border:1px solid #ffffff3a;border-radius:100px;background:#ffffff05}.ghost span{margin-left:24px}.hero{min-height:850px;position:relative;overflow:hidden;padding:196px 6% 58px;border-bottom:1px solid var(--line)}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#080c13 0%,#080c13e0 34%,#080c1340 73%),linear-gradient(0deg,#080c13 0%,transparent 60%),url('assets/hq.png') center right/cover;opacity:.85}.hero-copy{position:relative;z-index:2;max-width:790px}.eyebrow{font-size:10px;letter-spacing:.25em;color:var(--accent);font-weight:600;display:block}.line{display:inline-block;width:40px;height:1px;background:var(--accent);vertical-align:middle;margin-right:15px}h1{font-size:clamp(82px,8vw,130px);line-height:.96;letter-spacing:-.065em;font-weight:550;margin:37px 0 30px}h1 em{font-style:normal;color:var(--accent);font-weight:350}.intro{font-size:19px;line-height:1.7;color:#b8c2cd;margin-bottom:35px}.hero-actions{display:flex;align-items:center;gap:25px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;background:var(--accent);color:#142c21;padding:17px 23px;border:0;border-radius:8px;font-weight:600;font-size:13px;transition:transform .2s,background .2s}.primary:hover{background:#d6f7df;transform:translateY(-2px)}.quiet{background:none;color:#aebdc7;border:0;font-size:12px}.hero-caption{display:flex;align-items:flex-start;gap:80px;margin-top:90px;padding-top:24px;border-top:1px solid var(--line);width:550px;color:var(--muted);font-size:11px;line-height:1.7}.tiny{font-size:10px;letter-spacing:.15em;color:#bbc8d3}.mascot{position:absolute;width:min(40vw,570px);height:630px;object-fit:contain;right:4%;top:175px;filter:drop-shadow(0 35px 70px #0009);z-index:1;animation:float 9s ease-in-out infinite}.orbit{position:absolute;width:600px;height:600px;border:1px solid #bdeacb1c;border-radius:100%;right:6%;top:160px;transform:rotateX(45deg) rotateZ(-25deg)}.orbit-two{width:700px;height:700px;right:2%;top:95px;border-color:#ffffff0b}.vertical{position:absolute;right:2%;top:390px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.35em;color:#aeb7c6}.vision{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:100px 8%;align-items:center}.vision h2,.closing h2{font-size:clamp(34px,4vw,55px);line-height:1.1;letter-spacing:-.035em;font-weight:450;margin:20px 0}.vision>p{font-size:16px;color:var(--muted);line-height:1.9;max-width:480px}.windows{display:grid;grid-template-columns:1.25fr 1fr;gap:24px;padding:0 6% 100px}.feature{height:430px;position:relative;border-radius:18px;overflow:hidden;border:1px solid #ffffff19}.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.feature:hover img{transform:scale(1.035)}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050c15 0%,#050c1540 70%)}.feature>div{position:absolute;z-index:1;bottom:35px;left:35px;right:35px}.feature h3{font-size:33px;font-weight:450;letter-spacing:-.03em;margin:14px 0}.feature p{color:#b6c2ce;font-size:13px;max-width:360px;line-height:1.7}.closing{text-align:center;padding:80px 20px 115px;background:radial-gradient(ellipse at 50% 50%,#1a39282b,transparent 65%);border-top:1px solid var(--line)}.closing p{color:var(--muted);font-size:14px;line-height:1.8;margin:25px 0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:38px 6%;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}footer small{display:block;font-size:10px;line-height:1.7;margin-top:10px}.footer-brand{display:flex;align-items:center;gap:12px;color:#d3dfeb}.footer-brand img{height:48px;width:48px;object-fit:contain}.footer-brand strong{display:block;font-size:15px;letter-spacing:.17em}.footer-brand span{display:block;font-size:8px;letter-spacing:.14em;margin-top:5px}.text-button{border:0;background:none;color:var(--accent);padding:10px 0;font-size:12px}dialog{background:#101923;color:var(--ink);border:1px solid #40515d;border-radius:18px;width:min(520px,calc(100% - 32px));padding:40px;box-shadow:0 35px 120px #0008}dialog::backdrop{background:#03070ec9;backdrop-filter:blur(8px)}dialog h2{font-size:32px;font-weight:450;letter-spacing:-.04em}dialog p{font-size:13px;color:var(--muted);line-height:1.6}.close{float:right;color:var(--muted);background:none;border:0;font-size:26px;margin:-15px -15px 0 0}label{display:block;font-size:11px;color:#bbc6cf;margin:20px 0}input{display:block;width:100%;margin-top:8px;padding:13px;background:#071019;border:1px solid #ffffff26;border-radius:7px;color:var(--ink)}form>.primary{width:100%}.feedback{min-height:20px;color:#f2c695!important}.auth-fine{font-size:10px!important;border-top:1px solid var(--line);padding-top:18px}#private-area{max-width:1200px;padding:170px 6% 70px;margin:auto}.test-banner{border:1px solid #d8af6240;border-radius:10px;background:#d8af620b;color:#d8be8f;padding:15px;font-size:12px}.private-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:35px 0}.private-card{border:1px solid var(--line);border-radius:14px;padding:28px;background:#111b25}.private-card h3{font-size:24px;font-weight:450}.private-card p{color:var(--muted);line-height:1.8;font-size:13px}@keyframes float{50%{transform:translateY(-15px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:950px){.mascot{opacity:.3;right:-40px;width:53vw}.hero-copy{max-width:660px}.hero{min-height:800px}.vision{gap:6%;padding:65px 6%}.nav-note{display:none}}@media(max-width:600px){.nav{height:88px}.brand img{width:150px}.ghost{padding:10px 14px;font-size:11px}.ghost span{margin-left:10px}.hero{padding-top:158px;min-height:760px}.hero h1{font-size:82px}.intro{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.mascot{top:230px;right:-70px;width:340px;opacity:.22}.hero-caption{width:100%;gap:24px;margin-top:75px}.vision{grid-template-columns:1fr;gap:10px;padding:65px 6%}.windows{grid-template-columns:1fr;gap:20px;padding-bottom:65px}.feature{height:350px}.feature>div{left:25px;bottom:25px}.feature h3{font-size:28px}.closing{padding:65px 20px}.vertical{display:none}footer{align-items:flex-start;flex-wrap:wrap;padding:30px 6%}.private-grid{grid-template-columns:1fr}dialog{padding:28px}}

.private-title{font-size:60px}

.hero-copy>.eyebrow{font-size:21px;letter-spacing:.12em}.family-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:55px 8% 100px;border-top:1px solid var(--line)}.family-section h2{font-size:clamp(34px,4vw,55px);line-height:1.1;letter-spacing:-.035em;font-weight:450}.family-section p:not(.eyebrow){max-width:500px;color:var(--muted);font-size:15px;line-height:1.9}.family-status{font-size:11px;color:#9eb2a8}.family-visual{align-self:center;border:1px solid #bdeacb28;border-radius:18px;background:linear-gradient(125deg,#142725,#101923);padding:30px;box-shadow:0 25px 65px #0003}.family-top{display:flex;justify-content:space-between;color:var(--accent);font-size:9px;letter-spacing:.12em;margin-bottom:30px}.family-profile{display:flex;gap:18px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.avatar{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:15px;background:#bdeacb17;color:var(--accent);font-size:26px}.avatar.child{background:#809dff17;color:#aabaff}.family-profile strong{font-size:14px;font-weight:550}.family-profile small{display:block;color:var(--muted);font-size:11px;line-height:1.7;margin-top:6px}.family-line{margin-left:auto;color:var(--accent)}.family-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.family-tags span{font-size:10px;border:1px solid #ffffff17;padding:8px 12px;border-radius:100px;color:#bdc9d4}@media(max-width:600px){.hero-copy>.eyebrow{font-size:14px;letter-spacing:.1em}.hero-copy>.eyebrow .line{width:20px;margin-right:8px}.family-section{grid-template-columns:1fr;gap:25px;padding:45px 6% 65px}.family-visual{padding:24px}.family-section .eyebrow{font-size:9px;line-height:1.7}}@media(min-width:1900px){.nav,.hero{padding-left:calc((100vw - 1680px)/2);padding-right:calc((100vw - 1680px)/2)}.mascot{right:calc((100vw - 1680px)/2)}.vision,.windows,.family-section{max-width:1800px;margin-left:auto;margin-right:auto}.vertical{right:calc((100vw - 1800px)/2)}footer{padding-left:calc((100vw - 1680px)/2);padding-right:calc((100vw - 1680px)/2)}}

/* Neutral editorial direction: no game-specific scenery. */
:root{--bg:#171919;--ink:#f8f4ed;--muted:#b8b9b2;--accent:#e8b79d;--line:#f8f4ed1c}
.hero{min-height:850px}.hero-image{background:radial-gradient(ellipse at 85% 25%,#b0917750,transparent 45%),radial-gradient(ellipse at 55% 85%,#8b938926,transparent 40%),#171919;opacity:1}.intro{color:#c1c3ba}.primary{color:#35261e}.primary:hover{background:#f5cbb3}.nav-note{color:#c1c3ba}.nav-note i{box-shadow:none}.hero-copy{max-width:690px}h1{font-size:clamp(76px,7.5vw,118px)}.hero-caption{gap:50px}.quiet{color:#c4c5bd}
.everyday{position:absolute;width:470px;height:530px;right:5%;top:208px;z-index:1;transform:rotate(-3deg)}.scene-label{font-size:9px;letter-spacing:.18em;color:#d2c5b3;margin:0 0 20px 12px}.scene-card{border-radius:22px;box-shadow:0 20px 45px #0003;padding:28px;display:flex;flex-direction:column;gap:12px}.scene-card strong{font-size:30px;line-height:1.15;letter-spacing:-.035em;font-weight:550}.scene-card>span:last-of-type{font-size:12px;opacity:.75}.play{background:#e8b79d;color:#34271f;width:300px;height:330px}.scene-icon{font-size:36px}.color-tiles{display:flex;gap:10px;margin-top:auto}.color-tiles i{height:52px;width:65px;background:#ac7053;border-radius:12px;transform:rotate(-5deg)}.color-tiles i:nth-child(2){background:#f4dbc9;transform:rotate(5deg)}.color-tiles i:nth-child(3){background:#778177}.together{position:absolute;right:0;top:90px;background:#d5d4ed;color:#34314a;width:235px;transform:rotate(9deg)}.together strong{font-size:25px}.people{display:flex;margin-bottom:12px}.people i{display:grid;place-items:center;font-style:normal;font-size:14px;border:3px solid #d5d4ed;border-radius:100%;width:45px;height:45px;background:#897aab;color:white;margin-right:-9px}.people i:nth-child(2){background:#6c8184}.people i:nth-child(3){background:#b77763}.home{position:absolute;left:60px;bottom:35px;background:#c0cbb7;color:#303c2d;width:270px;transform:rotate(5deg)}.home strong{font-size:25px}.scene-note{position:absolute;bottom:0;right:20px;color:#bcbdb4;font-size:11px}.feature{background:#d6d7ca;color:#252b25;height:430px;border:0}.feature:nth-child(2){background:#dfd8cb;color:#342e26}.feature:after{display:none}.feature>div:not(.feature-art){z-index:2}.feature .tiny{color:#4e594a}.feature p{color:#51594e}.feature-art{position:absolute;inset:0 0 auto!important;height:230px;z-index:0!important;display:flex;align-items:center;justify-content:center;gap:20px}.community-art span{display:grid;place-items:center;width:94px;height:112px;border-radius:24px;background:#879680;color:#f3f4ed;font-size:52px;box-shadow:0 16px 30px #47543e20;transform:rotate(-9deg)}.community-art span:nth-child(2){background:#f3eee2;color:#879680;transform:translateY(-12px) rotate(7deg)}.community-art span:nth-child(3){background:#aaa18e;transform:rotate(12deg)}.device{width:210px;height:135px;border:8px solid #a39a87;border-radius:15px;background:#f2ede4;display:flex;align-items:flex-end;gap:13px;padding:23px;box-shadow:0 20px 40px #6b594122;transform:rotate(-5deg)}.device i{flex:1;border-radius:5px;background:#b3876d;height:35%}.device i:nth-child(2){height:65%;background:#c0cbb7}.device i:nth-child(3){height:85%;background:#9b98b4}.device i:nth-child(4){height:50%;background:#d5bc8b}.family-visual{background:linear-gradient(130deg,#32382f,#242827);border-color:#c0cbb73b}.family-status{color:#bec8b4}.family-top{color:#d0d7c7}.family-tags span{color:#c8cbbf}.closing{background:radial-gradient(ellipse at center,#b091771c,transparent 65%)}.footer-brand{color:#ece6dc}.private-card,dialog{background:#252a27}input{background:#181c1a}.feedback{color:#f2c695!important}
@media(min-width:1900px){.everyday{right:calc((100vw - 1680px)/2 + 50px)}}
@media(max-width:1150px){.everyday{right:-65px;transform:scale(.82) rotate(-3deg);opacity:.55}.hero-copy{max-width:650px;z-index:2}}
@media(max-width:800px){.hero{padding-bottom:50px;min-height:0}.everyday{position:relative;top:auto;right:auto;margin:55px auto 0;transform:rotate(-3deg);opacity:1;width:min(470px,100%)}.hero-copy{max-width:100%}.hero-caption{margin-top:55px}.hero h1{font-size:clamp(76px,12vw,110px)}.play{width:65%}.together{width:53%;padding:23px;right:0}.home{width:65%;left:8%;bottom:38px}.scene-card strong{font-size:27px}.scene-note{right:10px}.windows{grid-template-columns:1fr}.feature-art{height:200px}.feature>div:not(.feature-art){bottom:25px}.feature{height:420px}}

/* Brighter image-led revision, shared across the public landing page. */
:root{--bg:#f7f6f2;--ink:#192635;--muted:#5e6872;--accent:#224fe0;--line:#19263520}
.nav{position:relative;height:95px;background:#f7f6f2;border:0}.brand{background:#152331;border-radius:10px;padding:0 16px}.brand img{width:185px;height:56px}.nav-note{color:#616b75}.nav-note i{background:#224fe0}.ghost{border-color:#19263530;background:transparent;color:#192635}.hero{min-height:780px;padding-top:80px;background:#f0efe9;border:0;isolation:isolate}.hero-image{background:radial-gradient(ellipse at 5% 55%,#fce2d755,transparent 50%),#f0efe9;opacity:1}.hero-copy{max-width:650px}.hero-copy>.eyebrow{font-size:21px;letter-spacing:.11em;color:#244bce}.line{background:#244bce}h1{font-size:clamp(75px,7vw,112px);font-weight:600;line-height:1.03;letter-spacing:-.065em;margin:35px 0 25px}h1 em{color:#244bce;font-weight:500}.intro{color:#4b5966;font-size:18px}.primary{background:#224fe0;color:white;border-radius:100px;padding:18px 26px;box-shadow:0 8px 20px #224fe01c}.primary:hover{background:#173cc4}.quiet{color:#4b5966}.hero-caption{color:#68737d;border-color:#19263520;gap:50px;margin-top:70px}.tiny{color:#5e6872}.hero-photo{position:absolute;z-index:-1;right:0;top:0;width:62%;height:100%;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:64% center}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f0efe9 0%,#f0efe9e8 8%,#f0efe942 40%,transparent 70%)}.photo-caption{position:absolute;bottom:35px;right:35px;z-index:2;padding:13px 18px;border-radius:100px;background:#fffef1df;color:#273741;backdrop-filter:blur(16px);font-size:12px}.photo-dot{display:inline-block;width:7px;height:7px;background:#224fe0;border-radius:100%;margin-right:10px}.eyebrow{color:#244bce}.vision{padding-top:90px}.vision h2,.closing h2,.family-section h2{font-weight:550}.windows{gap:26px}.feature{background:#e4eaff;color:#192635;border-radius:25px;height:440px}.feature:nth-child(2){background:#ffe2d5;color:#192635}.feature .tiny{color:#304bb0}.feature p{color:#505f77}.community-art span{background:#224fe0;color:#f2f5ff;box-shadow:0 16px 30px #244bce20}.community-art span:nth-child(2){background:white;color:#224fe0}.community-art span:nth-child(3){background:#9cadf2;color:#152a71}.device{background:#fff8f1;border-color:#dfad95;box-shadow:0 20px 40px #9b553a25}.device i{background:#224fe0}.device i:nth-child(2){background:#ffad8d}.device i:nth-child(3){background:#9cadf2}.device i:nth-child(4){background:#69a7a1}.family-section{background:#ecefeb;gap:7%;padding-top:75px;max-width:none!important}.family-visual{background:white;color:#192635;border:1px solid #19263512;box-shadow:0 25px 75px #24324910;padding:35px}.family-top{color:#344b7d}.family-profile small{color:#69737d}.avatar{background:#e4eaff;color:#224fe0}.avatar.child{background:#ffe2d5;color:#a35d3e}.family-line{color:#244bce}.family-tags span{color:#566775;border-color:#19263520}.family-status{color:#727b79;font-size:11px;line-height:1.7;display:block;margin-top:22px}.family-benefits{margin-top:30px;max-width:520px}.family-benefits>div{position:relative;border-top:1px solid #19263515;padding:18px 0 16px 42px}.family-benefits>div>span{position:absolute;left:0;top:20px;font-size:11px;color:#244bce}.family-benefits strong{font-size:15px;font-weight:600}.family-benefits p{font-size:13px!important;line-height:1.6!important;margin:7px 0 0}.closing{background:#f7f6f2}.footer-brand{color:#192635}.footer-brand img{filter:drop-shadow(0 4px 5px #15233125)}.text-button{color:#244bce}.nav .ghost:hover{background:#e4eaff}.private-card{background:white}.test-banner{color:#7c5c20;background:#f6eacf}.auth-fine{color:#69737d}dialog{background:#f7f6f2;color:#192635;border-color:#19263530}dialog p,label{color:#566775}input{background:white;color:#192635;border-color:#19263530}.feedback{color:#a7492d!important}.close{color:#566775}
@media(min-width:1900px){.hero-photo{width:58%}.family-section{padding-left:calc((100vw - 1540px)/2);padding-right:calc((100vw - 1540px)/2)}}
@media(max-width:1100px){.hero-photo{width:73%;opacity:.9}.hero-photo:after{background:linear-gradient(90deg,#f0efe9 0%,#f0efe9e8 20%,#f0efe950 70%,transparent)}.hero-copy{max-width:650px}}
@media(max-width:800px){.hero{padding-top:45px;min-height:0;padding-bottom:0}.hero-photo{position:relative;width:calc(100% + 12.8%);margin:35px -6.4% 0;height:340px;z-index:0;opacity:1}.hero-photo:after{background:linear-gradient(0deg,transparent 75%,#f0efe9)}.hero-photo img{object-position:65% center}.hero h1{font-size:clamp(72px,12vw,100px)}.hero-caption{margin-top:45px}.photo-caption{right:20px;bottom:20px}.hero-copy>.eyebrow{font-size:14px}.nav{height:85px}.brand{padding:0 10px}.brand img{width:145px;height:45px}.family-section{padding-left:6%;padding-right:6%}}

.hero-image{z-index:-2}.hero-photo{z-index:-1}@media(max-width:800px){.hero-photo{z-index:0}}

.account-area{margin-top:64px}.account-area label{display:block;margin:16px 0;font-size:14px}.account-area input{box-sizing:border-box;width:100%;padding:12px;border:1px solid #b6c4d8;border-radius:10px;background:#fff;color:#15233b}.account-area dt{font-size:12px;color:#586780;margin-top:16px}.account-area dd{margin:4px 0;font-weight:600;overflow-wrap:anywhere}
.remember-login{display:flex;align-items:center;gap:10px;margin:18px 0;font-size:14px}.remember-login input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#2458ed}.auth-fine{line-height:1.6}