:root { --navy:#092c3c; --teal:#0d6671; --gold:#d7ad5a; --ink:#16333c; }
* { box-sizing:border-box; }
html, body { min-height:100%; }
body { margin:0; color:var(--ink); background:#fbfcfb; font-family:Georgia, "Times New Roman", serif; }
main { min-height:100vh; display:grid; place-items:center; overflow:hidden; padding:42px 24px; position:relative; }
main::before, main::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }
main::before { width:720px; height:720px; right:-310px; top:-360px; background:radial-gradient(circle, #cce5dd 0, rgba(204,229,221,0) 70%); }
main::after { width:600px; height:600px; left:-310px; bottom:-360px; background:radial-gradient(circle, #f5e7cb 0, rgba(245,231,203,0) 70%); }
section { width:min(960px,100%); padding:72px 64px; position:relative; z-index:1; background:rgba(255,255,255,.88); border:1px solid #dce8e4; border-radius:30px; box-shadow:0 28px 70px rgba(9,44,60,.12); text-align:center; }
.logo { display:block; width:min(300px, 74vw); height:auto; margin:0 auto 32px; }
.eyebrow { color:#a77c2c; font:600 12px/1.4 Arial,sans-serif; letter-spacing:.2em; text-transform:uppercase; margin:0 0 20px; }
h1 { margin:0; color:var(--navy); font-size:clamp(38px,6vw,70px); font-weight:400; letter-spacing:.015em; line-height:1.05; }
h1 span { color:var(--teal); font-style:italic; letter-spacing:0; }
.rule { width:72px; height:2px; margin:34px auto; background:var(--gold); }
p { max-width:660px; margin:0 auto; color:#49616a; font:400 clamp(17px,2.2vw,22px)/1.75 Arial,sans-serif; }
footer { margin-top:40px; color:#84979c; font:12px Arial,sans-serif; letter-spacing:.08em; }
@media (max-width:640px) { section { padding:56px 26px; border-radius:22px; } .values { display:grid; gap:14px; } }