:root{color-scheme:light;--ink:#101b36;--muted:#63708a;--paper:#f4f6fb;--card:#fff;--accent:#e95c3d;--line:#dfe4ee;--ok:#167c5a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.65}button,input,textarea{font:inherit}.skip{position:absolute;inset-inline-start:-9999px}.skip:focus{inset-inline-start:1rem;top:1rem;background:#fff;padding:.5rem;z-index:10}header{padding:1rem max(1rem,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}header p{font-size:.8rem;margin:0;opacity:.75}.brand{display:flex;gap:.55rem;align-items:center}.brand span{display:grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:var(--accent);font-weight:900}main{width:min(100% - 2rem,68rem);margin:auto;padding-bottom:4rem}.hero{padding:2.5rem 0 1.5rem}.hero h1{font-size:clamp(1.75rem,7vw,3.6rem);line-height:1.2;margin:.35rem 0;max-width:18ch}.hero>p:last-child{color:var(--muted);max-width:55ch}.eyebrow{letter-spacing:.15em;font-size:.75rem;font-weight:800;color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;margin-bottom:1rem}.steps span{font-size:.72rem;padding:.5rem .2rem;border-bottom:2px solid var(--line);color:var(--muted);text-align:center}.steps .active{border-color:var(--accent);color:var(--ink);font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:1.1rem;padding:1.2rem;margin:1rem 0;box-shadow:0 8px 30px rgba(16,27,54,.05)}.card h2{margin-top:0}.products{display:grid;gap:.75rem}.product{border:1px solid var(--line);border-radius:.9rem;padding:1rem;text-align:start;background:#fff;color:var(--ink);cursor:pointer}.product:hover,.product:focus-visible{border-color:var(--accent);outline:3px solid rgba(233,92,61,.15)}label{display:grid;gap:.35rem;margin:.85rem 0;font-weight:650}input,textarea{width:100%;border:1px solid #bfc7d7;border-radius:.7rem;padding:.8rem;background:#fff;color:var(--ink)}input:focus,textarea:focus{outline:3px solid rgba(233,92,61,.18);border-color:var(--accent)}button{border:0;border-radius:.75rem;padding:.82rem 1rem;background:var(--accent);color:#fff;font-weight:750;cursor:pointer;min-height:46px}button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:#e9edf5;color:var(--ink);margin-inline-start:.4rem}.notice{padding:.8rem 1rem;background:#fff2cf;border:1px solid #e9ca67;border-radius:.75rem}.price-card h2{font-size:2rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.badge{display:inline-block;padding:.35rem .75rem;border-radius:999px;background:#e6f5ef;color:var(--ok);font-weight:800}pre{white-space:pre-wrap;word-break:break-word;background:#101b36;color:#fff;padding:1rem;border-radius:.75rem;direction:ltr;text-align:left}footer{text-align:center;padding:2rem;color:var(--muted);font-size:.8rem}@media(min-width:700px){main{width:min(100% - 4rem,68rem)}.card{padding:1.8rem}.products{grid-template-columns:repeat(2,1fr)}.hero{padding-top:4rem}}@media(prefers-reduced-motion:no-preference){.card{animation:rise .25s ease-out}@keyframes rise{from{opacity:.2;transform:translateY(6px)}}}