:root{--ink:#0a0e1a;--spark:#00d4a4;--cream:#f5f1e8;--signal:#ffb81c;--white:#fff;--muted:#5e6472;--line:#d8d4ca;--danger:#a43d36}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Geist,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}.wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}.hero{padding:44px 0 24px}.brand{display:inline-block;color:var(--ink);font-weight:850;text-decoration:none;margin-bottom:24px}.badge,.eyebrow{display:block;width:max-content;font:700 .76rem/1.2 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#006b56}.badge{background:#c9f7eb;border:1px solid #8ce7d0;border-radius:999px;padding:7px 11px;margin-bottom:16px}h1,h2,h3,p{margin-top:0}h1{font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.96;letter-spacing:-.035em;max-width:920px;margin-bottom:18px}.lead{font-size:clamp(1.05rem,2vw,1.3rem);max-width:820px;color:#353b48}.promo{background:var(--ink);color:var(--white);border-radius:24px;padding:24px;display:grid;grid-template-columns:1fr minmax(300px,520px);gap:28px;align-items:center;margin-bottom:28px}.promo h2{font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.1;margin:8px 0 12px}.promo p{color:#dfe4ec;margin-bottom:0}.promo .eyebrow{color:var(--spark)}.video{aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#000}.video iframe{width:100%;height:100%;border:0}.layout{display:grid;grid-template-columns:minmax(310px,.9fr) minmax(380px,1.1fr);gap:24px;align-items:start}.panel{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 14px 35px rgba(10,14,26,.07)}.output-panel{position:sticky;top:16px}.section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:20px}.section-title>span{display:grid;place-items:center;min-width:30px;height:30px;border-radius:50%;background:var(--spark);font-weight:900}.section-title h2{font-size:1.35rem;line-height:1.2;margin:2px 0 3px}.section-title p{color:var(--muted);font-size:.9rem;margin:0}form{display:grid;gap:15px}label{display:grid;gap:6px;font-size:.88rem;font-weight:750}small{font-weight:500;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #b9b5ab;background:#fff;border-radius:11px;padding:11px 12px;color:var(--ink);font:inherit}textarea{min-height:82px;resize:vertical}.tall{min-height:128px}input:focus,textarea:focus,select:focus{outline:3px solid rgba(0,212,164,.22);border-color:#008f70}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:4px}button{border:1px solid var(--ink);border-radius:999px;background:var(--ink);color:#fff;padding:10px 15px;font:inherit;font-size:.9rem;font-weight:800;line-height:1;cursor:pointer}button:hover{transform:translateY(-1px)}button.secondary{background:#fff;color:var(--ink)}button.ghost{background:transparent;color:var(--muted);border-color:#aaa}.privacy{font-size:.79rem;color:var(--muted);margin:0}.result-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.result-head .compact{justify-content:flex-end;margin:0}.compact button{padding:8px 11px;font-size:.8rem}.empty{border:1px dashed #aaa;border-radius:14px;padding:22px;color:var(--muted)}.empty p{margin:8px 0 0}.summary{background:#e7fbf5;border-left:5px solid var(--spark);border-radius:10px;padding:14px;margin-bottom:18px}.summary p:last-child{margin-bottom:0}.option{border:1px solid var(--line);border-radius:14px;padding:15px;margin:12px 0}.option h3{font-size:1rem;margin-bottom:8px}.option .draft{background:#f7f5ef;border-radius:9px;padding:10px;margin-bottom:9px}.option p{font-size:.9rem;margin-bottom:6px}.tag{display:inline-block;background:#fff0c8;color:#6c4900;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:800}.checks{padding-left:20px}.checks li{margin:7px 0}.warning{color:var(--danger);font-weight:750}.output h3.block{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}footer{padding:30px 0 48px;color:#4e5360;font-size:.9rem}footer a{color:#006b56;font-weight:800}@media(max-width:850px){.promo,.layout{grid-template-columns:1fr}.output-panel{position:static}.promo{border-radius:18px}.result-head{display:block}}@media(max-width:560px){.two-cols{grid-template-columns:1fr}.panel{padding:18px}.wrap{width:min(100% - 20px,1180px)}h1{font-size:2.7rem}}@media print{body{background:#fff}.hero,.promo,.layout>.panel:first-child,footer,.compact{display:none}.layout{display:block}.panel{border:0;box-shadow:none;padding:0}.output-panel{position:static}}
