:root { --ink:#120b05; --muted:#6b5a48; --cream:#fff6e6; --sun:#ffc233; --orange:#ff8a00; --fire:#ff5f1f; --night:#0d1828; --max:1120px; }
    * { box-sizing: border-box; }
    body { margin: 0; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: var(--ink); background: var(--cream); line-height: 1.5; }
    a { color: inherit; }
    .wrap { width: min(100% - 1.25rem, var(--max)); margin: 0 auto; }
    .top { background: linear-gradient(90deg, var(--fire), var(--orange), var(--sun)); padding: .55rem 0; text-align: center; font-weight: 900; font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; }
    header { position: sticky; top: 0; z-index: 10; background: rgba(255,246,230,.94); border-bottom: 1px solid rgba(18,11,5,.08); backdrop-filter: blur(12px); }
    .head { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.9rem 0; }
    .logo { font-weight: 950; text-decoration:none; letter-spacing:.04em; }
    .logo span { color: var(--orange); }
    .nav { display:flex; flex-wrap:wrap; gap:.8rem; font-size:.9rem; font-weight:800; }
    .nav a { text-decoration:none; color: var(--muted); }
    .hero { color:#fff; background: linear-gradient(180deg, rgba(13,24,40,.72), rgba(13,24,40,.92)), var(--hero) center/cover; padding: clamp(3.5rem, 9vw, 7rem) 0; }
    .hero-grid { display:grid; gap:2rem; align-items:end; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); }
    .eyebrow { display:inline-flex; padding:.5rem .75rem; border-radius:999px; background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.25); font-weight:900; font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }
    h1 { margin:.9rem 0 .7rem; font-size: clamp(2.4rem, 7vw, 5rem); line-height:.98; letter-spacing:-.05em; text-transform:uppercase; }
    .lead { max-width: 45rem; color:#fff4dc; font-size:1.1rem; font-weight:650; }
    .price { display:inline-flex; margin-top:1.2rem; padding:.75rem 1rem; border-radius:999px; background:#fff; color:var(--ink); font-weight:950; }
    .panel { background:#fff; border-radius:18px; padding:1.1rem; color:var(--ink); box-shadow:0 24px 60px rgba(0,0,0,.25); }
    .field { display:grid; gap:.35rem; margin-bottom:.75rem; }
    label { color:var(--muted); font-size:.76rem; font-weight:900; text-transform:uppercase; letter-spacing:.08em; }
    input, select { width:100%; min-height:3rem; border-radius:12px; border:1px solid rgba(18,11,5,.15); padding:.8rem .9rem; font:inherit; }
    button, .btn { display:inline-flex; align-items:center; justify-content:center; min-height:3rem; width:100%; border:0; border-radius:999px; padding:.85rem 1rem; color:#1a1200; background:linear-gradient(135deg,var(--sun),var(--orange),var(--fire)); font-weight:950; text-decoration:none; cursor:pointer; }
    .msg { display:none; margin:.75rem 0 0; padding:.75rem; border-radius:12px; font-weight:800; }
    .msg.ok { background:#e8ffe9; color:#14551f; }
    .msg.err { background:#fff0e8; color:#692100; }
    section { padding: clamp(2.5rem, 6vw, 4.5rem) 0; }
    h2 { margin:0 0 1rem; font-size: clamp(1.6rem, 4vw, 2.6rem); line-height:1.05; letter-spacing:-.03em; text-transform:uppercase; }
    .grid { display:grid; gap:1rem; grid-template-columns: repeat(3, minmax(0,1fr)); }
    .card { background:#fff; border:1px solid rgba(18,11,5,.08); border-radius:18px; padding:1.1rem; box-shadow:0 16px 40px rgba(15,25,40,.08); }
    .card strong { display:block; margin-bottom:.35rem; }
    .muted { color:var(--muted); }
    .links { display:flex; flex-wrap:wrap; gap:.6rem; }
    .links a { border:1px solid rgba(18,11,5,.14); border-radius:999px; padding:.55rem .8rem; text-decoration:none; font-weight:850; background:#fff; }
    .crumbs { margin-bottom: 1rem; }
    .crumbs a { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.18); color: #fff4dc; }
    footer { background:var(--night); color:#fff4dc; padding:2rem 0; text-align:center; }
    @media (max-width: 820px) { .hero-grid, .grid { grid-template-columns:1fr; } .head { align-items:flex-start; flex-direction:column; } .nav { gap:.55rem; } }