:root{--bg:#f7f4ed;--ink:#1b2422;--muted:#66716f;--line:#d9d3c8;--panel:#fffdf7;--accent:#0f766e;--accent2:#2f5d8c}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.hero{align-content:start;min-height:92vh;padding:26px max(24px,6vw) 54px;display:grid}nav{justify-content:space-between;align-items:center;margin-bottom:72px;display:flex}nav a,.back{color:var(--muted)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:42px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:12px;font-weight:750}h1{letter-spacing:0;margin:0 0 20px;font-size:clamp(44px,7vw,92px);line-height:.94}h2{letter-spacing:0;font-size:24px;line-height:1.18}.lede{color:var(--muted);max-width:720px;font-size:20px;line-height:1.5}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button,button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:8px;min-height:44px;padding:12px 16px}.button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.product-panel,.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 60px #20231f1a}.product-panel{gap:10px;padding:24px;display:grid}.product-panel span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.band{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:24px;padding:44px max(24px,6vw) 70px;display:grid}.product-page{padding:28px max(24px,7vw)}.product-shell{grid-template-columns:minmax(0,.85fr) minmax(320px,520px);gap:28px;margin-top:48px;display:grid}.panel{gap:14px;padding:22px;display:grid}label{color:var(--muted);gap:7px;font-weight:650;display:grid}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;background:#fff;border-radius:8px;padding:12px}textarea{resize:vertical;min-height:150px}.result ul{color:var(--muted);margin:0;padding-left:18px}small{color:var(--muted)}@media (max-width:820px){.hero-grid,.band,.product-shell{grid-template-columns:1fr}nav{margin-bottom:44px}h1{font-size:44px}}
