/* Paper, ink and slate blue. One palette across the whole product story. */
:root{--ground:#fff;--ink:#1d1d1f;--muted:#6e6e73;--accent:#0071e3;--stage:#f5f5f7;--rule:#d2d2d7;background:var(--ground);color:var(--ink)}
body,.hero{background:var(--ground)}
.header,.hero h1,.hero h1 .line:last-child,.capability-heading h2,.capability-grid h3,.capability-formats h3,.availability h2{color:var(--ink)}
.hero .lead,.hero .eyebrow,.capability-heading>p,.capability-grid p,.capability-formats .capability-note,.release-note,.release-row span span,.footer>span{color:var(--muted)}
.hero .hero-note,.scan-caption small{color:#6e6e73}
.primary,.result-save{background:var(--accent);color:#fff}
.text-link,.text-button,.release-row>span:last-child{color:var(--accent)}
.primary:hover{background:#0077ed}
.privacy{background:#f5f5f7;color:var(--ink)}
.privacy h2{color:var(--ink)}.privacy-copy p{color:var(--muted)}.privacy .text-link{color:var(--accent)}
.capability-grid article,.capability-formats,.footer{border-color:var(--rule)}
.capability-formats{padding:32px;background:#f5f5f7;border:0;border-radius:20px}
.release-row{border-color:var(--rule)}.release-row:hover{background:#f5f5f7}
.close,.preview-controls button{background:#f5f5f7}.scan-caption{color:var(--ink)}
.hero{grid-template-columns:.9fr 1.1fr;gap:40px;width:min(1200px,calc(100% - 80px))}
.hero .home-showcase{--phone-width:290px;--phone-right:12px;max-width:560px;height:710px}
.hero .home-shot{width:var(--phone-width);right:var(--phone-right);border-radius:44px}
.hero .hero-paper-object{width:280px;top:150px;left:0;background:transparent;border:0;box-shadow:none;filter:drop-shadow(0 18px 16px #172d3b20);isolation:isolate}
.hero-paper-object::before{content:none}
.hero .hero-paper-object>.localized-paper{mix-blend-mode:normal;opacity:1}
/* Preserve the exact handwriting; the scanning pass removes the paper texture. */
.hero .hero-paper-object>.scanned-paper{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 0 var(--scan-reveal,100%) 0);filter:grayscale(1) brightness(1.12) contrast(1.2)}
.hero .home-shot .result-page img{filter:grayscale(1) brightness(1.12) contrast(1.2)}
.hero .result-page{background:#fff;box-shadow:none;border-radius:0;overflow:hidden}
.hero .hero-paper-object i{border-color:#0071e3}
.scan-beam{background:#0071e3;box-shadow:0 -12px 24px 7px #0071e322}
.scroll-story .hero .home-showcase{top:40px}
.hero .scan-result{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:36px minmax(0,1fr) 28px 38px;justify-content:stretch;justify-items:center;align-items:center;gap:12px;padding:6px 14px 18px;inset:32px 0 14px;border-radius:0 0 34px 34px}
.hero .result-title{font-size:14px;line-height:1.3;text-align:center}
.hero .result-page{width:100%;max-height:100%;aspect-ratio:3/4;align-self:center}
.hero .result-tools{font-size:11px;line-height:1.4;text-align:center;white-space:nowrap}
.hero .result-save{width:100%;font-size:12px;line-height:18px;padding:10px 0}
.hero .scan-caption{left:auto;right:var(--phone-right);width:var(--phone-width);bottom:auto;top:calc(var(--phone-width) * 844 / 390 + 30px);font-size:16px;line-height:1.5}
@media(max-width:1050px){.hero{width:calc(100% - 56px);gap:24px}.hero .home-showcase{height:610px}.hero .home-shot{width:245px;right:6px;border-radius:38px}.hero .hero-paper-object{width:210px;top:140px}.hero .scan-result{gap:16px}}
@media(max-width:700px){.hero{width:calc(100% - 40px)}.hero .home-showcase{max-width:380px;height:610px}.hero .home-shot{width:245px;right:4px}.hero .hero-paper-object{width:205px;top:145px}.scroll-story .hero .home-showcase{top:18px}.capability-formats{padding:24px 20px}.result-title{font-size:13px}}
@media(max-height:750px){.hero .home-showcase{height:570px}.hero .home-shot{width:225px;border-radius:35px}.hero .hero-paper-object{width:200px}.scroll-story .hero .home-showcase{top:18px}}
@media(max-width:1050px){.hero .home-showcase{--phone-width:245px;--phone-right:6px}.hero .scan-result{gap:8px;padding-inline:12px}.hero .scan-caption{font-size:14px}}
@media(max-width:700px){.hero .home-showcase{--phone-right:4px}.hero .scan-result{inset:32px 0 14px}.hero .scan-caption{top:calc(var(--phone-width) * 844 / 390 + 20px)}}
@media(max-height:750px){.hero .home-showcase{--phone-width:225px}.hero .scan-result{grid-template-rows:30px minmax(0,1fr) 24px 34px;gap:7px;padding:4px 12px 12px}.hero .result-title{font-size:12px}.hero .result-save{padding:8px 0}}