*{box-sizing:border-box}html,body{color:#e2e8f0;background:#0f172a;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}a{color:#93c5fd;text-decoration:none}a:hover{text-decoration:underline}.container{width:min(1100px,100% - 2rem);margin:0 auto}.site-header{background:#111827;border-bottom:1px solid #334155;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.nav nav{flex-wrap:wrap;gap:1rem;display:flex}.brand{font-size:1.1rem;font-weight:700}.site-footer{color:#94a3b8;border-top:1px solid #334155;margin-top:3rem;padding:1.5rem 0}.hero{padding:3rem 0 2rem}.hero h1{margin-bottom:.5rem;font-size:2.3rem}.hero p{color:#cbd5e1;max-width:750px;font-size:1.05rem}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.card{background:#111827;border:1px solid #334155;border-radius:14px;padding:1rem}.card img{border-radius:10px;width:100%;margin-bottom:1rem}.badge{color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:999px;padding:.2rem .6rem;font-size:.85rem;display:inline-block}.price{margin:.5rem 0;font-size:1.25rem;font-weight:700}.button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:.75rem 1rem;font-weight:600;display:inline-block}.button.secondary{background:#1e293b;border:1px solid #334155}.section{margin-top:2rem}.codebox{color:#bfdbfe;background:#020617;border:1px solid #334155;border-radius:10px;margin-top:1rem;padding:1rem;overflow-x:auto}.brand-wrap{align-items:center;gap:.75rem;text-decoration:none;display:flex}.brand-logo{object-fit:contain;background:#0b1220;border:1px solid #334155;border-radius:10px;width:48px;height:48px;padding:.35rem}.brand-text{flex-direction:column;line-height:1.1;display:flex}.brand-title{color:#e2e8f0;font-size:1rem;font-weight:800}.brand-subtitle{color:#94a3b8;font-size:.8rem}.main-nav{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.main-nav a{color:#cbd5e1;font-weight:600}.main-nav a:hover{color:#93c5fd}.footer-wrap{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}