*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--n:#061a2c;--n2:#0c3454;--y:#ffbd22;--t:#102235;--m:#647587}body{margin:0;font-family:Inter,system-ui,Arial;color:var(--t)}a{text-decoration:none;color:inherit}header{height:76px;background:var(--n);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100% - 1160px)/2));position:sticky;top:0;z-index:9}.logo{font-size:25px;font-weight:900}.logo span,.screen span{color:var(--y)}.outline{border:1px solid var(--y);color:var(--y);padding:10px 16px;border-radius:9px;font-weight:800}.hero{min-height:650px;padding:70px max(22px,calc((100% - 1160px)/2));display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;color:white;background:radial-gradient(circle at 80% 25%,#164b70 0,transparent 25%),linear-gradient(135deg,#051522,#0a2a45)}.tag{color:var(--y);font-size:11px;letter-spacing:1.8px}.hero h1{font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-4px;margin:18px 0}.hero h1 em{font-style:normal;color:var(--y)}.hero>div>p{font-size:19px;line-height:1.65;color:#ced9e2;max-width:650px}.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--y),#efa400);border:0;border-radius:10px;padding:16px 23px;font-weight:900;color:#112337;cursor:pointer;margin:18px 0}.hero small{display:block;color:#a9b8c5}.mock{display:grid;place-items:center}.screen{width:min(350px,90vw);height:490px;border:9px solid #173b59;border-radius:32px;background:#f1f5f8;box-shadow:0 30px 70px #0008;overflow:hidden;transform:rotate(3deg)}.screen>strong{display:block;background:#071c30;padding:22px;font-size:21px}.map{height:100%;position:relative;background:linear-gradient(25deg,#e4ebf0,#fafcfd);overflow:hidden}.map:before,.map:after{content:"";position:absolute;width:500px;height:25px;background:white;top:130px;left:-80px;transform:rotate(-24deg);box-shadow:0 0 0 1px #d7e0e7}.map:after{top:260px;transform:rotate(18deg)}.map>i{position:relative;z-index:2;color:var(--y);font-size:30px;margin:75px 25px;display:inline-block}.map article{position:absolute;z-index:3;left:25px;right:25px;bottom:100px;background:white;border-radius:14px;padding:18px;box-shadow:0 15px 35px #17344c33}.map article b{color:#d89600;font-size:10px}.map article h3{font-size:25px;margin:3px 0}.map article p{color:var(--m);margin:0}.benefits{max-width:1160px;margin:-35px auto 0;position:relative;z-index:3;background:white;border-radius:15px;box-shadow:0 18px 45px #102a3c22;display:grid;grid-template-columns:repeat(4,1fr);padding:25px}.benefits article{padding:10px 20px;border-right:1px solid #e4eaef;font-size:21px}.benefits article:last-child{border:0}.benefits b,.benefits small{display:block;font-size:14px;margin-top:5px}.benefits small{font-size:11px;color:var(--m)}.how{padding:110px max(22px,calc((100% - 1160px)/2));text-align:center}.how h2,.early h2,.signup h2{font-size:clamp(34px,4vw,50px);letter-spacing:-2px;line-height:1.08;margin:14px 0}.intro{color:var(--m);font-size:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px;text-align:left}.steps article{padding:32px;border:1px solid #e2e9ee;border-radius:17px;box-shadow:0 12px 30px #102a3c0d}.steps i{font-style:normal;color:#d99b00;font-weight:900}.steps p,.early p,.signup p{color:var(--m);line-height:1.65}.early{max-width:1160px;margin:auto;background:linear-gradient(135deg,var(--n),var(--n2));color:white;border-radius:20px;padding:52px 58px;display:flex;align-items:center;justify-content:space-between;gap:40px}.early>div{max-width:730px}.early p{color:#c8d4dd}.signup{margin-top:100px;background:#f3f6f9;padding:90px max(22px,calc((100% - 1160px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.signup li{margin:10px 0;color:#465b6e}form{background:white;padding:30px;border-radius:17px;box-shadow:0 18px 45px #102a3c17}label{display:block;font-size:12px;font-weight:800;margin-bottom:15px}input,select{width:100%;height:49px;margin-top:7px;border:1px solid #d8e2e9;border-radius:9px;padding:0 13px;font:inherit}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}form .btn{width:100%;margin:4px 0 10px}form>small{display:block;text-align:center;color:#84929d;font-size:10px}#msg{text-align:center;color:#087843;font-weight:800}footer{background:#041421;color:#aab7c2;text-align:center;padding:48px 20px}footer .logo{color:white}@media(max-width:800px){header{height:68px}.hero{grid-template-columns:1fr;padding-top:55px}.hero h1{font-size:49px}.mock{margin-top:20px}.benefits{margin:0;border-radius:0;grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.early{margin:0 18px;padding:38px 28px;display:block}.signup{grid-template-columns:1fr;gap:25px}.two{grid-template-columns:1fr}}@media(max-width:460px){.hero h1{font-size:42px}.benefits{grid-template-columns:1fr}.benefits article{border-right:0;border-bottom:1px solid #e4eaef}.signup form{padding:21px}}