:root{
  --smkt-red:#e50914;
  --smkt-black:#111111;
  --smkt-gray:#f5f6f7;
}
.smkt-container{max-width:1100px;margin:0 auto;padding:2rem;}
.smkt-section{padding:3rem 0;background:#fff;}
.hero{background:linear-gradient(135deg,var(--smkt-black),#000);color:#fff;}
.hero--small{padding:4rem 0;}
.hero--tiny{padding:2rem 0;}
.smkt-title{font-size:2.4rem;font-weight:800;letter-spacing:0.5px;}
.smkt-subtitle{opacity:.9;margin-top:.25rem}
.smkt-cta{margin-top:1rem;display:flex;gap:.75rem;flex-wrap:wrap}
.smkt-btn{display:inline-block;padding:.75rem 1.1rem;border-radius:999px;font-weight:700;text-decoration:none;border:1px solid var(--smkt-red)}
.smkt-btn-primary{background:var(--smkt-red);color:#fff;}
.smkt-btn-outline{background:transparent;color:#fff;}
.smkt-h2{font-size:1.6rem;font-weight:800;margin:0 0 1rem 0;color:var(--smkt-black)}
.categories{background:var(--smkt-gray);}
.smkt-grid{display:grid;gap:1rem}
.smkt-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.smkt-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1rem}
.smkt-step{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:1rem}
.smkt-step-num{position:absolute;top:-12px;left:-12px;background:var(--smkt-red);color:#fff;border-radius:999px;width:32px;height:32px;display:grid;place-items:center;font-weight:800}
.smkt-shortcode{border:1px dashed #e5e7eb;border-radius:12px;padding:1rem;background:#fff}
.smkt-faq details{border:1px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;margin:.5rem 0;background:#fff}
@media (max-width:900px){
  .smkt-3{grid-template-columns:1fr;}
}