:root{
  --navy:#061a33; --navy2:#0b2a4d; --blue:#0798f4; --blue2:#19b8ff;
  --ink:#102b4d; --muted:#5d7390; --white:#fff; --light:#f4f9fd;
  --line:#dce8f3; --shadow:0 16px 40px rgba(4,35,68,.10);
  --radius:16px; --max:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(var(--max),92%);margin:auto}
.topbar{background:var(--navy);color:#dcecff;font-size:13px;border-bottom:1px solid rgba(255,255,255,.12)}
.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(6,26,51,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12);color:#fff}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.08em}
.brand-mark{width:52px;height:52px;border:2px solid var(--blue2);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 24px rgba(25,184,255,.25)}
.brand-mark:before{content:"";width:26px;height:20px;background:#fff;clip-path:polygon(50% 0,100% 38%,91% 38%,91% 100%,9% 100%,9% 38%,0 38%);display:block}
.brand-mark:after{content:"";position:absolute;width:68px;height:18px;border:2px solid var(--blue);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-15deg)}
.brand-name{font-size:18px;line-height:1.05}.brand-name span{color:var(--blue2);display:block;letter-spacing:.24em;font-size:16px}
.brand-sub{font-size:7px;letter-spacing:.2em;color:#b8cbe0;margin-top:3px}
.navlinks{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}
.navlinks a{opacity:.86;padding:28px 0;border-bottom:2px solid transparent}.navlinks a:hover,.navlinks a.active{opacity:1;color:#28baff;border-color:#18aafa}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:13px 22px;background:linear-gradient(135deg,var(--blue),#087de0);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(0,145,235,.22);transition:.2s transform,.2s box-shadow}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(0,145,235,.3)}
.btn.outline{background:transparent;border:1px solid #24b5ff;box-shadow:none}.btn.light{background:#fff;color:var(--navy);box-shadow:none}
.menu{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 50%,rgba(0,172,255,.18),transparent 30%),linear-gradient(115deg,#031328 0%,#08294c 53%,#0a4771 100%);color:#fff}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(25,184,255,.3) 0 1px,transparent 2px),radial-gradient(circle at 45% 75%,rgba(255,255,255,.18) 0 1px,transparent 2px);background-size:140px 120px,190px 170px;opacity:.5}
.hero-grid{min-height:520px;display:grid;grid-template-columns:45% 55%;align-items:center;position:relative;z-index:2}
.hero-copy{padding:70px 0}.eyebrow{color:#15b7ff;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:13px}
.hero h1{font-size:clamp(40px,5vw,66px);line-height:1.02;margin:12px 0 18px;letter-spacing:-.04em}.hero h1 span{color:#12b6ff}.hero p{max-width:580px;color:#d6e7f6;font-size:17px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-photo{height:520px;background:linear-gradient(90deg,#092b4d 0%,transparent 25%),url("https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=1400&q=85") center/cover;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,10% 45%);position:relative}
.hero-photo:before{content:"";position:absolute;left:2%;top:0;height:100%;width:5px;background:linear-gradient(#19c4ff,transparent,#19c4ff);transform:skewX(-12deg);box-shadow:0 0 35px #0ab4ff}
.trust{position:absolute;right:4%;bottom:28px;background:rgba(3,22,44,.85);border:1px solid #1db8ff;border-radius:999px;padding:11px 18px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px}
.section{padding:74px 0}.section.alt{background:var(--light)}.section.dark{background:var(--navy);color:#fff}
.section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:34px}.section-head h2{font-size:clamp(30px,4vw,44px);line-height:1.05;margin:7px 0}.section-head p{color:var(--muted);max-width:650px}.dark .section-head p{color:#bcd1e5}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.25s transform,.25s box-shadow}.card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(4,35,68,.16)}
.card-img{height:190px;background-size:cover;background-position:center}.card-body{padding:24px}.card h3{margin:0 0 7px;font-size:21px}.card p{color:var(--muted);margin:0 0 16px}.arrow{color:#0798f4;font-weight:900}
.feature-strip{background:var(--navy2);color:#fff}.features{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 0}.feature{display:flex;gap:15px;padding:10px 24px;border-right:1px solid rgba(255,255,255,.18)}.feature:last-child{border:0}.icon{min-width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(0,166,255,.16);color:#18b9ff;font-size:22px}.feature h4{margin:0 0 3px}.feature p{margin:0;color:#b9cde1;font-size:13px}
.process{display:grid;grid-template-columns:1fr 2fr;gap:50px;align-items:center}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{position:relative}.step-num{width:36px;height:36px;border-radius:50%;background:#0798f4;color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:12px}.step h4{margin:0}.step p{color:var(--muted);font-size:13px}
.quote-band{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(135deg,#061a33,#0c3b66);color:#fff}.quote-copy{padding:58px 7vw}.quote-form{background:#fff;color:var(--ink);padding:42px 7vw}.quote-form h3{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #cfe0ee;border-radius:9px;font:inherit;background:#fff;color:var(--ink)}textarea{min-height:115px;resize:vertical}.full{grid-column:1/-1}.form-note{font-size:12px;color:var(--muted);margin:10px 0}
.page-hero{padding:70px 0;background:linear-gradient(120deg,#061a33,#0a4771);color:#fff}.page-hero h1{font-size:clamp(38px,5vw,58px);margin:10px 0}.page-hero p{max-width:720px;color:#d1e3f2;font-size:17px}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}.photo-panel{min-height:390px;border-radius:20px;background:center/cover url("https://images.unsplash.com/photo-1581578731548-c64695cc6952?auto=format&fit=crop&w=1200&q=85");box-shadow:var(--shadow)}
.checks{display:grid;gap:14px;margin:25px 0}.check{display:flex;gap:12px}.check b{display:block}.check span{color:var(--muted);font-size:14px}
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.testimonial{padding:27px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow)}.stars{color:#0798f4;letter-spacing:3px}.person{display:flex;align-items:center;gap:12px;margin-top:20px}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#b7e9ff,#078fe9);display:grid;place-items:center;color:#fff;font-weight:900}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px}.contact-box{padding:28px;border-radius:16px;background:var(--light);border:1px solid var(--line)}.contact-item{display:flex;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border:0}.contact-item strong{display:block}.contact-item span{color:var(--muted);font-size:14px}
.footer{background:#041426;color:#c4d5e5;padding:40px 0 18px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px}.footer h4{color:#fff;margin:0 0 12px}.footer a{display:block;margin:7px 0;color:#b7c9da;font-size:14px}.footer a:hover{color:#18b9ff}.copyright{border-top:1px solid rgba(255,255,255,.1);margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;gap:20px;font-size:12px}
.flash{display:none;padding:12px 15px;border-radius:9px;background:#e8f8ff;color:#075b85;margin-bottom:15px}.flash.show{display:block}
@media(max-width:900px){.navlinks,.nav>.btn{display:none}.menu{display:block}.navlinks.open{display:flex;position:absolute;top:78px;left:0;right:0;background:#061a33;padding:20px;flex-direction:column;align-items:stretch;gap:8px}.navlinks.open a{padding:12px}.hero-grid{grid-template-columns:1fr}.hero-photo{height:330px;clip-path:none}.hero-copy{padding:60px 0 30px}.features{grid-template-columns:1fr 1fr}.feature{border-bottom:1px solid rgba(255,255,255,.15)}.process,.two-col,.contact-grid,.quote-band{grid-template-columns:1fr}.cards,.testimonials{grid-template-columns:1fr 1fr}.quote-copy{padding:45px 7vw}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.topbar{display:none}.nav{height:70px}.brand-mark{width:44px;height:44px}.brand-name{font-size:15px}.brand-name span{font-size:13px}.cards,.testimonials,.features,.steps,.form-grid,.footer-grid{grid-template-columns:1fr}.section{padding:55px 0}.section-head{display:block}.hero h1{font-size:42px}.hero-photo{height:270px}.copyright{display:block}.copyright span{display:block;margin-top:8px}}