/* PaperHalo: editorial scale, real documents, restrained interface chrome. */
:root { --ink:#172d39; --muted:#576772; --paper:#fcfdfd; --mist:#e2e9ed; --line:#ccd5d9; --gold:#b4a074; --serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,"Noto Serif JP",serif; --sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:32px; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans); font-size:15px; line-height:1.9; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; height:auto; }
figure,p,h1,h2,h3,dl,dd { margin:0; }
h1,h2 { font-family:var(--serif); font-weight:500; font-feature-settings:"palt"; letter-spacing:.045em; line-height:1.6; }
h2 { font-size:clamp(30px,3.05vw,44px); }
p { overflow-wrap:anywhere; }
a:focus-visible,summary:focus-visible,button:focus-visible { outline:3px solid #b4853d; outline-offset:6px; }
a:hover { opacity:.78; }
.shell { width:calc(100% - 112px); max-width:1240px; margin-inline:auto; }
.skip-link { position:absolute; left:16px; top:-90px; z-index:5; padding:10px 20px; background:white; }
.skip-link:focus { top:10px; }
.header { height:96px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.wordmark { display:inline-flex; align-items:center; gap:10px; font-family:Georgia,"Times New Roman",serif; font-size:30px; letter-spacing:-1.3px; line-height:1; }
.wordmark img { width:42px; height:42px; object-fit:contain; flex:none; }
.header nav { display:flex; align-items:center; gap:34px; font-size:13px; }
.nav-status { padding:10px 20px; border:1px solid var(--line); border-radius:3px; }
.hero { background:#dee6e9; overflow:hidden; }
.hero-inner { display:grid; grid-template-columns:1fr 1fr; align-items:center; min-height:740px; position:relative; }
.hero-copy { position:relative; z-index:2; padding-block:76px 90px; pointer-events:none; }
.hero-copy a { pointer-events:auto; }
.hero-context { font-size:13px; letter-spacing:.08em; margin-bottom:30px; }
.hero h1 { font-size:clamp(42px,4.8vw,68px); line-height:1.55; letter-spacing:.035em; white-space:nowrap; }
.hero-description { font-size:16px; line-height:2.1; margin-top:26px; letter-spacing:.03em; }
.hero-actions { display:flex; align-items:center; gap:28px; margin-top:38px; }
.button { display:inline-flex; align-items:center; justify-content:center; background:var(--ink); color:white; min-height:52px; padding:13px 28px; font-size:13px; border-radius:3px; }
.quiet-link { font-size:13px; border-bottom:1px solid #8d9aa3; padding-bottom:3px; white-space:nowrap; }
.availability-note { margin-top:16px; font-size:11px; color:var(--muted); }
.hero-scene { height:740px; position:relative; min-width:0; isolation:isolate; }
.scene-plan { position:absolute; width:550px; max-width:none; left:-48px; bottom:110px; transform:rotate(-11deg); box-shadow:0 25px 35px -15px #14253050; }
.scene-paper { position:absolute; width:255px; max-width:none; right:-110px; top:120px; transform:rotate(15deg); box-shadow:0 24px 38px -15px #14253055; }
.device { display:block; overflow:hidden; background:#1d252a; padding:5px; border-radius:42px; border:1px solid #819095; box-shadow:2px 5px 2px #15212845,15px 30px 45px -12px #14253045; }
.device img { width:100%; border-radius:36px; }
.hero-device { position:absolute; width:282px; left:40%; top:61px; transform:rotate(7deg); }
.hero-scene figcaption { position:absolute; bottom:28px; right:0; font-size:10px; color:#53646b; }
.search-story { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; padding-block:114px 124px; }
.search-copy h2 { font-size:36px; }
.search-copy>p { margin-top:25px; color:var(--muted); font-size:14px; line-height:2.1; }
.search-copy .search-example { color:var(--ink); font-size:13px; margin-top:23px; padding-left:20px; border-left:2px solid var(--gold); }
.search-evidence { min-width:0; }
.search-crop { position:relative; overflow:hidden; aspect-ratio:2.65; background:#f2f2f7; border-radius:4px; }
.search-crop img { width:100%; position:absolute; top:-39.5%; }
.search-evidence figcaption,.document-phone figcaption,.transcript-detail figcaption { margin-top:17px; font-size:11px; color:var(--muted); }
.correction { background:#edf1f3; }
.correction-inner { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; padding-block:110px; }
.correction-visual { position:relative; min-width:0; display:flex; justify-content:center; }
.document-phone { width:306px; margin-left:60px; }
.document-phone .device { box-shadow:12px 22px 35px -10px #14253035; }
.document-phone figcaption { text-align:center; }
.visual-annotation { position:absolute; top:45px; left:0; writing-mode:vertical-rl; font-family:var(--serif); font-size:21px; line-height:2.2; letter-spacing:.16em; color:#71828a; }
.feature-label { font-size:12px; letter-spacing:.07em; margin-bottom:21px; color:#4f6875; }
.correction-copy>p:not(.feature-label) { margin-top:24px; font-size:14px; line-height:2.15; color:var(--muted); }
.transcript-detail { margin-top:28px; max-width:440px; }
.transcript-detail>div { position:relative; overflow:hidden; aspect-ratio:3.1; border-radius:3px; background:white; border:1px solid #dce1e4; }
.transcript-detail img { width:100%; position:absolute; top:-458%; }
.transcript-detail figcaption { margin-top:9px; font-size:10px; }
.correction-example-link { display:inline-block; margin-top:26px; }
.correction-example { padding-block:90px 96px; }
.correction-example-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:48px; }
.correction-example-heading>p { max-width:30em; font-size:16px; color:var(--muted); line-height:2; padding-bottom:9px; }
.correction-example-steps { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:44px 64px; list-style:none; padding:0; margin:0; }
.correction-example-steps>li { min-width:0; }
.correction-example-steps>li:first-child { grid-row:span 2; }
.correction-step-heading { display:flex; align-items:baseline; gap:15px; }
.correction-step-heading>span { font-family:Georgia,serif; font-size:26px; color:#71828a; }
.correction-step-heading h3 { font-size:20px; line-height:1.6; font-weight:500; }
.correction-example-steps p { margin-top:8px; font-size:15px; color:var(--muted); line-height:1.9; }
.correction-still { margin-top:24px; }
.correction-still a { display:block; }
.correction-still img { width:100%; height:auto; }
.correction-still-input { margin-top:48px; }
.correction-saved-step { grid-column:2; align-self:start; padding-top:28px; border-top:1px solid var(--line); }
.correction-still-saved { margin-top:24px; }
.correction-example-note { margin-top:30px; color:var(--muted); font-size:12px; }
@media(max-width:800px) {
  .correction-example-steps { column-gap:30px; }
  .correction-example-heading { gap:26px; }
  .correction-example-heading>p { font-size:15px; }
}
@media(max-width:600px) {
  .correction-example { padding-block:60px 66px; }
  .correction-example-heading { display:block; margin-bottom:32px; }
  .correction-example-heading h2 { font-size:32px; }
  .correction-example-heading>p { margin-top:20px; padding-bottom:0; }
  .correction-example-steps { grid-template-columns:1fr; gap:34px; }
  .correction-example-steps>li:first-child { grid-row:auto; }
  .correction-saved-step { grid-column:auto; padding-top:28px; }
  .correction-still-input,.correction-still-saved { margin-top:20px; }
  .correction-step-heading h3 { font-size:19px; }
}
.japanese { background:#172d39; color:#f6f7f6; padding-top:108px; overflow:hidden; }
.japanese-heading { display:flex; align-items:end; justify-content:space-between; gap:50px; }
.japanese .feature-label { color:#bdcbd0; }
.japanese h2 { font-size:clamp(34px,3.3vw,48px); }
.japanese-heading>p { font-size:14px; color:#c3cfd3; line-height:2.2; padding-bottom:6px; padding-right:32px; }
.book-spread { max-width:1040px; margin:76px auto 0; position:relative; }
.book-spread img { width:100%; transform:rotate(-3deg); box-shadow:0 20px 60px #020d1870; }
.book-spread figcaption { margin-top:45px; text-align:center; color:#a6b7bf; font-size:10px; }
.japanese-details { padding-block:65px 80px; }
.japanese-details dl { display:grid; grid-template-columns:repeat(3,1fr); gap:50px; }
.japanese-details dl>div { padding-left:26px; border-left:1px solid #4c606b; }
.japanese-details dt { font-family:var(--serif); font-size:25px; margin-bottom:12px; }
.japanese-details dd { font-size:13px; line-height:2; color:#c3cfd3; }
.reading-note { font-size:10px; color:#a6b7bf; margin-top:35px; }
.ocr-evidence { margin-top:64px; padding-top:42px; border-top:1px solid #4c606b; }
.ocr-evidence-heading { display:flex; align-items:baseline; justify-content:space-between; gap:24px; margin-bottom:28px; }
.ocr-evidence-heading h3 { font-family:var(--serif); font-size:28px; font-weight:500; line-height:1.6; }
.ocr-evidence-heading p { font-size:12px; color:#bdcbd0; }
.ocr-comparison { display:grid; grid-template-columns:240px minmax(0,1fr); gap:48px; align-items:start; max-width:1000px; margin-inline:auto; }
.ocr-source { text-align:center; }
.ocr-panel-label { font-size:13px; color:#c3cfd3; margin-bottom:13px; }
.ocr-original { display:block; position:relative; overflow:hidden; background:#ddd; aspect-ratio:415/1650; width:160px; margin-inline:auto; }
.ocr-original img { position:absolute; width:952.0482%; max-width:none; left:-308.4337%; top:-40.9091%; }
.ocr-transcript { background:#f6f7f6; color:var(--ink); padding:28px 32px; }
.ocr-transcript blockquote { margin:0; font-family:var(--serif); font-size:20px; line-height:2; overflow-wrap:anywhere; }
.ocr-transcript blockquote p+p { margin-top:12px; }
.ocr-transcript mark { color:inherit; background:#f1dca7; text-decoration:underline; text-decoration-color:#ae7f27; text-underline-offset:3px; }
.ocr-detail { font-size:12px; line-height:1.9; color:#bdcbd0; margin-top:20px; }
.ocr-detail a { text-decoration:underline; text-underline-offset:4px; }
.ocr-method { margin-top:20px; color:#bdcbd0; font-size:12px; }
.ocr-method summary { cursor:pointer; width:fit-content; padding:6px 0; }
.ocr-method dl { display:grid; grid-template-columns:max-content 1fr; gap:7px 18px; margin-top:12px; }
.ocr-method dt { color:#f6f7f6; }
.ocr-method dd { max-width:65ch; }
.ocr-method a { text-decoration:underline; text-underline-offset:4px; }
.correction-try { margin-top:24px; }
.correction-try button { padding:11px 19px; background:transparent; color:#f6f7f6; border:1px solid #82949d; border-radius:3px; font:inherit; font-size:14px; cursor:pointer; }
.correction-try p { margin-top:10px; font-size:13px; color:#bdcbd0; }
@media(max-width:800px) { .ocr-comparison{gap:24px}.ocr-transcript{padding:22px}.ocr-transcript blockquote{font-size:16px}.ocr-evidence-heading{display:block}.ocr-evidence-heading p{margin-top:9px} }
@media(max-width:600px) { .ocr-evidence{margin-top:38px;padding-top:30px}.ocr-evidence-heading h3{font-size:24px}.ocr-comparison{grid-template-columns:1fr;gap:26px}.ocr-original{width:180px}.ocr-method dl{grid-template-columns:1fr;gap:4px}.ocr-method dd{margin-bottom:10px} }
.export-story { padding-block:96px 76px; border-bottom:1px solid var(--line); }
.export-heading { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.export-heading h2 { font-size:clamp(30px,3.1vw,42px); }
.export-heading>p { font-size:16px; line-height:2; color:var(--muted); }
.pdf-film { margin-top:45px; }
.pdf-film picture { display:block; max-width:760px; margin-inline:auto; }
.pdf-film img { display:block; width:100%; height:auto; aspect-ratio:640/506; background:#222524; border-radius:10px; box-shadow:0 22px 60px #1d2b3526; }
.pdf-film button:focus-visible { outline:3px solid var(--ink); outline-offset:5px; }
.pdf-film figcaption { display:flex; align-items:baseline; justify-content:space-between; gap:20px; margin-top:20px; color:var(--muted); font-size:.875rem; line-height:1.8; }
.pdf-film figcaption a { color:var(--ink); text-decoration:underline; text-underline-offset:5px; flex-shrink:0; padding-block:10px; }
.pdf-film-actions { display:flex; align-items:baseline; gap:20px; flex-shrink:0; flex-wrap:wrap; }
.pdf-film button { font:inherit; color:var(--ink); text-decoration:underline; text-underline-offset:5px; border:0; padding:10px 0; background:transparent; cursor:pointer; }
.pdf-film button[hidden] { display:none; }
.export-handoff { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-top:58px; }
.export-handoff h3 { font-family:var(--serif); font-size:28px; font-weight:500; line-height:1.7; }
.export-handoff p { font-size:16px; color:var(--muted); }
.export-handoff ul { display:flex; flex-wrap:wrap; gap:12px 28px; list-style:none; padding:0; margin:14px 0 0; font-size:21px; }
.export-note { max-width:850px; font-size:.875rem; line-height:1.9; color:var(--muted); margin-top:30px; }
@media(max-width:1000px) {
  .export-heading { display:block; }.export-heading>p { margin-top:22px; }
  .export-handoff { display:block; }.export-handoff>div { margin-top:18px; }
}
@media(max-width:700px) {
  .export-story { padding-block:62px 50px; }.export-heading h2 { font-size:clamp(28px,6.8vw,36px); }.export-heading>p { font-size:16px; }
  .pdf-film { margin-top:30px; }.pdf-film img { border-radius:6px; }.pdf-film figcaption { display:block; }.pdf-film figcaption a { display:inline-block; margin-top:6px; }.export-heading>p br { display:none; }
  .export-handoff { margin-top:36px; }.export-handoff h3 { font-size:26px; }.export-handoff ul { font-size:19px; gap:8px 20px; }.export-note { margin-top:25px; }
}
.pricing { padding-block:108px 100px; }
.pricing-heading { text-align:center; }
.pricing-heading h2 { font-size:36px; }
.pricing-heading h2 span { display:inline-block; }
.pricing-heading p { margin-top:21px; font-size:14px; color:var(--muted); }
.plans { display:grid; grid-template-columns:1fr 1fr; margin-top:50px; border-block:1px solid var(--line); }
.plan { padding:42px 55px; }
.plan+.plan { border-left:1px solid var(--line); }
.plan-plus { background:#f0f4f6; }
.plan h3 { font-family:var(--serif); font-weight:500; font-size:25px; }
.plan-title>p { font-size:12px; color:var(--muted); margin-top:7px; }
.price { margin-top:26px; display:flex; align-items:baseline; gap:7px; }
.price strong { font-family:Georgia,"Times New Roman",serif; font-weight:400; font-size:56px; line-height:1.2; letter-spacing:-2px; }
.price span { font-size:13px; color:var(--muted); }
.page-limit { font-size:14px; margin-top:21px; }
.page-limit strong { font-size:23px; font-weight:500; }
.plan-includes { font-size:12px; color:var(--muted); margin-top:13px; }
.pricing-footnote { display:flex; align-items:center; justify-content:space-between; gap:30px; margin-top:22px; }
.pricing-footnote p { font-size:11px; color:var(--muted); max-width:790px; }
.faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; padding-block:28px 120px; }
.faq h2 { font-size:28px; padding-top:12px; }
.faq details { border-bottom:1px solid var(--line); }
.faq summary { list-style:none; position:relative; padding:22px 30px 22px 0; cursor:pointer; font-size:14px; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary:after { content:"+"; position:absolute; right:2px; font-size:19px; font-weight:300; }
.faq details[open] summary:after { content:"−"; }
.faq details p { padding:0 30px 23px 0; font-size:13px; color:var(--muted); }
.closing { background:#dae4e8; text-align:center; padding-block:83px 88px; }
.closing-brand { display:flex; align-items:center; justify-content:center; gap:9px; font-family:Georgia,serif; font-size:25px; letter-spacing:-1px; margin-bottom:20px; }
.closing-brand img { width:36px; height:36px; object-fit:contain; }
.closing h2 { font-size:48px; line-height:1.6; }
.closing h2+p { font-size:14px; margin-top:24px; line-height:2; }
.release-status { display:inline-block; background:var(--ink); color:#fff; border-radius:3px; padding:14px 34px; margin-top:30px; font-size:13px; }
.release-note { font-size:11px; line-height:2; margin-top:18px; color:var(--muted); }
.footer { padding-block:52px 30px; }
.footer-top { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.footer .wordmark { font-size:26px; }
.footer nav { display:flex; gap:25px; flex-wrap:wrap; font-size:11px; }
.image-credit { font-size:10px; color:var(--muted); margin-top:40px; line-height:1.9; }
.image-credit a { text-decoration:underline; text-underline-offset:3px; }
.copyright { font-size:10px; margin-top:16px; color:var(--muted); }
@media(min-width:1600px) { .hero-inner{max-width:1340px}.hero-scene{height:780px}.hero-device{width:300px;top:52px}.scene-plan{width:600px;bottom:80px} }
@media(max-width:1100px) {
  .shell{width:calc(100% - 72px)}.hero-inner{min-height:680px}.hero-copy{padding-block:60px}.hero h1{font-size:50px}.hero-scene{height:680px}.hero-device{width:246px;left:33%;top:66px}.scene-plan{width:440px;left:-30px;bottom:94px}.scene-paper{width:205px;right:-105px;top:150px}.hero-actions{gap:20px}.button{padding-inline:22px}.search-story{gap:48px;padding-block:90px}.search-copy h2{font-size:30px}.correction-inner{gap:54px;padding-block:90px}.document-phone{width:280px;margin-left:30px}.visual-annotation{font-size:17px;left:-13px}.book-spread{width:86%}.japanese-heading>p{padding-right:0}.export{gap:28px}.plan{padding-inline:36px}.faq{gap:45px}.footer nav{gap:17px}
}
@media(max-width:800px) {
  .header{height:80px}.header nav{gap:20px}.hero-inner{min-height:590px}.hero h1{font-size:39px}.hero-description{font-size:13px}.hero-context{font-size:11px;margin-bottom:22px}.hero-actions{flex-direction:column;align-items:start;gap:17px;margin-top:28px}.hero-copy{padding-block:40px 55px}.hero-scene{height:590px}.hero-device{width:224px;left:22%;top:44px}.scene-plan{width:350px;bottom:80px;left:-10px}.scene-paper{width:180px;right:-95px;top:130px}.hero-scene figcaption{right:-15px;font-size:9px}.search-story{gap:28px}.search-copy h2{font-size:26px}.search-copy>p{font-size:12px}.desktop-break{display:none}.correction-inner{gap:34px}.document-phone{width:225px;margin-left:15px}.visual-annotation{display:none}.correction h2{font-size:32px}.correction-copy>p:not(.feature-label){font-size:12px}.feature-label{font-size:10px}.edit-steps span{font-size:10px}.edit-steps strong{font-size:12px}.japanese-heading{gap:25px}.japanese h2{font-size:35px}.japanese-heading>p{font-size:12px}.export{grid-template-columns:45px .8fr 1fr;gap:20px}.export h2{font-size:24px}.export p{font-size:12px}.pricing-heading h2{font-size:30px}.pricing{padding-block:80px}.faq{grid-template-columns:1fr;gap:20px;padding-bottom:80px}.faq h2{font-size:28px}.footer-top{align-items:start;flex-direction:column}
}
@media(max-width:600px) {
  .shell{width:calc(100% - 44px)}.header{height:73px}.wordmark{font-size:27px}.header nav{gap:20px;font-size:11px}.header nav>a:first-child{display:none}.nav-status{padding:7px 12px}.hero-inner{display:block;min-height:auto}.hero-copy{padding-block:44px 0}.hero-context{font-size:11px;letter-spacing:.02em;margin-bottom:20px}.hero h1{font-size:clamp(35px,8.9vw,52px);letter-spacing:.025em;line-height:1.55}.hero-description{margin-top:23px;font-size:13px;line-height:2.1}.hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:27px}.button{min-height:46px;padding:11px 20px;font-size:12px}.quiet-link{font-size:11px}.availability-note{font-size:10px;margin-top:14px}.hero-scene{height:520px;margin-top:22px}.hero-device{width:215px;left:34%;top:5px;border-radius:34px;padding:4px}.hero-device img{border-radius:29px}.scene-plan{width:380px;left:-64px;bottom:81px}.scene-paper{width:170px;right:-50px;top:54px}.hero-scene figcaption{right:0;bottom:18px;font-size:9px}.search-story{grid-template-columns:1fr;padding-block:66px 62px;gap:28px}.search-copy h2{font-size:30px}.search-copy>p{font-size:13px;margin-top:21px}.search-copy .search-example{font-size:12px;margin-top:22px}.search-evidence figcaption{font-size:10px;margin-top:11px}.correction-inner{grid-template-columns:1fr;padding-block:62px;gap:37px}.correction-copy{grid-row:1}.feature-label{font-size:11px;margin-bottom:14px}.correction h2{font-size:34px}.correction-copy>p:not(.feature-label){font-size:13px;margin-top:20px}.edit-steps{gap:17px}.edit-steps strong{font-size:13px}.edit-steps span{font-size:11px}.transcript-detail{display:none}.document-phone{width:268px;margin-left:0}.document-phone .device{border-radius:36px}.document-phone .device img{border-radius:30px}.document-phone figcaption{font-size:10px}.japanese{padding-top:62px}.japanese-heading{display:block}.japanese h2{font-size:32px;letter-spacing:.03em}.japanese-heading>p{font-size:13px;margin-top:24px}.book-spread{width:112%;max-width:none;margin:45px -6% 0}.book-spread figcaption{font-size:9px;margin:28px 24px 0}.japanese-details{padding-block:36px 52px}.japanese-details dl{grid-template-columns:1fr;gap:24px}.japanese-details dl>div{display:grid;grid-template-columns:105px 1fr;align-items:center;padding-left:16px}.japanese-details dt{font-size:21px;margin-bottom:0}.japanese-details dd{font-size:12px}.reading-note{font-size:9px;line-height:1.9;margin-top:27px}.export{grid-template-columns:34px 1fr;gap:20px;padding-block:58px}.export-icon{width:34px}.export h2{font-size:28px}.export>div{grid-column:2}.export p{font-size:12px}.export .small{font-size:10px}.pricing{padding-block:63px}.pricing-heading{text-align:left}.pricing-heading h2{font-size:29px;max-width:310px}.pricing-heading p{font-size:12px;margin-top:18px}.plans{grid-template-columns:1fr;margin-top:32px}.plan{padding:30px 23px}.plan+.plan{border-left:0;border-top:1px solid var(--line)}.plan h3{font-size:23px}.plan-title>p{font-size:11px}.price{margin-top:20px}.price strong{font-size:50px}.page-limit{margin-top:15px}.plan-includes{font-size:11px}.pricing-footnote{display:block;margin-top:18px}.pricing-footnote p{font-size:10px;line-height:1.9}.pricing-footnote a{display:inline-block;margin-top:15px}.faq{padding-block:0 66px;gap:20px}.faq h2{font-size:25px}.faq summary{font-size:12px;padding-block:20px}.faq details p{font-size:12px}.closing{padding-block:55px 60px}.closing-brand{font-size:24px;margin-bottom:22px}.closing h2{font-size:39px}.closing h2+p{font-size:12px;margin-top:20px}.release-status{font-size:12px;margin-top:27px}.release-note{font-size:10px}.footer{padding-block:40px 25px}.footer-top{gap:25px}.footer nav{gap:12px 20px;font-size:10px}.image-credit{font-size:9px;margin-top:26px}.copyright{font-size:9px}
}
@media(max-width:600px) {
  .japanese-details dl>div { grid-template-columns:125px 1fr; }
  .japanese-details dt { font-size:20px; }
}
@media(max-width:360px) {
  .hero h1 { font-size:31px; }
  .header { gap:14px; }
  .header nav { gap:12px; }
  .hero-device { left:25%; width:207px; }
  .hero-actions { gap:16px; }
  .hero-actions .button { padding-inline:15px; }
}
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }