:root{--bg: #f1f3f6;--bg-soft: #e6eaf0;--ink: #131722;--ink-soft: rgba(19, 23, 34, .66);--ink-faint: rgba(19, 23, 34, .42);--rule: rgba(19, 23, 34, .12);--rule-soft: rgba(19, 23, 34, .06);--paper: #fbfcfd;--accent: oklch(.55 .13 250);--hue-fasttab: oklch(.55 .14 250);--hue-strider: oklch(.55 .12 150);--hue-pineapple: oklch(.7 .13 78);--hue-breeze: oklch(.66 .1 210);--hue-ai-chat-sidebar: oklch(.61 .16 285);--hue-speechtodo: oklch(.55 .14 295);--hue-canvas: oklch(.6 .13 40);--f-display: "Instrument Serif", "Newsreader", Georgia, serif;--f-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", sans-serif;--f-mono: "Geist Mono", ui-monospace, "SF Mono", "JetBrains Mono", monospace;--sp-section: 160px;--sp-block: 56px;--sp-row: 28px;--gutter: 28px;--card-pad: 28px;--hero-size: clamp(48px, 7.4vw, 116px)}@media (prefers-color-scheme: dark){:root{--bg: #101113;--bg-soft: #191a1d;--ink: #ececed;--ink-soft: rgba(236, 236, 237, .66);--ink-faint: rgba(236, 236, 237, .4);--rule: rgba(236, 236, 237, .14);--rule-soft: rgba(236, 236, 237, .07);--paper: #16171a}.px-mark{opacity:.13!important}.px-horizon{mix-blend-mode:screen;opacity:.5}}*,*:before,*:after{box-sizing:border-box}[data-px]{translate:0 var(--px-y, 0);will-change:translate}@media (prefers-reduced-motion: reduce){[data-px]{translate:0 0;will-change:auto}}.px-mark{position:absolute;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:0;font-family:var(--f-display);font-style:italic;font-weight:400;line-height:1;letter-spacing:-.04em;color:var(--ink);opacity:.11;white-space:nowrap}.px-mark.tr{top:-.05em;right:.06em;font-size:clamp(180px,26vw,380px);padding-right:.06em}.px-mark.bl{bottom:-.06em;left:.04em;font-size:clamp(160px,22vw,320px)}.sect{position:relative;overflow:clip}.sect>*:not(.px-mark){position:relative;z-index:1}.px-horizon{display:none;position:fixed;left:0;right:0;top:calc(var(--scroll-progress, 0) * 100vh);height:1px;background:linear-gradient(to right,transparent 0,var(--rule) 12%,var(--rule) 88%,transparent 100%);opacity:.85;pointer-events:none;z-index:0;mix-blend-mode:multiply}@media (prefers-reduced-motion: reduce){.px-horizon{display:none}}html,body{margin:0;padding:0}html{overflow-x:clip}body{background:var(--bg);color:var(--ink);font-family:var(--f-sans);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .4s ease,color .4s ease;overflow-x:clip}::-moz-selection{background:var(--ink);color:var(--bg)}::selection{background:var(--ink);color:var(--bg)}a{color:inherit;text-decoration:none}.shell{max-width:1240px;margin:0 auto;padding:0 max(28px,4vw)}.nav{display:flex;align-items:center;justify-content:space-between;padding:28px 0 0;font-size:13px}.nav .brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:12.5px;letter-spacing:-.01em}.nav .brand .dot{width:8px;height:8px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 18%,transparent)}.nav ul{list-style:none;padding:0;margin:0;display:flex;gap:26px;font-family:var(--f-mono);font-size:12.5px;color:var(--ink-soft)}.nav a{position:relative;transition:color .2s ease}.nav a:hover{color:var(--ink)}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.nav a:hover:after{transform:scaleX(1)}.hero{padding-top:clamp(72px,12vh,140px);padding-bottom:var(--sp-section);position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"eyebrow rule" "title   title" "lede    lede" "meta    meta";-moz-column-gap:32px;column-gap:32px;row-gap:0;align-items:start}.hero>.eyebrow{grid-area:eyebrow}.hero>h1{grid-area:title}.hero>.lede{grid-area:lede}.hero>.meta{grid-area:meta}.hero>.hero-rule{grid-area:rule;position:static;align-self:start;padding-top:4px}.hero .eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.04em;color:var(--ink-faint);display:flex;align-items:center;gap:14px;margin-bottom:36px}.hero .eyebrow .line{flex:0 0 64px;height:1px;background:currentColor}.hero h1{margin:0;font-family:var(--f-display);font-weight:400;font-size:var(--hero-size);line-height:.92;letter-spacing:-.025em;text-wrap:balance}.hero h1 em{font-style:italic;color:var(--ink-soft)}.hero h1 .w{display:inline-block;opacity:0;transform:translateY(.42em);filter:blur(10px);will-change:opacity,transform,filter;animation:hero-word-in 1.15s cubic-bezier(.2,.65,.2,1) both;animation-delay:calc(var(--i, 0) * 75ms + .18s)}.hero h1 em.w{animation-duration:1.55s;animation-delay:calc(var(--i, 0) * 75ms + .26s)}@keyframes hero-word-in{0%{opacity:0;transform:translateY(.42em);filter:blur(10px)}55%{filter:blur(0)}to{opacity:1;transform:translateY(0);filter:blur(0)}}.hero .eyebrow .line{transform-origin:left center;animation:hero-rule-in .9s cubic-bezier(.2,.7,.2,1) 80ms both}.hero .eyebrow>span:last-child,.hero .lede,.hero .meta{animation:hero-fade-up 1.1s cubic-bezier(.2,.7,.2,1) both}.hero .eyebrow>span:last-child{animation-delay:.32s}.hero .lede{animation-delay:.88s}.hero .meta{animation-delay:1.02s}@keyframes hero-rule-in{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.hero h1 .w,.hero .eyebrow .line,.hero .eyebrow>span:last-child,.hero .lede,.hero .meta{animation:none;opacity:1;transform:none;filter:none}}.hero .lede{margin:56px 0 0;max-width:580px;font-size:19px;line-height:1.5;color:var(--ink-soft);text-wrap:pretty}.hero .meta{margin-top:56px;display:flex;gap:40px;font-family:var(--f-mono);font-size:12px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em}.hero .meta b{color:var(--ink);font-weight:500}.live-dot{display:inline-block;width:6px;height:6px;border-radius:999px;background:#31aa40;margin-right:6px;position:relative;vertical-align:middle;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #31aa4080}50%{box-shadow:0 0 0 6px #31aa4000}}.hero-rule{display:flex;flex-direction:column;gap:8px;align-items:flex-end;font-family:var(--f-mono);font-size:11px;color:var(--ink-faint);letter-spacing:.04em;white-space:nowrap}.hero-rule .chips{display:flex;gap:6px}.hero-rule .chips i{width:14px;height:14px;border-radius:4px;display:block;opacity:.85}.sect{padding:var(--sp-block) 0;border-top:1px solid var(--rule);position:relative}.sect-hd{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--sp-row);gap:24px}.sect-hd .label{font-family:var(--f-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.sect-hd .label:before{content:attr(data-num);display:inline-block;margin-right:12px;color:var(--ink)}.sect-hd .count{font-family:var(--f-mono);font-size:12px;color:var(--ink-faint)}.sect h2{font-family:var(--f-display);font-weight:400;font-size:clamp(32px,4.4vw,56px);line-height:1.04;letter-spacing:-.02em;margin:0;max-width:760px;text-wrap:balance}.sect h2 em{font-style:italic;color:var(--ink-soft)}.apps{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gutter);margin-top:var(--sp-row)}.app{position:relative;padding:var(--card-pad);border:1px solid var(--rule);border-radius:14px;background:var(--paper);overflow:hidden;isolation:isolate;cursor:pointer;--mx: 100%;--my: 0%;transition:border-color .35s ease,transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.app:before{content:"";position:absolute;inset:0;background:radial-gradient(520px circle at var(--mx) var(--my),color-mix(in oklch,var(--app-hue) 42%,transparent) 0%,color-mix(in oklch,var(--app-hue) 22%,transparent) 28%,color-mix(in oklch,var(--app-hue) 8%,transparent) 55%,transparent 80%);opacity:0;transition:opacity .6s ease;z-index:-1;pointer-events:none}.app:hover{border-color:color-mix(in oklch,var(--app-hue) 50%,var(--rule));transform:translateY(-2px);box-shadow:0 12px 40px -20px color-mix(in oklch,var(--app-hue) 35%,transparent)}.app:hover:before{opacity:.32}@media (prefers-color-scheme: dark){.app:hover:before{opacity:.28}}@media (prefers-reduced-motion: reduce){.app:before{transition:none}}.app .row1{display:flex;align-items:flex-start;gap:18px;margin-bottom:36px}.app .icon{flex:0 0 56px;width:56px;height:56px;border-radius:14px;background:transparent;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--paper);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 10%,transparent);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.app[data-app=breeze] .icon{box-shadow:none}.app:hover .icon{transform:scale(1.04) rotate(-2deg)}.app .icon img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;border-radius:inherit}.app .peek{position:absolute;top:-14%;right:-14%;width:48%;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;background:var(--bg-soft);box-shadow:0 0 0 1px color-mix(in oklch,var(--app-hue) 35%,var(--rule)),0 22px 60px -28px color-mix(in oklch,var(--app-hue) 60%,transparent),0 6px 18px -10px #00000040;opacity:0;transform:translate(22%,-22%) rotate(8deg) scale(.9);transform-origin:100% 0%;transition:opacity .4s ease,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none;z-index:0}.app .peek img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.app>*:not(.peek){position:relative;z-index:1}@media (hover: hover){.app:hover .peek,.app:focus-visible .peek{opacity:1;transform:translate(0) rotate(-3deg) scale(1)}}@media (hover: none){.app[data-peek=in] .peek{opacity:1;transform:translate(0) rotate(-3deg) scale(1)}.app[data-peek=past] .peek{opacity:0;transform:translate(-22%,22%) rotate(-8deg) scale(.9)}}@media (prefers-reduced-motion: reduce){.app .peek{transition:opacity .25s ease;transform:none!important}.app:hover .peek,.app[data-peek=in] .peek{transform:none!important}}.app .head{flex:1;min-width:0}.app .name{font-family:var(--f-display);font-size:28px;line-height:1.1;margin:0 0 6px;letter-spacing:-.015em}.app .sub{font-family:var(--f-mono);font-size:11.5px;color:var(--ink-faint);letter-spacing:.02em}.app .tag{font-size:16px;line-height:1.45;color:var(--ink-soft);margin:0 0 var(--card-pad);max-width:38ch;text-wrap:pretty}.app .row2{display:flex;align-items:center;justify-content:space-between;font-family:var(--f-mono);font-size:12px;color:var(--ink-faint);letter-spacing:.02em}.app .row2 .status{display:inline-flex;align-items:center;gap:6px;text-transform:uppercase}.app .row2 .status i{width:5px;height:5px;border-radius:999px;background:#31aa40;display:inline-block}.app .visit{display:inline-flex;align-items:center;gap:6px;color:var(--ink);position:relative}.app .visit .arrow{display:inline-block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.app:hover .visit .arrow{transform:translate(4px)}.app .visit:after{content:"";position:absolute;left:0;right:14px;bottom:-3px;height:1px;background:var(--app-hue);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.app:hover .visit:after{transform:scaleX(1)}.approach{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);margin-top:var(--sp-row);align-items:start}.approach .lead{font-family:var(--f-display);font-size:clamp(28px,3.2vw,44px);line-height:1.12;letter-spacing:-.015em;margin:0;text-wrap:balance}.approach .lead em{font-style:italic;color:var(--ink-soft)}.principles{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.principles li{padding:22px 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:32px 1fr;gap:18px;align-items:baseline}.principles li:last-child{border-bottom:1px solid var(--rule)}.principles .n{font-family:var(--f-mono);font-size:11px;color:var(--ink-faint);letter-spacing:.06em}.principles .pr-h{font-family:var(--f-display);font-size:22px;line-height:1.2;letter-spacing:-.01em;margin:0 0 4px}.principles .pr-b{font-size:15px;color:var(--ink-soft);margin:0;line-height:1.5;text-wrap:pretty}.makers{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gutter);margin-top:var(--sp-row)}.maker{padding:var(--card-pad);border:1px solid var(--rule);border-radius:14px;background:var(--paper);display:flex;flex-direction:column;gap:24px;transition:border-color .3s ease,transform .4s cubic-bezier(.2,.7,.2,1)}.maker:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--ink) 18%,var(--rule))}.maker-head{display:flex;align-items:center;gap:18px}.maker-head>.who{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.maker .avatar{flex:0 0 64px}.maker-head .name{white-space:nowrap}.maker .avatar{width:64px;height:64px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--bg-soft);color:var(--ink);font-family:var(--f-display);font-size:28px;font-style:italic;border:1px solid var(--rule);position:relative;overflow:hidden}.maker .avatar img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;z-index:1}.maker-head .name{font-family:var(--f-display);font-size:28px;line-height:1.1;letter-spacing:-.015em;margin:0}.maker-head .handle{font-family:var(--f-mono);font-size:12px;color:var(--ink-faint);margin-top:2px}.maker p{margin:0;color:var(--ink-soft);line-height:1.55}.maker .role{font-family:var(--f-mono);font-size:11.5px;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.06em;display:flex;gap:14px;flex-wrap:wrap}.maker .role i{font-style:normal;color:var(--ink)}.maker .visit{margin-top:auto;font-family:var(--f-mono);font-size:12px;display:inline-flex;align-items:center;gap:6px;color:var(--ink)}.maker .visit .arrow{transition:transform .3s}.maker:hover .visit .arrow{transform:translate(4px)}.foot{margin-top:var(--sp-section);padding:56px 0 48px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}.foot .colophon{font-family:var(--f-display);font-size:clamp(40px,7vw,100px);line-height:.92;letter-spacing:-.025em;color:var(--ink);margin:0}.foot .colophon em{font-style:italic;color:var(--ink-soft)}.foot-links{display:flex;flex-direction:column;gap:12px;font-family:var(--f-mono);font-size:12px;color:var(--ink-faint);text-align:right}.foot-links a,.foot-links .foot-app-link{color:var(--ink);transition:color .2s ease;position:relative}.foot-links a:hover,.foot-links .foot-app-link:hover{color:var(--accent)}.foot-links .legal{color:var(--ink-faint)}@media (max-width: 880px){.apps,.approach,.makers{grid-template-columns:1fr}.hero-rule{display:none}.nav ul{gap:16px}}