.landing-page{--top-bg:#0e151f;--top-ink:#f0ece5;--top-muted:#c6c7cb;--top-warm:#f8e3c4;background:var(--top-bg);color:var(--top-ink)}.landing-page .page-width{width:min(100% - clamp(32px,10vw,144px),1280px)}.landing-page :where(section,details)[id]{scroll-margin-top:1.5rem}.landing-page :where(a,button,summary):focus-visible{outline-offset:5px;outline:3px solid #dfaa69}.landing-page .hero{background:var(--top-bg);margin-top:-5.5rem;overflow:visible}.landing-page .hero__scene,.landing-page .final-cta__scene{pointer-events:none;position:absolute;inset:0}.landing-page .hero__scene img,.landing-page .final-cta__scene img{object-fit:cover;width:100%;height:100%}.landing-page .hero__scene img{object-position:center}.landing-page .hero:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#080f1c58,#0000 80%),linear-gradient(#0c14212b,#0000 75%,#0e151f80);position:absolute;inset:0}.landing-page .hero:after{display:none}.landing-page .hero__inner{flex-direction:column;align-items:flex-start;gap:0;min-height:clamp(44rem,62vw,56rem);padding-block:clamp(10rem,13vw,13rem) 6rem;display:flex}.landing-page .hero__copy{text-shadow:0 2px 18px #070a11;max-width:38rem;margin-left:7.5%}.landing-page .hero h1{letter-spacing:.09em;max-width:none;margin-bottom:1.6rem;font-size:clamp(2rem,3.2vw,3.2rem);font-weight:500;line-height:1.7}.landing-page .eyebrow,.landing-page .section-kicker{color:#c6c7ce;letter-spacing:.23em;font-size:.7rem;font-weight:700}.landing-page .eyebrow{margin-bottom:1.75rem}.landing-page .hero__lead{color:#e9dac4;margin-bottom:0;font-size:1.125rem;font-weight:500;line-height:1.95}.landing-page .hero__actions{flex-wrap:wrap;align-items:center;gap:2.25rem;margin-top:auto;padding-top:6rem;display:flex}.landing-page .button{letter-spacing:.035em;border-radius:2rem;gap:.7rem;min-height:3.25rem;padding:.8rem 1.75rem;font-size:.95rem;font-weight:700;transition:background-color .18s,transform .18s}.landing-page .button--primary{border-color:var(--top-warm);background:var(--top-warm);color:#252831;box-shadow:0 .3rem 1rem #0002}.landing-page .button--primary:hover{background:#fff0d9;transform:translateY(-1px)}.landing-page .hero__cta{min-height:4.5rem;margin-top:0;padding-inline:2.25rem;font-size:1.1rem}.landing-page .cta-icon{object-fit:contain;flex:none;width:1.35rem;height:.9rem}.landing-page .button>span{margin-left:.75rem}.landing-page .hero__how,.landing-page .text-link{color:#e9d3b3;text-underline-offset:.4rem;align-items:center;gap:.6rem;min-height:2.75rem;font-size:.85rem;display:inline-flex}.landing-page .hero__scroll{letter-spacing:.12em;justify-items:center;gap:.7rem;min-width:44px;min-height:44px;font-size:.6rem;text-decoration:none;display:grid;position:absolute;bottom:2rem;right:0}.landing-page .hero__scroll span{font-size:1.4rem}.landing-page .section{padding-block:clamp(3.5rem,6vw,6rem)}.landing-page .section-heading h2{letter-spacing:.045em;margin-bottom:1.75rem;font-size:clamp(1.6rem,2.8vw,2.5rem);font-weight:500;line-height:1.65}.landing-page .section-heading>p:not(.section-kicker){color:var(--top-muted);font-size:1.125rem;line-height:1.9}.landing-page .section-kicker{margin-bottom:1.5rem}.landing-page .about{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:4rem;padding-bottom:3.5rem;display:grid}.landing-page .about__links{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:1.75rem;display:flex}.landing-page .game-preview{border:1px solid #98887a;border-radius:.75rem;margin:0;overflow:hidden}.landing-page .game-preview img{width:100%;height:auto}.landing-page .features{padding-bottom:4.5rem}.landing-page .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:0}.landing-page .feature-card{text-align:center;background:#151c27;border:1px solid #3a414e;border-radius:.65rem;min-width:0;padding:1.75rem 1rem;transition:border-color .18s}.landing-page .feature-card:hover{border-color:#7b7368}.landing-page .feature-card>img{width:3rem;height:3rem;margin:0 auto 1rem}.landing-page .feature-card h3{margin-bottom:.5rem;font-size:1.15rem;font-weight:600}.landing-page .feature-card p{color:#b9bbc3;font-size:.9rem}.landing-page .love{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;display:grid}.landing-page .love__visual{min-width:0;margin:0}.landing-page .love__visual picture{height:100%;display:block}.landing-page .love__visual img{object-fit:cover;width:100%;height:100%}.landing-page .love__copy{align-self:center;max-width:none;padding:3rem clamp(2rem,4vw,4rem)}.landing-page .love__list{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.landing-page .love__list li{color:#d2d0d1;align-items:center;gap:1rem;font-size:1.05rem;display:flex}.landing-page .love__list img{flex:none;width:2rem;height:2rem}.landing-page .how{color:#202630;background:#e9e3d9;border-radius:1rem 1rem 0 0}.landing-page .how__heading{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.landing-page .how .section-kicker{color:#515865}.landing-page .how__heading>p{margin-bottom:1.9rem;font-size:.92rem}.landing-page .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:4.5rem;margin-top:2rem}.landing-page .step-card{min-width:0;display:block;position:relative}.landing-page .step-card__visual{aspect-ratio:1.6;box-shadow:none;border:1px solid #b4b0aa;border-radius:.6rem}.landing-page .step-card__visual img{aspect-ratio:1.6;object-fit:cover;width:100%;height:auto}.landing-page .steps__number{z-index:1;color:#282a31;background:#edc7a8;border-radius:50%;place-items:center;width:3rem;height:3rem;font-family:inherit;font-size:1.1rem;display:grid;position:absolute;top:-.9rem;left:-.9rem}.landing-page .step-card h3{letter-spacing:.04em;margin:1rem 0 .3rem;font-size:1rem}.landing-page .step-card p{color:#414650;font-size:.88rem}.landing-page .faq{background:0 0;border-top:1px solid #c7c1b8;margin-top:3rem;padding-top:2rem}.landing-page .faq h2{margin-bottom:1rem;font-size:1.15rem;font-weight:600}.landing-page .faq__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;max-width:none;margin:0}.landing-page .faq details{border-bottom:1px solid #c7c1b8;min-width:0}.landing-page .faq summary{cursor:pointer;min-height:44px;padding-block:.75rem;font-size:.86rem}.landing-page .faq details p{color:#414650;margin:.3rem 0 1rem;font-size:.85rem}.landing-page .progress{overflow:hidden}.landing-page .progress__inner{grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);align-items:center;gap:2rem;padding-block:3rem;display:grid}.landing-page .progress .button{margin-top:.5rem}.landing-page .progress__visual{min-width:0;margin:0 -5vw 0 0}.landing-page .progress__visual img{width:100%;height:auto}.landing-page .progress__visual figcaption{color:#b9bbc3;margin:.5rem 1rem 0;font-size:.7rem;line-height:1.65}.landing-page .final-cta{background:var(--top-bg);text-align:left;padding-block:0;position:relative}.landing-page .final-cta__scene img{object-position:center}.landing-page .final-cta:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 20%,#090f1d99 50%,#090f1d4d);position:absolute;inset:0}.landing-page .final-cta__inner{z-index:1;justify-content:flex-end;align-items:center;min-height:clamp(20rem,25vw,28rem);padding-block:3rem;display:flex;position:relative}.landing-page .final-cta__inner>div{width:53%}.landing-page .final-cta .section-kicker{color:#c6c7ce;margin-bottom:1rem}.landing-page .final-cta h2{letter-spacing:.06em;margin-bottom:1.25rem;font-size:clamp(1.75rem,2.8vw,2.5rem);font-weight:500;line-height:1.6}.landing-page .final-cta .button{margin-top:0}.landing-page .site-footer{background:#0b121c}.landing-page .keep-learning{background:#101923;padding-block:2.25rem 2rem}.landing-page .keep-learning .section-kicker{color:var(--top-warm);margin-bottom:.75rem}.landing-page .keep-learning h2{font-synthesis:weight;margin-bottom:.5rem;font-size:clamp(1.65rem,2.6vw,2.25rem);font-weight:700;line-height:1.4}.landing-page .keep-learning .section-heading>.keep-learning__lead{margin:0 0 1.375rem;font-size:1rem;line-height:1.65}.landing-page .keep-learning__phrase{max-width:100%;display:inline-block}.landing-page .learning-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.landing-page .learning-card{min-width:0;min-height:10.25rem;color:var(--top-ink);background:#131e29;border:1px solid #3a414e;border-radius:.5rem;grid-template-columns:5rem minmax(0,1fr);gap:1.5rem;padding:1.375rem 1.5rem;text-decoration:none;transition:background-color .18s,border-color .18s;display:grid}.landing-page .learning-card__icon{background:#242b30;border:1px solid #645745;border-radius:.65rem;align-self:start;place-items:center;width:5rem;height:5rem;display:grid;overflow:hidden}.landing-page .learning-card__icon img{object-fit:contain;width:100%;max-width:none;height:auto}.landing-page .learning-card__icon--romaji img{width:120%}.landing-page .learning-card__body{flex-direction:column;min-width:0;display:flex}.landing-page .learning-card h3{color:var(--top-warm);font-synthesis:weight;margin:0 0 .5rem;font-size:1.2rem;font-weight:700;line-height:1.4}.landing-page .learning-card p{color:var(--top-muted);margin:0;font-size:1rem;line-height:1.55}.landing-page .learning-card__footer{color:var(--top-warm);font-synthesis:weight;border-top:1px solid #3a414e;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.625rem;font-size:.85rem;font-weight:700;line-height:1.5;display:flex}.landing-page .learning-card__arrow{flex:none;font-size:1.5rem;font-weight:400;line-height:1;transition:transform .18s;display:inline-block}@media (hover:hover){.landing-page .learning-card:hover{background:#192531;border-color:#a58a67}.landing-page .learning-card:hover .learning-card__arrow{transform:translate(3px)}}@media (width<=1100px){.landing-page .hero{margin-top:0}.landing-page .hero__inner{min-height:42rem;padding-block:5rem 4rem}.landing-page .hero__copy{margin-left:0}.landing-page .about{gap:2rem}.landing-page .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-page .love__copy{padding:2.5rem 2rem}.landing-page .steps{gap:2rem}.landing-page .how__heading{display:block}}@media (width<=700px){.landing-page .page-width{width:calc(100% - 40px)}.landing-page .hero__scene img{object-position:56% center}.landing-page .hero:before{background:linear-gradient(#08101cc4,#08101c66 55%,#08101c33)}.landing-page .hero__inner{min-height:39rem;padding-block:3rem 4.5rem}.landing-page .hero__copy{max-width:100%}.landing-page .hero h1{letter-spacing:.04em;font-size:clamp(1.55rem,6vw,2.5rem);line-height:1.7}.landing-page .hero__lead{font-size:.92rem}.landing-page .hero__actions{gap:.5rem 1.25rem;padding-top:8rem}.landing-page .hero__cta{gap:.5rem;min-height:3.5rem;padding-inline:1rem;font-size:.8rem}.landing-page .hero__scroll{display:none}.landing-page .about{grid-template-columns:1fr;gap:2rem;padding-bottom:2.5rem}.landing-page .section-heading h2{font-size:1.65rem}.landing-page .section-heading>p:not(.section-kicker){font-size:.9rem}.landing-page .about__links{gap:.7rem 1.25rem}.landing-page .feature-grid{grid-template-columns:1fr;gap:.75rem}.landing-page .feature-card{padding:1.5rem}.landing-page .features{padding-bottom:3rem}.landing-page .love{grid-template-columns:1fr}.landing-page .love__visual img{height:auto}.landing-page .love__copy{max-width:none;padding:3rem 20px}.landing-page .love__list li{font-size:.85rem}.landing-page .how{border-radius:.75rem .75rem 0 0}.landing-page .how__heading>p{font-size:.85rem}.landing-page .steps{grid-template-columns:1fr;gap:2.5rem;padding-inline:.5rem}.landing-page .faq__list{grid-template-columns:1fr}.landing-page .progress__inner{grid-template-columns:1fr;gap:2rem;padding-block:3.5rem}.landing-page .progress__visual{margin:0}.landing-page .progress__visual figcaption{margin-inline:0}.landing-page .keep-learning{padding-block:2rem}.landing-page .keep-learning h2{font-size:1.5rem}.landing-page .keep-learning .section-heading>.keep-learning__lead{font-size:.9rem}.landing-page .learning-cards{grid-template-columns:1fr;gap:1rem}.landing-page .learning-card{grid-template-columns:3rem minmax(0,1fr);gap:.875rem;min-height:0;padding:1rem}.landing-page .learning-card__icon{border-radius:.5rem;width:3rem;height:3rem}.landing-page .learning-card h3{font-size:1rem}.landing-page .learning-card p{font-size:.875rem}.landing-page .final-cta__inner{align-items:flex-end;min-height:30rem;padding-block:2.5rem}.landing-page .final-cta__inner>div{width:100%}.landing-page .final-cta:after{background:linear-gradient(#0000 10%,#090f1dbf 60%)}.landing-page .final-cta__scene img{object-position:27% center}}@media (prefers-reduced-motion:reduce){.landing-page .button,.landing-page .feature-card{transition:none}.landing-page .button--primary:hover{transform:none}.landing-page .learning-card,.landing-page .learning-card__arrow{transition:none}.landing-page .learning-card:hover .learning-card__arrow{transform:none}}