/* torab.css - generated from style.css by split_css.py (pure split, original order kept) */

/* ---------- HERO ---------- */
.hero{position:relative;padding:70px 0 90px;overflow:hidden;background:linear-gradient(180deg,var(--cream),var(--gold100) 60%,var(--cream))}

.hero .orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;animation:float 9s ease-in-out infinite}

.hero .o1{width:380px;height:380px;background:var(--g500);top:-120px;right:-120px}

.hero .o2{width:320px;height:320px;background:var(--gold);bottom:-100px;left:-80px;animation-delay:2s}

.hero .grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;position:relative}

.hero .badge{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:800;color:var(--g700);box-shadow:0 8px 20px -12px rgba(6,46,39,.3)}

.hero .badge i{color:var(--gold600)}

.slab{position:relative;margin:26px 0 20px;display:inline-block}

.slab .back{position:absolute;inset:-14px -22px auto -22px;height:calc(100% + 28px);background:var(--gold);border-radius:20px;transform:rotate(-1.6deg);box-shadow:0 20px 40px -18px rgba(217,164,19,.55)}

.slab .front{position:relative;background:var(--pat),linear-gradient(120deg,var(--g700),var(--g900));color:#fff;border-radius:18px;padding:18px 34px;font-family:'Lalezar';font-size:clamp(24px,4.6vw,46px);line-height:1.7;transform:rotate(.6deg);box-shadow:0 24px 50px -20px rgba(6,46,39,.55)}

.slab .front em{color:var(--gold);font-style:normal}

.hero p.lead{font-size:16px;color:var(--muted);max-width:560px}

.hero .cta{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}

.hero .mini{display:flex;gap:22px;margin-top:34px;flex-wrap:wrap}

.hero .mini div{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:700;color:var(--g800)}

.hero .mini i{width:38px;height:38px;border-radius:12px;background:var(--g100);color:var(--g600);display:grid;place-items:center}

.hv{position:relative;min-height:440px}

.hv .arch{position:absolute;inset:8% 12%;background:linear-gradient(160deg,var(--g600),var(--g900));border-radius:260px 260px 26px 26px;box-shadow:var(--sh);display:grid;place-items:center;overflow:hidden}

.hv .arch::before{content:'';position:absolute;inset:14px;border:2px dashed rgba(242,194,48,.5);border-radius:246px 246px 16px 16px;animation:spin 40s linear infinite}

.hv .arch .star8{font-size:110px;color:var(--gold);filter:drop-shadow(0 0 26px rgba(242,194,48,.6));animation:spin 24s linear infinite}

.hv .arch .txt{position:absolute;bottom:26px;color:#eaf6ef;font-family:'Lalezar';font-size:20px}

.chip{position:absolute;background:#fff;border-radius:16px;padding:10px 16px;display:flex;gap:9px;align-items:center;font-size:12.5px;font-weight:800;color:var(--g800);box-shadow:0 16px 34px -16px rgba(6,46,39,.4);animation:float 6s ease-in-out infinite}

.chip i{color:var(--gold600)}

.chip.c1{top:6%;right:-2%}

.chip.c2{top:38%;left:-6%;animation-delay:1.4s}

.chip.c3{bottom:8%;right:2%;animation-delay:2.6s}

@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- stats ---------- */
.stats{background:var(--g700) var(--pat);padding:60px 0;position:relative}

.stats .grid{display:flex;flex-wrap:wrap;justify-content:center;gap:18px}

.stats .grid .stat{flex:0 1 210px;min-width:170px}

.stat{background:rgba(255,255,255,.06);border:1px solid rgba(242,194,48,.25);border-radius:18px;padding:22px 10px;text-align:center;color:#fff;backdrop-filter:blur(4px);transition:.3s}

.stat:hover{transform:translateY(-6px);background:rgba(255,255,255,.12)}

.stat b{font-family:'Lalezar';font-size:40px;color:var(--gold);display:block;line-height:1.2}

.stat span{font-size:12.5px;font-weight:700;opacity:.9}

/* ---------- quote ---------- */
.quote{background:var(--g900) var(--pat);border-radius:28px;padding:52px 8%;position:relative;color:#fff;overflow:hidden;box-shadow:var(--sh)}

.quote::before,.quote::after{content:'”';position:absolute;font-family:'Lalezar';font-size:150px;color:var(--gold);opacity:.25}

.quote::before{top:-30px;right:26px}

.quote::after{bottom:-70px;left:26px;transform:rotate(180deg)}

.quote h3{font-size:clamp(20px,3vw,30px);color:var(--gold);line-height:2}

.quote p{opacity:.85;font-size:13.5px;margin-top:10px}

.quote .who{margin-top:16px;display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.08);padding:8px 18px;border-radius:999px;font-size:12.5px;font-weight:800}

/* ---------- journey ---------- */
.journey{background:var(--g800) var(--pat);padding:84px 0 70px;position:relative;overflow:hidden}

.journey::before{content:'';position:absolute;top:-80px;left:-80px;width:260px;height:260px;border-radius:50%;background:var(--gold);opacity:.12;filter:blur(60px)}

.j-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:30px}

.j-step{background:rgba(255,255,255,.05);border:1px solid rgba(242,194,48,.22);border-radius:20px;padding:34px 18px 24px;text-align:center;position:relative;transition:.35s;backdrop-filter:blur(3px)}

.j-step:hover{transform:translateY(-8px);background:rgba(255,255,255,.1);border-color:var(--gold)}

.j-step .num{position:absolute;top:-20px;right:50%;transform:translateX(50%);width:42px;height:42px;border-radius:13px;background:linear-gradient(140deg,var(--gold),var(--gold600));color:var(--g900);font-family:'Lalezar';font-size:19px;display:grid;place-items:center;box-shadow:0 10px 22px -8px rgba(242,194,48,.6)}

.j-step .ic{width:72px;height:92px;margin:6px auto 14px;border-radius:72px 72px 16px 16px;background:linear-gradient(160deg,var(--g600),var(--g900));border:1.5px dashed rgba(242,194,48,.5);display:grid;place-items:center;color:var(--gold);font-size:27px;transition:.35s}

.j-step:hover .ic{transform:scale(1.06);box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}

.j-step h3{color:#fff;font-size:23px}

.j-step p{color:#cfe6db;font-size:12px;margin-top:6px;line-height:2}

.j-step:not(:last-child)::after{content:'\f060';font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;left:-20px;top:50%;transform:translateY(-50%);color:var(--gold);font-size:16px;z-index:2;animation:nudge 1.6s infinite}

@keyframes nudge{50%{transform:translateY(-50%) translateX(-5px)}}

.j-cta{text-align:center;margin-top:44px}

/* ---------- partners ---------- */
.partners{padding:84px 0 60px;background:var(--cream)}

/* ═══ اسلایدها — عرض محدود ═══ */
/* ---------- partners ---------- */
.partners{padding:84px 0 60px;background:var(--cream)}

.pt-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:26px 14px;text-align:center;transition:.3s;height:100%}

.pt-card .lg{width:76px;height:76px;margin:0 auto 12px;border-radius:50%;background:var(--g100);color:var(--g700);display:grid;place-items:center;font-size:28px;border:2px solid transparent;transition:.35s}

.pt-card:hover{transform:translateY(-6px);box-shadow:var(--sh)}

.pt-card:hover .lg{background:var(--gold100);border-color:var(--gold600);color:var(--gold600);transform:scale(1.1) rotate(-8deg)}

.pt-card h4{font-size:13.5px;color:var(--g800)}

.pt-card small{color:var(--muted);font-size:10.5px;font-weight:700}

/* ═══ رفع تمایل به راست — وسط‌چین کردن ═══ */
.partners .swiper{
  direction:ltr;                        /* ✅ اسلایدر چپ‌به‌راست شود */
}

.partners .pt-card{
  direction:rtl;                        /* ✅ محتوای کارت راست‌به‌چپ بماند */
}

.partners .swiper-wrapper{
  align-items:stretch;
}

.partners .swiper-slide{
  height:auto;
}

/* ---------- about page ---------- */
.about-block{display:grid;grid-template-columns:180px 1fr;gap:34px;align-items:start;background:var(--paper);border:1px solid var(--line);border-radius:26px;padding:36px;box-shadow:var(--sh)}

.about-block.reverse{grid-template-columns:1fr 180px}

.about-block.reverse .ab-icon{order:2}

.ab-icon{width:180px;height:220px;border-radius:90px 90px 22px 22px;display:grid;place-items:center;color:var(--gold);font-size:64px;box-shadow:0 22px 50px -20px rgba(6,46,39,.5)}

.ab-body .tag{display:inline-flex;align-items:center;gap:8px;background:var(--gold100);color:var(--gold600);border:1px solid rgba(217,164,19,.4);padding:5px 14px;border-radius:999px;font-size:11.5px;font-weight:800;margin-bottom:10px}

.ab-body h2{color:var(--g800);font-size:28px;margin-bottom:12px}

.ab-body p{font-size:14px;color:var(--muted);margin-bottom:10px;line-height:2}

.ab-goals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}

.ab-goals>div{background:var(--g100);padding:11px 16px;border-radius:12px;font-size:12.5px;font-weight:700;color:var(--g800);display:flex;gap:9px;align-items:center}

.ab-goals i{color:var(--g600)}

.ab-audience{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}

.au-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;transition:.3s}

.au-card:hover{border-color:var(--g500);transform:translateY(-4px);box-shadow:var(--sh)}

.au-card i{font-size:24px;color:var(--gold600);margin-bottom:8px}

.au-card h4{font-size:14px;color:var(--g800);margin-bottom:4px}

.au-card p{font-size:11.5px;color:var(--muted);margin:0;line-height:1.8}

/* ---------- growth page ---------- */
.growth-intro{display:flex;gap:18px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px 26px;margin-bottom:30px}

.gi-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(140deg,var(--g600),var(--g800));color:var(--gold);display:grid;place-items:center;font-size:26px;flex-shrink:0}

.growth-timeline{position:relative;padding-right:40px}

.growth-timeline::before{content:'';position:absolute;top:0;bottom:0;right:17px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--gold),var(--g600),var(--gold))}

.g-step{position:relative;margin-bottom:26px}

.g-step:last-child{margin-bottom:0}

.g-dot{position:absolute;top:24px;right:-40px;width:38px;height:38px;border-radius:12px;color:#fff;display:grid;place-items:center;font-size:16px;box-shadow:0 0 0 5px var(--cream),0 10px 22px -8px rgba(0,0,0,.3);z-index:2}

.g-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:22px 26px;transition:.3s}

.g-card:hover{border-color:var(--g500);box-shadow:var(--sh);transform:translateX(-6px)}

.g-head{display:flex;align-items:center;gap:14px;margin-bottom:10px}

.g-num{font-family:'Lalezar';font-size:36px;color:var(--gold600);line-height:1}

.g-head h3{font-size:24px;color:var(--g800);margin:0}

.g-head small{font-size:11.5px;color:var(--muted);font-weight:700}

.g-head small i{color:var(--gold600);margin-inline-end:4px}

.g-desc{font-size:13.5px;color:var(--g700);margin-bottom:12px;padding:10px 14px;background:var(--gold100);border-radius:12px;border-inline-start:3px solid var(--gold600)}

.g-items{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}

.g-items li{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--g800);line-height:1.9;background:var(--g100);padding:8px 12px;border-radius:10px}

.g-items li i{color:var(--g500);margin-top:5px;flex-shrink:0}

@media(max-width:900px){
.about-block,.about-block.reverse{grid-template-columns:1fr}
.ab-icon{width:140px;height:170px;font-size:50px;margin:0 auto}
.about-block.reverse .ab-icon{order:0}
.ab-goals,.ab-audience,.g-items{grid-template-columns:1fr}
.growth-timeline{padding-right:32px}
.growth-timeline::before{right:12px}
.g-dot{right:-32px;width:30px;height:30px}
}

@media(max-width:1024px){
.stats .grid{grid-template-columns:repeat(3,1fr)}
.hero .grid2{grid-template-columns:1fr}
.hv{display:none}
.j-steps{grid-template-columns:repeat(2,1fr)}
.j-step:not(:last-child)::after{display:none}
}

@media(max-width:768px){
.tl{grid-template-columns:1fr;gap:34px}
.tl::before{top:0;bottom:0;right:10px;left:auto;width:4px;height:auto}
.t-item{padding-top:0!important;padding-right:44px}
.t-item .dot{right:0;transform:none;top:6px}
.t-item .ln{right:10px;top:28px;height:26px!important;width:2.5px}
.stats .grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:560px){
.j-steps{grid-template-columns:1fr}
}
