:root{--blue:#0b8ff0;--navy:#061a2e;--text:#101828;--muted:#667085;--border:#e4eaf0;--soft:#eef7ff;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}
header{position:sticky;top:0;z-index:50;background:#061a2e;border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(12px)}
.nav{max-width:1280px;margin:auto;min-height:82px;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-wrap{display:flex;align-items:center;gap:18px}.brand-wrap>a img{width:230px;max-height:68px;object-fit:contain}.shell-partner{display:flex;align-items:center;gap:8px;padding-left:16px;border-left:1px solid var(--border)}.shell-partner img{width:86px;background:#fff;border-radius:4px;padding:3px}.shell-partner span{font-size:8px;letter-spacing:1px;font-weight:900;white-space:nowrap}.shell-partner span:before{content:"✓ ";color:var(--blue)}
nav{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:700;color:#ffffff}nav a:not(.btn):hover{color:var(--blue)}#menu{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:14px 22px;border-radius:10px;font-weight:800;border:0;cursor:pointer}.btn.outline{background:#fff;color:var(--blue);border:1px solid var(--blue);margin-left:10px}.btn.light{background:#fff;color:var(--navy)}
.hero{min-height:700px;display:flex;align-items:center;background-image:linear-gradient(90deg,rgba(3,19,36,.98) 0%,rgba(3,19,36,.90) 32%,rgba(3,19,36,.48) 58%,rgba(3,19,36,.18) 100%),url("images/hero-vita-services.png");background-size:cover;background-position:center;color:#fff;padding:90px 7%;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-190px;background:rgba(11,143,240,.10)}.hero-content{max-width:720px;position:relative;z-index:1}.hero small,.section small,.cta small{font-weight:900;letter-spacing:3px;color:var(--blue)}.hero small{color:#8ed0ff}.hero h1{font-size:clamp(48px,6.8vw,88px);line-height:.94;letter-spacing:-2px;margin:18px 0;font-weight:900;text-transform:uppercase;max-width:820px}.hero h1 span{color:#0b9ff0}.hero p{font-size:19px;line-height:1.7;color:#e8f3fb;max-width:720px;margin-bottom:30px}
.section{padding:85px 6%;max-width:1440px;margin:auto}.services-section{background:#fff}.head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.head h2,.section h2,.cta h2{font-size:clamp(34px,4vw,52px);line-height:1.05;margin:12px 0;color:var(--text)}.head>p{max-width:500px;color:var(--muted);line-height:1.7}
.grid{display:grid;gap:22px}.service-grid{grid-template-columns:repeat(4,1fr)}.service-grid article{position:relative;border:1px solid var(--border);border-radius:22px;padding:30px;background:#fff;min-height:310px;box-shadow:0 8px 30px rgba(6,26,46,.04);transition:.25s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(6,26,46,.1)}.service-grid article>b{position:absolute;right:22px;top:20px;color:#b7c4d2;font-size:14px}.ico{width:72px;height:72px;border-radius:18px;background:#eef8ff;display:flex;align-items:center;justify-content:center;margin-bottom:25px;overflow:hidden}.ico img{width:58px;height:58px;object-fit:contain}.service-grid h3{font-size:22px;margin:0 0 12px}.service-grid p{color:var(--muted);line-height:1.6;min-height:52px}.service-link{display:inline-block;margin-top:15px;color:var(--blue);font-weight:800}
.dark{max-width:none;background:var(--navy);color:#fff}.dark h2{color:#fff}.dark p{color:#c7d8e8}.two{max-width:1280px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual{min-height:360px;border-radius:28px;background:linear-gradient(145deg,#0b8ff0,#061a2e);display:flex;align-items:center;justify-content:center;font-size:80px;font-weight:900;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.visual span{color:#8ed0ff}.stats{display:flex;gap:45px;margin-top:35px}.stats b{display:block;font-size:36px;color:#48adff}.stats span{color:#a9bfd2}
.photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}.photos img{width:100%;height:310px;min-width:0;object-fit:cover;border-radius:20px;display:block}
.cta{max-width:none;background:var(--blue);color:#fff;padding:65px 7%;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{color:#fff}.cta p{color:#e7f4ff;max-width:650px;line-height:1.6}
.contact{background:#f8fbfe}.contacts{display:grid;gap:14px;margin-top:25px}.contacts a{color:#243b5a}.contacts a:hover{color:var(--blue)}form{display:grid;gap:14px}input,select,textarea{width:100%;padding:15px 16px;border:1px solid var(--border);border-radius:10px;font:inherit;background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(11,143,240,.1)}
footer{background:#031324;color:#fff;padding:55px 6% 20px}.foot{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px}.foot img{width:210px}.foot p{color:#9db1c4;line-height:1.7}.foot h4{margin-top:0}.copy{max-width:1280px;margin:35px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);color:#7f94a8;font-size:13px}
@media(max-width:1050px){nav{gap:14px}.service-grid{grid-template-columns:repeat(3,1fr)}.photos{grid-template-columns:repeat(2,1fr)}.photos img{height:280px}.two{gap:35px}}
@media(max-width:800px){.nav{min-height:70px}.brand-wrap .shell-partner{display:none}nav{display:none;position:absolute;left:0;right:0;top:70px;background:#fff;padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--border)}nav.open{display:flex}#menu{display:block;background:none;border:0;font-size:26px}.brand-wrap>a img{width:185px}.hero{min-height:540px;padding:65px 7%}.hero h1{font-size:52px}.btn.outline{margin-left:0;margin-top:10px}.head,.cta{flex-direction:column;align-items:flex-start}.service-grid{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.visual{min-height:260px}.foot{grid-template-columns:1fr}}
@media(max-width:520px){.service-grid,.photos{grid-template-columns:1fr}.photos img{height:260px}.section{padding:60px 5%}.hero h1{font-size:44px}.stats{gap:22px}.stats b{font-size:28px}}


/* V15 — Header inspired by the supplied reference */
header{background:#061a2e!important;border-bottom:1px solid rgba(255,255,255,.10)!important}
nav{color:#fff!important}
nav a{color:#fff!important;opacity:.96}
nav a:hover{color:#0b8ff0!important}
nav a.active,nav a[aria-current="page"]{color:#0b8ff0!important}
.nav .btn{background:#0b8ff0!important;color:#fff!important;box-shadow:none}
.brand-wrap>a img{filter:none}
.shell-partner{border-left-color:rgba(255,255,255,.18)!important}
.shell-partner span{color:#fff!important}
#menu{color:#fff!important}