@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{color:#172019;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f4f1e8;font-family:Manrope,system-ui,sans-serif}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e99171}*{box-sizing:border-box}.app-shell{color:#172019;background:#f4f1e8;min-height:100vh}.topbar{border-bottom:1px solid #c9c5b7;justify-content:space-between;align-items:center;max-width:1220px;height:76px;margin:auto;padding:0 28px;display:flex}.brand{color:inherit;letter-spacing:-.03em;align-items:center;gap:12px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#f5f1e8;background:#172019;border-radius:50%;place-items:center;width:34px;height:34px;font:500 12px/1 DM Mono,monospace;display:grid}.privacy-pill{text-transform:uppercase;letter-spacing:.04em;border:1px solid #bdb9aa;border-radius:999px;padding:8px 14px;font:500 11px/1 DM Mono,monospace}.pulse{background:#72a560;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #72a56022}main{max-width:1220px;margin:auto;padding:0 28px 70px}.hero{padding:74px 0 62px}.eyebrow{color:#dd5d36;letter-spacing:.14em;margin-bottom:24px;font:500 12px/1 DM Mono,monospace}.hero h1{letter-spacing:-.065em;max-width:1000px;margin:0;font-size:clamp(52px,7.6vw,104px);font-weight:600;line-height:.92}.hero h1 em{color:#dd5d36;font-family:Playfair Display,Georgia,serif;font-weight:600}.hero-copy{color:#536055;max-width:650px;margin:34px 0 30px;font-size:19px;line-height:1.65}.proof-row{text-transform:uppercase;color:#5e6b60;flex-wrap:wrap;gap:12px 24px;font:500 11px/1.3 DM Mono,monospace;display:flex}.workspace{background:#faf8f1;border:1px solid #aaa797;grid-template-columns:1.04fr .96fr;display:grid;box-shadow:10px 10px #172019}.form-panel,.result-panel{padding:44px}.form-panel{border-right:1px solid #aaa797}.result-panel{background:#e8eddf;flex-direction:column;min-height:700px;display:flex}.section-heading{align-items:flex-start;gap:17px;margin-bottom:34px;display:flex}.step{color:#dd5d36;padding-top:7px;font:500 12px/1 DM Mono,monospace}.section-heading h2{letter-spacing:-.035em;margin:0 0 6px;font-size:27px;line-height:1.15}.section-heading p{color:#6a736b;margin:0;font-size:13px}label,legend{text-transform:uppercase;letter-spacing:.055em;color:#404b42;gap:9px;margin-bottom:21px;font:600 12px/1.2 DM Mono,monospace;display:grid}input,textarea,select{color:#172019;background:#fffefa;border:1px solid #b8b4a6;border-radius:0;outline:none;width:100%;padding:13px 14px;font:500 15px/1.5 Manrope,sans-serif;transition:border .2s,box-shadow .2s}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#dd5d36;box-shadow:0 0 0 3px #dd5d3620}.two-up{grid-template-columns:1.4fr .6fr;gap:14px;display:grid}fieldset{border:0;margin:0 0 22px;padding:0}legend{margin-bottom:9px}.tone-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tone{color:#536055;cursor:pointer;background:0 0;border:1px solid #b8b4a6;padding:11px 8px;font:600 11px/1.2 Manrope,sans-serif}.tone:hover,.tone.active{color:#fff;background:#172019;border-color:#172019}.generate{color:#fff;cursor:pointer;background:#dd5d36;border:0;justify-content:space-between;align-items:center;width:100%;padding:17px 19px;font:700 14px/1 Manrope,sans-serif;display:flex;box-shadow:5px 5px #172019}.generate:hover:not(:disabled){transform:translate(2px,2px);box-shadow:3px 3px #172019}.generate:disabled{opacity:.72;cursor:wait}.model-status{margin-top:22px}.status-line{color:#667168;justify-content:space-between;gap:14px;font:500 11px/1.4 DM Mono,monospace;display:flex}.progress-track{background:#dedacf;height:4px;margin:9px 0;overflow:hidden}.progress-track div{background:#72a560;height:100%;transition:width .2s}.model-status small{color:#7c837d;font-size:11px}.error{color:#8d321a;background:#fff0ea;border-left:3px solid #dd5d36;margin-top:14px;padding:12px;font-size:12px}.empty-state{text-align:center;flex:1;place-content:center;justify-items:center;padding:30px;display:grid}.paper{background:#fffefa;border:1px solid #aeb6a6;width:175px;height:220px;margin-bottom:38px;padding:35px 27px;position:relative;transform:rotate(2deg);box-shadow:8px 9px #c4cdbb}.paper span{background:#d8d9d0;height:5px;margin-bottom:15px;display:block}.paper span.short{width:62%}.paper i{color:#dd5d36;margin:8px 0 18px;font-size:24px;font-style:normal;display:block}.empty-state h3{margin:0 0 7px;font-size:19px}.empty-state p{color:#6d776d;font-size:13px}.result-wrap{flex-direction:column;flex:1;gap:18px;display:flex}.result-wrap pre{white-space:pre-wrap;color:#263229;background:#fffefa;border:1px solid #aeb6a6;flex:1;margin:0;padding:28px;font:500 14px/1.65 Manrope,sans-serif;overflow:auto}.copy{color:#172019;cursor:pointer;background:0 0;border:1px solid #172019;align-self:flex-end;padding:10px 16px;font:600 12px/1 DM Mono,monospace}.copy:hover{color:#fff;background:#172019}.honesty-note{color:#657066;border-top:1px solid #b8c0b2;margin-top:28px;padding-top:18px;font-size:11px;line-height:1.55}.honesty-note strong{color:#313b33}.how-it-works{grid-template-columns:repeat(3,1fr);gap:22px;padding:80px 0 10px;display:grid}.how-it-works div{border-top:1px solid #ada99b;padding-top:20px}.how-it-works span{color:#dd5d36;margin-bottom:34px;font:500 11px/1 DM Mono,monospace;display:block}.how-it-works strong{margin-bottom:7px;font-size:17px;display:block}.how-it-works p{color:#687269;max-width:280px;margin:0;font-size:13px;line-height:1.55}footer{text-transform:uppercase;border-top:1px solid #c9c5b7;justify-content:space-between;max-width:1220px;margin:auto;padding:26px 28px 34px;font:500 11px/1 DM Mono,monospace;display:flex}footer a{color:#dd5d36}@media (width<=820px){.privacy-pill{font-size:0}.privacy-pill .pulse{margin:0}.hero{padding:54px 0 44px}.hero h1{font-size:clamp(48px,14vw,76px)}.workspace{grid-template-columns:1fr;box-shadow:6px 6px #172019}.form-panel{border-bottom:1px solid #aaa797;border-right:0}.form-panel,.result-panel{padding:28px 22px}.tone-grid,.two-up{grid-template-columns:1fr}.how-it-works{grid-template-columns:1fr;gap:38px}.how-it-works span{margin-bottom:18px}}
