header nav{align-items:center;gap:clamp(18px,2.5vw,36px)}
header nav .header-cta,.hero .hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 22px;border:1px solid #b9d2c25c;border-radius:6px;font-size:14px;font-weight:500;line-height:1.4;letter-spacing:0;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}
header nav .header-cta{color:#e9eeeb;background:#b9d2c20a}
header nav .header-cta:hover{background:#b9d2c21c;border-color:#b9d2c299;color:#fff}
.hero .hero-cta{min-height:48px;padding:13px 28px;background:#d6e4db;border-color:#d6e4db;color:#101813;text-shadow:none}
.hero .hero-cta:hover{background:#eaf2ed;border-color:#eaf2ed}
html[data-intro] .hero .hero-cta{opacity:0;visibility:hidden;pointer-events:none}
html[data-intro=reveal] .hero .hero-cta{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .65s ease,background .2s ease,border-color .2s ease}
@media(max-width:760px){header nav{align-items:stretch}header nav .header-cta{align-self:flex-start;margin-top:6px}.hero .hero-cta{min-width:150px}}
@media(min-width:761px) and (max-width:1000px) and (max-height:500px){header nav{align-items:stretch}header nav .header-cta{align-self:flex-start;margin-top:6px}}
@media(prefers-reduced-motion:reduce){header nav .header-cta,.hero .hero-cta,html[data-intro=reveal] .hero .hero-cta{transition:none}}

.hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.hero .hero-cta-secondary{background:#10181380;border-color:#b9d2c25c;color:#e2ebe5;backdrop-filter:blur(8px)}
.hero .hero-cta-secondary:hover{background:#b9d2c21c;border-color:#b9d2c299;color:#fff}
@media(max-width:760px){.hero-actions{gap:10px}.hero .hero-cta{min-width:124px;padding:12px 18px;font-size:13px}}