@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@500;600&display=swap');
:root{color-scheme:light;--ink:#233445;--muted:#526577;--blue:#4f6f9f;--line:#dce3e8;--paper:#f8faf9}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}:focus-visible{outline:3px solid #47745a;outline-offset:4px}[hidden]{display:none!important}.wrap{width:min(1080px,calc(100% - 64px));margin-inline:auto}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:25px}.brand{display:flex;gap:10px;align-items:center;font-size:16px;font-weight:700;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--ink);color:white;font-size:13px}.launch-note{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:#60846c}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.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}
.hero{text-align:center;padding:68px 0 48px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:600;color:var(--muted);margin:0 0 19px}h1{font:500 clamp(38px,5.2vw,66px)/1.14 Poppins,Inter,system-ui,sans-serif;letter-spacing:-.06em;margin:0}em{font-style:normal;color:var(--blue)}.hero-lead{font-size:16px;color:var(--muted);margin:20px auto 27px;max-width:530px}.signup{max-width:410px;margin-inline:auto}.input-row{display:grid;gap:10px}.input-row input{width:100%;min-width:0;min-height:54px;border:1px solid #b7c5d0;border-radius:9px;background:#fff;padding:14px 18px;color:var(--ink);font-size:16px;text-align:left}.input-row input::placeholder{color:#6c7c88}.input-row button{min-height:56px;border:0;border-radius:9px;padding:14px 20px;background:var(--ink);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.input-row button:hover{background:#385773}.input-row button:disabled{opacity:.7;cursor:wait}.input-row button span{margin-left:14px}.form-note{font-size:11px;color:var(--muted);margin:12px 0 0}.opening-note{font-size:12px;color:var(--muted);line-height:1.7;margin:23px 0 0}.form-message{font-size:13px;color:#a02f35;margin-top:12px}.form-message:empty{display:none}.success{padding:20px;border:1px solid #b4cdbb;border-radius:12px;background:#edf5ef;color:#2d573a}.success strong{font-size:20px;display:block}.success p{margin:8px 0 0}.success small{display:block;margin-top:10px}
.story{padding:12px 0 42px}.story h2{text-align:center;font-size:15px;font-weight:500;letter-spacing:-.02em;margin:0 0 22px}.story-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.story-card{padding:23px 21px 19px;border:1px solid var(--line);border-radius:12px;background:#fff}.step{display:flex;justify-content:space-between;align-items:center;color:var(--blue);font-size:10px;font-weight:600;letter-spacing:.07em}.step>span{font-size:17px;font-weight:500;line-height:1}.story-card h3{font-size:16px;font-weight:600;letter-spacing:-.03em;margin:22px 0 9px;line-height:1.4}.story-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 22px}.tool-name{font-size:10px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:20px 0 25px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px}footer small{font-size:10px}
/* Admin uses the same restrained palette; wide tables scroll within their panel. */
.admin{padding-block:40px}.admin h1{font-size:38px}.admin form{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.admin label{display:grid;font-size:12px;gap:6px}.admin input,.admin button{padding:10px;border:1px solid #acbcc8;border-radius:6px}.admin button{cursor:pointer;background:#fff}.admin button:disabled{opacity:.5;cursor:default}.admin section{margin-block:24px;padding:24px;border:1px solid var(--line);border-radius:12px;background:white;overflow:auto}.admin table{width:100%;border-collapse:collapse;font-size:12px}.admin td,.admin th{padding:12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.metrics{display:flex;gap:40px;flex-wrap:wrap}.metrics strong{display:block;font-size:30px}.admin dialog{border:1px solid var(--line);border-radius:14px;max-width:min(480px,90vw);padding:25px}.admin dialog::backdrop{background:#23344588}.admin dialog h2{font-size:25px}.admin dialog button{margin-right:10px}.admin #admin-status{font-size:14px;min-height:24px}

@media(max-width:900px){.story-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:52px}.story-card{padding:22px}.story-card h3{margin-top:17px}.story-card p{margin-bottom:16px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{padding-block:20px}.brand{font-size:14px}.brand-mark{width:30px;height:30px;font-size:11px}.launch-note{font-size:10px}.hero{padding:42px 0 35px}.eyebrow{font-size:8px;letter-spacing:.1em}h1{font-size:clamp(33px,8.5vw,48px)}.hero-lead{font-size:14px;margin:18px auto 24px;max-width:320px}.opening-note{font-size:11px}.form-note{font-size:10px}.story{padding-top:12px}.story-cards{gap:10px}.story-card{padding:17px 15px}.story-card h3{font-size:14px;margin-top:16px}.story-card p{font-size:11px;margin-bottom:16px}.tool-name{font-size:9px}footer{flex-direction:column;gap:6px}.admin h1{font-size:32px}.admin section{padding:15px}}
@media(max-width:360px){.story-cards{grid-template-columns:1fr}.story-card h3{margin-top:12px}.story-card p{margin-bottom:12px}.launch-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}