:root{--red:#d83931;--ink:#20272b;--paper:#fff;--line:#e0e2df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1461c4;outline-offset:5px}header{max-width:1400px;margin:auto;height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:-.5px;font-size:19px}.mark{background:var(--red);color:white;border-radius:11px;display:grid;place-items:center;width:40px;height:40px;font-size:24px}nav{display:flex;align-items:center;gap:30px;font-size:14px}.small-cta{border:1px solid var(--ink);padding:9px 20px;border-radius:30px;font-weight:700}.hero{max-width:1400px;margin:auto;padding:38px 5% 76px;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:24px;color:var(--red)}h1{font-size:clamp(60px,7.6vw,110px);line-height:1;letter-spacing:-6px;margin:0 0 30px;font-weight:800}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--red)}.hero-copy>p{max-width:440px;font-size:18px;color:#5c6264;line-height:1.8}.download{display:inline-flex;align-items:center;gap:15px;background:var(--ink);color:white;padding:10px 26px;border-radius:12px;margin-top:22px;min-width:185px}.download small{display:block;font-size:12px;line-height:1.4}.download strong{font-size:25px;line-height:1.3;font-weight:500}.apple{font-size:26px}.availability{font-size:13px;color:#656b6e;display:block;margin-top:16px}.hero-note{display:flex;align-items:center;gap:16px;margin-top:48px}.hero-note>span{font-size:21px;letter-spacing:2px}.hero-note p{font-size:12px;border-left:1px solid var(--line);padding-left:16px;max-width:130px;line-height:1.5}.hero-art{position:relative;height:610px}.hero-art>img{width:100%;height:100%;object-fit:cover;border-radius:150px 150px 12px 12px;background:#e7eaf0}.photo-label{position:absolute;top:36px;right:28px;writing-mode:vertical-rl;color:white;text-shadow:0 1px 5px #333;font-size:32px;letter-spacing:8px}.photo-label span{font-size:11px;letter-spacing:2px;margin-right:12px}.floating{position:absolute;bottom:35px;left:-28px;background:white;border-radius:12px;padding:22px 30px;box-shadow:0 8px 40px #0002;display:grid;gap:8px}.floating strong{font-size:25px;line-height:1.2}.floating>span:last-child{font-size:12px;color:#656b6e}.red{color:var(--red);font-size:12px;letter-spacing:2px}.ticker{background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-around;gap:25px;padding:22px 5%;font-size:14px}.ticker b{font-size:24px}h2{font-size:clamp(36px,4vw,56px);line-height:1.13;letter-spacing:-2px;margin:0}section.discover{max-width:1400px;margin:auto;padding:100px 5%}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.section-top>p{max-width:360px;color:#646a6c}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.features article{border-top:1px solid var(--ink);padding-top:22px}.number{font-size:12px;letter-spacing:1px;color:var(--red);font-weight:bold}h3{font-size:25px;line-height:1.3;letter-spacing:-.7px}.features p{color:#62686a;font-size:16px}.sample,.custom-tip,.souvenir{margin-top:26px;border-radius:10px;padding:25px;min-height:200px;display:flex;flex-direction:column;justify-content:center;gap:8px;background:#f0f4f5}.sample small,.custom-tip>span{font-size:11px;letter-spacing:2px}.sample strong{font-size:23px}.sample>span{font-size:14px}.custom-tip{background:#eef2e7}.custom-tip strong{font-size:23px}.custom-tip p{margin:0;font-size:14px}.souvenir{background:#fdecea;color:var(--red)}.souvenir>span{letter-spacing:4px;font-size:16px}.souvenir strong{font-size:25px;line-height:1.3}.phrase-section{background:#eef2f5;padding:90px max(5%,calc((100% - 1260px)/2));display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.phrase-section>div>p{color:#62686a;max-width:390px}.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tabs button{font:inherit;font-size:14px;padding:10px 17px;border:1px solid #bac1c5;border-radius:30px;background:transparent;color:var(--ink);cursor:pointer}.tabs .active{background:var(--ink);color:white;border-color:var(--ink)}.phrase-card{background:white;padding:46px 35px;border-radius:14px;box-shadow:0 12px 30px #20272b08}.phrase-card>span{font-size:12px;letter-spacing:2px;color:var(--red)}#japanese{font-size:clamp(24px,2.6vw,36px);margin-top:32px;line-height:1.5}#romaji{margin:10px 0;color:#646a6c}#meaning{font-size:30px;margin:20px 0}#hint{color:#646a6c}.phrase-card small{display:block;font-size:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}.ready{text-align:center;padding:100px 5%}.ready p{max-width:480px;margin:24px auto;color:#62686a}.ready h2{font-size:clamp(42px,5vw,70px)}.faq{border-top:1px solid var(--line);padding:60px 5% 90px;max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.faq h2{font-size:36px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{color:#62686a}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;flex-wrap:wrap;gap:25px;align-items:center;justify-content:space-between;font-size:13px}footer>div{display:flex;gap:24px}footer small{width:100%;font-size:12px;color:#62686a}.download:hover,.small-cta:hover{background:var(--red);color:white;border-color:var(--red)}@media(max-width:850px){header{height:80px}nav>a:not(.small-cta){display:none}.brand{font-size:15px}.hero{gap:35px;padding-top:20px}.hero-art{height:470px}h1{font-size:64px;letter-spacing:-3px}.hero-copy>p{font-size:16px}.hero-note{margin-top:25px}.floating{left:-15px;padding:18px}.floating strong{font-size:20px}.ticker{flex-wrap:wrap;font-size:12px;gap:10px}.ticker b{display:none}.section-top{align-items:start;flex-direction:column;gap:15px}.features{gap:18px}.features h3{font-size:22px}.sample,.custom-tip,.souvenir{padding:18px}.phrase-section{gap:30px}}@media(max-width:600px){header{padding:0 6%;gap:10px}.mark{width:32px;height:32px}.small-cta{padding:7px 12px;font-size:12px}.hero{padding:30px 6% 50px;grid-template-columns:1fr;gap:30px}h1{font-size:74px}.hero-copy>p{max-width:100%}.hero-note{display:none}.hero-art{height:430px;margin:10px 5% 0}.hero-art>img{border-radius:120px 120px 12px 12px}.floating{left:-20px;bottom:25px}.ticker{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:20px 4%;gap:12px}.discover{padding:65px 6%!important}.features{grid-template-columns:1fr;gap:36px}.features article{display:grid;grid-template-columns:1fr}.features h3{font-size:27px;margin-bottom:5px}.sample,.custom-tip,.souvenir{margin-top:12px;min-height:170px}.phrase-section{padding:60px 6%;grid-template-columns:1fr}.phrase-card{padding:30px 25px}.ready{padding:65px 6%}.faq{padding:40px 6% 65px;grid-template-columns:1fr;gap:25px}footer{padding:30px 6%;gap:20px}footer>span{width:100%}.eyebrow{letter-spacing:1.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Align feature descriptions and sample panels across desktop columns. */
@media (min-width:601px){.features{row-gap:0}.features article{display:grid;grid-template-rows:subgrid;grid-row:span 4}}