:root{--bg:#1a1b18;--surface:#232420;--text:#f3f2ea;--text-muted:#a6a89c;--accent:#f4c430;--accent-text:#2a2410;--accent-soft-bg:#332c12;--accent-soft-text:#f4c430;--border:#36352e;--pill-off-text:#c9c7bc;--pill-off-border:#36352e;--pill-on-bg:#f4c430;--pill-on-text:#2a2410;--light-bg:#f6f4ee;--light-text:#1a1b18;--light-muted:#5d5b51;--light-border:#e6e2d6;--font-serif:Georgia,"Times New Roman",serif;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,Menlo,Consolas,monospace;--container:1120px;--radius:10px}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--light-bg);color:var(--light-text);line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.15;margin:0 0 .5em}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono)}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:64px 0}.section--dark{background:var(--bg);color:var(--text)}.section--light{background:var(--light-bg);color:var(--light-text)}.hero{background:var(--bg);color:var(--text);padding:72px 0 88px}.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);max-width:16ch}.hero p.lead{color:var(--text-muted);font-size:1.15rem;max-width:52ch}.hero__grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:40px;gap:40px;align-items:center}@media (max-width:860px){.hero__grid{grid-template-columns:1fr}}.hero-visual{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:300px}.hero-visual__img{max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.55))}.hero-visual__shadow{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);width:66%;height:26px;background:radial-gradient(ellipse at center,rgba(0,0,0,.42) 0,rgba(0,0,0,0) 70%);border-radius:50%}.hero-showcase .pills{margin-top:22px}.card__thumb{display:block;width:100%;height:120px;object-fit:contain;margin-bottom:12px}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-soft-text);background:var(--accent-soft-bg);padding:4px 10px;border-radius:999px}.pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.pill{border:1px solid var(--pill-off-border);color:var(--pill-off-text);background:transparent;padding:9px 16px;border-radius:999px;font-size:.95rem;cursor:pointer;transition:all .12s ease}.pill:hover{border-color:var(--accent);color:var(--text)}.pill[aria-pressed=true]{background:var(--pill-on-bg);color:var(--pill-on-text);border-color:var(--pill-on-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--radius);font-weight:600;border:1px solid transparent;cursor:pointer}.btn--accent{background:var(--accent);color:var(--accent-text)}.btn--accent:hover{filter:brightness(1.05)}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}.start-bar{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.start-bar input{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:var(--radius);font-size:1rem;min-width:160px}.start-bar input::placeholder{color:var(--text-muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px;margin-top:32px}.step__num{font-family:var(--font-serif);font-size:2rem;color:var(--accent)}@media (max-width:760px){.steps{grid-template-columns:1fr 1fr}}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-top:28px}.card{border:1px solid var(--light-border);border-radius:var(--radius);padding:20px;background:#fff;transition:border-color .12s ease}.card:hover{border-color:var(--accent)}.card h3{font-size:1.15rem;margin-bottom:4px}.card .code{font-family:var(--font-mono);font-size:.8rem;color:var(--light-muted)}.site-header{background:var(--bg);color:var(--text);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-family:var(--font-serif);font-size:1.25rem;font-weight:600}.logo .tld{color:var(--accent)}.nav{display:flex;gap:22px;font-size:.95rem;color:var(--text-muted)}.nav a:hover{color:var(--text)}.site-footer{background:var(--bg);color:var(--text-muted);padding:48px 0;font-size:.9rem;border-top:1px solid var(--border)}.wizard{max-width:760px}.wizard__steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;font-size:.85rem;color:var(--light-muted)}.wizard__step{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1px solid var(--light-border)}.wizard__step--active{border-color:var(--accent);color:var(--light-text);font-weight:600}.wizard__step--done{background:var(--accent-soft-bg);color:var(--accent);border-color:transparent}.field{margin-bottom:18px}.field label{display:block;font-weight:600;margin-bottom:6px}.field input,.field select{width:100%;padding:11px 14px;border:1px solid var(--light-border);border-radius:var(--radius);font-size:1rem;background:#fff;color:var(--light-text)}.field--row{display:flex;gap:16px}.field--row>*{flex:1 1}.option-list{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:600px){.option-list{grid-template-columns:1fr}}.option{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--light-border);border-radius:var(--radius);cursor:pointer}.option--on{border-color:var(--accent);background:#fffdf2}.issues{border-left:3px solid #c0392b;background:#fdf0ee;padding:12px 16px;border-radius:6px;margin:16px 0;font-size:.9rem}.issues ul{margin:6px 0 0;padding-left:18px}.wizard__nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.quote-box{border:1px solid var(--light-border);border-radius:var(--radius);padding:24px;background:#fff}.quote-box table{width:100%;border-collapse:collapse}.quote-box td{padding:6px 0;border-bottom:1px solid var(--light-border)}.quote-box td:last-child{text-align:right;font-family:var(--font-mono)}.quote-box tr.total td{font-weight:700;font-size:1.1rem;border-bottom:none}.badge-b{display:inline-block;background:var(--accent-soft-bg);color:var(--accent);padding:4px 12px;border-radius:999px;font-family:var(--font-mono);font-size:.8rem}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg);color:var(--text);border-top:1px solid var(--border)}.cookie-banner__inner{max-width:var(--container);margin:0 auto;padding:16px 24px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:.9rem}.cookie-banner__inner p{margin:0;max-width:64ch}.cookie-banner__actions{display:flex;gap:10px;flex-wrap:wrap}.cookie-banner .btn--ghost{color:var(--text);border-color:var(--border)}.nav-toggle{display:none;background:transparent;border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 10px;font-size:1.1rem;cursor:pointer}@media (max-width:760px){.nav-toggle{display:inline-flex}.nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--border);padding:8px 24px 16px;z-index:90}.nav--open{display:flex}.nav a{padding:10px 0;border-bottom:1px solid var(--border)}.site-header .container{position:relative}}