:root{--navy:#031c55;--blue:#075cff;--cyan:#12c8f4;--ink:#071a3d;--muted:#5d6a82}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:96px;padding:12px clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:#fff;position:relative;z-index:10;border-bottom:1px solid #e9eef7}
.brand img{width:300px;max-height:74px;object-fit:contain;display:block}nav{display:flex;gap:36px;margin-left:auto}nav a{font-size:14px;font-weight:700;color:#273b61}nav a:hover{color:var(--blue)}.header-cta{background:var(--navy);color:#fff;padding:14px 22px;border-radius:8px;font-size:14px;font-weight:700}
.hero{min-height:690px;padding:76px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;background:linear-gradient(120deg,#fafdff 0%,#eef7ff 62%,#e8f6ff 100%)}
.hero-copy{max-width:700px;position:relative;z-index:2}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--blue);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}.eyebrow:before,.section-kicker:before{content:"";width:30px;height:3px;background:var(--cyan)}
h1{margin:24px 0;max-width:700px;font-size:clamp(48px,5.5vw,80px);line-height:.98;letter-spacing:-.055em;color:var(--navy)}h1 em{display:block;color:var(--blue);font-style:normal}.hero-copy>p{max-width:625px;color:#52627e;font-size:18px;line-height:1.7}
.hero-actions{margin:34px 0 42px;display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:54px;padding:0 24px;border-radius:8px;font-size:14px;font-weight:800;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:linear-gradient(100deg,var(--blue),#008ce9);box-shadow:0 12px 28px rgba(7,92,255,.22)}.button.secondary{border:1px solid #b9cae2;color:var(--navy);background:rgba(255,255,255,.55)}
.trust-row{display:flex;gap:28px;flex-wrap:wrap;color:#53627c;font-size:12px}.trust-row span{display:flex;align-items:center;gap:8px}.trust-row b{color:var(--blue)}
.hero-visual{height:520px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(7,92,255,.18);border-radius:50%}.orbit-one{width:480px;height:480px}.orbit-two{width:360px;height:360px;border-style:dashed}.phone-card{position:relative;z-index:2;width:230px;height:410px;padding:16px;border:8px solid var(--navy);border-radius:30px;background:#fff;box-shadow:25px 30px 60px rgba(3,28,85,.2);transform:rotate(4deg)}.phone-top{display:flex;gap:5px}.phone-top i{width:7px;height:7px;border-radius:50%;background:#d9e6f7}.phone-logo{height:165px;display:grid;place-items:center;background:linear-gradient(145deg,#f3faff,#deefff);border-radius:15px;margin:16px 0;overflow:hidden}.phone-logo img{width:90%}.phone-line{height:8px;width:65%;background:#d9e5f4;border-radius:8px;margin:12px 2px}.phone-line.long{width:90%;background:#c6dcf5}.phone-button{margin-top:26px;background:var(--blue);color:#fff;padding:13px;text-align:center;border-radius:8px;font-size:12px;font-weight:800}
.floating-card{position:absolute;z-index:3;display:flex;flex-direction:column;padding:16px 20px;border-radius:13px;background:rgba(255,255,255,.92);box-shadow:0 15px 40px rgba(3,28,85,.15);border:1px solid #e5effa}.floating-card b{color:var(--blue);font-size:16px}.floating-card span{color:#68758c;font-size:11px;margin-top:5px}.card-reach{top:85px;right:2%}.card-location{bottom:88px;left:2%}.pixel{position:absolute;background:var(--blue);border-radius:3px}.p1{width:18px;height:18px;top:80px;left:18%}.p2{width:10px;height:10px;bottom:80px;right:16%;background:var(--cyan)}.p3{width:13px;height:13px;top:48%;right:4%;background:var(--navy)}
.services{padding:86px clamp(24px,3vw,46px) 100px;color:#fff;background-color:#031d50;background-image:linear-gradient(rgba(22,91,170,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(22,91,170,.12) 1px,transparent 1px);background-size:56px 56px}.services-heading{max-width:1490px;margin:0 auto 62px}.services-heading h2{margin:20px 0 0;font-size:clamp(40px,4.5vw,64px);line-height:1.05;letter-spacing:-.04em}.service-feature{max-width:1490px;min-height:570px;margin:0 auto 54px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid rgba(77,148,233,.35);border-radius:26px;background:#021842;box-shadow:0 28px 70px rgba(0,8,31,.2)}.service-feature:last-child{margin-bottom:0}.service-copy{padding:54px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.service-tag{padding:7px 13px;border-radius:20px;background:#063477;color:#08d8ff;text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:800}.service-copy h3{max-width:610px;margin:28px 0 18px;color:#fff;font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.03em}.service-copy p{max-width:670px;margin:0;color:#b9c9e5;font-size:17px;line-height:1.68}.service-copy ul{margin:24px 0 32px;padding:0;list-style:none;color:#f4f8ff;font-size:14px;line-height:1.7}.service-copy li{position:relative;margin:9px 0;padding-left:20px}.service-copy li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--cyan)}.service-copy .button{min-width:190px}.service-image{min-height:570px;overflow:hidden}.service-image img{width:100%;height:100%;display:block;object-fit:cover}.service-feature.reverse .service-copy{order:2}.service-feature.reverse .service-image{order:1}
.points{padding:100px clamp(24px,8vw,130px);background:var(--navy);color:#fff;display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.section-kicker.light{color:var(--cyan)}.points h2{font-size:clamp(44px,5vw,66px);margin:20px 0 12px}.points-heading>p:last-child{color:#a9bbdb;line-height:1.65;max-width:360px}.point-card{min-height:320px;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;color:var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.25)}.point-placeholder{position:relative;display:grid;place-items:center;text-align:center;color:#6580aa;font-size:13px;line-height:1.6;background:linear-gradient(135deg,#eaf6ff,#c9e5fa);overflow:hidden}.point-placeholder:before,.point-placeholder:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;border:1px solid rgba(7,92,255,.15)}.point-placeholder:after{width:150px;height:150px}.pin{z-index:1;width:52px;height:52px;display:grid;place-items:center;border-radius:50% 50% 50% 10%;transform:rotate(-45deg);background:var(--blue);color:#fff;font-size:14px;box-shadow:0 15px 25px rgba(7,92,255,.25)}.point-placeholder span{position:absolute;bottom:42px}.point-info{padding:48px 36px;display:flex;flex-direction:column;justify-content:center}.status{align-self:flex-start;padding:8px 10px;border-radius:5px;background:#e8f2ff;color:var(--blue);text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.1em}.point-info h3{font-size:30px;margin:22px 0 8px;color:var(--navy)}.point-info p{color:#66758e;margin:0 0 35px}.point-info a{color:var(--blue);font-size:13px;font-weight:800;border-top:1px solid #e5ebf4;padding-top:18px}
.contact{padding:100px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:center;background:#f7fbff}.contact h2{font-size:clamp(40px,4.5vw,64px);line-height:1.08;letter-spacing:-.04em;color:var(--navy);max-width:720px;margin:20px 0}.contact h2 span{color:var(--blue)}.contact-box{padding:35px;background:#fff;border:1px solid #e1eaf5;border-radius:16px;box-shadow:0 20px 60px rgba(3,28,85,.08)}.contact-box p{color:var(--muted);line-height:1.7;margin:0 0 24px}.contact-box .button{width:100%}.phone{display:block;text-align:center;color:var(--navy);font-weight:800;margin-top:20px}
footer{min-height:150px;padding:32px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;border-top:1px solid #e5ebf3}footer img{width:250px}footer p{text-align:center;color:#7a879a;font-size:13px}footer div{text-align:right;color:var(--blue);font-size:13px;font-weight:700}
@media(max-width:900px){.site-header{height:82px;padding:10px 20px}.brand img{width:220px}nav{display:none}.header-cta{padding:12px 14px}.hero{grid-template-columns:1fr;padding:55px 24px}.hero-visual{height:450px;margin-top:25px}.services{padding:72px 24px}.service-feature{grid-template-columns:1fr}.service-copy{padding:42px 30px}.service-image{min-height:390px}.service-feature.reverse .service-copy{order:1}.service-feature.reverse .service-image{order:2}.points,.contact{grid-template-columns:1fr;gap:45px;padding:75px 24px}.point-card{grid-template-columns:1fr}.point-placeholder{min-height:270px}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}footer div{text-align:center}}
@media(max-width:560px){.brand img{width:175px}.header-cta{font-size:12px;padding:11px}.hero{padding-top:48px}h1{font-size:48px}.hero-actions .button{width:100%}.trust-row{display:grid;gap:13px}.hero-visual{transform:scale(.82);margin:-15px -35px -30px}.services-heading h2{font-size:38px}.service-feature{border-radius:18px}.service-copy{padding:36px 22px}.service-copy h3{font-size:32px}.service-copy p{font-size:15px}.service-image{min-height:280px}.point-info{padding:35px 26px}.contact-box{padding:28px 20px}footer img{width:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
