*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{

scroll-behavior:smooth;

}

body{
  overflow-x:hidden;
	
font-family:'Vazirmatn',sans-serif;
background:#f8f7f4;
color:#151515;

}

.container{

width:90%;
max-width:1400px;
margin:auto;

}

.hero{

min-height:100vh;
display:flex;
align-items:center;
position:relative;
overflow:hidden;

}

.hero::before{

content:"";
position:absolute;
left:-80px;
top:-200px;

width:100%;
max-width:700px;
height:700px;

background:radial-gradient(circle,#d9c89c33,transparent);

z-index:0;

}

.hero-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:80px;

align-items:center;

position:relative;

z-index:2;

}

.badge{

display:inline-block;

padding:10px 20px;

border-radius:50px;

background:white;

box-shadow:0 15px 35px rgba(0,0,0,.08);

font-size:.9rem;

margin-bottom:30px;

}

.hero h1{

font-size:4rem;

font-weight:800;

line-height:1.35;

}

.hero h1 span{

display:block;

margin-top:12px;

font-size:2.1rem;

font-weight:500;

color:#9d7a2d;

}

.description{

margin-top:35px;

font-size:1.2rem;

line-height:2.2;

color:#555;

}

.features{

display:flex;

flex-direction:column;

gap:18px;

margin-top:45px;

}

.feature{

background:white;

padding:18px 22px;

border-radius:16px;

box-shadow:0 15px 30px rgba(0,0,0,.05);

font-size:1.05rem;

transition:.35s;

}

.feature:hover{

transform:translateY(-6px);

}

.price-box{

margin-top:45px;

display:flex;

align-items:center;

gap:20px;

}

.old-price{

text-decoration:line-through;

font-size:1.3rem;

color:#999;

}

.new-price{

font-size:2.5rem;

font-weight:800;

color:#111;

}

.buy-btn{

margin-top:30px;

display:inline-flex;

align-items:center;

justify-content:center;

height:68px;

padding:0 55px;

background:#111;

color:white;

text-decoration:none;

border-radius:18px;

font-size:1.15rem;

transition:.35s;

}

.buy-btn:hover{

background:#333;

transform:translateY(-4px);

}

.trust{

margin-top:35px;

font-size:1rem;

line-height:2;

color:#666;

}

.hero-image{

display:flex;

justify-content:center;

}

.hero-image img{

width:90%;

max-width:520px;

filter:drop-shadow(0 35px 70px rgba(0,0,0,.18));

animation:float 5s ease-in-out infinite;

}

@keyframes float{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-18px);

}

100%{

transform:translateY(0);

}

}

.scroll-down{

position:absolute;

bottom:35px;

left:50%;

transform:translateX(-50%);

font-size:2rem;

animation:jump 1.6s infinite;

color:#999;

}

@keyframes jump{

0%,100%{

transform:translate(-50%,0);

}

50%{

transform:translate(-50%,10px);

}

}

@media(max-width:992px){

.hero-grid{

grid-template-columns:1fr;

text-align:center;

}

.hero h1{

font-size:2.7rem;

}

.hero h1 span{

font-size:1.5rem;

}

.features{

align-items:center;

}

.feature{

width:100%;

}

.hero-image{

order:-1;

margin-bottom:50px;

}

}

.video-section{

padding:140px 0;

background:white;

}

.section-header{

text-align:center;

max-width:900px;

margin:auto;

margin-bottom:70px;

}

.section-tag{

display:inline-block;

padding:10px 24px;

background:#111;

color:white;

border-radius:40px;

margin-bottom:25px;

font-size:.9rem;

}

.section-header h2{

font-size:3rem;

line-height:1.5;

margin-bottom:25px;

}

.section-header p{

font-size:1.2rem;

line-height:2.1;

color:#666;

}

.video-wrapper{

display:grid;

grid-template-columns:2fr 1fr;

gap:45px;

align-items:start;

}

.video-box{

border-radius:25px;

overflow:hidden;

box-shadow:0 35px 80px rgba(0,0,0,.12);

background:#000;

}

.video-box iframe{

width:100%;

height:620px;

border:none;

display:block;

}

.video-note{

display:flex;

flex-direction:column;

gap:25px;

}

.note-card{

background:#fafafa;

border:1px solid #eee;

border-radius:22px;

padding:30px;

display:flex;

gap:18px;

transition:.35s;

}

.note-card:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.icon{

font-size:34px;

}

.note-card h3{

margin-bottom:12px;

font-size:1.25rem;

}

.note-card p{

line-height:2;

color:#666;

}

@media(max-width:992px){

.video-wrapper{

grid-template-columns:1fr;

}

.video-box iframe{

height:380px;

}

.section-header h2{

font-size:2.2rem;

}

}

.problem-section{

padding:150px 0;

background:#f8f7f4;

}

.problem-title{

text-align:center;

max-width:900px;

margin:auto;

margin-bottom:90px;

}

.problem-title h2{

font-size:3rem;

line-height:1.6;

margin-bottom:25px;

}

.problem-title p{

font-size:1.2rem;

line-height:2.1;

color:#666;

}

.problem-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

}

.problem-card{

background:white;

padding:45px;

border-radius:24px;

box-shadow:0 25px 60px rgba(0,0,0,.05);

transition:.4s;

position:relative;

overflow:hidden;

}

.problem-card::before{

content:"";

position:absolute;

left:0;

top:0;

width:100%;

height:4px;

background:#A67C2E;

transform:scaleX(0);

transition:.4s;

}

.problem-card:hover{

transform:translateY(-10px);

}

.problem-card:hover::before{

transform:scaleX(1);

}

.number{

font-size:4rem;

font-weight:800;

color:#e7e7e7;

margin-bottom:20px;

}

.problem-card h3{

font-size:1.6rem;

margin-bottom:18px;

}

.problem-card p{

line-height:2.1;

color:#666;

font-size:1.05rem;

}

.problem-arrow{

font-size:4rem;

text-align:center;

margin:80px 0;

color:#A67C2E;

animation:jump 2s infinite;

}

.solution-box{

max-width:1000px;

margin:auto;

background:#111;

color:white;

padding:70px;

border-radius:28px;

text-align:center;

box-shadow:0 40px 80px rgba(0,0,0,.18);

}

.solution-box h3{

font-size:2.2rem;

line-height:1.8;

margin-bottom:25px;

}

.solution-box p{

font-size:1.25rem;

line-height:2;

color:#d7d7d7;

}

@media(max-width:992px){

.problem-grid{

grid-template-columns:1fr;

}

.problem-title h2{

font-size:2.2rem;

}

.solution-box{

padding:40px 25px;

}

.solution-box h3{

font-size:1.6rem;

}

}

.discovery-section{

padding:150px 0;

background:white;

}

.timeline{

max-width:900px;

margin:90px auto;

position:relative;

}

.timeline::before{

content:"";

position:absolute;

right:34px;

top:0;

bottom:0;

width:3px;

background:#ececec;

}

.timeline-item{

display:flex;

gap:30px;

margin-bottom:60px;

position:relative;

}

.timeline-icon{

width:70px;

height:70px;

border-radius:50%;

background:#111;

color:white;

display:flex;

justify-content:center;

align-items:center;

font-size:30px;

flex-shrink:0;

box-shadow:0 15px 35px rgba(0,0,0,.15);

z-index:2;

}

.timeline-content{

background:#fafafa;

padding:35px;

border-radius:20px;

flex:1;

border:1px solid #eee;

transition:.35s;

}

.timeline-content:hover{

transform:translateY(-8px);

box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.timeline-content h3{

margin-bottom:15px;

font-size:1.4rem;

}

.timeline-content p{

line-height:2.1;

color:#666;

}

.quote-box{

margin-top:100px;

background:linear-gradient(135deg,#111,#2b2b2b);

padding:70px;

border-radius:30px;

color:white;

text-align:center;

box-shadow:0 40px 80px rgba(0,0,0,.15);

}

.quote-box p{

font-size:2rem;

line-height:2;

font-weight:500;

color:#f5f5f5;

}

@media(max-width:992px){

.timeline::before{

display:none;

}

.timeline-item{

flex-direction:column;

align-items:flex-start;

}

.timeline-icon{

margin-right:10px;

}

.quote-box{

padding:40px 25px;

}

.quote-box p{

font-size:1.35rem;

}

}

.system-section{

padding:160px 0;

background:#f6f6f3;

}

.system-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

margin-top:80px;

}

.system-card{

background:white;

padding:45px;

border-radius:28px;

box-shadow:0 25px 70px rgba(0,0,0,.06);

transition:.45s;

position:relative;

overflow:hidden;

border:1px solid #ececec;

}

.system-card::after{

content:"";

position:absolute;

top:0;

right:0;

width:100%;

height:5px;

background:#A67C2E;

transform:scaleX(0);

transform-origin:right;

transition:.45s;

}

.system-card:hover{

transform:translateY(-12px);

box-shadow:0 35px 90px rgba(0,0,0,.10);

}

.system-card:hover::after{

transform:scaleX(1);

}

.featured{

transform:scale(1.03);

}

.featured:hover{

transform:scale(1.05);

}

.system-icon{

width:82px;

height:82px;

border-radius:22px;

background:#111;

color:white;

display:flex;

align-items:center;

justify-content:center;

font-size:38px;

margin-bottom:30px;

}

.system-card h3{

font-size:1.9rem;

margin-bottom:10px;

}

.system-card h4{

color:#A67C2E;

font-size:1.1rem;

margin-bottom:25px;

font-weight:600;

}

.system-card p{

line-height:2.1;

color:#666;

margin-bottom:28px;

}

.system-card ul{

list-style:none;

display:flex;

flex-direction:column;

gap:14px;

}

.system-card li{

font-size:1rem;

color:#444;

}

@media(max-width:992px){

.system-grid{

grid-template-columns:1fr;

}

.featured{

transform:none;

}

.featured:hover{

transform:translateY(-8px);

}

}

.minds-section{

padding:170px 0;

background:#ffffff;

}

.minds-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:35px;

margin-top:80px;

}

.mind-card{

height:420px;

perspective:1200px;

}

.card-inner{

position:relative;

width:100%;

height:100%;

transition:.8s;

transform-style:preserve-3d;

}

.mind-card:hover .card-inner{

transform:rotateY(180deg);

}

.card-front,

.card-back{

position:absolute;

width:100%;

height:100%;

border-radius:28px;

overflow:hidden;

backface-visibility:hidden;

box-shadow:0 30px 80px rgba(0,0,0,.08);

}

.card-front{

background:white;

}

.card-front img{

width:100%;

height:270px;

object-fit:cover;

}

.card-front h3{

padding:25px 25px 8px;

font-size:1.6rem;

}

.card-front span{

padding:0 25px;

color:#888;

}

.card-back{

background:#111;

color:white;

transform:rotateY(180deg);

display:flex;

flex-direction:column;

justify-content:center;

padding:45px;

}

.card-back h4{

font-size:2rem;

margin-bottom:25px;

color:#D4AF37;

}

.card-back p{

line-height:2.1;

font-size:1.1rem;

color:#eee;

}

.more-box{

margin-top:90px;

text-align:center;

padding:70px;

background:#f7f7f7;

border-radius:30px;

}

.plus{

font-size:5rem;

font-weight:800;

color:#D4AF37;

margin-bottom:15px;

}

.more-box h3{

font-size:2rem;

margin-bottom:20px;

}

.more-box p{

line-height:2;

font-size:1.1rem;

color:#666;

}

@media(max-width:992px){

.minds-grid{

grid-template-columns:1fr;

}

}

.before-after-section{

padding:170px 0;

background:#f7f7f5;

}

.compare-box{

display:grid;

grid-template-columns:1fr 120px 1fr;

gap:40px;

align-items:center;

margin-top:90px;

}

.compare-column{

background:white;

border-radius:28px;

padding:50px;

box-shadow:0 25px 70px rgba(0,0,0,.06);

}

.compare-title{

font-size:2.3rem;

font-weight:800;

margin-bottom:35px;

}

.gold{

color:#A67C2E;

}

.compare-item{

padding:18px 0;

border-bottom:1px solid #ececec;

font-size:1.1rem;

line-height:2;

}

.compare-item:last-child{

border:none;

}

.middle-arrow{

font-size:5rem;

text-align:center;

color:#A67C2E;

font-weight:bold;

animation:moveArrow 2s infinite;

}

@keyframes moveArrow{

0%,100%{

transform:translateX(0);

}

50%{

transform:translateX(10px);

}

}

.result-box{

margin-top:90px;

padding:70px;

border-radius:28px;

background:#111;

color:white;

text-align:center;

box-shadow:0 40px 90px rgba(0,0,0,.15);

}

.result-box h3{

font-size:2rem;

line-height:2;

font-weight:500;

}

@media(max-width:992px){

.compare-box{

grid-template-columns:1fr;

}

.middle-arrow{

transform:rotate(90deg);

}

}

.evidence-section{

  padding:64px 0;
  background:white;
}

.evidence-slider{
  position:relative;
  margin-top:48px;
}

.evidence-wall{
  display:flex;
  gap:20px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding:8px 56px 12px;
}

.evidence-wall::-webkit-scrollbar{
  display:none;
}

.evidence-card{
  flex:0 0 320px;
  width:320px;
  aspect-ratio:1/1;
  border-radius:20px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 14px 35px rgba(0,0,0,.10);
  transition:transform .3s ease, box-shadow .3s ease;
  cursor:pointer;
}

.evidence-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(0,0,0,.14);
}

.evidence-card img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.evidence-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border:none;
  border-radius:50%;
  background:#ffffff;
  color:#111;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
  cursor:pointer;
  z-index:2;
  font-size:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s;
}

.evidence-arrow:hover{
  background:#111;
  color:#fff;
}

.evidence-arrow-prev{
  left:0;
}

.evidence-arrow-next{
  right:0;
}


.trust-box{

margin-top:90px;

padding:70px;

background:#111;

color:white;

border-radius:30px;

text-align:center;

box-shadow:0 40px 90px rgba(0,0,0,.18);

}

.trust-box h3{

font-size:2rem;

margin-bottom:30px;

}

.trust-box p{

line-height:2.2;

font-size:1.15rem;

color:#ddd;

}

@media(max-width:992px){
  .evidence-wall{
    gap:16px;
    padding:8px 48px 12px;
  }

  .evidence-card{
    flex:0 0 260px;
    width:260px;
  }
}

@media(max-width:650px){
  .evidence-wall{
    padding:8px 40px 12px;
  }

  .evidence-card{
    flex:0 0 220px;
    width:220px;
  }

  .evidence-arrow{
    width:38px;
    height:38px;
    font-size:18px;
  }
}




.fit-section{

padding:170px 0;

background:#f8f8f8;

}

.fit-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:45px;

margin-top:80px;

}

.fit-card{

padding:55px;

border-radius:28px;

background:white;

box-shadow:0 25px 70px rgba(0,0,0,.06);

}

.fit-icon{

width:90px;

height:90px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

font-size:40px;

margin-bottom:30px;

}

.no .fit-icon{

background:#f3f3f3;

}

.yes .fit-icon{

background:#111;

color:white;

}

.fit-card h3{

font-size:2rem;

margin-bottom:30px;

}

.fit-card ul{

list-style:none;

padding:0;

margin:0;

}

.fit-card li{

padding:18px 0;

border-bottom:1px solid #ececec;

line-height:2;

}

.bottom-note{

margin-top:90px;

background:#111;

padding:70px;

border-radius:30px;

text-align:center;

color:white;

}

.bottom-note h3{

font-size:2rem;

margin-bottom:25px;

}

.bottom-note p{

font-size:1.2rem;

line-height:2.1;

color:#ddd;

}

@media(max-width:992px){

.fit-grid{

grid-template-columns:1fr;

}

}

.offer-section{

padding:180px 0;

background:linear-gradient(180deg,#0b0b0b,#171717);

color:white;

}

.offer-box{

max-width:900px;

margin:auto;

text-align:center;

background:#151515;

padding:80px;

border-radius:35px;

border:1px solid rgba(255,255,255,.08);

box-shadow:0 40px 120px rgba(0,0,0,.45);

}

.offer-badge{

display:inline-block;

padding:10px 24px;

border-radius:100px;

background:#D4AF37;

color:#111;

font-weight:bold;

margin-bottom:25px;

}

.offer-box h2{

font-size:3rem;

margin-bottom:15px;

}

.offer-subtitle{

font-size:1.2rem;

color:#bdbdbd;

margin-bottom:60px;

}

.offer-items{

display:grid;

grid-template-columns:1fr 1fr;

gap:18px;

margin-bottom:60px;

}

.offer-item{

background:#202020;

padding:22px;

border-radius:16px;

font-size:1.05rem;

}

.offer-item span{

margin-left:10px;

font-size:22px;

}

.price-box{

margin:60px 0;

}

.old-price{

font-size:2rem;

color:#888;

text-decoration:line-through;

margin-bottom:10px;

}

.new-price{

font-size:4.5rem;

font-weight:800;

color:#D4AF37;

}

.price-box p{

margin-top:10px;

color:#ddd;

}

#countdown{

display:flex;

justify-content:center;

gap:20px;

margin:60px 0;

}

.time{

width:110px;

height:110px;

background:#202020;

border-radius:18px;

display:flex;

flex-direction:column;

justify-content:center;

align-items:center;

}

.time span{

font-size:2.3rem;

font-weight:bold;

}

.time label{

margin-top:8px;

color:#aaa;

}

.buy-btn{

display:inline-block;

padding:24px 70px;

background:#D4AF37;

color:#111;

font-size:1.35rem;

font-weight:700;

border-radius:18px;

text-decoration:none;

transition:.35s;

box-shadow:0 20px 50px rgba(212,175,55,.35);

}

.buy-btn:hover{

transform:translateY(-6px) scale(1.03);

}

.secure{

margin-top:30px;

color:#aaa;

}

@media(max-width:768px){

.offer-box{

padding:40px 25px;

}

.offer-items{

grid-template-columns:1fr;

}

.offer-box h2{

font-size:2rem;

}

.new-price{

font-size:3rem;

}

#countdown{

flex-wrap:wrap;

}

.time{

width:80px;

height:80px;

}

}

.future-section{

padding:180px 0;

background:#ffffff;

}

.future-box{

max-width:1150px;

margin:auto;

text-align:center;

}

.future-intro{

margin:35px auto 70px;

max-width:800px;

font-size:1.2rem;

line-height:2;

color:#666;

}

.future-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:40px;

margin-top:40px;

}

.future-card{

padding:55px;

border-radius:28px;

box-shadow:0 30px 80px rgba(0,0,0,.06);

transition:.35s;

}

.future-card:hover{

transform:translateY(-10px);

}

.future-icon{

font-size:55px;

margin-bottom:25px;

}

.negative{

background:#fafafa;

}

.positive{

background:#111;

color:white;

}

.positive p{

color:#ddd;

}

.future-card h3{

font-size:2rem;

margin-bottom:25px;

}

.future-card p{

line-height:2.2;

font-size:1.08rem;

}

.future-quote{

margin-top:90px;

padding:60px;

background:linear-gradient(135deg,#D4AF37,#C89C24);

border-radius:30px;

color:#111;

font-size:2rem;

font-weight:700;

line-height:1.8;

box-shadow:0 35px 80px rgba(212,175,55,.35);

}

@media(max-width:992px){

.future-grid{

grid-template-columns:1fr;

}

.future-quote{

font-size:1.4rem;

padding:35px;

}

}

.faq-section{

padding:180px 0;

background:#f7f7f7;

}

.faq-wrapper{

max-width:900px;

margin:80px auto;

}

.faq-item{

background:white;

border-radius:18px;

margin-bottom:20px;

overflow:hidden;

box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.faq-question{

width:100%;

background:none;

border:none;

padding:28px 35px;

display:flex;

justify-content:space-between;

align-items:center;

font-size:1.15rem;

cursor:pointer;

font-weight:700;

text-align:right;

}

.faq-question span{

font-size:30px;

color:#A67C2E;

transition:.3s;

}

.faq-answer{

display:none;

padding:0 35px 30px;

line-height:2.1;

color:#666;

font-size:1.05rem;

}

.faq-item.active .faq-answer{

display:block;

}

.faq-item.active .faq-question span{

transform:rotate(45deg);

}

.final-cta{

margin-top:120px;

background:linear-gradient(135deg,#111,#1c1c1c);

padding:90px;

border-radius:35px;

text-align:center;

color:white;

box-shadow:0 40px 120px rgba(0,0,0,.25);

}

.final-cta h2{

font-size:3rem;

margin-bottom:35px;

}

.final-cta p{

font-size:1.2rem;

line-height:2.2;

color:#ddd;

max-width:850px;

margin:auto;

}

.final-btn{

display:inline-block;

margin-top:50px;

padding:26px 70px;

background:#D4AF37;

color:#111;

font-size:1.35rem;

font-weight:700;

border-radius:18px;

text-decoration:none;

transition:.35s;

box-shadow:0 20px 60px rgba(212,175,55,.35);

}

.final-btn:hover{

transform:translateY(-8px) scale(1.03);

}

.final-note{

margin-top:30px !important;

color:#9c9c9c !important;

font-size:1rem !important;

}

@media(max-width:768px){

.final-cta{

padding:45px 25px;

}

.final-cta h2{

font-size:2rem;

}

.final-btn{

padding:20px 30px;

font-size:1.1rem;

}
/* Mobile overflow fix — 651–768px range */
@media(min-width:651px) and (max-width:768px){
  body{
    overflow-x:hidden !important;
  }
  
  .evidence-wall{
    padding:8px 24px 12px !important;
    gap:14px !important;
  }
  
  .evidence-card{
    flex:0 0 min(240px, 72vw) !important;
    width:min(240px, 72vw) !important;
  }
  
  .container{
    width:96% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
  
  .fit-card,
  .system-card,
  .problem-card{
    padding:32px 22px !important;
  }
  
  .offer-box{
    padding:36px 20px !important;
  }
  
  #countdown{
    gap:14px !important;
  }
  
  .time{
    width:75px !important;
    height:75px !important;
  }
}

/* Additional coverage below 651px for consistency */
@media(max-width:650px){
  body{
    overflow-x:hidden !important;
  }
  
  .evidence-card{
    flex:0 0 min(220px, 80vw) !important;
    width:min(220px, 80vw) !important;
  }
  
  .container{
    width:96% !important;
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

/* GLOBAL MOBILE OVERFLOW FIX */
@media(max-width:768px){
  *,
  *::before,
  *::after{
    max-width:100vw !important;
    overflow-x:clip !important;
  }
  
  html,
  body{
    overflow-x:hidden !important;
    width:100vw !important;
    position:relative !important;
  }
  
  .evidence-wall{
    padding-left:16px !important;
    padding-right:16px !important;
  }
  
  .evidence-card{
    flex:0 0 min(220px,68vw) !important;
    width:min(220px,68vw) !important;
  }
}