/* Public composition. Shared primitives and workspace/report styles live in app.css. */
.public-nav{min-height:84px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border)}
.public-nav nav{display:flex;align-items:center;gap:22px;margin-inline:auto}
.public-nav nav a{font-size:var(--type-caption);padding-block:12px;border-bottom:1px solid transparent;transition:border-color var(--motion)}
.public-nav nav a:hover,.public-nav [aria-current=page]{border-bottom-color:var(--text);color:var(--text)}
.nav-actions{display:flex;gap:16px;align-items:center}.public-menu-toggle{display:none}
.public-nav .controls{border-inline-start:1px solid var(--border);padding-inline-start:12px}
.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:40px;align-items:center;padding-block:44px 48px}
.hero-editorial{min-width:0}.hero .eyebrow{display:flex;gap:10px;align-items:center;font-size:var(--type-caption);letter-spacing:1px}
.hero h1{font-size:var(--type-hero);line-height:1.08;letter-spacing:-.045em;max-width:15ch;margin-block:20px;text-wrap:balance}
.hero-copy{font-size:var(--type-body);max-width:46ch;line-height:1.75}
.hero-explore{display:inline-flex;gap:24px;align-items:center;margin-top:0;border-bottom:1px solid var(--border-strong);padding-bottom:5px}
.hero-value-points{list-style:none;padding:0;margin-block:24px;font-size:var(--type-small);color:var(--muted)}.hero-value-points li{display:flex;gap:12px;align-items:baseline;margin-block:8px}.hero-value-points li:before{content:"✓";color:var(--gold)}
.hero-tool{min-width:0}.hero-trust{text-align:center;margin-top:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-block:24px}
.seo-checker{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--elevation);text-align:start;min-width:0}
.checker-heading{display:flex;align-items:start;gap:16px;margin-bottom:26px}.checker-mark{display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);width:40px;height:40px;flex-shrink:0;border-radius:var(--radius);font-size:var(--type-large)}
.seo-checker h1,.seo-checker h2{font-size:var(--type-h3);line-height:1.3;margin:0 0 8px;letter-spacing:-.025em}.checker-heading p{font-size:var(--type-small);line-height:1.6}
.checker-input{display:flex;border:1px solid var(--border-strong);border-radius:var(--radius);padding:5px;gap:6px;background:var(--bg);transition:box-shadow var(--motion)}
.checker-input:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-soft)}
.checker-input input{flex:1;width:100%;border:0;background:transparent;font-size:var(--type-small);padding:14px 10px;border-radius:4px;outline-offset:-2px}
.checker-input .button{padding:12px 16px;gap:12px;flex-shrink:0;white-space:nowrap}
.checker-meta{display:flex;gap:12px;justify-content:space-between;align-items:start;flex-wrap:wrap;margin-top:18px}.checker-quota{font-size:var(--type-caption);color:var(--muted)}.checker-quota strong{color:var(--text)}
.checker-disclosure{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);font-size:var(--type-caption);color:var(--muted)}.checker-disclosure summary{cursor:pointer}.checker-disclosure p{margin-top:12px;line-height:1.7}.checker-disclosure a{text-decoration:underline}
.checker-limit{margin-top:20px;border-inline-start:2px solid var(--gold);padding-inline-start:16px}.checker-limit p{font-size:var(--type-small)}.checker-links{display:flex;align-items:center;gap:20px;margin-top:16px;flex-wrap:wrap}
.seo-checker [hidden]{display:none}.seo-checker .alert{margin-bottom:0}.seo-checker form[aria-busy=true]{opacity:.7}
.analysis-strip{display:grid;grid-template-columns:repeat(5,1fr);padding-block:24px;border-block:1px solid var(--border);gap:20px}.analysis-strip>div{display:flex;align-items:center;gap:14px;font-size:var(--type-small)}.analysis-strip .mono{color:var(--muted)}
.scope-comparison{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--border)}.scope-comparison article{padding:32px 40px 32px 0}.scope-comparison article+article{padding-inline:40px 0;border-inline-start:1px solid var(--border)}.scope-comparison h3{margin:20px 0 16px}.scope-comparison p{line-height:2;max-width:48ch;margin-bottom:24px}.scope-comparison .text-link{border-bottom:1px solid var(--border-strong);padding-bottom:6px}
.evidence-preview{border:1px solid var(--border);padding:28px;background:var(--bg);border-radius:var(--radius)}.evidence-step{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--border);padding-block:24px}.evidence-step h3{font-size:var(--type-large);flex:1}.evidence-preview>.fine{margin-top:20px}
.workflow-section{padding-block:40px;border-block:1px solid var(--border)}.workflow{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;list-style:none;padding:0;margin-top:32px}.workflow li{counter-increment:step;font-size:var(--type-small)}.workflow li:before{content:'0' counter(step);display:block;font:var(--type-caption) var(--mono);color:var(--gold);margin-bottom:16px}
.public-page{padding-top:48px}.public-page .section-header{margin-bottom:32px}.public-page h1{font-size:var(--type-hero)}.public-page .feature-grid{margin-block:32px}.public-page>.seo-checker{max-width:850px;margin-inline:auto}
@media(max-width:1200px){.public-nav{gap:16px;padding-inline:24px}.public-nav nav{gap:14px}.nav-actions{gap:8px}.public-nav .button{max-width:190px;white-space:normal}.hero{gap:32px}.checker-input{flex-direction:column}.checker-input .button{width:100%}}
@media(max-width:1000px){.public-nav{position:relative;flex-wrap:wrap;padding-block:18px}.public-menu-toggle{display:flex;align-items:center;gap:8px;margin-inline-start:auto;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:8px 12px;font-size:var(--type-caption)}.public-nav nav{display:none;order:4;width:100%;margin:0;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:12px}.public-nav.menu-open nav{display:flex}.nav-actions>.button{display:none}.hero{grid-template-columns:1fr;gap:32px;padding-block:40px}.hero h1{max-width:18ch}.hero-copy{max-width:60ch}.hero-tool{max-width:760px;width:100%}.checker-input{flex-direction:row}.checker-input .button{width:auto}.analysis-strip{grid-template-columns:repeat(3,1fr)}.hero-trust{text-align:start}}
@media(max-width:600px){.public-nav{gap:12px}.public-nav .brand{font-size:22px}.public-nav .controls{padding-inline-start:0;border:0}.public-nav .controls select{max-width:72px}.public-menu-toggle{padding:7px}.nav-actions{margin-inline-start:auto}.hero{padding-block:32px 40px}.hero h1{font-size:36px;max-width:16ch}.hero-copy{font-size:var(--type-small)}.seo-checker{padding:22px}.checker-heading{gap:12px}.checker-heading h1,.checker-heading h2{font-size:22px}.checker-mark{display:none}.checker-input{flex-direction:column}.checker-input .button{width:100%}.analysis-strip{grid-template-columns:repeat(2,1fr);gap:18px}.scope-comparison{grid-template-columns:1fr}.scope-comparison article,.scope-comparison article+article{padding:28px 0;border-inline-start:0}.scope-comparison article+article{border-top:1px solid var(--border)}.workflow{grid-template-columns:1fr 1fr;row-gap:28px}.feature-grid{grid-template-columns:1fr}.feature h3{margin-top:20px}.large-copy{font-size:var(--type-body)}.section{padding-block:48px}}
@media(prefers-reduced-motion:reduce){.checker-input{transition:none}}