/* Shared public-site navigation, reading surfaces and narrow-screen layouts. */
:root { --site-action: #165dff; --site-ink: #0f172a; }
* { box-sizing: border-box; }
html { scroll-padding-top: 90px; }
:focus-visible { outline: 3px solid #165dff; outline-offset: 4px; }
::selection { background: #dbe8ff; color: #0f172a; }
.site-header { top: 0 !important; }
.site-menu-toggle { display: none; }
.content-context { margin: 16px auto; padding: 12px 20px; max-width: 1240px; color: #475569; background: #f1f5f9; font-size: 13px; line-height: 1.7; }
.site-policy-links { display: flex; flex-wrap: wrap; gap: 20px; padding: 20px; justify-content: center; }
.site-policy-links a { color: inherit; text-decoration: underline; text-underline-offset: 4px; }
.public-reading { max-width: 1040px; margin: 48px auto 80px; padding: 0 24px; color: #0f172a; line-height: 1.8; }
.public-reading h1 { font-size: clamp(28px,4vw,44px); line-height: 1.3; }
.public-reading h2 { font-size: 24px; margin-bottom: 16px; }
.public-reading section { margin-top: 40px; padding-top: 24px; border-top: 1px solid #e2e8f0; }
.public-reading p { margin: 12px 0; max-width: 75ch; }
.public-reading .public-lead { font-size: 18px; color: #475569; }
.public-reading ul,.public-reading ol { padding-left: 24px; }
.public-reading li { margin: 8px 0; }
.public-reading form { max-width: 640px; }
.public-reading label { display: block; margin: 20px 0 6px; }
.public-reading input,.public-reading select { display: block; width: 100%; min-height: 48px; padding: 12px; font: inherit; border: 1px solid #94a3b8; border-radius: 8px; background: white; }
.public-reading .btn-nav-cta { display: inline-flex; padding: 12px 20px; border: 0; border-radius: 8px; background: #165dff; color: white; text-decoration: none; font: inherit; cursor: pointer; }
.table-scroll { max-width: 100%; overflow-x: auto; }
.table-scroll table { width: 100%; border-collapse: collapse; }
.table-scroll td,.table-scroll th { text-align: left; padding: 14px; border-bottom: 1px solid #e2e8f0; min-width: 130px; }
@media (max-width:1100px) {
 .site-header { flex-wrap: wrap; height: auto !important; min-height: 72px; padding: 12px 16px !important; gap: 12px; }
 .site-menu-toggle { display: block; margin-left: auto; min-height: 44px; padding: 8px 14px; border: 1px solid #cbd5e1; border-radius: 8px; background: white; color: #0f172a; font: inherit; }
 .site-header .nav-links { display: none !important; }
 .site-header .nav-links.is-open { display: flex !important; flex-direction: column; flex-basis: 100%; order: 5; align-items: stretch; gap: 0; width: 100%; }
 .site-header .nav-links a { padding: 12px; min-height: 44px; }
 .site-header .nav-actions { margin-left: 0; }
}
@media (max-width:767px) {
 body { min-width: 0; }
 main,section,article,aside,header,footer,div,form { min-width: 0; }
 main:not(.report-page), .container { max-width: 100%; }
 .container { padding-left: 16px !important; padding-right: 16px !important; }
 .site-header .brand-tagline { display: none; }
 .site-header .brand-logo-wrap { gap: 8px; }
 .site-header .brand-name { font-size: 17px; }
 .site-header .btn-nav-cta { font-size: 12px; padding: 10px; min-height: 44px; display: inline-flex; align-items: center; }
 .site-header .brand-logo-img { width: 30px; height: 30px; }
 .hero-section { padding: 40px 16px !important; }
 .hero-section h1 { font-size: 30px !important; }
 .hero-right { width: 100% !important; justify-content: center !important; }
 .phone-glow { max-width: 100%; }
 .iphone-notch-frame { width: min(340px,100%) !important; flex-shrink: 1; }
 main.hero-container { padding: 28px 16px; }
 .subtitle-question-box,.typing-question-text { max-width: 100%; overflow-wrap: anywhere; }
 .hero-cta-group,.audit-input-row,.input-row-shell,.footer-top-grid,.footer-bottom-copy,.download-cta-panel,.task-banner,.benchmark-ref-bar { flex-wrap: wrap; }
 .audit-input-row,.input-row-shell,.download-cta-panel { flex-direction: column; align-items: stretch; }
 .audit-input-form,.brand-domain-input,.audit-terminal-box { width: 100%; max-width: 100%; min-width: 0; }
 .audit-terminal-box { padding: 24px 16px !important; }
 .audit-title { font-size: 28px !important; }
 .audit-quick-chips,.audit-guarantee-note,.footer-links { flex-wrap: wrap; }
 .case-switcher-tabs { flex-wrap: wrap; }
 .case-tab-chip { max-width: 100%; min-height: 44px; }
 .article-cta-box { flex-direction: column; align-items: stretch; padding: 24px 16px; }
 .btn-cta-white { white-space: normal; text-align: center; }
 .data-box-head { flex-wrap: wrap; gap: 8px; }
 .data-bar-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; }
 .data-label,.data-val { width: auto; }
 .data-track { grid-column: 1 / -1; grid-row: 2; }
 .pipeline-arrow { transform: rotate(90deg); justify-self: center; }
 .content-context { margin: 12px 16px; padding: 12px; }
 .public-reading { padding: 0 16px; margin-top: 32px; }
 .public-reading p { font-size: 16px; }
 .public-reading pre, pre { max-width: 100%; overflow-x: auto; white-space: pre-wrap; overflow-wrap: anywhere; }
 .site-footer { flex-wrap: wrap; padding: 24px 16px !important; }
 .site-footer > div { max-width: 100%; flex-wrap: wrap; }
 img { max-width: 100%; }
 h1,h2,h3,p,a,td,th { overflow-wrap: anywhere; }
 [style*="display:grid"], [style*="display: grid"] { grid-template-columns: minmax(0,1fr) !important; }
.article-layout,
.authority-wall-grid,
.calc-inputs-grid,
.carousel-nav-tabs,
.case-before-after-grid,
.case-body-layout,
.case-display-card,
.case-metrics-grid,
.endorsement-grid,
.engine-chips,
.logic-steps-grid,
.media-grid,
.pipeline-stages-container,
.proof-grid,
.roi-results-grid,
.scenario-card-row,
.scenario-card-row.reverse,
.sitemap-grid,
.slice-panel-card,
.solution-hero-card,
.sop-grid,
.status-layout,
.steps-flow-grid,
.test-diff-grid,
.tool-row-card.reverse,
.top-case-card,
main.hero-container { grid-template-columns: minmax(0,1fr) !important; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

@media (max-width: 900px) {
.advantages-grid,
.article-layout,
.article-shell,
.articles-grid,
.audit-slices-grid,
.authority-wall-grid,
.calc-inputs-grid,
.carousel-nav-tabs,
.case-before-after-grid,
.case-body-layout,
.case-display-card,
.case-kpi-grid,
.case-main-body,
.case-metrics-grid,
.dist-network-grid,
.endorsement-grid,
.engine-chips,
.facts-flow-box,
.featured-article-card,
.ind-content-grid,
.insights-layout,
.library-cards-grid,
.logic-steps-grid,
.loop-stage-grid,
.media-grid,
.metrics-bar,
.pipeline-stages-container,
.pricing-cards-grid,
.privacy-grid,
.proof-grid,
.radar-grid,
.roi-results-grid,
.scenario-card-row,
.scenario-card-row.reverse,
.seeding-board-box,
.sitemap-grid,
.slice-panel-card,
.solution-hero-card,
.sop-grid,
.status-layout,
.steps-flow-grid,
.team-grid-card,
.test-diff-grid,
.tool-row-card,
.tool-row-card.reverse,
.top-case-card,
main.hero-container { grid-template-columns: minmax(0,1fr) !important; }

 .case-article-wrap,.article-content { padding: 24px 16px !important; }
 .case-main-body,.insights-layout,.article-layout { width: 100%; padding-left: 16px; padding-right: 16px; }
 .article-sidebar,.case-sidebar-wrap { position: static; }
 .loop-step-tabs,.loop-visual-stage { max-width: 100%; }
 .metrics-bar { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
 .proof-grid,.case-metrics-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
 .article-meta-bar,.report-link-banner,.case-hero-meta,.scanner-head { flex-wrap: wrap; gap: 12px; }
 .pipeline-arrow { display: none; }
}