@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.ttf) format('truetype')}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600.ttf) format('truetype')}
:root{--ink:#242424;--paper:#fff;--wash:#f2f2f2;--line:#d9d9d9;font-family:Inter,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}
body{margin:0;padding:24px;font:400 16px/1.5 Inter,sans-serif;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
button,a{touch-action:manipulation}
button{font:inherit;cursor:pointer;color:inherit}
a{color:inherit;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:600;text-wrap:balance}
h1{font-size:40px;line-height:1.15;letter-spacing:-.025em;max-width:760px}
h2{font-size:24px;line-height:1.3;letter-spacing:-.015em}
h3{font-size:16px;line-height:1.5}
p{line-height:1.5;text-wrap:pretty;max-width:640px;margin-inline:auto}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 24px;border:1px solid var(--ink);border-radius:24px;background:var(--ink);color:var(--paper);font-size:16px;font-weight:600;text-decoration:none}
.button:hover{background:#414141}
.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0;border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;font-weight:400}
.actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 24px;margin-top:32px}
.site-nav{display:flex;align-items:center;gap:48px;margin:-24px -24px 24px;padding:24px;background:var(--paper)}
.brand{font-size:24px;line-height:1;letter-spacing:-.5px;font-weight:600;text-decoration:none;white-space:nowrap;padding-block:12px}
.navlinks{display:flex;align-items:center;gap:24px}
.navlinks a{text-decoration:none;white-space:nowrap;padding-block:12px}
.navlinks a:hover{text-decoration:underline}
.nav-action{margin-inline-start:auto;display:flex;align-items:center;gap:12px}
.login{min-height:48px;padding:12px 24px;border:0;border-radius:24px;background:var(--wash);white-space:nowrap}
.login:hover{background:#e6e6e6}
.stage{display:grid;gap:48px;max-width:1280px;min-width:0;margin-inline:auto}
.stage>section{padding:24px;border-radius:24px;background:var(--wash);scroll-margin-top:24px}
.hero{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.hero .program-name{margin-bottom:12px;font-weight:600}
.hero h1{width:100%;margin-inline:auto}
.hero .lede{margin-top:24px}
.section-heading{display:grid;justify-items:center;gap:12px;margin-bottom:32px}
.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.step{min-width:0;padding:24px;border-radius:24px;background:var(--paper);display:flex;flex-direction:column;align-items:center;gap:12px}
.step p{max-width:32ch}
.screenshot-slot{width:100%;min-height:248px;margin-top:12px;border-radius:24px;background:var(--wash);display:flex;align-items:center;justify-content:center;padding:24px}
.closing{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.closing .actions{margin-top:20px}
.site-footer{display:grid;justify-items:center;gap:16px;padding:48px 24px 24px}
.concept-note{color:#656565}
.skip-link{position:fixed;top:-100px;left:24px;padding:12px 24px;background:var(--ink);color:var(--paper);z-index:10}
.skip-link:focus{top:12px}
dialog{width:min(480px,calc(100% - 48px));max-height:calc(100dvh - 48px);border:0;border-radius:24px;padding:32px;background:var(--paper);color:var(--ink);text-align:center}
dialog::backdrop{background:#0007}
dialog p{margin-top:24px}
dialog .button{margin-top:24px}
body:has(dialog[open]){overflow:hidden}
@media(max-width:940px){.site-nav{gap:24px}.three-col{grid-template-columns:1fr}.step p{max-width:640px}.screenshot-slot{max-width:320px;min-height:248px}.navlinks{display:none}}
@media(max-width:600px){.site-nav{gap:16px}.brand{font-size:24px}.header-download{display:none}.stage{gap:32px}.actions{flex-direction:column;width:100%;gap:12px}.actions .button{width:100%;max-width:320px}.hero{min-height:360px}.hero h1 br{display:none}.hero h1 br::after{content:' '}.hero .actions{margin-top:24px}.site-footer{padding-inline:0}.closing{min-height:280px}.step{padding:24px}.screenshot-slot{min-height:240px;padding:16px}.concept-note{max-width:34ch}}
@media(max-width:360px){body{padding:16px}.site-nav{margin:-16px -16px 24px;padding:16px}.brand{font-size:21px}.login{padding-inline:20px}.stage>section{padding:24px 20px}h1{font-size:36px}.step{padding:20px}.screenshot-slot{min-height:220px}.site-footer{padding-top:32px}}
@media print{.site-nav,.site-footer .concept-note{display:none}.stage{gap:24px}.stage>section{break-inside:avoid}.hero,.closing{min-height:220px}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.screenshot-slot{min-height:200px}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}