@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--navy:#07182d;--blue:#1683ff;--blue2:#62b2ff;--white:#fff;--text:#dbe7f5;--muted:#8ea4bd;--line:rgba(255,255,255,.10);--card:rgba(255,255,255,.055)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Vazirmatn,Tahoma,Arial,sans-serif;background:var(--navy);color:var(--white);line-height:1.8;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}
.header{position:fixed;inset:0 0 auto;z-index:10;background:rgba(7,24,45,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;direction:ltr}.mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid #4aa3ff99;border-radius:10px;background:#0b2340;font-weight:800}.brand b{font-size:20px}.brand b span{color:var(--blue2)}nav{display:flex;gap:28px;color:var(--muted);font-size:14px}nav a:hover{color:#fff}.call.small{border:1px solid #4aa3ff66;padding:7px 17px;border-radius:10px;font-size:13px}
.hero{min-height:760px;padding-top:76px;display:flex;align-items:center;background:radial-gradient(circle at 80% 35%,#1683ff26,transparent 28%),radial-gradient(circle at 10% 80%,#1683ff14,transparent 30%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:70px}.eyebrow,.heading>span,.panel>div>span{color:var(--blue2);font-size:11px;font-weight:700;letter-spacing:1.8px;direction:ltr}.hero h1{font-size:clamp(40px,5.2vw,70px);line-height:1.18;margin:20px 0;letter-spacing:-1.5px}.hero h1 strong{background:linear-gradient(90deg,#fff,#78bdff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:620px;color:var(--muted);font-size:17px;line-height:2.05}.actions{display:flex;gap:12px;margin-top:32px}.btn{padding:12px 24px;border-radius:11px;font-weight:700;font-size:14px;border:1px solid var(--line)}.btn.primary{border:0;background:linear-gradient(135deg,#1683ff,#0866cf);box-shadow:0 12px 30px #1683ff2e}
.visual{height:470px;border:1px solid #4aa3ff38;border-radius:30px;position:relative;overflow:hidden;background:linear-gradient(145deg,#144a7e63,#051222e8),repeating-linear-gradient(0deg,transparent 0 39px,#ffffff06 40px),repeating-linear-gradient(90deg,transparent 0 39px,#ffffff06 40px);box-shadow:inset 0 0 70px #1683ff0f}.visual:before,.visual:after{content:"";position:absolute;border:1px solid #4aa3ff33;border-radius:50%}.visual:before{width:360px;height:360px;inset:55px}.visual:after{width:250px;height:250px;inset:110px}.orb{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b8e0ff,#1683ff 40%,#06386e 75%,transparent 76%);filter:drop-shadow(0 0 35px #1683ffb3);top:50%;left:50%;transform:translate(-50%,-50%);animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translate(-50%,-54%) scale(1.04)}}.visual-text{position:absolute;bottom:30px;left:32px;display:flex;flex-direction:column}.visual-text span{color:var(--blue2);font-size:12px;letter-spacing:3px;direction:ltr}.visual-text b{font-size:36px;line-height:1.05;letter-spacing:2px;direction:ltr}.visual-text small{color:var(--muted);margin-top:8px;letter-spacing:1.5px;direction:ltr}
.section{padding:110px 0}.heading{margin-bottom:44px}.heading h2{font-size:38px;margin:10px 0 4px}.heading p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;min-height:330px;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--card);overflow:hidden;transition:.3s}.card:hover{transform:translateY(-6px);border-color:#4aa3ff61}.card.featured{background:linear-gradient(150deg,#1683ff26,#ffffff0b);border-color:#4aa3ff47}.card i{position:absolute;top:22px;left:25px;font-size:12px;color:#54718e;font-style:normal;direction:ltr}.icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;margin-bottom:28px;background:#1683ff1f;border:1px solid #4aa3ff33;color:var(--blue2);font-size:22px}.card h3{font-size:23px;margin-bottom:12px}.card p{color:var(--muted);font-size:14px;line-height:2}.card label{position:absolute;bottom:25px;left:30px;color:var(--blue2);font-size:11px;font-weight:700;letter-spacing:1.8px;direction:ltr}.about{padding-top:20px}.panel{border:1px solid var(--line);border-radius:24px;padding:48px;background:linear-gradient(120deg,#ffffff0b,#1683ff0f)}.about .panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.panel h2{font-size:34px;line-height:1.4;margin-top:10px}.panel h2 strong{color:var(--blue2)}.panel p{color:var(--muted);line-height:2.1}.contact{padding-top:80px}.contact-panel{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-box{min-width:270px;padding:20px 24px;border-radius:15px;border:1px solid #4aa3ff59;background:#1683ff1a;display:flex;flex-direction:column;align-items:center}.contact-box small{color:var(--muted)}.contact-box b{font-size:21px;direction:ltr}footer{border-top:1px solid var(--line);margin-top:70px;padding:26px 0;color:#6f849b;font-size:12px}.footer{display:flex;justify-content:space-between;align-items:center}.footer .mark{width:30px;height:30px;border-radius:8px}.footer .brand b{font-size:16px}
@media(max-width:850px){nav{display:none}.hero{min-height:auto;padding:150px 0 90px}.hero-grid{grid-template-columns:1fr;gap:45px}.visual{height:360px}.cards{grid-template-columns:1fr}.about .panel{grid-template-columns:1fr}.contact-panel{flex-direction:column;align-items:stretch}.contact-box{width:100%}}
@media(max-width:520px){.container{width:min(100% - 28px,1120px)}.call.small{display:none}.hero h1{font-size:39px}.hero p{font-size:15px}.section{padding:80px 0}.heading h2{font-size:31px}.panel{padding:28px 22px}.footer{flex-direction:column;align-items:flex-start}}