/* Fartak: responsive visual system */
:root{--ink:#16333e;--muted:#546b77;--cyan:#187c80;--lime:#dbf3b7}
body{background:#f6f8f6;font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}*{scroll-margin-top:110px}::selection{background:#d9edc8;color:#16333e}a:focus-visible,button:focus-visible{outline:3px solid #2daab3;outline-offset:5px}.noise{opacity:.018}
.nav{inset:24px 5% auto;height:78px;padding:0 24px;border:1px solid #ffffff24;border-radius:20px;background:#ffffff08;backdrop-filter:blur(20px)}.brand{gap:14px;font-size:12px;line-height:1.7}.brand b{font-size:22px}.brand img{width:52px;height:46px}.nav nav a{font-size:14px;color:#d9e6e7}.nav-cta{padding:10px 22px;font-size:14px;font-weight:700;border-radius:12px}.menu-toggle{display:none}
.hero{padding:185px 7% 115px;min-height:740px;background:#092c33;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:5%;isolation:isolate}.hero:before{z-index:-1;background:radial-gradient(ellipse at 20% 45%,#20737555,transparent 55%),linear-gradient(110deg,#12373c00,#071f2c88)}.hero:after{inset:0;z-index:-1;max-width:none;max-height:none;width:auto;height:auto;border:0;border-radius:0;box-shadow:none;background-image:linear-gradient(#8bdac608 1px,transparent 1px),linear-gradient(90deg,#8bdac608 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to left,transparent,#000)}.hero-copy{max-width:650px}.hero .eyebrow{color:#c8dfd9;font-size:13px;display:inline-flex;align-items:center;border:1px solid #bdd7cf30;border-radius:30px;padding:6px 14px;background:#ffffff05}.eyebrow span{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px #c9f99f}h1,h2{font-family:Vazirmatn,Arial,sans-serif;letter-spacing:-1px}h1{font-size:clamp(32px,3.65vw,56px);line-height:1.6;font-weight:800;margin-bottom:22px}.hero em,.contact em,.about em{color:#d3f6b0}.lead{font-size:16px;line-height:2.1;color:#bad0d0;max-width:535px}.hero-actions{gap:14px;margin-top:32px}.button{padding:13px 23px;font-size:14px;border-radius:12px;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 12px 25px #0002}.button.ghost{border-color:#bed5d63d;background:#ffffff05}.scroll{right:7%;font-size:12px;color:#aac7c7}
.hero-art{position:relative;inset:auto;width:100%;aspect-ratio:1;height:auto;max-width:510px;justify-self:center;perspective:900px}.rings{inset:10%;border-color:#8ac4bd55;transform:rotateX(55deg) rotateZ(-25deg);box-shadow:0 0 65px #66cbbb12,inset 0 0 35px #66cbbb12;animation:orbit 24s linear infinite}.rings:before{inset:14%;border:1px dashed #c0e4d84d}.rings:after{inset:-13%;border-color:#ffffff13}.core{inset:30%;border-radius:28%;background:linear-gradient(140deg,#70ab9d,#1d5557 48%,#11373d);border:1px solid #d1eee68c;box-shadow:inset 3px 3px 18px #c9fff043,inset -10px -10px 24px #001d2c88,0 28px 60px #00151f80,0 0 80px #b0edcd18;transform:rotate(-10deg);animation:float 7s ease-in-out infinite}.core strong{font-size:46px;letter-spacing:4px;color:#e0f6ec}.core small{font-size:15px;letter-spacing:8px;color:#d8eeea}.core span{font-size:7px;line-height:1.8;letter-spacing:2px;color:#b7d8d1}.tag{padding:15px 18px;font-size:13px;border-radius:14px;border-color:#c6ebe23b;background:linear-gradient(130deg,#3e6b6988,#123f46dd);box-shadow:0 12px 35px #00182145;animation:float 7s ease-in-out infinite}.tag b{margin-right:10px;color:#d6f7b9}.tag-a{top:10%;right:0}.tag-b{bottom:17%;left:0;animation-delay:-3s}.tag-c{bottom:0;right:12%;animation-delay:-5s}
.metrics{position:relative;z-index:2;margin:-35px 7% 0;border-radius:18px;background:white;color:var(--ink);padding:28px 36px;box-shadow:0 16px 55px #14362c09;border:1px solid #e4eae5;gap:24px}.metrics div{border-color:#e2e9e5}.metrics b{color:#235e5b;font-size:30px;font-weight:700}.metrics span{font-size:13px;color:var(--muted)}.section{padding:100px 7%}.eyebrow{color:#467b76;font-size:13px;letter-spacing:0}.section-intro h2,.section-head h2,.about h2,.clients h2,.contact h2{font-size:clamp(27px,2.65vw,40px);line-height:1.65;letter-spacing:-.8px}.section-intro>p:not(.eyebrow),.section-head>p,.about>div>p{font-size:15px;line-height:2.1}.products{grid-template-columns:30% 1fr;gap:6%;align-items:start}.section-intro{position:sticky;top:70px}.product-grid{gap:20px}.product-card{padding:28px;min-height:255px;border-radius:20px;border:1px solid #e3eae6;background:linear-gradient(145deg,#fff,#fbfdfb);overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.product-card:before{inset:auto -35px -95px auto;width:200px;height:200px;filter:blur(50px);opacity:.08;pointer-events:none}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #133b2e0d;border-color:#9fc6b5}.product-card img{width:125px;height:65px;padding:8px;object-fit:contain;object-position:right center;border-radius:0;background:transparent;filter:none;margin-bottom:20px}.product-card h3{font-size:19px;margin-bottom:8px}.product-card p{font-size:14px;line-height:2;max-width:none}.arrow{top:27px;left:24px;width:34px;height:34px;border:1px solid #dde8e1;border-radius:50%;display:grid;place-items:center;color:#3a6e65;transition:.25s}.product-card:hover .arrow{background:#e8f5eb;transform:rotate(45deg)}
.portfolio{background:#eaf0ed;border-block:1px solid #dfe7e2}.section-head{gap:40px}.section-head>p{max-width:360px}.works{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work{border:1px solid #dce7df;border-radius:18px;box-shadow:0 5px 16px #173a2a03}.work-art{height:225px;position:relative;overflow:hidden;padding:24px;background:radial-gradient(ellipse at 15% 10%,#438d87,transparent 80%),#113b45;isolation:isolate}.work-art:before{content:'';position:absolute;inset:27px 24px 60px;border:1px solid #ffffff25;border-radius:10px;transform:perspective(450px) rotateY(-16deg) rotateX(12deg);background:linear-gradient(90deg,transparent 22%,#ffffff10 22%,#ffffff10 23%,transparent 23%),repeating-linear-gradient(0deg,transparent 0 22px,#ffffff0c 22px 23px),#ffffff05;box-shadow:14px 14px 0 #ffffff06;z-index:-1;transition:transform .5s}.work:hover .work-art:before{transform:perspective(450px) rotateY(-4deg) rotateX(4deg) translateY(-7px)}.work-art:after{inset:auto auto -100px -70px;width:240px;height:240px;border-color:#ffffff20;box-shadow:0 0 0 32px #ffffff06,0 0 0 64px #ffffff04;z-index:-1}.work-art.n2,.work-art.n6,.work-art.n9{background:radial-gradient(ellipse at 0 0,#827d61,transparent 80%),#373d38}.work-art.n3,.work-art.n5,.work-art.n8{background:radial-gradient(ellipse at 0 0,#6583a3,transparent 80%),#1c304b}.work-art span{font-size:12px;padding:3px 10px;background:#ffffff17;border:1px solid #ffffff17;border-radius:20px;align-self:start;backdrop-filter:blur(8px)}.work-art b{font-size:18px;line-height:1.8;text-shadow:0 2px 10px #0006}.work-meta{padding:20px;gap:12px}.work-meta small{font-size:12px}.work-meta h3{font-size:15px;line-height:1.9}.work-meta i{width:32px;height:32px;flex-shrink:0;border:1px solid #e3ebe5;border-radius:50%;text-align:center;color:#517868}.work img{height:225px}
.clients{padding:85px 7%}.client-row{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.client{min-width:0;height:100px;padding:18px;font-size:14px;line-height:1.9;border-radius:16px;background:transparent;border-color:#dbe5df;color:#3f5d55;transition:.25s}.client:hover{background:white;transform:translateY(-3px)}.about{margin:0 4%;padding:65px 4%;border-radius:28px;background:radial-gradient(ellipse at 0 0,#306a5c66,transparent 75%),#113839;grid-template-columns:15% 42% 1fr;gap:4%;align-items:center}.about-number{font-size:65px;color:#a9cdbd;writing-mode:vertical-rl;letter-spacing:8px;line-height:1.4}.about-number sup{font-size:24px}.about .eyebrow,.about>div>p{color:#bdd4cf}.service-list{border-color:#86b2a340}.service-list span,.service-list p{border-color:#86b2a340;padding:20px 0;font-size:14px}.service-list span{color:#c6e7ac}.text-link{font-size:14px}.contact{margin:32px 4% 0;border-radius:28px 28px 0 0;background:#092a31;padding:90px 20px}.contact-orb{background:#3c826866;filter:blur(90px);top:50px}.contact .eyebrow{position:relative;color:#bed6d2}.contact h2{font-size:clamp(30px,3.5vw,48px)}.big-phone{font-size:clamp(29px,3.5vw,46px);letter-spacing:3px;color:#d7efbe}.address{font-size:14px;line-height:2;max-width:550px;margin:20px auto 0}footer{margin:0 4% 24px;border-radius:0 0 28px 28px;background:#092a31;border-top:1px solid #ffffff16;padding:24px 4%;font-size:12px;color:#a9bfbc}footer a:last-child{color:#bdcfcd}
.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(20px)}.motion-ready .reveal.in{opacity:1;transform:none}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes orbit{to{transform:rotateX(55deg) rotateZ(335deg)}}
@media(max-width:1100px){.hero{gap:2%;padding-inline:5%}.hero-art{max-width:400px}.tag{font-size:11px;padding:12px}.products{grid-template-columns:1fr}.section-intro{position:static;max-width:600px;margin-bottom:32px}.product-grid{grid-template-columns:repeat(3,1fr)}.product-card{padding:22px}.works{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr 1fr}.about-number{display:none}.client-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.nav{inset:16px 5% auto;height:70px;padding:0 18px;border-radius:16px}.menu-toggle{display:block;background:#ffffff12;border:1px solid #ffffff2a;color:#fff;border-radius:10px;padding:8px 13px;font:inherit;font-size:13px}.nav nav{display:none;position:absolute;top:80px;left:0;right:0;background:#10373e;padding:18px;border-radius:16px;box-shadow:0 15px 35px #0003}.nav nav.is-open{display:flex;flex-direction:column;gap:4px}.nav nav a{padding:10px}.hero{padding:145px 7% 70px;min-height:0;grid-template-columns:1fr;gap:28px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(31px,6vw,44px);letter-spacing:-.5px}.lead{font-size:15px}.hero-art{inset:auto;width:100%;max-width:370px;opacity:1;margin:0 auto 35px}.scroll{bottom:25px}.tag{font-size:12px}.metrics{margin:-12px 5% 0;padding:23px;gap:20px}.metrics b{font-size:26px}.metrics span{font-size:12px}.section{padding:65px 6%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{margin-bottom:28px}.section-head>p{max-width:100%}.client-row{grid-template-columns:repeat(2,1fr)}.clients{padding:60px 6%}.clients h2{margin-bottom:28px}.about{grid-template-columns:1fr;padding:35px 7%;gap:25px}.contact{padding:60px 22px}.contact h2{font-size:32px}footer{gap:16px;padding:22px 6%}.hero-actions{flex-wrap:wrap}.section-intro h2,.section-head h2,.about h2,.clients h2{font-size:29px}}
@media(max-width:500px){.product-grid,.works{grid-template-columns:1fr}.product-card{min-height:220px;padding:25px}.product-card p{max-width:100%;font-size:15px}.work-art,.work img{height:230px}.brand img{width:43px}.brand b{font-size:19px}.client{font-size:13px}.hero-art{max-width:310px}.core strong{font-size:34px}.core span{font-size:5px}.tag{padding:10px;font-size:11px}.big-phone{letter-spacing:1px}.metrics{gap:18px 10px}}

/* Official contact area: restrained hierarchy and accessible email link. */
.about h2{font-size:clamp(26px,2.35vw,36px)}
.contact{padding-block:78px}
.contact h2{font-size:clamp(27px,2.7vw,38px);line-height:1.75}
.big-phone{font-size:clamp(26px,3vw,40px);letter-spacing:2px}
.contact-email{position:relative;display:block;width:max-content;max-width:100%;margin:12px auto 0;color:#f4fbf7!important;text-decoration:none;font-size:15px;direction:ltr;overflow-wrap:anywhere}
.contact-email:hover,.contact-email:focus-visible{color:#d7efbe!important;text-decoration:underline}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}