:root{--bg:#fff;--ink:#0a0a0a;--muted:#6b6b6b;--line:#ebebeb;--soft:#f7f7f5;--glow:#fff5db;--ok:#34c759;--warn:#ff9f0a;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:18px;--wrap:1120px;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:400 16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:600;line-height:1.08}p{margin:0}::selection{background:var(--ink);color:var(--glow)}.wrap{width:min(100% - 32px, var(--wrap));margin-inline:auto}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.small{font-size:14px}.eyebrow{font:500 13px/1 var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.skip{position:absolute;left:-999px}.skip:focus{z-index:10;background:var(--ink);color:#fff;border-radius:8px;padding:8px 12px;top:16px;left:16px}.btn{height:46px;font:500 15px/1 var(--font-sans);border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.btn:hover{border-color:#cfcfcf}.btn:active{transform:scale(.97)}.btn--dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn--dark:hover{background:#262626;border-color:#262626}.btn--sm{height:36px;padding:0 16px;font-size:14px}.btn[aria-disabled=true]{color:var(--muted);pointer-events:none}.site-header{z-index:5;-webkit-backdrop-filter:saturate(180%)blur(14px);background:#ffffffd1;border-bottom:1px solid #0000;position:sticky;top:0}.site-header__in{align-items:center;gap:24px;height:64px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:9px;font-size:19px;font-weight:700;text-decoration:none;display:inline-flex}.brand img{border-radius:7px}.site-nav{gap:26px;margin-left:auto;display:flex}.site-nav a{color:var(--muted);font-size:14px;text-decoration:none;transition:color .15s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}@media (width<=720px){.site-nav{display:none}.site-header__in>.btn{margin-left:auto}}.hero{padding:56px 0 72px}.hero__grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid}.hero h1{letter-spacing:-.05em;margin:18px 0 22px;font-size:clamp(44px,7vw,84px);line-height:.98}.hero h1 em{color:var(--muted);font-style:normal}.hero__lede{color:#3d3d3d;max-width:34em;font-size:19px}.hero__cta{flex-wrap:wrap;gap:12px;margin:30px 0 40px;display:flex}.hero__stage{justify-items:center;gap:22px;display:grid;position:relative}.hero__stage:before{content:"";z-index:-1;background:radial-gradient(closest-side,#f1f1ee,#0000);border-radius:50%;position:absolute;inset:6% 2% 14%}.says{font:500 14px/1 var(--font-mono);border:1px solid var(--line);background:#fff;border-radius:999px;min-height:38px;padding:11px 16px;box-shadow:0 6px 24px #0000000d}.says.is-new{animation:.35s cubic-bezier(.34,1.56,.64,1) pop}.hero__hint{color:var(--muted);text-align:center;font-size:13px}@keyframes pop{0%{opacity:.4;transform:scale(.9)}}@media (width<=860px){.hero{padding-top:28px}.hero__grid{grid-template-columns:1fr;gap:28px}.hero__stage{order:-1}}.island{max-width:440px;margin:0}.island__task{color:var(--muted);margin-bottom:10px;font-size:14px}.island__task .mono{text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);border-radius:6px;margin-right:6px;padding:2px 6px;font-size:11px}.island__pill{color:#fff;background:#000;border-radius:999px;align-items:center;gap:12px;height:54px;padding:8px 18px 8px 9px;display:flex;box-shadow:0 10px 30px #00000024}.island__face{aspect-ratio:1;flex:none;width:38px}.island__says{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:15px;font-weight:600;overflow:hidden}.island__says[data-done]{color:var(--ok)}.island__step{color:#8a8a8a;font-size:13px}.section{border-top:1px solid var(--line);padding:96px 0}.section__head{max-width:700px;margin-bottom:48px}.section__head h2{margin-top:14px;font-size:clamp(32px,4.6vw,52px)}.section__head p:not(.eyebrow){color:#3d3d3d;margin-top:16px;font-size:18px}.cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:var(--soft);border-radius:var(--radius);padding:28px}.card h3{margin:18px 0 10px;font-size:22px}.card p{color:#4a4a4a;font-size:15.5px}.card__tag{font:500 12px/1 var(--font-mono);color:var(--muted)}@media (width<=860px){.cards{grid-template-columns:1fr}}.flow{border-radius:var(--radius);color:#d7d7d7;font:400 13.5px/1.75 var(--font-mono);background:#0b0b0b;margin:16px 0 0;padding:26px 28px;overflow-x:auto}.flow .k{color:var(--glow)}.flow .c{color:#7d7d7d}.flow .a{color:#7ee2a8}.shot{margin:0}.shot img{border-radius:var(--radius);border:1px solid var(--line)}.shot figcaption{color:var(--muted);max-width:60em;margin-top:14px;font-size:14px}.shots{gap:40px;display:grid}.checks{grid-template-columns:repeat(2,1fr);gap:0 48px;margin:0;padding:0;list-style:none;display:grid}.checks li{border-bottom:1px solid var(--line);gap:14px;padding:22px 0;display:flex}.checks li strong{margin-bottom:4px;font-weight:600;display:block}.checks li span{color:#4a4a4a;font-size:15.5px}.checks svg{flex:none;margin-top:3px}@media (width<=760px){.checks{grid-template-columns:1fr}}.specs{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.specs>div{padding:26px 28px}.specs>div+div{border-left:1px solid var(--line)}.specs dt{font:500 12px/1 var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.specs dd{letter-spacing:-.02em;margin:12px 0 0;font-size:22px;font-weight:600}.specs dd small{color:var(--muted);letter-spacing:0;margin-top:6px;font-size:14px;font-weight:400;display:block}@media (width<=760px){.specs{grid-template-columns:1fr}.specs>div+div{border-left:0;border-top:1px solid var(--line)}}.cta-band{text-align:center;border-top:1px solid var(--line);padding:110px 0}.cta-band h2{font-size:clamp(34px,5vw,60px)}.cta-band .hero__cta{justify-content:center;margin-bottom:0}.legal{max-width:760px;padding:56px 0 96px}.legal__head{align-items:center;gap:22px;margin-bottom:40px;display:flex}.legal__head h1{margin:10px 0 8px;font-size:clamp(36px,5vw,52px)}.legal__face{aspect-ratio:1;flex:none;width:72px}.legal__body h2{letter-spacing:-.02em;margin:40px 0 12px;font-size:22px}.legal__body p,.legal__body li{color:#333}.legal__body p+p{margin-top:14px}.legal__body ul{margin:12px 0;padding-left:20px}.legal__body li+li{margin-top:6px}.legal__body a{text-underline-offset:3px}.site-footer{border-top:1px solid var(--line);padding:44px 0 36px}.site-footer__in{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.site-footer__in p{margin-top:10px}.site-footer__links{flex-wrap:wrap;align-items:start;gap:10px 24px;display:flex}.site-footer__links a{color:var(--muted);font-size:14px;text-decoration:none}.site-footer__links a:hover{color:var(--ink)}.site-footer__legal{margin-top:32px}.nf-face{width:140px}.stars{font:500 13px/1 var(--font-mono);background:#ffffff29;border-radius:999px;align-items:center;gap:4px;margin-left:4px;padding:3px 9px;display:inline-flex}.stars[hidden]{display:none}.hero__slot{aspect-ratio:100/112;width:min(78%,340px)}.hero__face.is-dockable{z-index:4;transform-origin:0 0;will-change:transform;position:fixed;top:0;left:0}.hero__face.is-dockable svg{filter:drop-shadow(0 10px 22px rgb(0 0 0/calc(var(--dock,0) * .28)))}.hero__stage .says,.hero__hint{opacity:calc(1 - var(--dock,0) * 2)}.dock-says{z-index:4;opacity:0;pointer-events:none;margin:0;transition:opacity .2s,transform .2s;position:fixed;bottom:44px;right:124px;transform:translate(8px)}.is-docked .dock-says.is-new{animation:2.2s forwards dock-say}@keyframes dock-say{8%,80%{opacity:1;transform:none}to{opacity:0;transform:none}}@media (width<=720px){.dock-says{bottom:30px;right:96px}}@media (width<=860px){.hero__slot{width:min(52%,220px)}}.tweets{grid-template-columns:repeat(2,minmax(0,1fr));place-items:start center;gap:24px;display:grid}.tweets>*{width:100%;max-width:550px}@media (width<=860px){.tweets{grid-template-columns:1fr}}.xpost{border:1px solid var(--line);color:#0f1419;background:#fff;border-radius:16px;flex-direction:column;gap:14px;padding:18px 20px 14px;font-family:-apple-system,Segoe UI,Geist,sans-serif;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.xpost:hover{border-color:#cfd9de;box-shadow:0 8px 28px #0000000f}.xpost__head{align-items:center;gap:10px;display:flex}.xpost__avatar{border-radius:50%;width:48px;height:48px}.xpost__who{line-height:1.25;display:grid}.xpost__name{align-items:center;gap:3px;font-size:16px;font-weight:700;display:inline-flex}.xpost__handle{color:#536471;font-size:15px}.xpost__x{align-self:start;margin-left:auto}.xpost__text{white-space:pre-line;font-size:17px;line-height:1.45}.xpost__more{color:#1d9bf0}.xpost__media{border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.xpost__play{background:#1d9bf0;border:4px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.xpost__foot{color:#536471;justify-content:space-between;font-size:15px;display:flex}.xpost__likes{color:#0f1419;align-items:center;gap:6px;font-weight:600;display:inline-flex}.face{--spring:cubic-bezier(.34, 1.56, .64, 1);aspect-ratio:100/112;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;display:block}.face svg{width:100%;height:100%;display:block;overflow:visible}.face[data-interactive]{cursor:grab}.face[data-interactive]:active{cursor:grabbing}.face[data-interactive]:focus-visible .face__body{outline:2px solid var(--ink);outline-offset:10px;border-radius:24%}.face__body{transform-origin:50% 100%;height:100%;transform:translate(var(--lx,0px), calc(var(--lift,0px) + var(--ly,0px))) rotate(var(--tilt,0deg)) scale(var(--sx,1), var(--sy,1));transition:transform .45s var(--spring)}.face.is-quick .face__body{transition-duration:.18s}.face[data-mood=idle] svg{animation:4s ease-in-out infinite face-breathe}.face[data-mood=thinking] svg{animation:2.6s ease-in-out infinite face-float}.face.is-hop svg{animation:face-hop .32s var(--spring)}.face.is-shake svg{animation:.5s ease-out face-shake}.face__eyes{fill:#fff5db;stroke:#fff5db}.face__eyes .v{display:none}.face__eyes .eye{stroke:none;transform-box:fill-box;transform-origin:50%;transition:transform .12s}.face__eyes .stroke,.face__eyes .stroke path{fill:none;stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}.face__eyes .thin path{stroke-width:3px}.face__eyes .v-open,.face__eyes .v-wink,.face__eyes .v-sleep{stroke:none}.face__gaze{transform:translate(var(--gx,0px), var(--gy,0px)) scale(var(--es,1));transform-box:fill-box;transform-origin:50%;transition:transform .28s var(--spring)}.face:is([data-mood=idle],[data-mood=listening],[data-mood=thinking],[data-mood=acting]) .v-open,.face[data-mood=happy] .v-happy,.face[data-mood=wink] .v-wink,.face[data-mood=content] .v-content,.face[data-mood=dizzy] .v-dizzy,.face[data-mood=sleep] .v-sleep{display:inline}.face[data-mood=listening]{--es:1.15}.face.is-blink .eye{transform:scaleY(.08)}.face[data-mood=content] .v-content{transform:translateY(2px)}.face .spin{transform-box:view-box;transform-origin:0 0;animation:.7s linear infinite face-spin}.face .spin.rev{animation-direction:reverse}.face .zz{font:700 12px var(--font-sans);fill:#fff5db;animation:3s linear infinite face-zz}@keyframes face-breathe{50%{transform:scale(1.012)}}@keyframes face-float{50%{transform:translateY(-3%)}}@keyframes face-hop{40%{transform:translateY(-14%)scale(.96,1.05)}}@keyframes face-shake{20%{transform:translate(-6%)rotate(-3deg)}45%{transform:translate(5%)rotate(2deg)}70%{transform:translate(-3%)}}@keyframes face-spin{to{transform:rotate(360deg)}}@keyframes face-zz{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(8px,-12px)}}@media (prefers-reduced-motion:reduce){.face svg,.face__body,.face .spin,.face .zz{transition:none!important;animation:none!important}.face__body{transform:none!important}}
