:root{--background:#fff;--foreground:#1a1a1a;--primary:#06c;--primary-hover:#0052a3;--secondary:#f5f5f5;--accent:#ff6b35;--text-muted:#666;--card-bg:#fff;--card-border:#e0e0e0;--success:#10b981;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary)}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700;line-height:1.2}h1{color:var(--foreground);font-size:2.5rem}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;padding:1.5rem;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 4px #0000000d}.card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.grid{gap:2rem;display:grid}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section-title{text-align:center;margin-bottom:2rem;font-size:2rem}.badge{text-transform:uppercase;letter-spacing:.5px;background-color:var(--secondary);color:var(--text-muted);border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.price{color:var(--accent);font-size:1.75rem;font-weight:700}.savings-tip{border-left:3px solid var(--success);color:#065f46;background-color:#f0fdf4;border-radius:.25rem;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.6}