@font-face{font-family:Vazirmatn;src:url('./assets/vazirmatn-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('./assets/vazirmatn-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Cormorant;src:url('./assets/cormorant-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{--ink:#17130f;--ink-2:#2b251f;--paper:#f4f0e8;--paper-2:#ece5d9;--card:#fbf9f4;--gold:#a16207;--gold-bright:#d69a35;--line:rgba(39,31,23,.16);--muted:#6d6258;--white:#fffdf8;--radius:28px;--max:1220px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;line-height:1.8;overflow-x:hidden}
body::selection{background:#d7a24a;color:#17130f}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,a{font:inherit}
.skip-link{position:fixed;top:-100px;right:24px;z-index:1000;background:var(--ink);color:#fff;padding:10px 16px;border-radius:10px}.skip-link:focus{top:16px}
.topbar{position:fixed;z-index:80;top:14px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),1320px);height:68px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid rgba(255,255,255,.48);border-radius:22px;background:rgba(244,240,232,.78);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 14px 40px rgba(30,22,14,.08)}
.wordmark{display:flex;align-items:center;gap:12px;width:max-content}.wordmark-fa{font-size:22px;font-weight:700}.wordmark-en{font:600 10px/1.2 Cormorant,serif;letter-spacing:.15em;color:var(--gold)}
.topnav{display:flex;align-items:center;gap:26px;font-size:13px;color:#554b42}.topnav a{padding:12px 0;transition:color .2s ease}.topnav a:hover,.topnav a:focus-visible{color:var(--gold)}
.live-link{justify-self:end;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;padding:11px 15px;border-radius:14px;background:var(--ink);color:var(--white);transition:transform .2s ease,background .2s ease}.live-link:hover{transform:translateY(-2px);background:#33271c}.live-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.reading-progress{position:fixed;z-index:90;right:0;top:0;width:3px;height:100vh;background:rgba(0,0,0,.06)}.reading-progress span{display:block;width:100%;height:0;background:linear-gradient(var(--gold-bright),var(--gold));box-shadow:0 0 14px rgba(161,98,7,.65)}
.chapter{position:relative;padding:128px max(5vw,24px)}
.chapter::before{content:attr(data-chapter);position:absolute;top:110px;left:max(5vw,24px);font:600 12px/1 Cormorant,serif;letter-spacing:.18em;color:var(--gold)}
.hero{min-height:100svh;padding-top:155px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:50px;align-items:center;max-width:1500px;margin:auto}
.eyebrow,.kicker,.micro{font:700 11px/1.4 Cormorant,Vazirmatn,serif;letter-spacing:.15em;color:var(--gold)}
.eyebrow{display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--line);direction:ltr}
.hero h1,.section-heading h2,.product-copy h2,.hub-intro h2,.outcome-copy h2,.footer h2{margin:28px 0 22px;font-size:clamp(50px,6vw,94px);font-weight:700;line-height:1.12;letter-spacing:-.055em}
.hero h1 em{display:block;font-style:normal;color:var(--gold);white-space:normal}
.hero-lede{max-width:740px;color:#51483f;font-size:clamp(17px,1.5vw,21px);line-height:2}
.hero-meta{margin-top:42px;padding-top:26px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hero-meta div{display:grid;gap:5px}.hero-meta span{font-size:11px;color:var(--gold)}.hero-meta strong{font-size:13px;line-height:1.7}
.hero-visual{position:relative;margin:0;min-height:660px;border-radius:42px;overflow:hidden;background:#100b07;box-shadow:0 34px 80px rgba(39,24,10,.22)}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(8,5,3,.88))}.hero-glow{position:absolute;z-index:1;inset:-10%;background:radial-gradient(circle at 50% 58%,rgba(255,163,42,.22),transparent 43%);mix-blend-mode:screen;pointer-events:none}.hero-visual figcaption{position:absolute;z-index:2;right:34px;left:34px;bottom:28px;color:var(--white);display:grid;gap:6px}.hero-visual figcaption span{font:600 10px/1.2 Cormorant,serif;letter-spacing:.18em;color:#e6b863}.hero-visual figcaption b{font-size:14px}
.scroll-cue{position:absolute;right:max(5vw,24px);bottom:32px;display:flex;align-items:center;gap:14px;font-size:11px;color:#675b50}.scroll-cue i{width:54px;height:1px;background:var(--gold);position:relative}.scroll-cue i::after{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;border-left:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:rotate(45deg)}
.section-heading{max-width:980px;margin:0 auto 70px;text-align:center}.section-heading h2,.product-copy h2,.hub-intro h2,.outcome-copy h2,.footer h2{font-size:clamp(40px,5vw,72px)}.section-heading>p:last-child,.product-copy>p,.hub-intro>p,.outcome-copy>p{font-size:18px;color:var(--muted);max-width:770px;margin:0 auto;line-height:2}.section-heading--light{color:var(--white)}.section-heading--light>p:last-child{color:#c6bdb3}
.origin-section{max-width:1450px;margin:auto}.before-stage{display:grid;grid-template-columns:1.35fr .65fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.before-photo{margin:0;background:var(--card);position:relative;min-height:620px}.before-photo img{width:100%;height:100%;object-fit:cover}.before-photo figcaption{position:absolute;right:24px;bottom:24px;padding:18px 22px;display:grid;gap:3px;border:1px solid rgba(255,255,255,.45);border-radius:18px;background:rgba(20,14,9,.72);backdrop-filter:blur(12px);color:#fff}.before-photo figcaption span{font:600 10px Cormorant,serif;letter-spacing:.13em;color:#efbb5e}.before-photo figcaption b{font-size:13px}.diagnosis{padding:54px;background:var(--card)}.diagnosis ol{list-style:none;margin:38px 0 0;padding:0}.diagnosis li{display:grid;grid-template-columns:46px 1fr;gap:14px;padding:23px 0;border-top:1px solid var(--line)}.diagnosis li>span{font:600 14px Cormorant,serif;color:var(--gold)}.diagnosis b{display:block;margin-bottom:7px}.diagnosis p{margin:0;color:var(--muted);font-size:14px;line-height:1.9}
.thinking-section,.digital-section{background:var(--ink);color:var(--white)}.thinking-section::after,.digital-section::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(161,98,7,.14),transparent 28%)}.thinking-section>* , .digital-section>*{position:relative;z-index:1}.principles{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.principle{position:relative;min-height:370px;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.035)}.principle-no{font:600 12px Cormorant,serif;color:#c38a2d}.principle svg{width:60px;margin:54px 0 36px;fill:none;stroke:#dbac59;stroke-width:1.15}.principle h3{font-size:24px;margin:0 0 14px}.principle p{color:#c3b9ae;margin:0;font-size:15px}.design-quote{max-width:1080px;margin:90px auto 0;padding:52px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);text-align:center}.design-quote span{font-size:11px;color:#d2a14f}.design-quote p{font-size:clamp(25px,3.4vw,44px);line-height:1.7;margin:20px auto 0;max-width:920px}
.process-section{max-width:1500px;margin:auto}.process-rail{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.process-step{padding:32px 24px 0;border-left:1px solid var(--line);min-height:220px}.process-step:last-child{border-left:0}.process-step span{font:600 12px Cormorant,serif;color:var(--gold)}.process-step h3{margin:20px 0 10px;font-size:20px}.process-step p{font-size:13px;color:var(--muted);margin:0}.iteration-film{margin:80px auto 0;max-width:1320px;display:grid;grid-template-columns:.82fr 1.18fr .92fr;gap:14px;align-items:center;direction:ltr}.iteration-film figure{margin:0;border-radius:20px;overflow:hidden;background:#090704;box-shadow:0 20px 50px rgba(38,24,10,.12)}.iteration-film img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}.iteration-film figure:nth-child(2){transform:translateY(-28px)}.iteration-film figcaption{padding:14px 18px;color:#e9d6b2;font:600 10px Cormorant,serif;letter-spacing:.12em}
.product-section{max-width:1450px;margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.product-copy>p{margin:0}.decision-list{list-style:none;margin:40px 0 0;padding:0}.decision-list li{display:grid;grid-template-columns:86px 1fr;gap:18px;padding:19px 0;border-top:1px solid var(--line)}.decision-list span{font-size:11px;color:var(--gold)}.decision-list b{font-size:14px}.product-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;align-items:end}.product-gallery figure{position:relative;margin:0;border-radius:24px;overflow:hidden;background:#120b07}.product-gallery img{width:100%;height:100%;object-fit:cover}.gallery-main{height:670px}.gallery-secondary{height:490px}.product-gallery figcaption{position:absolute;right:18px;bottom:18px;padding:7px 10px;border-radius:8px;background:rgba(10,7,4,.78);color:#e5b968;font:600 9px Cormorant,serif;letter-spacing:.14em}
.site-showcase{max-width:1230px;margin:0 auto 70px;border:1px solid rgba(255,255,255,.14);border-radius:25px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,0,.4)}.browser-chrome{height:46px;padding:0 18px;display:flex;align-items:center;gap:8px;background:#27211c;direction:ltr}.browser-chrome i{width:9px;height:9px;border-radius:50%;background:#765b3d}.browser-chrome i:nth-child(2){background:#a77531}.browser-chrome i:nth-child(3){background:#d49d43}.browser-chrome span{margin-left:14px;color:#8e8174;font:500 10px Cormorant,serif;letter-spacing:.1em}.site-showcase>img{width:100%;max-height:730px;object-fit:cover;object-position:top}.digital-grid{max-width:1230px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.digital-card{border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:34px;background:#201a15;overflow:hidden}.digital-card h3{font-size:27px;margin:9px 0}.digital-card p:not(.micro){font-size:14px;color:#bdb2a7;max-width:510px}.digital-card img{width:100%;height:360px;margin-top:26px;border-radius:15px;object-fit:cover;object-position:top}.digital-card .mobile-shot{object-fit:contain;background:#0a0705}.digital-card--wide{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.flow{display:flex;align-items:center;justify-content:space-between;direction:rtl}.flow span{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;border:1px solid rgba(214,154,53,.55);color:#f2d39b;font-size:13px}.flow i{flex:1;height:1px;background:linear-gradient(90deg,transparent,#8b611e,transparent)}
.hub-section{background:#e9e4dc}.hub-intro{max-width:1050px;margin:0 auto 65px;text-align:center}.hub-intro>p:last-child{max-width:820px}.hub-shell{max-width:1290px;min-height:680px;margin:auto;display:grid;grid-template-columns:230px 1fr;border-radius:28px;overflow:hidden;background:#f9f8f5;box-shadow:0 40px 90px rgba(40,31,23,.15);direction:ltr}.hub-sidebar{padding:28px 18px;background:#191715;color:#fff;display:flex;flex-direction:column;direction:rtl}.hub-brand{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center;padding:0 7px 30px}.hub-brand>span{grid-row:1/3;display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#d39a3d,#78460b);font:700 24px Cormorant}.hub-brand b{font-size:12px;letter-spacing:.12em}.hub-brand small{font:500 8px Cormorant;letter-spacing:.14em;color:#a79b8e}.hub-sidebar nav{display:grid;gap:7px}.hub-sidebar nav span{padding:13px 15px;border-radius:12px;color:#a9a19a;font-size:13px;display:flex;align-items:center;gap:10px}.hub-sidebar nav span.active{color:#fff;background:#2b2723}.hub-sidebar nav i{width:8px;height:8px;border-radius:50%;border:1px solid #9d6d26}.hub-status{margin-top:auto;padding:13px;border-radius:12px;background:#24211e;color:#a9a19a;font-size:11px}.hub-status i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:7px;background:#4db67a;box-shadow:0 0 0 4px rgba(77,182,122,.12)}.hub-main{padding:36px;direction:rtl}.hub-main header{display:flex;justify-content:space-between;align-items:center}.hub-main header small{font-size:11px;color:#8a7d72}.hub-main h3{margin:2px 0 0;font-size:25px}.hub-main button{border:0;border-radius:11px;background:#1f1b17;color:#fff;padding:12px 18px}.hub-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0}.hub-kpis>div{padding:22px;border:1px solid #e3ded5;border-radius:17px;background:#fff;display:grid;gap:7px}.hub-kpis span{font-size:11px;color:#766c64}.hub-kpis b{font-size:30px}.hub-kpis small{font-size:10px;color:#968b82}.hub-kpis .ok{font-size:22px;color:#238a55}.hub-table{background:#fff;border:1px solid #e3ded5;border-radius:18px;overflow:hidden}.hub-table-head,.hub-row{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;align-items:center;gap:14px;padding:19px 22px}.hub-table-head{display:flex;justify-content:space-between;border-bottom:1px solid #eee9e2}.hub-table-head span{font-size:11px;color:#9a6b27}.hub-row{border-bottom:1px solid #eee9e2;font-size:12px}.hub-row:last-child{border-bottom:0}.hub-row strong{direction:ltr}.hub-row em{font-style:normal;color:#237f50;background:#e9f7ef;padding:4px 9px;border-radius:99px;width:max-content}.hub-row em.pending{color:#976716;background:#fff5df}.hub-row b{text-align:left}.hub-notes{max-width:1230px;margin:40px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hub-notes article{padding:25px;border-top:1px solid #c9c0b4}.hub-notes span{font:600 11px Cormorant;color:var(--gold)}.hub-notes h3{font-size:19px;margin:10px 0}.hub-notes p{font-size:13px;color:#6c6259;margin:0}
.decisions-section{max-width:1450px;margin:auto}.decision-cards{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.decision-cards article{min-height:240px;padding:28px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.38);transition:transform .25s ease,border-color .25s ease}.decision-cards article:hover{transform:translateY(-4px);border-color:rgba(161,98,7,.45)}.decision-cards span{font:600 10px Cormorant;color:var(--gold);letter-spacing:.16em}.decision-cards h3{font-size:20px;margin:46px 0 12px}.decision-cards p{font-size:14px;color:var(--muted);margin:0}
.outcome-section{padding-bottom:60px}.outcome-copy{max-width:900px;margin:0 auto 70px;text-align:center}.outcome-stats{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.outcome-stats div{padding:34px;text-align:center;border-left:1px solid var(--line)}.outcome-stats div:last-child{border-left:0}.outcome-stats b{display:block;font:600 clamp(48px,6vw,76px)/1 Cormorant,serif;color:var(--gold)}.outcome-stats span{display:block;margin-top:10px;color:#635950;font-size:12px}.closing-visual{position:relative;max-width:1220px;height:720px;margin:80px auto 0;border-radius:32px;overflow:hidden;background:#100b07}.closing-visual img{width:100%;height:100%;object-fit:cover}.closing-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,6,4,.88),transparent 72%)}.closing-visual figcaption{position:absolute;z-index:1;right:52px;top:50%;transform:translateY(-50%);width:min(510px,70%);color:#fff}.closing-visual figcaption span{font:600 10px Cormorant;color:#d6a456;letter-spacing:.18em}.closing-visual blockquote{margin:22px 0 0;font-size:clamp(26px,3vw,44px);line-height:1.8;font-weight:700}
.footer{margin:60px 16px 16px;padding:70px max(5vw,42px) 24px;border-radius:30px;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr auto;gap:55px;align-items:end}.footer h2{margin:14px 0 0}.footer>a{display:flex;gap:12px;align-items:center;padding:16px 20px;border:1px solid rgba(255,255,255,.25);border-radius:14px}.footer-note{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;margin:0;color:#8f847a;font-size:11px}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.js .reveal[data-delay="1"]{transition-delay:.12s}.js .reveal[data-delay="2"]{transition-delay:.24s}.js .reveal.is-visible{opacity:1;transform:none}
:focus-visible{outline:3px solid rgba(161,98,7,.48);outline-offset:4px}
@media (max-width:1050px){.topnav{display:none}.topbar{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;padding-top:140px}.hero-visual{min-height:620px}.before-stage,.product-section{grid-template-columns:1fr}.principles{grid-template-columns:1fr}.principle{min-height:auto}.process-rail{grid-template-columns:repeat(2,1fr)}.digital-card--wide{grid-template-columns:1fr}.hub-shell{grid-template-columns:180px 1fr}.hub-main{padding:25px}.hub-kpis{grid-template-columns:1fr}.hub-row{grid-template-columns:1fr 1.6fr 1fr}.hub-row>b{display:none}.decision-cards{grid-template-columns:repeat(2,1fr)}.outcome-stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){html{scroll-padding-top:70px}.topbar{top:8px;height:58px;border-radius:18px;width:calc(100% - 16px);padding:0 13px}.wordmark-en,.live-link{display:none}.wordmark{justify-self:start}.chapter{padding:100px 18px}.chapter::before{top:78px;left:18px}.hero{padding-top:100px;min-height:auto;gap:36px}.hero h1{font-size:45px}.hero h1 em{white-space:normal}.hero-lede{font-size:16px}.hero-meta{grid-template-columns:1fr}.hero-visual{min-height:500px;border-radius:24px}.hero-visual figcaption{right:20px;left:20px}.scroll-cue{display:none}.section-heading{margin-bottom:45px;text-align:right}.section-heading h2,.product-copy h2,.hub-intro h2,.outcome-copy h2,.footer h2{font-size:39px}.section-heading>p:last-child,.product-copy>p,.hub-intro>p,.outcome-copy>p{font-size:15px}.before-stage{border-radius:20px}.before-photo{min-height:420px}.diagnosis{padding:30px 22px}.principle{padding:26px}.design-quote{margin-top:56px;padding:36px 0}.process-rail{grid-template-columns:1fr}.process-step{border-left:0;border-bottom:1px solid var(--line);min-height:auto;padding:25px 8px}.iteration-film{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.iteration-film figure{min-width:84vw;scroll-snap-align:center}.iteration-film figure:nth-child(2){transform:none}.product-section{gap:38px}.product-gallery{grid-template-columns:1fr}.gallery-main,.gallery-secondary{height:auto;aspect-ratio:1/1}.digital-grid{grid-template-columns:1fr}.digital-card--wide{grid-column:auto}.digital-card{padding:24px}.digital-card img{height:260px}.flow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.flow i{display:none}.flow span{width:100%;height:58px;border-radius:15px}.hub-section{padding-inline:12px}.hub-intro{text-align:right;padding-inline:8px}.hub-shell{grid-template-columns:1fr;min-height:auto;border-radius:20px}.hub-sidebar{display:none}.hub-main{padding:18px}.hub-main header button{display:none}.hub-kpis{grid-template-columns:1fr 1fr}.hub-kpis>div:last-child{grid-column:1/-1}.hub-table{overflow-x:auto}.hub-row{min-width:620px}.hub-notes{grid-template-columns:1fr;padding-inline:8px}.decision-cards{grid-template-columns:1fr}.decision-cards article{min-height:210px}.outcome-stats{grid-template-columns:1fr 1fr}.outcome-stats div{padding:24px 14px}.closing-visual{height:540px;margin-top:55px;border-radius:22px}.closing-visual::after{background:linear-gradient(0deg,rgba(9,6,4,.9),transparent 75%)}.closing-visual figcaption{right:24px;left:24px;top:auto;bottom:26px;transform:none;width:auto}.footer{margin:20px 8px 8px;padding:44px 24px 20px;grid-template-columns:1fr}.footer>a{width:max-content}.footer-note{grid-column:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.live-link,.decision-cards article{transition:none}}