/* Responsive corrections verified at 1440, 1280, 1024, 768 and 390 px. */
.app-main,.feature-copy,.workspace-heading>*{min-width:0}.final-orbit{pointer-events:none}

/* Keep responsive images at their intrinsic proportions. The HTML width/height
   attributes reserve layout space; height:auto prevents them becoming fixed CSS
   dimensions when a grid column narrows. */
.doc-visual img,
.report-visual img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
}

@media (max-width:1100px){
  .header{padding-inline:32px}.header nav{gap:24px}.header>.button{gap:18px;padding-inline:20px}
  .hero-content{width:auto;margin-left:48px;margin-right:48px}.hero h1{font-size:clamp(64px,7.5vw,82px)}
  section:not(.hero){padding-left:48px;padding-right:48px}
  .app-window{grid-template-columns:64px minmax(0,1fr)}.app-window .sources{display:none}.app-main{min-width:0;padding:40px}
  .feature,.document,.reports{gap:56px}.floating-sheet{right:0}
  .manifesto h2{font-size:clamp(76px,10vw,112px);letter-spacing:-5px}
}

@media (max-width:900px){
  .hero-content{margin-left:32px;margin-right:32px}
  section:not(.hero){padding-left:32px;padding-right:32px}
  .app-window{grid-template-columns:56px minmax(0,1fr)}.app-main{padding:34px 30px}
  .insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-grid>div:last-child{grid-column:1/-1}
  .scan-card{left:16px}.floating-sheet{right:auto}
}

@media (max-width:700px){
  .header{height:72px;padding-inline:26px}.header>.button{display:none}
  .hero{min-height:auto;padding:120px 0 72px}.hero-content{margin:0 26px}.hero h1{font-size:clamp(46px,13vw,62px);line-height:.96;letter-spacing:-2.5px}.hero p{font-size:18px}.seo-h1{font-size:13px}
  section:not(.hero){padding:76px 26px}
  .intro-title,.workspace-heading,.compress-head,.workflow-head,.faq-grid{margin:52px 0}
  .intro-title h2,.feature h2,.document h2,.reports h2,.workflow-head h2,.faq h2,.workspace h2,.compress-head h2{font-size:clamp(40px,12vw,54px);letter-spacing:-1.8px}
  .cap{min-height:auto;padding:26px}.cap h3{margin:36px 0 10px;font-size:29px}.cap p{max-width:none}
  .cap-wide{padding-bottom:26px}.text-demo{position:relative;right:auto;bottom:auto;width:100%;height:auto;min-height:0;margin-top:28px;padding:22px;font-size:17px}
  .cap-dark{padding-bottom:180px}.mini-doc{right:-8px;bottom:-18px;width:220px;height:165px}
  .compress,.source-chips,.tiny-table{position:relative;left:auto;right:auto;bottom:auto;margin-top:30px}.compress{flex-wrap:wrap;gap:10px}.source-chips{display:flex}.tiny-table{width:max-content}
  .workspace{padding-top:76px!important}.workspace-heading{display:block}.workspace-heading p{margin-top:28px}
  .app-window{display:block;min-height:auto}.app-window aside{display:none}.app-main{padding:30px 23px}.app-main h3{font-size:32px}.insight-grid{grid-template-columns:1fr}.insight-grid>div:last-child{grid-column:auto}
  .feature,.document,.reports{min-height:auto;gap:48px}.feature-copy .section-label{margin-bottom:38px}.feature-copy>p{font-size:17px}.editor-body{min-height:auto;padding:42px 25px}.editor-body h3{font-size:34px}
  .scan-card{left:12px;bottom:12px;width:190px;padding:18px}.scan-card strong{font-size:48px;margin-top:12px}
  .compress-section{min-height:auto}.before-after{gap:0}.paper{min-height:auto}.paper.long,.paper.short-paper{transform:none}
  .floating-sheet{width:100%;margin:-28px auto 0;padding:20px}.sheet-row{grid-template-columns:1.2fr 1fr 1fr;gap:6px}
  .steps{display:block}.steps article{min-height:auto;padding:30px 18px;border-right:0;border-bottom:1px solid #cfcac0}.step-orbit{margin:34px auto}
  .manifesto{min-height:auto}.manifesto h2{font-size:clamp(50px,15vw,72px);line-height:.91;letter-spacing:-3px;margin:72px 0}.manifesto-bottom{display:block}.source-stack{margin-top:42px;flex-wrap:wrap}
  .final-cta{min-height:680px}.final-cta h2{font-size:clamp(44px,13vw,62px);letter-spacing:-2px}.orbit-a{width:620px;height:620px}.orbit-b{width:820px;height:820px}.orbit-c{width:1000px;height:1000px}
  .footer{padding:68px 26px 26px}.footer-links{grid-template-columns:1fr;margin:64px 0 54px;gap:38px}.footer-bottom{flex-direction:column}
}

@media (max-width:420px){
  .hero-content{margin-inline:22px}.hero p{font-size:17px}.ask-box{padding:16px 14px 12px}.ask-example{font-size:17px}.ask-actions{gap:8px}.ask-actions .mode{font-size:10px}
  section:not(.hero){padding-left:22px;padding-right:22px}.trust-line{line-height:1.5}
  .intro-title h2,.feature h2,.document h2,.reports h2,.workflow-head h2,.faq h2,.workspace h2,.compress-head h2{font-size:42px}
  .paper{padding:28px 22px}.manifesto h2{font-size:52px}.source-stack span{width:58px;height:58px}
}