/* MIRAS — AI pages · same tokens as the constellation (site/mirasholding-constellation-template.html) */
@font-face{font-family:'Vazirmatn';src:url('/fonts/vazirmatn-var.woff2') format('woff2-variations');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Fraunces';src:url('/fonts/fraunces-var.woff2') format('woff2-variations');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Manrope';src:url('/fonts/manrope-var.woff2') format('woff2-variations');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:'Space Mono';src:url('/fonts/space-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{
  --abyss:#070606;--ink:#0E0D0C;--ink2:#171512;--panel:#14120F;
  --gold:#C9A24B;--gold-b:#E3C578;--gold-d:#8A6C33;--bronze:#4A3820;
  --ivory:#EFE9DC;--mist:#9C968B;--neon:#6BE1FF;
  --line:rgba(201,162,75,.18);--line2:rgba(201,162,75,.36);
  --ease-out:cubic-bezier(.22,1,.36,1);
  --pad:18px;--max:1120px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--abyss);color:var(--mist);font-family:'Vazirmatn',system-ui,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased;min-height:100%;position:relative;overflow-x:hidden}
html[dir="ltr"] body{font-family:'Manrope',system-ui,sans-serif;line-height:1.7}
body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 80% 55% at 50% -10%,rgba(201,162,75,.16),transparent 60%),
             radial-gradient(ellipse 60% 40% at 85% 110%,rgba(107,225,255,.06),transparent 60%)}
body:after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E")}
.wrap{position:relative;z-index:1;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
a{color:var(--gold-b);text-decoration:none}
a:hover{color:#FFF0CE}
img,svg{display:block;max-width:100%}
.lat{unicode-bidi:isolate;direction:ltr;font-family:'Space Mono',monospace}
bdi{unicode-bidi:isolate}

/* type — Persian never gets letter-spacing */
h1,h2,h3{font-family:'Vazirmatn',sans-serif;font-weight:400;color:var(--ivory);line-height:1.35;letter-spacing:normal;text-wrap:balance}
html[dir="ltr"] h1,html[dir="ltr"] h2,html[dir="ltr"] h3{font-family:'Fraunces',serif;font-weight:300;line-height:1.1}
h1{font-size:clamp(28px,6.4vw,54px);margin-block:10px 18px}
h2{font-size:clamp(22px,4.4vw,36px);margin-block:0 14px}
h3{font-size:clamp(17px,3.2vw,21px);color:var(--ivory);font-weight:500}
p{margin-block:0 14px;font-size:15.5px}
.lead{font-size:clamp(16px,2.4vw,19px);color:#C9C3B8;max-width:62ch}
.eyebrow{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.36em;color:var(--gold);text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;margin-bottom:14px}
.eyebrow:before{content:"";width:32px;height:1px;background:var(--gold);opacity:.7;display:inline-block}
html[dir="rtl"] .eyebrow{letter-spacing:normal;font-family:'Vazirmatn',sans-serif;font-size:12.5px;text-transform:none}
.eyebrow.neon{color:var(--neon)}
.eyebrow.neon:before{background:var(--neon)}

/* header */
.top{position:sticky;top:0;z-index:20;background:rgba(7,6,6,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ivory);min-height:44px;flex:none}
.brand svg{height:36px;width:auto;flex:none;color:var(--gold-b);filter:drop-shadow(0 0 10px rgba(201,162,75,.25))}
.brand .m{display:block;white-space:nowrap;font-family:'Manrope',sans-serif;font-weight:600;font-size:11px;color:var(--ivory);letter-spacing:.24em;direction:ltr}
.brand .sub{display:none;margin-top:2px;font-family:'Space Mono',monospace;font-size:7.5px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;direction:ltr;white-space:nowrap}
@media (min-width:640px){.brand .sub{display:block}}
.topnav{display:flex;gap:2px;align-items:center;min-width:0}
@media (max-width:420px){.topnav a.hidexs{display:none}}
.topnav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding-inline:10px;font-size:13px;color:var(--mist);white-space:nowrap}
.topnav a:hover,.topnav a[aria-current]{color:var(--ivory)}
.topnav a[aria-current]{color:var(--ivory);box-shadow:inset 0 -1px 0 var(--gold)}
.topnav .hidep{display:none}
@media (min-width:768px){.topnav .hidep{display:inline-flex}}
@media (min-width:768px) and (max-width:979px){html[dir="ltr"] .topnav .hidep{display:none}}
.topnav a.langsw{font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.2em;border:1px solid var(--line2);padding:0 12px;min-height:44px;display:inline-flex;align-items:center;color:var(--gold-b);border-radius:999px;margin-inline-start:6px}
html[dir="rtl"] .topnav a.langsw.fa,.topnav a.langsw.fa{font-family:'Vazirmatn',sans-serif;letter-spacing:normal;font-size:12.5px}

/* crumbs */
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;color:var(--mist);margin-top:12px}
.crumbs a{color:var(--mist);display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px}
.crumbs a:hover{color:var(--gold-b)}
.crumbs span[aria-hidden]{opacity:.5}

/* hero */
.hero{padding-block:34px 26px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 24px;border:1px solid rgba(201,162,75,.45);color:var(--gold-b);font-size:14px;font-weight:500;transition:all .4s var(--ease-out);background:none}
.cta:hover{background:rgba(201,162,75,.1);border-color:var(--gold);color:var(--gold-b)}
.cta.fill{background:var(--gold);color:var(--abyss);border-color:var(--gold)}
.cta.fill:hover{background:var(--gold-b);color:var(--abyss)}
.cta .arr{display:inline-block;transition:transform .4s var(--ease-out)}
html[dir="rtl"] .cta .arr{transform:scaleX(-1)}
.cta:hover .arr{transform:translateX(5px)}
html[dir="rtl"] .cta:hover .arr{transform:scaleX(-1) translateX(5px)}

/* impact band — the three real numbers */
.band{margin-block:18px 8px;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr;gap:0}
.band .imp{padding:18px 6px;text-align:center;border-block-start:1px solid var(--line)}
.band .imp:first-child{border-block-start:none}
.band .imp b{display:block;font-family:'Fraunces',serif;font-weight:400;font-size:38px;line-height:1.05;color:var(--gold-b);text-shadow:0 0 24px rgba(227,197,120,.25)}
html[dir="rtl"] .band .imp b{font-family:'Vazirmatn',sans-serif;font-weight:500;font-size:34px}
.band .imp span{display:block;margin-top:6px;font-size:12.5px;line-height:1.7;color:var(--mist)}
@media (min-width:640px){.band{grid-template-columns:repeat(3,1fr)}.band .imp{border-block-start:none;border-inline-start:1px solid var(--line);padding:22px 14px}.band .imp:first-child{border-inline-start:none}}
.srcnote{font-size:12px;color:rgba(156,150,139,.8);text-align:center;margin-block:10px 0}

/* sections and cards */
section{padding-block:36px}
@media (min-width:768px){section{padding-block:56px}}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:640px){.grid.c2{grid-template-columns:repeat(2,1fr)}.grid.c3{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.grid.c3{grid-template-columns:repeat(3,1fr)}.grid.c4{grid-template-columns:repeat(4,1fr)}}
.card{position:relative;background:linear-gradient(180deg,rgba(23,21,18,.9),rgba(14,13,12,.9));border:1px solid var(--line);padding:22px 20px;transition:border-color .4s,transform .4s var(--ease-out)}
.card:hover{border-color:var(--line2)}
a.card{display:block;color:inherit}
a.card:hover{transform:translateY(-2px)}
.card .no{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.2em;color:var(--gold-d);margin-bottom:10px;direction:ltr;text-align:start}
html[dir="rtl"] .card .no{text-align:end;font-family:'Vazirmatn',sans-serif;font-size:12.5px;letter-spacing:normal;color:var(--gold)}
.card h3{margin-bottom:8px}
.card p{font-size:14px;color:var(--mist);margin-bottom:0}
.card .more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:13px;color:var(--gold-b);min-height:24px}
html[dir="rtl"] .card .more .arr{display:inline-block;transform:scaleX(-1)}
.card .ico{width:34px;height:34px;color:var(--gold-b);margin-bottom:14px}
.card .ico svg{width:34px;height:34px;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.card.neon{border-color:rgba(107,225,255,.22)}
.card.neon .no{color:#5fb9d1}

/* two-column prose */
.two{display:grid;grid-template-columns:1fr;gap:22px}
@media (min-width:900px){.two{grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}}
.list{list-style:none;display:grid;gap:10px;margin-block:8px 0}
.list li{position:relative;padding-inline-start:22px;font-size:15px;color:#C9C3B8}
.list li:before{content:"";position:absolute;inset-inline-start:0;top:.75em;width:9px;height:9px;border:1px solid var(--gold);transform:rotate(45deg);background:rgba(201,162,75,.15)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chip{font-size:12.5px;color:var(--gold-b);border:1px solid var(--line2);padding:6px 12px;min-height:34px;display:inline-flex;align-items:center;background:rgba(201,162,75,.04)}
.chip.neon{color:#CFEAF7;border-color:rgba(181,240,255,.28)}

/* steps */
.steps{counter-reset:s;display:grid;gap:12px}
@media (min-width:900px){.steps{grid-template-columns:repeat(4,1fr)}}
.step{counter-increment:s;background:var(--panel);border:1px solid var(--line);padding:20px 18px}
.step:before{content:counter(s,persian);font-family:'Vazirmatn',sans-serif;font-size:28px;color:var(--gold-d);display:block;line-height:1;margin-bottom:10px}
html[dir="ltr"] .step:before{content:counter(s,decimal-leading-zero);font-family:'Space Mono',monospace;font-size:21px}
.step h3{font-size:16.5px;margin-bottom:6px}
.step p{font-size:13.5px;margin:0}

/* dossier (case) */
.dossier{border:1px solid var(--line2);background:linear-gradient(135deg,rgba(201,162,75,.08),rgba(14,13,12,.6) 60%);padding:24px 20px;display:grid;gap:14px}
@media (min-width:768px){.dossier{grid-template-columns:repeat(3,1fr);padding:28px}}
.dossier .k{font-family:'Space Mono',monospace;font-size:9.5px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:6px}
html[dir="rtl"] .dossier .k{font-family:'Vazirmatn',sans-serif;letter-spacing:normal;font-size:12px;text-transform:none}
.dossier .tag{grid-column:1/-1;font-size:12.5px;color:var(--gold-b)}
.dossier .tag b{display:block;color:var(--ivory);font-weight:500;font-size:19px;margin-top:4px}
.dossier p{font-size:14px;margin:0;color:#C9C3B8}

/* FAQ */
.faq details{border-block-start:1px solid var(--line)}
.faq details:last-child{border-block-end:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding-block:12px;color:var(--ivory);font-size:16px;font-weight:500}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font-family:'Space Mono',monospace;color:var(--gold);font-size:20px;flex:none;transition:transform .3s}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{padding-block:0 16px;font-size:15px;color:#C9C3B8}

/* CTA band */
.ctaband{border:1px solid var(--line2);background:radial-gradient(ellipse 70% 120% at 50% 120%,rgba(201,162,75,.18),transparent 60%),var(--panel);padding:30px 20px;text-align:center}
@media (min-width:768px){.ctaband{padding:44px}}
.ctaband h2{margin-bottom:8px}
.ctaband p{max-width:56ch;margin-inline:auto}
.ctaband .ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}
.tel{font-family:'Vazirmatn',sans-serif;font-size:15px}
.tel a{display:inline-flex;align-items:center;min-height:44px;padding-inline:4px}

/* English abstract */
.abstract{border-inline-start:2px solid var(--gold-d);padding-inline-start:16px;direction:ltr;text-align:start;font-family:'Manrope',sans-serif;color:var(--mist);font-size:14px;line-height:1.7}
.abstract h2{font-family:'Fraunces',serif;font-weight:300;font-size:22px;margin-bottom:8px;line-height:1.15}
html[dir="rtl"] .abstract{margin-top:8px}

/* footer */
footer{position:relative;z-index:1;border-block-start:1px solid var(--line);margin-top:30px;padding-block:30px 40px;background:rgba(7,6,6,.6)}
footer .cols{display:grid;grid-template-columns:1fr;gap:22px}
@media (min-width:768px){footer .cols{grid-template-columns:1.3fr 1fr 1fr}}
footer h4{font-size:13px;color:var(--gold);font-weight:500;margin-bottom:10px}
footer ul{list-style:none;display:grid;gap:0}
footer li a{color:var(--mist);font-size:13.5px;display:inline-flex;min-height:44px;min-width:44px;align-items:center}
footer li a:hover{color:var(--ivory)}
footer .copy{margin-top:26px;font-size:12px;color:rgba(156,150,139,.92);display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between}
footer .copy .lat{font-size:11px}


/* ───────────── cut 3: plates, graphic band, richer cards, on-page contact, sticky phone bar ───────────── */
html{scroll-padding-top:76px}

/* hero with a drafting plate */
.hero{padding-block:26px 30px}
.hero h1{font-weight:500}
html[dir="ltr"] .hero h1{font-weight:300}
.hero.has-plate{display:grid;grid-template-columns:1fr;gap:26px;align-items:center}
@media (min-width:960px){.hero.has-plate{grid-template-columns:.96fr 1.04fr;gap:48px;padding-block:44px 54px}.hero.has-plate h1{font-size:clamp(34px,3.7vw,50px)}}
.proof{list-style:none;display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:20px;font-size:12.5px;color:var(--mist)}
.proof li{display:inline-flex;align-items:center;gap:8px}
.proof li:before{content:"";width:7px;height:7px;transform:rotate(45deg);background:var(--neon);box-shadow:0 0 10px rgba(107,225,255,.7);flex:none}
.plate{margin:0;min-width:0}
.plate-frame{position:relative;border:1px solid var(--line);background:radial-gradient(ellipse 70% 60% at 50% 45%,rgba(201,162,75,.10),transparent 70%),linear-gradient(180deg,#0C0B09,#080706);box-shadow:0 30px 80px -30px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.6),inset 0 0 60px rgba(201,162,75,.04)}
.plate-frame:before,.plate-frame:after{content:"";position:absolute;width:26px;height:26px;pointer-events:none}
.plate-frame:before{top:-1px;inset-inline-start:-1px;border-top:1px solid var(--gold-b);border-inline-start:1px solid var(--gold-b)}
.plate-frame:after{bottom:-1px;inset-inline-end:-1px;border-bottom:1px solid var(--gold-b);border-inline-end:1px solid var(--gold-b)}
.plate-svg{width:100%;height:auto;direction:ltr}
.plate-svg text{font-family:'Space Mono',monospace;letter-spacing:1.5px;direction:ltr;unicode-bidi:isolate}
.plate-svg text.fa{font-family:'Vazirmatn',sans-serif;letter-spacing:0;direction:rtl}
.plate figcaption{margin-top:10px;font-size:12px;line-height:1.7;color:rgba(156,150,139,.85);padding-inline-start:12px;border-inline-start:1px solid var(--gold-d)}
/* the drawn state is the base state; the animation only plays the way in (no animation = everything visible) */
.ct{stroke-dasharray:1;stroke-dashoffset:0;animation:ctdraw 2.4s var(--ease-out) .25s backwards}
@keyframes ctdraw{from{stroke-dashoffset:1}}
.scan{transform:translateY(180px);animation:scan 5.5s ease-in-out infinite}
@keyframes scan{0%{transform:translateY(96px);opacity:0}10%{opacity:1}85%{opacity:1}100%{transform:translateY(280px);opacity:0}}
.plate-svg.off .scan,.plate-svg.still .scan{animation:none}
.grow{transform-box:fill-box;transform-origin:left center;animation:grow 1.4s var(--ease-out) backwards}
@keyframes grow{from{transform:scaleX(0)}}
.rise{transform-box:fill-box;transform-origin:center bottom;animation:rise 1.2s var(--ease-out) backwards}
@keyframes rise{from{transform:scaleY(0)}}

/* the three figures, drawn */
.band{border:1px solid var(--line);background:linear-gradient(90deg,rgba(201,162,75,.07),rgba(14,13,12,.4) 40%,rgba(107,225,255,.035));margin-block:6px 8px}
.band .imp{display:flex;align-items:center;gap:16px;text-align:start;padding:18px 18px}
.band .imp>div{min-width:0}
.band .imp b{font-size:40px;font-weight:600;letter-spacing:normal}
html[dir="rtl"] .band .imp b{font-size:38px;font-weight:700}
.band .imp span{margin-top:4px;font-size:13px;color:#C9C3B8}
.gauge{width:72px;height:72px;flex:none;filter:drop-shadow(0 0 12px rgba(227,197,120,.25))}
.gz{animation:gz 1.8s var(--ease-out) .3s backwards}
@keyframes gz{from{stroke-dasharray:0 var(--c)}}
@media (min-width:640px){.band .imp{padding:24px 22px}}

/* cards with an instrument tile */
.card{padding:24px 22px 22px;overflow:hidden}
@media (max-width:639px){.card{padding:18px 18px 16px}.card .ico{width:48px;height:48px;margin-bottom:12px}.card .no{margin-bottom:10px}}
.card:before{content:"";position:absolute;inset-block-start:0;inset-inline:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold-b),transparent);opacity:0;transition:opacity .4s}
.card:after{content:"";position:absolute;inset-inline-end:-40px;inset-block-start:-40px;width:140px;height:140px;background:radial-gradient(circle,rgba(201,162,75,.14),transparent 65%);opacity:0;transition:opacity .5s;pointer-events:none}
.card:hover:before,.card:hover:after{opacity:1}
a.card:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(0,0,0,.9)}
.card .no{margin-bottom:14px;text-align:start}
html[dir="rtl"] .card .no{text-align:start}
.card .ico{position:relative;width:58px;height:58px;display:grid;place-items:center;margin-bottom:18px;border:1px solid var(--line2);background:radial-gradient(circle at 50% 40%,rgba(201,162,75,.16),rgba(14,13,12,.2) 70%)}
.card .ico:before,.card .ico:after{content:"";position:absolute;width:9px;height:9px}
.card .ico:before{top:-4px;inset-inline-start:-4px;border-top:1px solid var(--gold-b);border-inline-start:1px solid var(--gold-b)}
.card .ico:after{bottom:-4px;inset-inline-end:-4px;border-bottom:1px solid var(--neon);border-inline-end:1px solid var(--neon)}
.card .ico svg{width:30px;height:30px;stroke-width:1.4}
.card h3{font-size:clamp(18px,3.2vw,21px)}
.card .more{font-weight:500}

/* section headings carry a hairline */
section>.eyebrow+h2,section>div>.eyebrow+h2{position:relative}

/* client marks (typographic, no redrawn logos) */
.marks{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:14px}
.mk{display:grid;place-items:center;min-height:68px;padding:10px 8px;background:#0C0B09;color:var(--ivory);font-size:14.5px;font-weight:500;text-align:center;transition:background .4s,color .4s}
html[dir="ltr"] .mk{font-family:'Fraunces',serif;font-weight:400;font-size:15px}
.mk:hover{background:#12100D;color:var(--gold-b)}
@media (min-width:640px){.marks{grid-template-columns:repeat(3,1fr)}}

/* steps on a line */
.steps{position:relative}
.step{position:relative;background:linear-gradient(180deg,rgba(23,21,18,.95),rgba(14,13,12,.9))}
.step:before{color:var(--gold-b);font-weight:600}
.step:after{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:38px;height:2px;background:linear-gradient(90deg,var(--gold-b),var(--neon))}
html[dir="rtl"] .step:after{background:linear-gradient(270deg,var(--gold-b),var(--neon))}

/* dossier: the result column is the headline */
.dossier{position:relative;overflow:hidden}
.dossier:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:2px;background:linear-gradient(180deg,var(--gold-b),transparent)}
.dossier>div:last-child{grid-column:1/-1;border:1px solid rgba(107,225,255,.25);background:rgba(107,225,255,.04);padding:12px 14px}
.dossier>div:last-child .k{color:var(--neon)}
.dossier>div:last-child p{color:var(--ivory);font-weight:500}

/* plate gallery on the hub */
.gal{display:grid;grid-template-columns:1fr;gap:18px;margin-top:22px}
@media (min-width:768px){.gal{grid-template-columns:repeat(3,1fr)}}
.gal a{display:block;color:inherit}
.gal a .plate-frame{transition:border-color .4s,transform .5s var(--ease-out)}
.gal a:hover .plate-frame{border-color:var(--gold);transform:translateY(-4px)}
.gal figcaption{border:none;padding:0;margin-top:12px}
.gal figcaption b{display:block;color:var(--ivory);font-size:16px;font-weight:500}
.gal figcaption span{color:var(--gold-b);font-size:13px}

/* data path (who sees your data) */
.flow{display:grid;grid-template-columns:1fr;gap:10px;margin-top:20px;align-items:stretch}
.flow .fx{position:relative;border:1px solid var(--line2);background:#0C0B09;padding:18px 16px;display:flex;gap:14px;align-items:flex-start}
.flow .fx svg{width:36px;height:36px;flex:none;stroke:var(--gold-b);fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.flow .fx b{display:block;color:var(--ivory);font-size:15.5px;font-weight:500}
.flow .fx span{display:block;font-size:13px;line-height:1.75;color:var(--mist)}
.flow .fx.core{border-color:rgba(107,225,255,.4);box-shadow:inset 0 0 40px rgba(107,225,255,.05)}
.flow .fx.core svg{stroke:var(--neon)}
.flow .ar{display:grid;place-items:center;color:var(--gold-b);font-family:'Space Mono',monospace;font-size:18px;min-height:18px;transform:rotate(90deg)}
.flow .no{grid-column:1/-1;border:1px dashed rgba(156,150,139,.4);padding:12px 16px;font-size:13px;color:var(--mist);display:flex;gap:12px;align-items:center}
.flow .no i{font-style:normal;color:#E08A7A;font-family:'Space Mono',monospace;font-size:16px;flex:none}
@media (min-width:900px){.flow{grid-template-columns:1fr 28px 1fr 28px 1fr}.flow .ar{transform:none}html[dir="rtl"] .flow .ar{transform:scaleX(-1)}.flow .fx{flex-direction:column}}

/* disciplines */
.team{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}
@media (min-width:768px){.team{grid-template-columns:repeat(3,1fr)}}
.team div{border-inline-start:2px solid var(--gold-d);padding:8px 12px;background:rgba(201,162,75,.035)}
.team b{display:block;color:var(--ivory);font-size:14.5px;font-weight:500}
.team span{display:block;font-size:12.5px;line-height:1.7;color:var(--mist)}

/* checklist (guide) */
.check{counter-reset:q;display:grid;gap:12px;margin-top:18px}
@media (min-width:768px){.check{grid-template-columns:repeat(2,1fr)}}
.check>div{counter-increment:q;position:relative;border:1px solid var(--line);background:var(--panel);padding:20px 18px 18px;padding-inline-start:64px}
.check>div:before{content:counter(q,persian);position:absolute;inset-inline-start:16px;inset-block-start:16px;width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold-b);font-size:17px}
html[dir="ltr"] .check>div:before{content:counter(q);font-family:'Space Mono',monospace;font-size:14px}
.check h3{font-size:17px;margin-bottom:6px}
.check p{font-size:14px;margin:0}
.check .us{margin-top:10px;padding-top:10px;border-block-start:1px dashed var(--line2);font-size:13.5px;color:#C9C3B8}
.check .us b{color:var(--neon);font-weight:500}
.tbl{width:100%;border-collapse:collapse;margin-top:16px;font-size:14px}
.tbl th,.tbl td{border-block-end:1px solid var(--line);padding:12px 10px;text-align:start;vertical-align:top}
.tbl th{color:var(--gold);font-weight:500;font-size:13px}
.tbl td:first-child{color:var(--ivory);font-weight:500;white-space:nowrap}
.tblw{overflow-x:auto}
@media (max-width:700px){.tbl thead{display:none}.tbl,.tbl tbody,.tbl tr,.tbl td{display:block}.tbl tr{border:1px solid var(--line);background:var(--panel);padding:14px 16px;margin-bottom:10px}.tbl td{border:none;padding:2px 0;white-space:normal}.tbl td:first-child{font-size:16px;margin-bottom:4px;color:var(--gold-b)}.tbl td:last-child{color:#C9C3B8;margin-top:6px;padding-top:8px;border-block-start:1px dashed var(--line2)}}

/* contact */
.contact{display:grid;grid-template-columns:1fr;gap:22px;border:1px solid var(--line2);background:radial-gradient(ellipse 80% 120% at 100% 0%,rgba(201,162,75,.14),transparent 60%),radial-gradient(ellipse 60% 80% at 0% 100%,rgba(107,225,255,.06),transparent 60%),var(--panel);padding:26px 20px}
@media (min-width:900px){.contact{grid-template-columns:1.15fr .85fr;gap:44px;padding:44px}}
.contact p{max-width:56ch}
.next{list-style:none;counter-reset:n;display:grid;gap:12px;margin-top:18px}
.next li{counter-increment:n;position:relative;padding-inline-start:44px}
.next li:before{content:counter(n,persian);position:absolute;inset-inline-start:0;inset-block-start:2px;width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold-b);font-size:15px}
html[dir="ltr"] .next li:before{content:counter(n);font-family:'Space Mono',monospace;font-size:13px}
.next b{display:block;color:var(--ivory);font-weight:500;font-size:15px}
.next span{display:block;font-size:13.5px;color:var(--mist)}
.contact-a{display:grid;gap:10px;align-content:start}
.ch{display:flex;align-items:center;gap:14px;min-height:68px;padding:12px 16px;border:1px solid var(--line2);background:rgba(7,6,6,.5);color:var(--ivory);transition:border-color .3s,background .3s,transform .3s var(--ease-out)}
.ch:hover{border-color:var(--gold);background:rgba(201,162,75,.08);color:var(--ivory);transform:translateY(-2px)}
.ch .ci{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line2);flex:none}
.ch svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ch small{display:block;font-size:12px;color:var(--mist)}
.ch b{display:block;font-size:18px;font-weight:600;color:var(--gold-b)}
.ch b.lat{font-size:13.5px;font-weight:400;letter-spacing:0}
.ch-tel{background:var(--gold);border-color:var(--gold);color:var(--abyss)}
.ch-tel small{color:rgba(7,6,6,.75)}.ch-tel b{color:var(--abyss)}.ch-tel .ci{border-color:rgba(7,6,6,.35)}
.ch-tel:hover{background:var(--gold-b);color:var(--abyss)}
.addr{font-size:12.5px;color:var(--mist);margin:4px 0 0}
.addr a{display:inline-flex;align-items:center;min-height:44px}

/* sticky phone bar — phones only */
.sticky{display:none}
@media (max-width:767px){
  .sticky{position:fixed;inset-inline:0;inset-block-end:0;z-index:30;display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:1px;background:var(--line2);border-block-start:1px solid var(--line2);padding-bottom:env(safe-area-inset-bottom)}
  .sticky a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:54px;background:rgba(10,9,8,.96);color:var(--gold-b);font-size:13.5px;font-weight:500}
  .sticky a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .sticky a.go{background:var(--gold);color:var(--abyss);font-weight:600}
  body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}
}

@media (prefers-reduced-motion:reduce){.ct,.scan,.grow,.rise,.gz{animation:none}}
@media print{.ct,.scan,.grow,.rise,.gz{animation:none}.sticky{display:none}}

@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}