/* Approved Home v7–v10: spacious desktop spreads, purpose-built mobile panels. */
@font-face{font-family:'Noto Sans JP';src:url('/assets/fonts/noto-sans-jp-subset.ttf') format('truetype');font-weight:400;font-display:swap}
.home-page .shell{max-width:1920px;padding-inline:clamp(40px,4.445vw,96px)}
.home-page .hero{max-width:1920px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;padding-block:64px 72px;min-height:850px;overflow-x:clip}
.hero-heading{--headline-size:clamp(42px,3.9vw,75px);letter-spacing:-.042em;line-height:1.15}
.headline-intro{display:flex;align-items:baseline;gap:.23em;white-space:nowrap}
.genre-slot{display:inline-block;min-width:4.25em;color:var(--blue)}
.genre-typing{display:inline-flex;align-items:baseline;white-space:nowrap}
.genre-window{display:block;overflow:hidden}#genre-word{display:block;width:max-content}
.typing-cursor{display:inline-block;position:relative;top:.06em;width:.045em;height:.86em;background:var(--blue);border-radius:.025em;margin-left:.06em}
.home-page .hero .platform-badge{width:190px;min-height:64px}.home-page .hero .platform-badge img{width:30px;height:34px}
.phone-stage{position:relative;width:min(414px,76%);margin-inline:auto;container-type:inline-size;isolation:isolate}
.reading-stage{position:absolute;z-index:-1;left:-30%;top:9%;width:160%;max-width:none;height:auto}
.phone-frame{position:relative;width:100%;height:824em;font-size:calc(100cqw/414);background:var(--dark);border:2em solid var(--ink);border-radius:54em;box-shadow:0 24px 64px -14px #0d1a3324}
.phone-screen{position:absolute;left:10em;top:10em;width:390em;height:800em;border-radius:44em;background:#fff;overflow:hidden}
.phone-island{position:absolute;left:137em;top:12em;width:116em;height:30em;border-radius:20em;background:var(--dark)}
.phone-status{position:absolute;left:2.154em;top:1.538em;font-size:13em;font-weight:500}
.phone-title{position:absolute;left:1.875em;top:4.25em;font-size:16em;font-weight:500}
.phone-art{position:absolute;left:8em;top:106em;width:374em;height:561em}
.phone-art picture,.phone-art img{width:100%;height:100%;object-fit:contain}
.phone-ja,.phone-en{position:absolute;text-align:center;color:var(--ink)}
.phone-ja{display:grid;place-items:center}.japanese-columns{display:flex;flex-direction:row-reverse;gap:8em;align-items:flex-start}.japanese-columns>span{font-family:var(--japanese);font-size:12em;line-height:1.3;writing-mode:vertical-rl;text-orientation:upright}
.phone-ja.top,.phone-en.top{left:29em;top:55em;width:66em;height:62em}
.phone-ja.bottom,.phone-en.bottom{left:293em;top:365em;width:61em;height:65em}
.phone-en{overflow:hidden;background:#fff;font-family:'Comic Neue',sans-serif;font-weight:700}
.phone-en>span{display:grid;place-content:center;width:100%;font-size:13em;line-height:1.2;height:4.77em}
.phone-en.bottom>span{font-size:12.5em;height:5.2em}
.phone-sweep{position:absolute;width:18em;height:0;opacity:0;background:var(--blue)}
.phone-sweep.top{top:55em}.phone-sweep.top.sweep-left{left:40em}.phone-sweep.top.sweep-right{left:65em}
.phone-sweep.bottom{top:365em}.phone-sweep.bottom.sweep-left{left:304em}.phone-sweep.bottom.sweep-right{left:329em}
.phone-reader-meta{position:absolute;left:2.5em;right:2.5em;bottom:5.8em;display:flex;justify-content:space-between;font-size:12em;color:var(--muted)}
.phone-home-indicator{position:absolute;width:132em;height:5em;left:129em;top:782em;border-radius:4em;background:var(--dark)}
.toolkit{overflow-x:clip}.footer-preferences{display:flex;flex-wrap:wrap;gap:12px 24px}.site-footer .footer-preferences .text-button{color:#fff}
.benefits{padding-block:44px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;width:100%}.benefit-grid h2{font-size:24px;letter-spacing:-.6px;margin-bottom:8px}.benefit-grid p{font-size:14px}
.demo-card{max-width:960px}.section-intro{max-width:960px}.demo-section h2{font-size:56px}.demo-section{padding-block:64px}.comparison{border:0;border-radius:12px}
.compare-layer>picture,.compare-layer>picture>img{width:100%;height:100%;object-fit:contain}
.book-bubble{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%);text-align:center;color:var(--ink)}
.book-bubble p{font:700 1.628cqw/1.25 'Comic Neue',sans-serif}.book-bubble[lang=ja] p{font-family:var(--japanese);font-weight:400}
.book-narration{left:13.281%;top:11.28%;width:18.88%;height:7.324%}.book-narration p{font-size:1.5625cqw}
.book-question{left:41.699%;top:23.536%;width:10.221%;height:14.648%}
.book-answer{left:89.485%;top:18.994%;width:11.784%;height:16.699%}
.book-thought{left:9.407%;top:62.794%;width:9.44%;height:11.719%}.book-thought p,.book-caption p{font-size:1.497cqw}
.book-caption{left:36.264%;top:84.766%;width:10.286%;height:12.89%}
.book-together{left:91.634%;top:64.795%;width:9.44%;height:14.16%}
.demo-disclaimer{font-size:12px}
.mobile-copy{display:none}
.toolkit-intro{margin-bottom:48px}.toolkit-intro h2{font-size:clamp(33px,2.8vw,48px)}.toolkit-intro .lede{font-size:18px}
.feature-spreads{display:flex;flex-direction:column;gap:40px}.feature-spread{display:flex;align-items:center;min-width:0}
.feature-art{position:relative;container-type:inline-size;flex-shrink:0;isolation:isolate}.feature-stage{position:relative;overflow:hidden}
.feature-stage picture,.feature-stage picture img{width:100%;height:100%;object-fit:contain}.feature-stage>picture{position:absolute}
.manga-panel{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.feature-copy{position:relative;z-index:1;background:#fff;border:1px solid var(--ink);padding:24px;display:flex;flex-direction:column;gap:16px;width:34.3%;flex-shrink:0}
.feature-copy h3{font-size:28px;line-height:1.22;color:var(--blue);letter-spacing:-.45px}.feature-copy>p:last-child{font-size:18px;line-height:1.5;color:var(--muted)}.feature-copy .eyebrow{font-size:12px;letter-spacing:.975px;color:var(--muted)}
.lettering-art{width:62.88%}.lettering-art .feature-stage{font-size:calc(100cqw/825);height:397.5em}.lettering-spread .feature-copy{margin-left:-5.49%}
.lettering-image{left:72em;top:0;width:596.25em!important;height:397.5em!important}
.lettering-ja,.lettering-en{position:absolute;text-align:center;width:165em;left:414em;top:139em}.lettering-ja{left:425.25em;top:140em;width:142.5em}
.lettering-ja span{font:400 27em/1.2 var(--japanese)}.lettering-en span{font:700 28.5em/1.2 'Comic Neue',sans-serif}
.lettering-scan{position:absolute;left:414em;top:120em;width:165em;height:2.25em;background:var(--blue);opacity:0}
.context-spread,.editor-spread{flex-direction:row-reverse}.context-art{width:64.025%}.context-art .feature-stage{font-size:calc(100cqw/840);height:397.5em}.context-spread .feature-copy{width:32.58%;margin-right:-4.57%}
.context-image{left:262.5em;top:13.5em;width:551.25em!important;height:367.5em!important}
.context-earlier,.context-next{position:absolute;left:411em;top:36em;width:108em;height:85.5em;display:grid;place-items:center;text-align:center}.context-next{left:706.5em;top:37.5em;width:90em}
.context-earlier>span,.context-next>span{font:700 17.25em/1.2174 'Comic Neue',sans-serif;letter-spacing:-.025em}
.context-name{position:absolute;left:537em;top:338.25em;width:184.5em;height:33.75em;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center}.context-name span{font-size:13.5em}.context-name [lang=ja]{font-family:var(--japanese)}
.layers-art{width:58.31%}.layers-art .feature-stage{font-size:calc(100cqw/765);height:397.5em}.layers-spread .feature-copy{margin-left:-1.83%}
.original-sheet{position:absolute;left:76.82em;top:76.12em;width:425.286em;height:306.731em;display:grid;place-items:center}.original-sheet .rotated-sheet{width:399.627em;height:266.418em;border:1em solid var(--line)}
.rotated-sheet{transform:rotate(6deg);position:relative}.cleanup-sheet,.lettering-sheet{position:absolute;left:234.37em;top:88.49em;width:327.191em;height:174.763em;display:grid;place-items:center}
.cleanup-sheet .rotated-sheet,.lettering-sheet .rotated-sheet{width:313.993em;height:142.724em;border:1em solid var(--line);background:#fff}
.cleanup-sheet span{position:absolute;bottom:1.1em;left:1.46em;font-size:12.369em;letter-spacing:.1em;color:var(--muted)}
.lettering-sheet{left:283.85em;top:38.06em}.lettering-sheet .rotated-sheet{background:var(--wash);border-color:var(--blue);color:var(--blue)}.sheet-label{position:absolute;left:1.46em;top:1.31em;font-size:12.369em;letter-spacing:.1em}.sheet-words{position:absolute;left:2.815em;top:2.22em;font:700 24em/1.25 'Comic Neue',sans-serif}
.layers-caption{position:absolute;left:3.33em;bottom:.5em;font-size:12em;letter-spacing:.04em;color:var(--muted)}
.editor-art{width:67.45%}.editor-art .feature-stage{font-size:calc(100cqw/885);height:435em}.editor-spread .feature-copy{width:29.73%;margin-right:-3.66%}
.editor-image{left:13.21em;top:48.43em;width:484.328em!important;height:323.619em!important}
.editor-original,.editor-refined{position:absolute;left:275em;top:158em;width:165em;text-align:center}.editor-original span,.editor-refined span{font:700 27em/1.2 'Comic Neue',sans-serif}.editor-refined{color:var(--blue)}
.editor-demo-modes{position:absolute;left:100em;top:0;width:296em;height:48em;display:flex}.editor-demo-modes span{font-size:14em;border:1px solid var(--line);background:#fff;border-radius:12px;flex:1;display:grid;place-items:center}.editor-demo-modes .selected{background:var(--blue);color:#fff;border-color:var(--blue)}
.editor-controls{position:absolute;left:519.55em;top:26.42em;width:347.836em;display:flex;flex-direction:column;gap:13.209em;background:#fff;padding:17.612em}
.editor-scope,.editor-helper,.editor-size{font-size:14.31em;line-height:1.384;color:var(--muted)}.editor-scope{letter-spacing:.06em}.editor-translation{background:var(--wash);height:81.455em;padding:13.209em}.field-label{font-size:14.31em;letter-spacing:.05em;color:var(--muted)}.field-value{position:relative;margin-top:8.806em}.field-value span{font-size:17.612em;line-height:1.5625}.field-refined{position:absolute;inset:0;color:var(--blue)}
.editor-tools{display:grid;grid-template-columns:1fr 1fr;gap:10em}.editor-tools>span{display:flex;justify-content:center;align-items:center;border:1px solid var(--line);border-radius:12px;padding:.65em .3em;font-size:17em;white-space:nowrap;line-height:1.1}.editor-tools .font-tool{grid-column:1/-1}.editor-tools .fit-tool{background:var(--blue);color:#fff;border-color:var(--blue)}.editor-size{display:flex;gap:3em}
@media(min-width:1600px){.home-page .hero{min-height:960px}.phone-stage{width:450px}.feature-spreads{gap:56px}.feature-copy{padding:32px}}
@media(min-width:768px) and (max-width:1100px){.home-page .hero{gap:32px;min-height:740px}.hero-heading{--headline-size:clamp(28px,3.7vw,41px)}.home-page .hero .platform-badge{width:165px;padding:12px;gap:10px}.home-page .hero .platform-badge img{width:24px;height:28px}.feature-copy{padding:18px;gap:12px}.feature-copy h3{font-size:22px}.feature-copy>p:last-child{font-size:15px}.feature-copy .eyebrow{font-size:10px}.phone-stage{width:92%}}
@media(max-width:767px){
 .home-page .shell{padding-inline:24px}.home-page .hero{grid-template-columns:1fr;min-height:0;gap:36px;padding-block:36px 40px}.hero-heading{--headline-size:40px}.home-page .hero .platform-badge{width:calc((100% - 12px)/2);min-height:64px;padding:12px;gap:10px}.home-page .hero .platform-badge img{width:28px;height:28px}
 .phone-stage{width:min(314px,90%)}.reading-stage{left:-9%;width:118%;top:18%}
 .headline-intro{display:block}.genre-slot{display:block;min-width:0;min-height:1.15em}
 .benefits{padding-block:32px}.benefit-grid{grid-template-columns:1fr;gap:24px}.benefit-grid h2{font-size:22px}.benefit-grid p{font-size:14px}
 .demo-section{padding-block:48px}.demo-section h2{font-size:36px}.demo-card{margin-top:28px}.book-bubble p,.book-narration p,.book-thought p,.book-caption p{font-size:2.52cqw;line-height:1.14}
 .book-bubble[lang=ja] p{font-size:2.45cqw}.book-question{width:12.5%}.book-answer{width:13%}.book-together{width:12%}.compare-grip img{width:44px;height:44px}
 .desktop-copy{display:none}.mobile-copy{display:inline}.toolkit-intro{margin-bottom:32px;gap:16px}.toolkit-intro h2{font-size:36px;line-height:1.167}.toolkit-intro .lede{font-size:16px;line-height:1.875}
 .feature-spreads{gap:32px}.feature-spread{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}.feature-art{width:100%}.feature-copy,.context-spread .feature-copy,.editor-spread .feature-copy{width:100%;margin:0!important;border:0;padding:24px;gap:12px}.feature-copy h3{font-size:28px;line-height:1.143;color:var(--ink)}.feature-copy>p:last-child{font-size:16px;line-height:1.5}.feature-copy .eyebrow{font-size:11px;color:var(--blue)}.manga-panel{display:none}
 .feature-art .feature-stage{font-size:calc(100cqw/340)}
 .lettering-art .feature-stage{height:238.6em}.lettering-image{left:0;top:11.93em;width:340em!important;height:226.667em!important}.lettering-ja,.lettering-en{left:193.13em;top:81em;width:102em}.lettering-ja span,.lettering-en span{font-size:23.13em;line-height:1.2}.lettering-scan{left:193.13em;top:64.76em;width:101.77em;height:2.313em}
 .context-art .feature-stage{height:261.46em}.context-image{left:7.95em;top:7.95em;width:324.094em!important;height:216.062em!important}.context-earlier{left:105.38em;top:23.86em;width:47.719em;height:60.643em}.context-next{left:270.41em;top:9.94em;width:48.713em;height:59.65em}.context-earlier>span,.context-next>span{font-size:11.7em;line-height:1.2}.context-name{left:92.46em;top:226.67em;width:155.09em;height:29.825em}.context-name span{font-size:11.93em}
 .layers-art .feature-stage{height:284.33em}.original-sheet{left:10em;top:103em;width:269em;height:193em}.original-sheet .rotated-sheet{width:252.109em;height:167.687em}.cleanup-sheet,.lettering-sheet{width:220em;height:137em;left:90em;top:88em}.cleanup-sheet .rotated-sheet,.lettering-sheet .rotated-sheet{width:208.163em;height:115.646em}.lettering-sheet{left:120em;top:39em}.cleanup-sheet span,.sheet-label{font-size:11.565em}.sheet-label{left:1.16em;top:1.16em}.sheet-words{font-size:20.816em;left:.65em;top:2.04em}.layers-caption{display:none}
 .editor-art .feature-stage{height:546.78em}.editor-image{left:23.86em;top:67.6em;width:292.281em!important;height:194.854em!important}.editor-demo-modes{left:23.86em;top:15.91em;width:292.281em;height:39.766em}.editor-demo-modes span{font-size:13.8em}.editor-original,.editor-refined{left:182em;top:133em;width:104em}.editor-original span,.editor-refined span{font-size:21em;line-height:1.136}.editor-controls{left:7.95em;top:278.36em;width:324.094em;padding:15.906em;gap:11.93em}.editor-scope,.editor-helper,.editor-size{font-size:13.878em;line-height:1.417}.editor-translation{height:73.567em;padding:11.857em}.field-label{font-size:13.878em}.field-value{margin-top:7.905em}.field-value span{font-size:15.81em}.editor-tools{grid-template-columns:1.25fr 1fr 1.22fr;gap:7.953em}.editor-tools>span{font-size:15.1em;border-radius:10px;height:2.633em}.editor-tools .font-tool{grid-column:auto}.editor-size{gap:3em}
}
@media(max-width:350px){.home-page .shell{padding-inline:20px}.hero-heading{--headline-size:35px}.phone-stage{width:94%}.feature-copy{padding:20px!important}.feature-copy h3{font-size:25px}.home-page .hero .platform-badge{padding:8px;gap:6px}.home-page .hero .platform-badge img{width:20px;height:24px}.toolkit-intro h2{font-size:33px}}