@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--navy:#071a3a;--navy2:#0b2854;--blue:#1769e8;--blue2:#5aa0ff;--ink:#10213d;--muted:#61748e;--line:#dce6f2;--pale:#f4f8fd;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.nav-wrap{position:fixed;inset:0 0 auto;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid #e6edf5}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand img{width:170px;display:block}.nav-links{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}.nav-links>a{color:#3a4d66}.nav-links>a:hover{color:var(--blue)}.nav-cta{padding:11px 17px;border-radius:999px;background:var(--navy);color:#fff!important}.menu-btn{display:none;border:0;background:none;font-size:25px;color:var(--ink)}
.hero{position:relative;overflow:hidden;padding:150px 0 90px;background:radial-gradient(circle at 80% 30%,rgba(80,157,255,.22),transparent 28%),linear-gradient(135deg,#f8fbff,#eaf3ff 62%,#f7faff)}.hero-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:-180px;bottom:-250px;background:rgba(43,120,232,.11);filter:blur(40px)}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:65px;align-items:center}.eyebrow,.section-label{font-size:10px;letter-spacing:.18em;font-weight:800;color:#3979ce}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:30px;height:2px;background:var(--blue)}.hero h1{font:700 clamp(54px,6.6vw,88px)/.98 'Space Grotesk';letter-spacing:-.055em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{font-size:18px;color:#5d708a;max-width:650px}.hero-actions{display:flex;gap:13px;margin:30px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:14px 22px;border-radius:999px;font-size:13px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn.primary{background:var(--navy);color:#fff}.btn.ghost{border:1px solid #cad7e6;color:#183153;background:#fff}.hero-stats{display:flex;gap:35px;margin-top:42px}.hero-stats div{padding-left:15px;border-left:1px solid #cfdbea;display:flex;flex-direction:column}.hero-stats strong{font:700 16px 'Space Grotesk';color:#17345c}.hero-stats span{font-size:11px;color:#71839b}.hero-visual{height:510px;position:relative;display:grid;place-items:center}.visual-orb{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(52,137,255,.18),transparent 65%);filter:blur(5px)}.hero-video-frame{width:min(510px,100%);height:410px;border:1px solid #cddceb;border-radius:28px;background:#0a2348;overflow:hidden;position:relative;box-shadow:0 30px 75px rgba(31,75,130,.18)}.hero-video-frame video{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}.video-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,23,50,.15),rgba(5,20,45,.55))}.visual-top,.visual-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;color:#fff;z-index:2}.visual-top{top:23px;font-size:10px;letter-spacing:.15em}.visual-bottom{bottom:24px;align-items:flex-end}.visual-bottom strong{font:700 26px 'Space Grotesk'}.visual-bottom span{font-size:10px;color:#cbd9ec}.float-card{position:absolute;padding:13px 17px;border:1px solid #d7e3ef;background:rgba(255,255,255,.95);border-radius:12px;box-shadow:0 18px 38px rgba(30,74,125,.13);display:flex;flex-direction:column;font-size:12px;color:#17345c}.float-card span{font-size:10px;color:#72839a}.float-one{left:-10px;top:19%}.float-two{right:-5px;bottom:17%}
.ticker{border-top:1px solid #e5edf5;border-bottom:1px solid #e5edf5;background:#fff}.ticker-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;white-space:nowrap;overflow:hidden;font-size:10px;letter-spacing:.14em;font-weight:800;color:#284a73}.ticker i{color:var(--blue);font-style:normal}
.section{padding:120px 0}.section-head{margin-bottom:50px}.section h2{font:700 clamp(40px,5vw,65px)/1.02 'Space Grotesk';letter-spacing:-.045em;margin:14px 0 24px;color:#10213d}.section h2 span{color:var(--blue)}.lead{font-size:20px;color:#4e6480;max-width:850px}.two-col{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.about p:not(.lead){color:#667a94;max-width:820px}.text-link{display:inline-block;margin-top:18px;color:var(--blue);font-weight:800;font-size:13px}
.services{background:#eef5ff}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{background:#fff;border:1px solid #dbe6f2;border-radius:18px;padding:28px;min-height:250px;display:flex;flex-direction:column;box-shadow:0 10px 35px rgba(27,70,121,.04);transition:.25s}.service:hover{transform:translateY(-6px);border-color:#a7c8ef;box-shadow:0 20px 45px rgba(27,80,145,.1)}.service-no{font-size:10px;font-weight:800;color:#7190b5;letter-spacing:.12em}.service h3{font:700 26px/1.1 'Space Grotesk';margin:35px 0 11px;color:#0d2b55}.service p{font-size:14px;color:#607792;margin:0}.service a{margin-top:auto;padding-top:22px;color:var(--blue);font-size:12px;font-weight:800}
.why{background:#f7faff}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:45px}.features{border-top:1px solid #d6e2f0}.feature{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:24px 0;border-bottom:1px solid #d6e2f0}.feature>b{color:#4d7eb9;font-size:11px}.feature h3{font:600 20px 'Space Grotesk';margin:0;color:#17345c}.feature p{margin:5px 0 0;color:#657994;font-size:14px}
.clients{background:#fff}.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.client-logo{height:145px;border:1px solid #dfe8f4;border-radius:16px;background:#fff;display:flex;align-items:center;justify-content:center;padding:17px;box-shadow:0 8px 25px rgba(26,68,120,.04);transition:.25s}.client-logo:hover{transform:translateY(-4px);border-color:#a9c9f3;box-shadow:0 15px 35px rgba(26,68,120,.09)}.client-logo img{max-width:100%;max-height:105px;object-fit:contain}.client-note{margin-top:24px;padding:17px 21px;border-radius:14px;background:#eef5ff;display:flex;justify-content:space-between;color:#526b89;font-size:13px}.client-note a{color:var(--blue);font-weight:800}
.process{background:#edf5ff}.process-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:85px;margin-top:35px}.process-list{border-top:1px solid #d2dfed}.process-list>div{display:grid;grid-template-columns:52px 1fr;gap:16px;align-items:start;padding:22px 0;border-bottom:1px solid #d2dfed}.process-list>div>span{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#dcecff;color:var(--blue);font-size:11px;font-weight:800}.process-list h3{font:600 21px 'Space Grotesk';margin:0;color:#17345c}.process-list p{font-size:14px;color:#637995;margin:4px 0 0}
.testimonials{background:#f7faff}.testimonial-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.testimonial-card{background:#fff;border:1px solid #dfe8f4;border-radius:17px;padding:21px 17px;box-shadow:0 10px 30px rgba(26,68,120,.04)}.stars{color:#f2ab27;font-size:12px;letter-spacing:2px}.testimonial-card p{font-size:12.5px;line-height:1.6;color:#536985;min-height:175px}.person{display:flex;gap:10px;align-items:center;border-top:1px solid #e7edf5;padding-top:15px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e5f0ff;color:var(--blue);font-weight:800}.person strong{display:block;font-size:12px;color:#17345c}.person small{display:block;font-size:10px;color:#7b8ca4}
.faq{background:#eef5ff}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faq-list{border-top:1px solid #d4e0ef}.faq-list details{border-bottom:1px solid #d4e0ef}.faq-list summary{list-style:none;cursor:pointer;padding:20px 36px 20px 0;font:600 15px 'Space Grotesk';color:#17345c;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:5px;top:17px;font-size:22px;color:var(--blue)}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:#657994;font-size:14px;margin:0 30px 20px 0}
.cta-section{padding:120px 0;background:linear-gradient(135deg,#e2efff,#f8fbff);border-top:1px solid #dce8f5;border-bottom:1px solid #dce8f5;text-align:center}.cta{display:flex;flex-direction:column;align-items:center}.cta h2{font:700 clamp(55px,8vw,94px)/.9 'Space Grotesk';letter-spacing:-.06em;margin:20px 0}.cta p{color:#60738e;margin:0 0 30px}
.contact{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr .95fr;gap:90px}.direct-contact{margin-top:28px;display:grid;gap:10px}.direct-contact a{display:flex;flex-direction:column;padding:13px 0;border-bottom:1px solid #e2e9f3}.direct-contact small{font-size:9px;letter-spacing:.15em;color:#7589a3}.direct-contact strong{color:#17345c;margin-top:2px}.form-panel{background:#f1f7ff;border:1px solid #dce8f5;border-radius:22px;padding:27px;box-shadow:0 18px 45px rgba(26,68,120,.06)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-panel label{display:block;color:#36516f;font-size:12px;font-weight:700;margin-bottom:14px}.form-panel input,.form-panel select,.form-panel textarea{width:100%;margin-top:7px;border:1px solid #d7e2ef;border-radius:10px;padding:12px 13px;background:#fff;color:#183153;font:inherit;font-size:13px;outline:none}.form-panel textarea{resize:vertical;min-height:120px}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus{border-color:#72aaf2;box-shadow:0 0 0 3px rgba(58,132,235,.1)}.form-submit{width:100%;border:0;cursor:pointer}.form-note{color:#7b8ca2;font-size:10px;text-align:center;margin:10px 0 0}.wa-form-btn{display:flex;justify-content:center;margin-top:12px;padding:12px 18px;border:1px solid #28b86b;border-radius:999px;color:#148b4e;background:#fff;font-size:13px;font-weight:800}
footer{background:#0d2447;color:#fff;padding:55px 0 0}.footer-grid{display:grid;grid-template-columns:1.25fr .8fr 1fr 1.1fr;gap:55px;padding-bottom:45px}.footer-brand{max-width:310px}.footer-logo{width:205px;filter:brightness(0) invert(1);margin-bottom:18px}.footer-brand p,footer p{color:#c5d3e6;line-height:1.7;font-size:13px}.footer-social{display:flex;gap:10px;margin-top:18px}.footer-social a{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 12px;font-size:11px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:9px}.footer-grid h4{font:600 16px 'Space Grotesk';margin:0 0 10px}.footer-grid>div:not(.footer-brand)>a{color:#c4d2e5;font-size:12px}.footer-grid>div:not(.footer-brand)>a:hover{color:#fff}.footer-contact p{margin:2px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);min-height:62px;display:flex;align-items:center;justify-content:space-between;color:#9fb0c8;font-size:10px}.wa-float{position:fixed;z-index:40;right:23px;bottom:23px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;box-shadow:0 15px 35px rgba(19,55,100,.22);font-size:22px}
@media(max-width:1050px){.clients-grid{grid-template-columns:repeat(3,1fr)}.testimonial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.container{width:min(var(--max),calc(100% - 30px))}.nav{height:68px}.brand img{width:145px}.menu-btn{display:block}.nav-links{display:none;position:absolute;top:76px;left:15px;right:15px;padding:18px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #dbe6f3;border-radius:16px;box-shadow:0 20px 45px rgba(20,60,110,.1)}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero{padding-top:120px}.hero-grid,.two-col,.feature-grid,.process-grid,.contact-grid{grid-template-columns:1fr;gap:48px}.hero-visual{height:440px}.service-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;justify-content:center;gap:6px;padding:18px 0}.float-one{left:0}.float-two{right:0}}
@media(max-width:560px){.hero h1{font-size:53px}.hero p{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-stats{gap:15px}.hero-visual{height:370px}.hero-video-frame{height:310px}.float-card{display:none}.ticker-inner{justify-content:flex-start}.section{padding:88px 0}.service-grid,.clients-grid,.testimonial-grid,.footer-grid{grid-template-columns:1fr}.service{min-height:220px}.client-logo{height:125px}.client-note{flex-direction:column;align-items:flex-start;gap:8px}.form-row{grid-template-columns:1fr}.cta-section{padding:90px 0}.cta h2{font-size:56px}}