/* Landing composition. Receipt artwork and app typography keep their own rules. */
.printer{display:none}
/* Match the simulator's spacing to the native 270-point receipt. */
.desktop-print .paper{padding:15.5px 10px 26px;line-height:1.45}
.desktop-print header{margin-bottom:0}
.desktop-print .rule{margin:7px 0}
.desktop-print .purchase-lines{margin:0}
.desktop-print .purchase-meta{margin:6px 0;gap:7px}
.desktop-print .purchase-meta .value{margin-top:4px}
.desktop-print .purchase-badge{margin-top:4px;padding:3px 5px}
.desktop-print .purchase-table{margin:7px 0}
.desktop-print .purchase-table small{margin-top:3px}
.desktop-print .purchase-lines .row{margin:5px 0}
.desktop-print .purchase-lines .purchase-total{margin-top:7px}
.desktop-print .footer{padding-top:3px}
.desktop-print .footer p{margin:3px 0 0}
.desktop-print h3{margin:9px 0 7px}
.desktop-print .art{height:62px;margin:6px 0}
.desktop-print .muted{margin:5px 0}
.landing-bottom{--ink:#2447ff;--line:#dfe1e7;--soft:#eceffd;--copy:#686b75;padding-top:80px}
.landing-bottom h2{text-wrap:balance;font-weight:500;letter-spacing:-1.8px}
.landing-bottom .lead{color:var(--copy);line-height:1.7;text-wrap:pretty}
.landing-bottom .eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#7c8191}
.landing-bottom>section{scroll-margin-top:40px}
.content-hero{padding:12px 0 40px}
.hero-emblem{width:106px;height:106px;border-radius:50%;background:var(--soft);margin:25px auto 0;display:grid;place-items:center}
.hero-emblem img{width:86px;height:86px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-8deg)}
.content-hero h2{font-size:clamp(48px,4.4vw,72px);margin-top:22px}
.content-hero .lead{font-size:17px;max-width:490px}
.landing-bottom .cta:not(.paper .cta){background:var(--ink);border-color:var(--ink);transition:background .2s,transform .2s}
.landing-bottom .cta:not(.paper .cta):hover{background:#1735d1;transform:translateY(-2px)}
.content-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:42px;padding-top:25px;border-top:1px solid var(--line)}
.content-nav a{display:flex;align-items:center;gap:18px;text-decoration:none;font-size:11px;padding:10px 14px;border-radius:6px;transition:background .2s;color:#535766}
.content-nav a:hover{background:#e9ecf7;color:var(--ink)}
.content-nav span{color:var(--ink)}
.manifesto{background:var(--soft);padding:38px;border:0;border-radius:16px;gap:0 28px;margin:12px 0 64px}
.manifesto h2{font-size:clamp(30px,2.8vw,42px);margin-bottom:12px}
.manifesto .lead{font-size:14px}
.manifesto .story-line{border-top:1px solid #d7ddef;padding-top:22px;font-size:9px;color:var(--ink)}
.booster{padding:0 0 68px;border:0}
.booster h2{margin-top:15px}
.mac-desktop{border-radius:18px;border-color:#e0e2ea;box-shadow:0 15px 35px #18274808}
.booster-empty{font-size:10px;color:#8a8d96}
.story-section{padding:66px 0;border-top:1px solid var(--line)}
.chapter{gap:30px}
.chapter-copy h2{font-size:clamp(30px,2.9vw,44px)}
.chapter .lead{font-size:14px}
.chapter-visual,.daily-proof-visual{position:relative;isolation:isolate;border-radius:16px;background-color:#eceef5;background-image:radial-gradient(#cdd2e0 .7px,transparent .7px);background-size:12px 12px;padding:32px 22px}
.chapter-visual:before,.daily-proof-visual:before{display:none}
.daily-proof-visual .app-receipt{max-width:220px;transform:rotate(3deg)}
.chapter-summary{grid-template-columns:1fr;gap:28px}
.chapter-summary .chapter-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:center}
.chapter-summary .chapter-copy>.eyebrow{grid-column:1/-1}
.chapter-summary .chapter-copy h2{margin-bottom:0}
.chapter-summary .chapter-copy .lead{margin:20px 0 0}
.chapter-summary .chapter-visual{padding:42px 38px;background-color:#e9edff}
.chapter-summary .receipt-examples{grid-template-columns:repeat(2,minmax(0,230px));justify-content:center;gap:34px;align-items:start}
.chapter-summary .content-receipt:first-child{margin:0;transform:rotate(-3deg)}
.chapter-summary .content-receipt:last-child{margin:45px 0 0;transform:rotate(3deg)}
.milestone-editorial{padding:44px 250px 36px 34px;min-height:390px;border:0;background:#eceffd;border-radius:16px;margin:16px 0 64px}
.milestone-editorial h2{font-size:clamp(32px,3vw,44px)}
.milestone-editorial .lead{font-size:14px}
.editorial-art{right:18px;top:90px;width:215px;height:215px;transform:rotate(8deg)}
.milestone-list{font:11px 'DM Sans',sans-serif;gap:10px;color:#525b80;letter-spacing:.4px}
.everyday{padding-top:0;border-top:0}
.everyday>.lead{max-width:510px}
.everyday .steps{gap:12px;margin-top:30px}
.everyday .steps>div{padding:22px 18px;background:#eeefec;border-radius:10px}
.everyday .steps span{color:var(--ink);font-size:8px;letter-spacing:1px}
.everyday .steps h3{font-size:16px;line-height:1.3;margin:18px 0 10px}
.everyday .steps p{font-size:12px;line-height:1.7;margin-bottom:0}
.chapter-sharing .chapter-visual{background:#e9edff;padding:35px 22px}
.chapter-sharing .app-receipt{max-width:205px;transform:rotate(-5deg)}
.future-collection{margin:12px 0 50px;border:1px solid var(--line);border-radius:18px;padding:32px;background:#f0f1ed}
.future-heading{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:28px;border-bottom:1px solid #dadcd7}
.future-heading .eyebrow{width:100%}
.future-heading p{font-size:21px;letter-spacing:-.5px;flex:1;margin:0;color:#454b60}
.future-heading>span{font-size:9px;color:#72786b;border:1px solid #d1d5cc;border-radius:20px;padding:7px 10px}
.future-collection .story-section{padding:40px 0;border-color:#dadcd7}
.future-collection .chapter-moments{border-top:0}
.future-collection .chapter-copy h2{font-size:34px}
.future-collection .chapter-copy .eyebrow{display:none}
.future-collection .concept-tag{background:transparent;border:0;padding:0;color:#7b8276;font-size:10px;margin-bottom:0}
.future-collection .lead{font-size:13px}
.future-collection .chapter-visual{background:none;padding:22px 8px 8px;border-radius:0}
.future-collection .chapter-visual:before{display:none}
.chapter-moments .receipt-examples{gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
.chapter-moments .content-receipt:nth-child(2){margin-top:24px;transform:rotate(3deg)}
.chapter-moments .content-receipt:nth-child(3){margin-top:48px;transform:rotate(-2deg)}
.chapter-wall .success-wall{gap:22px 18px}
.future-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.future-pair .chapter{display:flex;flex-direction:column;align-items:stretch;padding-bottom:0;gap:12px}
.future-pair .chapter-copy{flex:1}
.future-pair .chapter-copy h2{font-size:28px;letter-spacing:-1px}
.future-pair .chapter-visual{margin:0;padding:15px 0 0}
.future-pair .download-status{font-size:9px!important}
.future-pair .app-concept .brand{font-size:16px}
.future-pair .app-concept .receipt-type{font-size:7px}
.future-pair .concept-receipt-title{font-size:16px}
.future-pair .mood-labels{font-size:6px}
.service-section{border-top:0;padding:35px 0 64px;margin:0}
.service-grid{border:0;gap:12px;margin-top:28px}
.service-card,.service-card:nth-child(even){padding:22px 18px;background:#fff;border:1px solid #e7e8eb;border-radius:12px;column-gap:12px}
.service-card:not(.future-service){background:#eceffd;border-color:#dfe4ff}
.service-card .service-status{font-size:9px}
.service-card p{font-size:12px}
.service-card h3{font-size:17px}
.service-mark{background:#eeefec}
.future-service h3{color:#5e6475}
.chapter-pricing{padding:44px 32px;background:#eceffd;border:0;border-radius:16px;margin-bottom:65px}
.chapter-pricing .chapter-visual:before{display:none}
.chapter-pricing .concept-tag{background:#dfe5ff;color:#647099}
.chapter-pricing .chapter-copy h2{font-size:36px}
.chapter-pricing .pricing-receipt .paper{padding:28px 18px!important}
.faq{border:0;padding:0 0 64px}
.faq details{padding:19px 0;border-color:var(--line)}
.faq summary{font-size:14px;align-items:center}
.faq summary:after{display:grid;place-items:center;flex:0 0 26px;height:26px;background:#e9edff;color:var(--ink);border-radius:50%;font-size:18px}
.faq details[open] summary{color:var(--ink)}
.last-call{position:relative;padding:65px 18px 35px;border-top:1px solid var(--line)}
.last-call h2{font-size:clamp(40px,3.8vw,58px)}
.last-call .eyebrow{font-size:8px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #2447ff;outline-offset:5px}
@media(min-width:1101px) and (max-width:1400px){
 .manifesto{padding:28px;grid-template-columns:1fr}.manifesto h2,.manifesto .lead{grid-column:1;grid-row:auto}
 .milestone-editorial{padding:32px 180px 32px 25px}.editorial-art{width:155px;height:155px;right:12px;top:100px}
 .future-collection{padding:24px}.chapter-moments .receipt-examples{grid-template-columns:1fr 1fr}.chapter-moments .content-receipt:nth-child(3){margin-top:0}
 .future-pair{grid-template-columns:1fr}.future-pair .chapter{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px}
 .chapter-summary .chapter-visual{padding:32px 22px}.chapter-summary .receipt-examples{gap:24px}
}
@media(max-width:600px){
 .landing-bottom{padding:48px 22px 30px}.content-hero h2{font-size:49px}.content-hero .lead{font-size:16px}
 .content-nav{gap:0;justify-content:space-between}.content-nav a{padding:10px 5px;gap:5px;font-size:10px}
 .manifesto{padding:28px 24px;margin-bottom:46px}.manifesto h2{font-size:34px}
 .booster{padding-bottom:46px}.booster h2{font-size:36px}.mac-desktop{border-radius:12px}
 .story-section{padding:44px 0}.chapter-copy h2{font-size:36px}.chapter .lead{font-size:14px}
 .daily-proof-visual{padding:28px 24px}.daily-proof-visual .app-receipt{max-width:205px}
 .chapter-summary .chapter-copy{display:block}.chapter-summary .chapter-copy h2{font-size:34px}
 .chapter-summary .chapter-visual{padding:25px 19px;margin-top:24px}.chapter-summary .receipt-examples{gap:18px}
 .chapter-summary .content-receipt:last-child{margin-top:34px}
 .milestone-editorial{padding:28px 24px 24px;margin:0 0 44px;min-height:0}.editorial-art{position:relative;top:auto;right:auto;float:right;width:105px;height:105px;margin:0 -5px 10px 8px}
 .milestone-editorial h2{font-size:34px}.milestone-editorial>.eyebrow{padding-top:8px;max-width:160px}
 .everyday .steps{grid-template-columns:1fr;gap:10px}.everyday .steps>div{padding:22px}.everyday .steps h3{margin-top:10px}
 .chapter-sharing .app-receipt{max-width:205px}.chapter-sharing .chapter-visual{padding:30px}
 .future-collection{padding:25px 18px;margin-bottom:38px;border-radius:14px}.future-heading p{font-size:21px;flex-basis:100%}
 .future-collection .chapter-copy h2{font-size:31px}.future-collection .chapter-visual{margin-top:20px}
 .chapter-moments .receipt-examples{grid-template-columns:1fr;max-width:230px;gap:22px}
 .chapter-moments .content-receipt:nth-child(n){margin-top:0;transform:none}
 .chapter-moments .app-concept .paper{font-size:10px}
 .chapter-wall .success-wall{gap:18px 13px}
 .future-pair{grid-template-columns:1fr;gap:32px}.future-pair .chapter{gap:0}.future-pair .app-concept{width:100%;max-width:230px}
 .service-section{padding:20px 0 44px}.service-grid{grid-template-columns:1fr}.service-card:nth-child(n){padding:23px 20px}
 .chapter-pricing{padding:28px 22px;margin-bottom:44px}.chapter-pricing .chapter-copy h2{font-size:34px}.chapter-pricing .chapter-visual{margin-top:28px}
 .faq{padding-bottom:44px}.faq h2{font-size:32px}.faq summary{font-size:13px}.faq details p{font-size:13px}
 .last-call{padding-top:44px}.last-call h2{font-size:41px}
}
@media(prefers-reduced-motion:reduce){.landing-bottom .cta{transition:none}}
/* Keep inset panels independent from the general section spacing. */
.story-section.manifesto{padding:38px;border:0}
.future-pair .chapter-copy{flex:none;min-height:210px}
.future-pair .app-concept{width:100%;max-width:240px}
@media(min-width:1101px) and (max-width:1400px){.story-section.manifesto{padding:28px}.future-pair .chapter-copy{min-height:0}}
@media(max-width:600px){.story-section.manifesto{padding:28px 24px}.future-pair .chapter-copy{min-height:0}.future-pair .app-concept{max-width:230px}}
/* The narrow opening keeps the first two receipt groups in opposing motion. */
@media(max-width:1100px){
  .mobile-heading{display:none}
  .satellites{display:block;padding:0}
  .satellite{position:absolute;left:50%;top:0;width:var(--side-width);visibility:hidden!important;will-change:transform}
  .satellite[style*="visibility: visible"]{visibility:visible!important}
  .satellite{transform:var(--motion)!important}
  .paper-wrap{width:var(--side-width)}
  .printer{width:calc(var(--side-width) + 14px)}
  .satellite .paper{width:270px;zoom:var(--side-scale);padding:28px 18px 30px;font-size:10px}
  .paper-wrap .paper{width:330px;zoom:var(--main-scale)}
  .satellite .brand{font-size:18px}.satellite .receipt-type{font-size:8.5px}
  .satellite .art{height:150px}.satellite h2{font-size:19px}
  .fixed-examples{display:none}
  .landing-bottom{max-width:850px}
}

/* App-rendered receipts: the native bitmap owns every internal measurement. */
.native-receipt-image{display:block;width:100%;height:auto;object-fit:contain;margin:0}
.paper.native-receipt{padding:0!important;clip-path:none;background:none;overflow:visible;aspect-ratio:auto!important;zoom:1!important;width:100%!important}
.paper.native-receipt:before{display:none}
.desktop-print .native-receipt-image{height:auto;margin:0}
.app-receipt:has(.native-receipt){container-type:normal}
.receipt-flow{container-type:inline-size}
.receipt-flow>.paper:not(.native-receipt){padding:10.37cqw 6.667cqw 16.667cqw!important;font:3.704cqw/1.6 SpaceMono,monospace!important;color:#141414}
.receipt-flow>.paper:not(.native-receipt) header{margin-bottom:0;gap:3cqw;align-items:start}
.receipt-flow>.paper:not(.native-receipt) .brand{font:700 6.667cqw/1.3 -apple-system,BlinkMacSystemFont,sans-serif!important;letter-spacing:-.259cqw;max-width:57%}
.receipt-flow>.paper:not(.native-receipt) .receipt-type{font:3.148cqw/1.6 SpaceMono,monospace!important;max-width:43%;white-space:normal}
.receipt-flow>.paper:not(.native-receipt) .rule{margin:6cqw 0;border-top-width:.185cqw;color:#aaa}
.receipt-flow>.paper:not(.native-receipt) .label{font-size:3.333cqw}
.receipt-flow>.paper:not(.native-receipt) .value{font-size:3.704cqw;font-weight:700;margin-top:4.3cqw}
.receipt-flow>.paper:not(.native-receipt) h1,.receipt-flow>.paper:not(.native-receipt) h2,.receipt-flow>.paper:not(.native-receipt) h3{font-family:SpaceMono,monospace!important;font-weight:700;letter-spacing:0;font-size:7.407cqw;line-height:1.4;margin:6cqw 0 4cqw}
.receipt-flow>.paper:not(.native-receipt) p{font-family:SpaceMono,monospace;font-size:3.333cqw;line-height:1.6;margin:0 0 5cqw}
.receipt-flow>.paper:not(.native-receipt) .row{font-size:3.704cqw;margin:4cqw 0}
.receipt-flow>.paper:not(.native-receipt) .muted{font-size:2.963cqw}
.receipt-flow>.paper:not(.native-receipt) .footer{font:3.333cqw/1.8 SpaceMono,monospace;padding-top:3cqw;text-align:center}
.receipt-flow>.paper:not(.native-receipt) .footer p{font-size:3.333cqw;margin:0}
.receipt-flow>.paper:not(.native-receipt) .art{height:36cqw;margin:5cqw auto}
@media(max-width:1100px){.paper-wrap.receipt-flow>.paper{width:100%!important;zoom:1!important}.satellite.receipt-flow>.paper{width:100%!important;zoom:1!important}}

/* Show only currently supported payment providers. */
.service-card.future-service{display:none}

/* Pricing */
.pricing-section{padding:76px 0}
.pricing-intro{max-width:540px;margin-bottom:38px}
.pricing-layout{display:grid;grid-template-columns:1fr;gap:30px;align-items:start}
.pricing-features h3,.price-card h3{font:500 18px 'DM Sans',sans-serif;margin:0 0 20px;color:var(--ink)}
.pricing-features ul{list-style:none;padding:0;margin:0;display:grid;gap:13px;font:14px/1.5 'DM Sans',sans-serif}
.pricing-features li:before{content:'✓';color:var(--ink);margin-right:12px}
.pricing-features>p{font:12px/1.7 'DM Sans',sans-serif;color:#777;margin-top:24px}
.pricing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.price-card{background:#fff;border:1px solid #e1e3ec;border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;min-height:270px}
.price-card-yearly{background:#eeefff;border-color:#dcdfff}
.price-card-heading{display:flex;justify-content:space-between;align-items:start;gap:8px}
.price-saving{white-space:nowrap;font:500 10px 'DM Sans',sans-serif;color:var(--ink);background:#fff;border-radius:20px;padding:5px 7px}
.price-amount{font:500 44px/1.15 'DM Sans',sans-serif;letter-spacing:-2px;color:var(--ink)}
.price-amount span{display:block;font:12px/1.6 'DM Sans',sans-serif;letter-spacing:0;color:#777;margin-top:5px}
.price-card>p{font:13px/1.6 'DM Sans',sans-serif;color:#777;margin:20px 0 24px}
.price-cta{display:block;text-align:center;text-decoration:none;background:var(--ink);color:white;border-radius:24px;padding:12px 10px;font:500 12px 'DM Sans',sans-serif;margin-top:auto}
.pricing-note{font:12px/1.7 'DM Sans',sans-serif;color:#888;margin-top:24px}
@media(max-width:700px){.pricing-layout{grid-template-columns:1fr;gap:28px}.pricing-section{padding:50px 0}.price-card{padding:22px 16px}.price-amount{font-size:40px}}

.page-footer button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}
#analytics-consent{position:fixed;bottom:20px;left:20px;z-index:100;width:min(380px,calc(100vw - 40px));background:#fff;border:1px solid #e1e3ec;border-radius:16px;box-shadow:0 8px 40px #0001;padding:22px;font:14px/1.5 'DM Sans',sans-serif}
#analytics-consent p{font-weight:600;color:var(--ink);margin:0 0 8px}#analytics-consent span{display:block;font-size:12px;color:#777}#analytics-consent>div{display:flex;gap:10px;margin-top:18px}#analytics-consent button{border:1px solid #dcdfff;background:#eeefff;color:var(--ink);border-radius:24px;padding:10px 14px;cursor:pointer;font:500 12px 'DM Sans',sans-serif}#analytics-consent button[data-choice=accepted]{background:var(--ink);color:#fff}

/* Content cards have no outlines. */
.landing-bottom :is(.service-card,.price-card,.mac-desktop,.chapter-visual,.daily-proof-visual,.steps>div,.manifesto,.milestone-editorial){border:0}

/* Footer */
.page-footer{max-width:850px;margin:0 auto;padding:42px 24px 24px;text-align:left;border-top:1px dashed #cdd2df;color:#777d8c;font-family:'DM Sans',sans-serif}
.footer-main{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;padding:0 0 38px}
.footer-brand{grid-column:1;display:flex;align-items:center;gap:10px;font-size:23px;font-weight:600;letter-spacing:-.8px;color:var(--ink);width:fit-content}
.footer-main>p{grid-column:1;margin:15px 0 0;font-size:13px;line-height:1.8}
.footer-main nav{grid-column:2;grid-row:1/3;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;align-content:center;font-size:13px}
.footer-main nav a:first-child{grid-column:1/-1;color:var(--ink);font-weight:500}
.page-footer a{transition:color .2s}.page-footer a:hover{color:var(--ink)}
.footer-bottom{border-top:1px solid #e4e6ec;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;flex-wrap:wrap}
.footer-platform{display:flex;gap:8px}.footer-utilities{display:flex;gap:18px;align-items:center}.footer-utilities a{color:var(--ink)}
.footer-paper-end{display:flex;align-items:center;gap:15px;color:#a0a5af;font:8px SpaceMono,monospace;letter-spacing:1.3px;padding:10px 0 6px}
.footer-paper-end i{height:16px;flex:1;opacity:.45;background:repeating-linear-gradient(90deg,#8b93a5 0 1px,transparent 1px 3px,#8b93a5 3px 5px,transparent 5px 8px)}
@media(max-width:600px){.page-footer{margin:0 24px;padding:32px 0 20px}.footer-main{grid-template-columns:1fr;gap:0;padding-bottom:28px}.footer-main nav{grid-column:1;grid-row:auto;margin-top:28px;gap:16px}.footer-bottom{align-items:flex-start;gap:15px}.footer-platform{width:100%;order:3}.footer-paper-end{font-size:7px;gap:10px}}

.footer-paper-end{justify-content:space-between}
.scene .paper .brand,
.scene .paper h1,
.scene .paper h2,
.scene .paper h3 {
  color: var(--headline-blue, #2447ff);
}
#roll {
  filter: drop-shadow(0 3px 6px #00000012);
}
.hint .hint-wordmark{font:800 11px/1.2 'DM Sans',sans-serif;letter-spacing:1.5px;color:#141414;margin:-6px 0 22px}
.hint-wordmark em{font-style:italic}
.content-hero .hero-emblem{background:none;border-radius:0;width:120px;height:120px}
.content-hero .hero-emblem img{width:120px;height:120px;transform:none}
.manifesto .progress-art{display:block;width:112px;height:112px;object-fit:contain;margin:0 0 20px;mix-blend-mode:multiply}
.manifesto h2:has(.progress-art){grid-row:1/3;margin-top:0}
@media(max-width:1100px){.manifesto h2:has(.progress-art){grid-row:auto}}
.section-art{display:block;width:112px;height:112px;object-fit:contain;margin:0 0 22px;mix-blend-mode:multiply}
.booster>.section-art,.last-call>.section-art{margin-inline:auto}
@media(max-width:600px){.section-art{width:96px;height:96px;margin-bottom:18px}}
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:560px){.pricing-options{grid-template-columns:1fr}.price-card{min-height:240px}}
.pricing-features ul{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:560px){.pricing-features ul{grid-template-columns:1fr}}
/* Additional native app receipts in the outer scrolling columns. */
.extra-example{margin:0 0 18px;line-height:0}
.extra-example img{display:block;width:100%;height:auto}
.pricing-availability{font:13px/1.7 'DM Sans',sans-serif;color:#686b75;margin:0;padding:16px 18px;background:#eceffd;border-radius:10px}
#paper .totals .row.total{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;text-align:left;align-items:start}
#paper .totals .row.total span:first-child{font:700 3.704cqw/1.5 SpaceMono,monospace}
#paper .totals .row.total span:last-child{font:700 6.667cqw/1.4 SpaceMono,monospace;letter-spacing:-.2cqw;overflow-wrap:normal}
.privacy-section{padding:58px 0 66px}
.privacy-intro .lead{max-width:560px}
.privacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:30px}
.privacy-grid article{padding:23px 18px;border-radius:12px;background:#eceffd}
.privacy-grid article>span{font:10px SpaceMono,monospace;color:#6475bd}
.privacy-grid h3{font:500 17px/1.35 'DM Sans',sans-serif;letter-spacing:-.3px;color:var(--ink);margin:18px 0 12px}
.privacy-grid p{font:13px/1.7 'DM Sans',sans-serif;color:#686b75;margin:0}
.privacy-note{font:12px/1.7 'DM Sans',sans-serif;color:#777d8d;margin:24px 0 0;max-width:650px}
@media(max-width:600px){.privacy-section{padding:44px 0}.privacy-grid{grid-template-columns:1fr}.privacy-grid article{padding:23px}.privacy-grid h3{margin-top:10px}}

/* Launch pricing: yearly is the main plan. */
.pricing-trial{padding:25px 0 0}
.pricing-trial>span{font:500 10px 'DM Sans',sans-serif;letter-spacing:1.4px;color:#6475bd}
.pricing-trial h3{font:500 25px 'DM Sans',sans-serif;color:var(--ink);margin:12px 0}
.pricing-trial p{font:14px/1.7 'DM Sans',sans-serif;color:#686b75;margin:0;max-width:530px}
.price-card-yearly{background:#2447ff;color:#fff;box-shadow:0 8px 26px #2447ff22}
.price-card-yearly h3,.price-card-yearly .price-amount{color:#fff}
.price-card-yearly .price-amount span,.price-card-yearly>p{color:#e3e8ff}
.price-card-yearly .price-cta{background:#fff;color:#2447ff}
.price-recommendation{font:500 10px 'DM Sans',sans-serif;text-align:center;margin-top:14px;color:#e3e8ff}
.price-card{min-height:345px}
.price-card:not(.price-card-yearly){padding-bottom:50px}
.price-card-lifetime .price-cta{background:#eceffd;color:#2447ff}
@media(max-width:560px){.price-card{min-height:290px}.price-card:not(.price-card-yearly){padding-bottom:24px}.price-card-yearly{grid-row:1}}

.price-alternative{font:500 15px "DM Sans",sans-serif;color:#686b75;margin:-5px 0 16px}

/* Generated front-facing MacBook, with the existing live demo in its display. */
.macbook-demo{position:relative;container-type:inline-size;aspect-ratio:3/2;width:100%;margin:22px auto 0;isolation:isolate}
.macbook-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;z-index:0}
.macbook-demo .mac-desktop{position:absolute;left:12.63%;top:16.02%;width:74.74%;height:63.38%;margin:0;border:0;border-radius:1px;box-shadow:none;z-index:1}
.macbook-demo .desktop-center{left:44%;top:48%;width:52%;max-width:240px}
.macbook-demo .sale-pill{font-size:clamp(11px,2.45cqw,20px);gap:1.35cqw;padding:2cqw 2.5cqw;border-radius:60px;box-shadow:0 8px 20px #20202b18}
.macbook-demo .sale-plus{font-size:clamp(15px,3cqw,25px)}
.macbook-demo .sale-key{font-size:clamp(8px,1.4cqw,12px);padding:1px 4px}
.macbook-demo .desktop-help{font-size:clamp(7px,1.3cqw,11px);margin-top:1.7cqw;text-align:center}
.macbook-demo .desktop-print{top:0;right:2%;width:21.5%;max-width:158px}
.macbook-demo .desktop-print .booster-output{padding:0}
.macbook-demo .mac-dock{bottom:2.2%;gap:1cqw;padding:.8cqw 1.1cqw;border-radius:1.4cqw}
.macbook-demo .dock-icon{width:3.3cqw;height:3.3cqw;max-width:28px;max-height:28px;border-radius:.8cqw}
.macbook-demo .desktop-toast{top:7%;left:44%;padding:1.1cqw 1.7cqw;font-size:clamp(7px,1.3cqw,11px);white-space:nowrap}
.booster:has(.macbook-demo) .booster-empty{margin:0;position:relative;top:-1.4cqw}
@media(max-width:600px){.macbook-demo{margin:12px -12px 0;width:calc(100% + 24px)}.macbook-demo .desktop-center{left:43%;top:48%}.macbook-demo .sale-key{display:none}.macbook-demo .desktop-print{width:23%;right:2%}.macbook-demo .desktop-help{max-width:125px}.macbook-demo .mac-dock{padding:1cqw 1.4cqw;gap:1.2cqw}.macbook-demo .dock-icon{width:4cqw;height:4cqw}.booster:has(.macbook-demo) .booster-empty{font-size:9px}}