@font-face{font-family:Wotfard;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/wotfard-regular.otf) format("opentype")}:root{color-scheme:light dark;--bg: #fcfbf7;--fg: #1c1a28;--muted: #6c687e;--border: #e3dfd5;--surface: #f2efe6;--accent: #3d3a8c;--tint: #efedf7;--danger: #9e2b25;--font-text: Wotfard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-meta: Wotfard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--measure: 38rem;--gutter: 1rem;--sky-indigo: #4a3de0;--sky-teal: #17a6bd;--sky-magenta: #cf2e9c;--sky-gold: #eda426;--sky-nebula: color-mix(in oklab, var(--sky-indigo) 34%, transparent);--sky-dusk: color-mix(in oklab, var(--danger) 22%, transparent);--sky-wash-teal: color-mix(in oklab, var(--sky-teal) 32%, transparent);--sky-wash-magenta: color-mix(in oklab, var(--sky-magenta) 28%, transparent);--sky-wash-gold: color-mix(in oklab, var(--sky-gold) 22%, transparent);--sky-band: color-mix(in oklab, var(--sky-indigo) 12%, transparent);--sky-star: color-mix(in oklab, var(--accent) 55%, var(--bg));--sky-star-near: color-mix(in oklab, var(--accent) 80%, var(--bg));--sky-fade: .6;--sky-scrim: radial-gradient(70% 60% at 50% 58%, color-mix(in oklab, var(--bg) 55%, transparent), transparent 100%)}@media(prefers-color-scheme:dark){:root{--bg: #141320;--fg: #e9e6f2;--muted: #9793ad;--border: #3a3750;--surface: #1e1c2b;--accent: #aba6f5;--tint: #222032;--danger: #e5897f;--sky-indigo: #6a5cff;--sky-teal: #2fd0ea;--sky-magenta: #ea4cc4;--sky-gold: #ffc043;--sky-nebula: color-mix(in oklab, var(--sky-indigo) 46%, transparent);--sky-dusk: color-mix(in oklab, var(--danger) 26%, transparent);--sky-wash-teal: color-mix(in oklab, var(--sky-teal) 36%, transparent);--sky-wash-magenta: color-mix(in oklab, var(--sky-magenta) 32%, transparent);--sky-wash-gold: color-mix(in oklab, var(--sky-gold) 22%, transparent);--sky-band: color-mix(in oklab, var(--sky-indigo) 18%, transparent);--sky-star: color-mix(in oklab, var(--fg) 70%, var(--bg));--sky-star-near: var(--fg);--sky-fade: 1;--sky-scrim: radial-gradient(70% 60% at 50% 58%, color-mix(in oklab, var(--bg) 40%, transparent), transparent 100%)}}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100dvh;color:var(--fg);font-family:var(--font-text);font-size:1.0625rem;line-height:1.55;overflow-x:hidden;-webkit-text-size-adjust:100%}img{display:block;max-width:100%;height:auto}a{color:var(--accent)}.topbar,.hero-copy,.shot,.feature,.closing,footer{width:min(100% - 2 * var(--gutter),var(--wide, 72rem));margin-inline:auto}.hero{position:relative;isolation:isolate;min-height:clamp(34rem,90svh,60rem);display:grid;grid-template-rows:auto 1fr;padding-bottom:4rem}.sky{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 100%)}.sky>*{position:absolute;inset:0}.nebula{inset:-8%;background-image:radial-gradient(64rem 30rem at 12% 4%,var(--sky-nebula),transparent 70%),radial-gradient(40rem 22rem at 42% 0%,var(--sky-wash-magenta),transparent 70%),radial-gradient(46rem 24rem at 76% 8%,var(--sky-wash-teal),transparent 70%),radial-gradient(30rem 16rem at 92% 22%,var(--sky-wash-gold),transparent 70%),radial-gradient(36rem 20rem at 26% 26%,var(--sky-dusk),transparent 70%),radial-gradient(28rem 14rem at 60% 20%,var(--sky-wash-magenta),transparent 70%),linear-gradient(104deg,transparent 26%,var(--sky-band) 44%,var(--sky-wash-teal) 52%,transparent 70%);will-change:transform}.stars{-webkit-mask-repeat:repeat;mask-repeat:repeat;opacity:var(--sky-fade)}.stars-far{background-color:var(--sky-star);-webkit-mask-image:url(/stars-far.svg);mask-image:url(/stars-far.svg);-webkit-mask-size:1400px 1400px;mask-size:1400px 1400px}.stars-near{background-color:var(--sky-star-near);-webkit-mask-image:url(/stars-near.svg);mask-image:url(/stars-near.svg);-webkit-mask-size:1100px 1100px;mask-size:1100px 1100px;-webkit-mask-position:37% 61%;mask-position:37% 61%}.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--sky-scrim)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.25rem}.logo{height:2.5rem;width:auto}.pill{display:inline-flex;align-items:center;min-height:40px;padding:.375rem 1rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--fg) 18%,transparent);background:color-mix(in oklab,var(--bg) 55%,transparent);color:var(--fg);text-decoration:none;font-size:.9375rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.pill:hover{border-color:var(--accent);color:var(--accent)}.hero-copy{--wide: 52rem;position:relative;z-index:1;align-self:center;text-align:center;padding-block:clamp(2rem,6vh,5rem) clamp(2rem,5vh,3.5rem)}h1{font-weight:400;font-size:clamp(2.625rem,1.5rem + 5vw,4.75rem);line-height:1.02;letter-spacing:-.035em;margin:0 0 1.5rem;text-wrap:balance}.lede{color:var(--muted);font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:1.45;margin:0 auto 2.25rem;max-width:36rem;text-wrap:pretty}.cta-row{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0}.cta{display:inline-block;min-height:48px;padding:.8125rem 1.875rem;border-radius:999px;background:var(--accent);color:var(--bg);text-decoration:none;font-size:1.125rem;line-height:1.5;box-shadow:0 10px 32px -12px color-mix(in oklab,var(--accent) 80%,transparent);transition:filter .12s ease,transform .12s ease}.cta:hover{filter:brightness(1.12);transform:translateY(-1px)}.cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.cta-note{color:var(--muted);font-size:.9375rem}.tiles{display:none}@media(min-width:64rem){.tiles{display:block;position:absolute;inset:0 0 auto;height:min(100svh,100%);pointer-events:none;z-index:0}.tile{position:absolute;display:grid;place-items:center;padding:.75rem 1rem;border-radius:16px;background:color-mix(in oklab,var(--surface) 82%,transparent);border:1px solid color-mix(in oklab,var(--fg) 14%,transparent);box-shadow:0 18px 40px -20px color-mix(in oklab,var(--fg) 40%,transparent);color:var(--fg);font-size:1.0625rem;white-space:nowrap;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tile-mark{left:12%;top:22%;padding:.875rem;border-radius:20px}.tile-mark img{border-radius:10px}.tile-link{right:12%;top:24%;display:flex;align-items:center;gap:.05em;color:var(--accent)}.tile-quiz{left:6%;top:47%;max-width:15rem;white-space:normal;text-align:left;place-items:start;gap:.25rem;font-size:.9375rem;line-height:1.35}.tile-kicker{color:var(--accent);font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase}.tile-at{right:11%;top:50%;width:3.25rem;height:3.25rem;padding:0;font-size:1.5rem;color:var(--accent);border-radius:14px}}.brackets{opacity:.55}.shot{position:relative;margin-block:0 0;--wide: 76rem}.shot picture,.shot img{border-radius:14px;border:1px solid color-mix(in oklab,var(--fg) 14%,transparent);box-shadow:0 40px 90px -40px color-mix(in oklab,var(--fg) 45%,transparent),0 0 0 1px color-mix(in oklab,var(--bg) 50%,transparent);background:var(--surface)}.shot figcaption{margin-top:1rem;text-align:center;color:var(--muted);font-size:.9375rem}@media(prefers-reduced-motion:no-preference){.stars-far{animation:twinkle 9s ease-in-out infinite alternate}.stars-near{animation:twinkle 13s ease-in-out -5s infinite alternate}.nebula{animation:drift 90s ease-in-out infinite alternate}.topbar,.hero-copy>*{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) both}.hero-copy>:nth-child(1){animation-delay:.15s}.hero-copy>:nth-child(2){animation-delay:.3s}.hero-copy>:nth-child(3){animation-delay:.45s}.tile{animation:rise 1.1s cubic-bezier(.2,.7,.2,1) .7s both,hover 7s ease-in-out 1.8s infinite alternate}.tile-link{animation-delay:.8s,2.4s}.tile-quiz{animation-delay:.9s,3.1s}.tile-at{animation-delay:1s,1.2s}}@keyframes twinkle{0%{opacity:calc(var(--sky-fade) * .55)}to{opacity:var(--sky-fade)}}@keyframes drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1)}to{transform:translate3d(1.5%,1.5%,0) scale(1.06)}}@keyframes rise{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@keyframes hover{0%{translate:0 0}to{translate:0 -.75rem}}.feature{display:grid;grid-template-columns:1fr;gap:2rem 4rem;align-items:center;padding-block:clamp(3rem,8vh,6rem);border-top:1px solid var(--border)}main>.feature:first-child{border-top:0;padding-top:clamp(4rem,10vh,7rem)}@media(min-width:52rem){.feature{grid-template-columns:1fr 1fr}.feature.flip .feature-copy{order:2}}.feature h2,.closing h2{font-weight:400;font-size:clamp(1.875rem,1.2rem + 2.2vw,2.75rem);line-height:1.08;letter-spacing:-.025em;margin:0 0 1rem;text-wrap:balance}.feature p{margin:0 0 1.25rem;color:var(--muted);font-size:1.125rem;max-width:30rem}.checks{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.checks li{position:relative;padding-left:1.75rem}.checks li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent)}.feature-visual{display:grid;place-items:center}.mock{width:100%;max-width:30rem;border-radius:14px;border:1px solid var(--border);background:var(--surface);box-shadow:0 30px 70px -40px color-mix(in oklab,var(--fg) 45%,transparent);overflow:hidden}.mock-titlebar{padding:.625rem 1rem;border-bottom:1px solid var(--border);color:var(--muted);font-size:.8125rem}.mock-file pre{margin:0;padding:1rem 1.125rem 1.25rem;font:.9375rem/1.6 ui-monospace,SF Mono,Menlo,monospace;white-space:pre-wrap;color:var(--fg)}.fm{color:var(--muted)}.wl{color:var(--accent)}.mock-quiz{padding:1.125rem 1.25rem 1.25rem;border-left:3px solid var(--accent)}.mock-kicker{display:block;color:var(--accent);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.5rem}.mock-q{margin:0 0 .875rem;font-size:1.125rem;color:var(--fg)}.blank{color:var(--accent)}.mock-row{display:flex;gap:.5rem;flex-wrap:wrap}.mock-input{flex:1 1 10rem;padding:.5rem .75rem;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--muted);font-size:.9375rem}.mock-btn{padding:.5rem .875rem;border-radius:8px;border:1px solid var(--border);font-size:.9375rem}.phone{width:min(100%,17rem);border-radius:2rem;padding:.5rem;background:var(--fg);box-shadow:0 30px 70px -40px color-mix(in oklab,var(--fg) 60%,transparent)}.phone img{border-radius:1.5rem}.closing{--wide: 44rem;text-align:center;padding-block:clamp(4rem,12vh,8rem);border-top:1px solid var(--border)}.closing p{color:var(--muted);font-size:1.125rem;margin:0 auto 2rem;max-width:32rem;text-wrap:pretty}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1.5rem;padding-block:1.5rem 3rem;border-top:1px solid var(--border);color:var(--muted);font-size:.875rem}footer p{margin:0}
