/* Isolated design system proposal. Production styles are unchanged. */
:root {
  color-scheme: dark;
  --paper:#161616; --raised:#211f1c; --surface:#292621;
  --ink:#f5f2eb; --muted:#b9b3a9; --line:#454038;
  --accent:#ed8b45; --accent-bright:#f7a464; --accent-ink:#22170e;
  --soft:#ebe9e2; --soft-raised:#f8f6f0; --dark-ink:#22231f;
  --dark-muted:#62635a; --soft-line:#c8c9bf;
  --green:#b8d1ac; --green-wash:#253026; --green-ink:#34502f;
  --warm:#542c18; --focus:#f7b47d; --white:#fff;
  --sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;
  --serif:"Instrument Serif",Georgia,serif;
  --mono:ui-monospace,"SFMono-Regular",Consolas,monospace;
  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2rem;
  --space-5:3rem; --space-6:4rem; --space-7:6rem;
  --content:88rem; --gutter:clamp(1.25rem,4vw,5rem);
  --radius:1.25rem; --tap:2.75rem;
  --motion-fast:160ms; --motion-panel:240ms; --motion-entry:520ms;
  --ease:cubic-bezier(.2,.7,.2,1);
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:1.5rem; -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--paper); color:var(--ink); font:400 1rem/1.6 var(--sans); -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font:inherit; }
button,a,summary { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; text-underline-offset:.25em; }
a,button,summary { touch-action:manipulation; }
button { border:0; }
:focus-visible { outline:3px solid var(--focus); outline-offset:5px; }
.light-ground :focus-visible { outline-color:var(--dark-ink); }
[hidden] { display:none!important; }
img,svg { display:block; max-width:100%; }
img { height:auto; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-weight:450; letter-spacing:-.045em; text-wrap:balance; }
h1 { font-size:clamp(3.25rem,6.4vw,6.25rem); line-height:1.03; }
h2 { font-size:clamp(2.5rem,4.4vw,4.75rem); line-height:1.08; }
h3 { font-size:clamp(1.75rem,2.5vw,2.5rem); line-height:1.16; }
em { font-family:var(--serif); font-weight:400; letter-spacing:-.02em; }
button,a { -webkit-user-drag:none; }
.shell { width:min(var(--content),calc(100% - var(--gutter)*2)); margin-inline:auto; }
.small { font-size:.8125rem; line-height:1.55; }
.muted { color:var(--muted); }
.eyebrow { display:flex; align-items:center; gap:.625rem; font-size:.6875rem; line-height:1.5; letter-spacing:.11em; font-weight:600; }
.skip { position:fixed; top:-7rem; left:1rem; z-index:100; padding:1rem; border:2px solid var(--focus); color:var(--ink); background:var(--paper); }
.skip:focus { top:1rem; }
.review-note { display:flex; align-items:center; justify-content:space-between; gap:.5rem; padding:0 var(--gutter); min-height:2.75rem; color:var(--muted); background:var(--raised); font-size:.6875rem; letter-spacing:.025em; border-bottom:1px solid var(--line); }
.note-divider { padding:0 .5rem; }
.motion-toggle { min-height:var(--tap); padding:.5rem 0 .5rem 1rem; color:var(--muted); background:none; font-size:.6875rem; text-decoration:underline; text-underline-offset:.25rem; flex-shrink:0; }
.motion-toggle[aria-pressed="true"] { color:var(--accent-bright); }
.site-header,.app-header { min-height:6.25rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.brand { display:inline-flex; align-items:center; gap:.6rem; font-size:1.4rem; letter-spacing:-.04em; font-weight:600; text-decoration:none; min-height:var(--tap); white-space:nowrap; }
.brand svg { width:1.5rem; height:1.5rem; fill:var(--accent); }
.brand span { font-weight:400; margin-left:-.3rem; }
.main-nav { display:flex; align-items:center; gap:2.25rem; }
.main-nav a { display:flex; align-items:center; min-height:var(--tap); font-size:.875rem; text-decoration:none; color:var(--muted); }
.main-nav a:hover { color:var(--ink); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:1.75rem; min-height:3.125rem; padding:.875rem 1.25rem; border:1px solid transparent; border-radius:.625rem; font-size:.8125rem; line-height:1.35; font-weight:550; text-decoration:none; transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast); }
.button span[aria-hidden] { font-size:1.15rem; line-height:1; }
.button:hover { transform:translateY(-2px); }
.primary { background:var(--accent); color:var(--accent-ink); border-color:var(--accent-bright); box-shadow:inset 0 1px 0 #ffffff40,0 4px 22px #ed8b451a; }
.primary:hover { background:var(--accent-bright); box-shadow:0 4px 28px #ed8b4533; }
.quiet { border-color:var(--line); background:transparent; color:var(--ink); }
.quiet:hover { background:var(--raised); border-color:var(--muted); }
.text-link { min-height:var(--tap); display:inline-flex; align-items:center; justify-content:space-between; gap:1rem; font-size:.8125rem; font-weight:550; text-decoration:none; }
.text-link:hover { text-decoration:underline; }
.hero { position:relative; display:grid; grid-template-columns:1.05fr 1fr; gap:1rem 2rem; align-items:center; padding-top:clamp(2rem,4.5vw,4.75rem); }
.hero-copy { position:relative; z-index:2; padding-bottom:2.5rem; }
.hero-copy .eyebrow { color:var(--muted); margin-bottom:1.75rem; }
.status-dot { width:6px; height:6px; flex-shrink:0; border-radius:50%; background:var(--accent); }
.hero h1 { font-size:clamp(3.25rem,6.4vw,5.5rem); }
.hero h1 em { color:var(--accent-bright); }
.hero-description { max-width:31rem; font-size:1rem; line-height:1.75; color:var(--muted); margin-top:1.75rem; }
.hero-actions { display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; margin:2rem 0 1rem; }
.hero-copy>.small { max-width:30rem; }
.hero-object { position:relative; min-width:0; min-height:36rem; display:grid; align-items:center; justify-items:center; background:radial-gradient(ellipse at 50% 70%,var(--warm),transparent 65%); isolation:isolate; }
.orbit { position:absolute; width:96%; aspect-ratio:1; border:1px solid var(--line); border-radius:50%; z-index:-2; opacity:.5; }
.orbit-two { width:76%; }
.paper-back { position:absolute; width:72%; height:28rem; top:1.75rem; padding:1.5rem; background:var(--soft); color:var(--dark-muted); border:1px solid var(--soft-line); border-radius:.8rem; transform:rotate(-8deg) translate(-1.25rem,-.5rem); z-index:-1; box-shadow:0 20px 50px #0005; }
.paper-back>span:first-child { display:block; font-size:.5rem; letter-spacing:.18em; }
.paper-rule { display:block; width:92%; height:1px; background:var(--soft-line); margin-top:.75rem; }.paper-rule.short { width:70%; }
.sample-card { display:block; text-decoration:none; width:min(100% - 3rem,27rem); padding:1.5rem 1.65rem 0; background:linear-gradient(135deg,var(--surface),var(--raised) 62%); border:1px solid #71604e; border-radius:1rem; box-shadow:0 32px 72px #0005; transform:rotate(3deg); animation:arrive var(--motion-entry) var(--ease) both; transition:transform var(--motion-panel) var(--ease),border-color var(--motion-panel); }
.sample-card:hover { transform:rotate(0); border-color:var(--accent); }
.sample-card-top { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.mini-brand { font-size:.5625rem; font-weight:600; letter-spacing:.12em; }
.tiny-label { font-size:.5rem; letter-spacing:.09em; color:var(--muted); border:1px solid var(--line); border-radius:3rem; padding:.25rem .5rem; }
.sample-title { margin-top:1.75rem; font-size:1.5rem; line-height:1.25; font-weight:450; letter-spacing:-.025em; }
.sample-score { display:flex; align-items:center; gap:.85rem; margin:1.25rem 0 1.5rem; }
.sample-score strong { font-size:4.75rem; font-weight:450; line-height:1; letter-spacing:-.065em; font-variant-numeric:tabular-nums; }
.sample-score>span { font-size:.6875rem; color:var(--muted); }
.sample-rule { display:flex; justify-content:space-between; gap:1rem; font-size:.6875rem; }
.small-meter { height:3px; background:var(--line); margin:.5rem 0 1rem; }.small-meter i { display:block; height:100%; background:var(--green); }.small-meter.orange i { background:var(--accent); }
.sample-next { display:flex; gap:.75rem; align-items:center; padding:.875rem 0 1.25rem; font-size:.625rem; color:var(--muted); line-height:1.6; }.sample-next b { color:var(--ink); font-weight:500; }
.round-icon { display:grid; place-items:center; width:2rem; height:2rem; flex-shrink:0; border:1px solid var(--line); border-radius:50%; color:var(--accent); font-size:1.125rem; }
.sample-card-bottom { display:flex; justify-content:space-between; padding:1rem 0; border-top:1px solid var(--line); font-size:.6875rem; }
.object-caption { position:absolute; bottom:-.4rem; font-size:.625rem; color:var(--muted); text-align:center; line-height:1.6; }
.hero-foot { grid-column:1/-1; display:flex; justify-content:space-between; align-items:center; gap:1.5rem; border-top:1px solid var(--line); margin-top:2rem; padding:1.25rem 0 2.25rem; font-size:.75rem; color:var(--muted); }
.hero-foot a { display:flex; align-items:center; gap:1rem; min-height:var(--tap); text-decoration:none; }
.scroll-arrow { display:grid; place-items:center; width:2.75rem; height:2.75rem; border:1px solid var(--line); border-radius:50%; color:var(--ink); font-size:1rem; }
.light-ground { background:var(--soft); color:var(--dark-ink); color-scheme:light; }
.tool-chapter { padding-block:clamp(3.5rem,6vw,6rem); border-radius:2rem 2rem 0 0; }
.chapter-heading { display:grid; grid-template-columns:.7fr 1.45fr 1fr; gap:2rem; align-items:start; margin-bottom:3rem; }
.chapter-heading .eyebrow { margin-top:.625rem; color:var(--dark-muted); }
.chapter-heading>p:last-child { font-size:.9375rem; color:var(--dark-muted); max-width:23rem; align-self:end; }
.tool-explorer { display:grid; grid-template-columns:1fr 1.8fr; border-top:1px solid var(--soft-line); border-bottom:1px solid var(--soft-line); }
.tool-tabs { display:flex; flex-direction:column; padding-block:.5rem; }
.tool-tabs button { display:grid; grid-template-columns:1.6rem 1fr auto; align-items:start; gap:.6rem; width:100%; min-height:5.5rem; text-align:left; padding:1.5rem 1.25rem 1.5rem 0; background:transparent; color:var(--dark-muted); border-bottom:1px solid var(--soft-line); transition:color var(--motion-fast),background var(--motion-fast); }
.tool-tabs button:last-child { border-bottom:0; }
.tool-number { font-size:.625rem; margin-top:.3rem; }
.tool-tabs button>span:nth-child(2) { font-size:1rem; line-height:1.5; }
.tool-tabs small { display:block; font-size:.625rem; line-height:1.5; margin-top:.25rem; }
.tool-tabs button>span:last-child { font-size:1.25rem; opacity:.5; }
.tool-tabs [aria-selected="true"] { color:var(--dark-ink); }.tool-tabs [aria-selected="true"]>span:last-child { opacity:1; color:var(--green-ink); }
.tool-tabs [aria-selected="true"]>span:nth-child(2) { font-weight:550; }
.tool-tabs button:hover { color:var(--dark-ink); background:#fff3; }
.tool-panels { min-width:0; border-left:1px solid var(--soft-line); }
.tool-panel { padding:2rem 0 2rem clamp(2rem,4vw,4rem); min-height:30rem; }
.tool-panel>p:not(.big-index) { max-width:35rem; font-size:.875rem; color:var(--dark-muted); margin-top:1.25rem; }
.tool-panel h3 { margin-top:1.75rem; }
.panel-label { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }.panel-label>span:last-child { font-size:.5625rem; letter-spacing:.12em; color:var(--dark-muted); }
.pill { display:inline-flex; align-items:center; justify-content:center; width:fit-content; padding:.375rem .625rem; border:1px solid var(--line); border-radius:3rem; font-size:.5625rem; line-height:1.25; letter-spacing:.04em; font-weight:600; }
.light-ground .pill { border-color:var(--soft-line); }.light-ground .pill.live { background:#dce4d5; color:var(--green-ink); border-color:#b3c4a8; }
.live { color:var(--green); border-color:#52634b; }
.proof-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin:2rem 0; }
.proof-grid>div { border-top:1px solid var(--soft-line); padding-top:1rem; }
.proof-grid>div>span { font-size:1.25rem; display:block; margin-bottom:.5rem; }.proof-grid b { display:block; font-size:.75rem; font-weight:550; }.proof-grid p { font-size:.6875rem; color:var(--dark-muted); margin-top:.25rem; }
.dark-button { background:var(--dark-ink); color:var(--soft-raised); }.dark-button:hover { background:var(--green-ink); }
.current-capture { margin-top:1rem; }.current-capture summary { font-size:.6875rem; color:var(--dark-muted); }.current-capture figure { margin:1rem 0 0; }.current-capture img { border-radius:.5rem; border:1px solid var(--soft-line); }.current-capture figcaption { font-size:.625rem; color:var(--dark-muted); margin-top:.5rem; }
summary { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; min-height:var(--tap); padding:.875rem 0; cursor:pointer; list-style:none; }
summary::-webkit-details-marker { display:none; }summary::after { content:"+"; font-size:1.125rem; font-weight:400; flex-shrink:0; }details[open]>summary::after { content:"−"; }
details>p { padding:0 0 1.25rem; }
.future-panel { position:relative; overflow:hidden; }
.big-index { position:absolute; right:0; top:2rem; font-size:6rem; line-height:1; color:#c2c3b8; letter-spacing:-.08em; pointer-events:none; }
.future-panel h3 { position:relative; margin-top:4rem; max-width:32rem; }
.future-panel .text-link { margin-top:1.5rem; }
.availability { border-left:2px solid var(--accent); padding:.25rem 0 .25rem 1rem; }
.trust-chapter { display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(3rem,8vw,8rem); padding-block:clamp(4rem,7vw,7rem); }
.trust-intro .eyebrow { color:var(--muted); margin-bottom:2rem; }.trust-intro h2 em { color:var(--accent-bright); }.trust-intro>p:not(.eyebrow) { max-width:26rem; color:var(--muted); font-size:.875rem; margin:1.5rem 0 2rem; }
.principle { display:grid; grid-template-columns:2rem 1fr; gap:1.5rem; border-top:1px solid var(--line); padding:1.5rem 0; }.principle>span { font-size:.625rem; color:var(--accent); margin-top:.3rem; }.principle h3 { font-size:1.125rem; letter-spacing:-.025em; }.principle p { color:var(--muted); font-size:.8125rem; margin-top:.5rem; max-width:31rem; }
.faq-list { margin-top:1.5rem; }.faq-list details { border-bottom:1px solid var(--line); }.faq-list summary { font-size:.8125rem; }.faq-list details p { color:var(--muted); font-size:.8125rem; max-width:32rem; }
.site-footer { padding-top:2rem; border-top:1px solid var(--line); }.footer-top { display:flex; justify-content:space-between; align-items:center; gap:1rem; }.footer-top>span { color:var(--muted); font-size:.75rem; }.footer-top nav { display:flex; gap:1.5rem; }.footer-top nav a { display:grid; align-items:center; min-height:var(--tap); font-size:.75rem; text-decoration:none; }
.wordmark { font-size:clamp(5rem,17.7vw,17rem); line-height:1.15; letter-spacing:-.07em; text-align:center; color:#625346; white-space:nowrap; font-weight:450; margin-top:1.5rem; }
.footer-bottom { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.5rem; padding:1.5rem 0 2rem; font-size:.625rem; color:var(--muted); border-top:1px solid var(--line); }
/* The same system, quieter surfaces for the workspace. */
.app-header { min-height:5.5rem; border-bottom:1px solid var(--line); }
.app-header nav { display:flex; align-items:center; gap:2rem; }.app-header nav a { min-height:var(--tap); display:flex; align-items:center; gap:.5rem; text-decoration:none; color:var(--muted); font-size:.8125rem; }.app-header nav .active { color:var(--ink); border-bottom:1px solid var(--accent); }
.account-label { font-size:.625rem; letter-spacing:.1em; color:var(--muted); }
.checker-main { padding-block:3rem 5rem; }.setup-heading { display:grid; grid-template-columns:1fr 1fr; column-gap:4rem; align-items:end; margin-bottom:2.75rem; }.setup-heading .eyebrow { grid-column:1/-1; margin-bottom:1.25rem; color:var(--muted); }.setup-heading h1 { font-size:clamp(3rem,5vw,5rem); }.setup-heading h1 em { color:var(--accent-bright); }.setup-heading>p:last-child { color:var(--muted); font-size:.9375rem; max-width:29rem; padding-bottom:.5rem; }
.setup-grid { display:grid; grid-template-columns:1.3fr 1fr; gap:1.5rem; }.source-card,.context-card { border:1px solid var(--line); border-radius:var(--radius); padding:clamp(1.5rem,3vw,3rem); }.source-card { background:radial-gradient(ellipse at 0 100%,#432619,transparent 60%),var(--raised); }.card-heading { display:flex; justify-content:space-between; align-items:center; gap:1rem; }.file-symbol { display:grid; place-items:center; width:3rem; height:3.5rem; border:1px solid var(--line); border-radius:.5rem; font-size:2rem; color:var(--accent); margin:2rem 0 1.5rem; }.source-card h2,.context-card h2 { font-size:clamp(1.75rem,2.5vw,2.5rem); }.source-card>p { max-width:33rem; color:var(--muted); font-size:.875rem; margin-top:1rem; }.file-row { display:flex; align-items:center; gap:1rem; padding:1.25rem 0; margin:1rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }.file-icon { display:grid; place-items:center; width:2.5rem; height:3rem; border:1px solid var(--line); border-radius:.35rem; font:500 .5625rem var(--mono); flex-shrink:0; }.file-row>div { min-width:0; }.file-row b { display:block; font-size:.8125rem; font-weight:500; overflow-wrap:anywhere; }.file-row>div>span { display:block; color:var(--muted); font-size:.6875rem; }.checkmark { margin-left:auto; color:var(--green); }.source-card>.button { width:100%; }.source-card .small { font-size:.6875rem; }.context-card { background:var(--raised); }.context-card>.eyebrow { color:var(--muted); margin-bottom:1.5rem; }.context-item { margin-top:1.5rem; border-top:1px solid var(--line); padding-top:1.5rem; }.context-item b { display:block; font-size:.875rem; font-weight:500; margin-top:.5rem; }.context-item p { font-size:.8125rem; color:var(--muted); margin-top:.375rem; }.context-item .small { font-size:.625rem; letter-spacing:.06em; }.context-card details { margin-top:1rem; }.context-card details summary { font-size:.75rem; }.context-card details p { white-space:pre-wrap; font-size:.75rem; color:var(--muted); }
.result-heading { display:flex; align-items:end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }.result-heading .eyebrow { color:var(--muted); margin-bottom:1rem; }.result-heading h1 { font-size:clamp(2.5rem,4vw,4rem); }.result-heading h1 em { color:var(--accent-bright); }.result-heading>.button { flex-shrink:0; margin-bottom:.3rem; }
.result-summary { display:grid; grid-template-columns:1fr 1.35fr 1.2fr; gap:2rem; border:1px solid var(--line); background:var(--raised); border-radius:var(--radius); padding:2rem; margin-bottom:2rem; }
.score-main { display:flex; flex-direction:column; justify-content:center; }.score-main>.small { font-size:.625rem; letter-spacing:.07em; }.score-main>div { display:flex; align-items:baseline; gap:.75rem; margin:.5rem 0; }.score-main strong { font-size:clamp(3.5rem,5.5vw,5.5rem); font-weight:450; line-height:1.1; letter-spacing:-.075em; font-variant-numeric:tabular-nums; }.score-main>div>span { font-size:1.25rem; color:var(--muted); }.score-main>a { font-size:.6875rem; min-height:var(--tap); display:flex; align-items:center; gap:.5rem; color:var(--muted); }
.result-insight { border-left:1px solid var(--line); padding-left:2rem; }.result-insight h2 { font-size:1.625rem; letter-spacing:-.025em; margin:1rem 0 .75rem; }.result-insight p { font-size:.75rem; line-height:1.65; color:var(--muted); max-width:25rem; }.result-insight>.small { display:block; margin-top:1rem; font-size:.625rem; }
.summary-dimensions { align-self:center; }.dimension-row { display:grid; grid-template-columns:1fr auto; gap:.25rem; font-size:.625rem; padding:.375rem 0; }.dimension-row>span:last-of-type { color:var(--muted); font-variant-numeric:tabular-nums; }.dimension-row .small-meter { grid-column:1/-1; margin:.25rem 0; height:3px; }
.workbench { border:1px solid var(--line); border-radius:var(--radius); overflow:clip; background:var(--raised); }.workbench-top { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0 1.5rem; border-bottom:1px solid var(--line); }.result-tabs { display:flex; gap:1.5rem; }.result-tabs button { color:var(--muted); font-size:.8125rem; background:transparent; border-bottom:2px solid transparent; min-height:3.75rem; padding:.75rem 0; white-space:nowrap; }.result-tabs [aria-selected="true"] { color:var(--ink); border-color:var(--accent); }.review-counter { color:var(--muted); font-size:.6875rem; white-space:nowrap; }
.review-layout { display:grid; grid-template-columns:1fr 1.15fr; }.finding-list { padding:1.5rem; }.list-heading { margin-bottom:1.25rem; }.list-heading h2 { font-size:1.125rem; font-weight:500; letter-spacing:-.02em; }.list-heading p { font-size:.6875rem; margin-top:.375rem; max-width:27rem; }
.finding-button { display:grid; grid-template-columns:1.75rem 1fr auto; gap:.75rem; align-items:start; text-align:left; width:100%; padding:1.125rem .75rem; margin-top:.5rem; border:1px solid var(--line); border-radius:.625rem; color:var(--ink); background:transparent; transition:border-color var(--motion-fast),background var(--motion-fast); }
.finding-button:hover { background:var(--surface); }.finding-button[aria-pressed="true"] { border-color:var(--accent); background:var(--surface); }.finding-button .finding-index { color:var(--muted); font-size:.625rem; margin-top:.2rem; }.finding-button b { font-size:.8125rem; font-weight:500; display:block; }.finding-button small { display:block; font-size:.6875rem; color:var(--muted); margin-top:.25rem; }.finding-button>.finding-state { color:var(--accent); font-size:1rem; }.finding-button.reviewed>.finding-state { color:var(--green); }
.finding-detail { background:var(--soft); color:var(--dark-ink); padding:2rem; border-left:1px solid var(--line); min-width:0; }.finding-detail .eyebrow { color:var(--dark-muted); }.finding-detail h3 { font-size:clamp(1.75rem,2.6vw,2.5rem); margin:1.5rem 0 1rem; }.finding-detail>p { font-size:.875rem; color:var(--dark-muted); max-width:32rem; }.evidence-box { padding:1.25rem; background:var(--soft-raised); border:1px solid var(--soft-line); border-radius:.625rem; margin:1.5rem 0; }.evidence-box .small { color:var(--dark-muted); font-size:.625rem; letter-spacing:.05em; }.evidence-box p { font-size:.875rem; margin-top:.5rem; }.evidence-box .term { display:inline-block; margin:.5rem .375rem 0 0; padding:.25rem .5rem; border:1px solid var(--soft-line); border-radius:.35rem; font-size:.6875rem; }.finding-detail>.button { margin-top:1.5rem; }.finding-detail>p.small { font-size:.6875rem; margin-top:.75rem; }.finding-detail :focus-visible { outline-color:var(--dark-ink); }
.panel-intro { padding:2rem 2rem 1rem; }.panel-intro h2 { font-size:1.75rem; }.panel-intro p { color:var(--muted); font-size:.8125rem; max-width:38rem; margin-top:.75rem; }
#rubric-details { padding:0 2rem 2rem; }.rubric-dimension { border-bottom:1px solid var(--line); }.rubric-dimension summary { font-size:.875rem; }.rubric-dimension summary>span { margin-left:auto; font-variant-numeric:tabular-nums; color:var(--muted); }.rule-row { padding:1rem; margin-bottom:.75rem; background:var(--paper); border-radius:.5rem; }.rule-row>div { display:flex; justify-content:space-between; gap:1rem; font-size:.75rem; }.rule-row b { font-weight:500; }.rule-row p { color:var(--muted); font-size:.75rem; margin-top:.5rem; max-width:52rem; }.rule-row .rule-state { display:block; font-size:.625rem; color:var(--green); margin-top:.5rem; }.rule-row .rule-state.partial,.rule-row .rule-state.fail { color:var(--accent-bright); }
.source-text { margin:1rem 2rem 2rem; border:1px solid var(--line); border-radius:.5rem; padding:1.5rem; background:var(--paper); color:var(--ink); font:.75rem/1.8 var(--mono); white-space:pre-wrap; overflow-wrap:anywhere; max-width:70ch; }
.result-close { margin-top:1.5rem; }.result-close details { border-bottom:1px solid var(--line); }.result-close summary { font-size:.8125rem; }.result-close details p { color:var(--muted); font-size:.8125rem; max-width:65ch; }.result-close>div { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-top:1.5rem; }.result-close>div>.small { font-size:.6875rem; }
.app-footer { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding-block:1.5rem; border-top:1px solid var(--line); color:var(--muted); font-size:.6875rem; }.app-footer>a { min-height:var(--tap); display:flex; align-items:center; }
.panel-enter { animation:panel-in var(--motion-panel) var(--ease); }
.detail-secondary { display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-top:1rem; border-top:1px solid var(--soft-line); }
.detail-secondary button { color:var(--dark-ink); background:transparent; padding:.5rem 0; }
.mobile-findings { display:none; }
.main-nav a,.footer-top nav a { min-width:var(--tap); }
.result-tabs button { min-width:var(--tap); }
.product-directory { border-top:1px solid var(--soft-line); padding-top:1.25rem; margin-top:1.5rem; display:flex; align-items:flex-start; gap:2rem; font-size:.75rem; }
.product-directory>a { flex-shrink:0; font-weight:550; }
.product-directory>div { display:flex; flex-wrap:wrap; column-gap:1.5rem; }
.product-directory a { display:inline-flex; align-items:center; gap:.75rem; min-width:var(--tap); min-height:var(--tap); text-decoration-thickness:1px; }
.tool-explorer:not([data-enhanced]) { display:block; }
.tool-explorer:not([data-enhanced]) .tool-panels { border-left:0; }
.tool-explorer:not([data-enhanced]) .tool-panel { padding:2rem 0; min-height:0; border-top:1px solid var(--soft-line); }
@media(max-width:480px) { .product-directory { display:block; }.product-directory>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:1rem; } }
@media(max-width:800px) { .mobile-findings { display:inline-flex; } }
@keyframes arrive { from { transform:translateY(14px) rotate(5deg); } to { transform:translateY(0) rotate(3deg); } }
@keyframes panel-in { from { opacity:.65; transform:translateY(6px); } to { opacity:1; transform:none; } }
@media(min-width:1600px) { .hero { padding-top:5rem; gap:1rem 5rem; }.hero-object { min-height:40rem; }.sample-card { width:28rem; padding:1.75rem 2rem 0; }.hero-foot { margin-top:3rem; } }
@media(max-width:1100px) { .hero { gap:1rem; }.hero h1 { font-size:clamp(3.25rem,6.5vw,5.25rem); }.hero-object { min-height:33rem; }.sample-card { width:calc(100% - 1rem); padding:1.25rem 1.25rem 0; }.sample-title { font-size:1.25rem; }.paper-back { width:76%; height:27rem; }.chapter-heading { grid-template-columns:1.5fr 1fr; }.chapter-heading .eyebrow { grid-column:1/-1; margin:0; }.chapter-heading { gap:1.5rem; }.result-summary { grid-template-columns:1fr 1.5fr; }.summary-dimensions { grid-column:1/-1; display:grid; grid-template-columns:repeat(5,1fr); gap:1rem; border-top:1px solid var(--line); padding-top:1rem; }.dimension-row { display:flex; flex-direction:column; }.dimension-row .small-meter { width:100%; }.result-insight { padding-left:2rem; }.review-layout { grid-template-columns:1fr 1fr; } }
@media(max-width:800px) {
  :root { --gutter:1.5rem; }
  .site-header,.app-header { gap:1rem; }.brand { font-size:1.2rem; }.main-nav { gap:1.25rem; }.hero { grid-template-columns:1fr; padding-top:2rem; }.hero-copy { max-width:38rem; padding-bottom:0; }.hero h1 { font-size:clamp(3.6rem,9vw,5.6rem); }.hero h1 br:first-child { display:none; }.hero-description { max-width:31rem; }.hero-object { min-height:35rem; width:100%; max-width:34rem; margin-inline:auto; }.sample-card { width:min(100% - 2rem,27rem); }.sample-title { font-size:1.5rem; }.paper-back { height:28rem; }.hero-foot { margin-top:.75rem; }.chapter-heading { grid-template-columns:1fr; }.chapter-heading>p:last-child { max-width:34rem; }.tool-explorer { grid-template-columns:1fr; border-top:0; }.tool-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; margin-bottom:1.5rem; }.tool-tabs button { border:1px solid var(--soft-line); border-radius:.5rem; min-height:5.5rem; padding:1rem; grid-template-columns:1fr auto; }.tool-tabs button:last-child { border-bottom:1px solid var(--soft-line); }.tool-number { display:none; }.tool-tabs button[aria-selected="true"] { background:var(--dark-ink); color:var(--soft-raised); border-color:var(--dark-ink); }.tool-tabs [aria-selected="true"]>span:last-child { color:var(--green); }.tool-tabs small { font-size:.625rem; }.tool-tabs button>span:nth-child(2) { font-size:.875rem; }.tool-panels { border-left:0; border-top:1px solid var(--soft-line); }.tool-panel { padding:1.5rem 0; min-height:29rem; }.trust-chapter { gap:3rem; grid-template-columns:1fr; }.trust-intro>p:not(.eyebrow) { max-width:34rem; }.trust-intro { max-width:38rem; }.footer-top { flex-wrap:wrap; }.footer-top>span { order:3; width:100%; }.wordmark { margin-top:2rem; }.setup-heading { grid-template-columns:1fr; gap:1.25rem; }.setup-heading .eyebrow { margin-bottom:0; }.setup-grid { grid-template-columns:1fr; }.source-card { order:1; }.context-card { order:2; }.account-label { display:none; }.checker-main { padding-top:2rem; }.result-heading { flex-wrap:wrap; gap:1.25rem; }.workbench-top { flex-wrap:wrap; gap:0; padding:0 1rem .75rem; }.review-counter { width:100%; }.result-tabs { justify-content:space-between; width:100%; gap:1rem; }.review-layout { grid-template-columns:1fr; }.finding-detail { border-left:0; border-top:1px solid var(--line); }.result-summary { gap:1.5rem; padding:1.5rem; }.result-insight { padding-left:1.5rem; }.result-insight h2 { font-size:1.4rem; }.summary-dimensions { grid-template-columns:repeat(3,1fr); }.result-close>div { flex-wrap:wrap; }.finding-detail { scroll-margin-top:1rem; }
}
@media(max-width:480px) {
  :root { --gutter:1.25rem; }
  .review-note { font-size:.5625rem; gap:.75rem; }.motion-toggle { font-size:.5625rem; padding-left:.25rem; }.note-divider { padding:0 .25rem; }
  .site-header { min-height:6rem; flex-wrap:wrap; padding-top:.75rem; row-gap:0; }.brand { font-size:1.2rem; }.brand svg { width:1.25rem; }.main-nav { order:3; width:100%; gap:1.5rem; }.main-nav a { font-size:.75rem; }.header-login { min-height:var(--tap); padding:.6rem .875rem; font-size:.6875rem; gap:1rem; }.hero { padding-top:1.75rem; }.hero-copy .eyebrow { font-size:.5625rem; letter-spacing:.07em; margin-bottom:1.5rem; }.hero h1 { font-size:clamp(2.75rem,12vw,3.75rem); }.hero h1 br:first-child { display:block; }.hero-description { font-size:.875rem; margin-top:1.5rem; }.hero-actions { gap:.625rem; margin-top:1.5rem; align-items:stretch; }.hero-actions>.button { width:100%; }.hero-actions>.text-link { width:100%; justify-content:center; }.hero-copy>.small { font-size:.6875rem; }.hero-object { min-height:34rem; margin-top:1rem; }.sample-card { width:calc(100% - 1rem); padding:1.25rem 1.15rem 0; transform:rotate(2deg); }.sample-card-top { gap:.5rem; }.sample-title { font-size:1.4rem; }.sample-score strong { font-size:4rem; }.paper-back { top:2rem; height:26rem; width:78%; }.object-caption { bottom:0; }.hero-foot { align-items:center; padding-bottom:1.5rem; }.hero-foot>span { max-width:13rem; font-size:.625rem; }.hero-foot a>span:first-child { display:none; }.tool-chapter { border-radius:1.25rem 1.25rem 0 0; }.tool-tabs button { padding:.875rem .75rem; min-height:6rem; gap:.5rem; }.tool-tabs button>span:nth-child(2) { font-size:.8125rem; }.tool-tabs small { font-size:.5625rem; }.tool-panel h3 { font-size:1.8rem; }.tool-panel>p:not(.big-index) { font-size:.8125rem; }.proof-grid { gap:.75rem; }.proof-grid p { font-size:.625rem; }.panel-label>span:last-child { font-size:.5rem; }.tool-panel .button { width:100%; }.trust-chapter { padding-block:3.5rem; }.footer-top nav { gap:1rem; }.wordmark { font-size:17.25vw; }.footer-bottom { font-size:.5625rem; }.app-header { min-height:6rem; flex-wrap:wrap; row-gap:0; padding-top:.75rem; }.app-header nav { width:100%; gap:1.5rem; }.app-header nav a { font-size:.75rem; }.setup-heading h1 { font-size:3rem; }.setup-heading>p:last-child { font-size:.875rem; }.source-card,.context-card { padding:1.25rem; }.source-card .card-heading>.small { font-size:.5625rem; }.file-row { gap:.75rem; }.file-row b { font-size:.75rem; }.file-row>div>span { font-size:.625rem; }.result-heading h1 { font-size:2.5rem; }.result-heading>.button { font-size:.6875rem; min-height:var(--tap); }.result-summary { grid-template-columns:1fr; }.score-main { padding-bottom:1.25rem; border-bottom:1px solid var(--line); }.score-main strong { font-size:4.5rem; }.result-insight { padding-left:0; border:0; }.result-insight h2 { font-size:1.625rem; }.result-insight h2 br { display:none; }.summary-dimensions { grid-template-columns:repeat(2,1fr); }.result-tabs { gap:.75rem; }.result-tabs button { font-size:.6875rem; }.finding-list,.finding-detail { padding:1.25rem; }.finding-button { grid-template-columns:1.25rem 1fr auto; gap:.625rem; padding:.875rem .625rem; }.finding-button b { font-size:.75rem; }.finding-button small { font-size:.625rem; }.panel-intro { padding:1.25rem; }.panel-intro h2 { font-size:1.5rem; }#rubric-details { padding:0 1.25rem 1.25rem; }.rubric-dimension summary { font-size:.75rem; gap:.75rem; }.rule-row { padding:.875rem; }.source-text { margin:0 1.25rem 1.25rem; padding:1rem; font-size:.6875rem; }.finding-detail>.button { width:100%; }.app-footer { font-size:.625rem; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }*,*::before,*::after { animation:none!important; transition:none!important; }.button:hover { transform:none; } }
html[data-motion="reduce"] { scroll-behavior:auto; }
html[data-motion="reduce"] *,html[data-motion="reduce"] *::before,html[data-motion="reduce"] *::after { animation:none!important; transition:none!important; }
html[data-motion="reduce"] .button:hover { transform:none; }
/* Public navigation: real destination links plus progressive disclosures. */
.site-header { position:relative; z-index:20; }
.main-nav-list,.products-menu-grid { list-style:none; padding:0; margin:0; }
.main-nav-list { display:flex; align-items:center; gap:2rem; }
.nav-products-trigger { display:flex; align-items:center; gap:.25rem; padding:.5rem 0; }
.products-menu-toggle,.mobile-menu-toggle,.menu-close { min-height:var(--tap); min-width:var(--tap); color:var(--ink); background:transparent; }
.products-menu-toggle { display:grid; place-items:center; border-radius:.5rem; }
.products-menu-toggle:hover,.products-menu-toggle[aria-expanded="true"] { background:var(--raised); }
.menu-caret { width:.45rem; height:.45rem; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); }
.products-menu-toggle[aria-expanded="true"] .menu-caret { transform:rotate(225deg) translate(-1px,-1px); }
.products-menu { position:absolute; top:calc(100% - .625rem); left:50%; transform:translateX(-50%); width:min(56rem,100%); max-height:calc(100vh - 10rem); overflow:auto; padding:1.25rem; border:1px solid var(--line); border-radius:1rem; background:var(--raised); box-shadow:0 24px 60px #0007; }
.products-menu-heading,.products-menu-footer { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.products-menu-heading { margin-bottom:.75rem; padding-left:.5rem; color:var(--muted); }
.menu-close { display:inline-flex; align-items:center; gap:.75rem; padding:0 .5rem; font-size:.6875rem; text-decoration:underline; text-underline-offset:.25em; }
.products-menu-grid { display:grid; grid-template-columns:1.12fr 1fr 1fr; gap:.5rem; }
.products-menu-grid>li { min-width:0; }
.products-menu-grid .menu-feature { grid-row:span 2; }
.main-nav .products-menu-grid a { display:flex; align-items:flex-start; flex-direction:column; position:relative; gap:.6rem; padding:1.25rem; height:100%; border:1px solid transparent; border-radius:.625rem; color:var(--ink); }
.main-nav .products-menu-grid a:hover,.main-nav .products-menu-grid a:focus-visible { border-color:var(--line); background:var(--surface); }
.main-nav .menu-feature>a { background:var(--paper); border-color:var(--line); }
.menu-tool-name { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem; font-size:.875rem; font-weight:550; }
.menu-tool-description { font-size:.75rem; color:var(--muted); line-height:1.6; }
.menu-status { color:var(--muted); font-size:.625rem; line-height:1.5; }
.menu-status.live { color:var(--green); background:var(--green-wash); padding:.2rem .45rem; border-radius:1rem; }
.menu-feature-note { font-size:.625rem; color:var(--muted); margin-top:.5rem; }
.menu-card-arrow { font-size:1.75rem; color:var(--accent); margin-top:auto; }
.products-menu-footer { border-top:1px solid var(--line); margin-top:1rem; padding:.5rem .5rem 0; }
.main-nav .products-menu-footer>a { font-size:.75rem; color:var(--ink); gap:1rem; }
.products-menu-footer>span { color:var(--muted); font-size:.625rem; }
.mobile-menu-toggle,.mobile-login { display:none; }
@media(max-width:800px) {
  .site-header[data-enhanced] { min-height:5rem; padding-top:0; flex-wrap:wrap; gap:0 1rem; }
  .site-header[data-enhanced]>.header-login { display:none; }
  .site-header[data-enhanced] .mobile-menu-toggle { display:grid; place-items:center; border:1px solid var(--line); border-radius:.5rem; }
  .menu-lines,.menu-lines::after { width:1rem; height:1px; background:currentColor; display:block; }
  .menu-lines { position:relative; transform:translateY(-3px); }.menu-lines::after { content:""; position:absolute; top:6px; }
  .mobile-menu-toggle[aria-expanded="true"] .menu-lines { transform:rotate(45deg); }.mobile-menu-toggle[aria-expanded="true"] .menu-lines::after { top:0; transform:rotate(90deg); }
  .site-header[data-enhanced] .main-nav { width:100%; order:3; padding:.25rem 0 1.25rem; border-top:1px solid var(--line); }
  .main-nav-list { display:block; width:100%; }
  .main-nav-list>li { border-bottom:1px solid var(--line); }
  .nav-products-trigger { justify-content:space-between; padding:.4rem 0; }
  .main-nav-list>li>a { min-height:3.5rem; }
  .site-header .main-nav a { font-size:.875rem; }
  .products-menu { position:static; transform:none; width:100%; max-height:none; margin:0 0 1rem; padding:1rem; box-shadow:none; }
  .products-menu-heading { padding:0; }.products-menu-heading .eyebrow { font-size:.5625rem; }
  .products-menu-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .products-menu-grid .menu-feature { grid-row:auto; grid-column:1/-1; }
  .main-nav .products-menu-grid a { padding:.875rem; }.menu-card-arrow { display:none; }
  .products-menu-footer { flex-wrap:wrap; gap:0; padding-left:0; padding-right:0; }
  .products-menu-footer>span { width:100%; padding-bottom:.5rem; }
  .site-header[data-enhanced] .main-nav-list>.mobile-login { display:block; border:0; padding-top:1rem; }
  .main-nav .mobile-login>a { display:flex; width:100%; color:var(--accent-ink); }
}
@media(max-width:480px) { .products-menu-grid { grid-template-columns:1fr; }.menu-tool-name { font-size:.8125rem; }.products-menu { padding:.75rem; }.products-menu-heading { gap:.25rem; } }
/* Local design review map, not a proposed indexable route. */
.map-main { padding:3rem 0 5rem; }.map-intro { max-width:48rem; }.map-intro h1 { font-size:clamp(2.75rem,5vw,5rem); margin:1.5rem 0; }.map-intro h1 em { color:var(--accent); }.map-intro>p:last-child { color:var(--muted); max-width:39rem; }
.site-map-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:2rem; margin-top:3rem; align-items:start; }.map-surface { border:1px solid var(--line); border-radius:var(--radius); padding:clamp(1.25rem,3vw,2.5rem); }.map-surface h2 { font-size:1.75rem; margin:.75rem 0 1.5rem; }.map-surface.light-ground h2 { color:var(--dark-ink); }
.map-tree,.map-tree ul { padding:0; margin:0; list-style:none; }.map-tree ul { border-left:1px solid var(--soft-line); margin-left:.75rem; padding-left:1.25rem; }.map-tree a { display:flex; flex-direction:column; gap:.25rem; padding:.875rem 1rem; border:1px solid var(--soft-line); border-radius:.5rem; margin-bottom:.75rem; text-decoration:none; min-height:var(--tap); font-size:.875rem; }.map-tree a:hover { background:var(--soft-raised); }.map-tree a>span,.map-tree p { font-size:.6875rem; color:var(--dark-muted); }.map-tree p { padding:0 .25rem 1rem; }.map-trust { display:flex; flex-wrap:wrap; gap:.75rem; }.map-trust>a { flex:1; }
.map-side { display:grid; gap:1.5rem; }.map-side p,.map-side li { font-size:.8125rem; color:var(--muted); }.map-side ul { padding-left:1.25rem; margin:1rem 0; }.map-side .text-link { margin-top:1rem; }.map-rules { margin-top:2rem; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.map-rules h2 { font-size:1.1rem; margin-bottom:.75rem; }.map-rules p { font-size:.8125rem; color:var(--muted); }
@media(max-width:800px) { .site-map-grid,.map-rules { grid-template-columns:1fr; }.map-main { padding-top:2rem; }.map-trust { display:block; } }

/* Second visual pass: a warm career folio and a five-part narrative. */
:root { --motion-panel:520ms; --ease:cubic-bezier(.22,.68,0,1); }
.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; }
body[data-page="home"] { --paper:#211912; --raised:#2b2018; --surface:#39291e; --muted:#c6b9a8; --line:#68513c; --soft:#f2ece1; --dark-ink:#30271e; --dark-muted:#6b5d4e; --soft-line:#cdc0ad; background:radial-gradient(ellipse 85% 55rem at 92% 18rem,#694021 0%,#322317 49%,transparent 83%),var(--paper); }
body[data-page="home"] .site-header { min-height:6rem; border-bottom:1px solid #bfa38133; }
body[data-page="home"] .brand { font-size:1.65rem; }
body[data-page="home"] .main-nav a { font-size:1rem; }
body[data-page="home"] .button { font-size:1rem; min-height:3.5rem; padding:1rem 1.4rem; border-radius:.7rem; }
body[data-page="home"] .primary { background:#f3a35e; color:#291b0f; border-color:#ffc894; box-shadow:inset 0 1px 0 #fff8,0 5px 32px #ef93452a; }
body[data-page="home"] .primary:hover { background:#ffc38d; box-shadow:0 6px 35px #ef93454a; }
body[data-page="home"] .text-link { font-size:1rem; }
body[data-page="home"] .hero { grid-template-columns:1fr 1fr; gap:1.5rem 2rem; padding-top:3.5rem; }
body[data-page="home"] .hero-copy { padding:1.5rem 0; min-width:0; }
.hero-kicker { color:#dcc5a8; font-size:1rem; margin-bottom:2rem; }
body[data-page="home"] .hero h1 { font-size:clamp(3rem,5.9vw,6.6rem); line-height:1.07; letter-spacing:-.057em; white-space:nowrap; }
.story-words { display:block; position:relative; height:1.18em; }
.story-word { display:block; position:absolute; top:0; left:0; opacity:0; transform:translateY(.28em); transition:transform 620ms var(--ease),opacity 400ms ease; color:#ffb876; }
.story-word.is-current { opacity:1; transform:translateY(0); }
body[data-page="home"] .hero-description { color:#e2d3bf; font-size:1.15rem; line-height:1.7; max-width:31rem; margin-top:1.65rem; }
body[data-page="home"] .hero-actions { margin-top:1.8rem; gap:1.5rem; }
.hero-availability { font-size:.875rem; line-height:1.65; color:var(--muted); max-width:32rem; margin-top:1.3rem; }

















body[data-page="home"] .hero-foot { margin-top:1.5rem; padding:1.5rem 0 2rem; font-size:1rem; }
body[data-page="home"] .hero-foot a { font-size:1rem; }
body[data-page="home"] .hero-foot a>span:first-child { display:block; }
.scroll-arrow { transition:transform 280ms var(--ease),background 280ms; }.hero-foot a:hover .scroll-arrow { transform:translateY(4px); background:#ffffff0a; }
body[data-page="home"] .tool-chapter { border-radius:2rem 2rem 0 0; padding-block:5.5rem; }
body[data-page="home"] .chapter-heading { grid-template-columns:1.5fr 1fr; gap:2rem; align-items:end; margin-bottom:3.5rem; }
body[data-page="home"] .chapter-heading>p:last-child { font-size:1.1rem; max-width:25rem; }
body[data-page="home"] .chapter-heading h2 { font-size:clamp(2.7rem,4.7vw,5rem); }
body[data-page="home"] .tool-explorer { grid-template-columns:1fr 1.7fr; }
body[data-page="home"] .tool-tabs button { min-height:7rem; padding:1.5rem 1.5rem 1.5rem .25rem; grid-template-columns:1fr auto; }
body[data-page="home"] .tool-number { display:none; }
body[data-page="home"] .tool-tabs button>span:nth-child(2) { font-size:1.3rem; }
body[data-page="home"] .tool-tabs small { font-size:.875rem; margin-top:.4rem; }
body[data-page="home"] .tool-panel { min-height:39rem; padding-top:2rem; padding-bottom:2rem; }
body[data-page="home"] .tool-panel h3 { font-size:clamp(2rem,3vw,3.1rem); }
body[data-page="home"] .tool-panel>p:not(.big-index) { font-size:1rem; }
body[data-page="home"] .pill { font-size:.8125rem; padding:.5rem .8rem; letter-spacing:0; }
.evidence-composition { position:relative; display:grid; grid-template-columns:1.1fr 1fr; align-items:center; min-height:14rem; margin:1.6rem 0 2rem; }
.posting-note { background:#fffaf2; border:1px solid #cbbba6; padding:1.4rem; transform:rotate(-3deg); box-shadow:0 12px 24px #5041251a; }
.posting-note>span,.finding-note>span { display:block; font-size:.875rem; margin-bottom:.8rem; color:#715d47; }
.posting-note b,.finding-note b { display:block; font-size:1.25rem; font-weight:500; letter-spacing:-.03em; line-height:1.3; }.posting-note p,.finding-note p { font-size:.9375rem; line-height:1.5; margin-top:.7rem; }
.finding-note { background:#dbcaa9; padding:1.4rem; transform:rotate(3deg); z-index:1; margin-left:-.5rem; border:1px solid #af9b7a; border-radius:.5rem; }.finding-note>span { color:#574631; }
.evidence-thread { position:absolute; top:-.9rem; right:24%; font:3rem var(--serif); color:#8c542c; }
body[data-page="home"] .current-capture summary { font-size:.875rem; margin-top:.5rem; }
body[data-page="home"] .current-capture figcaption { font-size:.8125rem; }
body[data-page="home"] .big-index { font-size:8rem; color:#c7b397; }
body[data-page="home"] .future-panel h3 { margin-top:5rem; }
body[data-page="home"] .product-directory { font-size:1rem; }
.personal-chapter { position:relative; overflow:hidden; padding:6rem 0; background:#c37a48; color:#23180f; }
.personal-chapter .shell { position:relative; z-index:1; }.personal-chapter p { font-size:1.1rem; line-height:1.65; margin-bottom:2rem; }.personal-chapter h2 { font-size:clamp(3rem,5.8vw,6rem); max-width:56rem; }.personal-chapter .text-link { margin-top:2.5rem; border-bottom:1px solid currentColor; }
.chapter-mark { position:absolute; right:-2rem; bottom:-9rem; font:italic 24rem/1 var(--serif); color:#edaa771c; transform:rotate(-12deg); pointer-events:none; }
body[data-page="home"] .trust-chapter { padding-block:6rem; }
body[data-page="home"] .trust-intro>p:not(.eyebrow) { font-size:1.125rem; }
body[data-page="home"] .principle { grid-template-columns:1fr; padding:1.7rem 0; }.principle>span { display:none; }
body[data-page="home"] .principle h3 { font-size:1.5rem; }
body[data-page="home"] .principle p,body[data-page="home"] .faq-list summary,body[data-page="home"] .faq-list details p { font-size:1rem; }
body[data-page="home"] .footer-top>span,body[data-page="home"] .footer-top nav a,body[data-page="home"] .footer-bottom { font-size:.875rem; }
body[data-page="home"] .wordmark { color:#b98d6380; }
.is-arriving { animation:chapter-arrive 850ms var(--ease) both; }
.menu-caret,.menu-lines,.menu-lines::after { transition:transform 240ms var(--ease); }
.products-menu:not([hidden]) { animation:menu-reveal 360ms var(--ease) both; }
.menu-tool-name { font-size:1rem; }.menu-tool-description { font-size:.875rem; }.menu-status,.menu-feature-note { font-size:.8125rem; }
.products-menu-heading .eyebrow { font-size:.8125rem; letter-spacing:0; }
.products-menu-footer>span,.menu-close { font-size:.875rem; }
@keyframes chapter-arrive { from { transform:translateY(30px); } to { transform:translateY(0); } }
@keyframes folio-settle { from { transform:scale(.97) translateY(16px); } to { transform:scale(1) translateY(0); } }
@keyframes menu-reveal { from { opacity:.65; transform:translate(-50%,10px); } to { opacity:1; transform:translate(-50%,0); } }
@media(min-width:1600px) { body[data-page="home"] .hero { gap:2rem 4rem; padding-top:4.5rem; } }
@media(max-width:1100px) { body[data-page="home"] .hero h1 { font-size:5.8vw; }.hero-kicker { font-size:.9375rem; }.evidence-composition { grid-template-columns:1fr; gap:.5rem; }.posting-note { margin-right:3rem; }.finding-note { margin-left:3rem; }.evidence-thread { display:none; } }
@media(max-width:800px) {
  body[data-page="home"] .hero { grid-template-columns:1fr; padding-top:2rem; gap:1.5rem; }
  body[data-page="home"] .hero-copy { max-width:none; padding:0; }
  body[data-page="home"] .hero h1 { font-size:clamp(3rem,9.2vw,5.8rem); }
  body[data-page="home"] .hero-description { max-width:36rem; font-size:1.125rem; }
  .hero-kicker { margin-bottom:1.5rem; }
  .hero-availability { max-width:36rem; }




  body[data-page="home"] .hero-foot { margin-top:.75rem; }
  body[data-page="home"] .chapter-heading,body[data-page="home"] .tool-explorer { grid-template-columns:1fr; }
  body[data-page="home"] .chapter-heading { gap:1.5rem; }
  body[data-page="home"] .chapter-heading>p:last-child { max-width:36rem; }
  body[data-page="home"] .tool-tabs button { min-height:6.5rem; padding:1.1rem; }
  body[data-page="home"] .tool-tabs button>span:nth-child(2) { font-size:1.1rem; }
  body[data-page="home"] .tool-panel { min-height:0; padding:2rem 0; }
  .evidence-composition { grid-template-columns:1.1fr 1fr; gap:0; margin-bottom:2rem; }.posting-note { margin-right:0; }.finding-note { margin-left:-.5rem; }
  .personal-chapter { padding:4.5rem 0; }.chapter-mark { font-size:18rem; bottom:-6rem; }
  .products-menu:not([hidden]) { animation-name:mobile-menu-reveal; }
  @keyframes mobile-menu-reveal { from { opacity:.65; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
}
@media(max-width:480px) {
  body[data-page="home"] .hero h1 { font-size:clamp(2.65rem,10.4vw,3.8rem); }.hero-kicker { font-size:.9rem; }
  body[data-page="home"] .hero-actions>.button { width:100%; }.hero-actions { margin-bottom:.75rem; }
  body[data-page="home"] .hero-actions>.text-link { width:auto; }
  .hero-availability { font-size:.8125rem; }



  body[data-page="home"] .hero-foot>span { font-size:.875rem; max-width:9rem; }
  body[data-page="home"] .tool-chapter { padding-block:3.5rem; }
  body[data-page="home"] .tool-tabs button { padding:.875rem; min-height:6.5rem; }.tool-tabs small { line-height:1.5; }
  body[data-page="home"] .tool-tabs button>span:nth-child(2) { font-size:1rem; }
  body[data-page="home"] .tool-tabs small { font-size:.8125rem; }
  .evidence-composition { grid-template-columns:1fr; gap:.5rem; }.posting-note { margin-right:1.5rem; }.finding-note { margin-left:1.5rem; }
  .personal-chapter h2 { font-size:clamp(2.6rem,10vw,3.5rem); }.personal-chapter p { font-size:1rem; }
  body[data-page="home"] .trust-chapter { padding-block:3.5rem; }
  .menu-tool-name { font-size:.9375rem; }.menu-tool-description { font-size:.8125rem; }
}
body[data-page="home"] .future-panel h3 { margin-top:1.7rem; }
.opportunity-note { padding:1.5rem; margin:1.75rem 0; background:#e3d5bd; border-left:3px solid #a46235; }.opportunity-note>b { font-size:1.15rem; font-weight:500; }.opportunity-note ul { padding-left:1.25rem; margin-bottom:0; }.opportunity-note li { margin:.35rem 0; }
.profile-bridge { display:flex; align-items:center; justify-content:center; gap:1rem; margin:2rem 0; }.profile-bridge>span:not(:nth-child(2)) { padding:1.25rem; background:#fffaf2; border:1px solid var(--soft-line); line-height:1.6; transform:rotate(-3deg); }.profile-bridge>span:last-child { transform:rotate(3deg); }.profile-bridge b { display:block; font:italic 1.7rem var(--serif); }.profile-bridge>span:nth-child(2) { font-size:1.8rem; color:#946239; }
.practice-prompt { margin:2rem 0; padding:1.8rem; background:#d5dccb; border-radius:1.5rem 1.5rem 1.5rem .2rem; font:italic clamp(1.7rem,2.3vw,2.5rem)/1.3 var(--serif); }.practice-prompt cite { display:block; font:400 .875rem var(--sans); margin-top:1rem; }
.conversation-note { position:relative; display:flex; align-items:center; gap:1.5rem; margin:2rem 0; padding:1.5rem; background:#e2c297; border:1px solid #be9970; transform:rotate(-2deg); }.conversation-note>span:first-child { font-size:2.5rem; }.conversation-note p { font-size:1.25rem; line-height:1.4; }.conversation-note em { font-size:1.8rem; }.conversation-thread { position:absolute; top:-.75rem; right:2rem; width:1.5rem; height:2.5rem; border:2px solid #73563b; border-radius:.75rem; }
@media(max-width:480px) { .profile-bridge { gap:.5rem; }.profile-bridge>span:not(:nth-child(2)) { padding:.875rem; font-size:.875rem; }.profile-bridge b { font-size:1.45rem; }.conversation-note { gap:1rem; padding:1rem; }.conversation-note p { font-size:1.125rem; }.conversation-note em { font-size:1.5rem; } }

/* Third pass: a coordinated collection, with captions in document flow. */
body[data-page="home"] .hero { align-items:center; padding-top:2.5rem; }
body[data-page="home"] .hero h1 { font-size:clamp(2.9rem,5.6vw,5.9rem); }
.career-carousel { min-width:0; width:100%; max-width:43rem; margin-inline:auto; }
.scene-toolbar { display:flex; align-items:center; justify-content:space-between; gap:.75rem; margin-bottom:.9rem; min-height:2.75rem; }
.scene-toolbar>p { color:#ddc6a8; font-size:.875rem; line-height:1.4; }
.scene-controls { display:flex; align-items:center; gap:.35rem; }
.scene-controls .motion-toggle { font-size:.8125rem; min-height:2.75rem; min-width:7rem; padding:.45rem .65rem; color:#f5e8d5; border:1px solid #9c7955; border-radius:2rem; text-decoration:none; }
.scene-arrow { width:2.75rem; height:2.75rem; flex-shrink:0; border:1px solid #9c7955; border-radius:50%; color:#f5e8d5; background:transparent; font-size:1.15rem; transition:background 180ms; }
.scene-arrow:hover,.scene-controls .motion-toggle:hover { background:#654428; }
.scene-slides { display:grid; overflow:hidden; border:1px solid #aa805338; border-radius:42% 42% 1rem 1rem / 35% 35% 1rem 1rem; background:#3c2818; }
.scene-slide { grid-area:1/1; min-width:0; margin:0; display:grid; grid-template-rows:auto 1fr; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 700ms ease,visibility 0s 700ms; }
.scene-slide.is-current { opacity:1; visibility:visible; pointer-events:auto; z-index:1; transition:opacity 700ms ease,visibility 0s; }
.scene-image { aspect-ratio:1.5; overflow:hidden; }
.scene-image img { width:100%; height:100%; object-fit:cover; object-position:50% 50%; transform:scale(1.04); transition:transform 1100ms var(--ease); }
.scene-slide.is-current .scene-image img { transform:scale(1); }
.scene-caption { display:flex; flex-direction:column; position:relative; padding:1.5rem 1.6rem 1.15rem; color:#332719; background:#f2e6d3; border-top:1px solid #fff7; }
.scene-slide:not(.is-current) .scene-caption { visibility:hidden; }
.scene-caption-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem; color:#67503b; font-size:.8125rem; line-height:1.4; }
.scene-availability { white-space:nowrap; }.scene-availability.is-live { color:#395036; }
.scene-availability.is-live::before { content:""; display:inline-block; width:.4rem; height:.4rem; border-radius:50%; background:currentColor; margin-right:.4rem; vertical-align:middle; }
.scene-caption h2 { font-size:clamp(1.3rem,1.75vw,1.8rem); line-height:1.2; letter-spacing:-.04em; text-wrap:pretty; margin:.75rem 0 .55rem; }
.scene-caption>p { font-size:.9375rem; line-height:1.55; color:#67503b; max-width:37rem; }
.scene-link { display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:2.75rem; margin-top:auto; padding-top:.65rem; text-decoration:none; font-size:.875rem; font-weight:550; color:#332719; }
.scene-link:hover { text-decoration:underline; }
.scene-caption :focus-visible { outline-color:#633d1b; outline-offset:3px; }
.scene-picker { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.25rem; margin-top:.65rem; }
.scene-picker button { display:flex; justify-content:center; align-items:center; gap:.4rem; min-height:2.75rem; padding:.5rem .25rem; font-size:.8125rem; color:#dbc6ac; background:transparent; border-radius:.4rem; transition:color 220ms,background 220ms; }
.scene-picker button:hover { background:#654428; color:#fff5e4; }
.scene-picker [aria-selected="true"] { background:#f3a35e; color:#291b0f; }
.scene-pick-dot { width:.25rem; height:.25rem; border:1px solid currentColor; border-radius:50%; }
[aria-selected="true"] .scene-pick-dot { background:currentColor; }
.scene-art-label { font-size:.75rem; line-height:1.5; color:#c8b9a5; text-align:center; margin-top:.45rem; }
.sample-result-inline { display:flex; align-items:center; gap:1.25rem; margin-top:1.5rem; }
.sample-result-inline>strong { font-size:2.5rem; font-weight:450; line-height:1.2; letter-spacing:-.05em; white-space:nowrap; }.sample-result-inline strong>span { font-size:1.1rem; }
.sample-result-inline>span { font-size:.8125rem; line-height:1.6; color:var(--dark-muted); }
@media(min-width:1600px) { body[data-page="home"] .hero { padding-top:3.5rem; }.scene-image { aspect-ratio:1.48; } }
@media(min-width:801px) and (max-width:1100px) { .scene-toolbar { flex-wrap:wrap; gap:.4rem; }.scene-toolbar>p { width:100%; }.scene-controls { margin-left:auto; }.scene-caption { padding:1.25rem; }.scene-caption h2 { font-size:1.5rem; }.scene-picker button { font-size:.75rem; gap:.25rem; } }
@media(max-width:800px) { body[data-page="home"] .hero { padding-top:2rem; gap:2rem; }body[data-page="home"] .hero h1 { font-size:clamp(2.8rem,9.1vw,5.6rem); }.career-carousel { max-width:38rem; }.scene-caption h2 { font-size:1.7rem; }.scene-toolbar>p { font-size:.875rem; }.scene-image { aspect-ratio:1.5; }.hero-availability { margin-bottom:0; } }
@media(max-width:480px) { body[data-page="home"] .hero h1 { font-size:clamp(2.5rem,10.2vw,3.8rem); }.scene-toolbar { flex-wrap:wrap; gap:.5rem; }.scene-toolbar>p { flex:1; max-width:7.5rem; font-size:.8125rem; }.scene-controls { gap:.25rem; }.scene-controls .motion-toggle { min-width:6.5rem; font-size:.75rem; padding-inline:.5rem; }.scene-caption { padding:1.15rem 1.1rem .9rem; }.scene-caption h2 { font-size:1.5rem; }.scene-caption>p { font-size:.9375rem; }.scene-caption-meta { font-size:.75rem; }.scene-picker button { font-size:.75rem; gap:.2rem; }.scene-pick-dot { display:none; }.scene-art-label { font-size:.75rem; }.sample-result-inline { align-items:flex-start; gap:.85rem; }.sample-result-inline>strong { font-size:2rem; }.sample-result-inline>span { font-size:.75rem; } }
@media(max-width:360px) { .scene-toolbar { display:grid; grid-template-columns:1fr; }.scene-toolbar>p { max-width:none; }.scene-controls { justify-content:flex-end; } }