*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:100px}
body{overflow-wrap:break-word}
main{display:block}
.cta-link{display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;white-space:nowrap}
a:focus-visible,summary:focus-visible{outline:3px solid #818cf8;outline-offset:5px}
.skip-link{position:fixed;left:16px;top:-80px;background:white;padding:12px 20px;z-index:100;border-radius:8px}
.skip-link:focus{top:12px}
header>div>a{flex-shrink:0}
.la-card:hover{border-color:#4f46e5!important;transform:translateY(-3px);box-shadow:0 12px 28px -12px rgba(79,70,229,.3)}
@media(max-width:1050px){header nav{display:none!important}header>div>div:last-child{margin-left:auto}#top>div{gap:32px!important;padding-top:56px!important}}
@media(max-width:760px){
 html{scroll-padding-top:128px}
 header>div{height:auto!important;min-height:64px;flex-wrap:wrap;gap:12px!important;padding:12px 20px!important}
 header>div>div:last-child{gap:8px!important}header .cta-link{font-size:12px;padding:0 12px}
 #top>div{grid-template-columns:minmax(0,1fr)!important;gap:52px!important;padding:48px 24px 64px!important}
 #top h1{font-size:42px!important}
 main>section:not(#top)>div[style*="grid-template-columns"],main section div[style*="repeat(auto-fit"]{grid-template-columns:minmax(0,1fr)!important}
 main>section[style*="padding: 88px"]{padding:56px 20px!important}
 main>section>div[style*="padding: 88px"],main>section>div[style*="padding: 72px"],main>section>div[style*="padding: 80px"]{padding:56px 20px!important}
 main h2{font-size:30px!important}main h3{overflow-wrap:anywhere}
 #case-studies>div>div{padding:24px!important}
 #case-studies>div>div>div:last-child{gap:16px!important;flex-wrap:wrap}
 #classroom>div{gap:48px!important}#classroom>div>div{gap:24px!important}
 footer nav{flex-wrap:wrap;gap:16px!important}
}
@media(max-width:420px){
 header>div{justify-content:center}header>div>div:last-child{margin-left:0;width:100%;justify-content:center}
 #top h1{font-size:38px!important}
 #top>div>div:last-child>div:first-child{padding:8px!important}
 #top>div>div:last-child>div:first-child>div>div:first-child{width:38px!important}
 #top>div>div:last-child>div:first-child>div>div:last-child{padding:10px!important}
 #top>div>div:last-child>div:not(:first-child){font-size:11px!important;padding:8px 10px!important;max-width:100%}
 main section div[style*="position: relative; flex: 1"]>span{font-size:10px!important;padding:7px 9px!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Split-payment explanation, linked directly from the hero. */
.split-example{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:20px;align-items:center;background:#fff;border:1px solid #c7d2fe;border-radius:16px;padding:28px}
.split-example>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.split-label{color:#4338ca;font-size:13px;font-weight:600}
.split-example strong{font-size:40px;line-height:1.2;color:#1e1b4b;letter-spacing:-.03em}
.split-example>div>span:last-child{font-size:13px;color:#6b7280}
.split-symbol{font-size:28px;color:#818cf8}
.split-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0 0 32px}
.split-benefits h3,.split-tax h3{font-size:19px;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px}
.split-benefits p,.split-tax p{font-size:15px;line-height:1.7;color:#4b5563;margin:0}
.split-tax{background:rgba(255,255,255,.8);border:1px solid #c7d2fe;border-radius:12px;padding:28px}
.split-tax p+p{margin-top:14px}
.split-tax .split-sources{font-size:13px}
.split-sources a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.split-benefits{grid-template-columns:1fr;gap:20px}.split-example{gap:12px;padding:20px}.split-example strong{font-size:32px}.split-tax{padding:22px}}
@media(max-width:480px){.split-example{grid-template-columns:1fr;text-align:center;gap:10px}.split-symbol{line-height:1}.split-example>div{gap:2px}}