/* Same hero-to-header trigger as the reference, scoped to phones. */
.header .header-start{display:none}
@media(max-width:760px){
 .header .button.start-cta.header-start{display:inline-flex;position:absolute;right:70px;margin:0;max-width:132px;padding:3px 3px 3px 12px;gap:6px;white-space:nowrap;opacity:0;visibility:hidden;translate:0 -4px;pointer-events:none;transition:opacity .25s,translate .25s,visibility 0s .25s,background .3s,transform .3s}
 .header .start-cta.header-start .start-label{font-size:12px}
 .header .start-cta.header-start .start-arrow{width:26px;height:26px}
 .header .start-cta.header-start .start-arrow .ui-arrow{width:15px;height:15px}
 .header.past-hero .button.start-cta.header-start{position:relative;right:auto;margin:0 8px 0 auto;opacity:1;visibility:visible;translate:none;pointer-events:auto;transition:opacity .25s,translate .25s,background .3s,transform .3s}
 .header:not(.past-hero) .header-start .cta-lightning{display:none}
 .header-start .cta-lightning{transform-origin:50% 50%}
 .header-start .lightning-left{left:-58px;right:auto;top:calc(50% - 21px);width:64px;height:42px}
 .header-start .lightning-right{left:auto;right:-58px;top:calc(50% - 21px);width:64px;height:42px}
 .header-start .lightning-top{left:calc(50% - 24px);top:-44px;width:48px;height:48px}
 .header-start .lightning-bottom{left:calc(50% - 24px);top:auto;bottom:-44px;width:48px;height:48px}
}
@media(max-width:389px){
 .header.past-hero .brand{--mark-width:100px;width:105px}
 .header.past-hero .brand .brand-fiduciary{font-size:7.5px;letter-spacing:.5px}
 .header .button.start-cta.header-start{padding-left:10px;gap:5px}
 .header.past-hero .button.start-cta.header-start{margin-right:6px}
 .header .start-cta.header-start .start-label{font-size:11px}
 .header .start-cta.header-start .start-arrow{width:22px;height:22px}
 .header .start-cta.header-start .start-arrow .ui-arrow{width:13px;height:13px}
}
@media(max-width:349px){.header.past-hero{padding-inline:14px}.header .start-cta.header-start .start-arrow{display:none}.header .button.start-cta.header-start{padding:10px 12px}}
@media(prefers-reduced-motion:reduce){.header .button.start-cta.header-start{transition:none!important;translate:none!important}}

/* Larger, vertically centered CTA only in the scrolled phone header. */
@media(max-width:760px){
 .header.past-hero{align-items:center}
 .header .button.start-cta.header-start{height:44px;min-height:44px;min-width:105px;max-width:120px;padding:5px 6px 5px 17px;gap:10px;align-items:center;justify-content:center;align-self:center;flex-shrink:0;box-sizing:border-box}
 .header.past-hero .button.start-cta.header-start{margin:0 10px 0 auto}
 .header .start-cta.header-start .start-label{font-size:14px;line-height:1;font-weight:600}
 .header .start-cta.header-start .start-arrow{display:grid;width:30px;height:30px;flex:0 0 30px}
 .header .start-cta.header-start .start-arrow .ui-arrow{width:17px;height:17px}
}
@media(max-width:349px){.header .button.start-cta.header-start{min-width:99px;padding-left:13px;gap:8px}.header.past-hero .button.start-cta.header-start{margin-right:6px}}

/* Interior pages already use the white header, so Start is visible immediately on phones. */
@media(max-width:760px){
 .header.inner-page-header{align-items:center}
 .header.inner-page-header .button.start-cta.header-start{display:inline-flex;position:relative;right:auto;margin:0 10px 0 auto;opacity:1;visibility:visible;translate:none;pointer-events:auto}
}
@media(max-width:389px){
 .header.inner-page-header .brand{--mark-width:100px;width:105px}
 .header.inner-page-header .brand .brand-fiduciary{font-size:7.5px;letter-spacing:.5px}
}
@media(max-width:349px){
 .header.inner-page-header{padding-inline:14px}
 .header.inner-page-header .button.start-cta.header-start{margin-right:6px}
}