@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--bg:#070b14;--panel:#0c1220;--panel2:#10192a;--line:rgba(151,178,220,.15);--text:#edf3ff;--muted:#8c9ab1;--cyan:#50e6ff;--blue:#527bff;--purple:#a67bff;--font-fa:'Vazirmatn',sans-serif;--font-en:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-fa);overflow-x:hidden}body.en{font-family:var(--font-en)}a{color:inherit;text-decoration:none}button{font:inherit}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.15;border-radius:50%;z-index:-1}.ambient-one{width:430px;height:430px;background:#236bff;top:160px;left:-220px}.ambient-two{width:350px;height:350px;background:#00d9ff;top:700px;right:-220px}.section-wrap{width:min(1160px,calc(100% - 64px));margin:auto}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 64px));margin:auto;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font:800 23px var(--font-en);letter-spacing:-2px;color:#f2f7ff}.brand-mark span{color:var(--cyan)}.brand-name{font:700 11px var(--font-en);letter-spacing:1.5px}.brand-name span{display:block;color:var(--muted);font-weight:500;margin-top:3px}.nav{display:flex;gap:34px}.nav a{font-size:12px;color:#aebbd0;transition:.2s}.nav a:hover{color:var(--cyan)}.header-actions{display:flex;align-items:center;gap:12px}.lang-toggle,.menu-toggle{border:1px solid var(--line);background:rgba(255,255,255,.02);color:var(--text);border-radius:9px;padding:9px 12px;cursor:pointer;font:600 11px var(--font-en)}.lang-toggle span{color:var(--cyan);margin-left:4px}.menu-toggle{display:none}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:30px;padding-bottom:70px;gap:45px}.hero-copy{position:relative;z-index:1}.eyebrow,.section-index{font:600 10px var(--font-en);letter-spacing:1.6px;color:var(--cyan);display:flex;align-items:center;gap:10px}.status-dot,.mini-pulse{width:6px;height:6px;border-radius:50%;background:#5dffc1;box-shadow:0 0 12px #5dffc1;display:inline-block}.hero h1{font-size:clamp(42px,5.2vw,70px);line-height:1.3;letter-spacing:-2px;margin:28px 0 18px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#e9faff 0%,#72eaff 35%,#6485ff 80%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{color:#a1aec2;line-height:2.15;font-size:15px;max-width:520px;margin:0}.hero-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 19px;border-radius:9px;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s;border:1px solid transparent}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(110deg,#2978ff,#4b60f4);box-shadow:0 8px 28px #315fff32}.button-primary:hover{box-shadow:0 12px 35px #315fff55}.button-ghost{border-color:#334056;color:#d8e3f6}.arrow{font:18px var(--font-en)}.hero-meta{display:flex;align-items:center;gap:25px;margin-top:47px}.hero-meta div{display:flex;flex-direction:column;gap:3px}.hero-meta strong{font:700 25px var(--font-en)}.hero-meta strong span{color:var(--cyan)}.hero-meta small{font-size:10px;color:var(--muted)}.hero-meta>i{height:32px;width:1px;background:var(--line)}.hero-art{height:450px;display:flex;align-items:center;justify-content:center;position:relative;direction:ltr}.orbit{position:absolute;border:1px solid rgba(82,123,255,.2);border-radius:50%;transform:rotate(-20deg)}.orbit-a{width:400px;height:400px}.orbit-b{width:490px;height:300px;border-color:rgba(80,230,255,.18);transform:rotate(32deg)}.code-window{width:min(430px,100%);position:relative;background:linear-gradient(140deg,#111b2d,#0a101c 80%);border:1px solid #2c3b58;border-radius:15px;box-shadow:0 25px 90px #0009,0 0 55px #2d72ff15;overflow:hidden;transform:rotate(-2deg);z-index:1}.window-top,.window-footer{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#7788a3;font:10px var(--font-en);border-bottom:1px solid var(--line)}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#ff6d7d}.window-dots i:nth-child(2){background:#ffd166}.window-dots i:nth-child(3){background:#53e0ae}.window-lock{color:var(--cyan);font-size:16px}.code-content{padding:22px 15px 24px;font:12px/2.25 'DM Sans',monospace;color:#e4eaf6}.code-line{white-space:pre}.ln{display:inline-block;width:28px;color:#52617b;font-size:10px}.indent{padding-left:22px}.indent2{padding-left:45px}.code-purple{color:#c49cff}.code-blue{color:#7aa2ff}.code-cyan{color:#55e6ff}.code-green{color:#9fe7ba}.cursor{display:inline-block;width:6px;height:14px;background:var(--cyan);vertical-align:middle;margin-left:4px;animation:blink 1s steps(2) infinite}.window-footer{border-top:1px solid var(--line);border-bottom:0;height:38px;font-size:9px}.window-footer>span:first-child{display:flex;align-items:center;gap:7px}.float-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;background:#101a2bdf;border:1px solid #31415e;border-radius:12px;padding:12px 15px;box-shadow:0 15px 35px #0005;backdrop-filter:blur(12px);direction:rtl}.float-chip b,.float-chip small{display:block}.float-chip b{font-size:11px}.float-chip small{font-size:9px;color:var(--muted);margin-top:4px}.chip-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#273e76;color:var(--cyan);font:700 15px var(--font-en)}.chip-network{top:45px;right:-5px;animation:float 5s ease-in-out infinite}.chip-web{bottom:45px;left:-10px;animation:float 6s ease-in-out infinite reverse}.hero-stamp{position:absolute;bottom:8px;right:10%;display:flex;align-items:center;gap:10px;color:#546783;font:9px var(--font-en);letter-spacing:1.5px}.hero-stamp span{font-size:27px;color:#334b75;font-weight:800}.scroll-cue{position:absolute;bottom:24px;left:0;display:flex;align-items:center;gap:12px;color:#73819a;font-size:10px}.scroll-line{width:34px;height:1px;background:var(--cyan)}.ticker{overflow:hidden;border-block:1px solid var(--line);background:#0a101b;padding:19px 0}.ticker-track{display:flex;align-items:center;justify-content:space-around;gap:30px;min-width:900px;color:#8997ad;font:600 10px var(--font-en);letter-spacing:2px;white-space:nowrap}.ticker b{color:var(--cyan);font-size:15px}.section-pad{padding-top:120px;padding-bottom:120px}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.section-heading h2,.contact-inner h2{font-size:clamp(34px,4vw,50px);line-height:1.5;letter-spacing:-1.5px;margin:25px 0 0}.muted{color:#69778f}.about-body{padding-top:40px}.about-big{font-size:21px;line-height:2;color:#e1e9f7;margin:0 0 22px}.about-small{font-size:13px;line-height:2.2;color:#8998b0;max-width:650px}.text-link{display:inline-flex;align-items:center;gap:15px;color:var(--cyan);font-size:12px;font-weight:600;margin-top:15px}.text-link span:last-child{font:18px var(--font-en)}.services{border-top:1px solid var(--line)}.section-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.topline-note{font-size:11px;color:#78869d}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.service-card{min-height:290px;background:linear-gradient(145deg,#101827,#0b111d);border:1px solid var(--line);border-radius:13px;padding:23px 20px;position:relative;overflow:hidden;transition:.3s}.service-card:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;background:#326dff;filter:blur(70px);opacity:0;top:20px;right:0;transition:.3s}.service-card:hover{border-color:#3e74b9;transform:translateY(-5px)}.service-card:hover:before{opacity:.45}.service-number{font:11px var(--font-en);color:#64738c}.service-icon{font:26px var(--font-en);color:var(--cyan);margin-top:26px;text-shadow:0 0 25px #50e6ff4a}.service-card h3{font-size:16px;margin:18px 0 10px}.service-card p{font-size:11px;color:#8d9bb0;line-height:2.1;min-height:48px}.tag-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.tag-row span{font:9px var(--font-en);color:#9aaac3;border:1px solid #26354b;border-radius:5px;padding:5px 7px}.work{border-top:1px solid var(--line)}.work-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 35px}.work-intro h2{font-size:clamp(34px,4vw,48px);margin:0;letter-spacing:-1px}.work-intro p{max-width:440px;font-size:11px;line-height:2;color:#8492a9;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{border:1px solid var(--line);background:#0b111c;border-radius:13px;overflow:hidden;transition:.3s}.project-card:hover{transform:translateY(-5px);border-color:#4265a1}.project-visual{height:220px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#18325b,#0b1321 70%)}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#6aa4ff0a 1px,transparent 1px),linear-gradient(90deg,#6aa4ff0a 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(to bottom,black,transparent)}.visual-terminal{width:70%;background:#09101ce8;border:1px solid #31445f;border-radius:9px;padding:12px;box-shadow:0 20px 60px #0008;display:flex;flex-direction:column;gap:10px;color:#a4b5d1;font:10px var(--font-en);transform:rotate(-4deg)}.terminal-head{border-bottom:1px solid #24354b;padding-bottom:9px;color:#7faaff}.visual-terminal span:not(.terminal-head){display:flex;align-items:center;gap:7px}.visual-terminal i{width:5px;height:5px;border-radius:50%;background:#55e6ff}.visual-label{position:absolute;bottom:13px;left:15px;font:9px var(--font-en);letter-spacing:1.5px;color:#7b91b5}.visual-two{background:radial-gradient(ellipse at 50% 30%,#292858,#0c1221 70%)}.browser-mock{width:68%;height:145px;border-radius:8px;background:#111b2e;border:1px solid #46567a;box-shadow:0 18px 45px #0008;overflow:hidden;transform:rotate(3deg)}.browser-bar{height:18px;background:#1a2740;display:flex;gap:4px;align-items:center;padding:0 8px}.browser-bar i{width:4px;height:4px;background:#657da5;border-radius:50%}.browser-content{padding:16px}.browser-content span{display:block;height:5px;width:35%;background:#4fe5ff;border-radius:5px;margin-bottom:13px}.browser-content b{display:block;height:7px;width:78%;background:#a5b6d5;border-radius:5px;margin:7px 0}.browser-content b:last-of-type{width:50%;opacity:.4}.browser-button{height:13px;width:38px;border-radius:4px;background:#476bff;margin-top:15px}.visual-three{background:radial-gradient(ellipse at 50% 40%,#163d50,#0b1321 70%)}.seo-orbit{width:125px;height:125px;border:1px solid #50e6ff66;border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 50px #28c8ff18}.seo-orbit:before,.seo-orbit:after{content:"";position:absolute;border:1px solid #527bff70;border-radius:50%;width:90px;height:150px;transform:rotate(50deg)}.seo-orbit:after{transform:rotate(-50deg)}.seo-orbit span{font:700 24px var(--font-en);color:#b6f7ff;text-shadow:0 0 22px #50e6ff}.seo-orbit i{position:absolute;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan)}.seo-orbit i:nth-child(2){top:5px;left:35px}.seo-orbit i:nth-child(3){bottom:20px;right:3px}.seo-orbit i:nth-child(4){bottom:9px;left:23px}.project-info{display:flex;align-items:center;justify-content:space-between;padding:19px 19px 0}.project-type{font:9px var(--font-en);letter-spacing:1px;color:var(--cyan)}.project-info h3{font-size:14px;margin:8px 0 0}.project-arrow{font:22px var(--font-en);color:#8091ad;transition:.2s}.project-card:hover .project-arrow{color:var(--cyan);transform:translate(2px,-2px)}.project-card>p{padding:0 19px 20px;color:#8593a9;font-size:11px;line-height:2}.contact-band{border-block:1px solid var(--line);background:radial-gradient(ellipse at 20% 50%,#14284b 0%,transparent 55%),#090f1a}.contact-inner{display:flex;align-items:center;justify-content:space-between;padding-top:85px;padding-bottom:85px;gap:50px}.contact-inner h2{margin-top:18px}.contact-copy{max-width:360px}.contact-copy p{font-size:14px;line-height:2;color:#a2afc4;margin:0 0 20px}.contact-copy small{display:block;color:#697990;font-size:10px;line-height:1.8;margin-top:12px}.site-footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:25px;padding-bottom:25px}.site-footer p{font-size:10px;color:#77869d}.footer-right{display:flex;align-items:center;gap:20px;font:10px var(--font-en);color:#8492a8}.footer-right a{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--cyan);font-size:18px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes blink{50%{opacity:0}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}body.en{direction:ltr}body.en .hero-copy,body.en .about-body,body.en .section-heading,body.en .contact-copy{text-align:left}body.en .hero-art,body.en .float-chip{direction:ltr}body.en .hero-stamp{right:auto;left:10%}body.en .scroll-cue{left:auto;right:0}body.en .hero-meta{direction:ltr}body.en .code-content{direction:ltr}body.en .visual-label{left:auto;right:15px}body.en .hero h1{letter-spacing:-1.8px}
@media(max-width:900px){.nav{gap:18px}.hero{gap:15px;min-height:600px}.hero-art{transform:scale(.9)}.services-grid{grid-template-columns:repeat(2,1fr)}.about{gap:45px}.projects-grid{gap:12px}.project-visual{height:180px}}
@media(max-width:680px){.section-wrap,.site-header{width:calc(100% - 36px)}.site-header{height:72px}.brand-name{font-size:9px}.nav{display:none;position:absolute;top:71px;left:0;right:0;padding:18px;background:#0b1220;border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:0}.nav.open{display:flex}.nav a{padding:13px}.menu-toggle{display:flex;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:17px;height:1px;background:#dce7f8}.hero{grid-template-columns:1fr;padding-top:70px;padding-bottom:85px;gap:20px}.hero h1{font-size:48px;margin-top:22px}.hero-lead{font-size:13px}.hero-art{height:350px;transform:none;margin:0 -12px}.code-window{width:min(390px,94%)}.orbit-a{width:300px;height:300px}.orbit-b{width:350px;height:230px}.chip-network{right:0;top:15px}.chip-web{left:0;bottom:12px}.float-chip{padding:9px 10px}.chip-icon{width:29px;height:29px}.hero-stamp{display:none}.hero-meta{margin-top:32px}.scroll-cue{bottom:24px}.ticker-track{justify-content:flex-start;animation:marquee 25s linear infinite;width:max-content}.section-pad{padding-top:78px;padding-bottom:78px}.about{grid-template-columns:1fr;gap:20px}.about-body{padding-top:0}.about-big{font-size:18px}.section-heading h2,.contact-inner h2{font-size:38px}.section-topline{align-items:flex-start;gap:20px;flex-direction:column}.services-grid{gap:10px}.service-card{padding:18px 14px;min-height:280px}.service-card h3{font-size:14px}.service-card p{font-size:10px}.tag-row span{font-size:8px}.work-intro{align-items:flex-start;flex-direction:column;gap:14px}.projects-grid{grid-template-columns:1fr}.project-visual{height:220px}.contact-inner{align-items:flex-start;flex-direction:column;padding-top:65px;padding-bottom:65px;gap:25px}.contact-copy{max-width:100%}.site-footer{flex-wrap:wrap;gap:12px}.site-footer p{order:3;width:100%;margin:0}.footer-right{margin-left:auto}body.en .hero-art{direction:ltr}}@keyframes marquee{to{transform:translateX(-35%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}