@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--orange:#fb6508;--orange-dark:#e95700;--dark:#303033;--muted:#6f7582;--light:#f6f7f9;--border:#dfe3e8;--shadow:0 12px 28px rgba(20,20,20,.16);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--dark);background:#f7f7f8;line-height:1.45}.site-header{position:sticky;top:0;z-index:50;background:var(--orange);height:118px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,56px);box-shadow:0 2px 0 rgba(0,0,0,.04)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:white;font-weight:700;font-size:clamp(34px,7vw,62px);letter-spacing:-.04em}.logo-mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--orange);font-size:44px;font-weight:700;line-height:1}.menu-toggle{border:0;background:transparent;width:68px;height:58px;display:grid;gap:9px;align-content:center;cursor:pointer}.menu-toggle span{display:block;height:6px;border-radius:10px;background:white}.nav-menu{position:fixed;top:118px;right:0;left:0;background:#fff;padding:24px;display:none;box-shadow:var(--shadow)}.nav-menu.open{display:grid}.nav-menu a{padding:14px 0;color:var(--dark);font-weight:800;text-decoration:none}.nav-cta{color:var(--orange)!important}.container{width:min(1180px,100% - 44px);margin-inline:auto}.narrow{max-width:900px}.section{padding:80px 0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,13vw,106px);line-height:1.18;letter-spacing:-.06em;font-weight:900}h2{font-size:clamp(42px,9vw,76px);line-height:1.18;letter-spacing:-.055em;font-weight:900;text-align:center}h3{font-size:clamp(26px,5vw,42px);line-height:1.2;letter-spacing:-.04em}.hero-orange{background:linear-gradient(140deg,#ff6405,#ff8737);color:white;padding:52px 0 70px;overflow:hidden}.hero-grid{display:grid;gap:30px}.hero-copy p{font-size:clamp(26px,6vw,44px);letter-spacing:-.03em}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:72px;padding:18px 34px;border-radius:10px;font-size:clamp(22px,4vw,34px);font-weight:900;text-decoration:none;letter-spacing:-.02em;text-align:center}.btn-white{background:white;color:var(--orange);box-shadow:8px 8px 0 rgba(255,255,255,.22),var(--shadow);width:min(100%,620px)}.btn-orange{background:var(--orange);color:white;width:min(100%,640px)}.btn-outline{border:4px solid var(--orange);color:var(--orange);background:white}.big{width:100%}.hero-note{font-weight:800;margin:24px 0 0}.hero-visual{min-height:360px;display:grid;place-items:center}.phone-mockup{width:260px;height:520px;border:12px solid #111;border-radius:42px;background:#fff;transform:rotate(14deg);box-shadow:22px 22px 30px rgba(0,0,0,.22);padding:22px}.phone-top{width:110px;height:30px;background:#000;border-radius:0 0 16px 16px;margin:-22px auto 20px}.phone-screen{color:var(--dark)}.mini-brand{color:var(--orange);font-weight:800;font-size:22px}.mini-brand span{display:inline-block;width:28px;height:28px;background:var(--orange);border-radius:50%;vertical-align:middle;margin-right:6px}.calendar{height:190px;border:2px solid #ddd;border-radius:10px;margin:16px 0;background:repeating-linear-gradient(90deg,#fff 0 32px,#f4f4f4 33px 34px),repeating-linear-gradient(0deg,transparent 0 31px,#ddd 32px 33px)}.stat-lines i{display:block;height:22px;border:2px solid #ddd;border-radius:8px;margin:9px 0}.orange-button{height:54px;background:var(--orange);border-radius:4px;margin-top:18px}.intro-section{background:#f4f4f5;padding-top:110px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 24px}.stats-grid article{text-align:center}.stats-grid strong{width:min(39vw,280px);height:min(39vw,280px);border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;margin:0 auto 22px;font-size:clamp(34px,8vw,66px);font-weight:900;letter-spacing:-.05em}.stats-grid span{display:block;font-size:clamp(24px,5.3vw,44px);font-weight:900;line-height:1.15;letter-spacing:-.04em}.testimonials-strip{overflow:hidden}.testimonial-track{display:flex;gap:40px;overflow-x:auto;padding:0 24px 18px;scroll-snap-type:x mandatory}.testimonial-card{flex:0 0 min(86vw,560px);background:#fff;border:2px solid #cfd4da;border-radius:18px;box-shadow:var(--shadow);padding:34px;font-size:clamp(22px,4vw,34px);text-align:center;scroll-snap-align:center}.testimonial-card strong{display:block;text-align:left;font-size:24px}.two-col{display:grid;gap:52px;align-items:center}.feature-list{display:grid;gap:44px}.feature-list article{display:grid;grid-template-columns:70px 1fr;gap:24px}.feature-list span{width:58px;height:58px;border-radius:8px;background:var(--orange);color:white;display:grid;place-items:center;font-size:30px;font-weight:900}.feature-list h3{margin-bottom:14px}.feature-list p,.free-account p,.benefit-cards p{font-size:clamp(24px,5vw,38px);letter-spacing:-.03em}.image-placeholder{min-height:380px;border:3px dashed #cfd4da;border-radius:var(--radius);display:grid;place-items:center;text-align:center;padding:24px;color:#777;background:white;font-weight:800}.free-account h2{text-align:left}.free-account h3{font-size:clamp(28px,5vw,42px)}.orange-proof{padding-top:35px}.proof-card{background:linear-gradient(145deg,#ff9449,var(--orange));color:white;border-radius:18px;box-shadow:var(--shadow);padding:clamp(36px,8vw,70px)}.proof-card h2{text-align:left;color:white}.proof-card p,.proof-card strong{font-size:clamp(24px,4.8vw,36px);font-weight:800}.pricing-section h2{margin-bottom:58px}.pricing-grid{display:grid;gap:46px}.price-card{background:white;border:1px solid #e6e6e8;border-radius:32px;box-shadow:var(--shadow);padding:clamp(32px,7vw,58px);max-width:760px;margin:auto}.price-card.featured{border:6px solid var(--orange)}.old-price{font-size:clamp(34px,7vw,54px);text-decoration:line-through}.discount{font-size:clamp(58px,13vw,96px);font-weight:900;color:#e7334f;letter-spacing:-.06em}.new-price{font-size:clamp(52px,10vw,78px);letter-spacing:-.07em}.new-price span{font-size:.48em;margin-left:2px}.price-card ul{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:24px;font-size:clamp(22px,4.5vw,34px)}.price-card li::before{content:""}.clean-hero{background:#f8f8f9}.benefit-cards{display:grid;gap:30px}.benefit-cards article{background:white;border:2px solid #cfd4da;border-radius:18px;box-shadow:var(--shadow);padding:34px}.faq-section{background:#f8f8f9}.section-subtitle{text-align:center;color:var(--muted);font-size:clamp(24px,5vw,36px);line-height:1.15}.faq-list{display:grid;gap:28px;margin-top:54px}details{background:white;border:2px solid #e0e4e8;border-radius:24px;box-shadow:0 12px 26px rgba(0,0,0,.05);padding:30px}summary{list-style:none;cursor:pointer;font-size:clamp(22px,4.4vw,32px);font-weight:900;color:#131827;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary::after{content:"+";color:var(--orange);font-size:40px;line-height:1}details[open] summary::after{content:"–"}details p{margin:22px 0 0;font-size:22px;color:#4b4b50}.final-cta{min-height:520px;display:grid;align-items:center}.final-cta h2{text-align:left;margin-bottom:54px}@media(min-width:860px){.site-header{height:94px}.brand{font-size:42px}.logo-mark{width:54px;height:54px;font-size:38px}.menu-toggle{display:none}.nav-menu{position:static;display:flex;align-items:center;gap:28px;background:transparent;box-shadow:none;padding:0}.nav-menu a{color:white;padding:0}.nav-cta{background:white;color:var(--orange)!important;padding:12px 20px!important;border-radius:10px}.hero-grid,.two-col{grid-template-columns:1.05fr .95fr}.reverse-mobile{direction:rtl}.reverse-mobile>*{direction:ltr}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start}.price-card{height:100%;margin:0}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:520px){.site-header{height:96px}.brand{font-size:42px}.logo-mark{width:62px;height:62px}.nav-menu{top:96px}h1{font-size:64px}.section{padding:62px 0}.container{width:min(100% - 30px,1180px)}.hero-orange{padding-top:38px}.btn{width:100%}.phone-mockup{width:220px;height:430px}.hero-visual{min-height:300px}.stats-grid{gap:32px 12px}.feature-list article{grid-template-columns:58px 1fr;gap:18px}.proof-card{padding:42px 30px}.final-cta{min-height:460px}}

/* Media reală BacLaBio */
.brand img{height:86px;width:auto;display:block}.logo-mark{display:none}.floating-phone{width:min(78vw,390px);height:auto;display:block;filter:drop-shadow(22px 24px 26px rgba(0,0,0,.18));transform:rotate(8deg);margin-inline:auto}.section-image{display:block;max-width:100%;height:auto;margin-inline:auto}.phone-large{max-height:760px;object-fit:contain}.laptop{width:min(100%,720px);filter:drop-shadow(0 18px 22px rgba(0,0,0,.12))}.hand-phone{width:min(100%,620px);margin-top:20px}.image-placeholder{display:none}@media(min-width:860px){.brand img{height:72px}.floating-phone{width:min(34vw,430px)}}@media(max-width:520px){.brand img{height:76px}.floating-phone{width:min(82vw,340px);transform:rotate(8deg)}.phone-large{max-height:620px}.hand-phone{width:min(100%,460px)}}

/* Ajustare proporții: elemente micșorate cu ~15–20% */
h1{font-size:clamp(48px,10.5vw,86px);line-height:1.12}
h2{font-size:clamp(36px,7.4vw,62px);line-height:1.14}
h3{font-size:clamp(22px,4.2vw,34px)}
.hero-copy p{font-size:clamp(21px,4.8vw,36px)}
.feature-list p,.free-account p,.benefit-cards p{font-size:clamp(20px,4.1vw,31px)}
.section-subtitle{font-size:clamp(20px,4.1vw,30px)}
.site-header{height:98px}
.nav-menu{top:98px}.brand img{height:72px}.menu-toggle{width:58px;height:50px;gap:7px}.menu-toggle span{height:5px}
.btn{min-height:60px;padding:14px 28px;font-size:clamp(18px,3.3vw,28px)}
.hero-orange{padding:44px 0 58px}.section{padding:68px 0}.intro-section{padding-top:88px}
.floating-phone{width:min(66vw,330px)}.phone-large{max-height:620px}.hand-phone{width:min(100%,500px)}.laptop{width:min(100%,610px)}
.stats-grid strong{width:min(33vw,230px);height:min(33vw,230px);font-size:clamp(28px,6.6vw,54px)}
.stats-grid span{font-size:clamp(20px,4.4vw,36px)}
.testimonial-card{padding:28px;font-size:clamp(19px,3.3vw,28px)}
.feature-list{gap:36px}.feature-list article{grid-template-columns:58px 1fr;gap:20px}.feature-list span{width:50px;height:50px;font-size:25px}
.price-card{padding:clamp(27px,5.8vw,48px)}.old-price{font-size:clamp(28px,5.7vw,44px)}.discount{font-size:clamp(48px,10.5vw,78px)}.new-price{font-size:clamp(42px,8.2vw,64px)}.price-card ul{font-size:clamp(19px,3.7vw,28px)}
summary{font-size:clamp(19px,3.5vw,27px)}details{padding:25px}

@media(min-width:860px){
  .site-header{height:82px}.brand img{height:60px}.nav-menu a{font-size:15px}.nav-cta{padding:10px 17px!important}
  .floating-phone{width:min(29vw,350px)}
}
@media(max-width:520px){
  .site-header{height:82px}.nav-menu{top:82px}.brand img{height:62px}.menu-toggle{width:52px;height:44px;gap:6px}.menu-toggle span{height:4px}
  h1{font-size:52px}h2{font-size:42px}.section{padding:52px 0}.hero-orange{padding-top:32px;padding-bottom:48px}
  .floating-phone{width:min(72vw,285px)}.phone-large{max-height:520px}.hand-phone{width:min(100%,390px)}
  .final-cta{min-height:390px}
}


/* Ajustare suplimentară: încă ~15–20% mai compact + meniu mobil animat */
:root{--header-height-mobile:76px;--header-height-desktop:76px}

.site-header{height:var(--header-height-mobile)!important;padding-inline:clamp(16px,4vw,46px)!important}
.brand img{height:54px!important;width:auto!important;max-width:190px!important;object-fit:contain!important}
.menu-toggle{width:46px!important;height:40px!important;gap:5px!important}
.menu-toggle span{height:4px!important}

h1{font-size:clamp(40px,8.8vw,70px)!important;line-height:1.08!important;letter-spacing:-.055em!important}
h2{font-size:clamp(30px,6.2vw,50px)!important;line-height:1.12!important}
h3{font-size:clamp(19px,3.5vw,29px)!important;line-height:1.18!important}
.hero-copy p{font-size:clamp(18px,4vw,29px)!important;line-height:1.18!important}
.feature-list p,.free-account p,.benefit-cards p,.proof-card p,.proof-card strong{font-size:clamp(17px,3.4vw,26px)!important;line-height:1.36!important}
.section-subtitle{font-size:clamp(17px,3.5vw,25px)!important}

.btn{min-height:50px!important;padding:11px 22px!important;font-size:clamp(16px,2.8vw,23px)!important;border-radius:9px!important}
.hero-orange{padding-top:34px!important;padding-bottom:44px!important}
.section{padding:54px 0!important}.intro-section{padding-top:64px!important}.final-cta{min-height:340px!important}
.hero-grid,.two-col{gap:34px!important}.hero-visual{min-height:245px!important}
.floating-phone{width:min(58vw,280px)!important;filter:drop-shadow(16px 18px 20px rgba(0,0,0,.16))!important}
.phone-large{max-height:450px!important}.hand-phone{width:min(100%,410px)!important}.laptop{width:min(100%,500px)!important}

.stats-grid{gap:24px 14px!important}.stats-grid strong{width:min(28vw,185px)!important;height:min(28vw,185px)!important;font-size:clamp(23px,5.5vw,43px)!important;margin-bottom:14px!important}.stats-grid span{font-size:clamp(17px,3.6vw,29px)!important}
.testimonial-card{padding:22px!important;font-size:clamp(16px,3vw,23px)!important}.testimonial-card strong{font-size:18px!important}
.feature-list{gap:28px!important}.feature-list article{grid-template-columns:50px 1fr!important;gap:16px!important}.feature-list span{width:42px!important;height:42px!important;font-size:21px!important}
.price-card{padding:clamp(22px,4.8vw,39px)!important;border-radius:26px!important}.old-price{font-size:clamp(24px,4.8vw,36px)!important}.discount{font-size:clamp(40px,8.8vw,64px)!important}.new-price{font-size:clamp(36px,7vw,54px)!important}.price-card ul{font-size:clamp(16px,3.1vw,23px)!important;gap:16px!important}
summary{font-size:clamp(16px,3vw,23px)!important}details{padding:20px!important;border-radius:18px!important}details p{font-size:17px!important}

/* Meniu mobil dropdown cu animație */
.nav-menu{display:grid!important;position:fixed!important;top:var(--header-height-mobile)!important;left:12px!important;right:12px!important;background:#fff!important;border-radius:0 0 22px 22px!important;padding:10px 18px 16px!important;box-shadow:0 18px 36px rgba(20,20,20,.16)!important;overflow:hidden!important;max-height:0!important;opacity:0!important;transform:translateY(-12px)!important;pointer-events:none!important;transition:max-height .34s ease, opacity .24s ease, transform .34s ease!important;z-index:49!important}
.nav-menu.open{max-height:390px!important;opacity:1!important;transform:translateY(0)!important;pointer-events:auto!important}
.nav-menu a{padding:12px 2px!important;color:#303033!important;font-size:16px!important;font-weight:850!important;text-decoration:none!important;border-bottom:1px solid rgba(0,0,0,.07)!important}
.nav-menu a:last-child{border-bottom:0!important}
.nav-menu .nav-cta-orange{color:var(--orange)!important;font-weight:950!important}

@media(min-width:860px){
  .site-header{height:var(--header-height-desktop)!important}
  .brand img{height:54px!important;max-width:195px!important}
  .menu-toggle{display:none!important}
  .nav-menu{position:static!important;display:flex!important;align-items:center!important;gap:22px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0!important;max-height:none!important;opacity:1!important;transform:none!important;pointer-events:auto!important;overflow:visible!important;transition:none!important}
  .nav-menu a{color:white!important;border-bottom:0!important;padding:0!important;font-size:14px!important;font-weight:800!important}
  .nav-menu .nav-cta-orange{background:white!important;color:var(--orange)!important;padding:10px 16px!important;border-radius:10px!important;font-weight:950!important}
  .hero-grid,.two-col{grid-template-columns:1.05fr .95fr!important}
  .floating-phone{width:min(24vw,290px)!important}
  .hero-visual{min-height:280px!important}
}

@media(max-width:520px){
  .site-header{height:74px!important}.nav-menu{top:74px!important}.brand img{height:48px!important;max-width:170px!important}
  h1{font-size:40px!important}h2{font-size:32px!important}.hero-orange{padding-top:26px!important;padding-bottom:38px!important}.section{padding:44px 0!important}
  .container{width:min(100% - 28px,1180px)!important}.hero-visual{min-height:220px!important}.floating-phone{width:min(64vw,245px)!important}.phone-large{max-height:410px!important}.hand-phone{width:min(100%,330px)!important}.laptop{width:min(100%,420px)!important}
}

/* =========================================================
   Ajustări cerute: CTA header, review-uri, proof, pricing, ultimul section
   ========================================================= */

/* CTA din main header: mai îngust, dar ușor mai înalt */
.nav-menu .nav-cta-orange{
  padding: 14px 18px !important;
  min-height: 50px !important;
  border-radius: 14px !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Pe desktop, CTA-ul rămâne compact și vizibil */
@media (min-width: 860px){
  .nav-menu .nav-cta-orange{
    padding: 13px 18px !important;
    min-height: 48px !important;
    border-radius: 13px !important;
    font-size: 13px !important;
  }
}

/* Review-uri mai mici + numele bold */
.testimonials-strip{
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.testimonial-track{
  gap: 18px !important;
}

.testimonial-card{
  padding: 16px 18px !important;
  border-radius: 18px !important;
  font-size: clamp(14px, 2.4vw, 18px) !important;
  line-height: 1.42 !important;
  box-shadow: 0 8px 20px rgba(20,20,20,.10) !important;
}

.testimonial-card p{
  margin-bottom: 12px !important;
}

.testimonial-card strong{
  font-weight: 900 !important;
  font-size: clamp(14px, 2.2vw, 17px) !important;
  color: var(--dark) !important;
}

/* Secțiunea portocalie cu 75.000 elevi ajutați: mai compactă */
.orange-proof{
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.proof-card{
  padding: clamp(26px, 5vw, 46px) !important;
  border-radius: 26px !important;
  max-width: 980px !important;
  margin-inline: auto !important;
}

.proof-card h2{
  font-size: clamp(28px, 5vw, 46px) !important;
  margin-bottom: 18px !important;
}

.proof-card p{
  font-size: clamp(16px, 2.8vw, 22px) !important;
  line-height: 1.38 !important;
  margin-bottom: 16px !important;
}

.proof-card strong{
  font-size: clamp(14px, 2.4vw, 18px) !important;
  font-weight: 900 !important;
}

/* Pricing: chenare mai mici */
.pricing-section{
  padding-top: 46px !important;
  padding-bottom: 54px !important;
}

.pricing-section h2{
  margin-bottom: 28px !important;
}

.pricing-grid{
  gap: 20px !important;
}

.price-card{
  padding: clamp(18px, 3.8vw, 30px) !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 24px rgba(20,20,20,.10) !important;
}

.price-card h3{
  font-size: clamp(18px, 3vw, 24px) !important;
  margin-bottom: 12px !important;
}

.old-price{
  font-size: clamp(18px, 3.5vw, 28px) !important;
  margin-bottom: 4px !important;
}

.discount{
  font-size: clamp(32px, 7vw, 52px) !important;
  margin: 4px 0 !important;
}

.new-price{
  font-size: clamp(30px, 5.8vw, 46px) !important;
  margin: 8px 0 16px !important;
}

.price-card ul{
  font-size: clamp(14px, 2.5vw, 18px) !important;
  gap: 10px !important;
  margin-top: 18px !important;
}

.price-card .btn{
  min-height: 44px !important;
  padding: 10px 18px !important;
  font-size: clamp(14px, 2.3vw, 18px) !important;
}

/* Planul lunar scos mai puternic în evidență */
.price-card.featured{
  position: relative !important;
  z-index: 3 !important;
  border: 3px solid var(--orange) !important;
  transform: translateY(-10px) scale(1.04) !important;
  box-shadow: 0 24px 60px rgba(251,101,8,.28), 0 14px 28px rgba(20,20,20,.12) !important;
}

.price-card.featured::before{
  content: "RECOMANDAT";
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--orange);
  color: #fff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .08em;
  padding: 7px 14px;
  border-radius: 999px;
  box-shadow: 0 10px 18px rgba(251,101,8,.24);
}

/* Ultimul section cu telefonul în mână: cu aproximativ 40% mai mic */
.clean-hero{
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.clean-hero .two-col{
  gap: 22px !important;
  align-items: center !important;
}

.clean-hero h2{
  font-size: clamp(24px, 4.8vw, 38px) !important;
  margin-bottom: 12px !important;
}

.clean-hero .hand-phone{
  width: min(100%, 246px) !important;
  margin-top: 8px !important;
}

.clean-hero .benefit-cards{
  gap: 14px !important;
}

.clean-hero .benefit-cards article{
  padding: 18px !important;
  border-radius: 18px !important;
}

.clean-hero .benefit-cards h3{
  font-size: clamp(17px, 2.8vw, 22px) !important;
  margin-bottom: 8px !important;
}

.clean-hero .benefit-cards p{
  font-size: clamp(14px, 2.3vw, 18px) !important;
  line-height: 1.35 !important;
}

@media (max-width: 768px){
  .nav-menu .nav-cta-orange{
    min-height: auto !important;
    padding: 12px 2px !important;
    justify-content: flex-start !important;
  }

  .testimonials-strip{
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }

  .testimonial-card{
    padding: 14px 16px !important;
  }

  .proof-card{
    padding: 26px 20px !important;
  }

  .pricing-grid{
    gap: 14px !important;
  }

  .price-card.featured{
    transform: scale(1.02) !important;
    margin-top: 12px !important;
    margin-bottom: 8px !important;
  }

  .clean-hero{
    padding-top: 26px !important;
    padding-bottom: 26px !important;
  }

  .clean-hero .hand-phone{
    width: min(100%, 210px) !important;
  }
}

/* =========================================================
   Ajustări finale: Montserrat, review width/height, pricing spacing, navbar font
   ========================================================= */


html,
body,
button,
a,
input,
textarea,
select,
h1,
h2,
h3,
p,
span,
strong,
summary,
details,
li {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}

/* Font puțin mai mare în bara de sus */
.nav-menu a {
  font-size: 17px !important;
  line-height: 1.15 !important;
}

@media (min-width: 860px){
  .nav-menu a{
    font-size: 16px !important;
  }

  .nav-menu .nav-cta-orange{
    font-size: 15px !important;
  }
}

@media (max-width: 859px){
  .nav-menu a{
    font-size: 17px !important;
  }
}

/* Review-urile: max 60% desktop, 90% mobil, casete mai înalte */
.testimonials-strip{
  display: flex !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.testimonial-track{
  width: 90% !important;
  max-width: 90% !important;
  margin-inline: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.testimonial-card{
  min-height: 190px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding-top: 26px !important;
  padding-bottom: 26px !important;
}

.testimonial-card p{
  line-height: 1.55 !important;
}

.testimonial-card strong{
  font-weight: 950 !important;
}

@media (min-width: 860px){
  .testimonial-track{
    width: 60% !important;
    max-width: 60% !important;
  }

  .testimonial-card{
    flex-basis: 100% !important;
    min-height: 210px !important;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
}

@media (max-width: 859px){
  .testimonial-track{
    width: 90% !important;
    max-width: 90% !important;
  }

  .testimonial-card{
    flex-basis: 100% !important;
    min-height: 200px !important;
  }
}

/* Distanță mai mare între titlul de ofertă și cardurile de preț */
.pricing-section h2{
  margin-bottom: 58px !important;
}

@media (min-width: 860px){
  .pricing-section h2{
    margin-bottom: 64px !important;
  }
}

@media (max-width: 768px){
  .pricing-section h2{
    margin-bottom: 54px !important;
  }
}

/* =========================================================
   V3: Recenzii ca în referință + letter spacing mai aerisit
   ========================================================= */

html,
body{
  letter-spacing: .012em !important;
}

body,
p,
li,
a,
button,
summary,
details,
span,
strong{
  letter-spacing: .012em !important;
}

h1,
h2,
h3{
  letter-spacing: -.018em !important;
}

.site-header .nav-menu a{
  letter-spacing: .025em !important;
}

.btn{
  letter-spacing: .018em !important;
}

.stats-grid strong,
.discount,
.new-price,
.old-price{
  letter-spacing: -.02em !important;
}

/* Recenzii desktop: 4 carduri pe rând, ca în captura trimisă */
.testimonials-strip{
  display: block !important;
  overflow: visible !important;
  padding-top: 56px !important;
  padding-bottom: 92px !important;
  background: #f7f7f8 !important;
}

.testimonial-track{
  width: min(86vw, 1480px) !important;
  max-width: min(86vw, 1480px) !important;
  margin-inline: auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 28px !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
  align-items: center !important;
}

.testimonial-card{
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: initial !important;
  min-height: 220px !important;
  background: #fff !important;
  border: 1.5px solid #bfc5cc !important;
  border-radius: 10px !important;
  box-shadow: 3px 5px 8px rgba(0,0,0,.28) !important;
  padding: 22px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  text-align: center !important;
  color: #242528 !important;
  font-size: 18px !important;
  line-height: 1.33 !important;
  transform: none !important;
  scroll-snap-align: unset !important;
}

.testimonial-card p{
  margin: 0 0 18px !important;
  font-size: 18px !important;
  line-height: 1.33 !important;
  font-weight: 400 !important;
  letter-spacing: .015em !important;
}

.testimonial-card strong{
  display: block !important;
  text-align: left !important;
  margin-top: auto !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  letter-spacing: .005em !important;
  color: #202124 !important;
}

/* Stagger discret ca în referință */
.testimonial-card:nth-child(1){ min-height: 260px !important; }
.testimonial-card:nth-child(2){ min-height: 205px !important; }
.testimonial-card:nth-child(3){ min-height: 180px !important; }
.testimonial-card:nth-child(4){ min-height: 205px !important; }

@media (max-width: 1180px){
  .testimonial-track{
    width: min(92vw, 980px) !important;
    max-width: min(92vw, 980px) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
  }
}

@media (max-width: 680px){
  .testimonials-strip{
    padding-top: 34px !important;
    padding-bottom: 58px !important;
  }

  .testimonial-track{
    width: 90% !important;
    max-width: 90% !important;
    display: flex !important;
    overflow-x: auto !important;
    gap: 18px !important;
    scroll-snap-type: x mandatory !important;
    padding-bottom: 12px !important;
  }

  .testimonial-card{
    flex: 0 0 100% !important;
    min-height: 255px !important;
    padding: 22px 22px !important;
    font-size: 17px !important;
    scroll-snap-align: center !important;
  }

  .testimonial-card p{
    font-size: 17px !important;
    line-height: 1.38 !important;
  }

  .testimonial-card strong{
    font-size: 15px !important;
  }

  h1,h2,h3{
    letter-spacing: -.012em !important;
  }
}

/* =========================================================
   STATS CIRCLES - v4: mai mici cu ~30-40%
========================================================= */
#statistici.stats-section,
.stats-section{
  padding-top: 42px !important;
  padding-bottom: 52px !important;
}

.stats-grid{
  width: min(820px, calc(100% - 44px)) !important;
  max-width: 820px !important;
  margin-inline: auto !important;
  gap: 18px 18px !important;
  align-items: start !important;
}

.stats-grid article{
  text-align: center !important;
}

.stats-grid strong{
  width: min(18vw, 120px) !important;
  height: min(18vw, 120px) !important;
  max-width: 120px !important;
  max-height: 120px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  margin: 0 auto 12px !important;
  font-size: clamp(20px, 2.7vw, 34px) !important;
  line-height: 1 !important;
  letter-spacing: -0.035em !important;
}

.stats-grid span{
  font-size: clamp(15px, 1.8vw, 22px) !important;
  line-height: 1.14 !important;
  letter-spacing: 0.005em !important;
  max-width: 150px !important;
  margin-inline: auto !important;
}

@media (max-width: 860px){
  .stats-grid{
    width: min(520px, 92vw) !important;
    max-width: 520px !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 26px 16px !important;
  }

  .stats-grid strong{
    width: min(24vw, 92px) !important;
    height: min(24vw, 92px) !important;
    min-width: 76px !important;
    min-height: 76px !important;
    max-width: 92px !important;
    max-height: 92px !important;
    font-size: clamp(18px, 5vw, 25px) !important;
    margin-bottom: 10px !important;
  }

  .stats-grid span{
    font-size: clamp(15px, 4vw, 20px) !important;
    max-width: 130px !important;
  }
}

@media (max-width: 420px){
  #statistici.stats-section,
  .stats-section{
    padding-top: 34px !important;
    padding-bottom: 44px !important;
  }

  .stats-grid{
    gap: 24px 10px !important;
  }

  .stats-grid strong{
    width: 78px !important;
    height: 78px !important;
    min-width: 78px !important;
    min-height: 78px !important;
    font-size: 19px !important;
  }

  .stats-grid span{
    font-size: 15px !important;
    line-height: 1.16 !important;
  }
}


/* =========================================================
   V5: Tipografie consistentă pe toată pagina
   - h1-ul din hero rămâne singurul titlu foarte mare
   - toate titlurile mari de secțiune au aceeași dimensiune
   - subtitlurile/card-title-urile și textul de paragraf sunt uniformizate
========================================================= */
:root{
  --title-size: clamp(30px, 3.2vw, 38px);
  --title-line-height: 1.16;
  --subtitle-size: clamp(18px, 1.75vw, 22px);
  --body-size: clamp(16px, 1.45vw, 18px);
  --small-body-size: clamp(14px, 1.15vw, 16px);
}

html,
body,
button,
a,
input,
textarea,
select,
h1,
h2,
h3,
p,
span,
strong,
summary,
details,
li{
  font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}

/* Titlul principal rămâne diferit */
.hero-copy h1{
  font-size: clamp(40px, 8.8vw, 70px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.055em !important;
  font-weight: 900 !important;
}

/* Toate titlurile mari de secțiune devin egale */
section h2,
.intro-section h2,
.weapon-section h2,
.free-account h2,
.orange-proof h2,
.proof-card h2,
.pricing-section h2,
.clean-hero h2,
.faq-section h2,
.final-cta h2{
  font-size: var(--title-size) !important;
  line-height: var(--title-line-height) !important;
  letter-spacing: -0.018em !important;
  font-weight: 900 !important;
}

/* Păstrăm alinierea specifică unde era intenționată */
.intro-section h2,
.weapon-section h2,
.pricing-section h2,
.faq-section h2{
  text-align: center !important;
}
.free-account h2,
.orange-proof h2,
.proof-card h2,
.clean-hero h2,
.final-cta h2{
  text-align: left !important;
}

/* Toate titlurile secundare/card-title-urile egale */
h3,
.feature-list h3,
.free-account h3,
.benefit-cards h3,
.price-card h3{
  font-size: var(--subtitle-size) !important;
  line-height: 1.22 !important;
  letter-spacing: -0.006em !important;
  font-weight: 850 !important;
}

/* Text de conținut uniformizat */
.hero-copy p,
.feature-list p,
.free-account p,
.benefit-cards p,
.proof-card p,
.section-subtitle,
details p,
.price-card ul,
.price-card li{
  font-size: var(--body-size) !important;
  line-height: 1.52 !important;
  letter-spacing: 0.012em !important;
  font-weight: 400 !important;
}

/* Texte mici/auxiliare */
.hero-note,
.proof-card strong,
.testimonial-card strong,
.nav-menu a{
  font-size: var(--small-body-size) !important;
  line-height: 1.3 !important;
}

/* Recenziile rămân compacte, dar textul este consistent */
.testimonial-card p{
  font-size: var(--body-size) !important;
  line-height: 1.38 !important;
  letter-spacing: 0.012em !important;
}
.testimonial-card strong{
  font-weight: 900 !important;
  letter-spacing: 0.006em !important;
}

/* FAQ întrebări consistente cu subtitlurile */
summary{
  font-size: var(--subtitle-size) !important;
  line-height: 1.25 !important;
  letter-spacing: -0.004em !important;
}
summary::after{
  font-size: 30px !important;
}

/* Nu uniformizăm numerele mari, reducerile și prețurile */
.stats-grid strong,
.discount,
.new-price,
.old-price{
  font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
}

/* Spațieri ajustate după scăderea titlurilor */
.intro-section{padding-top: 52px !important;}
.pricing-section h2{margin-bottom: 58px !important;}
.final-cta h2{margin-bottom: 34px !important;}
.clean-hero h2{margin-bottom: 18px !important;}
.free-account h2{margin-bottom: 22px !important;}
.faq-list{margin-top: 40px !important;}

@media (max-width: 680px){
  :root{
    --title-size: 30px;
    --subtitle-size: 18px;
    --body-size: 16px;
    --small-body-size: 14px;
  }

  .hero-copy h1{
    font-size: 40px !important;
  }

  section h2,
  .intro-section h2,
  .weapon-section h2,
  .free-account h2,
  .orange-proof h2,
  .proof-card h2,
  .pricing-section h2,
  .clean-hero h2,
  .faq-section h2,
  .final-cta h2{
    font-size: var(--title-size) !important;
  }
}

/* =========================================================
   V6: Buline statistici mai mari + carduri prețuri mai compacte
========================================================= */

/* Bulinele au fost mărite astfel încât valorile 74.856 / 667.660 etc. să încapă clar. */
.stats-grid{
  width: min(980px, calc(100% - 44px)) !important;
  max-width: 980px !important;
  gap: 24px 28px !important;
}

.stats-grid strong{
  width: clamp(150px, 15vw, 180px) !important;
  height: clamp(150px, 15vw, 180px) !important;
  min-width: 150px !important;
  min-height: 150px !important;
  max-width: 180px !important;
  max-height: 180px !important;
  font-size: clamp(28px, 2.6vw, 38px) !important;
  line-height: 1 !important;
  letter-spacing: -0.045em !important;
  margin-bottom: 14px !important;
  padding: 0 10px !important;
  white-space: nowrap !important;
}

.stats-grid span{
  max-width: 170px !important;
}

/* Carduri de preț mai mici pe desktop, păstrând planul lunar evidențiat. */
.pricing-grid{
  width: min(1040px, calc(100% - 44px)) !important;
  max-width: 1040px !important;
  margin-inline: auto !important;
  gap: 22px !important;
}

.price-card{
  max-width: 330px !important;
  width: 100% !important;
  padding: 24px 24px 26px !important;
  border-radius: 24px !important;
  box-shadow: 0 10px 24px rgba(20,20,20,.12) !important;
}

.price-card h3{
  font-size: 20px !important;
  line-height: 1.18 !important;
  margin-bottom: 18px !important;
}

.old-price{
  font-size: 24px !important;
  line-height: 1.1 !important;
  margin-bottom: 8px !important;
}

.discount{
  font-size: 44px !important;
  line-height: 1.02 !important;
  margin: 8px 0 14px !important;
}

.new-price{
  font-size: 38px !important;
  line-height: 1.05 !important;
  margin-bottom: 22px !important;
}

.price-card .btn,
.price-card a.btn{
  min-height: 48px !important;
  padding: 10px 18px !important;
  font-size: 17px !important;
  border-width: 2px !important;
  border-radius: 8px !important;
}

.price-card ul{
  margin-top: 22px !important;
  gap: 12px !important;
  font-size: 15px !important;
  line-height: 1.42 !important;
}

.price-card.featured{
  border: 4px solid var(--orange) !important;
  transform: translateY(-8px) scale(1.03) !important;
  box-shadow: 0 22px 46px rgba(249,101,8,.22), 0 10px 24px rgba(20,20,20,.12) !important;
  z-index: 2 !important;
}

.price-card.featured::before{
  top: -14px !important;
}

@media (min-width: 860px){
  .pricing-grid{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: start !important;
  }
}

@media (max-width: 860px){
  .stats-grid{
    width: min(560px, 92vw) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px 18px !important;
  }

  .stats-grid strong{
    width: clamp(126px, 36vw, 150px) !important;
    height: clamp(126px, 36vw, 150px) !important;
    min-width: 126px !important;
    min-height: 126px !important;
    max-width: 150px !important;
    max-height: 150px !important;
    font-size: clamp(24px, 6vw, 31px) !important;
    padding: 0 8px !important;
  }

  .stats-grid span{
    font-size: 16px !important;
    max-width: 150px !important;
  }

  .pricing-grid{
    width: min(420px, 92vw) !important;
    max-width: 420px !important;
    gap: 24px !important;
  }

  .price-card,
  .price-card.featured{
    max-width: 420px !important;
    transform: none !important;
    padding: 24px !important;
  }
}

@media (max-width: 420px){
  .stats-grid strong{
    width: 130px !important;
    height: 130px !important;
    min-width: 130px !important;
    min-height: 130px !important;
    max-width: 130px !important;
    max-height: 130px !important;
    font-size: 25px !important;
  }

  .stats-grid{
    gap: 26px 10px !important;
  }
}


/* =========================================================
   V13: Actualizare preț pachet până la BAC + pricing mobil -10%
========================================================= */

@media (max-width: 860px){
  .pricing-grid{
    width: min(378px, 86vw) !important;
    max-width: 378px !important;
    gap: 20px !important;
  }

  .price-card,
  .price-card.featured{
    max-width: 378px !important;
    padding: 21px 21px 23px !important;
    border-radius: 22px !important;
  }

  .price-card h3{
    font-size: 18px !important;
    margin-bottom: 16px !important;
  }

  .old-price{
    font-size: 22px !important;
  }

  .discount{
    font-size: 40px !important;
    margin: 7px 0 12px !important;
  }

  .new-price{
    font-size: 34px !important;
    margin-bottom: 20px !important;
  }

  .price-card .btn,
  .price-card a.btn{
    min-height: 44px !important;
    padding: 9px 16px !important;
    font-size: 15px !important;
  }

  .price-card ul{
    margin-top: 20px !important;
    gap: 10px !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
  }
}