:root{--navy:#132433;--navy2:#23445a;--ink:#17232d;--muted:#6a7782;--line:#dfe5ea;--soft:#f6f8fa;--white:#fff;--cyan:#159bcf;--cyan2:#147aa3;--max:1240px;--shadow:0 16px 42px rgba(19,36,51,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}img{width:100%;display:block}.wrap{max-width:var(--max);margin:auto;padding:0 24px}.topbar{background:#eef3f6;color:#53616d;font-size:11px}.topbar .wrap{height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar a{color:#17384b}.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(216,224,231,.85)}.navrow{min-height:78px;display:flex;align-items:center;gap:34px}.brand{width:190px;flex:none}.nav{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:14px;font-weight:650}.nav a{color:#34414d}.nav a:hover,.nav a.active{color:var(--cyan2)}.nav .nav-cta{padding:11px 15px;border:1px solid #c3d0d9;border-radius:6px;color:var(--ink)}.nav .nav-cta:hover{border-color:var(--cyan2)}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 12px;font-weight:700}.hero{position:relative;min-height:650px;color:#fff;background:var(--navy);overflow:hidden}.hero-media{position:absolute;inset:0}.hero-media img{height:100%;object-fit:cover;opacity:.45;filter:saturate(.88)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,36,51,.94) 0%,rgba(19,36,51,.74) 45%,rgba(19,36,51,.34) 100%)}.hero-content{position:relative;z-index:2;min-height:650px;display:flex;align-items:center}.hero-copy{max-width:750px;padding:80px 0}.kicker{font-size:12px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#8edfff}.hero h1{font-size:58px;line-height:1.02;letter-spacing:-1.8px;margin:14px 0 22px;max-width:790px}.hero p{font-size:18px;color:#d1dde5;max-width:690px;margin:0 0 31px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border-radius:6px;font-size:14px;font-weight:780;border:1px solid transparent}.btn-primary{background:var(--cyan);color:#05131b}.btn-primary:hover{background:#2cc0f0}.btn-light{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.04)}.btn-light:hover{background:rgba(255,255,255,.09)}.hero-trust{margin-top:55px;display:flex;flex-wrap:wrap;gap:20px;color:#d6e0e7;font-size:13px}.hero-trust span{display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;display:inline-block}.introbar{background:#fff;position:relative;z-index:3;margin-top:-52px}.intro-card{background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden}.intro-item{padding:24px 25px;border-right:1px solid var(--line)}.intro-item:last-child{border-right:0}.intro-item strong{font-size:29px;line-height:1.1;display:block;margin-bottom:6px}.intro-item span{font-size:12px;color:var(--muted)}.section{padding:92px 0}.section.soft{background:var(--soft)}.eyebrow{color:var(--cyan2);font-size:11px;font-weight:850;letter-spacing:1.8px;text-transform:uppercase}.section-title{font-size:38px;line-height:1.12;letter-spacing:-.8px;margin:8px 0 14px}.section-lead{font-size:17px;color:var(--muted);max-width:780px;margin:0}.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}.media-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#edf2f5;box-shadow:0 14px 50px rgba(7,18,29,.08)}.media-card img{aspect-ratio:1.38;object-fit:cover}.side-note{border-left:3px solid var(--cyan);padding-left:18px;margin-top:25px;color:#3f4b56;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.card{border:1px solid var(--line);border-radius:8px;padding:28px;background:#fff}.card:hover{border-color:#a8c9d8;box-shadow:0 10px 35px rgba(7,18,29,.06)}.card .num{font-size:11px;color:var(--cyan2);font-weight:850;letter-spacing:1.5px}.card h3{font-size:19px;margin:13px 0 8px}.card p{color:var(--muted);font-size:14px;margin:0}.split-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.feature-list{display:grid;gap:14px;margin-top:25px}.feature{padding:17px 18px;border:1px solid var(--line);border-radius:7px;background:#fff}.feature strong{display:block;font-size:15px}.feature span{font-size:13px;color:var(--muted)}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:35px}.step{padding:20px;background:#fff;border:1px solid var(--line);border-radius:8px;min-height:165px}.step b{color:var(--cyan2);font-size:11px;letter-spacing:1.4px}.step h4{margin:12px 0 6px;font-size:15px}.step p{margin:0;color:var(--muted);font-size:12px}.scale{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.scale-big,.scale-small{border-radius:8px;padding:38px;border:1px solid var(--line)}.scale-big{background:var(--navy);color:#fff;min-height:295px}.scale-big .number{font-size:70px;line-height:.9;font-weight:800}.scale-big .sub{font-size:15px;color:#c8d4dc;margin-top:12px;max-width:440px}.scale-small{background:#fff;display:grid;align-content:center}.scale-small strong{font-size:42px;line-height:1}.scale-small span{color:var(--muted);font-size:13px;margin-top:8px}.project-strip{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.project-card{border:1px solid var(--line);border-radius:8px;padding:30px;background:#fff}.project-card h3{margin:0 0 8px;font-size:18px}.project-card p{margin:0;color:var(--muted);font-size:14px}.project-card .tag{display:inline-block;background:#edf8fc;color:var(--cyan2);padding:4px 8px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;margin-bottom:18px}.visit{background:linear-gradient(125deg,var(--navy),#103a54);color:#fff;border-radius:10px;padding:52px;display:grid;grid-template-columns:1.15fr .85fr;gap:35px;align-items:center}.visit h2{font-size:38px;line-height:1.08;margin:7px 0 14px}.visit p{margin:0;color:#cbd9e2;max-width:700px}.visit ul{margin:0;padding-left:18px;color:#d7e1e8;font-size:14px}.page-hero{background:var(--navy);color:#fff;padding:65px 0}.page-hero h1{font-size:44px;line-height:1.07;margin:8px 0 10px}.page-hero p{margin:0;color:#c8d5dd;max-width:780px}.content{padding:80px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.scope-card,.info-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:25px}.scope-card h3,.info-card h3{margin:0 0 7px;font-size:18px}.scope-card p,.info-card p{margin:0;color:var(--muted);font-size:14px}.service-table{width:100%;border-collapse:collapse;margin-top:25px}.service-table th,.service-table td{padding:14px 13px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;vertical-align:top}.service-table th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#52606c}.contact-layout{display:grid;grid-template-columns:1fr .8fr;gap:22px}.contact-card{border:1px solid var(--line);border-radius:8px;padding:28px;background:#fff}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-card label{font-size:12px;font-weight:750;display:block;margin:0 0 5px}.contact-card input,.contact-card textarea,.contact-card select{width:100%;border:1px solid var(--line);border-radius:6px;padding:11px 12px;margin:0 0 14px;font:inherit}.contact-card textarea{min-height:145px;resize:vertical}.notice{font-size:12px;color:var(--muted);background:#f4f7f8;padding:11px 12px;border-radius:6px}.footer{background:#152936;color:#aebcc5;padding:55px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:38px}.footer h4{color:#fff;margin:0 0 9px}.footer p,.footer a{font-size:13px}.footer a:hover{color:#fff}.copy{border-top:1px solid #223442;margin-top:32px;padding-top:18px;font-size:11px;color:#82909a}.mobile-note{font-size:11px;color:#8b969f;margin-top:18px}
@media(max-width:1000px){.navrow{gap:15px}.nav{gap:15px;font-size:13px}.hero h1{font-size:54px}.intro-card{grid-template-columns:repeat(2,1fr)}.intro-item:nth-child(2){border-right:0}.intro-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.two-col,.split-feature,.visit,.contact-layout{grid-template-columns:1fr}.cards,.grid-3{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:repeat(3,1fr)}.scale,.project-strip{grid-template-columns:1fr}}
@media(max-width:760px){.topbar .wrap{justify-content:center}.topbar .right{display:none}.nav{display:none;position:absolute;left:0;right:0;top:77px;padding:16px 24px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu{display:block;margin-left:auto}.brand{width:175px}.hero,.hero-content{min-height:650px}.hero h1{font-size:42px}.hero p{font-size:17px}.hero-copy{padding:70px 0}.section{padding:68px 0}.section-title{font-size:34px}.cards,.grid-3,.grid-2{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.visit{padding:34px}.visit h2{font-size:34px}.footer-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}
@media(max-width:480px){.wrap{padding:0 18px}.intro-card{grid-template-columns:1fr}.intro-item,.intro-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.intro-item:last-child{border-bottom:0}.hero h1{font-size:35px;letter-spacing:-.8px}.process{grid-template-columns:1fr}.hero-trust{gap:11px}.section{padding:55px 0}.scale-big .number{font-size:58px}}

/* V9 refinements */
.nav .nav-cta{background:#17384b;color:#fff!important;border-color:#17384b}
.nav .nav-cta:hover{background:#176f91;border-color:#176f91}
.hero h1{max-width:860px}
.hero p{max-width:760px}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}
.trust-grid .trust{border:1px solid var(--line);border-radius:8px;padding:18px;background:#fff}
.trust small{display:block;color:var(--muted);font-size:11px;margin-top:5px}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:30px}
.pain{border:1px solid var(--line);border-radius:8px;padding:22px;background:#fff}
.pain b{display:block;font-size:14px;margin-bottom:6px}.pain p{margin:0;color:var(--muted);font-size:13px}
.callout{border-left:4px solid var(--cyan);background:#f7fafb;padding:22px;border-radius:0 8px 8px 0;color:#3d4953;margin-top:25px}
.logo-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.logo-pill{padding:10px 13px;border:1px solid var(--line);border-radius:5px;background:#fff;font-weight:800;font-size:12px;letter-spacing:.3px;color:#31404c}
.mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}.mini{padding:18px;border:1px solid var(--line);border-radius:7px;background:#fff}.mini strong{display:block;font-size:14px}.mini span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
@media(max-width:1000px){.trust-grid{grid-template-columns:repeat(2,1fr)}.pain-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.trust-grid,.pain-grid,.mini-grid{grid-template-columns:1fr}}

.nav .active{color:var(--cyan2)!important}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(17,174,232,.35);outline-offset:2px}

.stat-note{max-width:980px;margin:12px auto 0;color:#64748b;font-size:13px;line-height:1.65;text-align:center}.scale-callout{margin-top:24px}.section-lead{max-width:850px}


/* V14 responsive + accessibility hardening */
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden}
img{max-width:100%;height:auto}
.skip-link{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link:focus{left:12px;top:12px;width:auto;height:auto;padding:10px 14px;background:#17384b;color:#fff;z-index:9999;border-radius:6px}
:focus-visible{outline:3px solid rgba(17,174,232,.45);outline-offset:3px}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-wrap .service-table{min-width:680px}
.menu{cursor:pointer;border:1px solid var(--line);background:#fff;border-radius:6px;padding:9px 12px;font-weight:750;color:#07121d}
@media(max-width:1100px){.nav{gap:11px;font-size:12px}.brand{width:165px}.hero h1{font-size:56px}.hero-trust{gap:13px}.process{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.header{position:sticky;top:0;z-index:50}.nav{top:73px;box-shadow:0 16px 30px rgba(7,18,29,.12);max-height:calc(100vh - 73px);overflow:auto}.hero-media img{height:100%;min-height:650px;object-fit:cover}.hero-copy{padding:54px 0}.hero h1{font-size:40px}.hero p{font-size:16px;line-height:1.65}.hero-trust{margin-top:35px;display:grid;grid-template-columns:1fr 1fr;gap:11px}.introbar{margin-top:0}.intro-card{border-radius:0;box-shadow:none}.section-title{line-height:1.15}.cards,.grid-3{gap:14px}.content{padding:60px 0}.page-hero{padding:52px 0}.page-hero h1{font-size:40px}.footer{padding-top:44px}}
@media(max-width:480px){.topbar{font-size:10px}.topbar .wrap{min-height:30px}.brand{width:150px}.hero,.hero-content{min-height:590px}.hero h1{font-size:32px}.actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.hero-trust{grid-template-columns:1fr}.intro-item{padding:20px}.section{padding:52px 0}.section-title{font-size:31px}.page-hero h1{font-size:32px}.visit{padding:28px}.visit h2{font-size:31px}.scale-big{padding:30px}.scale-small{padding:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* V16 visual polish: lighter palette, calmer typography */
body{font-size:15px}
.nav a{font-size:13px}
.card h3,.scope-card h3,.info-card h3{font-size:17px}
.card p,.scope-card p,.info-card p,.project-card p{font-size:13px}
.eyebrow,.kicker{letter-spacing:1.6px}
.section-title,.page-hero h1,.hero h1{font-weight:760}
@media(max-width:1100px){.hero h1{font-size:52px}.section-title{font-size:36px}}
@media(max-width:760px){.hero h1{font-size:38px}.section-title{font-size:32px}.page-hero h1{font-size:38px}}
@media(max-width:480px){.hero h1{font-size:31px}.section-title{font-size:29px}.page-hero h1{font-size:31px}}

/* V17 typography and layout refinement */
body{font-size:16px}
.topbar{font-size:12px}
.nav{font-size:14px;gap:26px}
.nav .nav-cta{font-size:14px;min-height:46px;padding:0 17px}
.hero h1{font-size:62px;line-height:1.01;max-width:900px}
.hero p{font-size:18px;line-height:1.72;max-width:760px}
.hero .btn{font-size:15px;min-height:50px;padding:0 19px}
.hero-trust{font-size:14px}
.intro-item strong{font-size:31px}
.intro-item span{font-size:13px;line-height:1.65}
.section-title{font-size:42px;line-height:1.1}
.section-lead{font-size:17px;line-height:1.75}
.card h3,.scope-card h3,.info-card h3{font-size:19px}
.card p,.scope-card p,.info-card p,.project-card p{font-size:14px;line-height:1.7}
.feature strong{font-size:16px}.feature span{font-size:13.5px;line-height:1.6}
.step h4{font-size:16px}.step p{font-size:13px;line-height:1.6}
.visit{grid-template-columns:minmax(0,1.12fr) minmax(220px,.88fr);overflow:hidden}
.visit>div{min-width:0}
.visit h2{font-size:44px;line-height:1.08;letter-spacing:-.7px}
.visit p{font-size:16px;line-height:1.7}
.visit .btn{font-size:15px;min-height:50px;padding:0 20px}
.mobile-note{font-size:12px}
.page-hero h1{font-size:48px}
.page-hero p{font-size:17px;line-height:1.72}
.service-table th,.service-table td{font-size:14px}
.contact-card label{font-size:13px}
.contact-card input,.contact-card textarea,.contact-card select{font-size:15px}
.footer p,.footer a{font-size:14px}
@media(max-width:1100px){
  .nav{gap:16px;font-size:13px}
  .hero h1{font-size:57px}
  .visit h2{font-size:40px}
  .section-title{font-size:39px}
  .page-hero h1{font-size:45px}
}
@media(max-width:760px){
  .hero h1{font-size:43px}
  .hero p{font-size:17px}
  .hero .btn{font-size:14px;min-height:48px}
  .section-title{font-size:35px}
  .visit{grid-template-columns:1fr;gap:24px}
  .visit h2{font-size:36px}
  .visit p{font-size:15.5px}
  .page-hero h1{font-size:41px}
}
@media(max-width:480px){
  .topbar{font-size:11px}
  .nav a{font-size:15px}
  .hero h1{font-size:35px}
  .hero p{font-size:16px}
  .section-title{font-size:31px}
  .visit h2{font-size:33px}
  .page-hero h1{font-size:34px}
}
