@import url('https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-font-face.css');
:root{--bg:#f7f7f4;--ink:#111619;--muted:#657078;--line:#d9dcd8;--panel:#eef0ec;--dark:#090d0f;--dark2:#101619;--white:#f6f8f7;--orange:#f58200;--orange2:#ff9f2f;--orangeSoft:rgba(245,130,0,.13);--max:1280px;--shadow:0 26px 80px rgba(9,13,15,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}.progress{position:fixed;z-index:99;top:0;right:0;height:3px;width:100%;background:transparent}.progress span{display:block;width:0;height:100%;background:var(--orange)}
.nav{position:sticky;top:0;z-index:50;height:82px;padding:0 max(24px,calc((100% - 1230px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(10,14,16,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.brand img{width:122px;height:auto;display:block}.nav nav{display:flex;gap:34px;font-size:12px;color:#aeb8b9}.nav nav a{position:relative;padding:29px 0}.nav nav a:after{content:"";position:absolute;right:0;bottom:20px;width:0;height:2px;background:var(--orange);transition:.3s}.nav nav a:hover:after{width:100%}.nav-cta,.btn{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.35);padding:10px 17px;font-size:11px;transition:.3s}.nav-cta{color:white}.nav-cta span,.btn span,.text-link span{color:var(--orange)}.nav-cta:hover{background:var(--orange);border-color:var(--orange);color:#101315}
.hero{max-width:var(--max);min-height:810px;margin:auto;padding:86px 28px 105px;display:grid;grid-template-columns:.86fr 1.14fr;gap:78px;align-items:center}.hero-copy{padding-top:12px}.eyebrow{font-size:9px;letter-spacing:.18em;color:#7a858a;margin:0 0 20px;text-transform:uppercase}.eyebrow span{color:var(--orange);margin-left:8px}.hero h1,.section-head h2,.closing h2{font-size:clamp(45px,5.5vw,78px);line-height:1.13;letter-spacing:-.065em;margin:0}.hero h1 em,.section-head h2 em,.closing h2 em{font-style:normal;color:var(--orange)}.lead{font-size:15px;color:var(--muted);max-width:610px;margin:28px 0}.lead strong{color:var(--ink)}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.btn.primary{background:var(--ink);color:white;border-color:var(--ink)}.btn.primary:hover{background:var(--orange);border-color:var(--orange);color:#111}.text-link{font-size:11px;color:#4e575d}.text-link:hover{color:var(--orange)}.metrics{display:flex;align-items:center;gap:18px;margin-top:62px}.metrics div{display:flex;flex-direction:column}.metrics b{font-size:9px;letter-spacing:.12em}.metrics span{font-size:9px;color:#858d92}.metrics i{width:1px;height:28px;background:var(--line)}
.hero-visual{height:580px;position:relative;overflow:hidden;background:#0a0f11;border:1px solid #20282b;box-shadow:0 28px 90px rgba(7,12,14,.22);isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(245,130,0,.11),transparent 34%),linear-gradient(115deg,transparent 35%,rgba(255,255,255,.035) 50%,transparent 65%);pointer-events:none}.hero-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent);pointer-events:none}.visual-top{position:absolute;z-index:5;top:22px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#7e8a8d;font-size:8px;letter-spacing:.16em}.visual-top b{font-weight:500;color:#aeb8b9;display:flex;gap:7px;align-items:center}.visual-top b i{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(245,130,0,.08);animation:blink 1.6s infinite}.match-stage{position:absolute;inset:92px 34px 115px;display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;gap:18px}.match-card{position:relative;z-index:4;background:rgba(16,22,24,.92);border:1px solid #2d373a;min-height:245px;padding:22px;color:#eef1f0;box-shadow:0 18px 45px rgba(0,0,0,.18)}.match-card:before{content:"";position:absolute;top:0;left:0;width:35%;height:2px;background:var(--orange)}.card-kicker{font-size:8px;letter-spacing:.15em;color:#899396;display:flex;align-items:center;gap:8px}.mini-icon{display:inline-block;width:19px;height:19px;position:relative}.factory:before{content:"";position:absolute;left:1px;bottom:2px;width:16px;height:10px;border:1px solid var(--orange)}.factory:after{content:"";position:absolute;left:4px;top:1px;width:4px;height:10px;border:1px solid var(--orange);box-shadow:6px 3px 0 -1px #0a0f11,6px 3px 0 0 var(--orange)}.demand-icon{border:1px solid var(--orange);border-radius:50%}.demand-icon:after{content:"";position:absolute;width:6px;height:6px;border:1px solid var(--orange);border-radius:50%;left:5px;top:5px}.match-card h3{font-size:25px;margin:42px 0 8px;letter-spacing:-.04em}.match-card p{font-size:9px;color:#899497;margin:0}.capacity-bar{height:5px;background:#20292c;margin-top:28px;overflow:hidden}.capacity-bar span{display:block;width:68%;height:100%;background:var(--orange);animation:capacity 3.2s ease-in-out infinite}.card-meta{display:flex;justify-content:space-between;align-items:end;margin-top:13px}.card-meta b{font-size:19px;color:white}.card-meta small{font-size:7px;color:#788487;letter-spacing:.1em}.need-lines{display:grid;gap:7px;margin-top:28px}.need-lines i{display:block;height:5px;background:#20292c;position:relative;overflow:hidden}.need-lines i:after{content:"";position:absolute;right:0;top:0;height:100%;background:var(--orange);width:48%;animation:need 2.7s ease-in-out infinite}.need-lines i:nth-child(2):after{width:72%;animation-delay:.35s}.need-lines i:nth-child(3):after{width:58%;animation-delay:.7s}
.match-core{height:180px;width:180px;position:relative;display:grid;place-items:center;z-index:5}.core-grid{position:absolute;inset:20px;border:1px solid rgba(245,130,0,.25);border-radius:50%;background:radial-gradient(circle,rgba(245,130,0,.10),transparent 62%)}.core-orbit{position:absolute;border:1px dashed rgba(245,130,0,.45);border-radius:50%;animation:spin 14s linear infinite}.orbit-a{inset:6px}.orbit-b{inset:31px;animation-duration:9s;animation-direction:reverse}.match-icon{position:absolute;width:62px;height:62px;border:1px solid rgba(245,130,0,.6);border-radius:50%;display:grid;place-items:center;background:#0b1012;box-shadow:0 0 45px rgba(245,130,0,.12)}.match-icon:before,.match-icon:after{content:"";position:absolute;width:22px;height:1px;background:var(--orange);transform-origin:center}.match-icon:before{transform:rotate(45deg)}.match-icon:after{transform:rotate(-45deg)}.match-icon span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(245,130,0,.75)}.match-icon span:first-child{left:12px;top:12px}.match-icon span:last-child{right:12px;bottom:12px}.match-core strong{position:absolute;top:122px;font-size:9px;letter-spacing:.18em;color:white}.match-core small{position:absolute;top:140px;font-size:6px;letter-spacing:.12em;color:#6f7b7e}.packet{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 14px rgba(245,130,0,.9)}.p1{left:-8px;top:85px;animation:packetLeft 2.2s linear infinite}.p2{right:-8px;top:95px;animation:packetRight 2.4s linear infinite}.match-result{position:absolute;z-index:6;left:50%;bottom:35px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:9px 15px;border:1px solid #2a3437;background:rgba(13,18,20,.88);backdrop-filter:blur(12px);font-size:8px;white-space:nowrap}.match-result b{color:var(--orange);font-size:7px;letter-spacing:.14em}.match-result span:last-child{color:#849093}.result-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(245,130,0,.08)}.scanline{position:absolute;z-index:7;right:0;left:0;top:0;height:1px;background:rgba(245,130,0,.7);box-shadow:0 0 12px rgba(245,130,0,.5);animation:scan 5s linear infinite}
.section{max-width:var(--max);margin:auto;padding:130px 28px;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:.72fr 1.3fr;column-gap:70px;margin-bottom:60px}.section-head .eyebrow{grid-column:1}.section-head h2{grid-column:2;grid-row:1/3;font-size:clamp(38px,4.7vw,66px)}.section-head>p:last-child{grid-column:1;grid-row:2;font-size:13px;color:var(--muted);margin:22px 0 0;max-width:430px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{min-height:390px;border:1px solid var(--line);background:#fff;padding:28px;position:relative;overflow:hidden;transition:.4s;box-shadow:0 10px 40px rgba(14,20,21,.025)}.card:after{content:"";position:absolute;inset:auto -20% -55% -20%;height:170px;background:radial-gradient(circle,var(--orangeSoft),transparent 65%);opacity:.5;transition:.4s}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#c8ccc8}.card:hover:after{opacity:1}.card .num{font-size:9px;color:var(--orange);letter-spacing:.15em}.card h3{font-size:23px;margin:74px 0 12px}.card p{font-size:11px;color:var(--muted);max-width:320px}.card small{position:absolute;bottom:26px;left:28px;font-size:7px;letter-spacing:.18em;color:#899196}.meaning-icon{position:absolute;right:28px;top:66px;width:72px;height:72px}.gauge{position:absolute;width:60px;height:30px;border:2px solid #7e8889;border-bottom:0;border-radius:60px 60px 0 0;bottom:8px;right:4px}.gauge:after{content:"";position:absolute;width:2px;height:25px;background:var(--orange);right:28px;bottom:0;transform-origin:bottom;transform:rotate(34deg);transition:.5s}.gauge i{position:absolute;bottom:-3px;right:26px;width:6px;height:6px;border-radius:50%;background:var(--orange)}.card:hover .gauge:after{transform:rotate(0deg)}.search-icon .lens{position:absolute;right:7px;top:4px;width:42px;height:42px;border:2px solid #7e8889;border-radius:50%}.search-icon .lens:after{content:"";position:absolute;width:21px;height:2px;background:var(--orange);right:-14px;bottom:-8px;transform:rotate(45deg)}.search-icon i{position:absolute;left:5px;bottom:10px;width:30px;height:1px;background:var(--orange);box-shadow:0 -8px 0 #7e8889}.value-icon span{position:absolute;width:18px;height:18px;border:1px solid #7e8889;bottom:12px}.value-icon span:first-child{right:5px;height:32px}.value-icon span:nth-child(2){right:30px;height:46px;border-color:var(--orange)}.value-icon i{position:absolute;width:52px;height:1px;background:var(--orange);right:4px;top:19px;transform:rotate(-28deg)}
.dark{max-width:none;padding-left:max(28px,calc((100% - 1224px)/2));padding-right:max(28px,calc((100% - 1224px)/2));background:var(--dark);color:var(--white);border-top:0}.dark .section-head h2{color:var(--white)}.dark .section-head>p:last-child{color:#8d979a}.dark .eyebrow{color:#747f82}.flow{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr 70px 1fr;align-items:stretch}.flow-card{min-height:255px;border:1px solid #2a3033;padding:25px;background:#0d1113;display:flex;flex-direction:column;transition:.4s;position:relative;overflow:hidden}.flow-card:after{content:"";position:absolute;right:0;left:0;bottom:0;height:2px;background:transparent;transition:.35s}.flow-card:hover{border-color:#596267;transform:translateY(-4px)}.flow-card:hover:after,.flow-card.active:after{background:var(--orange)}.flow-card.active{border-color:var(--orange);background:linear-gradient(145deg,#15110c,#0d1113);box-shadow:inset 0 2px 0 var(--orange)}.flow-card b{font-size:9px;color:var(--orange)}.flow-card strong{font-size:25px;margin-top:48px}.flow-card span{font-size:10px;color:#8d979a;margin-top:8px}.flow-card em{font-style:normal;color:#667174;font-size:9px;margin-top:auto}.flow-line{display:grid;place-items:center}.flow-line i{width:100%;height:1px;background:#3a4245;position:relative}.flow-line i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px rgba(245,124,0,.7);animation:travel 2.4s linear infinite}.flow-foot{display:flex;align-items:center;gap:14px;margin-top:35px;color:#687276;font-size:7px;letter-spacing:.14em}.flow-foot i{height:1px;width:28px;background:var(--orange);opacity:.55}
.ecosystem-section{background:#f3f4f1}.ecosystem{height:620px;position:relative;display:grid;place-items:center;overflow:hidden;background:#f7f8f5;border:1px solid #e0e3df}.ecosystem-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(17,22,24,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(17,22,24,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,black 30%,transparent 80%)}.orbit{position:absolute;border:1px solid #d2d6d2;border-radius:50%}.orbit-1{width:270px;height:270px;border-color:rgba(245,130,0,.35)}.orbit-2{width:450px;height:450px;border-style:dashed;animation:spin 25s linear infinite}.orbit-3{width:640px;height:640px;border-color:#e1e4df}.node{position:absolute;z-index:4}.node.center{width:178px;height:178px;border-radius:50%;background:#0b0e10;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(245,130,0,.65),0 0 70px rgba(245,130,0,.14);padding:30px}.node.center img{width:120px}.node.center small{font-size:6px;letter-spacing:.18em;color:#778285;margin-top:-26px}.node:not(.center){min-width:140px;padding:13px 15px;border:1px solid #cdd2ce;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);display:flex;flex-direction:column;box-shadow:0 14px 35px rgba(20,25,24,.07);transition:.35s}.node:not(.center):hover{transform:translateY(-5px);border-color:var(--orange);box-shadow:0 18px 45px rgba(20,25,24,.10)}.node b{font-size:8px;letter-spacing:.12em}.node span{font-size:8px;color:#747d80;margin-top:4px}.n1{top:54px;right:16%}.n2{top:40%;right:2%}.n3{bottom:54px;right:19%}.n4{bottom:60px;left:17%}.n5{top:42%;left:2%}.network-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);transform-origin:center;opacity:.42}.nl1{width:220px;top:28%;right:25%;transform:rotate(42deg)}.nl2{width:250px;top:48%;right:20%;transform:rotate(-15deg)}.nl3{width:250px;bottom:28%;left:22%;transform:rotate(20deg)}.nl4{width:210px;top:47%;left:21%;transform:rotate(-30deg)}.nl5{width:230px;top:36%;left:37%;transform:rotate(90deg);opacity:.22}.flow-pulse{position:absolute;z-index:3;width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 15px rgba(245,130,0,.8)}.ep1{top:31%;right:31%;animation:edge1 3.8s linear infinite}.ep2{top:49%;right:22%;animation:edge2 4.2s linear infinite}.ep3{bottom:31%;left:27%;animation:edge3 3.6s linear infinite}.ep4{top:46%;left:26%;animation:edge4 4s linear infinite}
.value-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-right:1px solid var(--line)}.value-item{padding:34px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);min-height:220px;position:relative;overflow:hidden}.value-item:after{content:"";position:absolute;left:-20%;bottom:0;width:40%;height:2px;background:var(--orange);transition:.5s}.value-item:hover:after{left:80%}.value-item span{font-size:9px;color:var(--orange);letter-spacing:.15em}.value-item h3{font-size:22px;margin:50px 0 8px}.value-item p{font-size:11px;color:var(--muted);max-width:450px}.closing{max-width:none;text-align:center;padding:150px 28px 165px;background:#0a0d0f;color:white;position:relative;overflow:hidden}.closing:before{content:"";position:absolute;width:600px;height:600px;border:1px solid rgba(245,124,0,.12);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 90px rgba(245,124,0,.025),0 0 0 180px rgba(245,124,0,.015)}.closing .eyebrow,.closing>p:not(.eyebrow){position:relative;z-index:2}.closing h2{position:relative;z-index:2;font-size:clamp(48px,7vw,88px);margin-bottom:20px}.closing>p:not(.eyebrow){color:#8d979a;font-size:12px;max-width:520px;margin:0 auto}.closing .actions{justify-content:center;position:relative;z-index:2}.closing .btn.primary{background:var(--orange);border-color:var(--orange)}.closing .btn.primary:hover{background:white;color:var(--ink);border-color:white}.closing .text-link.light{color:#aeb5b7}.closing-mark{position:absolute;z-index:1;left:50%;top:50%;width:220px;height:220px;transform:translate(-50%,-50%)}.closing-mark span{position:absolute;inset:0;border:1px solid rgba(245,124,0,.22);border-radius:50%;animation:spin 18s linear infinite}.closing-mark span:nth-child(2){inset:25px;border-style:dashed;animation-direction:reverse;animation-duration:13s}.closing-mark span:nth-child(3){inset:55px;border-color:rgba(245,124,0,.38)}footer{max-width:none;background:#07090a;color:#687276;border-top:1px solid #1d2326;padding:26px max(28px,calc((100% - 1224px)/2));display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.05em}.footer-brand{display:flex;align-items:center;gap:20px}.footer-brand img{width:78px}.footer-brand span{color:#7e878a}
@keyframes blink{50%{opacity:.35}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%{transform:translateY(-20px);opacity:0}10%,80%{opacity:1}100%{transform:translateY(600px);opacity:0}}@keyframes travel{0%{right:0;opacity:0}15%{opacity:1}100%{right:96%;opacity:0}}@keyframes capacity{0%,100%{width:52%}50%{width:74%}}@keyframes need{0%,100%{transform:translateX(105%)}20%,75%{transform:translateX(0)}}@keyframes packetLeft{0%{left:-12px;opacity:0}15%{opacity:1}70%{left:62px;opacity:1}100%{left:86px;opacity:0}}@keyframes packetRight{0%{right:-12px;opacity:0}15%{opacity:1}70%{right:62px;opacity:1}100%{right:86px;opacity:0}}@keyframes edge1{0%{right:31%;opacity:0}20%{opacity:1}100%{right:50%;top:45%;opacity:0}}@keyframes edge2{0%{right:22%;opacity:0}15%{opacity:1}100%{right:50%;top:49%;opacity:0}}@keyframes edge3{0%{left:27%;opacity:0}20%{opacity:1}100%{left:50%;bottom:45%;opacity:0}}@keyframes edge4{0%{left:26%;opacity:0}20%{opacity:1}100%{left:50%;top:50%;opacity:0}}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}
@media(max-width:980px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:520px}.section-head{grid-template-columns:1fr}.section-head .eyebrow,.section-head h2,.section-head>p:last-child{grid-column:1;grid-row:auto}.section-head h2{margin-top:8px}.section-head>p:last-child{max-width:650px}.cards{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow-line{height:45px}.flow-line i{width:1px;height:100%}.flow-line i:after{right:auto;top:auto;bottom:0}.ecosystem{transform:scale(.85);margin:-30px 0}.n1{right:8%}.n3{right:10%}.n4{left:8%}.n5{left:4%}.match-stage{grid-template-columns:1fr 140px 1fr;gap:10px}.match-card{padding:17px}.match-card h3{font-size:21px}.match-core{transform:scale(.85)}}
@media(max-width:620px){.nav{padding:0 18px}.nav-cta{display:none}.brand img{width:105px}.hero,.section{padding-left:18px;padding-right:18px}.hero{padding-top:48px}.hero h1{font-size:48px}.hero-visual{height:520px;margin-top:10px}.match-stage{inset:85px 18px 100px;display:block}.match-card{position:absolute;width:calc(100% - 34px);min-height:165px}.supply{top:15px;right:17px}.demand{bottom:10px;left:17px}.match-card h3{font-size:19px;margin:20px 0 4px}.capacity-bar,.need-lines{margin-top:14px}.match-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.72);background:rgba(10,15,17,.88);border-radius:50%}.match-result{bottom:20px}.metrics{gap:9px}.metrics span{font-size:8px}.actions{flex-wrap:wrap;gap:16px}.section{padding-top:95px;padding-bottom:95px}.cards{gap:10px}.card{min-height:340px}.ecosystem{height:470px;transform:scale(.63);margin:-70px -100px}.value-grid{grid-template-columns:1fr}.closing{padding:120px 18px}.closing h2{font-size:53px}footer{padding:22px 18px;align-items:flex-start;gap:15px;flex-direction:column}.footer-brand{gap:12px}.footer-brand img{width:68px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero-visual *, .ecosystem *, .closing-mark span,.flow-line i:after{animation:none!important}}