@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;600;700;800&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@500&display=swap');
:root{--ink:#0A0E1A;--spark:#00D4A4;--paper:#F5F1E8;--signal:#FFB81C;--white:#fff;--muted:#626671;--line:#d7d3ca;--danger:#a63a35}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,system-ui,sans-serif;line-height:1.55}.hero{background:var(--ink);color:#fff;padding:28px max(20px,calc((100vw - 1180px)/2)) 64px}.hero nav{display:flex;justify-content:space-between;gap:20px;margin-bottom:58px}.hero a{color:var(--spark);font-weight:700;text-decoration:none}.eyebrow{font:500 .76rem 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.12em;color:#08775f;margin:0 0 10px}.hero .eyebrow,.promo .eyebrow{color:var(--spark)}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(2.6rem,7vw,5.4rem);letter-spacing:-.055em;line-height:.92;max-width:1080px;margin:0}h2{font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.035em;line-height:1.08;margin:0}h3{margin:.2rem 0 .7rem}.lead{font-family:'Instrument Serif',serif;font-size:clamp(1.25rem,2.5vw,1.75rem);max-width:880px;margin:28px 0 0;color:#d8dce5}main{max-width:1180px;margin:auto;padding:32px 18px 70px}.promo{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;padding:28px;background:var(--ink);color:#fff;border-radius:24px;margin:-12px 0 28px;box-shadow:0 18px 50px #0a0e1a22}.promo p:not(.eyebrow){color:#cbd0d9}.video{aspect-ratio:16/9;border-radius:15px;overflow:hidden;background:#000}.video iframe{width:100%;height:100%;border:0}.workspace,.result{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,38px);box-shadow:0 14px 40px #0a0e1a0d}.result{margin-top:28px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.local,.badge{font:600 .75rem 'JetBrains Mono',monospace;background:#dff9f1;color:#08634f;border-radius:99px;padding:8px 11px;white-space:nowrap}.grid{display:grid;gap:16px}.two{grid-template-columns:repeat(2,1fr)}label{display:block;font-weight:650;margin:0 0 17px}input,textarea,select,button{font:inherit}input[type=text],input:not([type]),textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #bdb9b0;border-radius:10px;background:#fff;padding:11px;color:var(--ink)}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid #00d4a433;border-color:#08775f}fieldset{border:1px solid var(--line);border-radius:14px;padding:18px;margin:5px 0 20px}legend{font-weight:800;padding:0 8px}.hint{color:var(--muted);margin:0 0 12px}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 20px}.checks label{font-weight:500;margin:0}.checks input{accent-color:#08775f}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}button{border:1px solid #aaa69e;background:#fff;color:var(--ink);border-radius:999px;padding:11px 17px;font-weight:800;cursor:pointer}button.primary{background:#08775f;border-color:#08775f;color:#fff}button.ghost{border-color:transparent}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px}.report-grid article,.decision{border:1px solid var(--line);border-radius:15px;padding:18px;background:#faf9f5}.report-grid li{margin-bottom:8px}.warning{border-left:5px solid var(--signal);background:#fff4d9;padding:14px 17px;border-radius:8px;margin:0 0 20px}.warning.danger{border-color:var(--danger);background:#fdecea}.badge.high{background:#fdecea;color:#8b2722}.badge.medium{background:#fff0c5;color:#704c00}.decision{border-left:5px solid var(--spark);margin:18px 0}.privacy{font-size:.88rem;color:var(--muted);margin-top:22px}footer{text-align:center;padding:26px;background:var(--ink);color:#cbd0d9}@media(max-width:760px){.promo,.two,.checks,.report-grid{grid-template-columns:1fr}.hero nav{margin-bottom:40px}.section-head{display:block}.local,.badge{display:inline-block;margin-top:12px}}@media print{.hero nav,.promo,.actions,footer{display:none}.hero{padding:20px;background:#fff;color:#000}.hero .lead{color:#222}main{padding:10px}.workspace{display:none}.result{box-shadow:none;border:0}.result[hidden]{display:none}}
