@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--navy:#071a2c;--navy2:#0b2b48;--blue:#087df0;--cyan:#00c7f2;--ink:#11283f;--muted:#62758a;--pale:#f2f8fd;--line:#dceaf7;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"Vazirmatn",Tahoma,sans-serif;color:var(--ink);line-height:1.9;background:#fff}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.topbar{height:82px;background:#071a2ceF;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1200px)/2),5.5%);gap:28px;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px);border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:46px;height:46px;color:#fff;font-weight:800;font-size:32px;font-style:italic;background:linear-gradient(145deg,#3bdcff,#087df0);clip-path:polygon(50% 0,100% 100%,68% 100%,50% 57%,31% 100%,0 100%);text-shadow:0 0 18px #00b9ff}.brand b{display:block;font-size:15px;line-height:1.5}.brand small{display:block;color:#9fb9ce;font-size:10px}.topbar nav{display:flex;gap:25px;font-size:12px;color:#d7e5f1}.topbar nav a:hover,.topbar nav a:first-child{color:#31caff}.header-actions{display:flex;gap:10px}.btn{border:1px solid transparent;border-radius:30px;padding:10px 21px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:13px;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(100deg,#0867ed,#08b8eb);color:white;box-shadow:0 7px 22px #087df02b}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #087df044}.btn-outline{border-color:#8da8bf66;color:inherit;background:transparent}.btn-outline:hover{border-color:var(--cyan);color:var(--cyan)}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}
.hero{min-height:480px;position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#061728 0%,#071c30eF 35%,#071c3040 100%),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=2000&q=85') center/cover;color:white;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.hero-content{width:min(1200px,89%);margin:auto;position:relative;z-index:1;padding:64px 0 75px}.eyebrow{font-size:12px;font-weight:700;color:#0788f9;letter-spacing:.2px;margin:0 0 9px}.hero .eyebrow{color:#27c9ff}.hero h1{font-size:clamp(36px,4.5vw,58px);line-height:1.35;margin:0 0 15px;font-weight:800;max-width:600px}.hero h1 span{color:#14a9ff}.hero-copy{font-size:15px;color:#d5e3f0;max-width:520px;margin:0 0 26px}.btn-large{padding:14px 26px}.hero-tags{position:absolute;z-index:1;bottom:20px;left:5.5%;display:flex;gap:20px;color:#b9d5e8;font-size:11px}.hero-tags span:first-letter{color:var(--cyan)}
.service-strip{width:min(1200px,89%);margin:-1px auto 0;display:grid;grid-template-columns:repeat(5,1fr);gap:13px;padding:20px 0}.strip-card{background:linear-gradient(145deg,#f6fbff,#edf5fc);border:1px solid #eaf2fa;border-radius:9px;padding:20px 12px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px}.ico{font-size:29px;color:#087df0;line-height:1.4}.strip-card b{font-size:13px}.strip-card small{font-size:10px;color:var(--muted)}
.section-wrap{width:min(1200px,89%);margin:auto;padding:70px 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:35px}.about-art{min-height:285px;border-radius:12px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 35%,#1266a7 0,#0c2c49 38%,#061727 78%);display:flex;align-items:center;justify-content:center}.about-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff09 25%,transparent 25%,transparent 50%,#ffffff06 50%,#ffffff06 75%,transparent 75%);background-size:36px 36px}.server-illustration{display:flex;align-items:end;gap:12px;position:relative;z-index:1;transform:perspective(500px) rotateY(-10deg)}.server-tower{width:78px;height:145px;border:2px solid #4384b5;border-radius:7px;background:linear-gradient(90deg,#0a2035,#153d5d);padding:13px 8px;box-shadow:0 0 35px #00aaff22}.server-tower.tall{height:205px;width:95px}.server-tower i{display:block;height:17px;margin:0 0 9px;border-radius:3px;background:linear-gradient(90deg,#0c2a43,#1b638d);border:1px solid #397ca3;position:relative}.server-tower i:after{content:"";position:absolute;right:6px;top:5px;width:5px;height:5px;background:#00e4ff;border-radius:50%;box-shadow:0 0 9px #00e4ff}.glow{position:absolute;bottom:-10px;left:-25px;width:240px;height:12px;background:#00baff;filter:blur(25px)}.art-caption{position:absolute;bottom:15px;left:20px;color:#73c8f5;font-size:9px;letter-spacing:1.3px;direction:ltr}.about-text h2,.section-heading h2,.why h2{font-size:29px;line-height:1.5;margin:0 0 15px}.about-text h2 span{color:#087df0}.about-text p:not(.eyebrow){font-size:13px;color:#60748a;line-height:2.2}.text-link{display:inline-block;border:1px solid #1687ff;border-radius:30px;padding:7px 20px;color:#087df0;font-size:12px;margin-top:10px}
.services{background:#f3f8fd;width:100%;padding-left:max(calc((100% - 1200px)/2),5.5%);padding-right:max(calc((100% - 1200px)/2),5.5%)}.section-heading{text-align:center;margin-bottom:30px}.section-heading h2{margin-bottom:5px}.section-heading>p:last-child{font-size:13px;color:var(--muted);margin-top:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:white;border:1px solid #dcebf9;border-radius:10px;padding:24px 22px;transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #12395c0c;border-color:#a7d4ff}.service-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#e9f5ff;color:#087df0;font-size:26px}.service-card h3{font-size:16px;margin:14px 0 4px}.service-card p{font-size:12px;color:var(--muted);margin:0}
.why{background:linear-gradient(105deg,#071a2c,#0c3558);color:white;position:relative;overflow:hidden}.why:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 120%,#087df055,transparent 60%);pointer-events:none}.why-inner{width:min(1200px,89%);margin:auto;padding:50px 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;position:relative;z-index:1}.why .eyebrow{color:#28caff}.why h2{font-size:25px}.why ul{list-style:none;padding:0;margin:15px 0 0;color:#d1e1ef;font-size:13px}.why li{margin:8px 0}.why li:before{content:"✓";color:#00d5ff;font-weight:800;margin-left:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats div{border-right:1px solid #ffffff2a;padding:10px 16px;text-align:center}.stats b{display:block;color:#21caff;font-size:27px}.stats span{font-size:11px;color:#b8ccde}
.contact{padding-bottom:80px}.contact-form{max-width:760px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f7fbff;border:1px solid var(--line);padding:28px;border-radius:15px}.contact-form label,.modal label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600}.contact-form .wide{grid-column:1/-1}.contact-form input,.contact-form textarea,.contact-form select,.modal input{width:100%;border:1px solid #d9e7f4;background:white;border-radius:8px;padding:12px;color:var(--ink);outline:none}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus,.modal input:focus{border-color:#1687ff;box-shadow:0 0 0 3px #1687ff12}.contact-form textarea{resize:vertical}.form-note{font-size:10px;color:#71849a;font-weight:400;margin:0}.contact-form .form-note{align-self:center}
footer{background:#061727;color:#d9e8f5;padding:28px max(calc((100% - 1200px)/2),5.5%) 0}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px}.footer-top p{color:#9db5c9;font-size:13px}.footer-top>a:last-child{color:#1ac4ff;font-size:12px}.footer-bottom{border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:15px 0;color:#7891a7;font-size:10px}
.modal-backdrop{position:fixed;inset:0;background:#041322bd;backdrop-filter:blur(7px);z-index:30;display:grid;place-items:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{position:relative;width:min(420px,100%);background:white;border-radius:18px;padding:32px;color:var(--ink);box-shadow:0 25px 80px #0004}.modal-close{position:absolute;left:16px;top:10px;background:none;border:0;font-size:28px;color:#71849a;cursor:pointer}.brand-mark.big{margin:auto;width:52px;height:52px;color:white}.modal h2{text-align:center;margin:10px 0 0}.modal>p{text-align:center;color:var(--muted);font-size:12px;margin-top:4px}.modal form{display:grid;gap:14px;margin-top:22px}.full{width:100%}.modal .form-note{display:block;text-align:center}.admin-stats{display:grid;gap:10px;margin:20px 0}.admin-stats span{display:flex;justify-content:space-between;background:#f0f7ff;padding:12px;border-radius:8px;font-size:12px}.admin-stats b{color:#087df0}
@media(max-width:980px){.topbar{padding:0 4%;gap:14px}.topbar nav{gap:12px}.topbar nav a{font-size:11px}.brand b{font-size:12px}.header-actions .btn{padding:8px 12px;font-size:11px}.service-strip{grid-template-columns:repeat(3,1fr)}.about{gap:30px}.why-inner{gap:25px}}
@media(max-width:700px){.topbar{height:70px}.menu-toggle{display:block;order:3}.topbar nav{display:none;position:absolute;top:70px;right:0;left:0;background:#071a2c;padding:18px 6%;flex-direction:column;gap:12px;border-top:1px solid #ffffff1a}.topbar nav.open{display:flex}.header-actions{margin-right:auto}.header-actions .btn-outline{display:none}.brand-mark{width:36px;height:36px;font-size:25px}.brand small{font-size:9px}.hero{min-height:470px;background-position:60% center}.hero-content{width:88%;padding:60px 0 85px}.hero h1{font-size:39px}.hero-copy{font-size:13px;max-width:380px}.hero-tags{right:6%;left:auto;gap:12px;flex-wrap:wrap;font-size:9px}.service-strip{grid-template-columns:repeat(2,1fr);width:88%;gap:9px}.strip-card{padding:15px 8px}.strip-card small{font-size:9px}.section-wrap{width:88%;padding:48px 0}.about{grid-template-columns:1fr;gap:24px;padding-top:25px}.about-art{min-height:240px;order:2}.about-text h2,.section-heading h2{font-size:24px}.services{padding-left:6%;padding-right:6%}.service-grid{grid-template-columns:1fr 1fr;gap:10px}.service-card{padding:18px 14px}.service-card h3{font-size:13px}.service-card p{font-size:11px}.why-inner{grid-template-columns:1fr;padding:42px 0;gap:22px}.stats{gap:3px}.stats div{padding:8px}.stats b{font-size:22px}.contact-form{grid-template-columns:1fr;padding:20px}.contact-form .wide{grid-column:auto}.footer-top{align-items:flex-start;flex-wrap:wrap}.footer-top p{width:100%;order:3;margin:0}.footer-bottom{gap:8px;flex-direction:column}.footer-bottom span:last-child{display:none}}
@media(max-width:390px){.header-actions .btn-primary{padding:8px 11px}.brand b{font-size:10px}.service-grid{grid-template-columns:1fr}.hero h1{font-size:34px}}

/* Modern active/passive network infrastructure theme */
:root{--navy:#030b16;--navy2:#071b31;--blue:#087df0;--cyan:#00d7ff;--ink:#dcecff;--muted:#9db4cc;--pale:#071729;--line:#163b5e}
body{background:#030b16;color:#dcecff}
.topbar{background:#030b16ed;border-bottom:1px solid #1b3e60}
.brand-mark{filter:drop-shadow(0 0 10px #078aff66)}
.hero{min-height:525px;background:linear-gradient(90deg,#030b16 0%,#041224f5 32%,#0412247a 68%,#04122430 100%),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=2000&q=90') center/cover}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#030b16 0%,transparent 35%),radial-gradient(ellipse at 75% 65%,#008cff20,transparent 50%);pointer-events:none}
.hero-content{width:min(1200px,89%);padding-top:78px;padding-bottom:100px}
.hero h1{font-size:clamp(38px,4.4vw,60px);letter-spacing:-1px;text-shadow:0 8px 30px #0008}
.hero-copy{max-width:560px}
.hero-tags{bottom:23px}
.service-strip{width:min(1200px,89%);padding:24px 0 34px}
.strip-card{background:linear-gradient(145deg,#0b1b2e,#061222);border:1px solid #1a4166;color:#e7f4ff;transition:transform .25s,border-color .25s,box-shadow .25s}
.strip-card:hover{transform:translateY(-6px);border-color:#00baff;box-shadow:0 10px 30px #007dff20}
.strip-card small{color:#a4bdd5}
.about{padding-top:48px;padding-bottom:62px}
.about-art{background:radial-gradient(ellipse at 60% 30%,#07518b 0,#092a48 45%,#030b16 85%);border:1px solid #123d62;box-shadow:0 20px 55px #0004}
.about-text p:not(.eyebrow){color:#a9bfd4}
.services{background:#f1f7ff;color:#10243a;position:relative;overflow:hidden}
.services:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#7eb9ee55 1px,transparent 1px);background-size:26px 26px;opacity:.35;pointer-events:none}
.services>*{position:relative}
.service-card{border-color:#d8e8f8;box-shadow:0 8px 25px #173b5d08}
.service-card:hover{box-shadow:0 16px 38px #087df020}
.why{background:linear-gradient(110deg,#030b16,#082b4c);border-top:1px solid #143a5b;border-bottom:1px solid #143a5b}
.contact{color:#dcecff}
.contact-form{background:#071729;border-color:#173c60}
.contact-form input,.contact-form textarea,.contact-form select{background:#030e1c;border-color:#1b4164;color:#e5f4ff}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6f8ba7}
.form-note{color:#91aac2}
footer{background:#020914;border-top:1px solid #143859}
.network-overlay{position:absolute;z-index:1;right:52%;top:82px;width:min(43%,560px);height:260px;perspective:800px;opacity:.97;filter:drop-shadow(0 20px 28px #00101f)}
.network-label{font:10px/1.4 monospace;letter-spacing:2px;color:#8bcfff;background:linear-gradient(90deg,#081a2c,#0a2c49);border:1px solid #1a6093;border-bottom:0;padding:10px 14px;border-radius:8px 8px 0 0;display:flex;justify-content:space-between}
.network-label span{color:#00f2b2;letter-spacing:1px}
.patch-row,.switch-row{height:55px;background:linear-gradient(180deg,#122c45,#071321);border:1px solid #22547c;display:flex;align-items:center;justify-content:space-evenly;padding:0 12px;gap:5px;box-shadow:inset 0 2px 8px #000b}
.patch-row i{height:18px;flex:1;max-width:24px;border-radius:3px;background:linear-gradient(180deg,#020912,#0b2438);border:1px solid #3c729a;position:relative}
.patch-row i:after{content:"";position:absolute;inset:4px 3px;background:#00bfff;border-radius:2px;box-shadow:0 0 9px #00bfff;animation:portPulse 2s infinite alternate}
.patch-row i:nth-child(3n):after{animation-delay:.5s}.patch-row i:nth-child(3n + 1):after{animation-delay:1s}
.cable-row{height:90px;display:flex;justify-content:space-evenly;padding:0 22px;overflow:hidden;background:linear-gradient(180deg,#081a2a,#071321);border-left:1px solid #22547c;border-right:1px solid #22547c}
.cable-row span{width:13px;height:120px;margin-top:-7px;border:3px solid #087de0;border-top:0;border-radius:0 0 17px 17px;transform:rotate(9deg);box-shadow:0 0 10px #008cff55;position:relative}
.cable-row span:nth-child(even){border-color:#00bfe9;transform:rotate(-8deg);animation:cableGlow 2.4s infinite alternate}
.cable-row span:nth-child(3n){animation-delay:.8s}
.switch-row{height:57px;justify-content:flex-start}
.switch-row b{font:9px monospace;color:#86b8df;margin-left:auto;white-space:nowrap}
.switch-row i{width:18px;height:10px;border-radius:2px;background:#05101c;border:1px solid #2873a6;position:relative}
.switch-row i:after{content:"";position:absolute;inset:2px;background:#19e4a3;box-shadow:0 0 7px #19e4a3;animation:portPulse 1.7s infinite alternate}
.switch-row i:nth-of-type(2n):after{animation-delay:.7s}
@keyframes portPulse{from{opacity:.35;box-shadow:0 0 2px #00bfff}to{opacity:1;box-shadow:0 0 11px #00bfff}}
@keyframes cableGlow{from{filter:brightness(.8)}to{filter:brightness(1.7);box-shadow:0 0 18px #00cfff88}}
@media(max-width:900px){.network-overlay{right:53%;width:42%;top:100px;opacity:.68}.hero-content{width:89%}.hero h1{max-width:55%}.hero-copy{max-width:48%}}
@media(max-width:700px){.hero{min-height:540px;background-position:62% center}.hero-content{padding-top:58px;padding-bottom:130px}.hero h1{max-width:100%;font-size:38px}.hero-copy{max-width:100%;font-size:13px}.network-overlay{right:6%;top:auto;bottom:55px;width:88%;height:160px;opacity:.8;transform:scale(.9);transform-origin:bottom right}.network-label{padding:6px 10px;font-size:8px}.patch-row,.switch-row{height:38px}.patch-row i{height:13px}.cable-row{height:44px}.cable-row span{height:70px;width:10px}.hero-tags{bottom:15px;display:none}.about-text h2{color:#e9f4ff}.about-text h2 span{color:#13b9ff}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Final palette: white + petroleum blue + orange */
:root{--navy:#12334f;--navy2:#173f60;--blue:#174f83;--cyan:#f28a19;--ink:#17334a;--muted:#61788b;--pale:#f4f7fa;--line:#dce5ec;--white:#fff}
body{background:#fff;color:#17334a}
.topbar{background:#fff;color:#17334a;border-bottom:1px solid #e4ebf0;box-shadow:0 5px 22px #12334f08}
.brand b{color:#12334f}.brand small{color:#71869a}
.brand-logo{display:block;width:48px;height:46px;object-fit:contain;filter:drop-shadow(0 2px 2px #12334f0a)}
.modal-logo{width:72px;height:64px;margin:0 auto}
.topbar nav{color:#536a7d}.topbar nav a:hover,.topbar nav a:first-child{color:#e9780b}
.btn-primary{background:linear-gradient(105deg,#174f83,#236b9f);box-shadow:0 7px 20px #174f8322}
.btn-primary:hover{background:linear-gradient(105deg,#e9780b,#f59a2e);box-shadow:0 10px 25px #e9780b30}
.btn-outline{border-color:#cbd8e2;color:#174f83}
.btn-outline:hover{border-color:#e9780b;color:#e9780b}
.hero{background:linear-gradient(90deg,#09243b 0%,#0e3150ed 38%,#12334f70 100%),url('https://images.unsplash.com/photo-1558494949-ef010cbdcc31?auto=format&fit=crop&w=2000&q=90') center/cover}
.hero:before{background:linear-gradient(0deg,#09243b 0%,transparent 35%),radial-gradient(ellipse at 75% 65%,#f28a191a,transparent 50%)}
.hero .eyebrow{color:#ffb052}.hero h1 span{color:#ff9b28}
.hero .btn-primary{background:linear-gradient(100deg,#e9780b,#f7a12e);color:#fff}
.hero-tags span:first-letter{color:#ff9b28}
.service-strip{background:#fff}
.strip-card{background:linear-gradient(145deg,#fff,#f3f7fa);border:1px solid #e1e9ef;color:#17334a}
.strip-card:hover{border-color:#f2a04b;box-shadow:0 10px 30px #e9780b14}
.ico{color:#174f83}.strip-card small{color:#61788b}
.about-art{background:radial-gradient(ellipse at 60% 30%,#285e82 0,#153b59 45%,#09243b 85%);border:1px solid #dce5ec}
.about-text h2{color:#17334a}.about-text h2 span{color:#e9780b}
.about-text p:not(.eyebrow){color:#61788b}
.text-link{border-color:#e9780b;color:#d96d05}
.services{background:#f4f7fa;color:#17334a}
.services:before{background-image:radial-gradient(#8da7bb55 1px,transparent 1px)}
.service-card{background:#fff;border-color:#e0e8ee}
.service-icon{background:#eaf1f7;color:#174f83}
.service-card:hover{border-color:#f3b16d;box-shadow:0 16px 38px #174f8312}
.why{background:linear-gradient(110deg,#102f49,#174b70);border-color:#dbe6ee}
.why .eyebrow{color:#ffb052}.why li:before{color:#ff9b28}.stats b{color:#ffad4c}
.contact{color:#17334a}
.contact-form{background:#f7f9fb;border-color:#dfe7ed}
.contact-form input,.contact-form textarea,.contact-form select{background:#fff;border-color:#d5e0e8;color:#17334a}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8a9cab}
.form-note{color:#6e8292}
footer{background:#0b263d;border-top:1px solid #23445e}
.footer-top .brand b{color:#fff}.footer-top .brand small{color:#a8bfce}
.footer-top>a:last-child{color:#ffad4c}
.footer-bottom{border-color:#ffffff22;color:#a8bfce}
.network-overlay{filter:drop-shadow(0 20px 28px #00101f66)}
@media(max-width:700px){.topbar nav{background:#fff;border-color:#e4ebf0}.topbar nav a{color:#17334a}.brand-logo{width:39px;height:38px}.hero{background-position:62% center}}