/* beats-gear-reviews — Dark theme optimized for music producers */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;background:#0a0a0f;color:#e8e8ec;line-height:1.65;font-size:17px}
a{color:#8b5cf6;text-decoration:none}
a:hover{text-decoration:underline;color:#a78bfa}
img{max-width:100%;height:auto;display:block;border-radius:12px}
h1,h2,h3,h4{line-height:1.25;color:#fff;font-weight:700;letter-spacing:-0.02em}
h1{font-size:2.6rem;margin:0 0 0.5em}
h2{font-size:1.9rem;margin:2em 0 0.6em;border-bottom:1px solid #27272a;padding-bottom:0.3em}
h3{font-size:1.4rem;margin:1.6em 0 0.4em}
p{margin:0 0 1em}
ul,ol{padding-left:1.5em}
li{margin-bottom:0.5em}
code{background:#1a1a24;padding:0.15em 0.4em;border-radius:4px;font-family:"SF Mono",Menlo,monospace;font-size:0.9em}
.container{max-width:800px;margin:0 auto;padding:0 1.2rem}

/* Header */
header{background:#06060a;border-bottom:1px solid #1a1a24;padding:1rem 0;position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:rgba(6,6,10,0.9)}
header .container{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:-0.03em}
.logo span{color:#8b5cf6}
nav a{color:#a1a1aa;margin-left:1.5rem;font-size:0.95rem}
nav a:hover{color:#fff;text-decoration:none}

/* Hero promo bar */
.promo-bar{background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);color:#fff;text-align:center;padding:0.75rem 1rem;font-weight:600;font-size:0.95rem}
.promo-bar a{color:#fff;text-decoration:underline;font-weight:800}

/* Hero section */
.hero{padding:3rem 0 2rem;text-align:center}
.hero p.lead{font-size:1.25rem;color:#a1a1aa;max-width:620px;margin:0 auto 1.5rem}

/* Article content */
article{padding:1rem 0 3rem}
.meta{color:#71717a;font-size:0.9rem;margin-bottom:2rem}
.meta span{margin-right:1rem}

/* Product cards */
.product{background:#13131a;border:1px solid #1f1f28;border-radius:16px;padding:1.5rem;margin:1.5rem 0;position:relative;overflow:hidden}
.product.featured{border:2px solid #8b5cf6;box-shadow:0 0 40px rgba(139,92,246,0.15)}
.product.featured::before{content:"⭐ EDITOR'S PICK";position:absolute;top:0;right:0;background:#8b5cf6;color:#fff;font-size:0.75rem;font-weight:800;letter-spacing:0.08em;padding:0.4rem 0.9rem;border-radius:0 16px 0 12px}
.product h3{margin-top:0;color:#fff}
.product .rank{display:inline-block;background:#8b5cf6;color:#fff;width:28px;height:28px;line-height:28px;text-align:center;border-radius:50%;font-weight:800;font-size:0.9rem;margin-right:0.5rem}
.product .price{color:#10b981;font-weight:700;font-size:1.1rem}
.product .pros,.product .cons{margin-top:1em}
.product .pros strong{color:#10b981}
.product .cons strong{color:#f59e0b}
.product .cta{display:inline-block;background:#8b5cf6;color:#fff;padding:0.75rem 1.5rem;border-radius:10px;font-weight:700;margin-top:1rem;transition:background 0.2s}
.product .cta:hover{background:#7c3aed;text-decoration:none}
.product.featured .cta{background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%)}

/* Big CTA block */
.big-cta{background:linear-gradient(135deg,#1a0b2e 0%,#2d1b4e 100%);border:2px solid #8b5cf6;border-radius:16px;padding:2rem;margin:2.5rem 0;text-align:center}
.big-cta h3{margin-top:0;color:#fff}
.big-cta p{color:#d4d4d8;font-size:1.05rem}
.big-cta a.cta{display:inline-block;background:linear-gradient(135deg,#ec4899 0%,#8b5cf6 100%);color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:800;font-size:1.05rem;margin-top:1rem;letter-spacing:0.02em}
.big-cta a.cta:hover{text-decoration:none;transform:translateY(-2px);transition:transform 0.2s}

/* Footer */
footer{background:#06060a;border-top:1px solid #1a1a24;padding:2rem 0;margin-top:4rem;color:#71717a;text-align:center;font-size:0.9rem}
footer a{color:#a1a1aa}
footer p{margin:0.5em 0}

/* Articles grid (homepage) */
.articles-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}
@media(min-width:720px){.articles-grid{grid-template-columns:repeat(2,1fr)}}
.article-card{background:#13131a;border:1px solid #1f1f28;border-radius:16px;padding:1.5rem;transition:border-color 0.2s,transform 0.2s}
.article-card:hover{border-color:#8b5cf6;transform:translateY(-2px);text-decoration:none}
.article-card h3{margin:0 0 0.5em;color:#fff;font-size:1.2rem}
.article-card p{color:#a1a1aa;margin:0;font-size:0.95rem}
.article-card .read-more{color:#8b5cf6;font-weight:600;margin-top:0.8em;display:inline-block;font-size:0.9rem}

/* Mobile */
@media(max-width:640px){
  h1{font-size:2rem}
  h2{font-size:1.5rem}
  .hero{padding:2rem 0}
  nav a{margin-left:0.8rem;font-size:0.85rem}
  .product{padding:1rem}
}