:root{--navy:#071b3b;--navy2:#0b2e61;--blue:#0b5fc7;--steel:#9aa6b4;--ink:#0a1730;--muted:#566276;--line:#dbe2ea;--bg:#fff;--soft:#f5f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:118px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.nav{height:78px;display:flex;align-items:center;padding:0 5%;border-bottom:1px solid #e5eaf0;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:20}.brand img{width:245px;display:block}.nav nav{display:flex;gap:34px;margin:auto;font-size:13px;font-weight:700}.nav nav a{position:relative}.nav nav a:after{content:"";height:2px;width:0;background:var(--navy2);position:absolute;left:0;bottom:-9px;transition:.3s}.nav nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff;padding:16px 24px;border-radius:9px;font-weight:700;font-size:14px;box-shadow:0 8px 22px rgba(7,27,59,.14)}.btn.small{padding:12px 20px}.menu{display:none;background:none;border:0;font-size:25px}.hero{min-height:590px;display:grid;grid-template-columns:48% 52%;overflow:hidden}.hero-copy{padding:72px 3% 55px 8%;align-self:center;z-index:2}.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:800;color:#33465e;margin-bottom:14px}.hero h1{font-size:58px;line-height:.98;margin:0 0 22px;letter-spacing:-.055em}.hero h1 em,h2 em,h3 em{font-style:normal;color:var(--blue)}.hero-copy p{font-size:18px;max-width:560px;color:#35445a}.actions{display:flex;align-items:center;gap:28px;margin-top:28px}.text-btn{font-weight:700;font-size:14px}.play{border:1px solid var(--navy2);border-radius:50%;width:42px;height:42px;display:inline-grid;place-items:center;margin-right:10px;color:var(--navy2)}.hero-image{position:relative;background:linear-gradient(90deg,#fff0 75%,rgba(7,27,59,.08)),url('assets/hero-infrastructure.png') center/cover}.hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.35) 18%,transparent 45%)}.hero-mark{position:absolute;width:280px;height:280px;border:22px solid rgba(255,255,255,.22);transform:rotate(45deg);left:34%;top:14%}.hero-tag{position:absolute;right:6%;top:12%;font-weight:700;font-size:20px;color:white;line-height:1.1;text-shadow:0 2px 12px #071b3b}.trust{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 6%;gap:20px}.trust div{padding:0 22px;border-right:1px solid var(--line)}.trust div:last-child{border:0}.trust b,.trust span{display:block}.trust b{font-size:14px}.trust span{font-size:11px;color:#68758a;margin-top:4px}.section{padding:70px 5%}.businesses{display:grid;grid-template-columns:24% 76%;gap:30px}.section-intro h2,.approach h2,.presence h2{font-size:40px;line-height:1.05;margin:0 0 16px;letter-spacing:-.04em}.section-intro p,.approach p,.presence p{color:var(--muted);line-height:1.7;font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{height:390px;border-radius:12px;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:0 10px 35px rgba(7,27,59,.10)}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 32%,rgba(4,17,39,.12) 50%,rgba(255,255,255,.98) 68%)}.tmt{background-image:url('https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1000&q=85')}.source{background-image:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1000&q=85')}.ev{background-image:url('assets/savikon-ev-new.png');background-position:center center;background-size:cover;background-repeat:no-repeat;background-color:#fff}.num{position:absolute;top:16px;left:18px;color:white;font-size:22px;font-weight:800}.card-body{position:absolute;bottom:0;padding:22px;width:100%;z-index:2}.card-body h3{font-size:23px;margin:0 0 5px}.card-body b{font-size:13px}.card-body p{font-size:12px;line-height:1.5;color:#435065;margin:6px 0 12px}.card-body a{font-size:12px;font-weight:800;color:var(--navy2)}.approach{display:grid;grid-template-columns:52% 48%;min-height:520px;background:var(--soft)}.approach-img{background:url('https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=1400&q=85') center/cover}.approach-copy{padding:75px 12% 60px 10%}.values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}.values span{font-size:11px;color:#677387}.values b{display:block;font-size:14px;color:var(--ink);margin-bottom:3px}.projects{display:grid;grid-template-columns:24% 76%;gap:32px}.outline{display:inline-block;border:1px solid var(--navy2);padding:11px 17px;border-radius:8px;font-size:12px;font-weight:800;margin-top:12px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project{min-height:250px;border-radius:10px;padding:170px 15px 15px;background-size:cover;background-position:center;position:relative;overflow:hidden;color:white}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(4,17,39,.9))}.project b,.project span{position:relative;display:block}.project b{font-size:13px}.project span{font-size:10px;margin-top:5px;color:#dfe7f0}.highway{background-image:url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=700&q=80')}.industry{background-image:url('https://images.unsplash.com/photo-1504917595217-d4dc5ebe6122?auto=format&fit=crop&w=700&q=80')}.public{background-image:url('https://images.unsplash.com/photo-1581094794329-c8112a89af12?auto=format&fit=crop&w=700&q=80')}.renewable{background-image:url('https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=700&q=80')}.presence{display:grid;grid-template-columns:44% 56%;background:#f4f8fc;min-height:350px}.map{position:relative;display:grid;place-items:center;background:radial-gradient(circle,#dceafb 0 2px,transparent 3px) 0 0/24px 24px;overflow:hidden}.map-title{font-size:130px;font-weight:800;color:#e1eaf4;letter-spacing:-.08em}.dot{width:12px;height:12px;background:var(--blue);border:4px solid white;box-shadow:0 0 0 1px var(--blue);border-radius:50%;position:absolute}.d1{left:40%;top:32%}.d2{left:32%;top:52%}.d3{left:55%;top:48%}.d4{left:44%;top:72%}.presence-copy{padding:65px 10%}.regions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:30px;font-size:11px;font-weight:700}.cta{background:linear-gradient(110deg,#071b3b,#0c376e 60%,#06152e);color:white;padding:60px 7%;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgba(255,255,255,.12);transform:rotate(45deg);right:12%;top:-250px}.cta h2{font-size:38px;margin:0 0 12px;line-height:1.08}.cta p{color:#cbd6e5;font-size:13px}.eyebrow.light{color:#aebdd0}.btn.white{background:white;color:var(--navy);box-shadow:none;z-index:2}footer{display:flex;align-items:center;gap:40px;padding:25px 5%;font-size:10px;color:#69778a}footer img{width:200px}footer p{margin-right:auto}footer div{display:flex;gap:20px}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.show{opacity:1;transform:none}@media(max-width:900px){.nav nav,.nav>.btn{display:none}.menu{display:block;margin-left:auto}.brand img{width:190px}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 7%}.hero h1{font-size:45px}.hero-image{min-height:330px}.trust{grid-template-columns:1fr 1fr}.businesses,.projects{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.card{height:420px}.approach,.presence{grid-template-columns:1fr}.approach-img{min-height:340px}.project-grid{grid-template-columns:1fr 1fr}.cta{align-items:flex-start;gap:30px;flex-direction:column}}@media(max-width:560px){.hero h1{font-size:38px}.actions{align-items:flex-start;flex-direction:column}.trust{grid-template-columns:1fr}.trust div{border-right:0;border-bottom:1px solid var(--line);padding:12px}.section{padding:55px 6%}.project-grid{grid-template-columns:1fr}.values{grid-template-columns:1fr}.regions{grid-template-columns:1fr 1fr}footer{align-items:flex-start;flex-direction:column}.hero-image{min-height:260px}}
.about{display:grid;grid-template-columns:52% 48%;gap:55px;align-items:center;background:#fff}.about-copy{padding-left:3%}.about-copy h2{font-size:44px;line-height:1.06;margin:0 0 20px;letter-spacing:-.045em}.about-copy p{color:var(--muted);line-height:1.8;font-size:14px;max-width:720px}.about-visual{min-height:390px;border-radius:16px;background:linear-gradient(135deg,rgba(7,27,59,.88),rgba(11,46,97,.72)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=85') center/cover;display:flex;align-items:flex-end;padding:36px;box-shadow:0 18px 50px rgba(7,27,59,.14)}.about-panel{color:#fff;border-left:3px solid #aeb9c7;padding:4px 0 4px 22px}.about-panel span{display:block;font-size:42px;font-weight:800;letter-spacing:.04em}.about-panel strong{font-size:12px;letter-spacing:.28em}.about-panel p{color:#d9e2ee;margin:12px 0 0;font-size:12px}.office-visual{position:relative;display:grid;place-items:center;overflow:hidden;background:url('assets/magneto-mall.jpg') center/cover no-repeat}.office-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,27,59,.72))}.office-visual:after{display:none}.office-mark{display:none}.office-label{position:absolute;bottom:28px;left:8%;color:#fff;font-size:12px;letter-spacing:.28em;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.45)}.address-card{display:flex;gap:18px;margin:28px 0 20px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 10px 28px rgba(7,27,59,.06)}.address-card .pin{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:20px;flex:0 0 auto}.address-card b{display:block;margin-bottom:6px}.address-card address{font-style:normal;color:var(--muted);font-size:14px;line-height:1.7}@media(max-width:900px){.about{grid-template-columns:1fr}.about-copy{padding-left:0}.about-visual{min-height:330px}}@media(max-width:560px){.about-copy h2{font-size:36px}.about-panel span{font-size:32px}}

.about{display:grid;grid-template-columns:40% 60%;gap:70px;align-items:start;border-bottom:1px solid var(--line);background:#fff}.about-kicker h2{font-size:46px;line-height:1.05;margin:0;letter-spacing:-.045em}.about-copy{max-width:720px}.about-copy .lead{font-size:20px;line-height:1.55;color:var(--ink);font-weight:600;margin:0 0 18px}.about-copy p:not(.lead){font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 22px}.address-section{background:linear-gradient(135deg,#f7f9fc,#edf3f8)}.address-visual{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;border-right:1px solid var(--line);min-height:360px}.address-mark{font-size:220px;line-height:.8;font-weight:800;color:#e1e8f0;letter-spacing:-.12em}.address-visual span{font-size:11px;font-weight:800;letter-spacing:.24em;color:var(--navy2);margin-top:18px}.address-line{font-size:18px!important;line-height:1.7!important;color:var(--ink)!important;font-weight:600;margin-bottom:24px!important}@media(max-width:900px){.about{grid-template-columns:1fr;gap:28px}.about-kicker h2{font-size:38px}.address-visual{min-height:260px;border-right:0;border-bottom:1px solid var(--line)}}

/* Anchor offset: sticky header + approximately two lines of breathing room */
section[id]{scroll-margin-top:118px}

/* FINAL SAVIKON BRAND SYSTEM — matched to official navy / chrome logo */
:root{
  --navy:#07172f;
  --navy2:#0b2a55;
  --blue:#174f91;
  --steel:#a9b0b9;
  --silver:#d9dde2;
  --ink:#07172f;
  --muted:#566273;
  --line:#dfe4ea;
  --soft:#f6f8fa;
}
.nav{border-bottom-color:#dfe4ea;box-shadow:0 5px 22px rgba(7,23,47,.045)}
.btn{background:linear-gradient(135deg,#174f91 0%,#0b2a55 48%,#07172f 100%)}
.hero h1 em,h2 em,h3 em{color:#174f91}
.eyebrow{color:#536171}
.outline{border-color:#174f91;color:#0b2a55}
.card-body a{color:#0b2a55}
.about-visual{background:linear-gradient(135deg,rgba(7,23,47,.92),rgba(23,79,145,.68)),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=85') center/cover}
.office-visual{background:url('assets/magneto-mall.jpg') center/cover no-repeat}
.cta{background:linear-gradient(110deg,#07172f,#0b2a55 62%,#07172f)}
footer{border-top:1px solid #dfe4ea;background:#fff}

/* Final image-fit refinements */
.card{background-repeat:no-repeat;background-color:#fff}
.tmt,.source{background-size:cover;background-position:center center}
.ev{background-size:100% auto;background-position:center top}
@media(max-width:900px){.ev{background-size:cover;background-position:center 20%}}