@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{--navy:#081a35;--blue:#1769ff;--ink:#0c1930;--muted:#667085;--bg:#f6f8fc;--line:#e5eaf2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink);background:#fff}header{height:78px;display:flex;align-items:center;gap:34px;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);margin-left:auto}.brand img{width:42px;height:42px;border-radius:12px}.brand b{font-size:21px}.brand span{font-size:9px;letter-spacing:2px}nav{display:flex;gap:28px}nav a,.ghost{color:#344054;text-decoration:none;font-size:14px}.btn{background:linear-gradient(135deg,#0c4d9d,#1769ff);color:#fff;padding:13px 22px;border-radius:12px;text-decoration:none;display:inline-block;box-shadow:0 8px 24px #1769ff2a}.btn.small{padding:10px 16px;font-size:13px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:40px;padding:80px 7vw;background:radial-gradient(circle at 20% 20%,#eaf2ff,transparent 35%),linear-gradient(#fff,#f7f9fc)}.copy h1{font-size:52px;line-height:1.25;margin:14px 0}.copy em{color:var(--blue);font-style:normal}.copy p{font-size:17px;line-height:2;color:var(--muted);max-width:650px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:var(--blue);font-weight:700}.actions{display:flex;gap:20px;align-items:center;margin:28px 0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:#fff;border:1px solid var(--line);padding:9px 12px;border-radius:10px;font-size:12px}.phones{height:480px;display:flex;align-items:center;justify-content:center;direction:ltr}.phone{width:145px;height:310px;border-radius:28px;margin:-25px;background:#0b4b9b;color:#fff;border:7px solid #111;box-shadow:0 24px 45px #12213b30;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700}.phone.main{width:190px;height:410px;z-index:3;background:#f9fbff;color:var(--ink)}.phone.main img{width:82px;border-radius:24px;margin-bottom:18px}.phone.main small{color:var(--muted);margin-top:5px}.phone.brown{background:#7d492d;transform:rotate(-7deg)}.phone.blue{background:#174e9b;transform:rotate(-3deg)}.phone.burgundy{background:#7d1238;transform:rotate(3deg)}.phone.green{background:#0a624d;transform:rotate(7deg)}.dark{margin:0 6vw;padding:55px 60px;border-radius:28px;background:linear-gradient(120deg,#07182f,#0b315e);color:#fff;display:grid;grid-template-columns:1.3fr 1fr .55fr;align-items:center;gap:40px}.dark h2{font-size:34px;margin:10px 0}.dark p{color:#c7d4e8;line-height:2}.eyebrow.light{color:#78aaff}.domains{display:grid;gap:10px;direction:ltr}.domains code{background:#ffffff10;padding:12px 16px;border:1px solid #ffffff16;border-radius:12px}.dark>img{width:150px;border-radius:38px}.section,.flow,.clubs{padding:90px 7vw}.title{text-align:center;margin-bottom:38px}.title h2{font-size:34px;margin:8px}.title p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid article{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(160deg,#fff,#f7f9fd)}.grid i{font-style:normal;font-size:26px;color:var(--blue)}.grid h3{font-size:18px}.grid p{font-size:13px;line-height:1.9;color:var(--muted)}.flow{background:#f3f7ff;margin:0 6vw;border-radius:28px;padding:55px}.flowrow{display:flex;align-items:center;justify-content:center;gap:24px}.flowrow>div{background:#fff;border:1px solid #e0e8f5;border-radius:18px;padding:25px;text-align:center;min-width:220px;display:flex;flex-direction:column;gap:8px}.flowrow small{color:var(--muted)}.flowrow span{color:var(--blue);font-size:28px}.flowrow .core{box-shadow:0 12px 35px #1769ff1b}.core img{width:55px;margin:auto;border-radius:15px}.clubs{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}.clubs h2{font-size:36px}.clubs p{color:var(--muted);line-height:2}.clubicons{display:flex;direction:ltr;gap:14px;justify-content:center}.clubicons span{width:82px;height:82px;border-radius:22px;color:#fff;display:grid;place-items:center;font-size:36px;font-weight:800;box-shadow:0 15px 30px #10182820}.c1{background:#744226}.c2{background:#123f8a}.c3{background:#82143b}.c4{background:#c18b25}.c5{background:#17604c}.cta{margin:20px 6vw 70px;padding:48px 55px;border-radius:28px;background:linear-gradient(120deg,#07182f,#0b315e);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{margin:0 0 8px}.cta p{color:#cbd6e7;margin:0}footer{background:#061426;color:#fff;padding:45px 7vw;display:flex;align-items:center;gap:35px}footer .brand{margin-left:0;color:#fff}footer p{color:#8ea0b8;font-size:12px}footer p:last-child{margin-right:auto}@media(max-width:900px){header nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.copy h1{font-size:38px}.phones{height:380px;overflow:hidden}.phone{width:110px;height:250px}.phone.main{width:155px;height:340px}.dark{grid-template-columns:1fr;text-align:center}.dark>img{margin:auto}.grid{grid-template-columns:1fr 1fr}.flowrow{flex-direction:column}.flowrow>span{transform:rotate(90deg)}.clubs{grid-template-columns:1fr}.cta,footer{flex-direction:column;align-items:flex-start}}@media(max-width:560px){header{padding:0 4vw}.hero{padding:45px 5vw}.copy h1{font-size:32px}.phones{transform:scale(.8);margin-inline:-70px}.dark,.flow{margin:0 4vw;padding:35px 22px}.grid{grid-template-columns:1fr}.section,.clubs{padding:65px 5vw}.clubicons{flex-wrap:wrap}.cta{margin:15px 4vw 45px;padding:34px 24px}.actions{align-items:flex-start;flex-direction:column}}
.pagehero{padding:100px 7vw 75px;text-align:center;background:radial-gradient(circle at 50% 0,#eaf2ff,transparent 45%),linear-gradient(#fff,#f7f9fc)}.pagehero h1{font-size:48px;max-width:850px;margin:14px auto}.pagehero p{max-width:760px;margin:auto;color:var(--muted);font-size:17px;line-height:2}.narrow{max-width:1200px;margin:auto}.lead{font-size:18px;line-height:2.2;color:var(--muted);max-width:900px}.grid.three{grid-template-columns:repeat(3,1fr);margin-top:35px}.contactwrap{max-width:1200px;margin:70px auto 100px;padding:0 24px;display:grid;grid-template-columns:1.5fr .75fr;gap:24px}.leadform{border:1px solid var(--line);border-radius:24px;padding:30px;background:#fff;display:grid;grid-template-columns:1fr 1fr;gap:20px;box-shadow:0 20px 60px #1018280b}.leadform label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600}.leadform input,.leadform select,.leadform textarea{font:inherit;border:1px solid #d9e0ea;border-radius:12px;padding:13px 14px;background:#fbfcfe;outline:none}.leadform input:focus,.leadform select:focus,.leadform textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1769ff12}.leadform .full{grid-column:1/-1}.submit{border:0;font:inherit;cursor:pointer;width:max-content}.formnote{font-size:11px;color:var(--muted);align-self:center}.contactcard{border-radius:24px;padding:36px;background:linear-gradient(145deg,#07182f,#0b315e);color:#fff}.contactcard p{color:#c7d4e8;line-height:2}.mini{padding:15px 0;border-top:1px solid #ffffff18;display:flex;flex-direction:column;gap:5px}.mini span{color:#9fc2ef;font-size:13px}@media(max-width:900px){.pagehero h1{font-size:36px}.grid.three,.contactwrap{grid-template-columns:1fr}.leadform{grid-template-columns:1fr}.leadform .full{grid-column:auto}}@media(max-width:560px){.pagehero{padding:70px 5vw 55px}.pagehero h1{font-size:30px}.contactwrap{margin:45px auto 65px}.leadform{padding:20px}}
.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:42px;height:42px;font-size:20px;color:var(--ink)}.formstatus{grid-column:1/-1;margin:0;font-size:12px}.formstatus.success{color:#087443}.formstatus.error{color:#b42318}.submit:disabled{opacity:.65;cursor:wait}@media(max-width:900px){.menu-btn{display:grid;place-items:center}header{gap:14px}header nav{display:none;position:absolute;top:68px;right:4vw;left:4vw;background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:0 18px 50px #10182818;flex-direction:column;gap:4px}header nav.open{display:flex}header nav a{padding:11px 10px;border-radius:9px}header nav a:hover{background:var(--bg)}header>.btn.small{display:none}}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.formnote a{color:inherit;text-decoration:underline}
