:root{--navy:#081827;--navy2:#10283e;--gold:#cda85e;--ink:#17202a;--muted:#66717d;--soft:#f4f6f8;--line:#dde3e8}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.65}a{color:inherit}.container{width:min(1120px,92%);margin:auto}
.site-header{position:sticky;top:0;z-index:10;background:rgba(8,24,39,.96);color:#fff}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;color:var(--gold)}
.nav{display:flex;gap:24px}.nav a{text-decoration:none;color:#e8edf2}.nav a:hover{color:var(--gold)}.nav-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:92px 0}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}
.eyebrow{font-size:.78rem;letter-spacing:.16em;font-weight:800;color:var(--gold)}h1{font-size:clamp(2.4rem,6vw,4.7rem);line-height:1.05;margin:.4rem 0 1rem}.lead{font-size:1.18rem;color:#d6dfe7}
.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-block;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700}.primary{background:var(--gold);color:var(--navy)}.secondary{border:1px solid #587087;color:#fff}
.hero-card,.card,.app-card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,.1)}.hero-card{padding:36px;color:var(--ink)}.compass{font-size:2.6rem;color:var(--gold)}.pill{display:inline-block;background:#f4ead1;color:#755a23;padding:6px 10px;border-radius:999px;font-size:.82rem;font-weight:700}
.section{padding:72px 0}.muted{background:var(--soft)}.app-card{display:grid;grid-template-columns:88px 1fr;gap:24px;padding:30px}.app-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:20px;background:var(--navy);color:var(--gold);font-weight:800}
.feature-list{display:flex;flex-wrap:wrap;gap:8px}.feature-list span{background:var(--soft);border-radius:999px;padding:6px 10px;font-size:.88rem}.three-col,.support-grid,.contact-list,.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.three-col{grid-template-columns:repeat(3,1fr)}
.page-hero{background:var(--navy);color:#fff;padding:64px 0}.page-hero h1{font-size:clamp(2.2rem,5vw,4rem)}.prose{max-width:860px}.prose h1,.prose h2,.prose h3{margin-top:2rem}.prose p,.prose li{color:#34404c}.prose a{color:#725a24}
.card{padding:28px}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:700}.contact-card{padding:24px;border:1px solid var(--line);border-radius:14px;text-decoration:none;display:flex;flex-direction:column}
.site-footer{background:var(--navy);color:#cbd5df;padding:48px 0 20px}.footer-grid div:last-child{display:grid;gap:8px}.footer-grid a{text-decoration:none}.copyright{border-top:1px solid #294056;margin-top:30px;padding-top:18px;font-size:.88rem}
@media(max-width:760px){.hero-grid,.three-col,.support-grid,.contact-list,.footer-grid{grid-template-columns:1fr}.nav-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--navy);padding:20px;flex-direction:column}.nav-open .nav{display:flex}.app-card{grid-template-columns:1fr}}