/* Homepage design 4 — "Pro" (dark violet). Colours follow the admin (--primary / --primary-2). */
body.home4 { --p-soft: color-mix(in srgb, var(--primary) 55%, #fff); background:#06070d; -webkit-font-smoothing:antialiased; }
.home4 .nav-glass { background:rgba(6,7,13,.75); backdrop-filter:blur(24px) saturate(180%); }
.home4 .site-footer { margin-top:0 !important; background:rgba(0,0,0,.2); }
.home4 .hero-pro h1 .grad { background:linear-gradient(135deg,var(--p-soft),#fff,var(--p-soft)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.home4 .btn-price-filled, .home4 .btn-pro-primary { background:linear-gradient(135deg,var(--primary),var(--primary-2)); }
.home4 .price-amount-pro .cur { margin-inline-end:2px; }
.home4 .price-feat-list { text-align:start; }
.home4 .guarantee-item i { color:#34d399; }
.home4 .hero-pro-badge .star { color:#fbbf24; }
.home4 .sec-alt { background:rgba(255,255,255,.01); }
[dir="rtl"] .home4 .price-feat-list li { text-align:right; }
.home4 .cta-final-wrap { padding: 20px 0 0; }
.home4 .hero-pro-stats .stat-box-pro .num { background:linear-gradient(135deg,#fff,var(--p-soft)); -webkit-background-clip:text; background-clip:text; }
@media (prefers-reduced-motion: reduce) { .home4 .reveal { opacity:1; transform:none; transition:none; } .home4 .marquee-inner, .home4 .video-preview::before, .home4 .cta-final::before, .home4 .video-play-btn::before { animation:none; } }
/* ============ BUTTONS ============ */
.btn-pro {
  padding:12px 24px; border-radius:11px;
  font-weight:600; font-size:0.9rem;
  text-decoration:none; display:inline-flex;
  align-items:center; justify-content:center; gap:8px;
  transition:0.25s; border:none; cursor:pointer;
  white-space:nowrap;
}
.btn-pro-primary {
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;
  box-shadow:0 8px 24px color-mix(in srgb, var(--primary) 40%, transparent);
}
.btn-pro-primary:hover {
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 12px 32px color-mix(in srgb, var(--primary) 60%, transparent);
  background:linear-gradient(135deg,var(--p-soft),var(--p-soft));
}
.btn-pro-outline {
  background:rgba(255,255,255,0.05);
  color:#fff; border:1px solid rgba(255,255,255,0.15);
}
.btn-pro-outline:hover {
  background:rgba(255,255,255,0.1);
  color:#fff; border-color:color-mix(in srgb, var(--primary) 40%, transparent);
  transform:translateY(-2px);
}
.btn-pro-lg { padding:15px 32px; font-size:0.95rem; }
.btn-pro-full { width:100%; }

/* ============ HERO ============ */
.hero-pro {
  padding:70px 0 80px;
  position:relative; overflow:hidden;
}
.hero-pro::before {
  content:''; position:absolute;
  top:-30%; right:-15%;
  width:800px; height:800px;
  background:radial-gradient(circle,color-mix(in srgb, var(--primary) 15%, transparent),transparent 65%);
  border-radius:50%; pointer-events:none;
}
.hero-pro::after {
  content:''; position:absolute;
  bottom:-30%; left:-15%;
  width:700px; height:700px;
  background:radial-gradient(circle,color-mix(in srgb, var(--primary-2) 12%, transparent),transparent 65%);
  border-radius:50%; pointer-events:none;
}
.hero-pro-inner { position:relative; z-index:2; }

.hero-pro-badge {
  display:inline-flex; align-items:center; gap:8px;
  background:color-mix(in srgb, var(--primary) 12%, transparent);
  border:1px solid color-mix(in srgb, var(--primary) 35%, transparent);
  padding:7px 16px; border-radius:100px;
  font-size:0.82rem; font-weight:600;
  color:var(--p-soft); margin-bottom:28px;
  backdrop-filter:blur(10px);
}
.hero-pro-badge .star { color:#fbbf24; font-size:0.85rem; }

.hero-pro h1 {
  font-size:clamp(2.2rem,5vw,3.8rem);
  font-weight:900; line-height:1.08;
  letter-spacing:-2px; margin-bottom:22px;
}
.hero-pro h1 .grad {
  background:linear-gradient(135deg,var(--p-soft),var(--p-soft),var(--p-soft));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.hero-pro-lede {
  font-size:1.08rem; color:rgba(255,255,255,0.7);
  line-height:1.75; max-width:540px;
  margin-bottom:32px; font-weight:400;
}
.hero-pro-actions {
  display:flex; gap:12px; flex-wrap:wrap;
  margin-bottom:40px;
}
.hero-pro-stats {
  display:flex; gap:12px; flex-wrap:wrap;
}
.stat-box-pro {
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:14px;
  padding:14px 22px;
  min-width:130px;
  transition:0.3s;
  backdrop-filter:blur(10px);
}
.stat-box-pro:hover {
  border-color:color-mix(in srgb, var(--primary) 40%, transparent);
  background:color-mix(in srgb, var(--primary) 8%, transparent);
  transform:translateY(-3px);
}
.stat-box-pro .num {
  font-size:1.5rem; font-weight:800;
  letter-spacing:-1px; line-height:1;
  background:linear-gradient(135deg,var(--p-soft),var(--p-soft));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.stat-box-pro .lbl {
  font-size:0.72rem; color:rgba(255,255,255,0.55);
  margin-top:6px; font-weight:500;
}

/* Video preview */
.video-preview {
  position:relative;
  border-radius:24px;
  overflow:hidden;
  aspect-ratio:16/10;
  background:linear-gradient(135deg,#1a1b35,#2a1b4d,#1a2545);
  border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);
  box-shadow:0 30px 80px color-mix(in srgb, var(--primary) 25%, transparent),0 0 60px color-mix(in srgb, var(--primary-2) 15%, transparent);
  display:flex; align-items:center; justify-content:center;
}
.video-preview::before {
  content:''; position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 30% 40%,color-mix(in srgb, var(--primary-2) 40%, transparent),transparent 50%),
    radial-gradient(circle at 70% 60%,color-mix(in srgb, var(--primary-2) 30%, transparent),transparent 50%);
  animation:floatBG 8s ease-in-out infinite;
}
@keyframes floatBG {
  0%,100% { transform:translate(0,0); }
  50% { transform:translate(20px,-20px); }
}
.video-play-btn {
  position:relative; z-index:3;
  width:80px; height:80px; border-radius:50%;
  background:rgba(255,255,255,0.95);
  display:flex; align-items:center; justify-content:center;
  color:var(--primary); font-size:1.6rem;
  cursor:pointer; transition:0.3s;
  box-shadow:0 12px 40px rgba(0,0,0,0.3);
}
.video-play-btn:hover {
  transform:scale(1.1);
  box-shadow:0 16px 50px color-mix(in srgb, var(--primary) 50%, transparent);
}
.video-play-btn::before {
  content:''; position:absolute;
  inset:-10px; border-radius:50%;
  border:2px solid rgba(255,255,255,0.3);
  animation:pulseRing 2s ease-out infinite;
}
@keyframes pulseRing {
  0% { transform:scale(1); opacity:0.7; }
  100% { transform:scale(1.4); opacity:0; }
}
.video-preview .live-tag {
  position:absolute; top:16px; left:16px;
  background:rgba(0,0,0,0.6);
  backdrop-filter:blur(10px);
  padding:5px 12px; border-radius:100px;
  font-size:0.72rem; font-weight:700;
  letter-spacing:1px;
  display:inline-flex; align-items:center; gap:6px;
  z-index:3;
}
.video-preview .live-tag::before {
  content:''; width:6px; height:6px; border-radius:50%;
  background:#ef4444;
  animation:blinkRed 1.2s infinite;
}
@keyframes blinkRed {
  0%,100% { opacity:1; }
  50% { opacity:0.3; }
}
.video-preview .quality-tag {
  position:absolute; top:16px; right:16px;
  background:color-mix(in srgb, var(--primary) 90%, transparent);
  padding:5px 12px; border-radius:100px;
  font-size:0.72rem; font-weight:700;
  letter-spacing:1px; z-index:3;
}

/* ============ TRUST STRIP ============ */
.trust-strip {
  padding:30px 0;
  border-top:1px solid rgba(255,255,255,0.06);
  border-bottom:1px solid rgba(255,255,255,0.06);
  background:rgba(255,255,255,0.015);
  overflow:hidden;
}
.trust-strip-label {
  text-align:center;
  font-size:0.72rem; letter-spacing:3px;
  text-transform:uppercase;
  color:rgba(255,255,255,0.4);
  font-weight:600; margin-bottom:22px;
}
.marquee-container {
  overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.marquee-inner {
  display:flex; gap:70px; align-items:center;
  animation:marqueeMove 35s linear infinite;
  width:max-content;
}
.marquee-inner:hover { animation-play-state:paused; }
.marquee-inner span {
  font-size:1.15rem; font-weight:800;
  color:rgba(255,255,255,0.35);
  letter-spacing:-0.5px;
  white-space:nowrap;
  transition:0.3s;
}
.marquee-inner span:hover { color:var(--p-soft); }
@keyframes marqueeMove {
  from { transform:translateX(0); }
  to { transform:translateX(-50%); }
}

/* ============ SECTIONS ============ */
.section-pro { padding:90px 0; position:relative; }
.section-head-pro { text-align:center; margin-bottom:60px; }
.section-head-pro .eyebrow {
  display:inline-block;
  background:color-mix(in srgb, var(--primary) 10%, transparent);
  border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);
  color:var(--p-soft);
  padding:6px 16px; border-radius:100px;
  font-size:0.72rem; font-weight:700;
  letter-spacing:2px; text-transform:uppercase;
  margin-bottom:18px;
}
.section-head-pro h2 {
  font-size:clamp(1.8rem,3.8vw,2.8rem);
  font-weight:800; letter-spacing:-1.5px;
  line-height:1.15; margin-bottom:14px;
}
.section-head-pro h2 .grad {
  background:linear-gradient(135deg,var(--p-soft),var(--p-soft));
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}
.section-head-pro p {
  color:rgba(255,255,255,0.6);
  font-size:1.02rem;
  max-width:560px; margin:0 auto;
  line-height:1.65;
}

/* ============ PRICING ============ */
.pricing-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  align-items:stretch;
}
.price-card-pro {
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:22px;
  padding:32px 24px 28px;
  text-align:center;
  position:relative;
  transition:0.4s;
  display:flex; flex-direction:column;
  backdrop-filter:blur(20px);
}
.price-card-pro::before {
  content:''; position:absolute;
  top:0; left:20px; right:20px; height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb, var(--primary) 50%, transparent),transparent);
}
.price-card-pro:hover {
  transform:translateY(-8px);
  border-color:color-mix(in srgb, var(--primary) 35%, transparent);
  background:color-mix(in srgb, var(--primary) 5%, transparent);
  box-shadow:0 30px 60px color-mix(in srgb, var(--primary) 15%, transparent);
}
.price-card-pro.featured {
  background:linear-gradient(180deg,color-mix(in srgb, var(--primary) 15%, transparent),color-mix(in srgb, var(--primary-2) 8%, transparent));
  border-color:color-mix(in srgb, var(--primary-2) 50%, transparent);
  box-shadow:0 30px 80px color-mix(in srgb, var(--primary) 35%, transparent),0 0 40px color-mix(in srgb, var(--primary-2) 15%, transparent);
  transform:translateY(-8px) scale(1.02);
}
.price-card-pro.featured:hover {
  transform:translateY(-14px) scale(1.02);
}
.price-badge {
  position:absolute; top:-12px; left:50%;
  transform:translateX(-50%);
  padding:5px 16px; border-radius:100px;
  font-size:0.68rem; font-weight:800;
  letter-spacing:1.2px; text-transform:uppercase;
  white-space:nowrap;
}
.badge-popular {
  background:linear-gradient(135deg,var(--primary-2),var(--primary-2));
  color:#fff;
  box-shadow:0 6px 20px color-mix(in srgb, var(--primary-2) 60%, transparent);
}
.badge-best {
  background:linear-gradient(135deg,#f59e0b,#fbbf24);
  color:#0a0a0a;
  box-shadow:0 6px 20px rgba(245,158,11,0.5);
}
.price-tier-name {
  font-size:0.82rem; font-weight:700;
  color:rgba(255,255,255,0.6);
  letter-spacing:2px; text-transform:uppercase;
  margin-bottom:6px;
}
.price-tier-dur {
  font-size:0.78rem; color:rgba(255,255,255,0.45);
  margin-bottom:20px;
}
.price-amount-row {
  display:flex; align-items:baseline;
  justify-content:center; gap:8px;
  margin-bottom:8px;
}
.price-amount-pro {
  font-size:3.2rem; font-weight:900;
  letter-spacing:-2.5px; line-height:1;
  color:#fff;
}
.price-amount-pro .cur {
  font-size:1.4rem;
  color:var(--p-soft);
  margin-right:2px;
}
.price-old {
  font-size:1rem; color:rgba(255,255,255,0.35);
  text-decoration:line-through;
  font-weight:500;
}
.price-save-tag {
  display:inline-block;
  background:rgba(16,185,129,0.15);
  color:#34d399;
  padding:4px 12px; border-radius:100px;
  font-size:0.72rem; font-weight:700;
  margin-bottom:22px;
}
.price-feat-list {
  list-style:none; padding:0;
  text-align:left; margin:0 0 26px;
  flex:1;
}
.price-feat-list li {
  padding:11px 0;
  font-size:0.86rem;
  color:rgba(255,255,255,0.75);
  display:flex; align-items:flex-start;
  gap:10px; line-height:1.4;
  border-bottom:1px solid rgba(255,255,255,0.05);
}
.price-feat-list li:last-child { border-bottom:none; }
.price-feat-list li i {
  color:var(--p-soft); font-size:0.8rem;
  margin-top:4px; flex-shrink:0;
}
.price-card-pro.featured .price-feat-list li i { color:var(--p-soft); }

.btn-price {
  padding:13px 20px; border-radius:11px;
  font-size:0.88rem; font-weight:700;
  text-decoration:none; display:block;
  text-align:center; transition:0.3s;
  border:none; cursor:pointer;
}
.btn-price-outline {
  background:rgba(255,255,255,0.06);
  color:#fff;
  border:1px solid rgba(255,255,255,0.15);
}
.btn-price-outline:hover {
  background:color-mix(in srgb, var(--primary) 15%, transparent);
  border-color:color-mix(in srgb, var(--primary) 50%, transparent);
  color:#fff;
  transform:translateY(-2px);
}
.btn-price-filled {
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;
  box-shadow:0 8px 24px color-mix(in srgb, var(--primary) 50%, transparent);
}
.btn-price-filled:hover {
  color:#fff;
  transform:translateY(-2px);
  box-shadow:0 12px 32px color-mix(in srgb, var(--primary) 70%, transparent);
}

/* Guarantee bar */
.guarantee-bar {
  display:flex; justify-content:center;
  align-items:center; gap:30px;
  margin-top:50px;
  padding:24px 30px;
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:18px;
  flex-wrap:wrap;
}
.guarantee-item {
  display:flex; align-items:center;
  gap:10px; font-size:0.88rem;
  color:rgba(255,255,255,0.75);
  font-weight:500;
}
.guarantee-item i {
  color:#34d399; font-size:1.05rem;
}

/* ============ FEATURES ============ */
.features-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.feat-pro {
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:20px;
  padding:30px 26px;
  transition:0.35s;
  position:relative;
  overflow:hidden;
}
.feat-pro::after {
  content:''; position:absolute;
  top:0; left:0; right:0; height:2px;
  background:linear-gradient(90deg,var(--primary),var(--primary-2));
  transform:scaleX(0);
  transform-origin:left;
  transition:0.5s;
}
.feat-pro:hover::after { transform:scaleX(1); }
.feat-pro:hover {
  background:color-mix(in srgb, var(--primary) 6%, transparent);
  border-color:color-mix(in srgb, var(--primary) 25%, transparent);
  transform:translateY(-5px);
  box-shadow:0 20px 50px rgba(0,0,0,0.3);
}
.feat-icon-pro {
  width:52px; height:52px;
  border-radius:13px;
  display:flex; align-items:center; justify-content:center;
  font-size:1.25rem; color:#fff;
  margin-bottom:20px;
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  box-shadow:0 8px 22px color-mix(in srgb, var(--primary) 40%, transparent);
}
.feat-icon-pro.i2 { background:linear-gradient(135deg,#f59e0b,#fbbf24); box-shadow:0 8px 22px rgba(245,158,11,0.4); }
.feat-icon-pro.i3 { background:linear-gradient(135deg,#06b6d4,#22d3ee); box-shadow:0 8px 22px color-mix(in srgb, var(--primary-2) 40%, transparent); }
.feat-icon-pro.i4 { background:linear-gradient(135deg,#ec4899,#f472b6); box-shadow:0 8px 22px rgba(236,72,153,0.4); }
.feat-icon-pro.i5 { background:linear-gradient(135deg,#10b981,#34d399); box-shadow:0 8px 22px rgba(16,185,129,0.4); }
.feat-icon-pro.i6 { background:linear-gradient(135deg,#ef4444,#f87171); box-shadow:0 8px 22px rgba(239,68,68,0.4); }
.feat-pro h4 {
  font-size:1.1rem; font-weight:700;
  letter-spacing:-0.3px; margin-bottom:8px;
}
.feat-pro p {
  font-size:0.9rem; color:rgba(255,255,255,0.55);
  line-height:1.65; margin:0;
}

/* ============ HOW IT WORKS ============ */
.steps-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
  position:relative;
  max-width:1000px;
  margin:0 auto;
}
.steps-grid::before {
  content:''; position:absolute;
  top:42px; left:18%; right:18%; height:1px;
  background:repeating-linear-gradient(90deg,color-mix(in srgb, var(--primary) 40%, transparent) 0,color-mix(in srgb, var(--primary) 40%, transparent) 8px,transparent 8px,transparent 16px);
  z-index:1;
}
.step-pro {
  text-align:center;
  position:relative;
  z-index:2;
}
.step-num-pro {
  width:84px; height:84px;
  border-radius:50%;
  background:rgba(6,7,13,0.9);
  border:2px solid color-mix(in srgb, var(--primary) 40%, transparent);
  display:flex; align-items:center; justify-content:center;
  margin:0 auto 22px;
  font-size:1.6rem; font-weight:800;
  color:var(--p-soft);
  transition:0.4s;
  position:relative;
}
.step-num-pro::before {
  content:''; position:absolute;
  inset:-6px; border-radius:50%;
  border:1px solid color-mix(in srgb, var(--primary) 15%, transparent);
}
.step-pro:hover .step-num-pro {
  background:linear-gradient(135deg,var(--primary),var(--primary-2));
  color:#fff;
  border-color:transparent;
  transform:scale(1.08);
  box-shadow:0 12px 40px color-mix(in srgb, var(--primary) 50%, transparent);
}
.step-pro h4 {
  font-size:1.1rem; font-weight:700;
  letter-spacing:-0.3px; margin-bottom:10px;
}
.step-pro p {
  font-size:0.9rem; color:rgba(255,255,255,0.55);
  line-height:1.7;
  max-width:280px; margin:0 auto;
}

/* ============ FAQ ============ */
.faq-pro {
  max-width:780px; margin:0 auto;
}
.faq-pro-item {
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.07);
  border-radius:14px;
  margin-bottom:12px;
  overflow:hidden;
  transition:0.3s;
}
.faq-pro-item[open] {
  background:color-mix(in srgb, var(--primary) 6%, transparent);
  border-color:color-mix(in srgb, var(--primary) 30%, transparent);
}
.faq-pro-item summary {
  padding:20px 24px;
  cursor:pointer;
  list-style:none;
  display:flex; justify-content:space-between;
  align-items:center; gap:15px;
  font-size:1rem; font-weight:600;
  color:#fff;
  transition:0.2s;
}
.faq-pro-item summary::-webkit-details-marker { display:none; }
.faq-pro-item summary:hover { color:var(--p-soft); }
.faq-pro-item summary::after {
  content:'+';
  font-size:1.5rem; font-weight:300;
  color:var(--p-soft);
  transition:0.3s;
  line-height:1;
  flex-shrink:0;
}
.faq-pro-item[open] summary::after {
  transform:rotate(45deg);
}
.faq-pro-content {
  padding:0 24px 22px;
  color:rgba(255,255,255,0.65);
  line-height:1.75;
  font-size:0.92rem;
}

/* ============ CTA FINAL ============ */
.cta-final {
  background:linear-gradient(135deg,color-mix(in srgb, var(--primary) 15%, transparent),color-mix(in srgb, var(--primary-2) 10%, transparent),color-mix(in srgb, var(--primary-2) 12%, transparent));
  border:1px solid color-mix(in srgb, var(--primary-2) 30%, transparent);
  border-radius:28px;
  padding:70px 40px;
  text-align:center;
  position:relative;
  overflow:hidden;
  backdrop-filter:blur(20px);
}
.cta-final::before {
  content:''; position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 20%,color-mix(in srgb, var(--primary-2) 25%, transparent),transparent 40%),
    radial-gradient(circle at 80% 80%,color-mix(in srgb, var(--primary) 25%, transparent),transparent 40%);
  animation:ctaFloat 10s ease-in-out infinite;
}
@keyframes ctaFloat {
  0%,100% { transform:translate(0,0); }
  50% { transform:translate(20px,-20px); }
}
.cta-final > * { position:relative; z-index:2; }
.cta-final h2 {
  font-size:clamp(1.8rem,3.8vw,2.6rem);
  font-weight:800;
  letter-spacing:-1.2px;
  margin-bottom:14px;
}
.cta-final p {
  font-size:1.05rem;
  color:rgba(255,255,255,0.7);
  margin-bottom:32px;
  max-width:520px;
  margin-left:auto; margin-right:auto;
}
.cta-final-actions {
  display:flex; gap:12px;
  justify-content:center; flex-wrap:wrap;
}

/* ============ SCROLL REVEAL ============ */
.reveal {
  opacity:0;
  transform:translateY(30px);
  transition:0.8s cubic-bezier(0.16,1,0.3,1);
}
.reveal.visible {
  opacity:1;
  transform:translateY(0);
}
.reveal-d1 { transition-delay:0.1s; }
.reveal-d2 { transition-delay:0.2s; }
.reveal-d3 { transition-delay:0.3s; }

/* ============ RESPONSIVE ============ */
@media (max-width:1200px){
  .pricing-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:992px){
  .features-grid { grid-template-columns:repeat(2,1fr); }
  .steps-grid::before { display:none; }
}
@media (max-width:768px){
  .pricing-grid { grid-template-columns:1fr; }
  .price-card-pro.featured { transform:scale(1); }
  .price-card-pro.featured:hover { transform:translateY(-8px); }
  .features-grid { grid-template-columns:1fr; }
  .steps-grid { grid-template-columns:1fr; gap:20px; }
  .hero-pro { padding:50px 0 60px; }
  .section-pro { padding:70px 0; }
  .cta-final { padding:50px 25px; }
  .video-play-btn { width:64px; height:64px; font-size:1.3rem; }
  .guarantee-bar { padding:20px; gap:18px; }
}
@media (max-width:576px){
  .hero-pro-stats { gap:8px; }
  .stat-box-pro { min-width:100px; padding:11px 16px; }
  .stat-box-pro .num { font-size:1.2rem; }
}