/* Capture by RATdeck — shared redesign for interior pages.
   Visual-only layer. Existing page copy and semantic HTML remain intact. */
:root{
  --page-blue:#0b73ff;
  --page-blue-2:#0867ee;
  --page-ink:#08152b;
  --page-muted:#5f6f85;
  --page-line:#dfe8f3;
  --page-soft:#f6fbff;
  --page-soft-2:#eef7ff;
  --page-green:#18b56a;
  --page-purple:#6c4fe8;
  --page-shadow:0 12px 30px rgba(31,73,119,.07);
  --page-shadow-lg:0 20px 55px rgba(31,73,119,.11);
}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--page-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto}
.section-shell,.container,.shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}

/* Shared header — matches approved homepage */
.site-header{position:sticky!important;top:0;z-index:50;background:rgba(255,255,255,.96)!important;border-bottom:1px solid #edf2f7!important;backdrop-filter:blur(12px);box-shadow:none!important}
.nav-wrap,.site-header>.section-shell.nav-wrap,.nav-row{width:min(1120px,calc(100% - 48px));height:66px;margin-inline:auto;padding:0!important;display:flex;align-items:center;gap:32px}
.brand{display:grid!important;grid-template-columns:34px auto!important;grid-template-rows:18px 13px!important;column-gap:9px!important;align-items:center!important;text-decoration:none!important;color:var(--page-ink)!important;min-width:176px}
.brand img{grid-row:1/3;width:34px!important;height:34px!important;border-radius:8px}
.brand span{font-size:20px!important;font-weight:850!important;line-height:18px!important;letter-spacing:-.04em!important}.brand small{font-size:10px!important;line-height:13px!important;font-weight:700!important;color:#6c7b90!important;margin:0!important}
.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto!important}.desktop-nav a,.text-link{font-size:12px!important;font-weight:650!important;color:#2c3b50!important;text-decoration:none!important}.desktop-nav a:hover,.text-link:hover,.desktop-nav .active{color:var(--page-blue)!important}
.nav-actions{margin-left:22px!important;display:flex;align-items:center;gap:18px}.nav-cta{margin-left:auto}
.btn,.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px!important;text-decoration:none!important;font-weight:750!important;font-size:12px!important;line-height:1!important;border:1px solid transparent;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background-clip:padding-box}.btn:hover,.nav-cta:hover{transform:translateY(-1px)}
.btn-primary,.btn.primary,.nav-cta{background:linear-gradient(180deg,#1680ff,#086af1)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(11,115,255,.22)!important}.btn-ghost,.btn-secondary,.btn.secondary{background:#fff!important;color:#0868e8!important;border-color:#acd0ff!important;box-shadow:none!important}
.btn-small,.nav-cta{padding:10px 17px!important}.btn-large{padding:13px 20px!important;font-size:13px!important}.btn-block{width:100%}
.menu-btn{margin-left:auto;border:0!important;background:transparent!important;color:#1d2b3f!important;font-size:23px!important}.mobile-nav{background:#fff!important;border-top:1px solid #eef2f7!important;padding:8px 24px 14px!important}.mobile-nav a{display:block;padding:9px 0!important;border-bottom:1px solid #f2f5f8!important;text-decoration:none!important;color:#2e3d50!important;font-size:12px!important}

/* Free strip */
.free-strip{background:#f8fbff!important;border-bottom:1px solid #ecf2f8!important;color:#617188!important}.free-strip-inner{min-height:31px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px 18px!important;flex-wrap:wrap!important;padding:7px 0!important;font-size:9px!important}.free-strip-inner strong{color:#0b6ff3!important}.free-strip-inner span:before{content:"✓";color:#16ab65;font-weight:900;margin-right:5px}.free-strip-inner a{color:#0b73ff!important;text-decoration:none!important;font-weight:750!important}

/* Shared hero system */
.trust-page-hero,.seo-hero,.agency-hero,.support-hero,.designer-hero,.dev-hero,.doc-hero,.edu-hero,.marketing-hero,.pm-hero,.sop-hero,.annotation-hero,.privacy-hero,.pdf-hero,.safe-hero,.review-hero,.ws-hero,.capture-hero,.qhero,.area-hero,.el-hero,.shortcut-hero,.editor-hero,.bug-hero,.ba-hero{
  padding:62px 0 52px!important;
  position:relative;
}
.trust-page-hero:before,.seo-hero:before,.agency-hero:before,.support-hero:before,.designer-hero:before,.dev-hero:before,.doc-hero:before,.edu-hero:before,.marketing-hero:before,.pm-hero:before,.sop-hero:before,.annotation-hero:before,.privacy-hero:before,.pdf-hero:before,.safe-hero:before,.review-hero:before,.ws-hero:before,.capture-hero:before,.qhero:before,.area-hero:before,.el-hero:before,.shortcut-hero:before,.editor-hero:before,.bug-hero:before,.ba-hero:before{
  content:"";position:absolute;z-index:-2;inset:0 calc((100vw - 100%)/-2);background:radial-gradient(circle at 82% 28%,rgba(67,151,255,.12),transparent 28%),linear-gradient(180deg,#fff,#f8fcff);border-bottom:1px solid #edf3f8;
}
.trust-page-hero h1,.seo-hero h1,.agency-hero h1,.support-hero h1,.designer-hero h1,.dev-hero h1,.doc-hero h1,.edu-hero h1,.marketing-hero h1,.pm-hero h1,.sop-hero h1,.annotation-hero h1,.privacy-hero h1,.pdf-hero h1,.safe-hero h1,.review-hero h1,.ws-hero h1,.capture-hero h1,.qhero h1,.area-hero h1,.el-hero h1,.shortcut-hero h1,.editor-hero h1,.bug-hero h1,.ba-hero h1{
  color:var(--page-ink)!important;font-size:clamp(40px,5.2vw,62px)!important;line-height:1.02!important;letter-spacing:-.052em!important;font-weight:850!important;max-width:850px!important;margin:10px 0 17px!important;
}
.trust-page-hero>p,.seo-hero>p,.agency-hero .lead,.support-hero .lead,.designer-hero .lead,.dev-hero .lead,.doc-hero .lead,.edu-hero .lead,.marketing-hero .lead,.pm-hero .lead,.sop-hero .lead,.annotation-hero .lead,.area-hero .lead,.el-hero .lead,.shortcut-hero .lead,.editor-hero .lead,.qhero>p,.safe-hero>p,.capture-hero>p,.review-hero>p,.ws-hero>p,.pdf-hero>p,.privacy-hero>p,.bug-hero>p,.ba-hero>p{
  color:#52647b!important;font-size:16px!important;line-height:1.65!important;max-width:760px!important;
}
.eyebrow,.kicker,.crumbs{font-size:10px!important;letter-spacing:.07em!important;text-transform:uppercase!important;color:#0b73ff!important;font-weight:800!important}.eyebrow{background:transparent!important;padding:0!important}.eyebrow .dot{display:none!important}
.hero-actions{display:flex!important;gap:11px!important;flex-wrap:wrap!important;margin-top:24px!important}.trust-row,.micro-copy,.microcopy,.micro-trust,.hero-note,.hero-proof,.seo-proof,.free-badges,.trust-badges,.intent-tags,.keyword-chips,.chips,.hero-pills{display:flex!important;gap:8px 16px!important;flex-wrap:wrap!important;margin-top:18px!important;color:#607087!important;font-size:10px!important}
.trust-row span,.trust-badges span,.free-badges span,.intent-tags span,.keyword-chips span,.chips span,.hero-pills span{background:#fff!important;border:1px solid #dfe8f2!important;border-radius:999px!important;padding:6px 9px!important;box-shadow:none!important}

/* Existing product illustrations are retained but normalized into the homepage visual system */
:where(.page-demo,.device-stage,.scroll-demo,.product-frame,.capture-demo,.review-stage,.editor-demo,.edit-stage,.annotation-stage,.privacy-stage,.pdf-stage,.safe-panel,.area-demo,.element-demo,.shortcut-demo,.bug-stage,.compare-stage,.agency-stage,.ticket-stage,.design-stage,.code-stage,.doc-stage,.lesson-board,.market-stage,.product-stage,.sop-stage,.guide-visual,.scroll-visual,.area-visual,.element-visual,.editor-visual){
  border:1px solid #dfe8f3!important;border-radius:14px!important;background:#fff!important;box-shadow:var(--page-shadow-lg)!important;overflow:hidden!important;
}

/* Topic/intent bars */
.intent-band,.intent-strip,.agency-strip,.dev-strip,.design-strip,.market-strip,.pm-strip,.search-band,.topic-nav,.section.seo-intent-note,.seo-intent-note{background:#f6fbff!important;border-top:1px solid #edf3f8!important;border-bottom:1px solid #edf3f8!important;box-shadow:none!important}
.intent-row,.topic-nav-inner{width:min(1120px,calc(100% - 48px));margin-inline:auto!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:center!important;padding:12px 0!important}.intent-chip,.intent-row span,.topic-nav a,.search-chip{background:#fff!important;color:#52647b!important;border:1px solid #dce7f2!important;border-radius:999px!important;padding:7px 10px!important;font-size:10px!important;text-decoration:none!important;box-shadow:none!important}

/* Section rhythm */
.content-section,.how-section,.safe-section,.methods,.section-pad,.section-space,.section.section-shell,.section.shell{padding-top:64px!important;padding-bottom:64px!important}.content-section+ .content-section{border-top:1px solid #eef3f7}.section-heading{margin-bottom:26px!important}.section-heading h2,.content-section h2,.how-section h2,.methods h2,.safe-section h2{font-size:clamp(28px,3.4vw,40px)!important;line-height:1.08!important;letter-spacing:-.042em!important;color:var(--page-ink)!important}.section-heading p,.content-section>p,.how-section>p,.methods>p,.safe-section>p{color:var(--page-muted)!important;max-width:720px!important}.section-heading.center{text-align:center!important;margin-inline:auto!important}.section-heading.center p{margin-inline:auto!important}.section-heading.split{display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:40px!important;align-items:end!important}

/* Core grids/cards */
:where(.tool-grid,.use-grid,.flow-grid,.feature-grid,.mode-grid,.method-grid,.issue-grid,.related-grid,.mini-grid,.info-grid,.help-grid,.safe-grid){gap:14px!important}
:where(.tool-card,.use-card,.flow-card,.feature-card,.mode,.method,.info-card,.help-card,.safe-card,.related-card,.mini-card,.pm-card,.dev-card,.design-card,.edit-card,.card){
  background:#fff!important;border:1px solid #dfe8f3!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(28,71,118,.045)!important;padding:20px!important;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
:where(.tool-card,.use-card,.flow-card,.feature-card,.mode,.method,.info-card,.help-card,.safe-card,.related-card,.mini-card,.pm-card,.dev-card,.design-card,.edit-card,.card):hover{transform:translateY(-2px);border-color:#c9ddf5!important;box-shadow:0 12px 28px rgba(28,71,118,.08)!important}
:where(.tool-card,.use-card,.flow-card,.feature-card,.mode,.method,.info-card,.help-card,.safe-card,.related-card,.mini-card,.pm-card,.dev-card,.design-card,.edit-card,.card) h3,
:where(.tool-card,.use-card,.flow-card,.feature-card,.mode,.method,.info-card,.help-card,.safe-card,.related-card,.mini-card,.pm-card,.dev-card,.design-card,.edit-card,.card) h2{color:var(--page-ink)!important;letter-spacing:-.025em!important}
:where(.tool-card,.use-card,.flow-card,.feature-card,.mode,.method,.info-card,.help-card,.safe-card,.related-card,.mini-card,.pm-card,.dev-card,.design-card,.edit-card,.card) p{color:#627187!important;font-size:13px!important}

/* Home-like icon treatment */
:where(.mode-icon,.feature-icon,.use-icon,.wf-icon,.glyph,.icon,.lock){background:#edf6ff!important;color:#0b73ff!important;border:0!important;border-radius:10px!important;box-shadow:none!important}

/* Dark sections become clean light-blue review bands to match the approved homepage */
.workflow-dark,.dark-band,.dark,.safe-dark,.tech-band{background:#f5faff!important;color:var(--page-ink)!important;border-top:1px solid #e8f1f8!important;border-bottom:1px solid #e8f1f8!important;box-shadow:none!important}.workflow-dark :where(h2,h3,p,li),.dark-band :where(h2,h3,p,li),.dark :where(h2,h3,p,li),.safe-dark :where(h2,h3,p,li),.tech-band :where(h2,h3,p,li){color:inherit!important}.workflow-dark p,.dark-band p,.dark p,.safe-dark p,.tech-band p{color:#627187!important}
.workflow-dark .flow-card,.dark-band .flow-card{background:#fff!important;border-color:#dfe8f3!important}

/* Two-column narratives */
.two-col,.content-columns{gap:38px!important}.privacy-panel,.trust-panel,.truth-box,.answer-box,.notice,.notice-box,.success-box,.snippet-box,.boundary{border-radius:12px!important;border:1px solid #dfe8f3!important;background:#f8fbff!important;box-shadow:none!important;color:#42546c!important}
.privacy-list li,.trust-list li,.answer-list li,.check-list li{color:#52647b!important}

/* Legal, trust and simple company pages */
.trust-page-hero{max-width:none!important}.trust-page-hero:after{content:"";display:block;width:92px;height:4px;border-radius:99px;background:linear-gradient(90deg,#0b73ff,#75b8ff);margin-top:24px}
.legal-layout{grid-template-columns:230px minmax(0,760px)!important;gap:54px!important;padding-top:42px!important;padding-bottom:76px!important}.legal-nav{border:1px solid #dfe8f3!important;border-radius:12px!important;background:#f8fbff!important;padding:16px!important}.legal-nav a{color:#607087!important}.legal-copy section{border-top:1px solid #e8eef5!important;padding:30px 0!important}.legal-copy h2{font-size:28px!important;letter-spacing:-.035em!important}.legal-copy p,.legal-copy li{color:#5e6e84!important;font-size:14px!important}.info-grid,.help-grid,.contact-panel,.price-page-grid{padding-top:28px!important;padding-bottom:72px!important}.info-card,.help-card,.contact-box,.price-page-card{border:1px solid #dfe8f3!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--page-shadow)!important}.contact-email{color:#0b73ff!important}.security-table{border:1px solid #dfe8f3!important;border-radius:12px!important;box-shadow:var(--page-shadow)!important}.security-row{border-top-color:#e8eef5!important}.install-step{border:1px solid #dfe8f3!important;border-radius:12px!important;box-shadow:0 7px 20px rgba(31,73,119,.04)!important}.install-step:before{background:#eaf4ff!important;color:#0b73ff!important}.changelog-entry{border-top-color:#e7eef5!important}.price-page-card.featured{border:2px solid #0b73ff!important;box-shadow:0 16px 36px rgba(11,115,255,.12)!important}.price-page-card .amount{color:var(--page-ink)!important}

/* Q&A */
.qa-hero{text-align:left!important;max-width:none!important}.qa-hero h1{margin-inline:0!important}.qa-hero p{margin-inline:0!important}.qa-search-intents{justify-content:flex-start!important}.qa-grid{gap:12px!important;padding-top:26px!important}.qa-card{border:1px solid #dfe8f3!important;border-radius:12px!important;box-shadow:0 8px 22px rgba(31,73,119,.045)!important}.qa-card h2{color:var(--page-ink)!important}.qa-card p{color:#617188!important}.qa-note{border-color:#dbe9f8!important;background:#f6fbff!important;border-radius:12px!important}

/* FAQ accordions */
.faq-list details,.faq-wide details{border:1px solid #dfe8f3!important;border-radius:9px!important;background:#fff!important;box-shadow:none!important}.faq-list summary,.faq-wide summary{color:#24354c!important;font-weight:700!important}.faq-list details p,.faq-wide details p{color:#607087!important}

/* Pricing */
.price-page-grid{gap:14px!important}.price-page-card{padding:24px!important}.price-page-card li{color:#56677d!important}.price-page-card li:before{color:#16aa64!important}

/* Footer + topic cluster */
.capture-topic-cluster,.trust-links{padding:18px 0 28px!important;background:#fff!important;border-top:1px solid #ebf1f6!important}.capture-topic-box{border:0!important;background:#fff!important;padding:0!important}.capture-topic-box h2{font-size:18px!important}.capture-topic-box>p{font-size:11px!important;color:#748297!important}.capture-topic-links{display:flex!important;gap:7px!important;flex-wrap:wrap!important}.capture-topic-links a{background:#fff!important;color:#52647b!important;border:1px solid #dfe8f2!important;border-radius:7px!important;padding:7px 9px!important;font-size:9px!important;text-decoration:none!important}.capture-topic-links a:hover{color:#0b73ff!important;border-color:#aecdff!important}
.final-cta{border-radius:0!important;margin:0!important;position:relative!important;padding-top:36px!important;padding-bottom:36px!important;background:linear-gradient(90deg,#f4f9ff,#fff 58%,#eef7ff)!important;border-top:1px solid #e8f0f7!important;border-bottom:1px solid #e8f0f7!important}.final-cta h2{font-size:32px!important;letter-spacing:-.04em!important}.final-cta>p{color:#607087!important}.cta-mark{display:none!important}
footer{background:#fff!important;border-top:1px solid #e7edf3!important;padding:27px 0 30px!important}.footer-grid{display:grid!important;grid-template-columns:1.35fr .7fr 1.1fr .75fr!important;gap:28px!important}.footer-brand{min-width:0!important}.footer-grid>div:first-child p{font-size:11px!important;color:#748297!important;max-width:270px!important}.footer-grid h3{font-size:11px!important;margin:0 0 7px!important;color:#17263b!important}.footer-grid>div:not(:first-child){display:flex!important;flex-direction:column!important}.footer-grid a:not(.brand){font-size:10px!important;color:#607087!important;text-decoration:none!important;padding:2px 0!important}.footer-grid a:not(.brand):hover{color:#0b73ff!important}.copyright{color:#8390a0!important;font-size:9px!important}

/* Tables and comparison content */
.compare-table{border:1px solid #dfe8f3!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important}.compare-table>*{border-color:#e7eef5!important}.yes{color:#16a566!important}

/* Subtle motion, never busy */
@keyframes pageFadeUp{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
main>section:first-of-type+section h1,main>section:first-of-type+section .lead,main>section:first-of-type+section .hero-actions{animation:pageFadeUp .45s ease both}main>section:first-of-type+section .lead{animation-delay:.05s}main>section:first-of-type+section .hero-actions{animation-delay:.1s}

/* Responsive */
@media(max-width:980px){
  .section-shell,.container,.shell,.nav-wrap,.site-header>.section-shell.nav-wrap,.nav-row,.intent-row,.topic-nav-inner{width:min(100% - 32px,1120px)}
  .desktop-nav{gap:15px}.nav-actions{margin-left:8px!important}
  .section-heading.split{grid-template-columns:1fr!important;gap:8px!important}
  .legal-layout{grid-template-columns:1fr!important;gap:24px!important}.legal-nav{position:static!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}.footer-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:760px){
  .desktop-nav,.nav-actions .text-link{display:none!important}.nav-actions{margin-left:auto!important}.menu-btn{display:block!important}.mobile-nav.open{display:grid!important}
  .trust-page-hero,.seo-hero,.agency-hero,.support-hero,.designer-hero,.dev-hero,.doc-hero,.edu-hero,.marketing-hero,.pm-hero,.sop-hero,.annotation-hero,.privacy-hero,.pdf-hero,.safe-hero,.review-hero,.ws-hero,.capture-hero,.qhero,.area-hero,.el-hero,.shortcut-hero,.editor-hero,.bug-hero,.ba-hero{padding-top:42px!important;padding-bottom:40px!important}
  .trust-page-hero h1,.seo-hero h1,.agency-hero h1,.support-hero h1,.designer-hero h1,.dev-hero h1,.doc-hero h1,.edu-hero h1,.marketing-hero h1,.pm-hero h1,.sop-hero h1,.annotation-hero h1,.privacy-hero h1,.pdf-hero h1,.safe-hero h1,.review-hero h1,.ws-hero h1,.capture-hero h1,.qhero h1,.area-hero h1,.el-hero h1,.shortcut-hero h1,.editor-hero h1,.bug-hero h1,.ba-hero h1{font-size:40px!important}
  .content-section,.how-section,.safe-section,.methods,.section-pad,.section-space,.section.section-shell,.section.shell{padding-top:48px!important;padding-bottom:48px!important}
  .two-col,.content-columns{grid-template-columns:1fr!important;gap:22px!important}
  .tool-grid,.use-grid,.flow-grid,.feature-grid,.mode-grid,.method-grid,.issue-grid,.related-grid,.mini-grid,.info-grid,.help-grid,.safe-grid,.contact-panel,.price-page-grid{grid-template-columns:1fr 1fr!important}
  .hero-actions .btn{max-width:100%}.footer-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:520px){
  .section-shell,.container,.shell,.nav-wrap,.site-header>.section-shell.nav-wrap,.nav-row,.intent-row,.topic-nav-inner{width:min(100% - 24px,1120px)}
  .brand{min-width:0!important}.brand small{display:none!important}.nav-actions .btn,.nav-cta{display:none!important}
  .free-strip-inner{justify-content:flex-start!important}
  .trust-page-hero h1,.seo-hero h1,.agency-hero h1,.support-hero h1,.designer-hero h1,.dev-hero h1,.doc-hero h1,.edu-hero h1,.marketing-hero h1,.pm-hero h1,.sop-hero h1,.annotation-hero h1,.privacy-hero h1,.pdf-hero h1,.safe-hero h1,.review-hero h1,.ws-hero h1,.capture-hero h1,.qhero h1,.area-hero h1,.el-hero h1,.shortcut-hero h1,.editor-hero h1,.bug-hero h1,.ba-hero h1{font-size:35px!important}
  .hero-actions{display:grid!important}.hero-actions .btn{width:100%!important}
  .tool-grid,.use-grid,.flow-grid,.feature-grid,.mode-grid,.method-grid,.issue-grid,.related-grid,.mini-grid,.info-grid,.help-grid,.safe-grid,.contact-panel,.price-page-grid{grid-template-columns:1fr!important}
  .footer-grid{grid-template-columns:1fr!important}.footer-grid>div:first-child{grid-column:auto}
  .final-cta h2{font-size:28px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(11,115,255,.42)!important;outline-offset:3px!important}