:root{
  --accent:#7F00FF;
  --ink:#111;
  --muted:#6b7280;
  --bg:#ffffff;
  --container:1100px;
  --radius:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji';color:var(--ink);background:var(--bg)}
a{color:inherit}
img{max-width:100%;height:auto}
/* Header */
.header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid #eee}
.header__in{max-width:var(--container);margin:auto;display:flex;align-items:center;gap:20px;padding:12px 20px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}
.brand__logo{height:44px;width:auto}
.nav{margin-left:auto;display:flex;gap:18px;align-items:center}
.nav a{position:relative;text-decoration:none;font-weight:600;padding:8px 0}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav a:hover:after{transform:scaleX(1)}
.burger{display:none;border:1px solid #eee;border-radius:10px;padding:8px 10px;background:#fff}
/* Hero */
.hero{border-bottom:1px solid #eee}
.hero__in{max-width:var(--container);margin:auto;padding:72px 20px 36px}
.hero h1{font-size:40px;line-height:1.2;margin:0 0 12px}
.hero p{color:#555;font-size:18px;margin:0 0 18px}
.btn{display:inline-block;padding:12px 20px;border:2px solid var(--accent);border-radius:999px;color:var(--accent);text-decoration:none;font-weight:700}
.btn:hover{background:var(--accent);color:#fff}
/* Sections */
.section{max-width:var(--container);margin:auto;padding:48px 20px}
.section h2{font-size:30px;margin:0 0 18px}
.section h2:before{content:"";display:block;width:52px;height:3px;background:var(--accent);border-radius:999px;margin:0 0 12px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{border:1px solid #eee;border-radius:var(--radius);padding:18px;transition:.2s}
.card:hover{border-color:var(--accent);transform:translateY(-2px)}
.card__icon{color:var(--accent);margin-bottom:10px}
.card__icon svg{width:40px;height:40px;stroke:currentColor;fill:none}
/* Footer */
.footer{border-top:1px solid #eee}
.footer__in{max-width:var(--container);margin:auto;padding:24px 20px;color:#666;text-align:center}
/* Anchors offset */
#pvc-open,#product-promo,#pvc-manage,#pvc-rating,#pvc-ads,#pvc-pick,#product-pick,#problems{scroll-margin-top:84px}
/* Mobile */
@media (max-width: 920px){
  .nav{display:none}
  .burger{display:block;margin-left:auto}
  .grid-3{grid-template-columns:1fr}
  .hero h1{font-size:32px}
}
/* Dark mode */
@media (prefers-color-scheme: dark){
  body{background:#0b0b0b;color:#f2f2f2}
  .header,.footer{background:#0b0b0b}
  .header{border-bottom-color:#222}
  .footer{border-top-color:#222}
  .card{border-color:#222;background:#111}
  .card:hover{border-color:#555}
  .hero{border-bottom-color:#222}
  .hero p{color:#bbb}
}