/* Home page hero (v15, 2026-10-31): "From plan to payout." Loaded by index.html only.
   Colours come from site.css :root (--ink, --slate, --blue, --line); --cobalt is the one new token.
   CLEAN-UP (marked 2026-10-31): the old hero rules in site.css (.home-hero*, .showcase-*, .hero-pattern,
   .floating-note, .hero-fine) are no longer used by any page; delete them after a day if nothing breaks. */
:root{--cobalt:#1d4788;--hero-header:79px}
@media(max-width:720px){:root{--hero-header:69px}}

/* Placeholder chevron logo (assets/logo-mark.svg), home page only */
.brand-symbol-img{width:26px;height:28px}
.brand-symbol-img img{width:100%;height:100%;display:block}
.footer-logo .brand-symbol-img{width:23px;height:25px}

/* First screen: headline block centred under the header, beats pinned to the bottom */
.hero-first{background:var(--paper);min-height:calc(100vh - var(--hero-header));min-height:calc(100svh - var(--hero-header));display:flex;flex-direction:column}
.hero-center{flex:1;display:flex;align-items:center;justify-content:center}
.hero-center-inner{width:100%;max-width:1200px;margin:0 auto;padding:48px clamp(20px,4.2vw,56px);display:flex;flex-direction:column;align-items:center;text-align:center;gap:28px}
.hero-center-inner .eyebrow{font-size:14px;font-weight:700;letter-spacing:.12em;margin:0}
.hero-center-inner h1{margin:0;color:var(--ink);font-weight:800;font-size:clamp(40px,6.6vw,92px);line-height:1.02;letter-spacing:-.015em;text-wrap:balance}
.hero-center-inner h1 span{color:var(--blue)}
.hero-sub{margin:0;max-width:620px;font-size:clamp(18px,1.6vw,22px);line-height:1.5;color:var(--slate)}
.hero-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;padding-top:8px}
.hero-cta .btn{min-height:52px;padding:0 28px;border-radius:8px;font-size:17px;font-weight:600;white-space:normal}
.hero-cta .btn-cobalt{background:var(--cobalt);color:#fff}
.hero-cta .btn-cobalt:hover{background:var(--blue-deep)}
.hero-cta .btn-outline{border-width:1.5px;border-color:var(--blue)}

.hero-beats{list-style:none;margin:0 auto;padding:0 clamp(20px,4.2vw,56px) 56px;width:100%;max-width:1240px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.hero-beats li{padding:8px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.hero-beat-word{font-weight:800;font-size:clamp(32px,3.4vw,46px);line-height:1.05;letter-spacing:-.03em;color:var(--ink)}
.hero-beat-word span{color:var(--blue)}
.hero-beat-text{margin:0;max-width:280px;font-size:17px;line-height:1.5;color:var(--slate)}
@media(max-width:900px){.hero-beats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}}
@media(max-width:560px){.hero-beats{grid-template-columns:1fr;padding-bottom:40px;row-gap:20px}.hero-beats li{padding:8px 0}}