* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Barlow', sans-serif; background: #fef2f2; color: #1c1917; }
.nav {
  display: flex; justify-content: space-between; align-items: center;
  padding: 1rem 2rem; background: #1c1917; color: #fff; flex-wrap: wrap; gap: 1rem;
}
.nav span { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; letter-spacing: 0.05em; color: #f97316; }
.nav div { display: flex; gap: 1.25rem; flex-wrap: wrap; }
.nav a { color: #d6d3d1; text-decoration: none; font-weight: 500; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.05em; }
.nav a:hover { color: #f97316; }
.hero {
  position: relative; padding: 5rem 2rem 4rem; overflow: hidden;
  background: #fff; border-bottom: 6px solid #f97316;
}
.shape { position: absolute; background: #f97316; }
.shape.a { width: 200px; height: 200px; top: -40px; right: 10%; transform: rotate(15deg); opacity: 0.9; }
.shape.b { width: 120px; height: 120px; bottom: 20px; left: 5%; background: #1c1917; transform: rotate(-8deg); }
.hero h1 {
  font-family: 'Bebas Neue', sans-serif; font-size: clamp(2.5rem, 7vw, 4.5rem);
  line-height: 0.95; max-width: 700px; position: relative; letter-spacing: 0.02em;
}
.hero p { max-width: 480px; margin-top: 1.5rem; line-height: 1.7; color: #57534e; position: relative; font-size: 1.05rem; }
.block { padding: 3rem 2rem; max-width: 900px; margin: 0 auto; }
.block.dark { background: #1c1917; color: #fff; max-width: 100%; }
.block.dark h2, .block.dark .grid-6 { max-width: 900px; margin-left: auto; margin-right: auto; }
.block h2 { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; letter-spacing: 0.05em; color: #ea580c; margin-bottom: 1.25rem; }
.block.dark h2 { color: #f97316; }
.block p { line-height: 1.8; color: #44403c; margin-bottom: 1rem; }
.block.dark p { color: #d6d3d1; }
.grid-6 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; background: #f97316; }
.grid-6 div { background: #292524; padding: 1.5rem; font-weight: 600; text-align: center; font-size: 0.95rem; }
.brutal-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 3px solid #1c1917; }
.bs { border-right: 3px solid #1c1917; padding: 1.5rem 1rem; text-align: center; }
.bs:last-child { border-right: none; }
.bs span { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; color: #f97316; display: block; margin-bottom: 0.35rem; }
.bs p { font-size: 0.85rem; color: #57534e; }
.commitment { background: #f97316; color: #1c1917; text-align: center; padding: 2rem; font-weight: 500; }
.commitment a { color: #1c1917; font-weight: 600; }
.pricing { padding: 3rem 2rem; max-width: 800px; margin: 0 auto; }
.pricing h2 { font-family: 'Bebas Neue', sans-serif; font-size: 2rem; color: #ea580c; text-align: center; margin-bottom: 2rem; letter-spacing: 0.05em; }
.tier-box { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 3px solid #1c1917; }
.tier-box article { padding: 2rem; border-right: 3px solid #1c1917; }
.tier-box article:last-child { border-right: none; }
.tier-box .hot { background: #fff7ed; }
.tier-box h3 { font-family: 'Bebas Neue', sans-serif; font-size: 1.5rem; color: #ea580c; margin-bottom: 0.75rem; }
.tier-box p, .tier-feats { color: #44403c; font-size: 0.9rem; line-height: 1.6; }
.tier-feats { list-style: square; margin: 1rem 0 1rem 1.25rem; }
.price { font-family: 'Bebas Neue', sans-serif; font-size: 2.5rem; margin: 1rem 0; }
.btn { display: inline-block; background: #f97316; color: #1c1917; padding: 0.75rem 1.5rem; text-decoration: none; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; border: 2px solid #1c1917; }
.btn-black { background: #1c1917; color: #f97316; border-color: #1c1917; }
.faq details { border: 2px solid #1c1917; padding: 1rem; margin-bottom: 0.5rem; background: #fff; }
.faq summary { font-weight: 600; cursor: pointer; text-transform: uppercase; font-size: 0.9rem; letter-spacing: 0.03em; }
.faq p { margin-top: 0.5rem; color: #57534e; font-size: 0.9rem; }
footer { text-align: center; padding: 2rem; background: #1c1917; color: #78716c; font-size: 0.85rem; }
footer a { color: #f97316; }
@media (max-width: 768px) {
  .grid-6, .brutal-steps, .tier-box { grid-template-columns: 1fr; }
  .bs, .tier-box article { border-right: none; border-bottom: 3px solid #1c1917; }
  .shape.a { width: 100px; height: 100px; }
}