:root{--navy:#101f32;--gold:#d7b46d;--ink:#17283a;--cream:#f5f3ee;--muted:#617080}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,sans-serif;background:#fbfaf7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;gap:30px}.brand{display:block;text-align:center;position:relative;min-width:215px;padding-top:17px}.brand svg{position:absolute;top:-8px;left:0;width:100%;height:40px}.brand b{font:29px Georgia;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:5px;margin-top:5px}nav{display:flex;align-items:center;gap:25px;font-size:13px}nav a:hover{color:var(--gold)}.button{display:inline-block;background:var(--gold);color:#101f32;padding:17px 24px;border:1px solid var(--gold);font-size:14px;font-weight:bold;cursor:pointer}.button:hover{background:#e9cc90;color:#101f32}.button.small{padding:13px 16px}.outline{background:transparent;color:inherit;border-color:currentColor}.menu{display:none}.hero{min-height:570px;position:relative;background:var(--navy);color:white;display:flex;align-items:center;overflow:hidden}.hero:before{content:"";position:absolute;inset:0 0 0 40%;background:url(skyline.jpg) center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101f32 12%,#101f32f2 36%,#101f3290 61%,#101f3208)}.hero .inner{position:relative;z-index:1;width:90%;max-width:1260px;margin:auto;padding:70px 0}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:3px;font-weight:bold;color:#94702e;margin:0 0 23px}.hero .eyebrow{color:var(--gold)}h1,h2,h3{font-family:Georgia,serif;font-weight:normal}h1{font-size:clamp(42px,4.7vw,68px);line-height:1.08;margin:0 0 23px;max-width:750px;letter-spacing:-1.4px}h1 em{color:var(--gold);font-style:normal}.hero p{max-width:530px;font-size:17px;line-height:1.7;color:#dae1e7}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.strip{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 5%;background:#eeeae2;gap:30px}.strip div{display:flex;align-items:center;gap:16px;font-size:13px;line-height:1.5}.strip span{font:28px Georgia;color:#9c7738}.section{padding:85px 5%;max-width:1400px;margin:auto}h2{font-size:clamp(32px,3vw,46px);line-height:1.15;margin:0 0 22px}.intro{max-width:670px;color:var(--muted);line-height:1.8}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}.feature{padding:40px;background:var(--navy);color:white;min-height:280px;position:relative;overflow:hidden}.feature:nth-child(2){background:#eae5da;color:var(--ink)}.feature h3{font-size:34px;margin:20px 0 14px}.feature p{line-height:1.7;max-width:450px}.textlink{display:inline-block;border-bottom:1px solid var(--gold);padding-bottom:7px;margin-top:20px;font-size:13px;font-weight:bold}.feature .number{color:#b99250;font:20px Georgia}.band{background:var(--navy);color:white;padding:64px 5%;display:flex;gap:60px;align-items:center;justify-content:space-between}.band h2{max-width:700px}.band p{color:#cad3dd;line-height:1.7;max-width:580px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.step{border-top:1px solid #d6cbb5;padding-top:22px}.step span{font:28px Georgia;color:#a58144}.step h3{font-size:25px;margin:18px 0 12px}p,li{line-height:1.75}.step p,.service p{color:var(--muted);font-size:14px}.pagehead{background:var(--navy);color:white;padding:65px 5%}.pagehead>div{max-width:1260px;margin:auto}.pagehead h1{font-size:55px}.pagehead p{color:#ced6df;max-width:680px}.pagehead .eyebrow{color:var(--gold)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.service{border:1px solid #dedbd2;padding:30px;background:white}.service h3{font-size:25px;line-height:1.2;margin:18px 0}.service .icon{font:26px Georgia;color:#a58144}.detail{display:grid;grid-template-columns:1.5fr 1fr;gap:70px}.aside{background:#eeeae2;padding:35px;align-self:start}.aside h3{font-size:26px}.list{padding-left:20px;color:var(--muted)}details{border-bottom:1px solid #d8d7d1;padding:21px 0}summary{font-size:17px;cursor:pointer}details p{color:var(--muted);max-width:850px}.calc{background:#eeeae2;padding:35px;margin-top:40px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:bold}input,select,textarea{width:100%;padding:14px;background:white;border:1px solid #bec4c8;border-radius:0;color:var(--ink)}textarea{min-height:130px}.full{grid-column:1/-1}.note{font-size:12px;color:var(--muted)}output{display:block;font:36px Georgia;margin:20px 0}.result{background:#eeeae2;padding:25px;margin-top:25px;white-space:pre-wrap}.hidden{display:none}footer{background:#0c1929;color:#d4dbe3;padding:55px 5% 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footbrand{font:27px Georgia;letter-spacing:2px}footer h4{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:2px}footer a{display:block;font-size:13px;margin:14px 0}footer p{font-size:14px}.legal{border-top:1px solid #334051;padding-top:25px;margin-top:35px;max-width:1100px;font-size:11px;color:#a8b4c2}.copyright{display:flex;justify-content:space-between;font-size:11px;color:#a8b4c2;margin-top:25px}@media(max-width:1050px){nav{gap:14px;font-size:11px}header{gap:20px}.brand{min-width:185px}.brand b{font-size:25px}}@media(max-width:800px){header{padding:20px 5%;flex-wrap:wrap}.menu{display:block;background:none;border:1px solid #627080;color:white;font-size:22px;padding:5px 10px}nav{display:none;width:100%;flex-direction:column;align-items:stretch;font-size:15px;padding:20px 0}nav.open{display:flex}.hero{min-height:570px}.hero:before{left:10%}.hero:after{background:linear-gradient(90deg,#101f32f5,#101f3290)}h1{font-size:45px}.strip{grid-template-columns:1fr 1fr}.section{padding:55px 6%}.split,.detail,.fields{grid-template-columns:1fr}.grid,.steps{grid-template-columns:1fr 1fr}.band{display:block;padding:45px 6%}.pagehead h1{font-size:40px}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}}@media(max-width:500px){.grid,.steps{grid-template-columns:1fr}.hero h1{font-size:40px}.strip{gap:20px}.feature{padding:28px}.actions .button{width:100%;text-align:center}.copyright span{display:none}}

/* Brand palette and original supplied logo */
:root{--navy:#091d2c;--gold:#b38a43;--cream:#f4ebdf}body{background:#faf6f0}header{background:#f4ebdf;color:var(--navy);padding:12px 5%;border-bottom:1px solid #d9c9af}.brand{min-width:230px;padding:0}.brand img{display:block;width:250px;height:auto}.menu{color:var(--navy)}nav a:hover{color:#8b611f}.hero em{color:#dfbc77}.hero .button,.band .button{background:#dfbc77;border-color:#dfbc77}.pagehead{border-bottom:4px solid var(--gold)}@media(max-width:1050px){.brand{min-width:180px}.brand img{width:190px}}@media(max-width:800px){.brand img{width:205px}header{gap:12px}.hero .inner{padding:60px 0}}
/* White backgrounds to complement the logo */
:root {
  --cream: #ffffff;
}

body,
header {
  background: #ffffff;
}

header {
  border-bottom: 1px solid #e8e8e8;
}

.strip,
.aside,
.feature:nth-child(2) {
  background: #f7f8fa;
}
