:root{--ink: #08090e;--indigo: #3533cd;--paper: #f6f6fa;--text: #4a4a5e;--muted: #6e6e84;--font-display: "Urbanist", "Inter", sans-serif;--grad-fill: linear-gradient(135deg, #08090e 15%, #3533cd);--grad-text: linear-gradient(135deg, #08090e 10%, #3533cd 90%);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:#fff;color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}h1,h2,h3,p{text-wrap:balance}.gradient-text{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px max(16px,env(safe-area-inset-left));background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:9px;font:600 16px/1 Inter;color:var(--ink);text-decoration:none}.logo svg{width:18px;height:20px;color:var(--ink)}.nav-links{display:flex;align-items:center;gap:22px;font:500 14px/1 Inter}.nav-links a{text-decoration:none;color:var(--text)}.nav-links a:hover{color:var(--ink)}.nav-cta{color:#fff!important;background:var(--grad-fill);padding:9px 15px;border-radius:999px}@media(max-width:640px){.nav-links .hide-sm{display:none}.nav-links{gap:14px}}.hero{min-height:100svh;display:grid;place-content:center;text-align:center;padding:120px 16px 72px}.hero h1{font-family:var(--font-display);font-weight:300;color:var(--ink);font-size:clamp(44px,8vw,96px);line-height:1.04;letter-spacing:-.02em}.rot{display:inline-block;margin-bottom:.5em;font-size:.4em;font-weight:400}.rot-text{color:var(--paper);padding:.02em .46em .18em .24em;background:linear-gradient(var(--ink),var(--ink)) no-repeat 0 0 / 0% calc(100% - .14em),linear-gradient(var(--indigo),var(--indigo)) no-repeat .2em .14em / 0% calc(100% - .14em);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:color .3s ease,background-size .6s cubic-bezier(.16,1,.3,1)}.rot-text.is-lit{background-size:calc(100% - .2em) calc(100% - .14em),calc(100% - .2em) calc(100% - .14em)}.rot-text.is-out{color:transparent}.hero p{max-width:64ch;margin:32px auto 0;font-size:clamp(16px,1.5vw,19px);line-height:1.65}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}.btn{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 Inter;padding:15px 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer}.btn-fill{color:#fff;background:var(--grad-fill)}.btn-code{font:500 14px/1 JetBrains Mono,monospace;color:var(--ink);background:#f6f6f9;border:1px solid rgba(20,20,40,.1)}.btn-code small{font:500 11px/1 Inter;color:var(--muted);letter-spacing:.02em}.btn-line{color:var(--ink);background:#fff;border:1px solid rgba(20,20,40,.16)}.btn:hover{filter:brightness(1.06)}.hero{position:relative}.hero .scroll-cue{position:absolute;left:0;right:0;bottom:calc(28px + env(safe-area-inset-bottom));max-width:none;margin:0;font:500 10px/1 Inter;letter-spacing:.28em;text-transform:uppercase;color:#6e6e84bf}.hero .scroll-cue:after{content:"";display:block;width:1px;height:28px;margin:12px auto 0;background:linear-gradient(#3533cd99,#3533cd00);animation:cue 2.4s ease-in-out infinite;transform-origin:top}@keyframes cue{0%,to{transform:scaleY(.35);opacity:.4}50%{transform:scaleY(1);opacity:1}}.paths{display:grid;grid-template-columns:1fr 1fr;max-width:880px;margin:56px auto 0}.path{display:flex;flex-direction:column;align-items:center;gap:14px;padding:8px 40px}.path+.path{border-left:1px solid rgba(20,20,40,.1)}.path .kicker{margin-bottom:0}.path h3{font-family:var(--font-display);font-weight:400;color:var(--ink);font-size:clamp(22px,2.4vw,28px);letter-spacing:-.01em}.path p:not(.kicker){max-width:32ch;line-height:1.6}.path .btn{margin-top:10px}@media(max-width:720px){.paths{grid-template-columns:1fr;gap:48px}.path{padding:0 8px}.path+.path{border-left:0;border-top:1px solid rgba(20,20,40,.1);padding-top:48px}}.logo-icon{display:inline-flex;align-items:center;color:var(--ink)!important}.logo-icon svg{width:.92em;height:1em;display:block}.moment{min-height:88svh;display:grid;place-content:center;text-align:center;padding:96px 16px}.kicker{font:500 12px/1.4 Inter;letter-spacing:.2em;text-transform:uppercase;color:var(--indigo);margin-bottom:22px}.moment h2,.try h2{font-family:var(--font-display);font-weight:400;color:var(--ink);font-size:clamp(34px,5.4vw,64px);line-height:1.08;letter-spacing:-.02em}.reveal{opacity:0;transform:translateY(28px);transition:opacity 1.4s cubic-bezier(.22,1,.36,1),transform 1.4s cubic-bezier(.22,1,.36,1)}.reveal.is-in{opacity:1;transform:none}.reveal.d1{transition-delay:.15s}.reveal.d2{transition-delay:.3s}.try{min-height:100svh;display:grid;place-content:center;text-align:center;padding:96px 16px}.try .sub{max-width:36ch;margin:22px auto 0;font-size:clamp(16px,1.6vw,19px);line-height:1.6}.tell{margin-top:112px}.tell h3{font-family:var(--font-display);font-weight:400;color:var(--ink);font-size:clamp(24px,3vw,34px);letter-spacing:-.01em}.tell p{margin:12px auto 0;max-width:38ch;line-height:1.6}.to-top{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40;display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font:500 13px/1 Inter,sans-serif;letter-spacing:.02em;color:var(--ink);cursor:pointer;background:#ffffffdb;border:1px solid rgba(20,20,40,.14);border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1),visibility .4s,border-color .2s ease}.to-top.is-on{opacity:1;visibility:visible;transform:none}.to-top:hover,.to-top:focus-visible{border-color:#3533cd80}.to-top-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#fff;opacity:0;pointer-events:none;transition:opacity .22s ease}.to-top-veil.is-on{opacity:1}@media(prefers-reduced-motion:reduce){.to-top,.to-top-veil{transition:none}.hero .scroll-cue:after{animation:none}.reveal{opacity:1;transform:none;transition:none}.rot-text{transition:none}html{scroll-behavior:auto}}.film{position:relative;background:#08090e;color:#f6f6fa;--grad-text: linear-gradient(135deg, #f6f6fa 10%, #8b89ff 90%)}.film.is-ready{height:1000vh}.film-stage{position:relative;padding:96px 16px;overflow:hidden}.film.is-ready .film-stage{position:sticky;top:0;height:100vh;height:100svh;padding:0}.film-canvas{display:none}.film.is-ready .film-canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.film-text{max-width:900px;margin:0 auto;text-align:center;display:grid;gap:40px}.film.is-ready .film-text{display:block;position:absolute;left:16px;right:16px;top:max(96px,13vh)}.film.is-ready .film-text>.film-line,.film.is-ready .film-stack{position:absolute;left:0;right:0;top:0}.film.is-ready .film-line{opacity:0;visibility:hidden;will-change:opacity,transform}.film-line{font-family:var(--font-display);font-weight:300;font-size:clamp(30px,5.2vw,64px);line-height:1.08;letter-spacing:-.02em;color:#f6f6fa}.film-stack .film-line{font-size:clamp(26px,4.2vw,52px);line-height:1.18}.film-kicker{font-family:Inter,sans-serif;font-weight:500;font-size:12px;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;color:#8b89ff;margin-bottom:16px}p.film-line.film-kicker{margin-bottom:0}.film-sub{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(15px,1.6vw,18px);line-height:1.55;letter-spacing:0;color:#f6f6faa8;max-width:34ch;margin:18px auto 0}.film-hl{color:#08090e;padding:.02em .46em .18em .24em;background:linear-gradient(#f6f6fa,#f6f6fa) no-repeat 0 0 / calc(100% - .2em) calc(100% - .14em),linear-gradient(#3533cd,#3533cd) no-repeat .2em .14em / calc(100% - .2em) calc(100% - .14em);-webkit-box-decoration-break:clone;box-decoration-break:clone}.film-end{font-size:clamp(20px,2.2vw,26px);font-weight:400;letter-spacing:0;text-align:center}.film.is-ready .film-end{position:absolute;left:0;right:0;top:80%}.film-progress,.film-skip{display:none}.film.is-ready .film-progress{display:block;position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff0f}.film-progress span{display:block;height:100%;background:linear-gradient(90deg,#3533cd,#8b89ff);transform:scaleX(0);transform-origin:left}.film.is-ready .film-skip{display:inline-flex;position:absolute;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:8px 14px;font:500 12px/1 Inter,sans-serif;letter-spacing:.04em;color:#f6f6fa9e;text-decoration:none;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s ease,border-color .2s ease}.film-skip:hover,.film-skip:focus-visible{color:#f6f6fa;border-color:#ffffff52}@media(max-width:768px){.film.is-ready .film-text{top:max(88px,12vh)}.film.is-ready{height:900vh}}
