@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#092747;--navy2:#0d355d;--blue:#1689df;--cyan:#4bb9e8;--ink:#152b42;--muted:#607286;--light:#f2f6fa;--line:#dce5ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.site-header{height:86px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e8eef3}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;height:52px;border-radius:15px;background:linear-gradient(145deg,#0a2b4d,#1689df);display:grid;place-items:center;color:white;font:800 20px Manrope;box-shadow:0 8px 20px #0c477c33}.brand strong{display:block;font:800 19px Manrope;color:var(--navy)}.brand small{display:block;color:var(--blue);font-weight:800;font-size:10px;letter-spacing:2px;margin-top:3px}.nav{display:flex;align-items:center;gap:34px;font-weight:600;font-size:14px}.nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff!important;padding:13px 22px;border-radius:7px}.menu-toggle{display:none;background:none;border:0;font-size:27px;color:var(--navy)}
.hero{min-height:590px;background:radial-gradient(ellipse at 80% 25%,#1b6394 0,#103e68 32%,transparent 60%),linear-gradient(115deg,#071c32,#0c3155 62%,#0a2947);color:white;padding:90px max(8vw,28px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff18;border-radius:50%;right:7%;top:8%;box-shadow:0 0 0 55px #ffffff08,0 0 0 110px #ffffff05}.hero-content{position:relative;z-index:2;max-width:670px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:800;color:var(--blue);margin:0 0 18px}.hero .eyebrow{color:#6ecaff}.hero h1{font:800 clamp(38px,4.7vw,64px)/1.08 Manrope;margin:0 0 22px;letter-spacing:-2px}.hero h1 em,.contact-side em{font-style:normal;color:#48b9f1}.hero-lead{font-size:17px;line-height:1.75;color:#d6e4f0;max-width:600px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.button{padding:15px 22px;border-radius:7px;font-weight:700;font-size:14px;display:inline-flex;gap:18px;align-items:center}.button-primary{background:var(--blue);color:white;box-shadow:0 10px 28px #087dcc44}.button-outline{border:1px solid #a9c2d8;color:white}.hero-note{font-size:12px;color:#c5d6e5;margin-top:42px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4ed1a1;margin-right:9px}.hero-art{height:360px;position:relative;z-index:1}.art-orbit{position:absolute;border:1px solid #8bc9ed55;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:420px;height:250px;top:45px;left:10px}.orbit-two{width:330px;height:200px;top:70px;left:55px}.art-card{position:absolute;left:95px;top:95px;width:250px;height:175px;border-radius:16px;background:linear-gradient(145deg,#ffffff20,#ffffff08);border:1px solid #ffffff50;backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 80px #0005}.art-icon{font-size:58px;color:#64c8ff}.art-card b{font:700 18px Manrope}.art-card small{color:#c8ddeb;margin-top:7px}.pipe{position:absolute;border-radius:20px;background:linear-gradient(90deg,#a8d4e7,#eaf8ff,#4e95b8);box-shadow:0 8px 20px #0004}.pipe-a{height:13px;width:150px;right:0;top:60px;transform:rotate(35deg)}.pipe-b{height:13px;width:175px;right:5px;bottom:75px;transform:rotate(-35deg)}.pipe-c{height:105px;width:13px;right:30px;top:90px}.art-label{position:absolute;bottom:10px;left:30px;font-size:9px;letter-spacing:2px;color:#9bc8e4}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 8%;background:#f3f7fa;border-bottom:1px solid var(--line)}.trust-strip div{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid #d8e2eb}.trust-strip div:last-child{border:0}.trust-strip b{font:800 22px Manrope;color:var(--blue)}.trust-strip span{font-size:13px;font-weight:700;line-height:1.4;color:var(--navy)}
.section{padding:95px max(8vw,28px)}.section-heading{max-width:680px;margin:0 auto 45px;text-align:center}.section-heading h2,.about h2{font:800 clamp(30px,3vw,42px)/1.15 Manrope;color:var(--navy);margin:0 0 15px;letter-spacing:-1px}.section-heading>p:last-child{color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1200px;margin:auto}.service-card{padding:30px 25px 32px;border:1px solid var(--line);border-radius:10px;background:white;transition:.2s;min-height:235px}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0a2b4d12;border-color:#9acff0}.service-icon{width:48px;height:48px;border-radius:12px;background:#e7f4fc;color:var(--blue);display:grid;place-items:center;font-size:27px}.service-card h3{font:700 17px Manrope;color:var(--navy);margin:22px 0 10px}.service-card p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}
.about{background:var(--light);padding:85px max(10vw,28px);display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:10%}.about-mark{height:250px;border-radius:16px;background:linear-gradient(145deg,#0a2a4c,#1266a0);display:flex;align-items:center;justify-content:center;flex-direction:column;color:white;font:800 90px Manrope;box-shadow:0 20px 45px #0a2b4d22}.about-mark span{font:700 11px 'DM Sans';letter-spacing:4px;color:#7bd0ff}.about-copy{max-width:620px}.about-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:15px}.text-link{display:inline-flex;gap:15px;color:var(--blue);font-weight:800;margin-top:16px}
.contact{background:white}.contact-panel{max-width:1050px;margin:auto;display:grid;grid-template-columns:1fr .8fr;border-radius:14px;overflow:hidden;box-shadow:0 18px 55px #0b2e5018;border:1px solid var(--line)}.contact-panel>div:first-child{padding:42px}.contact-icon{font-size:28px;color:var(--blue)}.contact-panel h3{font:800 22px Manrope;color:var(--navy)}.contact-panel p{color:var(--muted);line-height:1.7;font-size:14px}.contact-detail{padding:14px 0;border-top:1px solid var(--line)}.contact-detail small{display:block;color:#8494a4;font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:5px}.contact-detail b{font-size:14px;color:var(--navy)}.contact-side{background:linear-gradient(145deg,#092747,#10558b);padding:45px;color:white;display:flex;flex-direction:column;justify-content:center}.contact-side>span{font-size:10px;letter-spacing:2px;color:#7bcfff;font-weight:800}.contact-side h3{font-size:36px;line-height:1.25;color:white}.contact-side p{color:#bdd5e8}
footer{background:#061b30;color:#afc4d6;padding:25px max(5vw,24px);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer-brand{font:800 14px Manrope;color:white}.footer-brand span{display:block;color:#4bb9e8;font-size:9px;letter-spacing:2px;margin-top:3px}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:75px}.hero-art{height:260px;max-width:500px;width:100%;margin:auto}.art-card{left:50%;transform:translateX(-50%);top:45px}.orbit-one{left:50%;transform:translateX(-50%) rotate(-25deg)}.orbit-two{left:50%;transform:translateX(-50%) rotate(-25deg)}.service-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:35px}.about-mark{max-width:450px;width:100%;margin:auto}.nav{gap:18px}}
@media(max-width:640px){.site-header{height:72px}.brand-mark{width:43px;height:43px}.brand strong{font-size:16px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:20px 26px 25px;box-shadow:0 15px 20px #071d3020;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:9px}.nav-cta{text-align:center}.hero{padding:65px 25px 45px;min-height:auto}.hero h1{font-size:39px;letter-spacing:-1.5px}.hero-lead{font-size:15px}.hero-art{height:230px}.trust-strip{grid-template-columns:repeat(2,1fr);gap:20px;padding:25px}.trust-strip div{justify-content:flex-start;border:0}.section{padding:70px 24px}.service-grid{grid-template-columns:1fr}.service-card{min-height:0}.about{padding:65px 24px}.about-mark{height:190px;font-size:72px}.contact-panel{grid-template-columns:1fr}.contact-panel>div:first-child,.contact-side{padding:30px}.contact-side h3{font-size:30px}footer{flex-direction:column;align-items:flex-start}}