/* Homepage visual system. Application, legal and backend styles stay separate. */
.home {
 --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
 color-scheme:dark; --font-body:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
 --font-display:var(--font-body); --font-mono:var(--font-body);
 --paper:#0c1412; --surface:#15221b; --ink:#edf5ef; --muted:#b9c7be; --line:#304238; --wash:#111e17;
 --accent:#9ae7bc; --accent-ink:#082319; --signal:var(--accent);
 --sheet:#18271f; --sheet-ink:var(--ink); --sheet-muted:var(--muted); --sheet-line:var(--line);
 --met:#9ae7bc; --met-wash:#24432f; --partial:#f3d38c; --partial-wash:#443920; --missing:#ffc0af; --missing-wash:#4b2e25;
 --band:var(--wash); --band-ink:var(--ink); --band-muted:var(--muted); --band-field:var(--surface); --band-line:var(--line);
 --radius:12px; --radius-lg:16px; --shadow:none; font-size:18px; line-height:1.6;
}
.home .wrap { width:100%; max-width:1200px; margin-inline:auto; padding-inline:var(--space-6); }
.home h1,.home h2,.home h3 { font-family:var(--font-body); font-stretch:normal; font-variation-settings:normal; }
.home h1 { font-size:clamp(42px,4.1vw,56px); font-weight:750; line-height:1.1; letter-spacing:-.032em; text-wrap:balance; max-width:15ch; }
.home h1 em { color:var(--accent); background:none; font-style:normal; }
.home h2 { font-size:clamp(28px,2.5vw,34px); font-weight:700; line-height:1.25; letter-spacing:-.02em; }
.home h3 { font-size:20px; font-weight:650; line-height:1.35; letter-spacing:0; }
.home p { overflow-wrap:break-word; }
.home .top { position:static; border-bottom:1px solid #30423888; background:var(--paper); }
.home .top__row { min-height:80px; gap:var(--space-5); }
.home .brand { font:700 24px/1.3 var(--font-body); letter-spacing:-.02em; gap:var(--space-2); }
.home .brand span { display:inline; }
.home .brand svg { width:28px; height:28px; }
.home .nav { gap:var(--space-6); }
.home .nav a { min-height:44px; display:inline-flex; align-items:center; font-size:16px; transition:color 180ms; }
.home .nav a:hover { color:var(--accent); }
.home .btn { min-height:52px; padding:var(--space-3) var(--space-5); background:var(--accent); color:var(--accent-ink); border:1px solid var(--accent); border-radius:12px; font:700 17px/1.4 var(--font-body); white-space:normal; text-align:center; box-shadow:none; transition:background-color 180ms,transform 180ms; }
@media(hover:hover) { .home .btn:hover { transform:translateY(-2px); background:#b3efcd; box-shadow:none; } }
.home .btn:active { transform:translateY(0); }
.home a:focus-visible,.home button:focus-visible,.home summary:focus-visible { outline:3px solid var(--accent); outline-offset:4px; }
.home .hero { padding-block:var(--space-8); background:var(--paper); }
.hero-simple { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); align-items:center; gap:var(--space-7); }
.hero-copy { display:grid; justify-items:start; gap:var(--space-5); min-width:0; }
.home .hero__sub { font-size:19px; line-height:1.65; max-width:46ch; }
.home .hero__note { font-size:16px; color:var(--muted); margin-top:calc(-1 * var(--space-3)); }
.product-preview { min-width:0; width:100%; position:relative; background:#142119; border:1px solid #4c695544; border-radius:18px; box-shadow:0 20px 44px -32px #000b; overflow:hidden; }
.preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); padding:var(--space-4) var(--space-5); border-bottom:1px solid var(--line); background:#101b14; }
.preview-toolbar span { font-size:16px; font-weight:650; }
.preview-toolbar a { display:inline-flex; align-items:center; min-height:44px; font-size:14px; color:var(--muted); white-space:nowrap; text-underline-offset:4px; }
.preview-toolbar a:hover { color:var(--accent); }
.preview-category { padding:var(--space-4) var(--space-5) 0; font-size:14px; color:var(--muted); }
.preview-tabs { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-1); margin:var(--space-4) var(--space-5) 0; padding:var(--space-1); border-radius:10px; background:#0b1710; }
.preview-tabs[hidden],.preview-controls[hidden] { display:none; }
.preview-tabs button { min-width:0; min-height:44px; border:0; border-radius:7px; background:transparent; color:var(--muted); font:600 14px/1.3 var(--font-body); padding:var(--space-2) var(--space-1); cursor:pointer; transition:background-color 200ms,color 200ms; }
.preview-tabs button[aria-selected="true"] { background:#294333; color:var(--ink); box-shadow:0 1px 3px #0003; }
.preview-description { min-block-size:78px; padding:var(--space-4) var(--space-5) 0; font-size:16px; line-height:1.5; color:var(--muted); }
#preview-resume { display:grid; min-width:0; margin:var(--space-4) var(--space-5); background:#192a20; border:1px solid #3a534433; border-radius:12px; }
.preview-pane { grid-area:1/1; min-width:0; visibility:hidden; opacity:0; transform:translateY(6px); pointer-events:none; transition:opacity 260ms,transform 260ms,visibility 260ms; }
.preview-pane.is-active { visibility:visible; opacity:1; transform:none; pointer-events:auto; }
.home #preview-resume .sheet { padding:var(--space-5); border:0; background:transparent; box-shadow:none; font-size:16px; line-height:1.55; }
.home #preview-resume .rz { gap:var(--space-4); }
.home #preview-resume .rz__name { font:700 23px/1.3 var(--font-body); }
.home #preview-resume .rz__sec h5 { font:650 13px/1.4 var(--font-body); letter-spacing:.03em; }
.home #preview-resume .rz__rolehead { font-size:15px; gap:var(--space-1); }
.home #preview-resume .rz__rolehead span { font-size:14px; }
.home #preview-resume .rz ul { margin-top:var(--space-3); padding:var(--space-3) var(--space-4) var(--space-3) var(--space-6); border-left:2px solid var(--accent); background:#9ae7bc08; border-radius:0 8px 8px 0; }
.home #preview-resume .part { padding:var(--space-5); gap:var(--space-4); }
.home #preview-resume .two,.home #preview-resume .part__lede { display:none; }
.home #preview-resume h4 { font:650 16px/1.4 var(--font-body); }
.home #preview-resume .req__head,.home #preview-resume .qa__q { flex-wrap:wrap; }
.home #preview-resume .req__name { font-size:15px; }
.home #preview-resume .chip { font:600 13px/1.4 var(--font-body); white-space:normal; }
.home #preview-resume .qa__why,.home #preview-resume .qa__points { font-size:15px; }
.home #preview-resume .letter { font-size:16px; line-height:1.6; }
.preview-controls { display:flex; align-items:center; justify-content:center; gap:var(--space-3); padding:0 var(--space-5) var(--space-4); }
.preview-controls button { min-width:44px; min-height:44px; padding:var(--space-2); border:1px solid var(--line); border-radius:10px; background:transparent; color:var(--muted); cursor:pointer; font:500 21px/1 var(--font-body); transition:background-color 180ms,color 180ms; }
.preview-controls button:hover { background:#294333; color:var(--ink); }
.preview-controls button:disabled { opacity:.5; cursor:default; }
.preview-controls span { font-size:14px; color:var(--muted); font-variant-numeric:tabular-nums; }
.product-preview figcaption { padding:0 var(--space-5) var(--space-4); color:var(--muted); font-size:13px; text-align:center; }
.preview-fallback { padding:var(--space-5); display:grid; gap:var(--space-3); }
.home .section { padding-block:var(--space-8); }
.home .section h2 { margin-bottom:var(--space-6); }
.output-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-4); }
.output-cards article { min-width:0; display:grid; align-content:start; gap:var(--space-3); padding:var(--space-5); border:1px solid #30423888; border-radius:16px; background:var(--surface); transition:border-color 180ms,background-color 180ms; }
.output-cards p { font-size:17px; line-height:1.6; color:var(--muted); }
.output-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:10px; background:#9ae7bc0c; color:var(--accent); margin-bottom:var(--space-1); }
.output-icon svg { width:23px; height:23px; }
@media(hover:hover) { .output-cards article:hover { border-color:#9ae7bc55; background:#192b20; } }
.home .how-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-6); counter-reset:step; list-style:none; margin:0; padding:0; }
.home .how-steps li { counter-increment:step; display:grid; grid-template-columns:minmax(0,1fr); align-content:start; gap:var(--space-4); position:relative; border:0; padding:0; min-width:0; }
.home .how-steps li::before { content:"0" counter(step); font:650 15px/1 var(--font-body); width:36px; height:36px; display:grid; place-items:center; color:var(--accent); border:1px solid #9ae7bc33; border-radius:50%; background:var(--paper); z-index:1; }
.home .how-steps li:not(:last-child)::after { content:""; position:absolute; height:1px; background:var(--line); top:18px; left:40px; right:calc(-1 * var(--space-5)); }
.home .how-steps h3 { background:transparent; padding:0; font-size:20px; }
.home .trust-simple { background:var(--wash); border-block:1px solid #30423888; }
.trust-simple .wrap { max-width:960px; }
.home .trust-simple h2 { margin-bottom:var(--space-4); }
.trust-simple p { color:var(--muted); max-width:72ch; }
.trust-simple .privacy-note { font-size:16px; margin-top:var(--space-4); }
.home .pricing { max-width:920px; gap:var(--space-5); }
.home .price { padding:var(--space-6); display:flex; flex-direction:column; gap:var(--space-4); border:1px solid var(--line); border-radius:16px; background:var(--surface); box-shadow:none; }
.home .price--pro { border-color:#9ae7bc66; }
.home .price__name { font:700 21px/1.3 var(--font-body); min-height:0; }
.home .price__amount { font:750 44px/1.2 var(--font-body); }
.home .price__amount small { font:500 17px/1.4 var(--font-body); }
.home .price__note,.home .price>p { font-size:17px; color:var(--muted); }
.home .billing-toggle { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; gap:var(--space-1); padding:var(--space-1); background:#0c1810; border:1px solid var(--line); border-radius:12px; margin-top:auto; }
.home .billing-toggle button { display:grid; justify-items:center; gap:var(--space-1); min-width:0; min-height:68px; padding:var(--space-3) var(--space-2); border-radius:8px; transition:background-color 180ms,color 180ms; }
.home .billing-toggle button span { font-size:16px; font-weight:650; }
.home .billing-toggle button small { font-size:14px; }
.home .billing-toggle button[aria-pressed="true"] { background:var(--accent); color:var(--accent-ink); }
.home .pricing__note { max-width:920px; font-size:15px; margin-top:var(--space-5); }
.home .faq { gap:var(--space-7); }
.home .faq__list { border-top:1px solid var(--line); }
.home .faq summary { min-height:64px; font-size:18px; line-height:1.5; padding-block:var(--space-4); }
.home .faq details p { overflow:hidden; font-size:17px; line-height:1.6; }
.home #start { background:var(--wash); }
.home .cta { text-align:center; justify-items:center; gap:var(--space-5); }
.home .cta h2 { max-width:28ch; margin:0; color:var(--ink); }
.home .cta__form { max-width:640px; gap:var(--space-3); }
.home .cta__form input { min-height:52px; font-size:17px; border-radius:12px; transition:border-color 180ms; }
.home .cta__form input:focus { border-color:var(--accent); }
.home .site-footer { padding-block:var(--space-7) var(--space-5); border-top:1px solid var(--line); background:#09110d; }
.footer-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-6); }
.footer-column { display:grid; align-content:start; gap:var(--space-1); min-width:0; }
.home .footer-column h2 { font-size:18px; margin-bottom:var(--space-2); }
.home .footer-column a,.home .footer-column .linkbtn { display:flex; align-items:center; min-height:44px; padding:var(--space-1) 0; font-size:16px; color:var(--muted); text-decoration:none; text-align:left; overflow-wrap:anywhere; }
.home .footer-column a:hover { color:var(--accent); }
.footer-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--space-3) var(--space-5); border-top:1px solid var(--line); margin-top:var(--space-5); padding-top:var(--space-5); }
.footer-bottom p { font-size:15px; color:var(--muted); }
.home .skip:focus { position:fixed; z-index:100; width:auto; height:auto; clip-path:none; background:var(--surface); padding:var(--space-4); color:var(--ink); }
.home .motion-enter { animation:home-enter 450ms var(--motion-delay,0ms) ease-out both; }
@keyframes home-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@media(max-width:1100px) { .output-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-5); } }
@media(max-width:1024px) {
 .hero-simple { grid-template-columns:minmax(0,1fr); gap:var(--space-6); justify-items:center; }
 .hero-copy { text-align:center; justify-items:center; max-width:760px; gap:var(--space-5); }
 .home h1 { max-width:22ch; font-size:clamp(36px,5vw,48px); }
 .product-preview { max-width:640px; }
 .home .hero__sub { max-width:58ch; }
}
@media(max-width:820px) { .home .faq { grid-template-columns:minmax(0,1fr); gap:var(--space-5); } }
@media(max-width:760px) {
 .home .hero,.home .section { padding-block:var(--space-7); }
 .home .how-steps,.home .pricing { grid-template-columns:minmax(0,1fr); gap:var(--space-5); }
 .home .how-steps li:not(:last-child)::after { display:none; }
 .home .how-steps li { grid-template-columns:40px minmax(0,1fr); align-items:center; gap:var(--space-3); }
 .home .price { padding:var(--space-5); }
 .home .cta__form { flex-direction:column; }
 .home .cta__form input { flex:auto; width:100%; }
 .home .cta__form button { width:100%; }
}
@media(max-width:600px) {
 .home .wrap { padding-inline:20px; }
 .home .top__row { min-height:72px; gap:var(--space-3); }
 .home .brand { font-size:20px; }
 .home .brand svg { width:24px; height:24px; }
 .home .nav a.nav__link { display:none; }
 .hero-copy { gap:20px; }
 .home h1 { font-size:clamp(32px,7.5vw,38px); line-height:1.16; }
 .home .hero__sub { font-size:18px; }
 .hero-copy>.btn { width:100%; max-width:360px; }
 .home .section h2 { margin-bottom:var(--space-5); }
 .output-cards { grid-template-columns:minmax(0,1fr); gap:var(--space-4); }
 .output-cards article { display:grid; grid-template-columns:40px minmax(0,1fr); gap:var(--space-2) var(--space-4); padding:20px; }
 .output-icon { grid-row:1/3; margin:0; }
 .output-cards p { grid-column:2; }
 .preview-toolbar { padding:var(--space-3) var(--space-4); gap:var(--space-2); }
 .preview-toolbar span { font-size:15px; }
 .preview-toolbar a { font-size:13px; }
 .preview-category { padding:var(--space-3) var(--space-4) 0; }
 .preview-tabs { margin:var(--space-3) var(--space-4) 0; }
 .preview-tabs button { font-size:13px; }
 .preview-description { padding:var(--space-3) var(--space-4) 0; min-block-size:86px; }
 #preview-resume { margin:var(--space-3) var(--space-4); }
 .home #preview-resume .sheet,.home #preview-resume .part { padding:var(--space-4); }
 .home #preview-resume .rz__rolehead { display:grid; }
 .home #preview-resume .req__name { flex-basis:100%; }
 .home #preview-resume .qa__why,.home #preview-resume .qa__points { font-size:15px; }
 .footer-grid { grid-template-columns:minmax(0,1fr); gap:var(--space-5); }
}
@media(max-width:360px) { .home .wrap { padding-inline:var(--space-4); } .home .brand { font-size:19px; } .preview-tabs { margin-inline:var(--space-3); } }
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 .home *, .home *::before,.home *::after { animation:none !important; transition:none !important; }
 .home .btn:hover { transform:none; }
}
/* Keep the miniature document focused on the rewritten content. */
#preview-resume { min-block-size:270px; }
.home #preview-resume .rz__sec>h5,.home #preview-resume .rz__rolehead>span,.home #preview-resume .qa__why { display:none; }
.home #preview-resume .req { padding-block:12px; }
.preview-pane.is-active .rz li { animation:home-enter 320ms ease-out both; }
@media(max-width:600px) { #preview-resume { min-block-size:310px; } }
@media(prefers-reduced-motion:reduce) { .preview-pane.is-active .rz li { animation:none; } }

/* The active card changes its full background, with readable dark text. */
.output-cards article { transition:background-color 240ms,border-color 240ms,color 240ms; }
.home .output-cards article.is-highlighted { background:#9ae7bc; border-color:#9ae7bc; color:#082319; }
.home .output-cards article.is-highlighted h3 { color:#082319; }
.home .output-cards article.is-highlighted p { color:#183a2b; }
.home .output-cards article.is-highlighted .output-icon { color:#082319; background:#08231912; }
@media(prefers-reduced-motion:reduce) { .output-cards article { transition:none; } }

.agent-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}.agent-intro h2{margin-bottom:16px}.agent-intro p{max-width:38rem;margin-bottom:24px}.agent-intro ol{display:grid;gap:16px;list-style:none;margin:0;padding:0}.agent-intro li{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:grid;gap:8px}.agent-intro strong{color:var(--accent)}.agent-intro span{color:var(--muted)}@media(max-width:760px){.agent-intro{grid-template-columns:1fr;gap:24px}}