/* ============================================
   HERO
   ============================================ */
.hero{
  position:relative;
  min-height:92vh;
  display:flex; align-items:center;
  padding-block:80px;
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(255,75,31,0.16), transparent 60%),
    linear-gradient(180deg, #0B0D0E 0%, #101315 100%);
  overflow:hidden;
}
.hero-bg-lines{
  position:absolute; inset:0; opacity:0.35; pointer-events:none;
}
.hero-inner{
  position:relative; z-index:2;
  max-width:820px;
}
.hero-kicker{
  font-family:var(--font-mono); font-size:13px; letter-spacing:0.16em; text-transform:uppercase;
  color:var(--accent-ember); margin-bottom:22px; display:flex; align-items:center; gap:10px;
}
html[dir="rtl"] .hero-kicker{ letter-spacing:normal; text-transform:none; font-weight:700; }
.hero-kicker .dot{ width:8px; height:8px; border-radius:50%; background:var(--accent-ember); animation:blink 1.8s ease-in-out infinite; }
@keyframes blink{ 0%,100%{opacity:1;} 50%{opacity:0.25;} }

.hero h1{
  font-family:var(--font-display);
  font-size:clamp(44px, 7.2vw, 96px);
  line-height:0.96;
  letter-spacing:0.005em;
  text-transform:uppercase;
  margin-bottom:26px;
}
html[dir="rtl"] .hero h1{ text-transform:none; letter-spacing:normal; font-weight:800; line-height:1.15; }
.hero h1 .accent{ color:var(--accent-flame); }

.hero p{
  font-size:18px;
  color:var(--text-secondary);
  max-width:560px;
  margin-bottom:38px;
}
.hero-ctas{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:56px; }

.hero-stats{
  display:flex; gap:44px; flex-wrap:wrap;
  border-top:1px solid var(--border-hairline);
  padding-top:28px;
}
.hero-stat .num{
  font-family:var(--font-mono); font-size:30px; font-weight:700; color:var(--text-primary);
  display:flex; align-items:baseline; gap:2px;
}
.hero-stat .num .unit{ font-size:16px; color:var(--accent-flame); }
.hero-stat .label{ font-size:12px; color:var(--text-tertiary); text-transform:uppercase; letter-spacing:0.08em; margin-top:4px; }
html[dir="rtl"] .hero-stat .label{ letter-spacing:normal; }

/* ============================================
   FEATURES
   ============================================ */
.features{ padding-block:120px; background:var(--bg-void); }
.features-head{ max-width:640px; margin-bottom:64px; }
.features-head p{ color:var(--text-secondary); font-size:16px; margin-top:16px; }
.features-grid{
  display:grid; grid-template-columns:repeat(4, 1fr); gap:1px;
  background:var(--border-hairline);
  border:1px solid var(--border-hairline);
}
.feature-card{
  background:var(--bg-void);
  padding:38px 30px;
  transition:background .2s ease;
}
.feature-card:hover{ background:var(--bg-surface); }
.feature-card .idx{
  font-family:var(--font-mono); font-size:13px; color:var(--accent-flame); margin-bottom:24px; display:block;
}
.feature-card h3{
  font-family:var(--font-display); font-size:22px; text-transform:uppercase; letter-spacing:0.02em;
  margin-bottom:12px;
}
html[dir="rtl"] .feature-card h3{ text-transform:none; font-weight:800; letter-spacing:normal; }
.feature-card p{ font-size:14.5px; color:var(--text-secondary); line-height:1.6; }

@media (max-width: 980px){ .features-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width: 560px){ .features-grid{ grid-template-columns:1fr; } }

/* ============================================
   ABOUT SUMMARY
   ============================================ */
.about-summary{ padding-block:120px; background:var(--bg-surface); }
.about-grid{
  display:grid; grid-template-columns:0.9fr 1.1fr; gap:70px; align-items:center;
}
.about-media{
  position:relative;
  aspect-ratio:4/5;
  background:linear-gradient(155deg, #23272B, #16191b 70%);
  border-radius:var(--radius-md);
  border:1px solid var(--border-hairline-strong);
  overflow:hidden;
}
.about-media .frame-tag{
  position:absolute; bottom:20px; inset-inline-start:20px;
  font-family:var(--font-mono); font-size:12px; color:var(--text-tertiary);
  background:rgba(11,13,14,0.7); padding:6px 12px; border-radius:2px;
  border:1px solid var(--border-hairline-strong);
}
.about-media::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(200deg, rgba(255,75,31,0.14), transparent 55%);
}
.about-copy p{ color:var(--text-secondary); font-size:16px; margin-bottom:18px; max-width:520px; }
.about-copy .section-title{ margin-bottom:22px; }
.about-credentials{ display:flex; gap:28px; margin-top:32px; flex-wrap:wrap; }
.about-credentials div{ border-inline-start:2px solid var(--accent-flame); padding-inline-start:14px; }
.about-credentials .cred-num{ font-family:var(--font-mono); font-size:22px; font-weight:700; }
.about-credentials .cred-label{ font-size:12.5px; color:var(--text-tertiary); margin-top:4px; }

@media (max-width: 860px){ .about-grid{ grid-template-columns:1fr; } }

/* ============================================
   PRICING
   ============================================ */
.pricing{ padding-block:120px; background:var(--bg-void); }
.pricing-head{ text-align:center; max-width:600px; margin-inline:auto; margin-bottom:64px; }
.pricing-head .eyebrow{ justify-content:center; }
.pricing-head p{ color:var(--text-secondary); margin-top:16px; }
.pricing-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; justify-content:center; align-items:stretch; }
.pricing-grid-4{ grid-template-columns:repeat(4, 1fr); }
@media (max-width:1180px){ .pricing-grid-4{ grid-template-columns:repeat(2, 1fr); max-width:760px; margin-inline:auto; } }
.price-card{
  background:var(--bg-surface);
  border:1px solid var(--border-hairline-strong);
  border-radius:var(--radius-md);
  padding:36px 28px;
  display:flex; flex-direction:column;
  position:relative;
}
.price-card.featured{
  border-color:var(--accent-flame);
  background:linear-gradient(160deg, var(--bg-surface-2), var(--bg-surface));
  transform:translateY(-14px);
  box-shadow:0 30px 60px -30px rgba(255,75,31,0.35);
}
.price-badge{
  position:absolute; top:-13px; inset-inline-start:28px;
  background:var(--accent-flame); color:#0B0D0E;
  font-family:var(--font-mono); font-size:11px; font-weight:700; letter-spacing:0.08em;
  padding:5px 12px; border-radius:20px; text-transform:uppercase;
}
html[dir="rtl"] .price-badge{ letter-spacing:normal; text-transform:none; }
.price-tier{ font-family:var(--font-mono); font-size:13px; color:var(--accent-ember); text-transform:uppercase; letter-spacing:0.1em; margin-bottom:10px; }
html[dir="rtl"] .price-tier{ letter-spacing:normal; }
.price-name{
  font-family:var(--font-display); font-size:26px; line-height:1.15; text-transform:uppercase;
  margin-bottom:16px; min-height:2.3em; display:flex; align-items:flex-end;
}
html[dir="rtl"] .price-name{ text-transform:none; font-weight:800; font-size:21px; }
.price-amount{ display:flex; align-items:baseline; gap:8px; margin-bottom:6px; flex-wrap:wrap; min-height:44px; }
.price-amount .amount{ font-family:var(--font-mono); font-size:32px; font-weight:700; line-height:1.1; }
.price-amount .amount.is-quote{ font-size:22px; }
.price-amount .period{ color:var(--text-tertiary); font-size:14px; }
.price-desc{ color:var(--text-secondary); font-size:14px; margin-bottom:28px; }
.price-features{ display:flex; flex-direction:column; gap:14px; margin-bottom:34px; flex:1; }
.price-features li{ display:flex; align-items:flex-start; gap:10px; font-size:14.5px; color:var(--text-primary); }
.price-features li .check{ color:var(--accent-flame); font-family:var(--font-mono); flex-shrink:0; margin-top:1px; }
.price-cadence{ font-family:var(--font-mono); font-size:12.5px; color:var(--accent-ember); background:rgba(255,182,39,0.08); border:1px solid rgba(255,182,39,0.24); padding:10px 14px; border-radius:var(--radius-sm); margin-bottom:22px; }

@media (max-width: 940px){
  .pricing-grid{ grid-template-columns:1fr; max-width:440px; margin-inline:auto; }
  .pricing-grid-4{ grid-template-columns:1fr; max-width:440px; margin-inline:auto; }
  .price-card.featured{ transform:none; }
}

/* ============================================
   SHOP
   ============================================ */
.shop{ padding-block:120px; background:var(--bg-surface); }
.shop-head{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:56px; gap:24px; flex-wrap:wrap; }
.shop-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:22px; }
.product-card{
  background:var(--bg-void);
  border:1px solid var(--border-hairline);
  border-radius:var(--radius-md);
  overflow:hidden;
  transition:border-color .2s ease, transform .2s ease;
}
.product-card:hover{ border-color:var(--border-hairline-strong); transform:translateY(-4px); }
.product-media{
  aspect-ratio:1/1;
  background:linear-gradient(150deg, #1D2124, #121416);
  position:relative;
  display:flex; align-items:center; justify-content:center;
}
.product-tag{
  position:absolute; top:12px; inset-inline-start:12px;
  font-family:var(--font-mono); font-size:10.5px; text-transform:uppercase; letter-spacing:0.06em;
  background:var(--bg-void); border:1px solid var(--border-hairline-strong);
  padding:4px 9px; border-radius:20px; color:var(--text-tertiary);
}
html[dir="rtl"] .product-tag{ letter-spacing:normal; text-transform:none; }
.product-body{ padding:18px; }
.product-cat{ font-family:var(--font-mono); font-size:11px; color:var(--text-tertiary); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:6px; }
html[dir="rtl"] .product-cat{ letter-spacing:normal; text-transform:none; }
.product-name{ font-size:15.5px; font-weight:600; margin-bottom:8px; }
.product-price{ font-family:var(--font-mono); font-size:16px; color:var(--accent-ember); font-weight:700; }

@media (max-width: 980px){ .shop-grid{ grid-template-columns:repeat(2, 1fr); } }
@media (max-width: 560px){ .shop-grid{ grid-template-columns:1fr; } }

/* ============================================
   TESTIMONIALS
   ============================================ */
.testimonials{ padding-block:120px; background:var(--bg-void); }
.testi-track{
  display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory;
  padding-bottom:16px; margin-top:56px;
  scrollbar-width:thin; scrollbar-color:var(--accent-flame-dim) transparent;
}
.testi-card{
  scroll-snap-align:start;
  flex:0 0 min(420px, 88vw);
  background:var(--bg-surface);
  border:1px solid var(--border-hairline);
  border-radius:var(--radius-md);
  padding:34px;
}
.testi-stars{ color:var(--accent-ember); font-size:15px; letter-spacing:2px; margin-bottom:20px; }
.testi-quote{ font-size:16.5px; line-height:1.6; margin-bottom:26px; color:var(--text-primary); }
.testi-person{ display:flex; align-items:center; gap:14px; }
.testi-avatar{
  width:44px; height:44px; border-radius:50%;
  background:linear-gradient(135deg, var(--accent-flame), var(--accent-ember));
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-mono); font-weight:700; color:#0B0D0E; font-size:15px;
}
.testi-name{ font-weight:600; font-size:14.5px; }
.testi-role{ font-size:12.5px; color:var(--text-tertiary); }

/* ============================================
   FINAL CTA
   ============================================ */
.final-cta{
  padding-block:110px;
  text-align:center;
  background:
    radial-gradient(ellipse 50% 80% at 50% 100%, rgba(255,75,31,0.18), transparent 65%),
    var(--bg-surface);
}
.final-cta h2{ font-family:var(--font-display); font-size:clamp(34px,5vw,58px); text-transform:uppercase; max-width:760px; margin-inline:auto 28px; line-height:1.05; }
html[dir="rtl"] .final-cta h2{ text-transform:none; font-weight:800; }
.final-cta p{ color:var(--text-secondary); max-width:520px; margin:0 auto 36px; font-size:16px; }

/* ============================================