body{margin:0}
body{background:#090907;color:#f7f3e8;font-family:system-ui,sans-serif}
*{box-sizing:border-box}
.topbar{display:flex;justify-content:space-between;gap:16px;padding:18px 48px;background:#111;border-bottom:1px solid #333}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand>span{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:#e0b45d;color:#15110a;font-weight:900}
.brand small{display:block;color:#b7b09f}
.mode-switch,.site-tabs,.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.mode-switch button,.site-tabs button,.hero-actions button{border:1px solid #444;border-radius:999px;background:#1a1a13;color:#fff;padding:10px 14px;font-weight:800}
.mode-switch .active,.site-tabs .active,.hero-actions button{background:#e0b45d;color:#15110a}
.site-tabs{padding:18px 48px}.site-tabs button{display:grid;text-align:left}.site-tabs small{color:#b7b09f}
.storefront,.cockpit{padding:0 48px 56px}
.storefront{padding:0 48px 56px}
.store-hero{padding:64px}
.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}
.product-card{overflow:hidden;border:1px solid #333;border-radius:30px;background:#171711}
.product-art{min-height:210px;background:linear-gradient(135deg,#3a2d19,#111);position:relative}
.product-art span{position:absolute;left:14px;top:14px;padding:7px 10px;border-radius:999px;background:#fff;color:#15110a;font-size:.72rem;font-weight:900}
.product-copy{padding:20px}.product-copy h3{margin:8px 0;font-size:1.25rem}.product-copy p{color:#b7b09f;line-height:1.45}
.score-row{display:flex;align-items:center;gap:10px}.score-row strong{font-size:2rem;color:#7ddc9b}.score-row span{color:#b7b09f;font-size:.72rem;text-transform:uppercase;font-weight:900}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.metrics span{padding:10px;border-radius:16px;background:#222;font-weight:900}.metrics small{display:block;color:#b7b09f;font-size:.65rem}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.badges b{padding:6px 8px;border-radius:999px;background:#2a2112;color:#f0d087;font-size:.7rem}
.product-copy a{display:inline-block;margin-top:6px;color:#8fd3ff;font-weight:900}
.cockpit-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.cockpit-cards article{padding:18px;border:1px solid #333;border-radius:24px;background:#171711}.cockpit-cards strong{display:block;font-size:2.4rem;color:#7ddc9b}
.table-wrap{overflow:auto;border:1px solid #333;border-radius:24px;background:#111}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:14px;border-bottom:1px solid #333;text-align:left}th{color:#f0d087;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}td small{display:block;color:#b7b09f}
@media(max-width:1100px){.store-grid{grid-template-columns:repeat(2,1fr)}.store-hero{grid-template-columns:1fr}.cockpit-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{position:static;align-items:flex-start;flex-direction:column}.store-grid,.cockpit-cards{grid-template-columns:1fr}.store-hero h1,.cockpit h1{font-size:4rem}.site-tabs button{width:100%}}