/* A bounded Paper layout. Wide windows add space, not oversized app footage. */
:root{--shell:1160px;--gutter:clamp(22px,3vw,40px)}
.top-inner{height:72px;min-height:72px}
#top{scroll-margin-top:72px}
.top-nav{gap:26px}
.hero{padding-block:32px 24px}
.hero-copy{max-width:1080px;margin-bottom:22px}
.hero h1{font-size:clamp(42px,4.5vw,64px)}
.hero-deck{font-size:21px}
.hero-detail{font-size:14px}
.hero-product{width:100%;max-width:760px}
.hero-product .quiet-screen{box-shadow:none}
.hero-product figcaption{margin-top:2px}
.companion{padding-block:38px!important}
.companion-intro .display,.quiet-samples .display,.explorer-head .display,.quiet-codex-head h2,.quiet-ink .quiet-ink-intro h2,.quiet-plans .quiet-plans-heading h2,.faq .display{font-size:clamp(32px,3.3vw,44px);line-height:1.08}
.companion-intro .section-copy{font-size:15px}
.companion .video-shell{max-width:620px;margin:24px auto 0;flex-wrap:nowrap;gap:0;align-items:flex-end}
.companion .tablet-shell{width:80%;margin-right:-6%;position:relative;z-index:0}
.companion .phone-shell{width:26%;position:relative;z-index:1}
.reader-quotes .reader-quote blockquote{font-size:clamp(24px,2.3vw,30px)!important}
.reader-quotes .reader-quote{max-width:660px;padding-block:12px!important}
section.campaign-supporting,section.product,section.explorer,section.quiet-ink{padding-block:40px}
.quiet-samples .offer-head{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.quiet-samples .offer-head-copy>p:not(.eyebrow){font-size:15px}
.quiet-samples .offer-photo{max-width:600px;margin:0 auto}
.quiet-samples .quiet-screen video{aspect-ratio:5/4}
.quiet-codex #codex{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;align-items:center}
.quiet-codex-head{display:block;margin:0}
.quiet-codex-head .eyebrow{margin-bottom:14px}
.quiet-codex-intro{margin-top:18px;padding:0}
.quiet-codex-intro p{font-size:15px;line-height:1.6}
.quiet-codex-film{width:100%;max-width:600px;margin:0 auto}
.explorer-head{margin-bottom:20px}
.panel{gap:36px;min-height:0}
.panel-copy h3{font-size:32px}
.panel-copy p{font-size:15px}
.panel-media{width:100%;max-width:600px;margin:0 auto}
section.quiet-lessons{padding-block:32px}
.quiet-lessons h2{font-size:32px}
.quiet-lessons p{font-size:14px}
.quiet-ink .shell{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px 40px;align-items:start}
.quiet-ink-intro{display:block;margin:0}
.quiet-ink-intro h2{margin-bottom:18px}
.quiet-ink-intro p{font-size:15px;margin-bottom:14px}
.quiet-ink-screen{grid-column:2;grid-row:1/3;width:100%;max-width:600px;margin:0 auto;align-self:center}
.quiet-ink-screen>a{display:block}
.quiet-ink-screen figcaption{font-size:11px;margin-top:8px}
.quiet-ink-foot{display:block;margin:0}
.quiet-ink-foot p{font-size:13px}
section.quiet-plans{padding-block:36px}
.quiet-plans>.shell{max-width:1080px}
.quiet-plans-heading{gap:30px;margin-bottom:24px}
.quiet-plans-intro>p{font-size:15px}
.quiet-plan-grid{gap:20px}
.quiet-plan-grid .quiet-plan{padding:22px 24px}
.quiet-plan-grid .quiet-plan-plus{padding:21px 23px}
.quiet-plan-label{margin-bottom:9px}
.quiet-plan-grid .quiet-plan h3{font-size:32px;margin-bottom:8px}
.quiet-plan-promise{font-size:14px}
.quiet-plan-price{margin:16px 0 6px;gap:9px}
.quiet-plan-price strong{font-size:52px}
.quiet-plan-lifetime .quiet-plan-price{margin-top:53px}
.quiet-billing{margin-top:16px}
.quiet-price-live .quiet-plan-price{margin-top:14px}
.quiet-plan-lead,.quiet-billing-detail{min-height:0}
.quiet-plan-benefits{gap:10px;padding-block:16px;margin-top:10px;font-size:13px;line-height:1.55}
.quiet-plan-action{padding-top:6px}
.quiet-plan-action>.btn{min-height:46px;padding:11px 14px}
.quiet-plan-assurance{font-size:15px;margin-bottom:11px}
.quiet-plan-fine{font-size:12px;line-height:1.5;margin-top:10px}
.quiet-plan-trial-terms{font-size:12px;line-height:1.5;margin-top:10px}
.quiet-included{padding-block:20px 16px;margin-bottom:14px}
.quiet-included h3{font-size:26px;margin-bottom:9px}
.quiet-plan-help{margin-top:16px;padding-top:13px}
section.faq{padding-block:40px}
.moth-divider{display:none}
@media(min-width:1051px){.hero-copy{column-gap:48px}.hero h1{font-size:62px}.hero-deck{font-size:21px}}
@media(max-width:820px){
  .hero-product{max-width:760px}
  .quiet-samples .offer-head,.quiet-codex #codex,.quiet-ink .shell{grid-template-columns:1fr;gap:22px}
  .quiet-codex-head,.quiet-ink-intro{max-width:600px;width:100%;margin-inline:auto}
  .quiet-ink-screen{grid-column:auto;grid-row:auto}
  .quiet-ink-foot{max-width:600px;width:100%;margin-inline:auto}
}
@media(max-width:700px){
  .quiet-plans-heading{gap:14px;margin-bottom:20px}
  .quiet-plan-lifetime .quiet-plan-price{margin-top:20px}
  .quiet-plan-grid .quiet-plan h3{font-size:30px}
}
@media(max-width:560px){
  .hero{padding-top:24px}.hero h1{font-size:clamp(36px,10.7vw,52px)}
  .hero-deck,.hero-deck .copy-phrase{font-size:19px}
  .hero-copy{margin-bottom:20px}
  .companion-intro .display,.quiet-samples .display,.explorer-head .display,.quiet-codex-head h2,.quiet-ink .quiet-ink-intro h2,.quiet-plans .quiet-plans-heading h2,.faq .display{font-size:clamp(30px,8.4vw,38px)}
  .companion,.campaign-supporting,.product,.explorer,.quiet-ink,.faq{padding-block:30px!important}
  .companion .video-shell{max-width:330px;margin-top:20px}
  .quiet-plan-grid .quiet-plan{padding:22px}
  .quiet-plan-grid .quiet-plan-plus{padding:21px}
  .quiet-mobile-trial h3{font-size:28px}
}