@font-face{font-family:Bricolage;src:url('display.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:DMSans;src:url('body.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--yellow:#f5ef39;--blue:#1d31b2;--ink:#182264;--paper:#fffefa}
*{box-sizing:border-box}
body{margin:0;background:var(--yellow);color:var(--ink);font-family:DMSans,Arial,sans-serif;line-height:1.6}
::selection{background:var(--blue);color:var(--yellow)}
a{color:inherit}
a:focus-visible{outline:3px solid currentColor;outline-offset:6px}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:2;padding:.75rem 1rem;background:var(--paper);transform:translateY(-200%)}
.skip-link:focus{transform:none}
main{display:grid;grid-template-columns:1fr 1.15fr;gap:2rem;align-items:center;max-width:1440px;min-height:calc(100svh - 82px);margin:auto;padding:5rem 4rem}
.intro{position:relative;z-index:1;min-width:0}
h1{font-family:Bricolage,Arial,sans-serif;font-size:clamp(4.5rem,8.5vw,8rem);font-weight:800;letter-spacing:-.065em;line-height:.92;color:var(--blue);margin:0}
h1 span{display:block}
.intro p{font-size:1.125rem;font-weight:400;line-height:1.65;max-width:25rem;margin:2rem 0 1.75rem}
.app-link{display:inline-flex;align-items:center;gap:1.5rem;min-height:50px;padding:.8rem 1.4rem;border-radius:100px;background:var(--blue);color:var(--paper);font-size:.9375rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s}
.app-link:hover{background:#102394;transform:translateY(-2px)}
.illustration{min-width:0;pointer-events:none}
.illustration img{display:block;width:112%;max-width:none;height:auto;margin-left:-6%;aspect-ratio:3/2;object-fit:contain}
footer{max-width:1312px;min-height:82px;margin:0 4rem;padding:1.5rem 0;border-top:1px solid #18226440;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.8125rem}
@media(min-width:1440px){footer{margin:auto}}
@media(max-width:900px){main{padding:4rem 2.5rem;gap:1rem;grid-template-columns:1fr 1fr}h1{font-size:clamp(3.8rem,8.8vw,6rem)}.intro p{font-size:1.0625rem}.illustration img{width:110%;margin-left:-5%}footer{margin:0 2.5rem}}
@media(max-width:640px){main{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:0;padding:3.5rem 1.5rem 2rem;min-height:calc(100svh - 76px)}h1{font-size:clamp(3.2rem,17vw,5.5rem)}.intro p{font-size:1rem;max-width:24rem;margin:1.75rem 0 1.5rem}.app-link{min-height:48px;font-size:.875rem}.illustration{margin-top:2.5rem}.illustration img{width:100%;margin:0}footer{margin:0 1.5rem;min-height:76px;padding:1.25rem 0;font-size:.75rem;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.app-link{border:1px solid currentColor}}