@font-face{font-family:Outfit;src:url('./Outfit.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{color-scheme:dark;font-family:Outfit,system-ui,sans-serif;background:#0b151c;color:#eff4e9;font-size:18px;line-height:1.65}body{margin:0}a{color:#c6f77b;text-underline-offset:.2em}a:hover{color:#f1ffd8}a:focus-visible{outline:2px solid #ffc18e;outline-offset:6px;border-radius:2px}.wrap{max-width:58rem;padding:0 1.5rem;margin:auto}header{border-bottom:1px solid #2b3c45}header .wrap{min-height:5.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.7rem;color:#eff4e9;font-weight:650;text-decoration:none}.brand img{width:2.4rem;height:2.4rem;border-radius:.65rem}nav{display:flex;gap:1.35rem;font-size:.92rem}nav a{text-decoration:none;color:#8d9fa8}nav a[aria-current=page]{color:#c6f77b}main{padding:3.8rem 0 5rem}.eyebrow{font-size:.8rem;letter-spacing:.12em;font-weight:550;color:#c6f77b;margin:0 0 1rem}h1{font-size:clamp(2.3rem,5vw,3.7rem);line-height:1.1;letter-spacing:-.035em;font-weight:650;margin:0 0 1.6rem}h2{font-size:1.35rem;line-height:1.3;margin:2.3rem 0 .7rem;font-weight:600;color:#eff4e9}p{margin:.85rem 0;color:#bac8cb}.lead{font-size:1.3rem;color:#bac8cb;max-width:38rem;margin-bottom:2.3rem}.document{max-width:43rem}.document>p:first-of-type{font-size:.9rem;color:#8d9fa8}.choices{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2.6rem}.choice{display:block;border:1px solid #2b3c45;background:#14242d;border-radius:1rem;padding:1.4rem;text-decoration:none}.choice h2{margin:0 0 .65rem;color:#c6f77b}.choice p{font-size:1rem;line-height:1.5;margin:0;color:#bac8cb}.contact{display:inline-block;background:#c6f77b;color:#0b151c;font-weight:550;border-radius:.8rem;padding:.7rem 1.1rem;text-decoration:none;margin-top:1rem}.contact:hover{color:#0b151c;background:#dcffa9}footer{border-top:1px solid #2b3c45;color:#8d9fa8;font-size:.85rem;padding:1.6rem 0}footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.note{border-left:2px solid #c6f77b;padding-left:1.1rem;margin-top:2rem;color:#8d9fa8;font-size:.95rem}@media(max-width:560px){html{font-size:17px}header .wrap{align-items:flex-start;flex-direction:column;padding-top:1rem;padding-bottom:1rem;gap:.65rem}nav{gap:1.2rem}main{padding-top:2.5rem}.choices{grid-template-columns:1fr}footer .wrap{flex-direction:column}}@media(prefers-reduced-motion:no-preference){a{transition:color .15s,background .15s}}
/* Product landing page: shared with the dedicated subdomain and local path preview. */
.skip { position:absolute; left:16px; top:-100px; z-index:10; background:#def5a4; color:#10202a; padding:12px; border-radius:8px; }
.skip:focus { top:12px; }
.landing { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:64px; padding-top:62px; padding-bottom:72px; }
.landing h1 { font-size:clamp(3.4rem,6.5vw,6rem); letter-spacing:-.065em; line-height:1.02; margin:24px 0; }
.availability { display:inline-block; font-size:.86rem; border:1px solid #496657; border-radius:99px; padding:8px 13px; color:#d9eeae; }
.landing .lead { font-size:1.16rem; max-width:470px; line-height:1.7; }
.small-note { color:#a6b9bd; font-size:.87rem; margin-top:22px; }
.game-preview { margin:0; text-align:center; }
.game-preview img { display:block; width:auto; height:570px; max-width:100%; object-fit:contain; margin:auto; border-radius:26px; box-shadow:0 30px 80px #0005; }
.game-preview figcaption { color:#a6b9bd; font-size:.8rem; margin-top:18px; }
.play-section { border-top:1px solid #31454a; padding-top:64px; padding-bottom:64px; }
.play-section h2,.atelier h2,.help-section h2 { font-size:clamp(2rem,4vw,3.1rem); font-weight:500; letter-spacing:-.04em; line-height:1.12; }
.play-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; margin-top:45px; }
.feature-number { font-size:.76rem; letter-spacing:.09em; color:#cbe9a1; }
.play-grid h3 { font-size:1.32rem; font-weight:500; line-height:1.3; margin-top:18px; }
.play-grid p,.atelier p { color:#bacdd0; line-height:1.7; }
.atelier { display:grid; grid-template-columns:1fr 1fr; gap:65px; padding-top:52px; padding-bottom:52px; border-top:1px solid #31454a; border-bottom:1px solid #31454a; }
.help-section { padding-top:64px; padding-bottom:50px; }
.help-section .choice h3 { font-size:1.25rem; margin:0 0 12px; }
header nav a,footer a { display:inline-block; padding-top:10px; padding-bottom:10px; }
@media(max-width:740px) { .landing { grid-template-columns:1fr; gap:35px; padding-top:35px; } .landing h1 { font-size:clamp(3rem,11vw,4.6rem); } .game-preview img { height:460px; } .play-grid,.atelier { grid-template-columns:1fr; gap:25px; } .play-grid article { padding-bottom:20px; } .play-section,.help-section { padding-top:40px; padding-bottom:40px; } }

main:has(.landing) { padding-top:0; padding-bottom:35px; }