:root{
  --paper:#f4f0e8;
  --paper-2:#ece7dc;
  --white:#fffdf9;
  --ink:#11120f;
  --ink-2:#1d211c;
  --olive:#596459;
  --sage:#aab5a8;
  --gold:#b99250;
  --gold-soft:#d7bd89;
  --line:rgba(17,18,15,.13);
  --line-light:rgba(255,255,255,.18);
  --muted:#6c706a;
  --shadow:0 30px 90px rgba(20,22,18,.12);
  --shadow-strong:0 35px 120px rgba(0,0,0,.22);
  --radius-xs:12px;
  --radius-sm:18px;
  --radius-md:28px;
  --radius-lg:44px;
  --container:min(1240px,calc(100vw - 72px));
  --ease:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  direction:rtl;
  color:var(--ink);
  background:var(--paper);
  font-family:"B Yekan","BYekan","Peyda","IRANYekan","Yekan Bakh","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  line-height:1.85;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
body.nav-open,body.modal-open{overflow:hidden}
body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;
  background:url("../images/noise.svg");mix-blend-mode:multiply;opacity:.16
}
::selection{background:var(--gold);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
svg{display:block}
.container{width:var(--container);margin-inline:auto}
.section{padding:120px 0}
.section-tight{padding:82px 0}
.surface{background:var(--white)}
.dark{background:var(--ink);color:var(--white)}
.kicker{
  display:inline-flex;align-items:center;gap:12px;
  font-size:12px;font-weight:800;letter-spacing:.06em;color:var(--olive)
}
.kicker:before{content:"";width:42px;height:1px;background:var(--gold)}
.dark .kicker{color:var(--gold-soft)}
.display{
  margin:14px 0 22px;font-size:clamp(42px,6.2vw,92px);
  line-height:1.12;letter-spacing:-.055em;font-weight:800
}
.title{
  margin:12px 0 18px;font-size:clamp(34px,4.5vw,64px);
  line-height:1.25;letter-spacing:-.04em;font-weight:800
}
.lead{font-size:18px;color:var(--muted);max-width:680px}
.dark .lead{color:rgba(255,255,255,.62)}
.section-head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);
  align-items:end;gap:50px;margin-bottom:56px
}
.section-head p{margin:0;color:var(--muted)}
.dark .section-head p{color:rgba(255,255,255,.58)}
.btn{
  position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;
  gap:10px;min-height:58px;padding:0 27px;border-radius:999px;border:1px solid transparent;
  font-weight:800;font-size:14px;overflow:hidden;transition:.35s var(--ease)
}
.btn:before{
  content:"";position:absolute;inset:0;background:rgba(255,255,255,.13);
  transform:translateX(105%);transition:.35s var(--ease);z-index:-1
}
.btn:hover:before{transform:none}
.btn:hover{transform:translateY(-3px)}
.btn-dark{background:var(--ink);color:#fff;box-shadow:0 16px 34px rgba(17,18,15,.2)}
.btn-gold{background:var(--gold);color:#fff;box-shadow:0 16px 34px rgba(185,146,80,.25)}
.btn-ghost{border-color:var(--line);background:rgba(255,255,255,.46);backdrop-filter:blur(12px)}
.btn-light{background:#fff;color:var(--ink)}
.arrow{width:20px;height:20px;transition:.3s var(--ease)}
.btn:hover .arrow{transform:translateX(-5px)}
.text-link{display:inline-flex;align-items:center;gap:9px;font-weight:800;color:var(--olive);font-size:13px}
.text-link span{transition:.3s}.text-link:hover span{transform:translateX(-5px)}

/* header */
.utility{background:var(--ink);color:rgba(255,255,255,.64);font-size:11px}
.utility__inner{height:38px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.utility__group{display:flex;align-items:center;gap:24px}
.header{
  position:sticky;top:0;z-index:200;background:rgba(244,240,232,.86);
  backdrop-filter:blur(20px);border-bottom:1px solid rgba(17,18,15,.08)
}
.header__inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:13px;min-width:max-content}
.brand img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 7px 10px rgba(0,0,0,.1))}
.brand__text strong{display:block;font-size:16px;line-height:1.25}
.brand__text small{display:block;font-size:10px;color:var(--muted);margin-top:2px}
.nav{display:flex;align-items:center;gap:2px}
.nav a{padding:10px 12px;border-radius:999px;font-size:13px;font-weight:700;transition:.25s}
.nav a:hover,.nav a.active{background:var(--ink);color:#fff}
.header__actions{display:flex;align-items:center;gap:10px}
.phone-chip{direction:ltr;text-align:left;line-height:1.2;padding-left:8px}
.phone-chip small{display:block;font-size:9px;color:var(--muted)}
.phone-chip strong{font-size:13px}
.menu-btn{display:none;width:48px;height:48px;border:1px solid var(--line);background:var(--white);border-radius:50%}
.menu-btn i{display:block;width:20px;height:2px;background:var(--ink);margin:5px auto;transition:.3s}
.mobile-nav{
  position:fixed;inset:0;z-index:190;background:var(--paper);padding:120px 28px 40px;
  transform:translateY(-100%);transition:.55s var(--ease);overflow:auto
}
.nav-open .mobile-nav{transform:none}
.mobile-nav__links{display:grid}
.mobile-nav__links a{
  display:flex;justify-content:space-between;align-items:center;padding:17px 0;
  border-bottom:1px solid var(--line);font-size:25px;font-weight:800
}
.mobile-nav__meta{margin-top:35px;display:grid;gap:10px;color:var(--muted);font-size:13px}

/* home hero */
.hero{
  min-height:calc(100vh - 126px);position:relative;overflow:hidden;
  background:linear-gradient(140deg,#f5f1e9 0%,#ece5d8 100%)
}
.hero:before{
  content:"";position:absolute;width:750px;height:750px;border-radius:50%;
  background:radial-gradient(circle,rgba(185,146,80,.17),transparent 64%);
  right:-230px;top:-320px
}
.hero__grid{
  min-height:calc(100vh - 126px);display:grid;grid-template-columns:1.03fr .97fr;
  align-items:center;gap:75px;padding:70px 0
}
.hero__copy{position:relative;z-index:2}
.hero__label{
  display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);
  padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.5);font-size:11px;font-weight:800
}
.hero__label i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 7px rgba(185,146,80,.13)}
.hero h1{margin:25px 0 22px;font-size:clamp(50px,7.1vw,104px);line-height:1.02;letter-spacing:-.07em}
.hero h1 span{display:block;color:var(--gold);font-weight:500}
.hero__copy p{max-width:630px;color:var(--muted);font-size:17px;margin:0 0 35px}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap}
.hero__micro{display:flex;align-items:center;gap:17px;margin-top:36px;color:var(--muted);font-size:11px}
.hero__micro .line{width:54px;height:1px;background:var(--gold)}
.hero__visual{position:relative;min-height:660px}
.hero__frame{
  position:absolute;inset:15px 30px 0 0;border-radius:220px 220px 34px 34px;
  overflow:hidden;box-shadow:var(--shadow-strong);background:var(--ink)
}
.hero__frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.03)}
.hero__frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,18,15,.3),transparent 45%)}
.hero__card{
  position:absolute;left:-25px;bottom:34px;width:265px;background:rgba(255,253,249,.91);
  backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);border-radius:26px;padding:22px;
  box-shadow:var(--shadow)
}
.hero__card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.hero__card-top strong{font-size:38px;line-height:1;color:var(--gold)}
.hero__card p{font-size:12px;color:var(--muted);margin:0}
.hero__seal{
  position:absolute;right:-24px;top:105px;width:128px;height:128px;border-radius:50%;
  background:var(--ink);color:var(--gold-soft);display:grid;place-items:center;text-align:center;
  border:1px solid rgba(215,189,137,.3);box-shadow:0 20px 45px rgba(0,0,0,.2);
  font-size:11px;font-weight:800;line-height:1.7
}
.hero__seal:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(215,189,137,.37);border-radius:50%}
.hero__rail{
  position:absolute;left:22px;top:50%;transform:translateY(-50%);
  writing-mode:vertical-rl;display:flex;align-items:center;gap:15px;font-size:9px;color:var(--muted);letter-spacing:.12em
}
.hero__rail:after{content:"";height:80px;width:1px;background:linear-gradient(var(--gold),transparent)}

/* brand strip */
.brand-strip{background:var(--ink);color:#fff;overflow:hidden}
.brand-strip__track{display:flex;width:max-content;padding:18px 0;animation:strip 30s linear infinite}
.brand-strip__item{display:flex;align-items:center;gap:30px;padding:0 34px;font-size:12px;font-weight:700;color:rgba(255,255,255,.72)}
.brand-strip__item:after{content:"✦";color:var(--gold)}
@keyframes strip{to{transform:translateX(50%)}}

/* editorial intro */
.intro-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}
.intro-aside{position:sticky;top:130px}
.intro-aside__number{font-size:130px;line-height:.8;font-weight:900;color:rgba(17,18,15,.07);letter-spacing:-.08em}
.intro-aside p{color:var(--muted);font-size:13px}
.intro-content{display:grid;gap:30px}
.intro-content__lead{font-size:clamp(28px,3.6vw,48px);line-height:1.55;letter-spacing:-.035em;margin:0}
.intro-content__lead em{font-style:normal;color:var(--gold)}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.stat{
  border-top:1px solid var(--line);padding-top:18px
}
.stat strong{display:block;font-size:34px;line-height:1.2}
.stat span{font-size:11px;color:var(--muted)}

/* services */
.services-shell{border-radius:var(--radius-lg);overflow:hidden;background:var(--ink);color:#fff;box-shadow:var(--shadow-strong)}
.services-tabs{display:grid;grid-template-columns:320px 1fr;min-height:650px}
.services-nav{padding:42px;border-left:1px solid rgba(255,255,255,.12)}
.services-nav h3{font-size:14px;color:var(--gold-soft);margin:0 0 25px}
.service-tab{
  width:100%;border:0;background:none;color:rgba(255,255,255,.5);text-align:right;
  padding:17px 0;border-bottom:1px solid rgba(255,255,255,.09);
  display:flex;justify-content:space-between;align-items:center;font-weight:800;transition:.3s
}
.service-tab span{font-size:10px;color:var(--gold)}
.service-tab:hover,.service-tab.active{color:#fff;padding-right:8px}
.service-panels{position:relative;overflow:hidden}
.service-panel{position:absolute;inset:0;opacity:0;pointer-events:none;transition:.55s var(--ease)}
.service-panel.active{opacity:1;pointer-events:auto}
.service-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) brightness(.72)}
.service-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,18,15,.08),rgba(17,18,15,.87))}
.service-panel__content{position:absolute;z-index:2;right:55px;bottom:55px;max-width:520px}
.service-panel__content h3{font-size:48px;line-height:1.2;margin:0 0 12px}
.service-panel__content p{color:rgba(255,255,255,.66);margin:0 0 25px}

/* split visual */
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}
.story-visual{position:relative;min-height:690px}
.story-visual__main{position:absolute;inset:0 55px 60px 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.story-visual__main img{width:100%;height:100%;object-fit:cover}
.story-visual__small{position:absolute;width:48%;height:42%;left:0;bottom:0;border:9px solid var(--paper);border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}
.story-visual__small img{width:100%;height:100%;object-fit:cover}
.story-visual__caption{
  position:absolute;right:0;bottom:28px;transform:translateX(35%);
  background:var(--gold);color:#fff;padding:15px 20px;border-radius:999px;font-size:11px;font-weight:800
}
.feature-list{display:grid;gap:18px;margin:32px 0 38px}
.feature{display:grid;grid-template-columns:42px 1fr;gap:15px;align-items:start}
.feature__icon{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);font-weight:900}
.feature strong{display:block}.feature p{margin:3px 0 0;color:var(--muted);font-size:13px}

/* process */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.process{
  min-height:290px;padding:28px;border:1px solid rgba(255,255,255,.12);
  border-radius:var(--radius-md);background:rgba(255,255,255,.035);transition:.35s var(--ease)
}
.process:hover{transform:translateY(-8px);background:rgba(255,255,255,.07)}
.process__num{font-size:56px;line-height:1;color:rgba(215,189,137,.25);font-weight:900}
.process h3{font-size:20px;margin:62px 0 10px}
.process p{margin:0;color:rgba(255,255,255,.58);font-size:13px}

/* cases */
.cases-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.case-card{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--ink);min-height:360px}
.case-card--large{grid-row:span 2;min-height:740px}
.case-card img{width:100%;height:100%;object-fit:cover;transition:.6s var(--ease)}
.case-card:hover img{transform:scale(1.04);opacity:.78}
.case-card__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,18,15,.82),transparent 55%)}
.case-card__meta{position:absolute;right:28px;left:28px;bottom:26px;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:18px}
.case-card__meta h3{font-size:24px;margin:0}.case-card__meta span{font-size:10px;color:rgba(255,255,255,.58)}
.case-card__open{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center}

/* compare */
.compare{
  height:560px;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--ink);user-select:none
}
.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.compare__after{clip-path:inset(0 0 0 50%)}
.compare__line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;pointer-events:none}
.compare__handle{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:62px;height:62px;border-radius:50%;background:#fff;color:var(--ink);
  display:grid;place-items:center;font-size:18px;box-shadow:0 10px 30px rgba(0,0,0,.3);pointer-events:none
}
.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}
.compare__label{position:absolute;top:22px;padding:9px 14px;border-radius:999px;background:rgba(17,18,15,.68);color:#fff;font-size:10px;backdrop-filter:blur(8px)}
.compare__label--before{right:22px}.compare__label--after{left:22px}

/* testimonials */
.testimonial-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.testimonial-card{
  min-height:410px;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:45px;background:var(--white);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:space-between
}
.quote-mark{font-size:90px;color:var(--gold);line-height:.5}
.quote-text{font-size:22px;line-height:2;margin:28px 0}
.quote-person{display:flex;align-items:center;gap:14px}
.quote-avatar{width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--gold-soft);display:grid;place-items:center;font-weight:900}
.quote-person small{display:block;color:var(--muted)}
.dots{display:flex;gap:7px;margin-top:28px}
.dot{width:9px;height:9px;border:0;border-radius:99px;background:#c9cbc6;transition:.3s}
.dot.active{width:30px;background:var(--gold)}

/* blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.article-card{background:var(--white);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--line);transition:.35s var(--ease)}
.article-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.article-card__img{height:245px;overflow:hidden;background:var(--paper-2)}
.article-card__img img{width:100%;height:100%;object-fit:cover;transition:.6s}.article-card:hover img{transform:scale(1.04)}
.article-card__body{padding:25px}
.article-card__meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}
.article-card h3{font-size:20px;line-height:1.65;margin:14px 0 18px}

/* cta */
.cta{
  position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--ink);color:#fff;
  padding:70px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:var(--shadow-strong)
}
.cta:before{
  content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(215,189,137,.18);
  border-radius:50%;left:-180px;top:-250px
}
.cta:after{
  content:"";position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(185,146,80,.19),transparent 70%);
  right:-100px;bottom:-220px
}
.cta__copy{position:relative;z-index:1}.cta h2{font-size:clamp(34px,4.4vw,60px);line-height:1.25;margin:8px 0 12px}.cta p{color:rgba(255,255,255,.58);max-width:700px;margin:0}
.cta .btn{position:relative;z-index:1;min-width:180px}

/* footer */
.footer{background:#090a08;color:#fff;padding:85px 0 28px}
.footer__grid{display:grid;grid-template-columns:1.4fr .65fr .75fr 1fr;gap:50px}
.footer .brand__text strong{color:#fff}.footer .brand__text small{color:rgba(255,255,255,.4)}
.footer__about{max-width:360px;color:rgba(255,255,255,.5);font-size:12px;margin:22px 0}
.footer h4{font-size:13px;color:var(--gold-soft);margin:0 0 18px}
.footer__links{display:grid;gap:10px}
.footer__links a,.footer__contact div{font-size:12px;color:rgba(255,255,255,.5);transition:.25s}
.footer__links a:hover{color:#fff;padding-right:5px}
.footer__contact{display:grid;gap:12px}
.socials{display:flex;gap:8px}
.socials a{width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;color:var(--gold-soft)}
.footer__bottom{margin-top:55px;padding-top:24px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:20px;color:rgba(255,255,255,.34);font-size:10px}

/* inner hero */
.page-hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:100px 0 95px}
.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(185,146,80,.17),transparent 28%),radial-gradient(circle at 90% 80%,rgba(89,100,89,.25),transparent 28%)}
.page-hero__inner{position:relative;display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end}
.breadcrumb{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.42);font-size:10px}
.breadcrumb a{color:var(--gold-soft)}
.page-hero h1{font-size:clamp(48px,7vw,95px);line-height:1.08;margin:20px 0 0;letter-spacing:-.055em}
.page-hero p{margin:0;color:rgba(255,255,255,.58);font-size:16px}

/* about/service */
.profile-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}
.profile-media{position:relative;min-height:650px}
.profile-media__main{position:absolute;inset:0 50px 40px 0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}
.profile-media__main img{width:100%;height:100%;object-fit:cover}
.profile-media__logo{position:absolute;left:0;bottom:0;width:180px;height:180px;background:var(--ink);border:8px solid var(--paper);border-radius:50%;display:grid;place-items:center}
.profile-media__logo img{width:105px;height:105px;object-fit:contain}
.badge-list{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}
.badge{padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:11px;background:var(--white)}
.credential-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
.credential{padding:20px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white)}
.credential strong{display:block;color:var(--gold);font-size:15px}.credential span{font-size:11px;color:var(--muted)}

.service-list{display:grid;gap:12px}
.service-row{display:grid;grid-template-columns:72px 1fr 44px;gap:18px;align-items:center;padding:23px;border-bottom:1px solid var(--line);transition:.3s}
.service-row:hover{background:var(--white);border-radius:var(--radius-sm);padding-right:30px}
.service-row__num{font-size:12px;color:var(--gold);font-weight:800}
.service-row h3{margin:0;font-size:21px}.service-row p{margin:3px 0 0;color:var(--muted);font-size:12px}
.service-row__arrow{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}

.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:55px;align-items:start}
.prose{font-size:15px}
.prose>img{width:100%;height:520px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:40px}
.prose h2{font-size:34px;line-height:1.35;margin:55px 0 14px;letter-spacing:-.025em}
.prose h3{font-size:23px;margin:35px 0 10px}
.prose p,.prose li{color:#555b54}
.prose ul{padding-right:22px}
.sidebar{position:sticky;top:120px;display:grid;gap:14px}
.sidebar-card{padding:27px;border-radius:var(--radius-md);background:var(--white);border:1px solid var(--line)}
.sidebar-card--dark{background:var(--ink);color:#fff}
.sidebar-card h3{margin:0 0 12px}.sidebar-card p{font-size:12px;color:var(--muted)}
.sidebar-card--dark p{color:rgba(255,255,255,.55)}
.sidebar-card .btn{width:100%;margin-top:12px}

/* faq */
.faq{display:grid;gap:10px}
.faq__item{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}
.faq__q{width:100%;border:0;background:none;text-align:right;padding:20px 22px;display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--ink)}
.faq__plus{font-size:24px;color:var(--gold);transition:.3s}
.faq__a{max-height:0;overflow:hidden;padding:0 22px;color:var(--muted);font-size:13px;transition:.4s var(--ease)}
.faq__item.open .faq__a{max-height:260px;padding-bottom:20px}
.faq__item.open .faq__plus{transform:rotate(45deg)}

/* gallery */
.gallery-masonry{columns:3 300px;column-gap:16px}
.gallery-tile{break-inside:avoid;margin-bottom:16px;border-radius:var(--radius-md);overflow:hidden;position:relative;cursor:pointer;background:var(--ink)}
.gallery-tile img{width:100%;transition:.55s var(--ease)}
.gallery-tile:hover img{transform:scale(1.04);opacity:.75}
.gallery-tile__caption{position:absolute;inset:auto 0 0;padding:55px 22px 20px;background:linear-gradient(transparent,rgba(17,18,15,.82));color:#fff;opacity:0;transform:translateY(15px);transition:.35s}
.gallery-tile:hover .gallery-tile__caption{opacity:1;transform:none}
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(8,9,7,.94);display:none;place-items:center;padding:35px}
.lightbox.open{display:grid}
.lightbox img{max-width:92vw;max-height:86vh;border-radius:var(--radius-md);box-shadow:var(--shadow-strong)}
.lightbox__close{position:absolute;top:24px;left:24px;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#fff;font-size:25px}

/* form/contact */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}
.contact-stack{display:grid;gap:12px}
.contact-card{padding:23px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white)}
.contact-card strong{display:block;margin-bottom:4px}.contact-card span{font-size:12px;color:var(--muted)}
.form-card{padding:38px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--white);box-shadow:var(--shadow)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:grid;gap:7px}.field--full{grid-column:1/-1}
.field label{font-size:11px;font-weight:800}
.field input,.field textarea,.field select{
  width:100%;border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:14px 15px;outline:none;transition:.25s
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(185,146,80,.12)}
.field textarea{min-height:130px;resize:vertical}
.form-note{font-size:10px;color:var(--muted)}
.form-message{display:none;margin-top:14px;padding:13px;border-radius:13px;background:#e4efe4;color:#315c3e;font-size:12px}
.form-message.show{display:block}
.map{height:440px;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(145deg,#d9dfd6,#eee7dc);position:relative;border:1px solid var(--line);display:grid;place-items:center}
.map:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(25deg,transparent 0 48px,rgba(17,18,15,.045) 49px 50px)}
.map__pin{position:relative;width:82px;height:82px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--ink);box-shadow:0 18px 40px rgba(0,0,0,.2);display:grid;place-items:center;color:var(--gold)}
.map__pin span{transform:rotate(45deg);font-size:22px}
.map__label{position:absolute;bottom:28px;font-weight:800;font-size:12px}

/* utilities */
.reveal{opacity:0;transform:translateY(26px);transition:.8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal-left{opacity:0;transform:translateX(35px);transition:.9s var(--ease)}
.reveal-left.in{opacity:1;transform:none}
.back-top{position:fixed;left:22px;bottom:22px;width:50px;height:50px;border:0;border-radius:50%;background:var(--ink);color:#fff;z-index:150;opacity:0;transform:translateY(12px);pointer-events:none;transition:.3s;box-shadow:0 15px 35px rgba(0,0,0,.2)}
.back-top.show{opacity:1;transform:none;pointer-events:auto}
.mobile-bar{display:none;position:fixed;right:12px;left:12px;bottom:12px;z-index:170;background:rgba(17,18,15,.92);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:8px;gap:8px}
.mobile-bar a{flex:1;min-height:48px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:800}
.mobile-bar a:first-child{background:var(--gold)}
/* responsive */
@media(max-width:1080px){
  :root{--container:min(100% - 44px,1240px)}
  .nav,.phone-chip{display:none}.menu-btn{display:block}
  .hero__grid{grid-template-columns:1fr;gap:30px;padding:65px 0 85px}.hero__visual{min-height:600px;max-width:700px;width:100%;margin:auto}
  .intro-grid{grid-template-columns:1fr}.intro-aside{position:static;display:none}
  .services-tabs{grid-template-columns:270px 1fr}.story-grid{gap:45px}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1.2fr 1fr 1fr}.footer__grid>div:last-child{grid-column:1/-1}
  .profile-grid{gap:45px}.detail-grid{grid-template-columns:minmax(0,1fr) 290px}
}
@media(max-width:820px){
  :root{--container:min(100% - 28px,1240px)}
  .utility{display:none}.header__inner{height:78px}.mobile-nav{padding-top:100px}
  .header__actions .btn{display:none}.brand img{width:50px;height:50px}
  .section{padding:82px 0}.section-tight{padding:60px 0}.section-head{grid-template-columns:1fr;gap:18px}
  .hero{min-height:auto}.hero__grid{min-height:auto}.hero h1{font-size:58px}.hero__rail{display:none}.hero__visual{min-height:520px}.hero__frame{inset:10px 20px 0}.hero__seal{width:100px;height:100px;right:-5px;top:70px}.hero__card{left:0;width:235px}
  .stat-row{grid-template-columns:1fr 1fr 1fr}
  .services-shell{border-radius:30px}.services-tabs{grid-template-columns:1fr;min-height:720px}.services-nav{padding:25px;border-left:0;border-bottom:1px solid rgba(255,255,255,.12);display:flex;overflow:auto;gap:8px}.services-nav h3{display:none}.service-tab{min-width:max-content;padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px}.service-tab span{display:none}.service-tab:hover,.service-tab.active{padding-right:14px;background:#fff;color:var(--ink)}.service-panels{min-height:540px}.service-panel__content{right:28px;left:28px;bottom:30px}.service-panel__content h3{font-size:38px}
  .story-grid,.profile-grid,.testimonial-shell,.contact-grid,.detail-grid{grid-template-columns:1fr}
  .story-visual,.profile-media{min-height:560px}.sidebar{position:static}
  .cases-grid{grid-template-columns:1fr 1fr}.case-card--large{grid-column:span 2;grid-row:auto;min-height:550px}
  .blog-grid{grid-template-columns:1fr 1fr}.page-hero__inner{grid-template-columns:1fr}.page-hero p{margin-top:20px}
  .footer__grid{grid-template-columns:1fr 1fr}.footer__grid>div:first-child{grid-column:1/-1}
  .cta{padding:45px;align-items:flex-start;flex-direction:column}
  .form-grid{grid-template-columns:1fr}.field--full{grid-column:auto}
}
@media(max-width:560px){
  .brand__text small{display:none}.brand__text strong{font-size:13px}.menu-btn{width:44px;height:44px}
  .hero__grid{padding-top:45px}.hero h1{font-size:43px;line-height:1.08}.hero__copy p{font-size:14px}.hero__visual{min-height:430px}.hero__frame{border-radius:150px 150px 25px 25px}.hero__seal{display:none}.hero__card{bottom:15px;width:210px;padding:17px}
  .intro-content__lead{font-size:27px}.stat-row{grid-template-columns:1fr}.stat{display:flex;justify-content:space-between;align-items:center}.stat strong{font-size:27px}
  .process-grid{grid-template-columns:1fr}.process{min-height:240px}.process h3{margin-top:35px}
  .story-visual,.profile-media{min-height:430px}.story-visual__main,.profile-media__main{inset:0 18px 35px 0}.story-visual__small{width:56%;height:38%;border-width:5px}.profile-media__logo{width:120px;height:120px;border-width:5px}.profile-media__logo img{width:75px;height:75px}
  .cases-grid{grid-template-columns:1fr}.case-card--large{grid-column:auto;min-height:430px}.case-card{min-height:320px}
  .compare{height:400px}.testimonial-card{padding:28px}.quote-text{font-size:17px}.blog-grid{grid-template-columns:1fr}
  .credential-grid{grid-template-columns:1fr}.service-row{grid-template-columns:48px 1fr 38px;padding:18px 5px}
  .gallery-masonry{columns:1}.page-hero{padding:72px 0}.page-hero h1{font-size:45px}
  .footer__grid{grid-template-columns:1fr}.footer__grid>div:first-child{grid-column:auto}.footer__bottom{flex-direction:column}
  .cta{padding:30px;border-radius:28px}.form-card{padding:23px;border-radius:26px}
  .mobile-bar{display:flex}.back-top{bottom:82px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


/* =========================================================
   V3 FIRST IMPRESSION — HEADER, STORIES, CINEMATIC HERO
   ========================================================= */
.utility{background:#fff;color:var(--ink);border-bottom:1px solid rgba(17,18,15,.08)}
.utility__inner{height:84px}
.utility .brand img{width:64px;height:64px}
.utility .brand__text strong{font-size:18px}
.utility .brand__text small{font-size:10px;letter-spacing:.03em}
.utility__group{gap:10px;flex-wrap:wrap;justify-content:flex-end}
.utility__item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-left:1px solid var(--line);font-size:11px;color:#37413a}
.utility__item:last-child{border-left:0}
.utility__item svg{width:18px;height:18px;fill:none;stroke:var(--gold);stroke-width:1.8}
.header{top:0;background:#171411;border-bottom:0;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.header__inner{height:58px;direction:rtl}
.nav{margin-inline:auto}
.nav a{color:rgba(255,255,255,.78);padding:8px 13px;border-radius:0;position:relative}
.nav a:after{content:"";position:absolute;right:12px;left:12px;bottom:0;height:1px;background:var(--gold);transform:scaleX(0);transition:.3s}
.nav a:hover,.nav a.active{background:none;color:#fff}
.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}
.header__search{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.64);font-size:11px;padding:8px 12px}
.header__search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.header .menu-btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.header .menu-btn i{background:#fff}
.header .btn{min-height:42px;padding:0 18px;font-size:12px}
.mobile-nav{background:#171411;color:#fff}
.mobile-nav__links a{border-color:rgba(255,255,255,.12)}
.mobile-nav__meta{color:rgba(255,255,255,.55)}

/* Stories strip */
.stories{background:#fff;border-bottom:1px solid rgba(17,18,15,.09);position:relative;z-index:10}
.stories__inner{position:relative;padding:16px 46px 18px}
.stories__track{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;padding:0 2px;overscroll-behavior-inline:contain}
.stories__track::-webkit-scrollbar{display:none}
.story-item{min-width:92px;width:92px;border:0;background:none;padding:0;text-align:center;color:var(--ink)}
.story-item__ring{width:76px;height:76px;border-radius:50%;padding:3px;margin:0 auto 7px;background:conic-gradient(from 20deg,#d49a49,#c45572,#8b345e,#e8b765,#d49a49);transition:.35s var(--ease);box-shadow:0 8px 22px rgba(58,38,22,.13)}
.story-item__inner{width:100%;height:100%;border-radius:50%;background:#101a26;border:3px solid #fff;display:grid;place-items:center;position:relative;overflow:hidden}
.story-item__inner:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 15%,rgba(255,255,255,.12),transparent 38%)}
.story-item img{width:44px;height:44px;object-fit:contain;position:relative;z-index:1}
.story-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#575b56}
.story-item:hover .story-item__ring{transform:translateY(-5px) scale(1.04);box-shadow:0 15px 30px rgba(58,38,22,.18)}
.story-item.seen .story-item__ring{background:#d8d7d2}
.stories__arrow{position:absolute;top:50%;transform:translateY(-62%);z-index:2;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.93);box-shadow:0 7px 18px rgba(0,0,0,.08);display:grid;place-items:center;color:var(--ink)}
.stories__arrow--next{left:3px}.stories__arrow--prev{right:3px}

/* Fullscreen story viewer */
.story-viewer{position:fixed;inset:0;z-index:12000;background:rgba(7,7,6,.96);display:none;place-items:center;padding:28px}
.story-viewer.open{display:grid}
.story-viewer__card{width:min(430px,calc(100vw - 28px));height:min(760px,calc(100vh - 34px));border-radius:30px;overflow:hidden;position:relative;background:#111;box-shadow:0 40px 130px rgba(0,0,0,.55)}
.story-viewer__media{position:absolute;inset:0}
.story-viewer__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}
.story-viewer__media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.25) 52%,rgba(0,0,0,.42) 100%)}
.story-viewer__bars{position:absolute;z-index:3;top:13px;right:14px;left:14px;display:flex;gap:4px;direction:ltr}
.story-viewer__bar{height:3px;flex:1;background:rgba(255,255,255,.25);border-radius:99px;overflow:hidden}
.story-viewer__bar i{display:block;height:100%;width:0;background:#fff}
.story-viewer__bar.done i{width:100%}.story-viewer__bar.active i{animation:storyProgress 6s linear forwards}
@keyframes storyProgress{to{width:100%}}
.story-viewer__top{position:absolute;z-index:3;top:28px;right:20px;left:20px;display:flex;align-items:center;justify-content:space-between;color:#fff}
.story-viewer__brand{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800}
.story-viewer__brand img{width:34px;height:34px;object-fit:contain;background:rgba(0,0,0,.28);border-radius:50%;padding:4px}
.story-viewer__close{width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.26);color:#fff;font-size:22px}
.story-viewer__content{position:absolute;z-index:3;right:25px;left:25px;bottom:30px;color:#fff}
.story-viewer__content small{color:var(--gold-soft)}
.story-viewer__content h3{font-size:32px;line-height:1.35;margin:7px 0 10px}
.story-viewer__content p{font-size:13px;color:rgba(255,255,255,.7);margin:0 0 20px}
.story-viewer__content .btn{width:100%;background:#fff;color:var(--ink)}
.story-viewer__nav{position:absolute;z-index:4;top:80px;bottom:130px;width:36%;border:0;background:transparent}
.story-viewer__nav--prev{right:0}.story-viewer__nav--next{left:0}

/* Cinematic hero */
.hero.hero--cinematic{min-height:760px;background:#0e0f0d;color:#fff;isolation:isolate}
.hero--cinematic .hero__media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.hero--cinematic .hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 52%;animation:heroBreath 16s ease-in-out infinite alternate;filter:saturate(.72) contrast(1.05)}
@keyframes heroBreath{to{transform:scale(1.055)}}
.hero--cinematic .hero__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,8,.18),rgba(8,9,8,.62) 48%,rgba(8,9,8,.91) 100%),linear-gradient(0deg,rgba(8,9,8,.45),transparent 55%)}
.hero--cinematic:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 28%,rgba(185,146,80,.24),transparent 27%);z-index:-1}
.hero__stage{min-height:760px;display:grid;grid-template-columns:1.15fr .52fr;gap:65px;align-items:center;padding:76px 0;position:relative}
.hero--cinematic .hero__copy{max-width:800px}
.hero--cinematic .hero__label{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:rgba(255,255,255,.82);backdrop-filter:blur(12px)}
.hero--cinematic h1{font-size:clamp(55px,7vw,108px);line-height:1.06;margin:25px 0 22px;letter-spacing:-.065em;text-shadow:0 10px 40px rgba(0,0,0,.22)}
.hero--cinematic h1 span{display:block;color:var(--gold-soft);font-weight:500}
.hero--cinematic .hero__copy>p{color:rgba(255,255,255,.7);font-size:17px;max-width:670px}
.hero--cinematic .btn-ghost{color:#fff;border-color:rgba(255,255,255,.32);background:rgba(255,255,255,.06)}
.hero__trust{display:flex;align-items:center;gap:14px;margin-top:34px}
.hero__avatars{display:flex;direction:ltr}
.hero__avatar{width:38px;height:38px;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:#273026;display:grid;place-items:center;color:var(--gold-soft);font-size:10px;font-weight:900;margin-left:-10px}
.hero__trust-text strong{display:block;font-size:12px}.hero__trust-text span{font-size:10px;color:rgba(255,255,255,.5)}
.hero__dashboard{align-self:end;margin-bottom:15px;border:1px solid rgba(255,255,255,.18);background:rgba(12,13,11,.55);backdrop-filter:blur(22px);border-radius:30px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.hero__live{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.12)}
.hero__live span{display:flex;align-items:center;gap:8px;font-size:11px;color:rgba(255,255,255,.65)}
.hero__live i{width:8px;height:8px;border-radius:50%;background:#6ee7a0;box-shadow:0 0 0 6px rgba(110,231,160,.12);animation:pulseLive 1.6s infinite}
@keyframes pulseLive{50%{box-shadow:0 0 0 10px rgba(110,231,160,0)}}
.hero__rating{padding:20px 0}.hero__rating strong{font-size:45px;line-height:1;color:var(--gold-soft)}.hero__rating small{display:block;color:rgba(255,255,255,.46)}
.hero__dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.hero__dash-item{padding:14px;border-radius:16px;background:rgba(255,255,255,.07)}
.hero__dash-item strong{display:block;font-size:18px}.hero__dash-item span{font-size:9px;color:rgba(255,255,255,.5)}
.hero__case-teaser{position:absolute;left:0;bottom:44px;width:270px;padding:11px;background:rgba(255,255,255,.9);color:var(--ink);border-radius:20px;display:grid;grid-template-columns:82px 1fr;gap:12px;align-items:center;box-shadow:0 22px 55px rgba(0,0,0,.24);backdrop-filter:blur(14px)}
.hero__case-teaser img{width:82px;height:72px;border-radius:13px;object-fit:cover}.hero__case-teaser small{display:block;color:var(--gold);font-size:9px}.hero__case-teaser strong{display:block;font-size:12px;line-height:1.5}.hero__case-teaser span{font-size:9px;color:var(--muted)}
.hero--cinematic .hero__rail{color:rgba(255,255,255,.34)}

/* Home result showcase */
.result-showcase{background:linear-gradient(145deg,#ebe5da,#f8f5ef)}
.result-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;align-items:stretch}
.result-grid .compare{height:590px;box-shadow:var(--shadow-strong)}
.result-aside{display:flex;flex-direction:column;gap:14px}
.result-card{flex:1;padding:27px;border:1px solid var(--line);background:rgba(255,255,255,.72);backdrop-filter:blur(12px);border-radius:var(--radius-md)}
.result-card--dark{background:var(--ink);color:#fff;border-color:transparent}
.result-card h3{font-size:24px;line-height:1.45;margin:10px 0}.result-card p{font-size:12px;color:var(--muted)}.result-card--dark p{color:rgba(255,255,255,.55)}
.result-facts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
.result-fact{padding:13px;border:1px solid var(--line);border-radius:14px}.result-fact strong{display:block;font-size:13px}.result-fact span{font-size:9px;color:var(--muted)}

@media(max-width:1080px){
  .utility__item--optional{display:none}
  .hero__stage{grid-template-columns:1fr;gap:20px;padding:70px 0 100px}
  .hero__dashboard{max-width:460px;margin:0}.hero__case-teaser{left:18px;bottom:25px}
  .result-grid{grid-template-columns:1fr}.result-aside{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .utility__inner{height:76px}.utility__group{display:none}.header__inner{height:54px}.header__search{display:none}
  .stories__inner{padding-inline:24px}.stories__arrow{display:none}.story-item{min-width:82px;width:82px}.story-item__ring{width:70px;height:70px}
  .hero.hero--cinematic,.hero__stage{min-height:690px}.hero__stage{padding:58px 0 120px}.hero--cinematic h1{font-size:59px}.hero__dashboard{display:none}.hero__case-teaser{right:14px;left:auto;bottom:24px}
  .result-aside{grid-template-columns:1fr}.result-grid .compare{height:480px}
}
@media(max-width:560px){
  .utility .brand img{width:52px;height:52px}.utility .brand__text strong{font-size:14px}.utility__inner{height:68px}
  .header__inner{justify-content:space-between}.nav{display:none}.header .btn{display:inline-flex!important;min-height:38px;padding:0 13px}.header .btn .arrow{display:none}
  .stories__inner{padding-top:12px;padding-bottom:13px}.story-item{min-width:74px;width:74px}.story-item__ring{width:64px;height:64px}.story-item img{width:37px;height:37px}.story-item span{font-size:9px}
  .hero.hero--cinematic,.hero__stage{min-height:640px}.hero__stage{padding-top:48px}.hero--cinematic h1{font-size:43px}.hero--cinematic .hero__copy>p{font-size:14px}.hero__trust{margin-top:24px}.hero__case-teaser{width:230px;grid-template-columns:70px 1fr}.hero__case-teaser img{width:70px;height:62px}
  .result-grid .compare{height:370px}.result-facts{grid-template-columns:1fr}.story-viewer{padding:0}.story-viewer__card{width:100vw;height:100vh;border-radius:0}
}


/* ===== Final polish overrides ===== */
.stories{background:linear-gradient(180deg,#ffffff 0%,#fbfaf7 100%);box-shadow:0 10px 28px rgba(16,18,15,.04)}
.stories__inner{padding:18px 56px 20px}
.stories__track{align-items:flex-start}
.story-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;min-width:98px;width:98px}
.story-item__ring{width:80px;height:80px;display:grid;place-items:center}
.story-item__inner{display:flex;align-items:center;justify-content:center}
.story-item img{display:block;width:42px;height:42px;object-fit:contain;object-position:center center;margin:auto;transform:translateY(0)}
.story-item span{width:100%;text-align:center;font-size:10px;line-height:1.7;color:#454a45;margin-top:2px}
.stories__arrow{top:50%;transform:translateY(-54%);width:42px;height:42px;color:#7f6132;border-color:rgba(185,146,80,.28);background:rgba(255,255,255,.96)}
.stories__arrow svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.stories__arrow.is-hidden{opacity:0;pointer-events:none}
.stories__arrow--next{left:4px}
.stories__arrow--prev{right:4px}
.story-viewer__nav--prev{right:0;left:auto}
.story-viewer__nav--next{left:0;right:auto}

.intro-showcase{background:linear-gradient(180deg,#f8f4ec 0%,#f4efe5 100%)}
.intro-showcase__grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:start}
.intro-showcase .title{font-size:clamp(34px,4.7vw,72px);line-height:1.45;letter-spacing:-.045em;max-width:900px;margin:18px 0 20px;color:#0f1512}
.intro-showcase .title span{color:var(--gold)}
.intro-showcase .lead{max-width:760px;font-size:18px;color:#606760}
.intro-showcase__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.intro-showcase__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:36px}
.intro-stat{background:#fff;border:1px solid rgba(185,146,80,.18);border-radius:22px;padding:22px 18px;box-shadow:0 20px 55px rgba(40,32,20,.07)}
.intro-stat strong{display:block;font-size:42px;line-height:1.1;color:#11120f}
.intro-stat span{display:block;margin-top:6px;font-size:12px;color:#696e69}
.intro-showcase__side{display:grid;gap:16px}
.intro-panel{background:#fff;border:1px solid rgba(185,146,80,.18);border-radius:28px;padding:26px;box-shadow:0 24px 60px rgba(26,20,12,.08)}
.intro-panel--quote{background:linear-gradient(135deg,#171411 0%,#252019 100%);color:#fff;border-color:rgba(255,255,255,.08)}
.intro-panel--quote small{display:block;color:var(--gold-soft);font-size:12px;font-weight:800;margin-bottom:10px}
.intro-panel--quote p{font-size:23px;line-height:2.05;letter-spacing:-.03em;margin:0 0 18px}
.intro-panel__doctor{display:flex;align-items:center;gap:12px}
.intro-panel__doctor img{width:54px;height:54px;object-fit:contain;background:rgba(255,255,255,.08);border-radius:50%;padding:6px}
.intro-panel__doctor strong{display:block;font-size:14px}
.intro-panel__doctor span{display:block;font-size:11px;color:rgba(255,255,255,.58)}
.intro-panel--features{display:grid;gap:16px}
.intro-feature{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:start}
.intro-feature>span{width:50px;height:50px;border-radius:18px;background:#f8f1e5;color:#9e7335;display:grid;place-items:center;font-weight:900}
.intro-feature strong{display:block;font-size:16px;color:#161a16}
.intro-feature p{margin:6px 0 0;font-size:13px;color:#646a64;line-height:1.9}
.footer__bottom{justify-content:center;text-align:center}
.footer__bottom span:last-child{color:rgba(255,255,255,.45)}
@media(max-width:900px){
  .intro-showcase__grid{grid-template-columns:1fr}
  .intro-showcase .title{font-size:clamp(28px,7vw,48px)}
}
@media(max-width:560px){
  .stories__inner{padding-inline:18px}
  .stories__arrow{width:36px;height:36px}
  .story-item{min-width:80px;width:80px}
  .story-item__ring{width:68px;height:68px}
  .story-item img{width:34px;height:34px}
  .intro-showcase__stats{grid-template-columns:1fr}
  .intro-panel--quote p{font-size:18px;line-height:1.9}
}


/* ===== FINAL CLIENT POLISH V5 ===== */
body{
  font-family:"B Yekan","BYekan","Peyda","IRANYekan","Yekan Bakh","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  line-height:1.78;
  font-weight:400;
}
h1,h2,h3,h4,h5,h6,.title,.display,.nav a,.btn,strong{
  font-family:"B Yekan","BYekan","Peyda","IRANYekan","Yekan Bakh","Noto Sans Arabic",Tahoma,Arial,sans-serif;
  letter-spacing:0!important;
}
.title,.display,.hero h1,.page-hero h1{font-weight:800;line-height:1.42}
.lead{line-height:2;font-size:16px}
.kicker{letter-spacing:0;font-weight:700}

/* Story carousel: exact centring and unambiguous RTL controls */
.stories__inner{padding:17px 58px 19px}
.stories__track{align-items:flex-start;gap:15px;scroll-snap-type:x proximity}
.story-item{
  flex:0 0 96px;width:96px;min-width:96px;display:flex;flex-direction:column;
  align-items:center;justify-content:flex-start;text-align:center;scroll-snap-align:center
}
.story-item__ring{
  width:80px;height:80px;margin:0 auto 7px;padding:3px;display:grid;place-items:center
}
.story-item__inner{
  width:100%;height:100%;position:relative;display:block;border-width:3px
}
.story-item img{
  position:absolute!important;top:50%!important;left:50%!important;
  width:42px!important;height:42px!important;margin:0!important;
  transform:translate(-50%,-50%)!important;object-fit:contain;object-position:center;
  z-index:2
}
.story-item>span:last-child{
  width:100%;min-height:21px;margin:0;text-align:center;white-space:nowrap;
  font-size:10px;line-height:2;color:#3f443f
}
.stories__arrow{
  top:49%;transform:translateY(-50%);width:42px;height:42px;
  border:1px solid rgba(185,146,80,.35);color:#8e692e;background:#fff;
  font-size:24px;font-family:Tahoma,Arial,sans-serif;font-weight:400;line-height:1;
  box-shadow:0 8px 24px rgba(24,20,14,.10)
}
.stories__arrow span{display:block;transform:translateY(-1px)}
.stories__arrow--next{left:5px}.stories__arrow--prev{right:5px}
.stories__arrow.is-hidden{opacity:.28;pointer-events:none}

/* Concise editorial section */
.philosophy{
  position:relative;overflow:hidden;background:
  radial-gradient(circle at 9% 18%,rgba(185,146,80,.12),transparent 26%),
  linear-gradient(145deg,#f8f5ef 0%,#eee8dc 100%)
}
.philosophy:after{
  content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(185,146,80,.18);
  border-radius:50%;right:-190px;bottom:-220px;pointer-events:none
}
.philosophy__grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:72px;align-items:center}
.philosophy__copy{position:relative;z-index:1}
.philosophy__copy .title{font-size:clamp(38px,5.1vw,70px);margin:12px 0 18px;line-height:1.35}
.philosophy__copy .title span{color:var(--gold)}
.philosophy__copy .lead{max-width:650px;margin:0;color:#606660}
.philosophy__points{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0}
.philosophy__points div{
  display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;
  background:rgba(255,255,255,.72);border:1px solid rgba(185,146,80,.17);font-size:11px
}
.philosophy__points i{font-style:normal;color:var(--gold);font-size:10px;font-weight:900}
.philosophy__actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.philosophy__stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:31px;padding-top:25px;
  border-top:1px solid rgba(17,18,15,.12)
}
.philosophy__stats div{padding-left:10px;border-left:1px solid rgba(17,18,15,.10)}
.philosophy__stats div:last-child{border-left:0}
.philosophy__stats strong{display:block;font-size:32px;line-height:1.2;color:#171914}
.philosophy__stats span{font-size:10px;color:#6d726c}
.philosophy__visual{position:relative;min-height:560px}
.philosophy__image{position:absolute;inset:0 0 35px 55px;border-radius:42px;overflow:hidden;box-shadow:var(--shadow)}
.philosophy__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.02)}
.philosophy__image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,18,15,.24),transparent 48%)}
.philosophy__card{
  position:absolute;right:-26px;bottom:0;display:flex;align-items:center;gap:12px;
  min-width:285px;padding:15px 18px;border-radius:20px;background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);box-shadow:0 20px 55px rgba(26,21,14,.13);border:1px solid rgba(255,255,255,.75)
}
.philosophy__card img{width:52px;height:52px;object-fit:contain}
.philosophy__card strong{display:block;font-size:13px}.philosophy__card span{display:block;font-size:10px;color:#6f746e}
.philosophy__badge{
  position:absolute;left:14px;top:27px;width:120px;height:120px;border-radius:50%;
  background:#171511;color:#fff;display:grid;place-content:center;text-align:center;
  border:1px solid rgba(215,189,137,.38);box-shadow:0 20px 50px rgba(0,0,0,.22)
}
.philosophy__badge:after{content:"";position:absolute;inset:8px;border:1px dashed rgba(215,189,137,.38);border-radius:50%}
.philosophy__badge strong{font-size:27px;line-height:1;color:var(--gold-soft)}
.philosophy__badge span{font-size:9px;margin-top:6px;color:rgba(255,255,255,.67)}

@media(max-width:900px){
  .philosophy__grid{grid-template-columns:1fr;gap:42px}
  .philosophy__visual{min-height:500px;order:-1}
  .philosophy__copy .title{font-size:clamp(34px,7vw,54px)}
}
@media(max-width:560px){
  .stories__inner{padding-inline:16px}.stories__arrow{display:none}
  .story-item{flex-basis:78px;width:78px;min-width:78px}
  .story-item__ring{width:67px;height:67px}.story-item img{width:35px!important;height:35px!important}
  .philosophy__visual{min-height:390px}.philosophy__image{inset:0 0 32px 18px;border-radius:28px}
  .philosophy__badge{width:94px;height:94px;left:4px;top:15px}.philosophy__badge strong{font-size:22px}
  .philosophy__card{right:0;left:20px;min-width:0}.philosophy__stats{grid-template-columns:1fr;gap:14px}
  .philosophy__stats div{display:flex;justify-content:space-between;align-items:center;border-left:0;padding:0}
  .philosophy__copy .title{font-size:35px}.philosophy__copy .lead{font-size:14px}
}