/* Shared public-site presentation. Existing behaviour and scoring code unchanged. */
:root{--color-brand:#075bef;--text-primary:#11233a;--text-secondary:#53657d}
body{font-family:var(--font-body)}.site-header{background:#061d38!important;border-bottom:1px solid #ffffff16;box-shadow:none}.brand-logo-img{width:160px!important;max-width:160px!important}.site-header .nav-link{color:#dbe5f2}.site-header .nav-link:hover,.site-header .nav-link.active{color:white}.btn{border-radius:6px!important;box-shadow:none!important}.site-footer{position:relative;background:#061d38!important;color:white;padding-top:0!important;overflow:hidden}.site-footer p,.site-footer .footer-link{color:#bdcce0!important}.site-footer h4{color:white!important}.site-footer .footer-grid{padding-top:50px}.redesign-footer-cta{padding:44px 0;background:linear-gradient(115deg,#061d38 55%,#0758b2);border-bottom:1px solid #ffffff22;position:relative;overflow:hidden}.redesign-footer-cta:after{content:'';position:absolute;right:-45px;top:-100px;width:160px;height:350px;border:20px solid #168dff;border-radius:50%;transform:rotate(45deg);pointer-events:none}.redesign-footer-cta .container{display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;z-index:1}.redesign-footer-cta h2{margin:0;color:white;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;letter-spacing:-.04em}
.story-step-kicker{display:none}.story-step-btn,.story-step-btn:hover,.story-step-item.is-active .story-step-btn{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}.story-stage-glass-frame,.story-frames-viewport,.story-frame-img,.story-frame-mobile-holder,.story-mobile-visual{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.story-stage-bar{display:none}.story-visual-frame{padding:0!important}.story-frame-caption{color:#53657d!important;background:transparent!important;border:0!important}.story-step-title{color:#11233a!important}.story-step-item.is-active .story-step-title{color:#075bef!important}.story-step-desc,.story-step-highlights,.story-check{color:#53657d!important}.story-step-badge{box-shadow:none!important;background:white!important;border:1px solid #90a4c0!important;color:#53657d!important}.story-step-item.is-active .story-step-badge{background:#075bef!important;color:white!important}.story-progress-track{background:#dce4ef!important}#day-flow{background:white!important}#day-flow h2{color:#11233a!important}#day-flow .section-description{color:#53657d!important}
#hero{position:relative;background:#f5f8fc!important;padding:0!important;overflow:hidden}#hero .hero-split-grid{min-height:480px;margin-bottom:0!important;gap:0!important}#hero .hero-content-col{padding:65px 35px 65px 0;position:relative;z-index:1}#hero h1{font-size:clamp(2.7rem,4.6vw,4.4rem)!important;line-height:1.02!important;letter-spacing:-.04em!important;font-weight:900;text-transform:uppercase}#hero .hero-visual-card{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}#hero .hero-stats-strip,#hero .hero-image-badge{display:none}#hero .hero-image-wrapper{border-radius:0!important}#hero .hero-arena-img{height:480px!important;object-fit:cover;clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);border-radius:0!important}#hero .hero-cta-group{flex-direction:row;flex-wrap:wrap}#hero .hero-cta-btn{width:auto!important}#hero .hero-cta-btn:last-child{background:transparent!important;border:0!important;padding-left:0!important;color:#075bef!important;font-size:14px}#hero .hero-reassurance-strip{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;font-size:12px}
@media(max-width:768px){#hero .hero-content-col{padding:40px 0 25px}#hero .hero-split-grid{display:block}#hero .hero-arena-img{height:auto!important;clip-path:none}#hero h1{font-size:2.6rem!important}#hero .hero-cta-group{justify-content:flex-start}.redesign-footer-cta .container{display:block}.redesign-footer-cta .btn{margin-top:20px}.site-footer .footer-grid{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.story-visual-frame,.reveal-on-scroll,.animate-fade-in-up{animation:none!important;transition:none!important}.reveal-on-scroll{opacity:1!important;transform:none!important}}

#hero .hero-image-wrapper{background:transparent!important;aspect-ratio:auto!important;overflow:visible!important;height:100%!important;max-height:none!important}#hero .hero-stats-col{align-self:stretch!important;display:flex;align-items:stretch}#hero .hero-visual-card{width:100%;height:100%}#hero .hero-arena-img{width:100%;height:100%!important;min-height:480px;max-height:none!important;object-fit:cover!important}#hero .hero-content-col{padding-right:15px}#hero .hero-cta-group .hero-cta-btn{flex:0 1 auto!important;min-width:0!important}#hero .hero-cta-group{gap:12px!important}#hero .hero-arena-img{object-position:55% center}#hero .hero-reassurance-strip{justify-content:flex-start!important}#hero .hero-content-col h1{font-size:clamp(2.2rem,4vw,4.2rem)!important}.how-step,.workflow-card,.benefit-icon{box-shadow:none!important;border-radius:0!important;background:transparent!important}@media(max-width:768px){#hero .hero-arena-img{height:auto!important;min-height:0}#hero .hero-stats-col{display:block}}

/* Mobile usability applies only to public pages loading this stylesheet. */
html{scroll-padding-top:90px}main,section,.container,.story-step-body{min-width:0}main img{max-width:100%}main p,main li,.footer-link{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #168dff;outline-offset:3px}.pricing-matrix-wrap{overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.mobile-nav-overlay{max-height:calc(100dvh - var(--header-height));overflow-y:auto}.mobile-nav-link,.mobile-nav-footer a{min-height:44px;display:flex;align-items:center}.mobile-menu-btn{min-width:44px;min-height:44px}.story-step-btn{text-align:left}.story-frame-img{max-height:none!important}.story-mobile-visual img{width:100%;height:auto;object-fit:contain;box-shadow:none!important;border-radius:0!important}
@media(max-width:768px){html{scroll-padding-top:76px}body{font-size:16px}.section{padding-top:44px!important;padding-bottom:44px!important}.container{padding-left:20px!important;padding-right:20px!important}h1{overflow-wrap:normal}.section-header{margin-bottom:28px!important}.btn,button[type=submit],.keypad-btn,.tablet-bonus-btn{min-height:44px}.btn{white-space:normal;line-height:1.35}.btn-lg{padding:14px 18px!important}input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-height:48px;max-width:100%;box-sizing:border-box}textarea{min-height:110px}.footer-link{display:inline-flex;align-items:center;min-height:44px}.footer-col h4{margin-bottom:6px}.site-footer .footer-links{gap:0!important}.footer-grid{row-gap:25px!important}#hero .hero-content-col{text-align:left!important}#hero .hero-content-col h1,#hero .hero-content-col p{text-align:left!important}#hero .hero-cta-group{align-items:stretch!important}#hero .hero-cta-group .hero-cta-btn:not(:last-child){width:100%!important}#hero .hero-cta-group .hero-cta-btn:last-child{min-height:44px}#hero .hero-reassurance-strip{gap:8px!important}.story-step-desc{font-size:16px!important;line-height:1.65!important}.story-step-highlights{font-size:14px!important;line-height:1.7}.story-step-title{font-size:24px!important}.story-step-body{padding:0!important}.story-mobile-visual{padding:0!important;margin-top:22px!important}.pricing-matrix-table{font-size:14px}.pricing-matrix-table th,.pricing-matrix-table td{padding:14px 12px}.pricing-matrix-table th:first-child,.pricing-matrix-table td:first-child{position:sticky;left:0;background:#fff;z-index:1}.card{padding-left:0!important;padding-right:0!important}.tablet-keypad-grid,.numeric-keypad-grid{gap:8px!important}.redesign-footer-cta .container{padding-top:0!important}.redesign-footer-cta:after{opacity:.45}}
@media(max-width:380px){.container{padding-left:16px!important;padding-right:16px!important}#hero h1{font-size:2.2rem!important}.section-title{font-size:1.8rem!important}.nav-container{gap:12px}.brand-logo-img{max-width:140px!important}form div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.hero-reassurance-strip .reassurance-sep{display:none}.story-step-title{font-size:21px!important}.story-narrative-col{padding-left:24px!important}.story-step-indicator{width:20px!important;flex-basis:20px!important}.story-step-badge{width:20px!important;height:20px!important;font-size:11px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Override the original mobile story's more-specific dark card skin. */
#day-flow .story-step-item,#day-flow .story-step-btn,#day-flow .story-step-item.is-active .story-step-btn,#day-flow .story-step-item .story-step-btn:hover{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none!important}
#day-flow .story-step-btn:focus-visible{outline:3px solid #168dff!important;outline-offset:4px}
#day-flow .story-step-title{color:#11233a!important}#day-flow .story-step-item.is-active .story-step-title{color:#075bef!important}#day-flow .story-step-desc,#day-flow .story-step-highlights{color:#53657d!important}
@media(max-width:768px){#day-flow .story-step-btn{text-align:left!important;padding:22px 0!important}#day-flow .story-step-indicator{margin-left:0!important}#day-flow .story-mobile-visual{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}main input:not([type=checkbox]):not([type=radio]):not([type=hidden]),main select,main textarea{border:1px solid #a7b7ca!important;border-radius:5px!important;background:#fff!important;color:#11233a!important;padding:12px!important}main input::placeholder,main textarea::placeholder{color:#64748b;opacity:1}}
#day-flow .story-step-highlights li,#day-flow .story-step-highlights li span,#day-flow .story-step-item.is-active .story-step-highlights li{color:#53657d!important;opacity:1!important}
/* Compact hero banner. */
#hero .hero-split-grid{min-height:370px!important;grid-template-columns:1fr 1.1fr!important}
#hero .hero-content-col{padding:38px 25px 38px 0!important}
#hero .hero-content-col h1{font-size:clamp(2.1rem,3.1vw,3rem)!important;line-height:1.05!important;margin-bottom:18px!important}
#hero .hero-content-col>p{font-size:1rem!important;line-height:1.55!important;margin-bottom:20px!important}
#hero .hero-arena-img{min-height:370px!important;height:100%!important}
#hero .hero-cta-group{gap:10px!important}
#hero .hero-cta-group .hero-cta-btn{font-size:14px!important;padding:12px 18px!important}
#hero .hero-reassurance-strip{margin-top:18px!important;gap:7px!important;line-height:1.6}
@media(max-width:768px){#hero .hero-content-col{padding:28px 0 22px!important}#hero .hero-content-col h1{font-size:2rem!important}#hero .hero-arena-img{height:auto!important;min-height:0!important}#hero .hero-split-grid{min-height:0!important}}
/* Full public navigation on desktop, including smaller laptop windows. */
@media(min-width:1024px){.site-header .nav-links{display:flex!important;gap:clamp(8px,1vw,18px)}.site-header .nav-actions .btn-desktop{display:inline-flex!important;align-items:center}.site-header .mobile-menu-btn{display:none!important}.site-header .nav-container{gap:16px;max-width:1320px;padding-left:24px;padding-right:24px}.site-header .nav-link{font-size:13px}.site-header .brand-logo-img{width:130px!important;max-width:130px!important}.site-header .nav-actions{gap:8px}.site-header .nav-actions .btn{padding:10px 14px;font-size:13px}.mobile-nav-overlay{display:none!important}}
@media(max-width:1023px){.site-header .nav-links,.site-header .nav-actions .btn-desktop{display:none!important}.site-header .mobile-menu-btn{display:flex!important}}

/* Native same-origin transitions; unsupported browsers retain normal navigation. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:public-page-out 120ms ease-out both}
::view-transition-new(root){animation:public-page-in 160ms ease-out both}
@keyframes public-page-out{to{opacity:0}}
@keyframes public-page-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Unified modern typography */
:root {
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.site-header .nav-link{font-weight:700}
main h1,main h2,main h3,.redesign-footer-cta h2{font-family:var(--font-heading)!important;font-weight:800!important;letter-spacing:-.03em!important;line-height:1.15!important}
#hero .hero-content-col h1{font-family:var(--font-heading)!important;font-size:clamp(2.4rem,4vw,3.8rem)!important;letter-spacing:-.035em!important;line-height:1.05!important}
main .section-title,main .section-header h2{font-size:clamp(2rem,3vw,2.8rem)!important}
.story-step-title{font-family:var(--font-heading)!important;font-size:1.25rem!important;line-height:1.3!important}
main p{line-height:1.65}
.section-description,.story-step-desc{color:#475569!important}
.btn{font-weight:700!important}
.redesign-footer-cta h2{font-size:clamp(2rem,3.2vw,3rem)!important}
@media(max-width:768px){#hero .hero-content-col h1{font-size:2.4rem!important}main .section-title,main .section-header h2{font-size:2rem!important}#day-flow .story-step-title{font-size:1.2rem!important}main p{font-size:16px;line-height:1.65}}
@media(max-width:380px){#hero .hero-content-col h1{font-size:2.1rem!important}}

/* Clean reading text, with comfortable spacing. */
main p,main .section-description,main .story-step-desc{font-size:1rem!important;line-height:1.65!important}
#hero .hero-content-col>p{font-size:1.125rem!important;line-height:1.6!important;color:#334155!important}
main .story-step-highlights,main .pricing-features,main .pricing-features li{font-size:0.9375rem!important;line-height:1.65!important}