@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Plus+Jakarta+Sans:wght@500;600;650;700;750;800&display=swap');

:root { --ink:#19251d; --muted:#59645d; --paper:#fafbf7; --green:#d5eea8; --green-dark:#31513b; --blue:#e0eafa; --pink:#f4dce1; --line:#dde2d9; --font:'DM Sans',sans-serif; --display:'Plus Jakarta Sans',sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:104px; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--font); font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; }
button,input { font:inherit; }
button,a { -webkit-tap-highlight-color:transparent; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
svg { flex-shrink:0; }
button svg, a svg { width:20px; height:20px; }
button { color:inherit; }
img { max-width:100%; }
h1,h2,h3,p { margin:0; }
h1,h2,h3 { font-family:var(--display); }
h2 { font-size:clamp(34px,3.5vw,50px); line-height:1.15; letter-spacing:-2px; font-weight:750; }
p { color:var(--muted); }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:3px solid #5c71d5; outline-offset:5px; border-radius:4px; }
[hidden] { display:none !important; }
.wrap { width:min(1248px,calc(100% - 96px)); margin-inline:auto; }
.section { padding-block:100px; }
.eyebrow { display:flex; align-items:center; gap:8px; font-size:12px; letter-spacing:1.5px; font-weight:700; text-transform:uppercase; margin-bottom:22px; }
.eyebrow::before { content:''; width:8px; height:8px; background:#93bd46; border-radius:50%; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:13px; border:1px solid var(--ink); border-radius:9px; padding:14px 22px; min-height:52px; font-size:15px; font-weight:650; line-height:1.25; transition:background .2s,transform .2s; }
.button:hover { transform:translateY(-2px); }
.button-dark { color:#fff; background:var(--ink); }
.button-dark:hover { background:#35503d; }
.button-outline { background:transparent; }
.button-outline:hover { background:#fff; }
.button-light { background:#fff; }
.text-link { display:inline-flex; gap:10px; align-items:center; font-size:15px; font-weight:650; padding-bottom:3px; border-bottom:1px solid currentColor; }
.actions { display:flex; gap:12px; flex-wrap:wrap; }
.skip-link { position:fixed; top:-100px; left:16px; padding:12px 20px; color:#fff; background:var(--ink); z-index:100; }
.skip-link:focus { top:10px; }
.site-header { background:rgba(250,251,247,.96); position:sticky; top:0; z-index:30; border-bottom:1px solid rgba(221,226,217,.8); }
.header-inner { height:86px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.logo { display:inline-flex; flex-shrink:0; }
.logo img { display:block; width:176px; height:44px; }
.nav { display:flex; align-items:center; gap:28px; margin-left:auto; }
.nav-link { font-size:14px; font-weight:550; white-space:nowrap; }
.nav-link:hover { color:#53772f; }
.nav-group { position:relative; }
.nav-trigger { border:0; background:none; display:flex; align-items:center; padding:12px 0; gap:5px; }
.nav-trigger svg { width:14px; height:14px; }
.nav-dropdown { position:absolute; top:47px; left:-20px; min-width:240px; padding:10px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 12px 30px #19251d12; }
.nav-dropdown a { display:block; padding:10px 14px; border-radius:7px; font-size:14px; }
.nav-dropdown a:hover { background:var(--paper); }
.header-actions { display:flex; align-items:center; gap:22px; }
.header-actions .button { min-height:43px; padding:11px 17px; font-size:14px; }
.mobile-toggle { display:none; padding:10px; background:transparent; border:1px solid var(--line); border-radius:8px; line-height:0; }
.mobile-toggle svg { width:22px; height:22px; }
.mobile-only { display:none; }
.hero { padding:67px 0 65px; }
.hero-grid { display:grid; grid-template-columns:1.03fr 1fr; align-items:center; gap:64px; }
.hero-copy { padding-block:5px; }
.hero .eyebrow { font-size:11px; letter-spacing:1.1px; }
h1 { font-size:clamp(44px,4.45vw,64px); font-weight:800; line-height:1.045; letter-spacing:-3px; }
h1 span { display:block; margin-top:15px; font-size:.75em; line-height:1.14; letter-spacing:-2px; color:var(--green-dark); }
.hero-copy>p { font-size:17px; line-height:1.65; margin-top:25px; max-width:490px; }
.hero-copy .actions { margin-top:29px; }
.hero-note { display:flex; align-items:center; gap:7px; margin-top:13px; font-size:12px; color:var(--muted); }
.hero-note svg { width:14px; height:14px; }
.hero-art { min-height:520px; position:relative; background:var(--blue); border-radius:30px; padding:54px 28px 58px; display:flex; align-items:center; }
.hero-art::before { content:''; position:absolute; width:178px; height:178px; border:1px solid #aebed5; border-radius:50%; right:-31px; top:31px; }
.art-star { position:absolute; right:21px; top:22px; width:56px; height:56px; color:#8caa63; transform:rotate(8deg); }
.art-caption { position:absolute; bottom:21px; left:28px; font-size:11px; color:#566374; letter-spacing:.2px; }
.question-ticket { position:absolute; background:var(--pink); border:1px solid #19251d14; box-shadow:0 9px 22px #2737510a; width:246px; padding:17px 20px; top:22px; left:-24px; transform:rotate(-7deg); border-radius:11px; z-index:3; font-size:12px; line-height:1.5; }
.ticket-label { text-transform:uppercase; font-size:9px; letter-spacing:1.2px; color:#765662; font-weight:700; margin-bottom:7px; }
.ticket-question { color:var(--ink); font-weight:600; }
.mini-app { width:100%; background:#fff; border:1px solid #b7c5d7; border-radius:13px; box-shadow:0 14px 24px #34476212; position:relative; transform:rotate(2deg); margin-top:37px; overflow:hidden; }
.mini-topbar { border-bottom:1px solid #e8ecef; display:flex; align-items:center; justify-content:flex-end; gap:9px; padding:15px 19px; font-size:11px; font-weight:600; }
.mini-topbar svg { width:18px; height:18px; }
.mini-content { padding:21px; }
.mini-role { display:flex; align-items:center; gap:9px; font-size:11px; color:#7a827d; }
.mini-avatar { width:28px; height:28px; border-radius:50%; background:#e5eddc; display:grid; place-items:center; color:#43513c; }
.mini-content h3 { margin:13px 0 10px; font-size:18px; letter-spacing:-.5px; }
.mini-continuation { display:block; margin-top:7px; color:#76816e; font-size:10px; }
.mini-answer { color:#526058; font-size:12px; line-height:1.7; }
.highlight { background:#e9f4d6; padding:1px 3px; color:#344a35; }
.mini-signals { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; border-top:1px solid #e7ece4; margin-top:18px; padding-top:13px; }
.mini-signals strong { display:block; font-size:15px; font-family:var(--display); }
.mini-signals span { font-size:9px; color:#7c837e; }
.mini-bottom { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-top:18px; }
.effort-pill { display:inline-flex; align-items:center; gap:6px; color:#365438; background:#e7f3d5; font-size:10px; font-weight:600; padding:5px 8px; border-radius:5px; }
.effort-pill::before { content:''; width:5px; height:5px; border-radius:50%; background:#7c9c43; }
.mini-reveal { background:var(--ink); color:#fff; border:0; border-radius:5px; padding:8px 12px; font-size:10px; }
.human-note { position:absolute; right:-19px; bottom:16px; transform:rotate(-6deg); padding:12px 17px; font-size:13px; font-weight:650; background:var(--green); border-radius:8px; border:1px solid #bacf91; box-shadow:0 6px 12px #28334a08; z-index:4; display:flex; align-items:center; gap:8px; }
.human-note svg { width:18px; height:18px; }
.hero-follow { border-bottom:1px solid var(--line); padding:21px 0 30px; display:flex; align-items:center; justify-content:center; gap:38px; font-size:13px; color:#637067; }
.hero-follow span { display:flex; align-items:center; gap:8px; }
.hero-follow svg { width:18px; height:18px; color:#476b39; }
.problem-heading { display:grid; grid-template-columns:1fr 1fr; gap:95px; align-items:end; margin-bottom:44px; }
.problem-heading p { max-width:475px; font-size:18px; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.stat { padding:34px 34px 32px 0; }
.stat+.stat { border-left:1px solid var(--line); padding-left:34px; }
.stat-number { display:block; font-family:var(--display); font-weight:750; font-size:65px; line-height:1.1; letter-spacing:-3px; margin-bottom:12px; }
.stat h3 { font-size:16px; font-weight:700; letter-spacing:-.4px; }
.stat p { font-size:13px; line-height:1.65; margin-top:10px; }
.source { font-size:11px; color:#69746b; margin-top:14px; display:inline-block; text-decoration:underline; text-underline-offset:3px; }
.how { background:#eef2e8; }
.how-heading { text-align:center; margin-bottom:52px; }
.how-heading .eyebrow { justify-content:center; }
.how-heading p { margin-top:18px; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:42px; }
.step-art { height:195px; position:relative; border-radius:18px; margin-bottom:24px; display:flex; align-items:center; justify-content:center; padding:26px; }
.step-art.one { background:#e0e8d2; }
.step-art.two { background:#e5e5f4; }
.step-art.three { background:#eedbdb; }
.step-art::after { content:''; width:50px; height:1px; background:#bdc6b4; position:absolute; right:-47px; top:50%; }
.step:last-child .step-art::after { display:none; }
.step-paper { width:220px; background:#fff; border:1px solid #ccd3c7; padding:17px 20px; border-radius:7px; transform:rotate(-4deg); box-shadow:0 6px 14px #19251d09; font-size:11px; line-height:1.55; }
.step-paper .paper-heading { font-size:9px; text-transform:uppercase; letter-spacing:1px; color:#687168; margin-bottom:8px; }
.paper-line { display:block; height:5px; background:#e5e9e0; margin-top:10px; width:100%; border-radius:2px; }
.paper-line.short { width:65%; }
.link-paper { transform:rotate(4deg); display:flex; align-items:center; gap:8px; width:245px; padding:16px; font-size:10px; }
.link-paper svg { width:19px; height:19px; }
.link-paper>span:first-of-type { min-width:0; overflow-wrap:anywhere; }
.link-copy { background:#28332e; color:white; padding:4px 7px; border-radius:4px; font-size:9px; margin-left:auto; }
.review-paper { transform:rotate(-3deg); }
.review-row { display:flex; align-items:center; gap:9px; margin-bottom:11px; font-size:10px; }
.review-row:last-child { margin-bottom:0; }
.review-dot { background:#e3eccf; width:20px; height:20px; border-radius:50%; display:grid; place-items:center; font-size:8px; }
.review-line { height:5px; background:#e4e9e1; flex:1; border-radius:4px; }
.review-band { width:31px; height:11px; border-radius:3px; background:#cee49f; }
.review-row:nth-child(2) .review-band { background:#ede1ba; }
.review-row:nth-child(3) .review-band { background:#e2e5e0; }
.step h3 { display:flex; gap:11px; align-items:center; font-size:19px; letter-spacing:-.6px; }
.step-index { font-family:var(--font); font-size:11px; color:#51624f; border:1px solid #bccab5; width:26px; height:26px; border-radius:50%; display:grid; place-items:center; }
.step>p { font-size:15px; margin-top:12px; }
.demo-heading { max-width:690px; margin-bottom:38px; }
.demo-heading p { margin-top:18px; font-size:18px; max-width:600px; }
.demo-shell { border:1px solid #c7d1c3; border-radius:17px; overflow:hidden; background:white; box-shadow:0 14px 42px #19251d07; }
.demo-bar { padding:18px 24px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#f0f3eb; border-bottom:1px solid #dce4d6; }
.demo-brand { display:flex; align-items:center; gap:9px; font-size:13px; font-weight:600; }
.demo-brand svg { width:20px; height:20px; }
.example-label { font-size:11px; color:#6a756a; }
.demo-layout { display:grid; grid-template-columns:260px 1fr; }
.candidate-list { padding:24px 16px; background:#f9faf7; border-right:1px solid #e2e7dc; }
.list-label { display:flex; justify-content:space-between; font-size:10px; color:#788372; text-transform:uppercase; letter-spacing:1px; padding:0 10px 18px; }
.candidate-tab { width:100%; display:flex; align-items:center; gap:11px; padding:13px 11px; text-align:left; background:transparent; border:1px solid transparent; border-radius:8px; margin-bottom:7px; }
.candidate-tab[aria-selected=true] { background:#fff; border-color:#b9cb9e; box-shadow:0 3px 8px #27362105; }
.candidate-avatar { background:#e7eddf; width:32px; height:32px; border-radius:50%; display:grid; place-items:center; font-size:12px; flex-shrink:0; }
.candidate-tab strong { font-size:12px; font-weight:600; display:block; }
.candidate-tab small { font-size:10px; color:#677461; display:block; }
.candidate-arrow { width:13px; height:13px; margin-left:auto; }
.demo-reading { padding:32px 38px; }
.demo-role { font-size:10px; color:#798276; margin-bottom:16px; text-transform:uppercase; letter-spacing:1px; }
.demo-reading h3 { font-size:24px; font-weight:700; letter-spacing:-.8px; }
.question { background:#f5f7f1; padding:14px 17px; border-radius:8px; margin-block:21px; border-left:3px solid #bfd993; }
.question strong { font-size:9px; color:#76816e; text-transform:uppercase; letter-spacing:1px; display:block; margin-bottom:5px; }
.question p { color:#3e4d38; font-size:13px; line-height:1.6; }
.answer { color:#4b5747; font-size:14px; line-height:1.8; min-height:100px; }
.answer p+p { margin-top:10px; }
.answer-more { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; padding-top:12px; border-top:1px solid #e2e7da; color:#798276; font-size:11px; }
.answer-more[hidden] { display:none; }
.answer-toggle { color:#365438; font-size:11px; font-weight:600; padding:4px 0; background:none; border:0; }
.answer-toggle:hover { text-decoration:underline; }
.signal-title { font-size:11px; font-weight:600; margin-top:28px; display:flex; align-items:center; justify-content:space-between; }
.signal-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; padding-top:14px; }
.signal { border:1px solid #e2e7da; background:#fafbf7; border-radius:7px; padding:12px; }
.signal strong { display:block; font-family:var(--display); font-size:19px; font-weight:650; letter-spacing:-.5px; }
.signal span { font-size:10px; color:#6b7863; }
.demo-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; margin-top:22px; }
.demo-bottom>p { font-size:11px; max-width:320px; }
.demo-bottom .button { min-height:42px; font-size:12px; padding:11px 16px; }
.cv-panel { margin-top:18px; padding:20px; border-radius:10px; background:#edf4e2; border:1px solid #cddcbc; }
.cv-panel strong { font-family:var(--display); font-size:16px; }
.cv-panel p { font-size:12px; margin-top:5px; }
.cv-panel .example-label { display:block; margin-top:10px; }
.demo-foot { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:21px; }
.demo-foot p { font-size:12px; }
.human { background:#e9e8f4; padding-block:72px; }
.human-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:90px; align-items:start; }
.human h2 { font-size:44px; }
.human-heading>p { margin-top:22px; font-size:16px; max-width:440px; }
.human-detail+.human-detail { margin-top:28px; padding-top:28px; border-top:1px solid #c9c8d8; }
.human-detail h3 { font-size:18px; letter-spacing:-.5px; margin-bottom:9px; }
.human-detail p { font-size:15px; color:#63616f; }
.human-detail svg { width:24px; height:24px; margin-bottom:10px; color:#575c73; }
.audiences { padding-block:75px; }
.audiences-head { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:29px; }
.audiences-head h2 { font-size:35px; max-width:550px; }
.audiences-head p { max-width:350px; font-size:15px; }
.audience-links { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.audience-link { display:flex; gap:16px; align-items:center; border-top:1px solid var(--line); padding-block:22px 8px; transition:color .2s; }
.audience-link:hover { color:#6e9639; }
.audience-icon { width:40px; height:40px; background:#e7ecdF; border-radius:10px; display:grid; place-items:center; }
.audience-icon svg { width:21px; height:21px; }
.audience-link h3 { font-size:15px; letter-spacing:-.3px; }
.audience-link p { font-size:12px; }
.audience-link>svg { margin-left:auto; width:18px; height:18px; }
.pricing { background:#f1f0e8; }
.pricing-top { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:36px; }
.pricing-top p { margin-top:17px; }
.price-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.price-card { padding:25px 23px; background:#fff; border:1px solid #dadcd2; border-radius:13px; display:flex; flex-direction:column; align-items:start; position:relative; }
.price-card.featured { background:var(--green); border-color:#adc786; }
.price-card h3 { font-size:17px; letter-spacing:-.4px; }
.price-card .price { font-family:var(--display); font-size:42px; font-weight:700; letter-spacing:-2px; line-height:1.2; margin:18px 0 10px; }
.price small { font-family:var(--font); font-size:11px; letter-spacing:0; font-weight:400; }
.price-card>p { font-size:12px; color:#66705f; margin-bottom:18px; }
.price-card ul { list-style:none; padding:17px 0 0; margin:0 0 23px; width:100%; border-top:1px solid #19251d18; }
.price-card li { display:flex; align-items:center; gap:7px; font-size:12px; margin-bottom:10px; }
.price-card li svg { width:13px; height:13px; }
.price-card .button { width:100%; min-height:44px; font-size:12px; padding:10px; margin-top:auto; }
.popular { position:absolute; top:25px; right:18px; font-size:8px; font-weight:700; text-transform:uppercase; letter-spacing:.7px; background:#19251d; color:#fff; padding:4px 7px; border-radius:4px; }
.pricing-note { text-align:center; margin-top:23px; font-size:12px; }
.faq-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; }
.faq-heading h2 { font-size:38px; }
.faq-heading p { margin-top:20px; font-size:15px; }
.faq-heading .text-link { margin-top:23px; }
.faq-list details { border-top:1px solid var(--line); }
.faq-list details:last-child { border-bottom:1px solid var(--line); }
.faq-list summary { list-style:none; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:21px 0; font-size:15px; font-weight:600; cursor:pointer; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:'+'; font-size:24px; font-weight:400; }
.faq-list details[open] summary::after { content:'−'; }
.faq-list details p { padding:0 30px 22px 0; font-size:14px; }
.closing { padding:0 0 75px; }
.closing-inner { padding:58px 65px; border-radius:24px; background:var(--green); display:grid; grid-template-columns:1.3fr .7fr; gap:45px; overflow:hidden; position:relative; }
.closing h2 { font-size:46px; }
.closing p { margin-top:20px; max-width:510px; color:#4e653f; font-size:16px; }
.closing .actions { margin-top:28px; }
.closing-art { display:grid; place-items:center; position:relative; }
.closing-art .art-star { top:-6px; right:17px; width:65px; height:65px; color:#809f4f; }
.closing-paper { position:relative; padding:25px; background:#fffef8; border:1px solid #98ae75; border-radius:10px; width:225px; transform:rotate(8deg); box-shadow:-12px 14px 0 #bdd991; }
.closing-paper .eyebrow { font-size:9px; margin-bottom:15px; letter-spacing:1px; }
.closing-paper strong { font-family:var(--display); font-size:23px; letter-spacing:-.8px; display:block; line-height:1.25; }
.closing-paper .paper-line { height:6px; margin-top:14px; }
.paper-check { display:grid; place-items:center; background:var(--pink); border:1px solid #e1b9c2; width:56px; height:56px; border-radius:50%; position:absolute; bottom:-17px; right:-18px; }
.paper-check svg { width:26px; height:26px; }
.site-footer { background:#edf0e7; padding:55px 0 22px; }
.footer-top { display:grid; grid-template-columns:1.7fr 1fr 1fr 1fr; gap:55px; padding-bottom:43px; }
.footer-brand .logo img { width:166px; height:42px; }
.footer-brand p { font-size:13px; margin-top:16px; max-width:210px; }
.footer-column h3 { font-family:var(--font); font-size:12px; font-weight:650; margin-bottom:14px; }
.footer-column a { display:block; font-size:12px; color:#687160; margin-bottom:8px; }
.footer-column a:hover { color:var(--ink); text-decoration:underline; }
.footer-bottom { display:flex; justify-content:space-between; gap:25px; border-top:1px solid #d3dacb; padding-top:20px; font-size:10px; color:#707a67; }
.footer-legal { display:flex; gap:22px; }
.footer-legal a:hover { text-decoration:underline; }
@media(min-width:1500px) { .hero { padding-block:82px; } }
@media(max-width:1100px) {
 .wrap { width:calc(100% - 64px); }
 .nav { gap:18px; } .header-inner { gap:24px; } .header-actions { gap:15px; }
 .logo img { width:155px; height:39px; }
 .hero-grid { gap:40px; } .hero-art { min-height:485px; padding-inline:22px; }
 h1 { font-size:51px; } h1 span { font-size:.77em; }
 .question-ticket { left:-12px; width:230px; }
 .human-note { right:-11px; font-size:11px; }
 .hero-copy>p { font-size:16px; }
 .hero-copy .button { font-size:13px; padding-inline:17px; }
 .problem-heading { gap:50px; } .steps { gap:27px; } .step-art::after { right:-29px; width:29px; }
 .demo-layout { grid-template-columns:230px 1fr; } .demo-reading { padding:30px; }
 .human-grid,.faq-grid { gap:55px; } .price-card { padding:25px 17px; } .popular { top:51px; right:17px; }
}
@media(max-width:900px) {
 .header-inner { height:76px; } .nav { display:none; } .header-actions { margin-left:auto; } .header-actions>.nav-link { display:none; }
 .mobile-toggle { display:block; }
 .nav.is-open { display:flex; position:absolute; top:76px; left:0; right:0; padding:24px 32px 30px; background:var(--paper); border-bottom:1px solid var(--line); align-items:stretch; flex-direction:column; gap:8px; box-shadow:0 15px 20px #19251d08; }
 .nav.is-open .nav-link { font-size:16px; padding-block:8px; }
 .nav.is-open .mobile-only { display:block; }
 .nav-dropdown { position:static; box-shadow:none; min-width:0; margin-top:5px; }
 .hero-grid { gap:30px; }
 h1 { font-size:44px; letter-spacing:-2px; } h1 span { letter-spacing:-1.5px; }
 .hero-art { min-height:460px; padding:45px 16px; } .mini-content { padding:17px; }
 .mini-topbar { padding:13px 16px; } .question-ticket { width:210px; font-size:10px; }
 .hero-copy .actions { gap:10px; } .hero-copy .button { padding-inline:14px; }
 .hero-copy .actions .button-outline { border-color:transparent; padding-left:0; }
 .hero-follow { gap:22px; font-size:11px; }
 .section { padding-block:75px; } .problem-heading { gap:35px; } .problem-heading p { font-size:16px; }
 .stat { padding-right:20px; } .stat+.stat { padding-left:20px; } .stat-number { font-size:55px; }
 .demo-layout { grid-template-columns:210px 1fr; } .demo-reading { padding:25px; } .signal-grid { gap:7px; } .signal { padding:10px 8px; }
 .price-grid { grid-template-columns:repeat(2,1fr); } .popular { top:25px; }
 .human h2 { font-size:36px; } .human-grid { gap:40px; }
 .audience-links { gap:15px; } .audience-icon { display:none; }
 .closing-inner { padding:45px 40px; gap:30px; } .closing h2 { font-size:39px; } .closing-paper { width:185px; }
 .footer-top { gap:30px; }
}
@media(max-width:700px) {
 .wrap { width:calc(100% - 40px); }
 .header-inner { gap:12px; height:72px; } .logo img { width:144px; height:36px; } .header-actions { gap:10px; }
 .header-actions .button { min-height:39px; padding:10px 12px; font-size:11px; }
 .mobile-toggle { padding:9px; } .mobile-toggle svg { width:19px; height:19px; }
 .nav.is-open { top:72px; padding-inline:20px; }
 .hero { padding-block:37px 27px; } .hero-grid { grid-template-columns:1fr; gap:40px; }
 .hero-copy { max-width:550px; } .hero .eyebrow { font-size:9px; margin-bottom:20px; }
 h1 { font-size:clamp(43px,9.2vw,58px); letter-spacing:-2.1px; max-width:560px; } h1 span { font-size:.78em; letter-spacing:-1.5px; margin-top:13px; max-width:480px; }
 .hero-copy>p { font-size:15px; margin-top:22px; max-width:540px; }
 .hero-copy .actions { margin-top:23px; } .hero-copy .button { min-height:48px; padding-inline:18px; font-size:13px; }
 .hero-copy .actions .button-outline { border-color:var(--ink); padding-left:18px; }
 .hero-note { font-size:10px; margin-top:11px; }
 .hero-art { min-height:466px; padding:47px 28px 50px; max-width:550px; width:100%; margin-inline:auto; border-radius:20px; }
 .hero-art::before { right:-10px; }
 .mini-app { margin-top:25px; } .mini-content { padding:20px; } .mini-topbar { padding:15px 20px; }
 .question-ticket { left:8px; top:18px; width:224px; padding:14px 17px; font-size:11px; }
 .human-note { right:9px; bottom:15px; font-size:12px; } .art-caption { left:20px; bottom:15px; font-size:9px; }
 .hero-follow { flex-wrap:wrap; gap:10px 19px; justify-content:flex-start; padding:21px 0; font-size:10px; }
 .hero-follow svg { width:15px; height:15px; }
 .section { padding-block:57px; } h2 { font-size:34px; letter-spacing:-1.4px; }
 .eyebrow { font-size:10px; margin-bottom:17px; }
 .problem-heading { grid-template-columns:1fr; gap:20px; margin-bottom:28px; } .problem-heading p { font-size:15px; }
 .stats { grid-template-columns:1fr; } .stat { display:grid; grid-template-columns:95px 1fr; column-gap:16px; padding:22px 0; }
 .stat+.stat { border-left:0; border-top:1px solid var(--line); padding:22px 0; }
 .stat-number { grid-row:span 3; font-size:43px; letter-spacing:-2px; margin:0; align-self:start; padding-top:3px; }
 .stat-number small { font-size:23px; letter-spacing:-1px; }
 .stat h3 { font-size:14px; } .stat p { margin-top:5px; font-size:12px; } .stat .source { margin-top:6px; font-size:10px; }
 .how-heading { text-align:left; margin-bottom:32px; } .how-heading .eyebrow { justify-content:flex-start; } .how-heading p { font-size:15px; }
 .steps { grid-template-columns:1fr; gap:34px; } .step-art { height:187px; margin-bottom:19px; } .step-art::after { display:none; }
 .step-paper { width:235px; } .step h3 { font-size:19px; } .step>p { font-size:14px; }
 .demo-heading { margin-bottom:26px; } .demo-heading p { font-size:15px; }
 .demo-bar { padding:15px; } .demo-brand { font-size:11px; } .example-label { font-size:9px; }
 .demo-layout { grid-template-columns:1fr; }
 .candidate-list { border-right:0; border-bottom:1px solid #e2e7dc; padding:13px 10px; }
 .list-label { display:none; } .candidate-tabs { display:flex; gap:5px; }
 .candidate-tab { padding:9px 6px; gap:6px; margin:0; } .candidate-avatar { width:23px; height:23px; font-size:9px; }
 .candidate-tab strong { font-size:11px; } .candidate-tab small { font-size:9px; } .candidate-arrow { display:none; }
 .demo-reading { padding:23px 18px; } .demo-role { font-size:9px; margin-bottom:10px; } .demo-reading h3 { font-size:21px; }
 .question { margin-block:17px; padding:12px; } .question p { font-size:12px; } .answer { font-size:13px; min-height:0; }
 .signal-title { margin-top:22px; font-size:10px; } .signal-grid { grid-template-columns:repeat(2,1fr); gap:8px; }
 .signal { padding:10px 12px; } .signal strong { font-size:20px; }
 .demo-bottom>p { font-size:10px; max-width:100%; } .demo-bottom { margin-top:18px; }
 .demo-foot { align-items:start; flex-direction:column; gap:13px; } .demo-foot p { font-size:11px; }
 .human { padding-block:55px; } .human-grid { grid-template-columns:1fr; gap:35px; } .human h2 { font-size:34px; } .human-heading>p { font-size:15px; }
 .human-detail p { font-size:14px; } .human-detail+.human-detail { margin-top:23px; padding-top:23px; }
 .audiences { padding-block:55px; } .audiences-head { display:block; } .audiences-head h2 { font-size:30px; } .audiences-head p { margin-top:17px; font-size:14px; }
 .audience-links { grid-template-columns:1fr; gap:10px; } .audience-icon { display:grid; }
 .audience-link { padding-block:18px 8px; }
 .pricing-top { display:block; margin-bottom:26px; } .pricing-top p { font-size:14px; } .pricing-top .text-link { margin-top:18px; font-size:13px; }
 .price-grid { gap:11px; } .price-card { padding:21px 14px; border-radius:10px; }
 .price-card h3 { font-size:13px; } .price-card .price { font-size:34px; margin-top:17px; } .price small { display:block; font-size:10px; }
 .price-card>p { font-size:10px; } .price-card ul { padding-top:13px; margin-bottom:17px; } .price-card li { font-size:10px; gap:4px; }
 .price-card li svg { width:10px; height:10px; } .price-card .button { font-size:10px; min-height:40px; gap:5px; }
 .price-card .button svg { width:13px; height:13px; } .popular { position:static; margin-top:9px; font-size:7px; padding:3px 5px; }
 .price-card.featured .price { margin-top:10px; } .pricing-note { font-size:10px; }
 .faq-grid { grid-template-columns:1fr; gap:30px; } .faq-heading h2 { font-size:32px; } .faq-heading p { font-size:14px; }
 .faq-heading .text-link { font-size:13px; margin-top:17px; } .faq-list summary { font-size:13px; } .faq-list details p { font-size:13px; }
 .closing { padding-bottom:50px; } .closing-inner { grid-template-columns:1fr; padding:35px 26px; gap:36px; border-radius:19px; }
 .closing h2 { font-size:34px; } .closing p { font-size:14px; margin-top:18px; } .closing .button { font-size:12px; min-height:46px; padding-inline:16px; }
 .closing-art { min-height:195px; } .closing-paper { width:200px; } .closing-art .art-star { right:calc(50% - 130px); top:-16px; }
 .site-footer { padding-block:39px 22px; } .footer-top { grid-template-columns:repeat(3,1fr); gap:30px 15px; padding-bottom:25px; }
 .footer-brand { grid-column:1/-1; } .footer-brand .logo img { width:150px; height:38px; } .footer-brand p { max-width:100%; margin-top:10px; font-size:12px; }
 .footer-column h3 { font-size:11px; } .footer-column a { font-size:10px; } .footer-bottom { flex-direction:column; gap:13px; font-size:9px; } .footer-legal { gap:17px; }
}
@media(max-width:370px) {
 .header-inner .logo img { width:124px; height:31px; }
 .header-actions .button svg { display:none; }
 .hero-copy .button { font-size:12px; padding-inline:13px; gap:9px; }
 .hero-art { padding-inline:20px; }
 .question-ticket { width:205px; font-size:10px; }
 .mini-content { padding:15px; }
 .mini-signals strong { font-size:12px; }
 .hero-art::before { right:0; }
 .human-note { font-size:10px; padding:11px; }
 .candidate-tab .candidate-avatar { display:none; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none !important; animation:none !important; } }

/* Effort scores alongside each illustrative candidate. */
.mini-candidate-heading, .candidate-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.mini-score { color:#365438; font-size:18px; font-weight:700; }
.mini-score small { font-size:10px; font-weight:400; color:#798276; margin-left:2px; }
.candidate-score { margin-left:auto; font-size:19px; font-weight:650; color:#365438; font-variant-numeric:tabular-nums; }
.reading-score { display:flex; align-items:baseline; gap:5px; color:#798276; font-size:10px; }
.reading-score strong { color:#365438; font-size:22px; font-weight:650; }
.reading-score small { font-size:10px; }
@media (max-width:700px) {
  .candidate-tab { display:grid; grid-template-columns:minmax(0,1fr) auto; }
  .candidate-tab .candidate-avatar { display:none; }
  .candidate-tab strong { font-size:10px; }
  .candidate-score { font-size:16px; }
  .candidate-heading { gap:8px; }
  .reading-score { gap:3px; }
  .reading-score strong { font-size:18px; }
}

/* Larger footer type and a visible demo CTA across the approved design. */
.header-actions { gap:16px; }
.header-demo { background:#fff; }
.footer-brand p { font-size:16px; max-width:260px; }
.footer-column h3 { font-size:15px; }
.footer-column a { font-size:15px; line-height:1.6; margin-bottom:9px; }
.footer-bottom { font-size:13px; }
@media(max-width:1100px) {
 .header-inner { height:76px; }
 .nav { display:none; }
 .header-actions { margin-left:auto; }
 .header-actions>.nav-link { display:none; }
 .mobile-toggle { display:block; }
 .nav.is-open { display:flex; position:absolute; top:76px; left:0; right:0; padding:24px 32px 30px; background:var(--paper); border-bottom:1px solid var(--line); align-items:stretch; flex-direction:column; gap:8px; box-shadow:0 15px 20px #19251d08; }
 .nav.is-open .nav-link { font-size:16px; padding-block:8px; }
 .nav.is-open .mobile-only { display:block; }
 .nav-dropdown { position:static; box-shadow:none; min-width:0; margin-top:5px; }
}
@media(max-width:700px) {
 html { scroll-padding-top:148px; }
 .header-inner { display:grid; grid-template-columns:minmax(0,1fr) auto; height:auto; min-height:126px; gap:10px 12px; padding-block:12px; }
 .header-inner>.logo { grid-column:1; grid-row:1; }
 .header-actions { display:contents; }
 .header-actions .mobile-toggle { grid-column:2; grid-row:1; justify-self:end; }
 .header-actions .header-demo { grid-column:1; grid-row:2; }
 .header-actions .button-dark { grid-column:2; grid-row:2; }
 .header-actions .button { font-size:13px; min-height:41px; padding:10px 15px; }
 .header-actions .button-dark svg { width:17px; height:17px; }
 .nav.is-open { top:126px; padding-inline:20px; }
 .footer-top { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px 24px; }
 .footer-brand p { font-size:15px; max-width:100%; }
 .footer-column h3,.footer-column a { font-size:14px; }
 .footer-bottom { font-size:12px; }
 .footer-legal { flex-wrap:wrap; gap:12px 18px; }
}