:root { --ink:#080b16; --panel:#11152a; --panel-2:#171c35; --navy:#292e64; --indigo:#586cc4; --cyan:#43b4c2; --slate:#8292a8; --white:#f4f5fa; --line:rgba(149,164,205,.2); --display:'Manrope',sans-serif; --body:'Manrope',sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--white); font-family:var(--body); overflow-x:hidden; }
body:before { content:''; position:fixed; inset:0; pointer-events:none; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:72px 72px; mask-image:linear-gradient(to bottom,black,transparent 80%); }
.noise { position:fixed; inset:0; pointer-events:none; z-index:10; opacity:.026; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; }
.section-wrap,.site-header { width:min(1240px,calc(100% - 96px)); margin-inline:auto; }
.site-header { min-height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:2; }
.brand { display:flex; align-items:center; gap:12px; white-space:nowrap; }
.full-logo { display:block; width:250px; height:auto; max-width:100%; flex-shrink:0; object-fit:contain; object-position:center; mix-blend-mode:screen; filter:brightness(1.62) contrast(1.08) saturate(1.16); }
.footer-logo { width:210px; }
.brand-mark { height:30px; display:flex; align-items:flex-end; gap:3px; border-bottom:2px solid var(--navy); padding:0 2px 2px; }
.brand-mark i { display:block; width:7px; border-radius:2px 2px 0 0; background:var(--indigo); height:14px; }.brand-mark i:nth-child(2){height:21px}.brand-mark i:nth-child(3){height:28px;background:var(--cyan)}
.brand-name { font-size:13px; font-weight:800; letter-spacing:.12em; color:#d9def0; }.brand-name b { color:var(--indigo); font-weight:800; }
.nav-links { display:flex; gap:38px; margin-left:auto; margin-right:52px; color:#9aa4bf; font-size:12px; }.nav-links a:hover,.text-link:hover{color:var(--cyan)}
.header-actions { display:flex; align-items:center; gap:27px; }.language-switch { border:0; background:none; color:#72809f; font:500 11px var(--body); letter-spacing:.08em; cursor:pointer; padding:8px 0; }.language-switch strong{color:var(--white)}.language-switch em{font-style:normal;color:#4e5874;padding:0 5px}
.header-cta { padding:12px 18px; border:1px solid var(--line); font-size:11px; color:#d9deee; transition:.25s; }.header-cta:hover{border-color:var(--cyan);color:var(--cyan)}.header-cta span,.button span{color:var(--cyan);font-size:16px;margin-left:9px}
.hero { min-height:670px; position:relative; display:grid; grid-template-columns:1fr 1fr; align-items:center; padding-top:55px; padding-bottom:70px; }.hero-copy{position:relative;z-index:1;max-width:600px}
.eyebrow,.section-label { display:flex; align-items:center; gap:10px; color:var(--slate); text-transform:uppercase; letter-spacing:.15em; font:500 10px 'DM Mono',monospace; }.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}
h1,h2,h3,p{margin-top:0} h1{font:700 clamp(48px,6vw,88px)/.98 var(--display); letter-spacing:-.07em; margin:27px 0 28px; max-width:730px} h1 em,h2 em{font-style:normal;color:var(--indigo)}
.hero-intro { color:#9ca7c1; font-size:15px; line-height:1.8; max-width:430px; margin-bottom:35px; }.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;padding:15px 19px;font-size:11px;font-weight:600;letter-spacing:.02em}.button-primary{background:var(--indigo);box-shadow:0 10px 35px rgba(88,108,196,.18);transition:.25s}.button-primary:hover{background:var(--cyan);color:var(--ink);transform:translateY(-2px)}.button-primary span{color:var(--white)}.text-link{font-size:11px;color:#aab3c9}.text-link span{display:inline-block;margin-left:8px;color:var(--cyan);font-size:16px}
.hero-visual{height:410px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;}.orbit-one{width:370px;height:370px}.orbit-two{width:260px;height:260px;border-color:rgba(67,180,194,.28)}.orbit:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--cyan);right:37px;top:30px;box-shadow:0 0 18px var(--cyan)}.orbit-two:after{top:auto;right:auto;bottom:21px;left:23px;background:var(--indigo);box-shadow:0 0 18px var(--indigo)}.visual-center{position:relative;text-align:center;z-index:1}.center-kicker{font:11px 'DM Mono',monospace;color:var(--slate);letter-spacing:.12em}.center-kicker span{color:var(--cyan)}.center-bars{height:90px;display:flex;gap:10px;justify-content:center;align-items:flex-end;margin:11px 0}.center-bars i{display:block;width:22px;background:var(--navy);height:42px;border-radius:2px}.center-bars i:nth-child(2){height:64px;background:var(--indigo)}.center-bars i:nth-child(3){height:90px;background:var(--cyan)}.visual-center p{font:12px 'DM Mono',monospace;color:#c6cce0;margin:0}.orbit-label{position:absolute;display:flex;flex-direction:column;gap:5px;font-size:11px}.orbit-label span{font:10px 'DM Mono',monospace;color:var(--cyan)}.orbit-label b{font-weight:500;color:#bdc5dd}.label-one{top:34px;left:78px}.label-two{right:17px;top:184px}.label-three{bottom:19px;left:106px}.crosshair{position:absolute;font:20px 'DM Mono',monospace;color:var(--indigo)}.crosshair-one{top:10px;right:47px}.crosshair-two{bottom:31px;right:89px;color:var(--cyan)}
.hero-foot{position:absolute;bottom:23px;left:0;right:0;display:flex;justify-content:space-between;color:#5d6887;font:10px 'DM Mono',monospace;letter-spacing:.04em}.scroll-note{display:flex;gap:10px;align-items:center}.scroll-note i{display:block;width:30px;height:1px;background:var(--cyan)}
.statement{border-top:1px solid var(--line);padding:87px 0 118px;display:grid;grid-template-columns:25% 1fr}.statement-content{position:relative}.statement-content p{font-size:clamp(29px,4vw,53px);line-height:1.17;letter-spacing:-.055em;max-width:770px;margin:0;color:#dfe3ef}.statement-mark{position:absolute;right:10%;top:-28px;color:var(--cyan);font-size:24px}
.services{padding-bottom:130px}.section-heading{display:grid;grid-template-columns:25% 1fr;align-items:start;margin-bottom:48px}.section-heading h2,.approach h2,.contact h2{font:600 clamp(34px,4.8vw,64px)/1.05 var(--display);letter-spacing:-.065em;margin:0}.section-heading h2 em,.approach h2 em{color:var(--slate)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{min-height:345px;padding:28px 30px;background:rgba(20,25,51,.72);border:1px solid var(--line);position:relative;transition:.3s}.service-card:hover{transform:translateY(-6px);border-color:rgba(67,180,194,.5)}.service-card-accent{background:var(--navy);border-color:transparent}.card-number{color:#7885aa;font:10px 'DM Mono',monospace}.service-icon{margin:34px 0 28px;font:500 33px 'DM Mono',monospace;color:var(--cyan)}.icon-flow{font-size:52px;line-height:20px}.icon-data{font-size:38px}.service-card h3{font-size:17px;letter-spacing:-.04em;margin-bottom:13px}.service-card p{font-size:12px;line-height:1.75;color:#9ba6bf;max-width:280px}.service-card>a{position:absolute;right:30px;bottom:27px;color:var(--cyan);font-size:20px}.service-card-accent p{color:#c1c9e2}.service-card-accent>a{color:var(--white)}
.approach{padding:0 0 134px}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:62px}.approach-intro h2{margin-bottom:27px}.approach-intro p{font-size:14px;line-height:1.9;color:#9ba6bf;max-width:440px}.process-list{border-top:1px solid var(--line)}.process-step{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;min-height:102px;border-bottom:1px solid var(--line)}.process-step>span{font:10px 'DM Mono',monospace;color:var(--cyan)}.process-step h3{font-size:15px;margin:0 0 7px}.process-step p{font-size:11px;color:#7f8ba6;margin:0}.process-step i{font-style:normal;color:var(--indigo);font-size:17px}
.contact{border-top:1px solid var(--line);padding:100px 0 105px;display:flex;justify-content:space-between;align-items:flex-end}.contact-copy h2{margin-top:35px}.contact-email{font:500 clamp(14px,1.6vw,20px) 'DM Mono',monospace;color:#c1c9df;border-bottom:1px solid var(--cyan);padding-bottom:12px}.contact-email span{color:var(--cyan);margin-left:15px}.site-footer{border-top:1px solid var(--line);padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between;color:#6d7892;font-size:10px}.site-footer p{margin:0;font:10px 'DM Mono',monospace}.site-footer .brand{transform:scale(.85);transform-origin:left center}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.14s}.reveal-delay-2{transition-delay:.26s}
[dir="rtl"] { --body:'Vazirmatn',sans-serif; }.rtl,.rtl h1{font-family:'Vazirmatn',sans-serif}.rtl .brand-name,.rtl .nav-links,.rtl .header-cta{font-family:var(--display)}[dir="rtl"] .hero-copy,[dir="rtl"] .statement-content,[dir="rtl"] .approach-intro,[dir="rtl"] .contact-copy{direction:rtl}[dir="rtl"] h1,[dir="rtl"] h2{letter-spacing:-.07em}[dir="rtl"] .header-cta span,[dir="rtl"] .button span{margin-left:0;margin-right:9px}[dir="rtl"] .text-link span{margin-left:0;margin-right:8px}[dir="rtl"] .service-card>a{right:auto;left:30px}[dir="rtl"] .site-footer .brand{transform-origin:right center}
@media (max-width:850px){.section-wrap,.site-header{width:min(100% - 40px,620px)}.site-header{min-height:72px}.nav-links{display:none}.header-cta{display:none}.hero{display:block;min-height:auto;padding-top:75px;padding-bottom:85px}.hero-visual{margin-top:50px;height:340px}.orbit-one{width:300px;height:300px}.orbit-two{width:210px;height:210px}.hero-foot{bottom:25px;font-size:8px}.statement,.section-heading{display:block}.section-label{margin-bottom:30px}.statement{padding:70px 0 90px}.services{padding-bottom:95px}.service-grid{grid-template-columns:1fr}.service-card{min-height:290px}.approach{padding-bottom:100px}.approach-grid{grid-template-columns:1fr;gap:55px;margin-top:45px}.contact{display:block;padding:75px 0}.contact-email{display:inline-block;margin-top:50px}.site-footer{flex-wrap:wrap;gap:20px}.site-footer p{order:3;width:100%}h1{font-size:clamp(46px,13vw,76px)}}
@media (max-width:500px){.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-foot span:last-child{display:none}.hero-foot{justify-content:flex-start}.hero-foot .scroll-note{margin-left:auto}.header-actions{margin-left:auto}.brand-name{font-size:10px}.statement-mark{right:0}.contact-email{font-size:12px}}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{font-family:'Vazirmatn',sans-serif;letter-spacing:-.07em}
@media (max-width:850px){.full-logo{width:205px}.footer-logo{width:170px}}