:root{--ink:#071329;--muted:#63708a;--cyan:#4ee0ff;--lime:#ceff58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fb;color:var(--ink);font-family:Vazirmatn,Arial,sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:5;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='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.nav{height:86px;position:absolute;inset:0 5% auto;z-index:4;display:flex;align-items:center;justify-content:space-between;color:white}.brand{display:flex;gap:9px;align-items:center;color:inherit;text-decoration:none;line-height:1.2;font-size:11px}.brand img{width:43px;height:43px;object-fit:contain;filter:brightness(0) invert(1)}.brand b{font-size:17px}.nav nav{display:flex;gap:30px}.nav nav a{font-size:13px;color:#c7d2e4;text-decoration:none}.nav-cta{font-size:12px;text-decoration:none;color:#06152d;background:var(--lime);padding:11px 16px;border-radius:99px}.nav-cta i{font-style:normal;font-size:15px}.hero{min-height:780px;position:relative;overflow:hidden;background:#071329;color:#fff;padding:180px 10% 110px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#071329 35%,transparent 76%),linear-gradient(0deg,#071329,transparent 40%)}.hero-copy,.hero-art{position:relative;z-index:1}.hero-copy{max-width:620px}.eyebrow{letter-spacing:.5px;color:#6b7b97;font-size:12px;font-weight:700;margin:0 0 16px}.hero .eyebrow{color:#91a3c0}.eyebrow span{display:inline-block;width:22px;height:1px;background:var(--cyan);vertical-align:middle;margin-left:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.2vw,75px);letter-spacing:-3px;line-height:1.22;margin:0 0 24px;font-weight:800}em{color:var(--cyan);font-style:normal}.lead{color:#b3c0d3;line-height:2;font-size:15px;max-width:500px}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{border-radius:99px;padding:14px 22px;text-decoration:none;font-size:13px;font-weight:600}.button.primary{color:#06152d;background:var(--lime)}.button.primary b{padding-right:15px}.button.ghost{border:1px solid #45546b;color:white}.hero-art{position:absolute;left:7%;top:130px;width:520px;height:520px}.rings,.rings:before,.rings:after{position:absolute;inset:18%;border:1px solid #456079;border-radius:50%;content:""}.rings:before{inset:15%}.rings:after{inset:-24%;border-color:#263c54}.core{position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#54e4ff,#1d4980 52%,#112a52);box-shadow:0 0 80px #1882c888;display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1}.core small{font-size:10px;letter-spacing:4px}.core strong{font-size:33px}.core span{font-size:5px;letter-spacing:1px;text-align:center;margin-top:7px}.tag{position:absolute;border:1px solid #55708c66;padding:8px 11px;border-radius:6px;background:#132a4eaa;font-size:10px;backdrop-filter:blur(8px)}.tag b{color:var(--lime);font-size:8px}.tag-a{top:11%;right:5%}.tag-b{bottom:19%;left:0}.tag-c{bottom:4%;right:13%}.scroll{position:absolute;bottom:32px;right:10%;font-size:10px;color:#8b9ab0;display:flex;align-items:center;gap:9px}.scroll span{width:42px;height:1px;background:#8b9ab0}.metrics{margin:-1px auto 0;background:#0e1d38;color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:30px 10%;gap:20px}.metrics div{border-left:1px solid #2e405d;padding-left:20px}.metrics div:last-child{border:0}.metrics b{font-size:27px;display:block;color:var(--lime)}.metrics span{font-size:11px;color:#93a1b6}.section{padding:120px 10%}.products{display:grid;grid-template-columns:33% 1fr;gap:8%}.section-intro h2,.section-head h2,.about h2,.clients h2,.contact h2{font-size:clamp(32px,3.6vw,52px);line-height:1.35;letter-spacing:-2px;margin-bottom:19px}.section-intro>p:not(.eyebrow),.section-head>p,.about>div>p{font-size:14px;color:var(--muted);line-height:2}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product-card{min-height:180px;position:relative;padding:26px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid #e8edf3;border-radius:12px;transition:.35s}.product-card:hover{transform:translateY(-7px);border-color:var(--accent);box-shadow:0 16px 35px #14335715}.product-card img,.product-mark{width:42px;height:42px;object-fit:contain;border-radius:11px;margin-bottom:18px}.product-mark{display:grid;place-items:center;background:color-mix(in srgb,var(--accent),white 75%);color:var(--ink);font-size:22px;font-weight:bold}.product-card h3{font-size:16px;margin-bottom:5px}.product-card p{font-size:11px;line-height:1.9;color:var(--muted);margin:0;max-width:210px}.arrow{position:absolute;left:22px;top:23px;font-size:18px;color:var(--accent)}.portfolio{background:#ecf1f7}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-head>p{max-width:280px;margin:0}.works{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work{text-decoration:none;color:inherit;background:white;border-radius:10px;overflow:hidden;transition:.3s}.work:hover{transform:translateY(-6px);box-shadow:0 16px 30px #0a29401c}.work img,.work-art{display:block;width:100%;height:245px;object-fit:cover}.work-art{padding:24px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(135deg,#172c54,#4b8daa)}.work-art.n2{background:linear-gradient(135deg,#101f35,#b4853f)}.work-art.n3{background:linear-gradient(135deg,#18294f,#377862)}.work-art span{font-size:11px;opacity:.8}.work-art b{font-size:19px;margin-top:8px}.work-meta{padding:17px;display:flex;justify-content:space-between;align-items:center}.work-meta small{color:#71809a;font-size:10px}.work-meta h3{font-size:14px;margin:4px 0 0}.work-meta i{font-style:normal;font-size:19px}.clients{text-align:center;padding:110px 10%}.clients h2{margin-bottom:48px}.client-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.client{height:78px;min-width:174px;padding:10px 20px;border:1px solid #e3e9f0;border-radius:8px;background:#fff;display:grid;place-items:center;color:#66728a;font-size:12px;font-weight:600}.client img{max-width:130px;max-height:52px}.about{display:grid;grid-template-columns:18% 39% 1fr;gap:5%;background:#122746;color:white}.about-number{font-size:110px;color:#37516c;font-weight:bold;line-height:1}.about-number sup{font-size:30px;color:var(--lime)}.about .eyebrow,.about>div>p{color:#9fb0c5}.service-list{border-top:1px solid #526780}.service-list span,.service-list p{display:inline-block;padding:17px 0;border-bottom:1px solid #526780;margin:0}.service-list span{width:18%;color:var(--lime);font-size:12px}.service-list p{width:80%;font-size:13px}.text-link{font-size:13px;color:var(--lime);text-decoration:none}.contact{position:relative;overflow:hidden;text-align:center;color:#fff;background:#08162d;padding:125px 20px}.contact .eyebrow{color:#a5b6cb}.contact h2{position:relative}.big-phone{position:relative;display:block;text-decoration:none;color:var(--lime);font-size:clamp(27px,4.4vw,60px);font-weight:800;letter-spacing:2px;direction:ltr}.address{position:relative;color:#b2c1d2;font-size:12px;margin-top:17px}.contact-orb{position:absolute;width:400px;height:400px;border-radius:50%;background:#1a80ba55;filter:blur(60px);left:calc(50% - 200px);top:10px}footer{background:#061126;color:#71829b;padding:25px 10%;display:flex;justify-content:space-between;align-items:center;font-size:10px}footer .brand{color:white}footer a:last-child{color:#9eb2ca;text-decoration:none}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.in{opacity:1;transform:none}@media(max-width:800px){.nav{inset:0 6%}.nav nav{display:none}.nav-cta{display:none}.hero{min-height:760px;padding:155px 7%}.hero-art{opacity:.45;left:-95px;top:360px;width:400px;height:400px}.metrics{padding:24px 7%;grid-template-columns:repeat(2,1fr)}.metrics div:nth-child(2){border:0}.products,.about{grid-template-columns:1fr}.section{padding:80px 7%}.product-grid,.works{grid-template-columns:1fr}.section-head{display:block}.section-head>p{margin-top:16px}.about-number{font-size:72px}.about{gap:30px}.client{min-width:140px}footer{padding:22px 7%}footer p{display:none}}
