.kana-seo-page{background:var(--paper);min-height:100dvh;color:var(--navy)}.kana-seo-hero{background:var(--navy);color:#fff;grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:48px;min-height:86dvh;padding:72px 60px 48px;display:grid}.kana-seo-hero-copy{max-width:680px}.kana-seo-kicker{color:var(--gold);letter-spacing:2.5px;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:900}.kana-seo-hero h1{font-family:var(--font-noto-serif-jp), "Noto Serif JP", serif;letter-spacing:0;margin:0;font-size:clamp(44px,8vw,86px);line-height:1.05}.kana-seo-hero-copy>p:not(.kana-seo-kicker){color:#ffffffc2;max-width:620px;margin:22px 0 0;font-size:17px;line-height:2}.kana-seo-cta-row{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.kana-seo-primary,.kana-seo-secondary{border-radius:7px;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;font-size:15px;font-weight:900;text-decoration:none;display:inline-flex}.kana-seo-primary{background:var(--red);color:#fff;box-shadow:0 14px 34px #00000040}.kana-seo-secondary{color:#ffffffc7;border:1px solid #ffffff2e}.kana-seo-chart{background:#fbf8eff5;border:1px solid #ffffff29;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:8px;padding:18px;display:grid;box-shadow:0 28px 78px #00000042}.kana-seo-chart span{aspect-ratio:1;color:var(--navy);font-family:var(--font-noto-serif-jp), "Noto Serif JP", serif;background:#1a27440d;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(22px,4vw,38px);font-weight:800;display:flex}.kana-seo-chart span.empty{background:0 0}.kana-seo-benefits,.kana-seo-guide,.kana-seo-faq,.kana-seo-practice{padding:82px 60px}.kana-seo-benefits{background:var(--paper);grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.kana-seo-benefits div,.kana-seo-steps div,.kana-seo-faq details{border:1px solid var(--border);background:#fff;border-radius:8px;padding:24px}.kana-seo-benefits span,.kana-seo-steps strong{color:var(--red);font-family:var(--font-dm-serif), "DM Serif Display", serif;font-size:30px;line-height:1}.kana-seo-benefits h2,.kana-seo-section-head h2{color:var(--navy);font-family:var(--font-noto-serif-jp), "Noto Serif JP", serif;letter-spacing:0;margin:12px 0 8px;font-size:30px;line-height:1.35}.kana-seo-benefits h2{font-size:20px}.kana-seo-benefits p,.kana-seo-section-head p:not(.kana-seo-kicker),.kana-seo-steps p,.kana-seo-faq p{color:var(--soft);margin:0;font-size:14px;line-height:1.9}.kana-seo-practice{background:var(--cream)}.kana-seo-section-head{text-align:center;max-width:760px;margin:0 auto 30px}.kana-seo-game-shell{border:1px solid var(--border-md);background:var(--paper);border-radius:18px;max-width:1080px;min-height:760px;margin:0 auto;overflow:hidden;box-shadow:0 18px 58px #1a27441f}.kana-seo-game-shell .game-shell{min-height:760px}.kana-seo-guide{background:var(--paper)}.kana-seo-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1120px;margin:0 auto;display:grid}.kana-seo-faq{background:var(--cream)}.kana-seo-faq details{max-width:820px;margin:10px auto}.kana-seo-faq summary{cursor:pointer;color:var(--navy);font-size:16px;font-weight:900;line-height:1.6}.kana-seo-faq details p{margin-top:12px}@media (max-width:960px){.kana-seo-hero{grid-template-columns:1fr;min-height:auto;padding:72px 24px 36px}.kana-seo-chart{max-width:520px}.kana-seo-benefits,.kana-seo-guide,.kana-seo-faq,.kana-seo-practice{padding:64px 24px}.kana-seo-benefits,.kana-seo-steps{grid-template-columns:1fr}}@media (max-width:640px){.kana-seo-hero{padding:52px 18px 30px}.kana-seo-hero h1{font-size:46px}.kana-seo-hero-copy>p:not(.kana-seo-kicker){font-size:15px}.kana-seo-cta-row{flex-direction:column}.kana-seo-primary,.kana-seo-secondary{width:100%}.kana-seo-chart{gap:5px;padding:10px}.kana-seo-benefits,.kana-seo-guide,.kana-seo-faq,.kana-seo-practice{padding:52px 18px}.kana-seo-game-shell,.kana-seo-game-shell .game-shell{min-height:720px}}