:root{color-scheme:light;--ink:#0f172a;--muted:#475569;--line:#dbe4ef;--brand:#0f766e;--brand2:#1d4ed8;--soft:#f1f5f9;--card:#ffffff;--warn:#fff7ed}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#eff6ff 0,#f8fafc 320px);color:var(--ink)}.hero{padding:52px 20px 34px;max-width:1120px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:900;color:var(--brand);margin:0 0 10px}.hero h1{font-size:clamp(2.1rem,6vw,4.6rem);line-height:.96;margin:0 0 16px;max-width:900px}.hero p:not(.eyebrow){font-size:1.16rem;max-width:760px;color:var(--muted)}main{max-width:1120px;margin:auto;padding:0 18px 48px}.promo{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:22px;align-items:center;background:#ecfeff;border:1px solid #bae6fd;border-radius:24px;padding:22px;margin:0 0 22px;box-shadow:0 16px 45px rgba(15,23,42,.08)}.promo h2{margin:.1rem 0 .5rem;font-size:1.55rem}.promo p{color:var(--muted)}iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:18px;background:#0f172a}.tool{display:grid;grid-template-columns:minmax(270px,.9fr) minmax(320px,1.1fr);gap:18px}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.intro{grid-column:1/-1}.intro h2,.result h2{margin-top:0}.form{display:grid;gap:14px}label{display:grid;gap:7px;font-weight:800}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:14px;padding:12px 13px;font:inherit;color:var(--ink);background:#fff}textarea{resize:vertical}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}button{border:0;border-radius:999px;padding:11px 15px;font-weight:900;cursor:pointer;background:var(--brand);color:#fff}button:nth-child(2){background:var(--brand2)}button:nth-child(3){background:#334155}.result textarea{min-height:560px}.note{font-size:.92rem;color:#7c2d12;background:var(--warn);border:1px solid #fed7aa;border-radius:14px;padding:10px}footer{text-align:center;padding:26px;color:var(--muted)}footer a{color:var(--brand);font-weight:900}@media (max-width:780px){.promo,.tool{grid-template-columns:1fr}.hero{padding-top:34px}.result textarea{min-height:440px}}@media print{.promo,.form,.actions,footer{display:none}body{background:#fff}.panel{box-shadow:none;border:0}.tool{display:block}.result textarea{border:0;min-height:900px}}