*{box-sizing:border-box}
:root{--ink:#122029;--teal:#1a6b64;--deep:#0f4a48;--brass:#c98a3f;--sand:#f0dcb4;--cream:#f7f3ea;--muted:#5f6f72;--line:#e6e1d4}
@import url('https://fonts.googleapis.com/css2?family=Spectral:wght@500;600;700&display=swap');
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit}
h1,h2,h3{font-family:'Spectral',Georgia,serif;font-weight:600;text-wrap:balance}
.hero,.sub{color:#fff;background:radial-gradient(circle at 82% 12%,rgba(240,220,180,.22),transparent 30%),radial-gradient(circle at 6% 90%,rgba(26,107,100,.5),transparent 34%),linear-gradient(135deg,#122029,#12403c)}
nav{max-width:1160px;margin:auto;padding:26px 25px;display:flex;justify-content:space-between;align-items:center}
nav b{font-family:'Spectral',Georgia,serif;font-size:20px;letter-spacing:3px;font-weight:600}
nav span a{margin-left:26px;text-decoration:none;font-weight:700;font-size:14px;letter-spacing:.5px;opacity:.85;transition:opacity .2s}
nav span a:hover{opacity:1;color:var(--sand)}
.hero-content{max-width:1160px;margin:auto;padding:120px 25px 150px}
.hero-content small,.page-title small,main small{font-size:12px;letter-spacing:3.5px;font-weight:800;color:var(--sand)}
.hero h1{font-size:74px;line-height:1;max-width:800px;margin:24px 0;font-weight:600}
.hero p{max-width:700px;font-size:19px;line-height:1.85;color:#dfe9e6}
.button{display:inline-block;margin-top:26px;background:var(--brass);color:#1a120a;padding:16px 30px;border-radius:2px;text-decoration:none;font-weight:800;letter-spacing:.5px;transition:transform .2s,background .2s}
.button:hover{background:#d99a4d;transform:translateY(-2px)}
main{max-width:1160px;margin:auto;padding:95px 25px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.about h2,.statement h2,.contact h2{font-size:44px;line-height:1.12;margin:15px 0}
.about p,.statement p,.contact p,.policy p{color:var(--muted);line-height:1.9}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px}
.pillars article{background:#fff;padding:36px;border:1px solid var(--line);border-top:3px solid var(--teal);min-height:250px;transition:transform .25s,box-shadow .25s}
.pillars article:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(18,32,41,.1)}
.pillars i{font-family:'Spectral',Georgia,serif;font-style:normal;color:var(--brass);font-weight:700;font-size:18px;letter-spacing:2px}
.pillars h3{font-size:23px;margin:36px 0 14px}
.pillars p{color:var(--muted);line-height:1.75}
.statement{margin-top:70px;padding:60px;display:grid;grid-template-columns:130px 1fr;gap:46px;align-items:center;background:#e6f1ee;border-radius:3px}
.orb{width:110px;height:110px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:var(--sand);font-family:'Spectral',Georgia,serif;font-size:48px;font-weight:600;box-shadow:0 14px 30px rgba(26,107,100,.3)}
.contact{margin-top:65px;padding:52px;background:var(--ink);color:#fff;border-radius:3px}
.contact p{color:#c4d2ce;max-width:760px}
.page-title{max-width:950px;margin:auto;padding:75px 25px 105px}
.page-title h1{font-size:60px;margin:20px 0 12px;font-weight:600}
.page-title p{color:#d0ddd8}
.policy{max-width:950px;padding-top:60px}
.policy article{background:#fff;padding:52px;border-top:6px solid var(--brass);box-shadow:0 18px 50px rgba(18,32,41,.08);border-radius:2px}
.policy h2{font-size:26px;margin-top:36px;color:var(--teal)}
footer{padding:30px;text-align:center;background:#0d1a1e;color:#fff;font-size:14px}
footer a{color:var(--sand);text-decoration:none;margin-left:12px}
footer a:hover{color:var(--brass)}
@media(max-width:780px){nav{flex-direction:column;gap:15px}nav span a{margin:0 10px}.hero h1{font-size:46px}.about,.pillars,.statement{grid-template-columns:1fr}.statement{padding:38px}.page-title h1{font-size:42px}.policy article{padding:30px}}