:root { color-scheme: light; --ink:#10202b; --muted:#58707d; --paper:#f6f8f7; --card:#fff; --line:#d9e3e1; --accent:#0c6b66; --accent-dark:#074d4a; --warm:#fff3df; --warm-line:#efcf95; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:var(--accent-dark); }
.shell { width:min(1100px,calc(100% - 40px)); margin:0 auto; }
.masthead { display:flex; align-items:center; justify-content:space-between; padding:24px 0; }
.brand { color:var(--ink); font-size:1.15rem; font-weight:800; letter-spacing:-.02em; text-decoration:none; }
.quiet-link { font-size:.9rem; }
.hero { padding:78px 0 70px; max-width:860px; }
.eyebrow { color:var(--accent-dark); font-size:.72rem; font-weight:800; letter-spacing:.14em; margin:0 0 12px; }
h1,h2,h3 { line-height:1.1; letter-spacing:-.035em; margin:0 0 18px; }
h1 { font-size:clamp(2.6rem,7vw,5.6rem); max-width:900px; }
h2 { font-size:clamp(1.7rem,3vw,2.7rem); }
h3 { font-size:1.35rem; }
.lede { color:var(--muted); font-size:clamp(1.15rem,2vw,1.45rem); max-width:700px; }
.actions { display:flex; flex-wrap:wrap; gap:12px; margin:30px 0 14px; }
.button { border:0; border-radius:999px; cursor:pointer; display:inline-block; font:700 .95rem system-ui,sans-serif; padding:13px 20px; text-decoration:none; }
.primary { background:var(--accent); color:#fff; }
.primary:hover,.primary:focus { background:var(--accent-dark); }
.secondary { border:1px solid var(--line); background:var(--card); color:var(--ink); }
.microcopy,.source-note,.privacy,.footer { color:var(--muted); font-size:.9rem; }
.grid { display:grid; gap:20px; }
.two-up { grid-template-columns:repeat(2,minmax(0,1fr)); }
.card,.sample-card,.intent-form { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:28px; }
.card ul { margin:0; padding-left:20px; }
.caution { background:var(--warm); border-color:var(--warm-line); }
.sample-section,.intent-section { padding:110px 0 0; }
.section-heading { max-width:700px; margin-bottom:28px; }
.sample-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.tag { color:var(--accent-dark); display:inline-block; font-size:.7rem; font-weight:800; letter-spacing:.1em; margin-bottom:16px; }
.tag.high { color:#9a5510; }
.sample-card p { color:var(--muted); }
.source-note { margin-top:18px; }
.intent-form { display:grid; gap:26px; max-width:820px; }
fieldset { border:0; margin:0; padding:0; display:grid; gap:16px; }
legend { font-size:1.15rem; font-weight:800; margin-bottom:3px; }
label { display:grid; gap:6px; color:var(--ink); font-weight:650; }
select,input,textarea { background:#fff; border:1px solid #b8cbc8; border-radius:9px; color:var(--ink); font:inherit; padding:11px 12px; width:100%; }
textarea { resize:vertical; }
.emphasis { border-left:4px solid var(--accent); padding-left:14px; }
.check { display:flex; grid-template-columns:auto 1fr; align-items:start; column-gap:9px; font-weight:500; }
.check input { margin-top:5px; width:auto; }
.form-status { min-height:1.6em; color:var(--accent-dark); font-weight:650; }
.trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.footer { border-top:1px solid var(--line); margin-top:100px; padding:28px 0 42px; }
@media (max-width:720px) { .shell { width:min(100% - 28px,1100px); } .hero { padding:48px 0 45px; } .two-up,.sample-grid { grid-template-columns:1fr; } .sample-section,.intent-section { padding-top:70px; } .card,.sample-card,.intent-form { padding:21px; } .masthead { padding:18px 0; } }