/* UniteSA: mobile-first marketing landing page — isolated from existing site CSS. */
:root{--navy:#16283b;--navy-2:#20364d;--gold:#f2c14e;--cream:#f7f3ea;--bright:#ffdf39;--teal:#187f91;--ink:#20364d}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--cream);color:var(--ink);font-family:"Source Sans 3", "Segoe UI", Arial, sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
.skip-link{position:absolute;left:10px;top:-70px;z-index:20;padding:12px;background:#fff;border-radius:5px}
.skip-link:focus{top:10px}
.top-stripe{height:8px;flex-shrink:0;background:linear-gradient(90deg,var(--navy) 0%,var(--navy) 80%,var(--gold) 80%,var(--gold) 100%)}
.landing{width:100%;max-width:770px;margin:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 21px 37px}
.brand-identity{width:clamp(112px,33vw,171px);height:clamp(112px,33vw,171px);position:relative;display:grid;place-items:center;margin:0 0 16px}
.brand-logo{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(22,40,59,.05))}
.brand-fallback{display:none;position:absolute;z-index:1;font-size:32px;font-weight:800;letter-spacing:-1px;color:var(--navy)}
.brand-fallback span{color:#d8a443}
.mission-label{margin:2px 0 13px;color:var(--navy);font-size:clamp(12px,2.9vw,16px);line-height:1.35;font-weight:850;letter-spacing:.075em;text-wrap:balance}
.gold-rule{height:3px;width:48px;background:var(--gold);border-radius:4px;margin:0 0 16px}
h1{margin:0;color:var(--navy);font-size:clamp(30px,8.25vw,58px);font-weight:900;line-height:1.03;letter-spacing:-.048em;max-width:690px;text-wrap:balance}
h1 span{display:block;color:#1d5e88}
.lead{max-width:570px;margin:20px auto 0;font-size:clamp(16px,3.95vw,20px);font-weight:420;line-height:1.48;text-wrap:pretty}
.slogan{margin:24px auto 0;font-size:clamp(15px,3.7vw,21px);font-weight:850;letter-spacing:.035em;line-height:1.34;color:var(--navy);text-wrap:balance}
.slogan span{color:#1e6686}
.actions{display:flex;align-items:center;flex-direction:column;width:100%;margin-top:20px}
.primary-action{min-height:66px;display:flex;align-items:center;justify-content:center;gap:13px;width:min(100%,434px);padding:14px 15px;border-radius:17px;border:3px solid #152537;background:linear-gradient(180deg,#ffe661 0%,#ffdc2c 100%);box-shadow:0 6px 0 #17273a,0 12px 26px rgba(22,40,59,.15);color:#102132;text-decoration:none;font-size:clamp(19px,5vw,25px);font-weight:950;letter-spacing:-.014em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.primary-action svg{width:23px;height:23px;flex-shrink:0}
.primary-action:hover{transform:translateY(-2px);background:#ffe86b;box-shadow:0 8px 0 #17273a,0 16px 26px rgba(22,40,59,.18)}
.primary-action:active{transform:translateY(4px);box-shadow:0 2px 0 #17273a,0 4px 10px rgba(22,40,59,.15)}
.install-note{margin:18px 0 0;font-size:13px;line-height:1.45;color:#526476}
.website-action{display:inline-flex;align-items:center;gap:10px;margin-top:27px;padding:10px 18px;border:1px solid #406889;border-radius:8px;background:#fff;color:#1c4d77;text-decoration:none;font-size:13px;font-weight:750;transition:background .18s ease}
.website-action:hover{background:#e9f0f4}
.landing-footer{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:13px;min-height:61px;padding:16px 19px calc(15px + env(safe-area-inset-bottom));background:var(--navy);color:#e6e7e7;font-size:12px;letter-spacing:.01em}
.landing-footer a{text-decoration:none}
.landing-footer a:hover{text-decoration:underline;text-underline-offset:3px}
.footer-divider{color:var(--gold)}
@media (min-width:650px){.landing{padding-top:35px;padding-bottom:50px}.brand-identity{margin-bottom:23px}.gold-rule{margin-bottom:21px}.lead{margin-top:25px}.slogan{margin-top:30px}.actions{margin-top:26px}}
@media (max-width:355px){.landing{padding-inline:14px}.primary-action{gap:6px;font-size:18px}.mission-label{letter-spacing:.025em}.lead{font-size:15px}.slogan{font-size:14px}}
@media (max-height:700px) and (max-width:650px){.landing{padding-top:10px;padding-bottom:22px}.brand-identity{width:100px;height:100px;margin-bottom:10px}.mission-label{margin-bottom:8px}.gold-rule{margin-bottom:10px}.lead{margin-top:15px}.slogan{margin-top:17px}.actions{margin-top:13px}.website-action{margin-top:19px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}