
:root{--navy:#0b1b3b;--gold:#c9a646;--teal:#1c8c8c;--light:#f4f4f7;--white:#fff;--dark:#222;--softgold:#f8efd3;--softteal:#e7f5f5;--line:#d8dce5}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Century Gothic",Arial,sans-serif;background:var(--light);color:var(--dark);line-height:1.65}img{max-width:100%;height:auto}a{color:inherit}
header{background:var(--navy);color:#fff;padding:.9rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;position:sticky;top:0;z-index:50;box-shadow:0 3px 14px rgba(0,0,0,.2)}
.logo a{display:flex;align-items:center;text-decoration:none}.wordmark{font-size:1.55rem;font-weight:800;letter-spacing:.05em;color:#fff}.wordmark span{color:var(--gold)}.wordmark-small{font-size:.72rem;color:#dfe6f2;letter-spacing:.08em;text-transform:uppercase;margin-top:-.2rem}
nav ul{list-style:none;display:flex;align-items:center;justify-content:flex-end;gap:.9rem;flex-wrap:wrap}nav a{color:#fff;text-decoration:none;font-size:.94rem}nav a:hover,nav a.active{color:var(--gold)}nav a.active{border-bottom:2px solid var(--gold);padding-bottom:3px}
main{max-width:1120px;margin:0 auto;padding:2rem}.hero,.page-header{background:linear-gradient(135deg,#fff,var(--softteal));border-radius:18px;padding:2rem;box-shadow:0 5px 18px rgba(0,0,0,.07);margin-bottom:2rem}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}.hero-img{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(0,0,0,.12)}.hero-img img{display:block;width:100%;height:100%;object-fit:cover}
h1,.hero-title{font-size:2.25rem;line-height:1.18;color:var(--navy);margin-bottom:.6rem}.subtitle,.hero-subtitle{font-weight:bold;color:var(--teal);font-size:1.08rem;margin-bottom:.85rem}.tagline{font-weight:bold;color:var(--gold);font-size:1.1rem;margin-bottom:1rem}.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1rem}
.section{margin-bottom:2rem}.section h2{color:var(--navy);font-size:1.55rem;margin-bottom:.8rem}.section h3{color:var(--navy);margin-bottom:.4rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.card,.contact-box,.blog-card{background:#fff;border-radius:14px;padding:1.5rem;box-shadow:0 4px 14px rgba(0,0,0,.06);border:1px solid rgba(11,27,59,.06)}.highlight{background:var(--softgold);border-left:5px solid var(--gold)}.feature-card{display:grid;grid-template-columns:.95fr 1.05fr;gap:1.25rem;align-items:center}.feature-visual{background:linear-gradient(135deg,var(--softgold),#fff);border-radius:14px;padding:1.5rem;text-align:center;border:1px solid rgba(201,166,70,.24)}.feature-visual .large-icon{font-size:4rem;color:var(--gold);line-height:1}.stack{display:grid;gap:1rem}.mini-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.1rem}
.btn,.btn-outline{display:inline-block;text-decoration:none;border-radius:999px;padding:.65rem 1.15rem;font-weight:bold;font-size:.95rem}.btn{background:var(--gold);color:var(--navy);border:2px solid var(--gold)}.btn-outline{border:2px solid var(--teal);color:var(--teal);background:transparent}.btn:hover,.btn-outline:hover{box-shadow:0 4px 10px rgba(0,0,0,.14);transform:translateY(-1px)}
.cta{background:var(--navy);color:#fff;text-align:center;border-radius:18px;padding:2rem;margin:2.5rem 0}.cta h2{color:#fff}.cta p{max-width:760px;margin:.25rem auto 1rem}.bullet{margin-left:1.25rem}.bullet li{margin-bottom:.35rem}.note{font-size:.86rem;color:#555;background:#fafafa;border-left:4px solid var(--teal);padding:1rem;border-radius:8px}.sms{font-size:.88rem;color:#555;font-style:italic;margin-top:.7rem}
footer{background:var(--navy);color:#fff;text-align:center;margin-top:3rem;padding:1.75rem 2rem}.divider{height:2px;background:var(--gold);width:80%;margin:0 auto .85rem}.footer-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.65rem}footer a{color:var(--gold);text-decoration:none}
@media(max-width:900px){header{position:relative;flex-direction:column;align-items:flex-start}nav ul{justify-content:flex-start}.hero-grid,.grid,.grid.two,.grid.four,.feature-card{grid-template-columns:1fr}main{padding:1.25rem}h1,.hero-title{font-size:1.85rem}.wordmark{font-size:1.35rem}}
