/* The product story: save, organise, export, then read and revisit. */
:root { --reading-sage:#dce2d1; --reading-sand:#e9dfc7; --reading-rust:#ecd7c9; }
.shell { width:min(1240px,calc(100% - 96px)); }
.hero h1 { font-size:76px; line-height:1.06; letter-spacing:-.045em; }
.hero-description { max-width:420px; font-size:18px; line-height:1.65; }
.hero-copy .eyebrow { font-size:11px; letter-spacing:.12em; }
.hero { padding-top:36px; padding-bottom:34px; }
.nav nav { gap:26px; }
.reading-sources { background:#e7e6dd; color:#333b30; border-bottom:1px solid #323a2920; }
.reading-sources .shell { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-block:22px; }
.reading-sources .shell > span { font-size:13px; color:#62695c; }
.reading-sources p { font-size:15px; display:flex; gap:16px; align-items:center; }
.reading-sources i { font-style:normal; color:#929788; }
.anchor-target { display:block; scroll-margin-top:32px; }
.library-chapter { padding:90px 0 84px; background:#f2efe7; }
.chapter-heading { display:grid; grid-template-columns:1.3fr 1fr; gap:72px; align-items:end; margin-bottom:42px; }
.chapter-heading h2,.export-copy h2,.feature-heading h2,.pricing-copy h2,.install-section h2 { font:56px/1.08 var(--serif); letter-spacing:-.035em; margin-top:16px; }
.chapter-heading p { font-size:18px; line-height:1.7; max-width:420px; padding-bottom:5px; color:#565b51; }
.eyebrow { font-size:12px; letter-spacing:.12em; }
.library-illustration { margin:0; }
.library-window { display:grid; grid-template-columns:218px minmax(0,1fr); border:1px solid #c9ccbf; border-radius:10px; overflow:hidden; background:#fbf9f2; box-shadow:0 18px 60px #373f2f09; }
.library-side { background:#e7e8dc; border-right:1px solid #c9ccbf; padding:30px 20px; }
.mini-brand { display:block; font:38px/1 var(--serif); letter-spacing:-.06em; padding:0 10px 34px; }
.mini-brand > span { color:#9c4e36; }
.mini-navigation { display:grid; gap:5px; margin-bottom:36px; }
.mini-navigation > span { display:flex; gap:11px; align-items:center; padding:10px; font-size:14px; color:#606658; }
.mini-navigation svg { width:18px; height:18px; }
.mini-navigation > .selected { color:#253021; background:#d3dac6; border-radius:5px; }
.mini-label { display:block; font:11px/1.4 var(--sans); letter-spacing:.12em; color:#737969; }
.library-side > .mini-label { padding-left:10px; }
.mini-collections { display:grid; gap:17px; padding:18px 10px 0; }
.mini-collections > span { display:flex; gap:10px; align-items:center; font-size:13px; color:#515a47; }
.mini-collections b { margin-left:auto; font-weight:400; color:#737969; }
.folder-dot { width:14px; height:11px; border:1px solid #626c544a; border-radius:2px; position:relative; }
.folder-dot::before { content:''; position:absolute; top:-4px; left:-1px; width:7px; height:4px; border:1px solid #626c544a; border-bottom:0; background:inherit; border-radius:2px 2px 0 0; }
.sage { background:var(--reading-sage); }
.rust { background:var(--reading-rust); }
.sand { background:var(--reading-sand); }
.library-main { min-width:0; padding:30px 36px 0; }
.library-top { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.library-top h3 { font:39px/1.2 var(--serif); letter-spacing:-.03em; margin-top:9px; }
.preview-label { color:#6b7363; font-size:12px; }
.library-tools { display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid #d9dbd0; margin-top:24px; font-size:13px; color:#73796b; }
.library-tools > div { display:flex; gap:25px; }
.library-tools > div > span { padding:12px 0; }
.library-tools .active { color:#283123; border-bottom:2px solid #606e50; }
.illustrated-search { display:flex; gap:9px; align-items:center; }
.illustrated-search svg { width:16px; height:16px; }
.saved-row { display:grid; grid-template-columns:48px minmax(0,1fr) 20px; align-items:center; gap:20px; padding:23px 0; border-bottom:1px solid #dfe1d7; }
.source-initial { display:grid; place-items:center; width:44px; height:50px; font:24px/1 var(--serif); color:#4b583c; border-radius:4px; }
.saved-source { font-size:12px; color:#73796b; }
.saved-row h4 { font:23px/1.25 var(--serif); letter-spacing:-.02em; margin:5px 0 8px; }
.saved-row h4 a:hover { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.saved-row p { font-size:12px; color:#72786b; display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.collection-tag { padding:2px 7px; color:#556047; border-radius:3px; }
.saved-star { width:18px; height:18px; fill:#a29462; stroke:#a29462; }
.unread-dot { width:6px; height:6px; background:#829268; border-radius:50%; justify-self:center; }
.library-bottom { display:flex; justify-content:space-between; gap:20px; padding:20px 0; font-size:12px; color:#73796b; }
.library-bottom > span:last-child { display:flex; align-items:center; gap:7px; }
.library-bottom svg { width:14px; height:14px; }
.library-illustration figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 20px; color:#71776a; font-size:13px; margin-top:18px; }
.library-illustration figcaption > span:last-child { font-size:12px; }
.export-chapter { background:#e7e6dc; padding:90px 0; border-top:1px solid #d3d6c8; }
.export-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:center; }
.export-copy > p { margin-top:22px; color:#565f4d; line-height:1.7; font-size:18px; max-width:440px; }
.format-explainer { margin:28px 0; border-top:1px solid #bec6b4; }
.format-explainer > div { display:grid; grid-template-columns:64px 1fr; align-items:baseline; gap:12px; padding:14px 0; border-bottom:1px solid #cdd2c4; }
.format-explainer dt { font-size:15px; font-weight:550; }
.format-explainer dd { margin:0; font-size:14px; line-height:1.6; color:#626b57; }
.export-copy > .kindle-explainer { font-size:14px; line-height:1.7; }
.kindle-explainer a { display:inline-flex; align-items:center; gap:6px; color:#35432c; border-bottom:1px solid #81916f; }
.kindle-explainer svg { width:14px; height:14px; }
.export-illustration { position:relative; margin:0; height:480px; }
.export-canvas { position:absolute; inset:0 0 auto; width:100%; height:440px; transform-origin:top left; }
.export-source { position:absolute; left:0; top:55px; width:210px; height:284px; background:#f6f2e6; color:#384132; border:1px solid #d0d1c2; padding:23px; transform:rotate(-5deg); box-shadow:4px 7px 0 #d6d9c9,0 18px 35px #37462a0a; }
.export-source > svg { position:absolute; right:21px; top:22px; width:14px; height:14px; }
.export-source h3 { font:29px/1.1 var(--serif); letter-spacing:-.035em; margin:25px 0 13px; }
.export-source > span:not(.mini-label) { font-size:9px; }
.paper-lines { display:grid; gap:8px; margin-top:23px; }
.paper-lines i { height:3px; background:currentColor; opacity:.15; width:100%; }
.paper-lines i:nth-child(3n) { width:82%; }
.paper-lines i:last-child { width:62%; }
.export-route { position:absolute; left:207px; top:145px; width:100px; display:grid; justify-items:center; gap:8px; color:#7a876b; }
.export-route > span { font-size:10px; letter-spacing:.13em; }
.export-route svg { width:100%; height:22px; }
.export-files { position:absolute; left:26px; top:377px; display:flex; gap:8px; }
.export-files > span { display:flex; align-items:center; gap:8px; font-size:14px; color:#546345; background:#d8decb; border:1px solid #bec8ae; padding:8px 13px; border-radius:4px; }
.export-files svg { width:18px; height:18px; }
.export-device { position:absolute; right:5px; top:12px; width:260px; height:397px; border-radius:19px; background:#30362d; padding:16px 15px 27px; border:1px solid #525b49; box-shadow:0 18px 35px #37462a0a; transform:rotate(3deg); }
.device-screen { height:100%; background:#e7e6dd; color:#394331; border-radius:4px; padding:26px 24px; position:relative; }
.device-screen > span:first-child { display:block; font-size:7px; letter-spacing:.08em; border-bottom:1px solid #bac2af; padding-bottom:14px; }
.device-screen h3 { font:31px/1.1 var(--serif); letter-spacing:-.04em; margin:22px 0 9px; }
.device-screen > p { font-size:10px; color:#6d7562; }
.device-screen .paper-lines { gap:9px; margin-top:26px; }
.device-screen .paper-lines i { height:3px; opacity:.21; }
.device-screen .device-page { position:absolute; bottom:14px; left:50%; font-size:9px; }
.device-dot { position:absolute; bottom:11px; width:5px; height:5px; background:#68755a; border-radius:50%; left:50%; }
.export-illustration figcaption { position:absolute; bottom:0; left:0; right:0; font-size:13px; color:#6a755e; text-align:center; }
.reading-chapter { background:#242a23; padding:90px 0 0; }
.reading-pair { display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.feature-heading h2 { font-size:44px; }
.feature-heading p { font-size:17px; color:#bbc2b0; line-height:1.7; margin-top:20px; max-width:490px; min-height:87px; }
.reader-preview,.review-preview { height:395px; margin:30px 0 0; border:1px solid #e0e5d32a; border-radius:8px; overflow:hidden; }
.reader-preview { background:#394234; }
.preview-toolbar { height:57px; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 20px; border-bottom:1px solid #e0e5d320; color:#d4dac8; font-size:12px; }
#reader-switch { display:flex; align-items:center; gap:8px; background:none; min-height:32px; padding:0; }
#reader-switch b { font-weight:450; font-size:12px; min-width:20px; }
.preview-switch-track { display:block; width:32px; height:19px; border-radius:12px; background:#717b66; padding:3px; }
.preview-switch-track i { display:block; width:13px; height:13px; border-radius:50%; background:#eaeede; transition:transform 350ms var(--ease); }
#reader-switch[aria-checked="true"] .preview-switch-track { background:#9aaa80; }
#reader-switch[aria-checked="true"] .preview-switch-track i { transform:translateX(13px); }
.comparison-canvas { position:relative; height:288px; overflow:hidden; background:#d1d3c6; transition:background-color 600ms; }
.comparison-article { background:#f4f0e3; width:62%; margin:0 auto; height:100%; padding:23px 26px; color:#3a4133; transition:transform 650ms var(--ease); }
.comparison-article > span { font-size:8px; letter-spacing:.12em; }
.comparison-article h3 { font:25px/1.1 var(--serif); letter-spacing:-.025em; margin:14px 0; }
.comparison-article p { font:12px/1.65 var(--serif); margin-top:11px; }
.comparison-article .paper-lines { margin-top:16px; gap:6px; }
.comparison-article .paper-lines i { height:2px; }
.comparison-noise { position:absolute; z-index:1; border:1px solid #8b95754a; transition:transform 650ms var(--ease),opacity 450ms; }
.preview-ad { top:45px; left:11px; padding:16px 12px; background:#b6c39e; width:120px; transform:rotate(-5deg); }
.preview-ad span { font-size:7px; letter-spacing:.08em; }
.preview-ad strong { display:block; font:21px/1.12 var(--serif); color:#37482a; margin-top:16px; }
.preview-popup { right:8px; top:15px; padding:14px 12px; background:#f1e9d5; color:#454d3a; transform:rotate(4deg); }
.preview-popup span { display:block; font-size:11px; }
.preview-popup b { display:block; font-size:8px; font-weight:400; margin-top:12px; text-align:right; }
.preview-cookie { left:5%; bottom:14px; width:90%; background:#48523d; padding:14px; display:flex; align-items:center; justify-content:space-between; gap:12px; box-shadow:0 5px 16px #23351b12; font-size:10px; }
.preview-cookie b { padding:5px 8px; background:#e1e5d5; color:#37412c; border-radius:2px; font-size:9px; font-weight:450; }
.reader-preview[data-clean="true"] .preview-ad { transform:translateX(-125%) rotate(-10deg); opacity:0; }
.reader-preview[data-clean="true"] .preview-popup { transform:translateX(125%) rotate(10deg); opacity:0; }
.reader-preview[data-clean="true"] .preview-cookie { transform:translateY(150%); opacity:0; }
.reader-preview[data-clean="true"] .comparison-canvas { background:#f4f0e3; }
.reader-preview[data-clean="true"] .comparison-article { transform:scale(1.04); }
.preview-status { padding:13px 15px; text-align:center; font-size:12px; color:#c0cab2; line-height:1.4; }
.review-preview { position:relative; padding:26px 30px; background:#e6e1cf; color:#343f2b; }
.review-preview-top { display:flex; gap:12px; align-items:center; font-size:16px; }
.review-preview-top svg { width:25px; height:25px; color:#7b886a; }
.review-preview-top small { display:block; font-size:11px; margin-top:2px; color:#717a64; }
.review-preview blockquote { margin:28px 0 18px; font:30px/1.28 var(--serif); letter-spacing:-.025em; }
.review-preview mark { position:relative; isolation:isolate; background:transparent; color:inherit; white-space:nowrap; }
.review-preview mark::before { content:''; position:absolute; inset:0 -2px -1px; background:#c8c894; z-index:-1; transform-origin:left; transform:scaleX(var(--mark-progress,1)); }
.review-source { font-size:12px; display:block; color:#616d50; }
.review-source span { display:flex; align-items:center; gap:5px; margin-top:3px; color:#80886f; }
.review-source svg { width:12px; height:12px; }
.review-source:hover { text-decoration:underline; text-underline-offset:3px; }
.review-note { border-top:1px solid #a6b19370; margin-top:20px; padding-top:16px; }
.review-note > span { font-size:9px; letter-spacing:.1em; color:#7b876c; }
.review-note p { font-size:13px; margin-top:5px; }
.review-preview figcaption { position:absolute; right:22px; top:27px; font-size:10px; color:#7e8773; }
.supporting-details { display:flex; justify-content:space-between; gap:35px; border-top:1px solid #dfe4d326; margin-top:65px; padding-block:32px; }
.supporting-details > div { display:flex; align-items:center; gap:15px; }
.supporting-details svg { width:23px; height:23px; color:#a6b295; }
.supporting-details strong { font-size:14px; display:block; font-weight:450; }
.supporting-details span { font-size:12px; color:#a5b097; display:block; margin-top:3px; }
.pricing-section { padding:90px 0; background:#eee8d9; color:#2e3728; }
.pricing-grid { grid-template-columns:1fr .9fr; gap:96px; align-items:center; }
.pricing-copy h2 { font-size:56px; }
.pricing-copy > p { font-size:18px; color:#646e57; margin-top:24px; line-height:1.7; max-width:360px; }
.pricing-copy > .text-link { margin-top:26px; font-size:16px; }
.pricing-copy .small-note { margin-top:10px; font-size:13px; color:#7d866f; }
.price-panel { background:#faf7ef; border:1px solid #cdd1bf; border-radius:8px; padding:28px 32px; }
.plan-tabs { margin-bottom:28px; }
.plan-tabs button { font-size:15px; }
.price-kicker { font-size:11px; }
.price-number > span:first-child { font-size:72px; line-height:1.1; }
.price-number { margin-top:16px; }
.price-number > span:last-child { font-size:16px; }
#price-billing { font-size:16px; margin-top:13px; }
#price-renewal { font-size:14px; line-height:1.6; min-height:46px; margin-top:8px; }
.price-includes { font-size:14px; gap:10px; padding-block:24px; }
#subscribe { width:100%; justify-content:center; min-height:50px; }
#price-offer { font-size:13px; line-height:1.65; min-height:50px; margin-top:17px; }
.activation-note { font-size:12px; color:#7a836d; margin-top:8px; line-height:1.6; }
.refund-link { font-size:13px; min-height:36px; }
.questions { padding:72px 0; background:#f3f0e8; }
.question-grid { grid-template-columns:.8fr 1.2fr; gap:80px; }
.question-grid h2 { font:44px/1.1 var(--serif); letter-spacing:-.025em; margin-top:16px; }
.accordions summary { font-size:17px; min-height:67px; }
.accordions details p { font-size:15px; line-height:1.75; }
.accordions details p a { text-decoration:underline; text-underline-offset:3px; }
.install-section { padding-block:64px; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.install-section h2 { font-size:46px; margin:0; }
.install-section p { font-size:14px; margin-top:16px; color:#adb8a0; }
.install-section .button { white-space:nowrap; }
.site-footer { display:flex; align-items:center; gap:40px; padding-block:25px; border-top:1px solid #dae2cf26; }
.site-footer .brand { font-size:38px; }
.site-footer nav { display:flex; gap:23px; margin-left:auto; font-size:13px; color:#b1bba5; }
.site-footer > span { font-size:12px; color:#79856e; }
.site-footer nav a { min-height:40px; display:inline-flex; align-items:center; }
@media(min-width:901px) and (max-width:1100px) {
 .hero h1 { font-size:57px; }
 .hero-description { font-size:16px; }
 .hero-copy .eyebrow { font-size:9px; }
 .export-layout { gap:40px; grid-template-columns:.9fr 1.1fr; }
 .export-illustration { height:405px; }
 .export-canvas { width:520px; transform:scale(.84); }
 .reading-pair { gap:32px; }
 .review-preview { padding-inline:23px; }
 .review-preview figcaption { top:auto; bottom:14px; right:23px; }
 .pricing-grid { gap:48px; }
 .supporting-details { gap:15px; }
 .supporting-details svg { display:none; }
}
@media(max-width:900px) {
 .shell { width:calc(100% - 48px); }
 .hero h1 { font-size:68px; }
 .hero-description { max-width:500px; }
 .nav nav { gap:15px; }
 .reading-sources .shell { flex-direction:column; gap:8px; }
 .reading-sources p { gap:12px; font-size:14px; flex-wrap:wrap; justify-content:center; }
 .chapter-heading { gap:36px; grid-template-columns:1.1fr 1fr; }
 .chapter-heading h2,.export-copy h2,.pricing-copy h2 { font-size:46px; }
 .chapter-heading p { font-size:16px; }
 .library-side { padding:25px 14px; }
 .library-window { grid-template-columns:178px minmax(0,1fr); }
 .library-main { padding:25px 24px 0; }
 .library-tools > div { gap:18px; }
 .illustrated-search { font-size:0; }
 .saved-row { gap:14px; grid-template-columns:38px minmax(0,1fr) 16px; }
 .source-initial { width:36px; height:44px; }
 .saved-row h4 { font-size:21px; }
 .export-layout { grid-template-columns:1fr 1fr; gap:28px; }
 .export-illustration { height:350px; }
 .export-canvas { width:520px; transform:scale(.67); }
 .reading-pair { gap:32px; }
 .feature-heading h2 { font-size:36px; }
 .feature-heading p { font-size:15px; min-height:102px; }
 .reader-preview,.review-preview { height:376px; }
 .preview-toolbar { padding-inline:12px; font-size:11px; }
 .comparison-canvas { height:269px; }
 .comparison-article { width:75%; padding:18px; }
 .comparison-article h3 { font-size:23px; }
 .preview-ad { width:100px; padding:12px 9px; }
 .preview-ad strong { font-size:18px; }
 .preview-popup { padding:10px; max-width:140px; }
 .preview-cookie { font-size:8px; }
 .preview-status { font-size:11px; }
 .review-preview { padding:22px; }
 .review-preview blockquote { font-size:27px; }
 .review-preview figcaption { top:auto; bottom:12px; right:22px; font-size:9px; }
 .review-note { margin-top:16px; padding-top:12px; }
 .review-note p { font-size:12px; }
 .supporting-details { gap:20px; }
 .supporting-details svg { display:none; }
 .supporting-details strong { font-size:13px; }
 .supporting-details span { font-size:11px; }
 .pricing-grid { gap:38px; }
 .price-panel { padding:25px; }
 .question-grid { gap:40px; }
 .site-footer { gap:24px; }
 .site-footer nav { gap:15px; }
}
@media(max-width:650px) {
 .hero h1 { font-size:48px; margin-top:20px; }
 .hero-description { font-size:17px; }
 .hero-copy .eyebrow { font-size:9px; }
 .hero { padding-top:24px; }
 .press-demo { margin-top:24px; margin-bottom:0; }
 .nav { padding-block:22px; }
 .nav nav { display:none; }
 .nav .brand { font-size:39px; }
 .nav-install { font-size:12px; min-height:40px; padding-inline:13px; }
 .nav-install svg { width:15px; height:15px; }
 .reading-sources .shell { padding-block:20px; }
 .reading-sources .shell > span { font-size:12px; }
 .reading-sources p { font-size:12px; gap:7px; line-height:1.7; }
 .library-chapter,.export-chapter,.reading-chapter,.pricing-section { padding-top:58px; }
 .library-chapter,.export-chapter,.pricing-section { padding-bottom:55px; }
 .chapter-heading { display:block; margin-bottom:28px; }
 .chapter-heading h2,.export-copy h2,.pricing-copy h2 { font-size:40px; }
 .chapter-heading p { margin-top:20px; font-size:16px; }
 .library-window { display:block; }
 .library-side { display:none; }
 .library-main { padding:20px 18px 0; }
 .library-top h3 { font-size:32px; }
 .preview-label { font-size:10px; }
 .mini-label { font-size:9px; }
 .library-tools { font-size:11px; margin-top:16px; }
 .library-tools > div { gap:17px; }
 .saved-row { grid-template-columns:30px minmax(0,1fr) 12px; gap:12px; padding:21px 0; }
 .source-initial { width:29px; height:36px; font-size:19px; }
 .saved-source { font-size:10px; }
 .saved-row h4 { font-size:20px; }
 .saved-row p { font-size:10px; gap:5px; }
 .saved-star { width:13px; height:13px; }
 .library-bottom { font-size:10px; gap:12px; }
 .library-bottom > span:last-child { max-width:125px; text-align:right; }
 .library-illustration figcaption { display:block; line-height:1.6; font-size:12px; }
 .library-illustration figcaption > span:last-child { display:block; font-size:10px; margin-top:5px; }
 .export-layout { display:flex; flex-direction:column; gap:18px; }
 .export-copy > p { font-size:16px; }
 .export-illustration { flex:none; width:330px; max-width:100%; height:332px; margin:0 auto; }
 .export-canvas { width:100%; height:295px; transform:none; }
 .export-source { width:139px; height:195px; padding:16px; top:38px; left:0; }
 .export-source .mini-label { font-size:7px; }
 .export-source > svg { width:11px; height:11px; top:15px; right:13px; }
 .export-source h3 { font-size:21px; margin:19px 0 8px; }
 .export-source > span:not(.mini-label) { font-size:7px; }
 .export-source .paper-lines { margin-top:17px; gap:7px; }
 .export-source .paper-lines i { height:2px; }
 .export-device { width:170px; height:270px; top:14px; right:0; padding:10px 9px 19px; border-radius:12px; }
 .device-screen { padding:17px 14px; }
 .device-screen > span:first-child { font-size:5px; padding-bottom:10px; }
 .device-screen h3 { font-size:23px; margin-top:16px; }
 .device-screen > p { font-size:8px; }
 .device-screen .paper-lines { gap:7px; margin-top:18px; }
 .device-screen .paper-lines i { height:2px; }
 .device-screen .device-page { font-size:7px; bottom:9px; }
 .device-dot { bottom:8px; width:4px; height:4px; }
 .export-route { left:129px; width:34px; top:127px; }
 .export-route > span { font-size:6px; }
 .export-files { left:0; top:258px; gap:5px; }
 .export-files > span { padding:6px 8px; gap:4px; font-size:10px; }
 .export-files svg { width:13px; height:13px; }
 .export-illustration figcaption { font-size:11px; bottom:0; }
 .reading-pair { grid-template-columns:1fr; gap:54px; }
 .feature-heading h2 { font-size:39px; }
 .feature-heading p { min-height:0; font-size:16px; }
 .reader-preview,.review-preview { height:390px; margin-top:24px; }
 .comparison-canvas { height:285px; }
 .comparison-article { padding:25px 20px; }
 .preview-status { font-size:11px; }
 .review-preview { padding:27px; }
 .review-preview blockquote { font-size:30px; margin-block:25px 20px; }
 .review-preview figcaption { font-size:10px; right:27px; bottom:13px; }
 .supporting-details { flex-direction:column; gap:24px; margin-top:48px; padding-block:28px; }
 .supporting-details svg { display:block; }
 .supporting-details strong { font-size:14px; }
 .supporting-details span { font-size:12px; }
 .pricing-grid { display:block; }
 .pricing-copy > p { font-size:16px; }
 .price-panel { margin-top:35px; padding:25px; }
 .questions { padding-block:52px; }
 .question-grid { display:block; }
 .question-grid h2 { font-size:38px; margin-bottom:26px; }
 .accordions summary { font-size:16px; }
 .accordions details p { font-size:14px; }
 .install-section { flex-direction:column; align-items:flex-start; gap:28px; padding-block:48px; }
 .install-section h2 { font-size:39px; }
 .site-footer { flex-wrap:wrap; gap:12px 20px; padding-block:25px; }
 .site-footer .brand { font-size:34px; }
 .site-footer nav { order:3; margin-left:0; width:100%; gap:22px; }
 .site-footer > span { margin-left:auto; font-size:11px; }
}
@media(max-width:370px) {
 .shell { width:calc(100% - 32px); }
 .hero h1 { font-size:43px; }
 .export-illustration { width:310px; }
 .review-preview { padding-inline:22px; }
 .review-preview blockquote { font-size:28px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 .comparison-noise,.comparison-canvas,.comparison-article,.preview-switch-track i { transition:none; }
}
/* Pricing inherits the paper palette, including every secondary label. */
.plan-tabs { border-color:#cdd1bf; }
.plan-tabs button { color:#656f59; }
.plan-tabs button.active { color:#2e3a24; }
.plan-tabs button::after { background:#63744f; }
.plan-tabs button span { background:#e5e9d9; color:#52603f; border-color:#cbd4b9; }
#price-renewal { color:#68745b; }
.price-includes { border-color:#d4d9c9; }
.preview-ad span { color:#5a6847; }