:root{
  --bg:#FFFFFF; --header-bg:#000000; --text:#000000; --text-muted:#7F7F7F;
  --red:#C00000; --blue:#00B0F0; --gold:#C5B082; --border:#E5E5E5; --surface:#FAFAFA;
}

@font-face{font-family:'Montserrat'; font-style:normal; font-weight:100 900; font-display:swap; src:url('fonts/montserrat-cyrillic.woff2') format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Montserrat'; font-style:normal; font-weight:100 900; font-display:swap; src:url('fonts/montserrat-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Oswald'; font-style:normal; font-weight:200 700; font-display:swap; src:url('fonts/oswald-cyrillic.woff2') format('woff2'); unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;}
@font-face{font-family:'Oswald'; font-style:normal; font-weight:200 700; font-display:swap; src:url('fonts/oswald-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:'Montserrat','Helvetica Neue',Arial,sans-serif; background:var(--bg); color:var(--text); line-height:1.5;}
header{background:var(--header-bg); padding:20px 24px; display:flex; align-items:center; justify-content:space-between; position:sticky; top:0; z-index:100;}
.site-logo{height:81px; width:auto;}
.badge-top{color:var(--gold); font-family:'Oswald','Arial Narrow',sans-serif; letter-spacing:.12em; font-size:17px; text-transform:uppercase; line-height:1.4;}

.section{padding:80px 48px; max-width:1200px; margin:0 auto;}
.section-tight{padding:64px 48px;}

.cell-chip{
  width:30px; height:30px; border:2px solid var(--gold); border-radius:8px;
  display:inline-flex; align-items:center; justify-content:center;
  font-family:'Oswald','Arial Narrow',sans-serif; font-size:16px; color:var(--text); flex-shrink:0;
}
.cell-chip.filled{background:var(--gold); color:#fff;}

h1,h2,h3{font-family:'Oswald','Arial Narrow',sans-serif; font-weight:700; text-transform:uppercase;}
h2{font-size:clamp(30px,4vw,42px); color:var(--red); margin-bottom:32px; text-wrap:balance;}
#faq h2{font-size:clamp(28px,4vw,40px);}

.badge{
  display:inline-flex; align-items:center; gap:8px; font-family:'Oswald','Arial Narrow',sans-serif;
  font-size:15px; letter-spacing:.14em; text-transform:uppercase; color:var(--red);
  border:1.5px solid var(--red); border-radius:999px; padding:6px 16px; margin-bottom:28px; white-space:nowrap;
}

.cta{
  font-family:'Oswald','Arial Narrow',sans-serif; text-transform:uppercase; letter-spacing:.04em;
  background:var(--red); color:#fff; border:none; padding:18px 36px; font-size:18px;
  border-radius:8px; cursor:pointer; box-shadow:0 10px 24px -8px rgba(192,0,0,.5);
}
.cta:hover{transform:translateY(-2px); box-shadow:0 14px 28px -8px rgba(192,0,0,.6);}

/* pain */
.quote-block{border-left:4px solid var(--red); padding:24px 32px; margin:32px 0; background:var(--surface);}
.quote-block p{font-size:24px; font-style:normal; line-height:1.5;}
.quote-attr{margin-top:12px; font-size:16px; color:var(--text-muted);}

/* mechanism steps */
.steps{display:flex; flex-direction:column; gap:20px; margin-top:32px;}
.step{display:flex; gap:16px; align-items:flex-start;}
.step p{font-size:19px;}

/* proof */
.regalia-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:16px; margin-bottom:48px;}
.regalia-item{display:flex; gap:12px; align-items:center; font-size:17px;}
.testimonial-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:24px;}
.testimonial{background:var(--surface); border:1px solid var(--border); border-radius:12px; padding:24px;}
.testimonial p{font-size:17px; margin-bottom:16px;}
.testimonial-name{font-family:'Oswald','Arial Narrow',sans-serif; font-weight:700; text-transform:uppercase; font-size:15px;}
.testimonial-seg{font-size:14px; color:var(--text-muted);}

/* pricing */
.pricing-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:24px; margin-bottom:32px;}
.price-card{border-radius:16px; padding:32px; border:1px solid var(--border);}
.price-card.flagship{background:var(--header-bg); color:#fff; border:2px solid var(--gold); position:relative;}
.price-card.flagship .flag-tag{position:absolute; top:-14px; left:24px; background:var(--gold); color:#000; font-family:'Oswald','Arial Narrow',sans-serif; font-size:13px; text-transform:uppercase; padding:4px 12px; border-radius:999px; letter-spacing:.08em;}
.price-title{font-family:'Oswald','Arial Narrow',sans-serif; text-transform:uppercase; font-size:17px; letter-spacing:.06em; margin-bottom:8px;}
.price-num{font-family:'Oswald','Arial Narrow',sans-serif; font-size:42px; font-weight:700; margin-bottom:4px;}
.price-sub{font-size:16px; opacity:.8; margin-bottom:16px;}
.price-pack{font-size:15px; padding-top:16px; border-top:1px solid rgba(128,128,128,.3);}
.price-card.flagship .price-pack{border-top-color:rgba(255,255,255,.25);}
.guarantee-box{background:var(--surface); border-radius:12px; padding:24px 32px; display:flex; align-items:center; gap:16px; margin-bottom:24px;}
.bonus-row{display:flex; gap:24px; flex-wrap:wrap; font-size:16px; color:var(--text-muted);}

/* faq accordion */
.faq-item{border-bottom:1px solid var(--border); padding:20px 0;}
.faq-q{font-family:'Oswald','Arial Narrow',sans-serif; font-size:19px; display:flex; gap:16px; align-items:flex-start; cursor:pointer;}
.faq-a{font-size:17px; color:#333; margin-top:12px; padding-left:46px;}

/* final cta */
.final-cta-block{background:var(--header-bg); color:#fff; text-align:center; padding:96px 48px;}
.final-cta-block h2{color:var(--gold); font-size:clamp(34px,4vw,46px);}
.disclaimer{font-size:12px; color:var(--text-muted); max-width:720px; margin:32px auto 0; line-height:1.6;}
footer{background:#0a0a0a; color:var(--text-muted); text-align:center; padding:32px; font-size:13px;}
footer a{color:var(--text-muted);}

/* hero */
.hero{position:relative; padding:96px 48px 64px; max-width:1200px; margin:0 auto; overflow:hidden;}
.hero::before{
  content:""; position:absolute; top:-120px; right:-160px; width:520px; height:520px;
  background:radial-gradient(circle, rgba(197,176,130,.18) 0%, rgba(197,176,130,0) 70%);
  pointer-events:none;
}
.hero h1{font-size:clamp(42px,6vw,74px); line-height:1.02; letter-spacing:-.01em; max-width:820px;}
.hero h1 .accent{color:var(--red);}
.hero-title-row{display:flex; align-items:flex-start; justify-content:space-between; gap:32px;}
.hero-photo{border-radius:50%; border:3.3px solid #fff; overflow:hidden; box-shadow:0 16px 32px -10px rgba(0,0,0,.35); flex-shrink:0; position:relative; z-index:1;}
.hero-photo img{width:100%; height:100%; display:block; object-fit:cover;}
.hero-photo-desktop{width:220px; height:220px;}
.hero-photo-mobile{display:none; width:140px; height:140px; margin:24px 0 0;}
.subhead{font-size:22px; line-height:1.5; color:#333; max-width:640px; margin:28px 0 40px; font-weight:400;}
.subhead b{font-weight:700;}
.cta-row{display:flex; align-items:center; gap:20px; margin-bottom:64px; flex-wrap:wrap;}
.cta-note{font-size:15px; color:var(--text-muted);}
.proof-bar{display:flex; gap:0; flex-wrap:wrap; border-top:1px solid var(--border); padding-top:32px;}
.proof-item{flex:1; min-width:160px; padding:0 24px; border-left:1px solid var(--border); display:flex; flex-direction:column; gap:6px;}
.proof-item:first-child{border-left:none; padding-left:0;}
.proof-num{font-size:34px; font-weight:700; display:flex; align-items:center; gap:8px; font-family:'Oswald','Arial Narrow',sans-serif; min-height:51px;}
.proof-label{font-size:15px; color:var(--text-muted); line-height:1.3;}

@media (max-width: 480px){
  .site-logo{height:clamp(60px, 3px + 15vw, 70px);}
  .badge-top{font-size:clamp(12.2px, 4.81px + 1.97vw, 14.27px); --ls:.06em; letter-spacing:var(--ls); line-height:1.78;}
  .section{padding:48px 20px;}
  header{padding:16px 8px;}
  .regalia-grid{grid-template-columns:1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .final-cta-block{padding:56px 20px;}
  .hero{padding:56px 20px 40px;}
  .badge{font-size:13px; padding:5px 12px; gap:6px;}
  .hero h1{font-size:clamp(32px,9vw,42px);}
  .subhead{font-size:19px;}
  .cta-row .cta{width:100%; text-align:center;}
  .hero-photo-desktop{display:none;}
  .hero-photo-mobile{display:block;}
  .proof-bar{gap:24px 0;}
  .proof-item{flex:0 0 50%; min-width:0; border-left:none; padding:0 12px 12px 0;}
}