:root{--n:#06393c;--a:#c4ac8c;--bg:#f8f7f3;--d:#002a2c;--t:#1d2430}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}
body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--t);background:var(--bg)}
.wrap{max-width:1080px;margin:auto;padding:56px 20px}.alt{background:#fff}.center{text-align:center}
.nav{position:sticky;top:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--n);color:#fff}
.brand{color:#fff;font-weight:700;text-decoration:none}.menu{background:none;border:0;color:#fff;font-size:26px}
.nav nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--n);flex-direction:column;padding:10px 20px}
.nav nav.open{display:flex}.nav nav a{color:#fff;text-decoration:none;padding:8px 0}
@media(min-width:860px){.menu{display:none}.nav nav{display:flex;position:static;flex-direction:row;gap:20px;padding:0;align-items:center}}
.hero{background:linear-gradient(160deg,#002a2c,#06393c 55%,#0b4b4b);color:#fff}.hero .wrap{padding:90px 20px}
h1{font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.1;margin:.2em 0}h2{font-size:clamp(1.6rem,4vw,2.2rem);color:var(--n)}
.lead{font-size:1.2rem;max-width:640px}.eyebrow{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:700}
.btn{display:inline-block;background:var(--a);color:#fff;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:600;margin:6px 6px 0 0}
.btn.ghost{background:transparent;border:2px solid currentColor;color:inherit}.btn.sm{padding:8px 16px;font-size:.9rem}
.cards{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:#fff;border:1px solid #e8e1d6;border-radius:16px;padding:22px;box-shadow:0 2px 10px #0000000d}.alt .card{background:var(--bg)}
.card h3{margin-top:0;color:var(--n)}.big{font-size:1.4rem;font-weight:700}.list{list-style:none;padding:0}.list li{padding:12px 0;border-bottom:1px solid #e8e1d6}
.list small{display:block;color:#666}.ph{background:#fff3c4;color:#7a5200;border-radius:4px;padding:0 4px;font-size:.92em}.hero .ph{background:#ffffff33;color:#fff}
footer{background:var(--n);color:#dfe6ee;text-align:center;padding:30px 20px;font-size:.9rem}
.brand{display:flex;align-items:center;gap:10px}.brand img{width:40px;height:40px;border-radius:50%;background:#f8f7f3}
.btn{color:#002a2c}.btn.ghost{color:#fff}.alt .btn.ghost,.card .btn.ghost{color:var(--n)}
.hero .wrap{display:grid;gap:28px;align-items:center}.hero-logo{width:min(300px,70vw);border-radius:24px;box-shadow:0 10px 30px #0006;justify-self:center}
@media(min-width:860px){.hero .wrap{grid-template-columns:1.4fr 1fr}}
.hero .eyebrow{color:var(--a)}.nav{border-bottom:2px solid var(--a)}footer{border-top:3px solid var(--a)}
.hero-logo{order:-1;width:min(200px,55vw)}.hero .wrap{padding:48px 20px 64px}
@media(min-width:860px){.hero-logo{order:0;width:320px}.hero .wrap{padding:80px 20px}}
.hero-logo{height:auto}
.hero .wrap{display:block;text-align:center;padding:80px 20px 88px}.hero .lead{margin:0 auto 8px}.hero .ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hero .btn{margin:0}