@font-face{font-family:TheFuture;src:url("assets/TheFuture-Bold-ss10.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:light;--ink:#242728;--muted:#656a70;--orange:#f58200}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'Avenir Next',Avenir,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
main{max-width:1060px;margin:auto;padding:20px 24px 28px;text-align:center}
.illustration{display:block;width:min(100%,520px);height:auto;aspect-ratio:2/1;margin:0 auto 12px;object-fit:contain}
h1{font-family:TheFuture,'Arial',sans-serif;font-weight:700;font-size:clamp(36px,4.5vw,56px);line-height:1.04;letter-spacing:-.035em;margin:0 auto 18px;max-width:950px;text-wrap:balance}
h1 span{display:block}.copy{max-width:790px;margin:0 auto;color:var(--muted);font-size:clamp(16px,1.5vw,18px);line-height:1.5;text-wrap:pretty}.copy p{margin:0 0 10px}.actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 23px;max-width:100%;border-radius:12px;background:var(--orange);color:white;text-decoration:none;font-family:inherit;font-weight:600;font-size:18px;line-height:1.3;transition:background .18s,transform .18s}.cta:hover{background:#df7500;transform:translateY(-2px)}.story{color:var(--muted);font-size:16px;text-decoration:underline;text-underline-offset:5px}.story:hover{color:var(--ink)}a:focus-visible{outline:3px solid var(--ink);outline-offset:5px}
@media(min-width:1000px) and (min-height:880px){main{padding-top:28px}}
@media(max-width:480px){main{padding:20px 20px 36px}.illustration{margin-bottom:16px}h1{font-size:clamp(32px,9vw,40px);margin-bottom:16px}h1 span{display:inline}.copy{font-size:17px}.cta{font-size:17px;padding:17px 19px}.actions{margin-top:24px}}
@media(prefers-reduced-motion:no-preference){.illustration{animation:arrive .7s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}

@media(min-width:600px) and (max-height:700px){main{padding-top:12px;padding-bottom:20px}.illustration{width:min(100%,440px);margin-bottom:8px}h1{font-size:44px;margin-bottom:14px}.copy{font-size:17px}.actions{margin-top:16px;gap:10px}}
@media(min-width:600px) and (max-height:540px){.illustration{width:min(100%,340px)}h1{font-size:38px;margin-bottom:12px}.copy{font-size:16px}.copy p{margin-bottom:6px}.actions{margin-top:12px}.cta{padding:12px 20px}}