/* Site-wide responsive and media quality layer.
   Loaded last on every page so shared safeguards stay consistent. */
:root{--responsive-gutter:clamp(16px,4vw,32px)}
html{overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:88px}
body{min-width:0;overflow-x:clip}
main,section,article,aside,nav,header,footer,div{min-width:0}
img,svg,video,canvas,picture{display:block;max-width:100%}
img{height:auto}
iframe{max-width:100%;border:0}
p,li,dd,figcaption{overflow-wrap:anywhere}
pre,code{white-space:pre-wrap;overflow-wrap:anywhere}
table{width:100%;border-collapse:collapse}
input,select,textarea,button{max-width:100%;font:inherit}
input,select,textarea{font-size:16px}
.editor-demo label,.demo-panel label{font-size:11px!important;line-height:1.4}

.responsive-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.real-product-shot{margin:0;min-width:0;overflow:hidden;border:1px solid #dce5f1;border-radius:20px;background:#fff;box-shadow:0 22px 58px rgba(24,54,110,.13)}
.real-product-shot img{width:100%;height:auto;object-fit:contain;background:#f4f7fc}
.real-product-shot figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:16px 18px;border-top:1px solid #e3eaf4;background:#fff;color:#607089;font-size:13px;line-height:1.45}
.real-product-shot figcaption strong{flex:0 0 auto;color:#17233a;font-size:14px}
.product-frame.real-product-shot,.compare-stage.real-product-shot,.capture-demo.real-product-shot{padding:0;min-height:0;height:auto;background:#fff;overflow:hidden}
.product-frame.real-product-shot img,.compare-stage.real-product-shot img,.capture-demo.real-product-shot img{position:static;width:100%;height:auto;transform:none}
.product-showcase{padding-block:clamp(64px,8vw,108px)}
.product-showcase-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:24px;align-items:start}
.product-showcase-copy{max-width:760px;margin-bottom:34px}
.product-showcase-copy h2{font-size:clamp(32px,5vw,52px);line-height:1.06;letter-spacing:-.045em;margin:8px 0 14px}
.product-showcase-copy p:last-child{color:#607089}
.product-showcase-grid .real-product-shot:nth-child(2){margin-top:54px}

@media(max-width:1024px){
  .section-shell,.container,.nav-wrap{width:min(100% - (var(--responsive-gutter) * 2),1180px)!important}
  .hero,.seo-hero,.ba-hero,.bug-hero,.privacy-hero,.safe-hero,.pdf-hero,.review-hero,.tool-hero,
  .trust-page-hero,.agency-hero,.support-hero,.designer-hero,.dev-hero,.doc-hero,.edu-hero,
  .marketing-hero,.pm-hero,.sop-hero,.annotation-hero,.capture-hero,.qhero,.area-hero,
  .el-hero,.shortcut-hero,.editor-hero,.ws-hero,.wa-hero,
  .editor-layout,.comparison,.privacy-details,.report-section,.report-focus,.local-grid,.long-grid,
  .search-content,.legal-layout,.content-columns,.diff-grid{grid-template-columns:minmax(0,1fr)!important}
  .feature-grid,.use-grid,.related-grid,.benefit-grid,.workflow-grid-pdf,.dark-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .product-showcase-grid{grid-template-columns:minmax(0,1fr)}
  .product-showcase-grid .real-product-shot:nth-child(2){margin-top:0}
  .sticky-copy{position:static!important;top:auto!important}
  .legal-nav{position:static!important;max-height:none!important}
  .site-header:has(.menu-btn) .nav-wrap>nav:not(.mobile-nav){display:none!important}
  .site-header:has(.menu-btn) .nav-actions .text-link{display:none!important}
  .site-header:has(.menu-btn) .menu-btn{display:grid!important;place-items:center;min-width:44px;min-height:44px}
}

@media(max-width:760px){
  :root{--responsive-gutter:13px}
  html{scroll-padding-top:72px}
  .site-header{backdrop-filter:none}
  .nav-wrap{min-height:64px;height:auto!important;gap:12px!important;padding-block:10px}
  .desktop-nav,.site-header:has(.menu-btn) .nav-wrap>nav:not(.mobile-nav),.nav-actions .text-link{display:none!important}
  .site-header:not(:has(.menu-btn)) .nav-wrap{flex-wrap:wrap;padding-bottom:8px}
  .site-header:not(:has(.menu-btn)) .nav-wrap>nav{display:flex!important;order:3;width:100%;gap:8px!important;overflow-x:auto;padding:3px 0 1px;scrollbar-width:none}
  .site-header:not(:has(.menu-btn)) .nav-wrap>nav::-webkit-scrollbar{display:none}
  .site-header:not(:has(.menu-btn)) .nav-wrap>nav a{flex:0 0 auto;display:flex;align-items:center;min-height:38px;padding:7px 10px;border:1px solid #e2e8f1;border-radius:9px;background:#fff;font-size:13px!important}
  .menu-btn{display:grid!important;place-items:center;min-width:44px;min-height:44px;margin-left:auto}
  .mobile-nav.open{display:grid!important;grid-template-columns:1fr;padding:8px var(--responsive-gutter) 14px}
  .mobile-nav a{display:flex;align-items:center;min-height:44px;font-size:15px!important}
  h1{font-size:clamp(38px,11vw,54px)!important;line-height:1.02!important;letter-spacing:-.05em!important}
  h2{font-size:clamp(30px,8vw,42px);line-height:1.08}
  main p,main li{line-height:1.65}
  .hero-actions,.center-actions{display:grid!important;grid-template-columns:1fr;width:100%;gap:10px}
  .hero-actions .btn,.center-actions .btn{width:100%;min-height:46px}
  .btn,.nav-cta{white-space:normal;text-align:center;line-height:1.3}
  .feature-grid,.use-grid,.related-grid,.benefit-grid,.workflow-grid-pdf,.dark-grid,
  .mode-grid,.workflow-grid,.pricing-grid,.compare-grid{grid-template-columns:minmax(0,1fr)!important}
  footer .footer-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:36px 22px}
  footer .footer-grid>div:first-child{grid-column:1/-1!important}
  footer .footer-grid>div:nth-child(2){grid-column:1!important;grid-row:2}
  footer .footer-grid>div:nth-child(4){grid-column:2!important;grid-row:2}
  footer .footer-grid>div:nth-child(3){display:grid!important;grid-column:1/-1!important;grid-row:3;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px}
  footer .footer-grid>div:nth-child(3) h3{grid-column:1/-1}
  .free-strip-inner{justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap!important}
  .free-strip-inner::-webkit-scrollbar{display:none}
  .free-strip-inner>*{flex:0 0 auto}
  .real-product-shot{border-radius:14px;box-shadow:0 14px 35px rgba(24,54,110,.11)}
  .real-product-shot figcaption{display:grid;gap:4px;padding:13px 14px;font-size:12px}
  .product-frame,.compare-stage,.device-stage,.pdf-stage,.report-visual,.bug-stage{min-height:0!important;height:auto!important;padding:0!important;background:transparent!important}
  .final-cta{display:grid!important;grid-template-columns:minmax(0,1fr)!important;justify-items:center;text-align:center;padding:48px 20px!important}
  .final-cta>*{max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
  .final-cta h2{font-size:clamp(30px,8vw,40px)!important;line-height:1.08!important}
  .final-cta h2 br{display:none}
  form,.form-grid,.contact-form,.checkout-form{min-width:0;max-width:100%}
  .responsive-table,.compare-table,.security-table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .responsive-table table,.compare-table table,.security-table table{min-width:620px}
  .trust-badges,.intent-tags,.seo-proof,.keyword-chips,.search-row{align-items:flex-start;justify-content:flex-start}
  details summary{min-height:44px;align-items:center}
}

@media(max-width:420px){
  .brand small{display:none}
  .nav-actions .btn,.site-header>.btn{display:none!important}
  .real-product-shot figcaption span{font-size:12px}
  .privacy-strip,.privacy-banner{grid-template-columns:1fr!important;padding:22px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Official "Available in the Chrome Web Store" badge (unmodified, resized only). */
.cws-badge{display:inline-block!important;width:auto!important;margin-top:14px;padding:0!important;line-height:0;border-radius:8px}
.cws-badge img{width:198px;max-width:100%;height:auto}
.cws-badge:focus-visible{outline:2px solid #1769e8;outline-offset:3px}
.store-proof{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:18px;font-size:13px;line-height:1.5;color:#607087}
.store-proof .cws-badge{margin-top:0}
.store-proof .cws-badge img{width:165px}
.store-proof-center{justify-content:center;text-align:center}