@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{
  --bg:#0b1120;
  --bg-2:#10182b;
  --surface:#131c31;
  --surface-2:#1a2641;
  --paper:#f5f2ec;
  --card:#ffffff;
  --card-soft:#faf7f2;
  --text:#0f172a;
  --muted:#5f6b7c;
  --muted-2:#93a0b2;
  --line:rgba(15,23,42,.10);
  --line-strong:rgba(15,23,42,.18);
  --line-dark:rgba(255,255,255,.12);
  --white:#ffffff;
  --accent:#c58a49;
  --accent-2:#de5a4a;
  --success:#20c073;
  --shadow-sm:0 10px 30px rgba(10,15,30,.08);
  --shadow-md:0 24px 60px rgba(10,15,30,.12);
  --shadow-lg:0 34px 90px rgba(10,15,30,.16);
  --radius-xs:14px;
  --radius-sm:18px;
  --radius-md:24px;
  --radius-lg:32px;
  --radius-xl:40px;
  --wrap:1240px;
  --sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);background:var(--paper);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.nav-open{overflow:hidden}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
::selection{background:rgba(197,138,73,.18)}
.skip-link{position:absolute;left:-999px;top:auto}
.skip-link:focus{left:18px;top:18px;z-index:999;background:#fff;padding:12px 16px;border-radius:999px;box-shadow:var(--shadow-sm)}

.wrap{width:min(var(--wrap),calc(100% - 40px));margin:0 auto}
.section{padding:96px 0}
.section.paper{background:var(--paper)}
.section.dark{background:var(--bg);color:var(--white)}
.section-head{max-width:760px;margin:0 auto 42px;text-align:center}
.section-head.left{text-align:left;margin-left:0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}
.eyebrow::before{content:"";width:36px;height:1px;background:currentColor;opacity:.8}
.section-head h2,
.split-copy h2,
.brand-fit h2,
.contact-copy h2,
.panel-copy h2{margin:14px 0 12px;line-height:1.03;letter-spacing:-.05em;font-size:clamp(34px,5.2vw,68px)}
.section-head p,
.split-copy p,
.brand-fit p,
.panel-copy p,
.contact-copy p{margin:0;color:var(--muted);font-size:18px}
.dark .section-head p,.dark p{color:#c6cfdd}
.mini-copy{font-size:15px;color:var(--muted)}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:14px 22px;border-radius:999px;border:1px solid transparent;font-size:14px;font-weight:800;letter-spacing:.02em;transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.btn.red{background:var(--accent-2);border-color:var(--accent-2);color:#fff}
.btn.dark{background:#0f172a;border-color:#0f172a;color:#fff}
.btn.light{background:#fff;border-color:#fff;color:#0f172a}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.25);color:#fff}
.btn.outline{background:transparent;border-color:var(--line-strong);color:var(--text)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}

.site-header{position:fixed;top:18px;left:18px;right:18px;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(11,17,32,.60);backdrop-filter:blur(18px);box-shadow:0 20px 50px rgba(0,0,0,.18);transition:background .25s ease,border-color .25s ease,transform .25s ease}
.site-header.scrolled{background:rgba(11,17,32,.88);border-color:rgba(255,255,255,.14)}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand-logo{height:38px;width:auto;display:block}
.brand-stack{display:flex;flex-direction:column;gap:2px;min-width:0}
.brand-title{font-size:14px;font-weight:800;letter-spacing:.03em;color:#fff}
.brand-subtitle{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#bfc7d6;white-space:nowrap}
.nav{display:flex;align-items:center;gap:18px;flex:1;justify-content:center}
.nav a{font-size:13px;font-weight:700;color:#ced5e3;opacity:.84;white-space:nowrap;transition:color .2s ease,opacity .2s ease}
.nav a:hover,.nav a.active{color:#fff;opacity:1}
.header-actions{display:flex;align-items:center;gap:8px}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:999px;background:#fff;color:#0f172a;font-size:13px;font-weight:800}
.lang-switch{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);overflow:hidden}
.lang-switch button{border:0;background:transparent;color:#d3dbeb;font-size:11px;font-weight:800;letter-spacing:.1em;padding:9px 11px}
.lang-switch button.active{background:#fff;color:#0f172a}
.burger{display:none;position:relative;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#0f172a}
.burger span{position:absolute;left:12px;right:12px;height:2px;background:#0f172a;transition:transform .22s ease,top .22s ease,bottom .22s ease,opacity .22s ease}
.burger span:first-child{top:16px}
.burger span:last-child{bottom:16px}
body.nav-open .burger span:first-child{top:21px;transform:rotate(45deg)}
body.nav-open .burger span:last-child{bottom:21px;transform:rotate(-45deg)}

.hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at top left, rgba(197,138,73,.18), transparent 30%),
  radial-gradient(circle at 85% 20%, rgba(222,90,74,.12), transparent 28%),
  linear-gradient(180deg, #09111f 0%, #0d1527 60%, #10182d 100%);
  color:#fff;
  padding:132px 0 42px;
}
.hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(115deg, rgba(255,255,255,.04) 0, rgba(255,255,255,0) 35%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:48px;align-items:center;min-height:calc(100vh - 160px);position:relative;z-index:1}
.hero-copy{max-width:640px}
.hero-name{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.24em;color:#d3d9e6;font-weight:800;margin-bottom:18px}
.hero h1{margin:18px 0 14px;max-width:760px;font-size:clamp(48px,7vw,86px);line-height:.94;letter-spacing:-.06em}
.hero p{margin:0;max-width:620px;font-size:18px;color:#c8d0de}
.hero-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px}
.hero-proof .proof-card{padding:18px 18px 16px;border-radius:22px;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);backdrop-filter:blur(10px)}
.proof-card strong{display:block;font-size:28px;line-height:1;font-weight:800;color:#fff}
.proof-card span{display:block;margin-top:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#b8c2d5;font-weight:700}
.hero-visual-panel{position:relative}
.hero-visual{position:relative;aspect-ratio:4/5;border-radius:36px;overflow:hidden;background:#111d33;background-image:var(--img);background-position:center;background-size:cover;box-shadow:0 35px 100px rgba(0,0,0,.28)}
.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(11,17,32,.04), rgba(11,17,32,.22))}
.hero-caption{position:absolute;left:18px;right:18px;bottom:18px;display:grid;gap:8px;padding:18px 20px;border-radius:24px;background:rgba(11,17,32,.74);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08)}
.hero-caption .eyebrow{font-size:10px;color:#e2b47d}
.hero-caption p{margin:0;color:#d6deed;font-size:14px}
.hero-slider-rail{position:relative;z-index:2;margin-top:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.story-tab{display:grid;gap:8px;min-height:116px;padding:18px;border-radius:26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);color:#fff;text-align:left;transition:transform .2s ease, background .2s ease, border-color .2s ease}
.story-tab:hover{transform:translateY(-3px)}
.story-tab.active{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18)}
.story-tab span{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#d2b081}
.story-tab b{font-size:20px;line-height:1.08;letter-spacing:-.03em}
.story-tab small{display:block;color:#b9c2d4;font-size:13px;line-height:1.4}
.hero-controls{display:flex;align-items:center;gap:14px;margin-top:18px}
.hero-progress{position:relative;width:130px;height:4px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}
.hero-progress span{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px}
.hero-dots{display:flex;gap:8px}
.hero-dots button{width:9px;height:9px;border:0;border-radius:50%;background:rgba(255,255,255,.28)}
.hero-dots button.active{background:#fff}
@keyframes heroBar{from{width:0}to{width:100%}}

.metric-strip{margin-top:34px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.metric-item{padding:26px 24px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.metric-item strong{display:block;font-size:34px;line-height:1;letter-spacing:-.05em}
.metric-item span{display:block;margin-top:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:800}
.metric-item p{margin:10px 0 0;color:var(--muted);font-size:14px;line-height:1.55}

.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.story-card,
.feature-card,
.class-card,
.product-card,
.post-card{position:relative;overflow:hidden;border-radius:30px;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm);transition:transform .22s ease, box-shadow .22s ease}
.story-card:hover,
.feature-card:hover,
.class-card:hover,
.product-card:hover,
.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.story-media,
.feature-media,
.class-card::before,
.product-card::before,
.post-card::before{display:block}
.story-card .media,
.feature-card .media{aspect-ratio:4/5;background-image:var(--img);background-position:center;background-size:cover}
.story-card .content,
.feature-card .content{padding:22px}
.story-card h3,
.feature-card h3{margin:10px 0 10px;font-size:24px;line-height:1.08;letter-spacing:-.04em}
.story-card p,
.feature-card p{margin:0;color:var(--muted);font-size:15px}
.story-card .eyebrow,
.feature-card .eyebrow{font-size:10px}

.home-routes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.route-card{position:relative;overflow:hidden;min-height:320px;border-radius:32px;background-image:linear-gradient(180deg, rgba(15,23,42,.06), rgba(15,23,42,.70)), var(--img);background-size:cover;background-position:center;border:1px solid var(--line);box-shadow:var(--shadow-sm);display:flex;align-items:flex-end;padding:24px;color:#fff;transition:transform .22s ease, box-shadow .22s ease}
.route-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md)}
.route-card .route-copy{display:grid;gap:10px}
.route-card span{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#f1d2ad}
.route-card h3{margin:0;font-size:26px;line-height:1.06;letter-spacing:-.04em}
.route-card p{margin:0;color:#e7edf8;font-size:14px;max-width:240px}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.96fr);gap:48px;align-items:center}
.split.reverse{grid-template-columns:minmax(360px,.96fr) minmax(0,1fr)}
.split-image{min-height:580px;border-radius:36px;background-image:var(--img);background-position:center;background-size:cover;box-shadow:var(--shadow-md)}
.panel-card{padding:28px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.panel-card b{display:block;font-size:22px;line-height:1.15;letter-spacing:-.03em;margin-bottom:8px}
.panel-card p{margin:0;color:var(--muted)}
.panel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.quote{padding:0 0 22px}
.quote p{margin:0;padding:28px 30px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);font-size:clamp(24px,4vw,38px);line-height:1.18;letter-spacing:-.04em}
.dark .quote p{background:rgba(255,255,255,.06);border-color:var(--line-dark);color:#fff}

.page-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#08111f 0%,#101a2e 100%);color:#fff;min-height:64vh;display:flex;align-items:flex-end}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,31,.88) 8%, rgba(8,17,31,.54) 46%, rgba(8,17,31,.25) 100%);z-index:1}
.page-hero-bg{position:absolute;inset:0;background-image:var(--img);background-position:center;background-size:cover;filter:saturate(1.05) contrast(1.03)}
.page-hero-inner{position:relative;z-index:2;width:min(var(--wrap),calc(100% - 40px));margin:0 auto;padding:150px 0 76px}
.page-hero h1{margin:14px 0 14px;font-size:clamp(44px,7vw,84px);line-height:.95;letter-spacing:-.06em;max-width:880px}
.page-hero p{max-width:760px;margin:0;font-size:18px;color:#c7d0df}
.milestone-nav{position:sticky;top:82px;z-index:40;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:16px 20px;border-bottom:1px solid var(--line);background:rgba(245,242,236,.92);backdrop-filter:blur(12px)}
.milestone-nav a{padding:11px 16px;border:1px solid var(--line);background:#fff;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}
.milestone-nav a:hover{background:#0f172a;color:#fff;border-color:#0f172a}

.timeline{display:grid;gap:24px}
.timeline-card{display:grid;grid-template-columns:340px minmax(0,1fr);border-radius:32px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--shadow-sm)}
.timeline-card:nth-child(even){grid-template-columns:minmax(0,1fr) 340px}
.timeline-card:nth-child(even) figure{order:2}
.timeline-card figure{margin:0;min-height:280px;background-image:var(--img);background-position:center;background-size:cover}
.timeline-body{padding:30px}
.timeline-body em{display:inline-block;font-style:normal;font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--accent-2)}
.timeline-body h3{margin:12px 0 6px;font-size:32px;line-height:1.04;letter-spacing:-.04em}
.timeline-body h4{margin:0 0 10px;font-size:16px;color:var(--muted);font-weight:700}
.timeline-body p{margin:0;color:var(--muted)}

.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.kpi{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.kpi strong{display:block;font-size:40px;line-height:1;letter-spacing:-.06em}
.kpi span{display:block;margin-top:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:800}

.class-toolbar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.pill{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid var(--line-strong);background:#fff;color:var(--text);font-size:13px;font-weight:800}
.pill.active{background:#0f172a;border-color:#0f172a;color:#fff}
.booking-note{margin:0 auto 20px;padding:18px 20px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);font-size:15px;color:var(--muted);max-width:780px}
.booking-note strong{color:var(--text)}
.class-assist{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 26px;border-radius:28px;background:#0f172a;color:#fff;box-shadow:var(--shadow-md);margin-bottom:28px}
.class-assist b{display:block;font-size:24px;line-height:1.08;margin-bottom:6px}
.class-assist p{margin:0;color:#c7cfdd}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.class-card,
.product-card,
.post-card{min-height:420px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background-image:linear-gradient(180deg, rgba(8,17,31,.03), rgba(8,17,31,.78)), var(--img);background-position:center;background-size:cover;border:none}
.class-card h3,
.product-card h3,
.post-card h3{margin:0 0 10px;font-size:28px;line-height:1.06;letter-spacing:-.04em}
.class-card p,
.product-card p,
.post-card p{margin:0;color:#e8edf7;font-size:15px}
.class-card .btn,.product-card .btn,.post-card .btn{margin-top:18px;align-self:flex-start}
.tag{position:absolute;top:18px;left:18px;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#fff;color:#0f172a;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.process-grid>div{padding:24px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.process-grid>div b{display:block;font-size:19px;letter-spacing:-.02em;margin-bottom:10px}
.process-grid>div p{margin:0;color:var(--muted)}
.process-grid.light>div{background:#fff}
.dark .process-grid>div{background:rgba(255,255,255,.07);border-color:var(--line-dark);box-shadow:none}

.brand-fit{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:center}
.brand-fit ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.brand-fit li{padding:18px 20px;border-radius:20px;background:#fff;border:1px solid var(--line);font-weight:700;box-shadow:var(--shadow-sm)}
.collab-packages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.package{padding:26px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.package b{display:block;font-size:20px;line-height:1.1;letter-spacing:-.03em;margin-bottom:10px}
.package p{margin:0;color:var(--muted)}

.video-frame{overflow:hidden;border-radius:32px;background:#000;box-shadow:var(--shadow-md)}
.video-frame video{display:block;width:100%;min-height:420px;object-fit:cover}
.masonry{columns:4 240px;column-gap:16px}
.masonry figure{break-inside:avoid;position:relative;margin:0 0 16px;border-radius:26px;background-image:var(--img);background-position:center;background-size:cover;box-shadow:var(--shadow-sm);min-height:320px;overflow:hidden}
.masonry figure:nth-child(2n){min-height:420px}
.masonry figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, transparent, rgba(8,17,31,.18))}

.payment-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.payment-roadmap>div{padding:22px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.payment-roadmap b{display:block;font-size:23px;letter-spacing:-.03em}
.payment-roadmap span{display:block;margin-top:6px;color:var(--muted)}

.faq-list{display:grid;gap:14px}
.faq-item{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm);padding:4px 20px}
.faq-item summary{list-style:none;cursor:pointer;padding:20px 6px;font-weight:800;font-size:20px;line-height:1.2;display:flex;align-items:center;justify-content:space-between;gap:14px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--card-soft);color:var(--text);font-size:20px;flex-shrink:0}
.faq-item[open] summary::after{content:'−'}
.faq-item p{margin:0;padding:0 6px 22px;color:var(--muted)}

.contact-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:26px;align-items:stretch;padding:30px;border-radius:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-md)}
.contact-panel::before{content:"";display:block;grid-column:2;grid-row:1 / span 2;border-radius:30px;background-image:linear-gradient(180deg, rgba(8,17,31,.10), rgba(8,17,31,.42)), var(--img);background-position:center;background-size:cover;min-height:420px}
.contact-panel>div:first-child{grid-column:1;grid-row:1}
.contact-list{grid-column:1;grid-row:2;display:grid;gap:12px;align-self:end}
.contact-list a{display:grid;gap:4px;padding:16px 18px;border-radius:18px;background:var(--card-soft);border:1px solid var(--line)}
.contact-list b{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:800}

.footer-cta{padding:34px;border-radius:34px;background:linear-gradient(135deg,#0d1527,#121c33);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;box-shadow:var(--shadow-md)}
.footer-cta h2{margin:12px 0 10px;font-size:clamp(32px,4.5vw,54px);line-height:1;letter-spacing:-.05em}
.footer-cta p{margin:0;color:#c5cedd;max-width:700px}
.site-footer{padding:84px 0 34px;background:#09111f;color:#fff}
.footer-top{width:min(var(--wrap),calc(100% - 40px));margin:0 auto;display:grid;grid-template-columns:1.35fr repeat(3,.8fr);gap:30px}
.footer-brand{font-size:30px;font-weight:800;line-height:1;letter-spacing:-.05em;margin-bottom:14px}
.footer-top p{margin:0;color:#b9c3d5;max-width:340px}
.footer-top h4{margin:0 0 14px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#d8af80}
.footer-top a{display:block;color:#dde4f0;margin-bottom:10px;font-size:14px}
.footer-bottom{width:min(var(--wrap),calc(100% - 40px));margin:26px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.10);display:flex;justify-content:space-between;gap:14px;color:#9eabbe;font-size:13px}
.float-wa{position:fixed;right:18px;bottom:18px;z-index:80;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#fff;font-weight:900;box-shadow:0 14px 40px rgba(32,192,115,.34)}
.float-wa::after{content:"WhatsApp";position:absolute;right:72px;padding:9px 12px;border-radius:999px;background:#0f172a;color:#fff;font-size:12px;font-weight:800;opacity:0;pointer-events:none;transform:translateX(8px);transition:opacity .2s ease, transform .2s ease;white-space:nowrap}
.float-wa:hover::after{opacity:1;transform:none}

.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(11,17,32,.72);backdrop-filter:blur(10px);z-index:200}
.modal.open{display:flex}
.modal-box{position:relative;width:min(760px,100%);padding:30px;border-radius:34px;background:#fff;box-shadow:0 40px 120px rgba(0,0,0,.32)}
.modal-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border:0;border-radius:50%;background:#eef2f7;color:#0f172a;font-size:22px}
.progress{height:8px;border-radius:999px;background:#ecf0f5;overflow:hidden;margin:0 56px 24px 0}
.progress span{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .28s ease}
.step h3{margin:0 0 8px;font-size:32px;line-height:1.05;letter-spacing:-.04em}
.step p{margin:0 0 18px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.input{width:100%;min-height:52px;padding:14px 16px;border-radius:16px;border:1px solid var(--line-strong);background:#fff;color:var(--text);outline:none}
.input:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(197,138,73,.12)}
.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.option{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:var(--card-soft);cursor:pointer;color:var(--text)}
.option input{margin-top:2px}
.modal-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.form-error{margin:0 0 14px;padding:13px 14px;border-radius:16px;background:#fff1ef;border:1px solid #ffd6d1;color:#a61d14;font-weight:700}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .45s ease, transform .45s ease}
[data-reveal].is-visible{opacity:1;transform:none}
body[dir="rtl"]{direction:rtl}
body[dir="rtl"] .nav,body[dir="rtl"] .actions,body[dir="rtl"] .hero-controls,body[dir="rtl"] .footer-bottom{direction:rtl}
body[dir="rtl"] .section-head.left,body[dir="rtl"] .hero-copy,body[dir="rtl"] .page-hero-inner,body[dir="rtl"] .story-tab{text-align:right}
body[dir="rtl"] .eyebrow::before{order:2}

@media (max-width: 1180px){
  .nav{gap:14px}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding-bottom:10px}
  .hero-copy{max-width:none}
  .hero-visual-panel{order:-1}
  .hero-visual{aspect-ratio:16/11}
  .hero-slider-rail,.story-grid,.home-routes,.card-grid,.collab-packages,.kpi-grid,.metric-strip,.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split,.brand-fit,.contact-panel,.footer-cta{grid-template-columns:1fr}
  .contact-panel::before{grid-column:1;grid-row:2;min-height:320px}
  .contact-list{grid-column:1;grid-row:3}
  .footer-top{grid-template-columns:1fr 1fr}
  .timeline-card,.timeline-card:nth-child(even){grid-template-columns:1fr}
  .timeline-card:nth-child(even) figure{order:0}
  .split-image{min-height:460px}
}

@media (max-width: 920px){
  .site-header{padding:12px 14px}
  .nav{position:fixed;top:78px;left:18px;right:18px;display:none;flex-direction:column;align-items:stretch;gap:8px;padding:18px;border-radius:26px;background:rgba(11,17,32,.94);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(16px);box-shadow:0 30px 90px rgba(0,0,0,.35)}
  body.nav-open .nav{display:flex}
  .nav a{padding:12px 14px;border-radius:14px}
  .nav a.active{background:rgba(255,255,255,.08)}
  .burger{display:inline-block}
  .header-actions .lang-switch{display:none}
  .hero{padding-top:116px}
  .metric-strip,.process-grid,.panel-grid,.payment-roadmap,.story-grid,.home-routes,.card-grid,.collab-packages,.kpi-grid,.hero-slider-rail{grid-template-columns:1fr}
  .hero-proof{grid-template-columns:1fr 1fr}
  .masonry{columns:2 220px}
  .footer-top,.footer-bottom{grid-template-columns:1fr;display:grid}
  .footer-bottom{gap:8px}
}

@media (max-width: 680px){
  .wrap{width:min(var(--wrap),calc(100% - 28px))}
  .site-header{top:12px;left:12px;right:12px;padding:10px 12px}
  .brand-logo{height:30px}
  .brand-subtitle{display:none}
  .nav-cta{padding:10px 14px;min-height:40px;font-size:12px}
  .hero{padding-top:100px;padding-bottom:34px}
  .hero h1{font-size:clamp(40px,11vw,54px);line-height:.98}
  .hero p,.page-hero p,.section-head p{font-size:16px}
  .hero-proof{grid-template-columns:1fr}
  .hero-visual{aspect-ratio:4/5}
  .hero-caption{left:12px;right:12px;bottom:12px;padding:14px 16px}
  .page-hero-inner{padding:122px 0 56px}
  .page-hero h1{font-size:clamp(38px,11vw,54px)}
  .section{padding:72px 0}
  .section-head h2,.split-copy h2,.brand-fit h2,.contact-copy h2,.panel-copy h2,.footer-cta h2{font-size:clamp(30px,9vw,42px)}
  .quote p{padding:22px;font-size:28px}
  .split-image{min-height:320px}
  .timeline-body{padding:24px}
  .timeline-body h3{font-size:26px}
  .class-assist{padding:20px;border-radius:24px;display:grid}
  .class-card,.product-card,.post-card{min-height:360px}
  .faq-item summary{font-size:18px}
  .form-grid,.options{grid-template-columns:1fr}
  .modal-box{padding:22px;border-radius:28px}
  .progress{margin-right:44px}
  .modal-actions{flex-direction:column-reverse}
  .contact-panel{padding:22px}
  .site-footer{padding-top:64px}
  .float-wa::after{display:none}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  [data-reveal]{opacity:1;transform:none}
}

/* ===== v6 UX pass: top-attached header, real bilingual layout, cleaner rhythm ===== */
.site-header{top:0!important;left:0!important;right:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;border-top:0!important;padding:12px 24px!important;background:rgba(11,17,32,.86)!important;box-shadow:0 14px 40px rgba(0,0,0,.18)!important}
.site-header.scrolled{background:rgba(11,17,32,.94)!important}
.hero{padding-top:98px!important}
.nav{max-width:760px}
.lang-switch a{border:0;background:transparent;color:#d3dbeb;font-size:11px;font-weight:800;letter-spacing:.1em;padding:9px 12px;line-height:1}
.lang-switch a.active{background:#fff;color:#0f172a}
.hero-grid{min-height:calc(100vh - 112px)!important}
.hero h1{font-size:clamp(44px,6.4vw,78px)!important;max-width:790px!important}
.hero p{max-width:700px!important}
.hero-visual{border-radius:30px!important}
.hero-slider-rail{margin-top:24px!important}
.story-tab{min-height:104px!important;padding:16px!important;border-radius:22px!important}
.story-tab b{font-size:18px!important}
.story-tab small{font-size:12.5px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.metric-item{min-height:168px}
.route-card{min-height:300px!important}
.page-hero{padding-top:74px!important;min-height:62vh!important}
.page-hero-inner{padding-top:138px!important;padding-bottom:66px!important}
.card-grid .class-card:nth-child(n+7){display:none}
[data-reveal]{transition-delay:.02s}

body[dir="rtl"]{font-family:Tahoma, Arial, sans-serif;letter-spacing:0}
body[dir="rtl"] .brand-subtitle,
body[dir="rtl"] .eyebrow,
body[dir="rtl"] .story-tab span,
body[dir="rtl"] .metric-item span,
body[dir="rtl"] .tag,
body[dir="rtl"] .kpi span,
body[dir="rtl"] .footer-top h4{letter-spacing:0!important}
body[dir="rtl"] .hero-copy,
body[dir="rtl"] .split-copy,
body[dir="rtl"] .section-head.left,
body[dir="rtl"] .page-hero-inner,
body[dir="rtl"] .story-tab,
body[dir="rtl"] .route-card,
body[dir="rtl"] .class-card,
body[dir="rtl"] .product-card,
body[dir="rtl"] .post-card,
body[dir="rtl"] .contact-copy{text-align:right}
body[dir="rtl"] .hero h1,
body[dir="rtl"] .page-hero h1,
body[dir="rtl"] .section-head h2,
body[dir="rtl"] .split-copy h2,
body[dir="rtl"] .brand-fit h2,
body[dir="rtl"] .contact-copy h2,
body[dir="rtl"] .panel-copy h2,
body[dir="rtl"] .footer-cta h2{letter-spacing:-.025em;line-height:1.18}
body[dir="rtl"] .eyebrow::before{order:2}
body[dir="rtl"] .tag{left:auto;right:18px}
body[dir="rtl"] .contact-panel::before{grid-column:2}
body[dir="rtl"] .modal-close{right:auto;left:16px}
body[dir="rtl"] .progress{margin:0 0 24px 56px}
body[dir="rtl"] .float-wa{right:auto;left:18px}
body[dir="rtl"] .float-wa::after{right:auto;left:72px;transform:translateX(-8px)}
body[dir="rtl"] .float-wa:hover::after{transform:none}

@media(max-width:1180px){
  .site-header{padding:10px 16px!important}
  .nav{max-width:none}
  body[dir="rtl"] .contact-panel::before{grid-column:1}
}
@media(max-width:920px){
  .nav{top:64px!important;left:12px!important;right:12px!important}
  .hero{padding-top:92px!important}
  .page-hero{padding-top:62px!important}
  .brand-title{font-size:13px!important}
}
@media(max-width:680px){
  .site-header{padding:9px 12px!important}
  .brand-logo{height:27px!important;max-width:126px!important;object-fit:contain}
  .brand-title{display:none!important}
  .hero{padding-top:84px!important}
  .hero-grid{min-height:auto!important;gap:26px!important}
  .hero h1{font-size:clamp(34px,10vw,48px)!important;line-height:1.06!important}
  .hero-proof{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-slider-rail{grid-template-columns:1fr!important}
  .story-tab{min-height:auto!important}
  .metric-item{min-height:auto}
  .page-hero-inner{padding-top:112px!important;padding-bottom:50px!important}
  .page-hero h1{line-height:1.08!important}
}

/* ===== v7 polish: client logo, corrected palette, image hover/lightbox, Vazir/Vazirmatn Persian ===== */
:root{--accent:#b78a55;--accent-2:#b86b50;--paper:#f7f3ec;--card-soft:#fbf7f1}
.site-header{min-height:68px!important}
.brand{min-width:156px!important;flex-shrink:0!important}
.brand-logo-full{height:48px!important;width:auto!important;max-width:170px!important;object-fit:contain!important}
.hero{background:radial-gradient(circle at top left, rgba(183,138,85,.16), transparent 30%),radial-gradient(circle at 85% 20%, rgba(184,107,80,.10), transparent 28%),linear-gradient(180deg,#09111f 0%,#0d1527 60%,#10182d 100%)!important}
.btn.red{background:var(--accent-2)!important;border-color:var(--accent-2)!important}
.eyebrow,.story-tab span,.route-card span,.footer-top h4{color:var(--accent)!important}
.lang-switch a.active{background:#fff!important;color:#0f172a!important}
.home-routes .route-card:nth-child(4){background-position:center 42%!important}
.metric-item strong{font-size:clamp(24px,2.5vw,34px)!important;line-height:1.08!important}
.class-card,.product-card,.post-card{background-image:linear-gradient(180deg, rgba(8,17,31,.02), rgba(8,17,31,.72)), var(--img)!important}
.route-card{background-image:linear-gradient(180deg, rgba(15,23,42,.02), rgba(15,23,42,.66)), var(--img)!important}
body[dir="rtl"]{font-family:'Vazirmatn','Vazir',Tahoma,Arial,sans-serif!important;font-feature-settings:"ss01" 1;letter-spacing:0!important}
body[dir="rtl"] .hero h1,body[dir="rtl"] .page-hero h1,body[dir="rtl"] .section-head h2,body[dir="rtl"] .split-copy h2,body[dir="rtl"] .brand-fit h2,body[dir="rtl"] .contact-copy h2,body[dir="rtl"] .panel-copy h2,body[dir="rtl"] .footer-cta h2{font-family:'Vazirmatn','Vazir',Tahoma,Arial,sans-serif!important;font-weight:850!important;letter-spacing:-.025em!important;line-height:1.22!important}
body[dir="rtl"] .nav a,body[dir="rtl"] .btn,body[dir="rtl"] .tag,body[dir="rtl"] .pill,body[dir="rtl"] .story-tab span,body[dir="rtl"] .metric-item span,body[dir="rtl"] .kpi span{font-family:'Vazirmatn','Vazir',Tahoma,Arial,sans-serif!important;letter-spacing:0!important}
.lightboxable{cursor:zoom-in;position:relative;transition:transform .24s ease,filter .24s ease,box-shadow .24s ease}
.lightboxable:hover{filter:saturate(1.08) contrast(1.04);box-shadow:0 28px 80px rgba(10,15,30,.18)}
.timeline-card figure.lightboxable:hover,.masonry figure.lightboxable:hover,.split-image.lightboxable:hover,.hero-visual.lightboxable:hover{transform:translateY(-4px) scale(1.012)}
.class-card.lightboxable:hover,.product-card.lightboxable:hover,.post-card.lightboxable:hover{transform:translateY(-7px) scale(1.006)}
.lightboxable::after{content:'+';position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);color:#0f172a;font-size:22px;font-weight:600;line-height:1;opacity:0;transform:scale(.86);transition:opacity .2s ease,transform .2s ease;z-index:3;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.lightboxable:hover::after{opacity:1;transform:scale(1)}
.class-card.lightboxable::after,.product-card.lightboxable::after,.post-card.lightboxable::after{right:18px;top:64px}
.image-lightbox{position:fixed;inset:0;z-index:400;display:none;align-items:center;justify-content:center;padding:26px;background:rgba(5,10,18,.84);backdrop-filter:blur(16px)}
.image-lightbox.open{display:flex}
.image-lightbox figure{margin:0;max-width:min(1180px,calc(100vw - 52px));max-height:calc(100vh - 52px);display:grid;gap:12px}
.image-lightbox img{max-width:100%;max-height:calc(100vh - 110px);object-fit:contain;border-radius:24px;box-shadow:0 35px 120px rgba(0,0,0,.48);background:#111827}
.image-lightbox button{position:absolute;right:22px;top:22px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#0f172a;font-size:26px;line-height:1;box-shadow:0 20px 50px rgba(0,0,0,.22)}
body[dir="rtl"] .lightboxable::after{right:auto;left:16px}
body[dir="rtl"] .class-card.lightboxable::after,body[dir="rtl"] .product-card.lightboxable::after,body[dir="rtl"] .post-card.lightboxable::after{right:auto;left:18px}
body[dir="rtl"] .image-lightbox button{right:auto;left:22px}
@media(max-width:680px){.site-header{min-height:58px!important}.brand{min-width:112px!important}.brand-logo-full{height:38px!important;max-width:118px!important}.lightboxable::after{opacity:1;transform:scale(.9);width:32px;height:32px}.image-lightbox{padding:14px}.image-lightbox img{border-radius:16px}.image-lightbox button{right:14px;top:14px;width:42px;height:42px}}

/* ===== v8 fixes: valid Persian font import, RTL selector robustness, dark box text color ===== */
:root{--fa-font:'Vazirmatn','Vazir',Tahoma,Arial,sans-serif;}
html[dir="rtl"] body,
body[data-lang="fa"],
body[dir="rtl"]{font-family:var(--fa-font)!important;letter-spacing:0!important;}
html[dir="rtl"] body *:not(.brand-logo):not(img):not(video),
body[data-lang="fa"] *:not(.brand-logo):not(img):not(video){font-family:var(--fa-font)!important;}
html[dir="rtl"] .hero h1,
html[dir="rtl"] .page-hero h1,
html[dir="rtl"] .section-head h2,
html[dir="rtl"] .split-copy h2,
html[dir="rtl"] .brand-fit h2,
html[dir="rtl"] .contact-copy h2,
html[dir="rtl"] .panel-copy h2,
html[dir="rtl"] .footer-cta h2,
body[data-lang="fa"] .hero h1,
body[data-lang="fa"] .page-hero h1,
body[data-lang="fa"] .section-head h2,
body[data-lang="fa"] .split-copy h2,
body[data-lang="fa"] .brand-fit h2,
body[data-lang="fa"] .contact-copy h2,
body[data-lang="fa"] .panel-copy h2,
body[data-lang="fa"] .footer-cta h2{font-family:var(--fa-font)!important;font-weight:850!important;letter-spacing:-.015em!important;line-height:1.24!important;}
html[dir="rtl"] .brand-subtitle,
html[dir="rtl"] .eyebrow,
html[dir="rtl"] .story-tab span,
html[dir="rtl"] .metric-item span,
html[dir="rtl"] .tag,
html[dir="rtl"] .kpi span,
html[dir="rtl"] .footer-top h4,
body[data-lang="fa"] .brand-subtitle,
body[data-lang="fa"] .eyebrow,
body[data-lang="fa"] .story-tab span,
body[data-lang="fa"] .metric-item span,
body[data-lang="fa"] .tag,
body[data-lang="fa"] .kpi span,
body[data-lang="fa"] .footer-top h4{letter-spacing:0!important;}
html[dir="rtl"] .hero-copy,
html[dir="rtl"] .split-copy,
html[dir="rtl"] .section-head.left,
html[dir="rtl"] .page-hero-inner,
html[dir="rtl"] .story-tab,
html[dir="rtl"] .route-card,
html[dir="rtl"] .class-card,
html[dir="rtl"] .product-card,
html[dir="rtl"] .post-card,
html[dir="rtl"] .contact-copy,
body[data-lang="fa"] .hero-copy,
body[data-lang="fa"] .split-copy,
body[data-lang="fa"] .section-head.left,
body[data-lang="fa"] .page-hero-inner,
body[data-lang="fa"] .story-tab,
body[data-lang="fa"] .route-card,
body[data-lang="fa"] .class-card,
body[data-lang="fa"] .product-card,
body[data-lang="fa"] .post-card,
body[data-lang="fa"] .contact-copy{text-align:right!important;}
html[dir="rtl"] .eyebrow::before,
body[data-lang="fa"] .eyebrow::before{order:2;}

.brand-fit li,
.section.dark .brand-fit li,
.dark .brand-fit li{color:#0f172a!important;background:rgba(255,255,255,.97)!important;border-color:rgba(255,255,255,.18)!important;text-shadow:none!important;box-shadow:0 20px 48px rgba(0,0,0,.14)!important;}
.brand-fit li::marker{color:#0f172a!important;}
.section.dark .brand-fit li:hover{background:#fff!important;transform:translateY(-2px);}
.process-grid>div,
.section.dark .process-grid>div{color:#0f172a;}
.section.dark .process-grid>div{background:rgba(255,255,255,.96)!important;border-color:rgba(255,255,255,.16)!important;}
.section.dark .process-grid>div p{color:#5f6b7c!important;}
.section.dark .process-grid>div b{color:#0f172a!important;}

/* Better readability for white cards placed on dark backgrounds */
.section.dark .panel-card,
.section.dark .package,
.section.dark .metric-item,
.section.dark .kpi{color:#0f172a!important;background:#fff!important;}
.section.dark .panel-card p,
.section.dark .package p,
.section.dark .metric-item p,
.section.dark .kpi span{color:#5f6b7c!important;}

@media(max-width:680px){
  html[dir="rtl"] .hero h1,body[data-lang="fa"] .hero h1{font-size:clamp(32px,10vw,46px)!important;line-height:1.28!important;}
}