*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0c1017;color:#f2f5fa;font-family:Arial,Helvetica,sans-serif;line-height:1.5}button,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #79d8a5;outline-offset:3px}button:disabled{opacity:.4;cursor:not-allowed}a{color:#79d8a5;text-decoration:none}.shell{max-width:1180px;margin:auto;padding:22px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 0 22px}.brand{font-size:22px;letter-spacing:.06em}nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tabs button,nav button{background:transparent;color:#dbe6f1;border:1px solid #273344;padding:10px 12px;border-radius:9px}.tabs .active,nav button:hover{border-color:#79d8a5;color:#79d8a5}select{background:#151d29;color:#f2f5fa;border:1px solid #39495d;padding:10px;border-radius:8px;max-width:100%}.lang{white-space:nowrap}.demo{background:#2c261b;border:1px solid #6b542d;border-radius:9px;color:#f1be70;padding:10px 14px;font-size:13px}.hero{margin:26px 0 34px;background:linear-gradient(120deg,#152536,#101821);border:1px solid #273344;border-radius:18px;padding:clamp(24px,5vw,70px)}.hero h1{max-width:680px;font-size:clamp(28px,4vw,48px);line-height:1.12}.card p,.hero p{color:#a9b7c7}.eyebrow{color:#79d8a5;letter-spacing:.13em;font-size:12px;font-weight:700}.primary{border:0;background:#79d8a5;color:#0b2117;border-radius:9px;padding:11px 15px;font-weight:700;min-height:44px}.cardrow,.cartrow,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.toolbar{margin:20px 0}.tabs{display:flex;gap:8px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));grid-gap:16px;gap:16px}.card{background:#151d29;border:1px solid #273344;border-radius:14px;padding:18px}.card h2{font-size:19px;margin:8px 0}.placeholder{display:grid;place-items:center;background:linear-gradient(145deg,#213748,#111c2a);height:155px;border-radius:10px;font-size:52px}.ok,.placeholder{color:#79d8a5}.note,.warn{color:#f1be70}.cart{margin:32px 0;background:#151d29;padding:22px;border:1px solid #273344;border-radius:14px}.cartrow{border-bottom:1px solid #273344;padding:12px 0}.qty{display:flex;gap:12px;align-items:center}.qty button{min-width:44px;min-height:44px;background:#263548;color:white;border:0;border-radius:8px}footer{margin-top:50px;color:#a9b7c7;border-top:1px solid #273344;padding:20px 0}@media(max-width:650px){.shell{padding:12px}header{align-items:flex-start}nav{width:100%}.hero{padding:24px}.cards{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.onboarding{max-width:960px}.onboarding .hero{margin:12px 0 20px}.onboarding .hero h1{font-size:clamp(26px,4vw,42px)}.onboarding .card{margin-bottom:16px}.onboarding input{display:block;width:100%;margin:8px 0 16px;background:#0c1017;color:#f2f5fa;border:1px solid #39495d;padding:13px;border-radius:9px}.onboarding input:focus-visible{outline:3px solid #79d8a5}.onboarding .statuscards .card{margin:0}.onboarding .card h2{overflow-wrap:anywhere}.onboarding textarea{display:block;width:100%;min-height:110px;margin:8px 0 16px;background:#0c1017;color:#f2f5fa;border:1px solid #39495d;padding:13px;border-radius:9px}.onboarding textarea:focus-visible{outline:3px solid #79d8a5}