/* Editorial proportions: one large idea, readable supporting copy, bounded imagery. */
@media(min-width:901px){
 body[data-page=home] main>.container,body[data-page=home] main>section>.container,body[data-page=home] .focus-strip>.container{width:min(1200px,calc(100% - 80px));margin-inline:auto}
 body[data-page=home] .new-hero{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:50px;padding-top:48px;padding-bottom:44px;min-height:570px}
 body[data-page=home] .new-hero h1{font-size:clamp(58px,5.2vw,78px);line-height:1.045;letter-spacing:-.055em}
 body[data-page=home] .hero-stage{height:550px}
 body[data-page=home] .hero-device{width:244px;height:530px;transform:rotate(3deg)}
 body[data-page=home] .section{padding-block:80px}
 body[data-page=home] .pdf-engine-section{padding-top:60px}
 body[data-page=home] .section-heading{gap:52px;margin-bottom:32px}
 body[data-page=home] .section-heading h2{font-size:clamp(38px,3.6vw,52px);line-height:1.13;letter-spacing:-.04em}
 body[data-page=home] .section-heading>p{font-size:17px;line-height:1.7;max-width:350px}
 body[data-page=home] .story-journey{gap:22px;max-width:1100px;margin-inline:auto}
 body[data-page=home] .story-journey .reading-card-art{aspect-ratio:16/10}
 body[data-page=home] .story-journey .reading-card-copy{padding:24px}
 body[data-page=home] .story-journey .reading-card-copy h3{font-size:25px}
 body[data-page=home] .story-journey .story-listen-art{min-height:0}
 body[data-page=home] .story-journey .reading-demo-iphone{max-height:320px}
 body[data-page=home] .journal-feature{gap:65px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 body[data-page=home] .journal-screenshot{width:100%;max-width:365px;justify-self:center}
 body[data-page=home] .compact-gallery .screen-image{max-width:235px;margin-inline:auto}
 body[data-page=home] .compact-gallery .screen-card{min-width:0}
 .site-header .nav-wrap #primary-nav a{font-size:14px}
 .site-header .header-section-strip>a{font-size:14px}
}
/* A removed image link had left this phone wrapper unstyled. */
.hero-device>div{position:relative;display:block;height:100%;overflow:hidden;border:7px solid #2a3b4c;border-radius:34px;background:#08131d;box-shadow:0 0 0 1px #7896a06e,0 25px 60px #0008}
.hero-device>div>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.hero-device figcaption{font-size:12px;white-space:normal;line-height:1.5;transform:none;margin-top:13px}
body[data-page=home] .new-hero .hero-description{font-size:18px;line-height:1.7;margin:24px 0;max-width:480px}
body[data-page=home] .new-hero .hero-description strong{font-size:17px;line-height:1.5;margin-top:10px}
body[data-page=home] .new-hero .hero-trust>span{font-size:14px}
body[data-page=home] .new-hero .release-note{font-size:13px;line-height:1.6}
body[data-page=home] .hero-float strong{font-size:15px}
body[data-page=home] .hero-float span{font-size:12px}
body[data-page=home] .hero-float small{font-size:10px}
body[data-page=home] .hero-float-voice{right:0;top:90px}
body[data-page=home] .hero-float-private{left:0;bottom:70px;max-width:310px}
body[data-page=home] .hero-float-voice>img{width:58px;height:70px}
body[data-page=home] .small-detail,body[data-page=home] .section-footnote,body[data-page=home] .illustration-note,body[data-page=home] .pdf-journey-note,body[data-page=home] .travel-art-note{font-size:14px;line-height:1.7}
body[data-page=home] .reading-visual-caption,body[data-page=home] .real-capture figcaption,body[data-page=home] .motion-art-note{font-size:12px;line-height:1.7}
body[data-page=home] .journal-copy>p,body[data-page=home] .journal-copy li,body[data-page=home] .travel-card p,body[data-page=home] .screen-card figcaption p{font-size:16px;line-height:1.65}
body[data-page=home] .asset-kind{font-size:11px;letter-spacing:.07em}
body[data-page=home] .quick-faq summary{font-size:18px;line-height:1.5}
body[data-page=home] .quick-faq details p{font-size:16px;line-height:1.7}
body[data-page=home] .engine-story-row h3{font-size:30px}
body[data-page=home] .engine-story-row p{font-size:16px}
body[data-page=home] .proof-strip p{font-size:14px;line-height:1.6}
body[data-page=home] .book-sampler-heading{align-items:center;margin-top:0}
body[data-page=home] .book-sampler h3{font-size:clamp(27px,2.8vw,36px);letter-spacing:-.035em;line-height:1.2;margin:7px 0}
body[data-page=home] .book-sampler h3 em{font-family:inherit;font-style:normal;font-weight:650}
body[data-page=home] .book-sampler-heading .eyebrow{font-size:12px!important;letter-spacing:.08em}
body[data-page=home] .book-sampler-heading>p{font-size:15px}
body[data-page=home] .book-sampler{padding-top:0;margin-top:5px}
/* A tactile shelf that retains perspective on touchscreens, not only on hover. */
.book-shelf{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:none;gap:28px;perspective:none;padding:30px 28px 32px;overscroll-behavior-inline:contain;touch-action:pan-x pan-y}
.book-shelf::-webkit-scrollbar{display:none}.sample-book-card{flex:0 0 190px;scroll-snap-align:center}
.sample-book{transform:perspective(900px) rotateY(var(--book-angle,-12deg)) rotateZ(var(--book-roll,-1deg));transition:transform .24s ease-out,filter .25s;will-change:transform;transform-style:preserve-3d}
.sample-book:before{right:-8px;width:11px;transform:rotateY(65deg)}
.sample-book:hover,.sample-book:focus-visible{transform:perspective(900px) rotateY(0) translateY(-8px)}
.book-cover-title{font-size:24px}.book-cover-listen{font-size:11px}.book-series{font-size:9px}.book-cover-author{font-size:11px}
.book-shelf-controls{display:flex;flex-wrap:wrap;gap:13px;font-size:13px}.book-shelf-controls>.book-sound-toggle{width:auto;height:auto;min-height:40px;padding:8px 14px;border-radius:99px;font-size:12px;line-height:1.3;margin-left:12px;color:#b6e6df}.book-sound-toggle[aria-pressed=false]{color:#a5b6c3}
.book-rights{font-size:12px;margin-top:16px}
#book-reading-dialog[open] .book-dialog-cover{animation:bookCoverUnfold .6s cubic-bezier(.16,.8,.22,1) both}
@keyframes bookCoverUnfold{from{transform:perspective(900px) rotateY(-64deg) rotateZ(-3deg);filter:brightness(.75)}to{transform:perspective(900px) rotateY(-10deg) rotateZ(-2deg);filter:brightness(1)}}
.book-sentence.is-reading{background:transparent;box-shadow:none}
.book-phrase{border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background .1s}.book-phrase.is-reading{background:#c4d9d9;box-shadow:0 0 0 3px #c4d9d9}.book-word{border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.book-word.is-speaking{position:relative;background:#ecff22;color:#14282b;box-shadow:0 0 0 3px #ecff22,0 0 14px #d7f52955}
#book-dialog-excerpt{user-select:text}
#book-reading-dialog.is-article .book-dialog-cover>strong,#book-reading-dialog.is-article .book-dialog-cover>.book-series,#book-reading-dialog.is-article .book-dialog-cover>#book-dialog-cover-author,#book-reading-dialog.is-article .book-dialog-cover>.book-cover-shade{display:none}
#book-reading-dialog.is-article .book-dialog-cover{background:#eee9dc}
.article-tryout{margin:24px 0}.article-term-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.article-term-preview>span{font-family:Georgia,serif;font-size:16px;background:#162d3b;border:1px solid #345564;color:#d7eae8;border-radius:8px;padding:8px 10px}.article-term-preview mark{background:#eaff35;color:#172b30;border-radius:3px;padding:1px 3px}
.article-sample-trigger{display:flex;align-items:center;gap:13px;width:100%;border:1px solid #557a80;border-radius:16px;padding:18px;background:linear-gradient(120deg,#183d48,#152733);color:#f5fbff;text-align:left;font:inherit;cursor:pointer}.article-sample-trigger:hover{border-color:#a2e4d5;background:#1a4049}.article-sample-trigger:focus-visible{outline:3px solid #adf0dc;outline-offset:4px}.article-sample-trigger strong{display:block;font-size:19px;font-weight:650}.article-sample-trigger small{display:block;color:#afc8d2;font-size:13px;line-height:1.5;margin-top:4px}.article-play-symbol{font-size:19px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#a5e2d2;color:#143d43;flex:0 0 auto}.article-sample-trigger>span:last-child{margin-left:auto}.article-demo-note{font-size:12px!important;color:#95aebc;line-height:1.6;margin:10px 0 0}
/* Replace layered foam drawings; water/cloud textures now move within scene masks. */
.water-motion-layer,.water-surface{display:none!important}.ambient-scene-canvas{mix-blend-mode:normal}.scene-mountains.motion-scene{position:relative}
@media(min-width:1100px){.site-header #primary-nav>a[href="index.html"],.site-header #primary-nav>a[href="index.html#voice-samples"],.site-header #primary-nav>a[href="guide.html"]{display:none}}
@media(max-width:900px){body[data-page=home] .hero-float-voice{right:0;top:45px}body[data-page=home] .hero-float-private{bottom:65px}body[data-page=home] .section-heading>p{font-size:16px}.book-shelf{scroll-snap-type:x mandatory;padding-inline:calc(50% - 95px)}}
@media(max-width:640px){
 body[data-page=home] .new-hero .hero-description{font-size:17px;line-height:1.65}body[data-page=home] .new-hero .hero-description strong{font-size:16px}
 body[data-page=home] .new-hero h1{font-size:clamp(45px,10.8vw,63px)}
 body[data-page=home] .hero-stage{height:465px}body[data-page=home] .hero-device{height:420px;width:194px}.hero-device>div{border-width:5px;border-radius:28px}
 .hero-device figcaption{font-size:11px;max-width:220px}body[data-page=home] .hero-float-private{bottom:45px;padding:11px 14px;max-width:260px}
 body[data-page=home] .hero-float strong{font-size:14px}body[data-page=home] .hero-float span{font-size:11px}body[data-page=home] .hero-float-voice>img{width:48px;height:58px}
 body[data-page=home] .section-heading h2{font-size:clamp(32px,8vw,42px)}body[data-page=home] .book-sampler h3{font-size:27px}
 .book-shelf{gap:25px;padding-top:24px}.sample-book{transition:transform .16s ease-out}.sample-book:hover{transform:perspective(900px) rotateY(var(--book-angle,-10deg))}
 .book-shelf-controls{gap:9px;font-size:11px}.book-shelf-controls>.book-sound-toggle{flex:0 0 auto;margin-left:0;min-height:36px;font-size:11px}.book-shelf-controls>button:not(.book-sound-toggle){width:36px;height:36px}
 .article-term-preview>span{font-size:14px}.article-sample-trigger{padding:16px}.article-sample-trigger small{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.sample-book,.sample-book:hover,.sample-book:focus-visible{transform:none!important;transition:none;will-change:auto}#book-reading-dialog[open] .book-dialog-cover{animation:none}.book-word,.book-phrase{transition:none}}
#book-sampler{scroll-margin-top:calc(var(--site-header-height,120px) + 24px)}
