
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#07172e;--blue:#0866f5;--cyan:#13b9e8;--ink:#10223e;--muted:#64748b;--line:#e4ebf4;--surface:#f5f8fc}
html{scroll-behavior:smooth}body{font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}h1,h2,h3,h4,.font-display{font-family:'Manrope',sans-serif;letter-spacing:-.035em}
a{transition:all .22s ease}img{max-width:100%;display:block}.premium-top{background:#061a37;color:#dceaff;font-size:12px}.premium-nav{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e8eef6;position:sticky;top:0;z-index:50}.premium-nav a{color:#142743;font-weight:700}.premium-nav a:hover{color:var(--blue)}
.premium-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 22px;border-radius:10px;background:linear-gradient(120deg,#0876ff,#0756d9);color:white;font-weight:700;box-shadow:0 9px 22px #0866f52b}.premium-btn:hover{transform:translateY(-2px);box-shadow:0 13px 26px #0866f544}.premium-outline{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border:1px solid #cbd8e9;border-radius:10px;color:#10223e;font-weight:700}
.premium-hero{background:radial-gradient(ellipse at 80% 15%,#164b85 0,transparent 40%),linear-gradient(112deg,#06162b 0%,#071e3d 56%,#092d56 100%);color:white;position:relative;overflow:hidden}.premium-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-content{position:relative;z-index:2}.hero-kicker{display:inline-flex;border:1px solid #38bdf877;background:#0e749033;color:#bdeeff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.hero-title{font-size:clamp(38px,5.1vw,68px);line-height:1.06;font-weight:800;max-width:760px}.hero-title span{color:#24b9ff}.hero-photo{width:100%;height:440px;object-fit:cover;border-radius:22px;mix-blend-mode:screen;mask-image:linear-gradient(90deg,transparent 0%,#000 18%);filter:saturate(1.08);opacity:.96}
.section-eyebrow{color:#0874ed;text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:11px}.section-title{font-size:clamp(28px,3.3vw,43px);line-height:1.15;font-weight:800}.service-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 30px #0d2c5010;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px #0d2c5019}.service-card img{height:175px;width:100%;object-fit:cover}.service-card-body{padding:20px}.soft-section{background:var(--surface)}.stat-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.stat-number{font-family:'Manrope';font-size:29px;font-weight:800;color:#0874ed}.feature-image{width:100%;height:390px;object-fit:cover;border-radius:20px}.process-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}.premium-footer{background:#06172d;color:#d9e6f8}.premium-footer a{color:#c1d2e9}.premium-footer a:hover{color:#fff}.image-band{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.image-band img{height:230px;width:100%;object-fit:cover;border-radius:16px}.image-band img:first-child{height:478px;grid-row:span 2}.mobile-menu{display:none}
@media(max-width:768px){.hero-photo{height:280px;mask-image:none;border-radius:14px}.hero-title{font-size:40px}.image-band{grid-template-columns:1fr}.image-band img:first-child{height:250px;grid-row:auto}.image-band img{height:210px}.premium-top .top-extra{display:none}.mobile-menu{display:block}.premium-nav .nav-links{display:none}.premium-nav .nav-links.open{display:flex;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid var(--line);box-shadow:0 16px 24px #07172e12}.section-title{font-size:31px}}

.premium-nav{box-shadow:0 5px 22px #0b25400a}.premium-nav nav a{font-size:13px;white-space:nowrap}.premium-top{letter-spacing:.01em}.service-card h3{letter-spacing:-.025em}

/* Premium typography refinement inspired by the selected reference */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b1e38;--muted:#536782}
body{font-family:'Inter',sans-serif;font-size:15px;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.font-display,.hero-title,.section-title{font-family:'Manrope',sans-serif;letter-spacing:-.045em}
.hero-title{font-size:clamp(42px,5.2vw,70px);line-height:1.045;font-weight:800;letter-spacing:-.055em}
.section-title{font-size:clamp(30px,3.25vw,44px);line-height:1.14;font-weight:800;letter-spacing:-.045em}
.premium-nav a{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;letter-spacing:-.015em}
.premium-nav strong{font-family:'Manrope',sans-serif!important;font-weight:800!important;letter-spacing:-.055em!important}
.premium-btn,.premium-outline{font-family:'Inter',sans-serif;font-size:14px;font-weight:700;letter-spacing:-.015em}
.service-card h3,.solution-item h3,.process-card h3{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.04em}
.service-card p,.solution-item p,.process-card p{letter-spacing:-.01em;line-height:1.8}
.section-eyebrow{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.17em;font-weight:800}
.hero-copy{font-size:17px;line-height:1.85;letter-spacing:-.018em}
.hero-kicker{font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:.025em}
@media(max-width:768px){.hero-title{font-size:42px;letter-spacing:-.05em}.section-title{font-size:32px}}
@media(max-width:480px){.hero-title{font-size:36px}.section-title{font-size:29px}}

/* Consistent premium layouts for About, Services and Contact */
.premium-added-section{background:linear-gradient(180deg,#f6f9fd 0%,#fff 100%);padding:76px 22px;color:#10223e}
.premium-inner{max-width:1240px;margin:0 auto}.premium-eyebrow{font-size:11px;letter-spacing:.18em;color:#0874ed;font-weight:800;text-transform:uppercase}.premium-heading{font:800 clamp(30px,3.5vw,46px)/1.13 Manrope,sans-serif;letter-spacing:-.05em;max-width:820px;margin:13px 0 16px;color:#0b1e38}.premium-lead{max-width:790px;color:#60728a;line-height:1.9;margin:0 0 34px;font-size:15px}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.team-card{background:#fff;border:1px solid #e0e9f4;border-radius:18px;overflow:hidden;box-shadow:0 12px 35px #0d2c500b;transition:transform .25s,box-shadow .25s}.team-card:hover,.premium-service-card:hover{transform:translateY(-5px);box-shadow:0 18px 42px #0d2c5016}.team-card img{width:100%;height:225px;object-fit:cover}.team-card-content{padding:24px}.team-card-content span,.premium-service-card span,.premium-service-cta span{font-size:10px;letter-spacing:.15em;font-weight:800;color:#0874ed}.team-card h3,.premium-service-card h3{font:800 21px/1.25 Manrope,sans-serif;letter-spacing:-.04em;margin:9px 0}.team-card p,.premium-service-card p{font-size:13px;line-height:1.8;color:#64748b;margin:0}.team-note{margin-top:24px;padding:20px 24px;background:#eaf4ff;border:1px solid #d6e9ff;border-radius:14px;color:#284866;line-height:1.7}
.premium-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.premium-service-card{display:grid;grid-template-columns:42% 58%;background:#fff;border:1px solid #e0e9f4;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #0d2c5009;transition:transform .25s,box-shadow .25s}.premium-service-card img{height:100%;min-height:300px;width:100%;object-fit:cover}.premium-service-card>div{padding:24px}.premium-service-card ul{padding-left:17px;margin:14px 0 0;color:#526780;font-size:12px;line-height:2}.premium-service-cta{margin-top:32px;padding:30px 34px;border-radius:18px;background:linear-gradient(115deg,#07172e,#0b4380);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;color:white}.premium-service-cta h3{font:800 27px Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0}.premium-service-cta p{margin:0;color:#c3d5ec;font-size:14px}.premium-service-cta span{color:#7ee5ff}
.contact-premium-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:stretch}.contact-info-panel{background:linear-gradient(145deg,#07172e,#0b4380);color:#fff;padding:30px;border-radius:20px;overflow:hidden}.contact-info-panel h3,.contact-form-panel h3{font:800 25px Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 12px}.contact-info-panel>p,.contact-form-panel>p{font-size:13px;line-height:1.8;color:#c7d8ed;margin:0 0 24px}.contact-info-row{display:flex;gap:14px;align-items:center;color:white;text-decoration:none;padding:15px 0;border-top:1px solid #ffffff20}.contact-info-row>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#ffffff17;color:#7ee5ff;font-size:20px;flex-shrink:0}.contact-info-row small{display:block;font-size:10px;letter-spacing:.15em;color:#9fc6ef;margin-bottom:5px}.contact-info-row b{font-size:13px;overflow-wrap:anywhere}.contact-team-photo{width:100%;height:155px;object-fit:cover;border-radius:12px;margin-top:15px}.contact-info-foot{font-size:12px;line-height:1.7;color:#b9d0ea;margin-top:13px}.contact-form-panel{background:#fff;border:1px solid #e0e9f4;box-shadow:0 12px 40px #0d2c500c;border-radius:20px;padding:30px}.contact-form-panel>p{color:#64748b}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.contact-fields label{font-size:12px;font-weight:700;color:#344863;display:flex;flex-direction:column;gap:8px}.contact-fields .full{grid-column:1/-1}.contact-fields input,.contact-fields select,.contact-fields textarea{width:100%;box-sizing:border-box;border:1px solid #dbe5f0;background:#fbfdff;border-radius:10px;padding:12px 13px;font:400 13px 'Inter',sans-serif;color:#10223e;outline:none}.contact-fields input:focus,.contact-fields select:focus,.contact-fields textarea:focus{border-color:#1680ff;box-shadow:0 0 0 3px #1680ff18}.contact-fields textarea{resize:vertical}.form-note{font-size:11px!important;color:#8291a5!important;margin:13px 0 0!important}
@media(max-width:900px){.team-grid{grid-template-columns:1fr 1fr}.premium-service-grid{grid-template-columns:1fr}.contact-premium-grid{grid-template-columns:1fr}.premium-service-card img{min-height:260px}}
@media(max-width:600px){.premium-added-section{padding:52px 16px}.team-grid{grid-template-columns:1fr}.premium-service-card{grid-template-columns:1fr}.premium-service-card img{height:200px;min-height:0}.contact-info-panel,.contact-form-panel{padding:22px}.contact-fields{grid-template-columns:1fr}.contact-fields .full{grid-column:auto}.premium-service-cta{padding:24px}.premium-service-cta h3{font-size:23px}}

/* Header brand is text-only; logo belongs in the footer. */
.premium-nav>a img{display:none!important}.premium-nav>a{gap:0!important}.premium-nav strong{font-size:21px!important;letter-spacing:-1.1px!important}.page-loader{display:none!important}

/* Unified site-wide navigation */
.premium-top{font-family:'Inter',sans-serif;background:#061a37;color:#dceaff;font-size:12px}
.premium-nav{position:sticky!important;top:0!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(16px);z-index:100!important;box-shadow:0 5px 22px #0b25400a;border-bottom:1px solid #e8eef6!important}
.premium-nav>div{max-width:1280px!important;min-height:76px}
.premium-nav nav{display:flex;align-items:center;gap:25px}
.premium-nav nav a{font-family:'Inter',sans-serif;font-size:13px;font-weight:700;white-space:nowrap;color:#142743}
.premium-nav nav a:hover{color:#0866f5}
.premium-nav nav a.premium-btn{color:#fff}
.premium-nav>a{display:flex;align-items:center;gap:0!important;text-decoration:none}
.premium-nav>a strong{font:800 21px 'Manrope',sans-serif!important;color:#0b1f3b!important;letter-spacing:-1.1px!important}
.premium-nav>a small{font-size:10px!important;letter-spacing:.075em!important;color:#66768e!important}
.premium-nav .mobile-menu{display:none}
@media(max-width:850px){
 .premium-nav .mobile-menu{display:block!important}
 .premium-nav .nav-links{display:none!important}
 .premium-nav .nav-links.open{display:flex!important;position:absolute!important;top:100%;left:0;right:0;background:#fff;padding:20px!important;flex-direction:column;align-items:stretch;gap:18px;border-bottom:1px solid #e4ebf4;box-shadow:0 16px 24px #07172e12}
}
