.landing{--paper:#e6e2d6;--lime:#c2d182;--muted:#a5a59a;--line:#34352d;font-family:ui-rounded,"SF Pro Rounded",system-ui,sans-serif}.landing main{max-width:1200px;padding:0 40px;margin:auto}.site-header,.site-footer{max-width:1200px;margin:auto;padding:32px 40px}.site-header nav{margin:0;gap:32px}.site-header nav a:not(.brand){color:var(--paper);font-size:15px;text-decoration:none}.site-header nav a:hover,.site-footer a:hover{text-decoration:underline}.site-header nav img{width:200px}.skip-link{position:absolute;left:16px;top:-100px;background:var(--lime);color:#11110f;padding:8px 16px;z-index:3}.skip-link:focus{top:16px}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;padding:72px 0 80px}.landing .eyebrow{font:600 11px/1.5 ui-monospace,monospace;letter-spacing:2px;color:var(--muted);margin:0 0 24px}.landing h1,.landing h2{font-family:ui-serif,"New York",Georgia,serif;font-weight:500;letter-spacing:-.055em}.landing h1{font-size:clamp(64px,6.6vw,92px);line-height:1.04;margin:0 0 32px}.landing h1 em{font-weight:400;color:var(--lime)}.landing .intro{font-size:20px;line-height:1.65;color:var(--paper);margin:0 0 28px}.primary-link{display:inline-flex;gap:32px;align-items:center;padding:15px 24px;border-radius:40px;background:var(--lime);color:#11110f;text-decoration:none;font-size:16px;font-weight:700}.primary-link:hover{background:#d0dda0}.availability{font-size:13px;color:var(--muted);margin:16px 0 0}.quiet-note{display:flex;justify-content:space-between;gap:20px;padding:28px 0;border-block:1px solid var(--line);font-size:13px;color:var(--muted)}.quiet-note span:first-child{color:var(--paper)}.how{display:grid;grid-template-columns:1fr 1fr;gap:96px;padding:112px 0}.landing h2{font-size:clamp(42px,4.7vw,64px);line-height:1.1;margin:0}.steps{display:grid;gap:32px}.steps article{display:flex;gap:24px}.step-number{color:var(--lime);font-size:12px;padding-top:5px}.steps h3{font-size:20px;font-weight:650;margin:0 0 8px;letter-spacing:-.4px}.steps p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}.at-your-pace{border-top:1px solid var(--line);padding:88px 0 96px;text-align:center}.at-your-pace p:not(.eyebrow){max-width:540px;margin:28px auto 0;color:var(--muted);font-size:17px}.at-your-pace .closing-note{font-size:13px!important}.site-footer{border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-block:32px 48px}.site-footer img{display:block;width:168px;height:auto}.site-footer>div{display:flex;gap:24px;font-size:13px}.site-footer a{color:var(--paper);text-decoration:none}.site-footer p{width:100%;font-size:12px;color:var(--muted);margin:0}.landing a,.landing button{-webkit-tap-highlight-color:transparent}@media(min-width:900px){.hero-copy{animation:arrive .6s ease-out both}}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.hero{gap:32px}.landing h1{font-size:64px}.hero{grid-template-columns:1fr;padding-top:48px}.hero-copy{max-width:540px}.how{gap:40px;padding:72px 0}.quiet-note{flex-direction:column;gap:8px}}@media(max-width:520px){.landing main{padding:0 24px}.site-header,.site-footer{padding-inline:24px}.site-header{padding-top:24px}.site-header nav{gap:20px}.site-header nav .brand{flex-basis:auto}.site-header nav img{width:154px}.site-header nav a:not(.brand){font-size:13px}.hero{padding:40px 0 48px;gap:40px}.landing h1{font-size:64px}.landing .intro{font-size:18px}.how{grid-template-columns:1fr;gap:40px}.at-your-pace{padding:64px 0}.site-footer{gap:20px}.site-footer>div{gap:20px}.site-header nav .brand{margin-right:auto}}@media(prefers-reduced-motion:reduce){.landing *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.app-preview{margin:0;justify-self:center;width:min(100%,310px)}.app-preview img,.hint-preview img{display:block;width:100%;height:auto;border:1px solid #34352d;border-radius:32px}.app-preview figcaption,.hint-preview figcaption{margin-top:16px;text-align:center;font-size:12px;color:var(--muted)}.hint-preview{margin:40px 0 0;max-width:272px}.how{align-items:center}.hero{padding-top:40px;padding-bottom:56px}.steps{gap:48px}@media(max-width:800px){.app-preview{width:min(100%,320px)}.hero{gap:48px}.hint-preview{margin-inline:auto}}

.app-preview video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#11110f;border:1px solid #34352d;border-radius:24px}.app-preview video:focus-visible{outline:3px solid var(--lime);outline-offset:5px}