:root{--ink:#172033;--muted:#5b6475;--paper:#fff;--wash:#f3f6fb;--accent:#3157d5;--border:#dfe5ef;--good:#17633c;--bad:#9b2530}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}.wrap{width:min(1100px,calc(100% - 32px));margin:auto}.top{position:sticky;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);z-index:5}.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.nav nav{display:flex;gap:18px;align-items:center}a{color:var(--accent);text-decoration:none}.button{display:inline-block;border:0;border-radius:10px;background:var(--accent);color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.button:disabled{opacity:.55;cursor:wait}.hero{padding:80px 0;background:linear-gradient(135deg,#f7f9ff,#eef3ff)}.hero-grid,.order-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:40px;align-items:start}h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.02;margin:.15em 0}.lead{font-size:1.18rem;color:var(--muted);max-width:700px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--accent);font-size:.78rem}.section{padding:72px 0}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:0 16px 40px rgba(31,47,92,.08)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.steps article{border:1px solid var(--border);border-radius:16px;padding:22px;background:var(--wash)}.steps b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff}form{display:grid;gap:15px}label{display:grid;gap:6px;font-weight:700}input,textarea{width:100%;border:1px solid #bfc8d8;border-radius:9px;padding:11px;font:inherit}textarea{min-height:120px;resize:vertical}.check{display:flex;align-items:flex-start;font-weight:400}.check input{width:auto;margin-top:5px}.status{min-height:24px;margin:0}.status.good{color:var(--good)}.status.bad{color:var(--bad)}footer{border-top:1px solid var(--border);padding:28px 0;color:var(--muted)}.build{float:right;font-size:.8rem}@media(max-width:780px){.hero-grid,.order-grid,.steps{grid-template-columns:1fr}.nav nav a:first-child{display:none}.build{float:none;display:block;margin-top:8px}}
