:root{--ink:#19223a;--paper:#fff8f1;--accent:#ff6b5f;--secondary:#3a7bd5;--soft:#ffe6dd;--white:#fff;--muted:#5d6473;--line:color-mix(in srgb,var(--ink) 16%,transparent);--shadow:0 18px 48px color-mix(in srgb,var(--ink) 12%,transparent);--content:1180px;--reading:760px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;text-rendering:optimizeLegibility}
body[data-lens="report"]{font-family:Georgia,"Times New Roman",serif}
body[data-lens="report"] :is(nav,button,input,select,.eyebrow,.metric,.footer-grid,.breadcrumbs,.tool-shell){font-family:Inter,ui-sans-serif,system-ui,sans-serif}
body[data-lens="scan"]{font-family:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif}
body[data-lens="comparison"]{background-color:var(--paper)}
a{color:var(--secondary);text-decoration-thickness:.09em;text-underline-offset:.18em}
a:hover{color:var(--accent)}
img{max-width:100%;height:auto}
button,input,select{font:inherit}
button{cursor:pointer}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:1rem;top:-8rem;background:var(--ink);color:var(--white);padding:.7rem 1rem;z-index:100}
.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav-wrap{width:min(var(--content),calc(100% - 2rem));min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand{display:flex;align-items:center;gap:.7rem;color:var(--ink);text-decoration:none;font-weight:850;letter-spacing:-.03em}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--accent);color:var(--ink);font-size:.76rem;font-weight:950;letter-spacing:-.06em;border:2px solid var(--ink)}
body[data-lens="scan"] .brand-mark{clip-path:polygon(0 0,100% 0,100% 75%,75% 100%,0 100%)}
body[data-lens="follow-back"] .brand-mark{border-radius:50%}
body[data-lens="comparison"] .brand-mark{transform:rotate(4deg);box-shadow:5px 5px 0 var(--secondary)}
.menu-button{display:none;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:.55rem .75rem}
.main-nav{display:flex;align-items:center;gap:1.2rem}
.main-nav a{color:var(--ink);font-size:.94rem;font-weight:700;text-decoration:none}
.main-nav .nav-cta{padding:.55rem .9rem;background:var(--ink);color:var(--paper)}
.main-nav .nav-cta:hover{background:var(--accent);color:var(--ink)}
.breadcrumbs{width:min(var(--content),calc(100% - 2rem));margin:1rem auto 0;font-size:.84rem;color:var(--muted)}
.breadcrumbs ol{display:flex;gap:.5rem;list-style:none;padding:0;margin:0;flex-wrap:wrap}
.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:.5rem;color:var(--line)}
.hero{width:min(var(--content),calc(100% - 2rem));margin:clamp(2rem,6vw,5.5rem) auto 3rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;gap:clamp(2rem,6vw,5rem)}
.hero-copy{max-width:760px}
.eyebrow{margin:0 0 .7rem;color:var(--secondary);font-weight:850;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem}
h1,h2,h3{line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
h1{font-size:clamp(2.45rem,7vw,5rem);margin:.2rem 0 1rem;max-width:16ch}
body[data-lens="scan"] h1{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(2.25rem,6vw,4.5rem);letter-spacing:-.06em}
body[data-lens="follow-back"] h1{max-width:18ch}
body[data-lens="comparison"] h1{max-width:15ch}
h2{font-size:clamp(1.8rem,4vw,3rem);margin:0 0 1rem}
h3{font-size:1.25rem;margin:0 0 .6rem}
.lede{font-size:clamp(1.08rem,2vw,1.3rem);color:color-mix(in srgb,var(--ink) 78%,var(--paper));max-width:65ch}
.hero-actions{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin-top:1.6rem}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.7rem 1.05rem;border:2px solid var(--ink);background:var(--ink);color:var(--paper);font-weight:850;text-decoration:none;box-shadow:4px 4px 0 var(--accent)}
.button:hover{background:var(--accent);color:var(--ink);box-shadow:4px 4px 0 var(--ink)}
.button.secondary{background:transparent;color:var(--ink);box-shadow:none}
.hero-note{border:2px solid var(--ink);padding:1.5rem;background:var(--white);box-shadow:10px 10px 0 var(--soft)}
body[data-lens="report"] .hero-note{border-left:8px solid var(--accent);box-shadow:none}
body[data-lens="scan"] .hero-note{background:var(--ink);color:var(--paper);border-color:var(--accent);box-shadow:8px 8px 0 var(--accent)}
body[data-lens="follow-back"] .hero-note{border-radius:1.5rem;box-shadow:0 12px 0 var(--soft)}
.hero-note strong{display:block;font-size:2rem;line-height:1;margin-bottom:.7rem}
.trust-strip{width:min(var(--content),calc(100% - 2rem));margin:0 auto 3rem;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--white)}
.trust-strip span{padding:1rem;text-align:center;font-size:.88rem;font-weight:760;border-right:1px solid var(--line)}
.trust-strip span:last-child{border-right:0}
.analyzer{width:min(var(--content),calc(100% - 2rem));margin:3rem auto 5rem;scroll-margin-top:100px}
.tool-shell{background:var(--white);border:2px solid var(--ink);box-shadow:var(--shadow)}
.tool-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--line)}
.tool-heading h2{font-size:clamp(1.7rem,4vw,2.5rem);margin:0}
.privacy-label{max-width:300px;font-size:.86rem;color:var(--muted)}
.drop-zone{margin:1.5rem;border:2px dashed var(--secondary);padding:clamp(1.4rem,5vw,3rem);text-align:center;background:var(--soft)}
.drop-zone.is-dragging{border-style:solid;background:var(--accent)}
.drop-zone input{display:block;max-width:100%;margin:.8rem auto}
.tool-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1rem}
.tool-actions button{min-height:46px;padding:.65rem 1rem;border:2px solid var(--ink);background:var(--ink);color:var(--paper);font-weight:850}
.tool-actions button:last-child{background:transparent;color:var(--ink)}
.tool-actions button:disabled{opacity:.55;cursor:wait}
.tool-status{min-height:1.5rem;margin:.8rem 1.5rem 1.5rem;text-align:center;color:var(--muted)}
.error{margin:1rem 1.5rem;padding:1rem;border-left:5px solid #b42318;background:#fff2f0;color:#7a271a;font-weight:700}
.free-summary{padding:1.5rem;border-top:1px solid var(--line)}
.summary-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:1.2rem 0;background:var(--line);border:1px solid var(--line)}
.metric{padding:1.1rem;background:var(--paper)}
.metric strong{display:block;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1}
.metric small{display:block;margin-top:.45rem;color:var(--muted)}
.diagnostics{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.82rem;color:var(--secondary)}
.offer-gate{padding:1.5rem;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr auto;align-items:center;gap:1.5rem}
.offer-gate h3{margin:0 0 .35rem}
.offer-gate p{margin:.25rem 0;max-width:72ch}
.offer-gate button{min-height:48px;padding:.7rem 1rem;border:2px solid var(--accent);background:var(--accent);color:var(--ink);font-weight:900}
.offer-status{font-size:.86rem;color:color-mix(in srgb,var(--paper) 78%,transparent)}
.details{padding:1.5rem;border-top:1px solid var(--line);scroll-margin-top:100px}
.result-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1rem}
.result-tabs button{text-align:left;padding:.85rem;border:1px solid var(--line);background:var(--paper);color:var(--ink)}
.result-tabs button span,.result-tabs button strong,.result-tabs button small{display:block}
.result-tabs button strong{font-size:1.35rem}
.result-tabs button small{color:var(--muted)}
.result-tabs button.is-active{border:2px solid var(--ink);background:var(--soft)}
.result-controls{display:grid;grid-template-columns:1fr 220px auto auto;gap:.7rem;margin:1rem 0}
.result-controls :is(input,select,button){min-height:44px;border:1px solid var(--line);background:var(--white);color:var(--ink);padding:.55rem .7rem}
.result-controls button{font-weight:800;border-color:var(--ink)}
.table-wrap{overflow:auto;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse}
th,td{text-align:left;padding:.75rem;border-bottom:1px solid var(--line)}
th{background:var(--soft);font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}
.content-layout{width:min(var(--content),calc(100% - 2rem));margin:3rem auto 5rem;display:grid;grid-template-columns:minmax(0,var(--reading)) minmax(220px,1fr);gap:clamp(2rem,7vw,6rem);align-items:start}
.article-body{background:color-mix(in srgb,var(--paper) 94%,var(--white));padding:clamp(0rem,2vw,1rem)}
.article-body{width:min(var(--reading),calc(100% - 2rem));margin:3rem auto 5rem}
.article-body-scan,.article-body-comparison{width:min(940px,calc(100% - 2rem))}
.article-body section{padding:2rem 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.article-body section:first-child{padding-top:0}
.article-body p{max-width:72ch}
.article-body li{margin:.55rem 0}
.quick-answer{border-left:6px solid var(--accent);padding:1rem 1.2rem!important;background:var(--white)}
.equation{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;padding:1rem;background:var(--ink);color:var(--paper);overflow:auto}
.example-table{border:1px solid var(--line);margin:1rem 0;background:var(--white)}
.example-table div{display:grid;grid-template-columns:1fr auto;padding:.65rem .8rem;border-bottom:1px solid var(--line)}
.example-table div:last-child{border-bottom:0}
.example-table strong{font-variant-numeric:tabular-nums}
.report-key,.scan-bar,.relationship-key,.set-legend{width:min(var(--content),calc(100% - 2rem));margin:0 auto 2rem;display:flex;gap:.65rem;flex-wrap:wrap}
.report-key span,.scan-bar span,.relationship-key span,.set-legend span{padding:.65rem .85rem;border:1px solid var(--line);background:var(--white);font-size:.82rem;font-weight:850}
.report-key span{border-left:5px solid var(--accent)}
.scan-bar{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:var(--ink);padding:.55rem}
.scan-bar span{background:var(--ink);color:var(--paper);border-color:var(--secondary)}
.relationship-key span{border-radius:999px;border:2px solid var(--ink)}
.set-legend{justify-content:flex-end}
.set-legend span{box-shadow:3px 3px 0 var(--secondary)}
.report-finding{border-left:7px solid var(--accent)!important;padding:1.25rem!important;background:var(--white)}
.report-sample{display:grid;grid-template-columns:minmax(90px,.28fr) 1fr;border:1px solid var(--line);background:var(--white)}
.report-sample>*{margin:0;padding:.7rem .85rem;border-bottom:1px solid var(--line)}
.report-sample strong{background:var(--soft)}
.scan-terminal{border:2px solid var(--ink)!important;padding:1.2rem!important;background:var(--ink);color:var(--paper);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.scan-steps{counter-reset:scan-step;list-style:none;padding:0;display:grid;gap:.6rem}
.scan-steps li{border-left:5px solid var(--accent);padding:.8rem 1rem;background:var(--white)}
.diagnostic-table,.relationship-matrix,.snapshot-table{display:grid;border:1px solid var(--line);background:var(--white);overflow:auto}
.diagnostic-table>div,.relationship-matrix>div,.snapshot-table>div{display:grid;grid-template-columns:1fr .55fr 1.25fr;min-width:620px;border-bottom:1px solid var(--line)}
.relationship-matrix>div{grid-template-columns:1.2fr 1.5fr .45fr}
.snapshot-table>div{grid-template-columns:1.5fr .7fr .7fr}
.diagnostic-table :is(span,strong,b),.relationship-matrix :is(span,strong,b),.snapshot-table :is(span,strong,b){padding:.7rem .8rem}
.diagnostic-table b{color:#176b42}
.relationship-lead{border:2px solid var(--ink)!important;border-radius:1.2rem;padding:1.25rem!important;background:var(--white)}
.comparison-lead{border-top:8px solid var(--secondary)!important;padding:1.25rem!important;background:var(--white)}
.qa-list{display:grid;gap:.8rem}
.qa-item{padding:1rem;border-left:4px solid var(--accent);background:var(--white)}
.qa-item p{margin-bottom:0}
.policy-lead,.compact-section{padding:1.25rem!important;background:var(--white);border:2px solid var(--ink)!important}
.editorial-next,.diagnostic-next,.question-path,.analysis-sequence,.intent-cta{width:min(var(--reading),calc(100% - 2rem));margin:3rem auto;padding:1.3rem;background:var(--white)}
.editorial-next{border-left:8px solid var(--accent)}
.editorial-next ol{margin-bottom:0}
.diagnostic-next{width:min(940px,calc(100% - 2rem));border:2px solid var(--ink);display:grid;gap:.6rem}
.diagnostic-next>a{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:.7rem;border-bottom:1px solid var(--line);text-decoration:none}
.diagnostic-next>a span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;color:var(--muted)}
.question-path{border-radius:1.3rem;border:2px solid var(--ink);display:flex;gap:.8rem;align-items:center;flex-wrap:wrap}
.question-path h2{font-size:1.2rem;margin:0 1rem 0 0}
.question-path a{padding:.55rem .8rem;background:var(--soft);border-radius:999px;font-weight:800}
.analysis-sequence{width:min(940px,calc(100% - 2rem));border-top:6px solid var(--secondary)}
.analysis-sequence>div{display:grid;grid-template-columns:3rem 1fr;border-top:1px solid var(--line);padding:.75rem 0}
.analysis-sequence>div span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--secondary)}
.intent-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--ink);color:var(--paper)}
.intent-cta p{font-size:1.15rem;font-weight:800;max-width:56ch}
.sidebar{position:sticky;top:100px}
.sidebar-card{border-top:5px solid var(--accent);padding:1.2rem;background:var(--white);margin-bottom:1rem}
.sidebar-card ul{padding-left:1.1rem}
.sidebar-card li{margin:.45rem 0}
.related-grid,.guide-grid{width:min(var(--content),calc(100% - 2rem));margin:4rem auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.related-grid article,.guide-grid article{padding:1.25rem;background:var(--white);border:1px solid var(--line)}
body[data-lens="scan"] :is(.related-grid article,.guide-grid article){border-left:5px solid var(--accent)}
body[data-lens="follow-back"] :is(.related-grid article,.guide-grid article){border-radius:1.2rem}
.related-grid a,.guide-grid a{font-weight:850}
.cta-band{width:min(var(--content),calc(100% - 2rem));margin:4rem auto;padding:clamp(1.5rem,5vw,3rem);background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:2rem}
.cta-band h2{margin:0;max-width:18ch}
.cta-band .button{background:var(--accent);color:var(--ink);border-color:var(--accent);white-space:nowrap}
.site-footer{border-top:1px solid var(--line);background:var(--white);padding:3rem 0 1.5rem}
.footer-grid{width:min(var(--content),calc(100% - 2rem));margin:auto;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}
.footer-grid h2{font-size:1rem;margin:0 0 .6rem;letter-spacing:0}
.footer-grid ul{list-style:none;margin:0;padding:0}
.footer-grid li{margin:.4rem 0}
.footer-grid a{color:var(--ink);font-size:.9rem}
.legal-line{width:min(var(--content),calc(100% - 2rem));margin:2rem auto 0;padding-top:1rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--muted)}
.not-found{width:min(720px,calc(100% - 2rem));margin:10vh auto;padding:3rem;border:2px solid var(--ink);background:var(--white);text-align:center}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:900px){.hero{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr}.sidebar{position:static}.related-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.result-tabs{grid-template-columns:repeat(2,1fr)}.result-controls{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:779px){.menu-button{display:block}.main-nav{position:absolute;left:1rem;right:1rem;top:72px;padding:1rem;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav[hidden]{display:none}.main-nav a{padding:.55rem}.tool-heading,.summary-head,.offer-gate,.cta-band,.intent-cta{display:block}.privacy-label{margin-top:.8rem}.offer-gate button,.intent-cta .button{margin-top:1rem}.summary-grid{grid-template-columns:repeat(2,1fr)}.result-controls{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.related-grid,.guide-grid{grid-template-columns:1fr}.diagnostic-next>a{grid-template-columns:1fr}.question-path{display:block}.question-path a{display:block;margin-top:.55rem}}
@media(max-width:520px){.trust-strip{grid-template-columns:1fr}.trust-strip span{border-right:0;border-bottom:1px solid var(--line)}.result-tabs{grid-template-columns:1fr}.drop-zone{margin:1rem}.tool-heading,.free-summary,.offer-gate,.details{padding:1rem}h1{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}