:root{
  --navy:#061a38;
  --navy2:#0b2d55;
  --red:#d61d28;
  --red2:#a80f18;
  --blue:#2474b8;
  --ink:#101a28;
  --muted:#5f6b79;
  --light:#f4f6f9;
  --white:#ffffff;
  --panel:#ffffff;
  --line:rgba(6,26,56,.14);
  --max:1260px;
  --shadow:0 24px 60px rgba(17,30,48,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--light);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 36px));margin:auto}

.header{position:sticky;top:0;z-index:70;background:rgba(247,249,252,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{min-height:160px;display:grid;grid-template-columns:430px 1fr auto;gap:28px;align-items:center}
.brand img{width:415px;max-height:138px;object-fit:contain}
.links{display:flex;justify-content:flex-end;gap:24px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.13em}
.links a{color:var(--navy);position:relative;padding:10px 0}
.links a:hover,.links a.active{color:var(--red)}
.links a:hover:after,.links a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--red),var(--navy))}
.menu{display:none;background:none;border:0;color:var(--navy);font-size:30px}

.hero{position:relative;min-height:760px;display:flex;align-items:flex-end;overflow:hidden}
.hero .bg,.pagehero .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(96deg,rgba(4,16,35,.94) 0,rgba(4,16,35,.80) 40%,rgba(4,16,35,.18) 72%,rgba(4,16,35,.56) 100%)}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:42px;align-items:end;padding:96px 0 58px}
.kicker{display:flex;align-items:center;gap:12px;color:#ffb0b4;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.22em}
.kicker:before{content:"";width:56px;height:2px;background:linear-gradient(90deg,var(--red),#fff)}
h1,h2,h3{margin:0 0 16px;line-height:1.04}
h1{font-size:clamp(48px,6.5vw,94px);text-transform:uppercase;color:#fff}
h2{font-size:clamp(32px,4vw,58px);text-transform:uppercase;color:var(--navy)}
h3{font-size:22px;text-transform:uppercase;color:var(--navy)}
.lead{font-size:20px;max-width:740px;color:#edf2f7}
.muted{color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 24px;background:linear-gradient(90deg,var(--red2),var(--red));border:1px solid var(--red);color:#fff;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.11em;clip-path:polygon(0 0,93% 0,100% 50%,93% 100%,0 100%)}
.btn.alt{background:transparent;border-color:#ffffff66;color:#fff}
.btn.light{background:#fff;color:var(--navy);border-color:#fff}

.angle-card{background:rgba(250,252,255,.95);border:1px solid rgba(255,255,255,.55);padding:26px;box-shadow:0 28px 70px rgba(0,0,0,.30)}
.angle-title{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--red);margin-bottom:18px;font-weight:900}
.angle-gauge{position:relative;height:112px;margin:8px 0 18px}
.angle-gauge:before{content:"";position:absolute;left:50%;bottom:0;width:190px;height:95px;transform:translateX(-50%);border:10px solid #d9dee5;border-bottom:0;border-radius:190px 190px 0 0}
.angle-gauge:after{content:"";position:absolute;left:50%;bottom:4px;width:5px;height:78px;transform-origin:50% 100%;transform:translateX(-50%) rotate(34deg);background:linear-gradient(180deg,var(--red),var(--navy))}
.angle-mark{position:absolute;left:50%;bottom:4px;width:14px;height:14px;border-radius:50%;background:var(--navy);transform:translateX(-50%)}
.angle-row{display:grid;grid-template-columns:105px minmax(0,1fr) 96px;gap:14px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.angle-row strong{font-size:28px;text-align:center;color:var(--navy);white-space:nowrap}
.angle-row span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.angle-row span:last-child{text-align:right}

.section{padding:86px 0}
.section.white{background:#fff}
.section.navy{background:linear-gradient(145deg,var(--navy),var(--navy2));color:#fff}
.section.navy h2,.section.navy h3{color:#fff}
.section.navy .muted{color:#c6d1df}
.grid2{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:center}
.imagebox{overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}
.imagebox img{width:100%;height:100%;object-fit:cover}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dbe1e8;border:1px solid #dbe1e8}
.metric{background:#fff;padding:24px}.metric strong{display:block;font-size:31px;color:var(--navy)}.metric span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{padding:28px;background:#fff;border:1px solid var(--line);position:relative;box-shadow:0 14px 35px rgba(21,37,57,.07)}.card:before{content:"";position:absolute;top:0;left:0;width:84px;height:4px;background:linear-gradient(90deg,var(--red),var(--navy))}.card b{font-size:36px;color:var(--red)}

.pagehero{position:relative;min-height:500px;display:flex;align-items:flex-end;overflow:hidden}
.pagehero:after{content:"";position:absolute;inset:0;background:linear-gradient(96deg,rgba(4,16,35,.92) 0,rgba(4,16,35,.77) 40%,rgba(4,16,35,.15) 73%,rgba(4,16,35,.52) 100%)}
.pagehero .container{position:relative;z-index:2;padding:72px 0 46px}
.rows{display:grid}.row{display:grid;grid-template-columns:210px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}
.quote{padding:26px;border-left:4px solid var(--red);background:#fff;font-size:19px;box-shadow:var(--shadow)}

.jwc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:34px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08)}
.jwc h3{color:#fff;margin-bottom:8px}.jwc p{margin:0;color:#d7e1ed}.jwc .tag{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#ffb0b4;font-weight:900;margin-bottom:10px}

.formwrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}
.formcard{background:#fff;border:1px solid var(--line);padding:28px;box-shadow:var(--shadow)}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.full{grid-column:1/-1}
label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--navy)}
input,select,textarea{width:100%;padding:14px;border:1px solid #cfd6df;background:#fbfcfe;color:var(--ink);font:inherit}
textarea{min-height:155px;resize:vertical}
.phone{display:grid;grid-template-columns:1.25fr 80px 1.3fr;gap:10px;align-items:end}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}.consent input{width:auto;margin-top:3px}
.message{display:none;padding:13px 15px;border:1px solid #d4dce6;background:#f8fafc}
.message.error{display:block;background:#fff0f1;color:#8f1821;border-color:#e7afb3}.message.ok{display:block;background:#eef9f1;color:#25643a;border-color:#aad3b6}

.legal{display:grid;gap:18px}.legal section{padding:24px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(21,37,57,.05)}

.footer{padding:48px 0 24px;background:#eef2f6;border-top:1px solid var(--line)}
.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:34px}.foot img{width:340px;max-height:118px;object-fit:contain}.foot h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--red);margin:0 0 13px}.foot a{display:block;color:var(--navy);margin:8px 0}.copyright{margin-top:28px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px}

@media(max-width:980px){
  .nav{grid-template-columns:1fr auto;min-height:118px}.brand img{width:310px;max-height:100px}.menu{display:block}
  .links{display:none;position:absolute;top:118px;left:0;right:0;flex-direction:column;background:#f7f9fc;padding:22px}.links.open{display:flex}
  .hero-inner,.grid2,.formwrap,.foot,.jwc{grid-template-columns:1fr}.cards,.metrics{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .brand img{width:255px}.hero{min-height:690px}.pagehero{min-height:410px}.cards,.metrics,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}
  .phone{grid-template-columns:1fr 76px 1.2fr}.row{grid-template-columns:1fr}.angle-row{grid-template-columns:1fr}.angle-row strong{text-align:left}.angle-row span:last-child{text-align:left}.copyright{flex-direction:column}
}