:root{--navy:#071b33;--navy2:#0c2949;--blue:#1aa5d2;--gold:#d9b66c;--white:#fff;--muted:#b6c7d9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--navy);color:#fff;line-height:1.65}a{color:inherit}.top{height:82px;padding:0 max(5vw,20px);display:flex;align-items:center;gap:30px;justify-content:space-between;background:rgba(5,21,40,.97);position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff19}.logo{text-decoration:none;font-size:20px;font-weight:650;letter-spacing:2px;white-space:nowrap}.logo span{color:#36b3dd;font-weight:900}.top nav{display:flex;gap:27px}.top nav a{text-decoration:none;font-size:14px;color:#d5e4f1}.top nav a:hover{color:var(--gold)}select{background:#112c4a;color:white;border:1px solid #42607c;border-radius:5px;padding:8px}.hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;background-image:url('assets/hjo-network.jpg');background-position:62% 41%;background-size:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,16,32,.97) 0%,rgba(4,21,41,.87) 39%,rgba(5,21,40,.25) 77%),linear-gradient(0deg,#071b33 0%,transparent 30%)}.hero-content{position:relative;width:min(1180px,90%);margin:auto;padding:100px 0}.eyebrow{font-size:12px;letter-spacing:2.5px;color:var(--gold);font-weight:750;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5vw,69px);line-height:1.13;letter-spacing:-1.8px;max-width:820px;margin:24px 0}h1 em{font-style:normal;color:#70d2f1}.intro{max-width:610px;color:#e4edf6;font-size:19px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-block;text-decoration:none;padding:13px 23px;border-radius:5px;font-weight:700;font-size:14px}.primary{background:#1da8d4;color:#062039}.secondary{border:1px solid #9ab3c8;color:#fff}.btn:hover{transform:translateY(-2px)}.section{padding:100px 0}.wrap{width:min(1180px,90%);margin:auto}.narrow{max-width:850px;text-align:center}h2{font-size:clamp(29px,3.3vw,44px);line-height:1.2;letter-spacing:-.7px;margin:15px 0 27px}.section p{color:#d4e1ed;font-size:17px}.vision{background:#0c2745}.quote{font-size:clamp(23px,3vw,34px)!important;font-weight:750;color:#e6c277!important;margin:45px 0 0}.benefits{background:#071b33}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px}.benefit{padding:35px 30px;background:#102d4d;border:1px solid #2a4966;border-radius:10px;display:flex;flex-direction:column}.benefit h3{font-size:24px;margin:16px 0}.benefit p{font-size:15px;flex:1}.benefit a{color:#7bd5f1;font-weight:700;text-decoration:none}.symbol{font-size:32px;color:var(--gold)}.about{background:#0d2b4a}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:90px;align-items:center}.role{font-weight:700;color:#7dd8f4!important}.about-panel{background:#071e36;border-left:3px solid var(--gold);padding:35px}.large{display:block;font-size:75px;line-height:1;font-weight:800;color:#7dd8f4}.about-panel span:not(.large){display:block;margin:15px 0;color:#dce7f0}.about-panel hr{border:0;border-top:1px solid #36526c;margin:30px 0}.about-panel p{font-size:14px}.contact{background:linear-gradient(120deg,#102f50,#071b33)}.centered{justify-content:center}footer{background:#041425;padding:40px 0}.footer{display:grid;grid-template-columns:1fr 1fr;gap:35px}.footer p{color:#9db1c5;font-size:12px}.footer strong{letter-spacing:2px}@media(max-width:800px){.top{height:auto;min-height:70px;flex-wrap:wrap;padding:15px 5%;gap:8px}.top nav{order:3;width:100%;justify-content:space-between;gap:9px}.top nav a{font-size:12px}.logo{font-size:17px}.hero{min-height:700px;align-items:end}.hero-image{background-position:57% top}.hero-shade{background:linear-gradient(0deg,#071b33 2%,rgba(5,21,40,.97) 23%,rgba(5,21,40,.58) 65%,rgba(5,21,40,.1) 100%)}.hero-content{padding:270px 0 55px}h1{font-size:clamp(35px,8vw,52px)}.intro{font-size:16px}.section{padding:70px 0}.cards,.about-grid,.footer{grid-template-columns:1fr}.about-grid{gap:25px}.benefit{padding:25px}}