:root{
  --yellow:#ffe200;
  --dark:#050505;
  --text:#252525;
  --muted:#f5f5f5;
  --accent:#ff1f1f;
  --green:#6dbb00;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.55}
img{max-width:100%;display:block;height:auto}
.container{width:min(1140px,92vw);margin:0 auto}
.hero{background:var(--dark);color:#fff;padding:28px 0 22px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:0.92fr 1.08fr;gap:22px;align-items:center;min-height:620px}
.brand{display:inline-block;background:var(--yellow);color:#000;font-size:42px;font-weight:900;letter-spacing:.2px;padding:8px 24px;margin-bottom:18px;clip-path:polygon(0 0,92% 0,100% 50%,92% 100%,0 100%,6% 50%)}
h1{font-size:42px;line-height:1.12;margin:0 0 24px;font-weight:900;text-transform:none}
.benefits{list-style:none;margin:0 0 26px;padding:0}
.benefits li{position:relative;font-size:20px;font-weight:700;padding-left:34px;margin:13px 0}
.benefits li:before{content:'✓';position:absolute;left:0;top:-2px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:#000;font-size:18px;font-weight:900}
.offer-card{background:var(--yellow);color:#000;padding:18px 22px;margin:0 0 22px;display:inline-block;min-width:310px;box-shadow:0 8px 0 rgba(255,255,255,.08)}
.offer-card span{display:block;font-weight:900;font-size:24px;text-transform:uppercase}
.offer-card strong{display:block;font-size:17px;margin-top:4px}
.offer-card b{display:block;color:var(--accent);font-size:34px;line-height:1;margin-top:8px}
.btn{display:inline-block;background:var(--yellow);color:#000;text-decoration:none;font-weight:900;font-size:17px;border-radius:2px;padding:16px 28px;box-shadow:0 5px 0 #c9ab00;transition:.2s transform,.2s box-shadow;text-align:center}
.btn:hover{transform:translateY(2px);box-shadow:0 3px 0 #c9ab00}
.btn-dark{background:#000;color:#fff;box-shadow:0 5px 0 #555;margin-top:10px}
.hero-image img{margin-left:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.55))}
.section{padding:74px 0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.two-col.reverse{grid-template-columns:1fr 1fr}
h2{font-size:42px;line-height:1.05;margin:0 0 20px;color:#111;font-weight:900}
p{font-size:19px;margin:0 0 16px}.muted{background:var(--muted)}
.image-frame{background:#fff;border-radius:4px;padding:12px;box-shadow:0 18px 48px rgba(0,0,0,.12)}
.image-frame.compact{box-shadow:none;padding:0;background:transparent}
.full-image-section{padding:34px 0;background:#fff}.full-image-section img{margin:0 auto;border-radius:4px}
.steps-section{background:#fff;text-align:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px;text-align:left}.step{background:#fff;border:3px solid var(--yellow);padding:26px 20px;min-height:166px;box-shadow:0 10px 24px rgba(0,0,0,.08)}.step span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#000;color:var(--yellow);font-size:26px;font-weight:900;margin-bottom:16px}.step h3{font-size:20px;line-height:1.2;margin:0;color:#111}.specs{list-style:none;padding:0;margin:0}.specs li{font-size:21px;font-weight:700;margin:14px 0;padding-left:30px;position:relative}.specs li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:900}.order{background:#111;color:#fff;padding:74px 0}.order h2{color:var(--yellow)}.order p{font-size:22px}.order strong{font-size:34px;color:var(--yellow);white-space:nowrap}.old-price{text-decoration:line-through;color:#aaa;margin-right:8px}.order-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center}.form-placeholder{min-height:300px;background:#fff;color:#111;border:5px dashed var(--yellow);border-radius:6px;display:grid;place-items:center;font-size:36px;font-weight:900;letter-spacing:1px;padding:30px;text-align:center}footer{background:#000;color:#bbb;text-align:center;padding:22px 0;font-size:14px}
@media (max-width: 900px){.hero-grid,.two-col,.order-grid{grid-template-columns:1fr}.hero-grid{min-height:auto}.hero-copy{text-align:center}.benefits{text-align:left;display:inline-block}.hero-image img{margin:25px auto 0}.brand{font-size:34px}h1{font-size:34px}h2{font-size:34px}.steps{grid-template-columns:1fr 1fr}.order{text-align:center}.section{padding:54px 0}}
@media (max-width: 560px){.steps{grid-template-columns:1fr}.brand{font-size:28px}.offer-card{min-width:0;width:100%}.offer-card b{font-size:29px}.form-placeholder{font-size:28px;min-height:220px}p{font-size:17px}.benefits li{font-size:17px}}