@font-face{font-family:Host Grotesk;src:url(/_next/static/media/host-grotesk-latin-wght-normal.CBa0fl4q.woff2)format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Host Grotesk;src:url(/_next/static/media/host-grotesk-latin-ext-wght-normal.B8jkyusk.woff2)format("woff2");font-weight:300 800;font-display:swap;unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--ink:#0b0b0c;--muted:#5b5c61;--rule:#e7e7ea;--rule-strong:#cfcfd4;--koi:#f06a1d;--koi-ink:#b8480c;--koi-wash:#fdeee5;--on-koi:#0b0b0c;--quiet-wash:#f2f2f4;--font:"Host Grotesk", ui-sans-serif, system-ui, sans-serif;--frame:1200px;--gutter:clamp(20px, 4vw, 40px);--ease-out:cubic-bezier(.16, 1, .3, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--ink:#f4f4f2;--muted:#a0a0a6;--rule:#1f1f22;--rule-strong:#34343a;--koi:#f26c1f;--koi-ink:#ff8a47;--koi-wash:#2a1408;--quiet-wash:#141416}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--ink:#f4f4f2;--muted:#a0a0a6;--rule:#1f1f22;--rule-strong:#34343a;--koi:#f26c1f;--koi-ink:#ff8a47;--koi-wash:#2a1408;--quiet-wash:#141416}*{box-sizing:border-box}::selection{background:var(--koi);color:var(--on-koi)}:focus-visible{outline:2px solid var(--koi-ink);outline-offset:3px;border-radius:4px}input,textarea,select,button{font:inherit;color:inherit}.open-field{background:var(--koi-wash);color:var(--koi-ink);border-radius:4px;padding:0 4px;font-weight:600}html{-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);min-height:100vh;color:var(--ink);font:400 1.0625rem/1.55 var(--font);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;display:flex}body>main{flex:1}a{color:inherit;text-decoration:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}svg{flex:none}.frame{max-width:calc(var(--frame) + 2px);border-inline:1px solid var(--rule);margin:0 auto}.pad{padding-inline:var(--gutter)}.band{border-top:1px solid var(--rule)}.logo{letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.3125rem;font-weight:700;display:inline-flex}.logo svg{width:28px;height:28px;color:var(--koi)}.site-header{z-index:10;background:var(--bg);border-bottom:1px solid var(--rule);position:sticky;top:0}.site-header .frame{min-height:64px;padding-inline:var(--gutter);align-items:center;gap:28px;display:flex}.nav{gap:4px;margin-left:8px;display:flex}.nav a{color:var(--muted);border-radius:6px;padding:8px 12px;font-size:.9375rem;font-weight:500;transition:color .15s,background-color .15s}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.nav a:hover{background:var(--quiet-wash)}.tools{align-items:center;gap:10px;margin-left:auto;display:flex}.lang{border:1px solid var(--rule-strong);border-radius:8px;padding:2px;display:inline-flex}.lang>a,.lang>span{letter-spacing:.02em;min-width:36px;height:30px;color:var(--muted);border-radius:6px;place-items:center;font-size:.8125rem;font-weight:600;display:inline-grid}.lang>a:hover{color:var(--ink)}.lang>[aria-current]{background:var(--ink);color:var(--bg)}.theme-toggle{border:1px solid var(--rule-strong);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:8px;place-items:center;padding:0;display:inline-grid}.theme-toggle:hover{background:var(--quiet-wash)}.theme-toggle svg{grid-area:1/1;width:18px;height:18px}.theme-toggle .moon,:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .sun{display:none}:root:not([data-theme=light]) .theme-toggle .moon{display:block}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.hero{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.hero-copy{grid-column:1/span 7;padding-block:clamp(56px,9vw,120px) clamp(48px,7vw,96px)}.hero h1{letter-spacing:-.038em;text-wrap:balance;margin:0;font-size:clamp(2.6rem,5.4vw,4.75rem);font-weight:650;line-height:1.02}.lead{max-width:36ch;color:var(--muted);text-wrap:pretty;margin:28px 0 0;font-size:clamp(1.125rem,1.5vw,1.3125rem);line-height:1.5}.actions{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.btn{border-radius:8px;align-items:center;gap:10px;height:48px;padding:0 20px;font-size:1rem;font-weight:600;transition:background-color .2s;display:inline-flex}.btn svg{width:16px;height:16px;transition:transform .25s var(--ease-out)}.btn:hover svg{transform:translate(3px)}.btn-primary{background:var(--koi);color:var(--on-koi)}.btn-primary:hover{background:color-mix(in oklab, var(--koi), var(--ink) 12%)}.btn-secondary{border:1px solid var(--rule-strong)}.btn-secondary:hover{background:var(--quiet-wash)}.mark-box{aspect-ratio:992/980;color:var(--koi);position:relative}.mark-box>.mark{width:100%;height:100%;display:block}.mark-box>video{object-fit:fill;pointer-events:none;opacity:0;max-width:none;position:absolute}.mark-box[data-motion=intro]>[data-clip=intro],.mark-box[data-motion=idle]>[data-clip=idle],.mark-box[data-motion=lost]>[data-clip=lost],.mark-box[data-motion=spinner]>[data-clip=spinner],.mark-box[data-motion=success]>[data-clip=success]{opacity:1}.mark-box:not([data-motion=static],[data-motion=paused])>.mark{visibility:hidden}.landing{overflow-x:clip}.hero-mark{border-left:1px solid var(--rule);padding:40px 0 40px var(--gutter);grid-column:8/span 5;place-items:center;margin:0;display:grid;position:relative;overflow:visible clip}.construct{width:min(100%,440px)}.construct svg{width:100%;height:100%;position:absolute;inset:0}.guides{fill:none;stroke:var(--rule);clip-path:inset(-100vh 0 -100vh calc(-.5px - var(--gutter)));overflow:visible}.guides *{vector-effect:non-scaling-stroke}.guides circle{stroke:var(--rule-strong)}.guides circle+circle{stroke-dasharray:3 5}[data-hero=waiting] .construct>.mark{visibility:hidden}.hero-mark figcaption{left:var(--gutter);color:var(--muted);font-size:.8125rem;position:absolute;bottom:20px;right:0}.motion-toggle{border:1px solid var(--rule-strong);background:var(--bg);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:8px;place-items:center;padding:0;display:inline-grid;position:absolute;top:50%;right:0;translate:0 -50%}.motion-toggle:hover{background:var(--quiet-wash)}.motion-toggle svg{grid-area:1/1;width:14px;height:14px}.motion-toggle .play,.motion-toggle[aria-pressed=true] .pause{display:none}.motion-toggle[aria-pressed=true] .play{display:block}.section-head{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;column-gap:24px;padding-block:clamp(56px,7vw,88px) 32px;display:grid}.section-head h2{letter-spacing:-.03em;grid-column:1/span 5;margin:0;font-size:clamp(2rem,3.4vw,2.75rem);font-weight:650;line-height:1.05}.section-head p{color:var(--muted);grid-column:7/span 6;margin:0}.band>.frame{padding-bottom:clamp(64px,8vw,104px)}.apps{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.apps>li{border-bottom:1px solid var(--rule)}.app{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-block:36px;display:grid;position:relative}.app:before{content:"";left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));background:var(--koi);transform-origin:0;height:2px;transition:transform .5s var(--ease-out);position:absolute;top:-1px;transform:scaleX(0)}.app:hover:before,.app:focus-within:before{transform:scaleX(1)}@media (prefers-reduced-motion:reduce){.app:before{transition:none}}.app-id{flex-direction:column;grid-column:1/span 4;align-items:flex-start;gap:14px;display:flex}.app-id h3{font:inherit;margin:0}.app-name{letter-spacing:-.035em;align-items:center;gap:.3em;font-size:clamp(2rem,3.2vw,2.625rem);font-weight:650;line-height:1;display:flex}.app-name img{flex:none;width:1em;height:1em}.app-name:hover{color:var(--koi-ink)}.status{background:var(--koi-wash);height:26px;color:var(--koi-ink);border-radius:999px;align-items:center;gap:8px;padding:0 10px;font-size:.8125rem;font-weight:600;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-retired{background:var(--quiet-wash);color:var(--muted)}.store-link{background:var(--ink);height:40px;color:var(--bg);border-radius:8px;align-items:center;padding:0 14px;font-size:.875rem;font-weight:600;display:inline-flex}.app-line{letter-spacing:-.01em;text-wrap:pretty;grid-column:5/span 5;margin:4px 0 0;font-size:1.25rem;line-height:1.45}.app-links{flex-direction:column;grid-column:10/span 3;align-self:start;gap:2px;margin:0;padding:0;list-style:none;display:flex}.app-links a{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:7px 0;font-size:.9375rem;font-weight:500;display:flex}.app-links a:hover{color:var(--ink)}.app-links a.primary{color:var(--koi-ink);font-weight:600}.app-links svg{width:14px;height:14px;transition:transform .25s var(--ease-out)}.app-links a:hover svg{transform:translate(3px)}body>main:not(.landing){width:100%;max-width:calc(var(--frame) + 2px);border-inline:1px solid var(--rule);padding:clamp(48px, 7vw, 88px) var(--gutter) clamp(64px, 8vw, 104px);margin:0 auto}body>main:not(.landing)>*{max-width:46rem}main:not(.landing) h1{letter-spacing:-.035em;text-wrap:balance;margin:0 0 24px;font-size:clamp(2.25rem,4.4vw,3.5rem);font-weight:650;line-height:1.05}.lost-mark{width:min(104px,29%);margin:0 0 48px}main:not(.landing) h2{letter-spacing:-.025em;margin:48px 0 16px;font-size:1.625rem;font-weight:650;line-height:1.15}main:not(.landing) h3{margin:32px 0 12px;font-size:1.1875rem;font-weight:650}main:not(.landing) p,main:not(.landing) li{text-wrap:pretty}main:not(.landing) a:not(.btn){color:var(--koi-ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}main:not(.landing) a:not(.btn):hover{text-decoration-thickness:2px}main:not(.landing) ul{padding-left:1.2em}.faq{border-top:1px solid var(--rule)}.faq details{border-bottom:1px solid var(--rule);padding:16px 0}.faq summary{cursor:pointer;font-weight:600}.contact-form{border:1px solid var(--rule);border-radius:12px;gap:24px;margin-top:24px;padding:clamp(20px,3vw,32px);display:grid}main:not(.landing) .contact-form h3{margin:0}.field{gap:8px;display:grid}.field label{font-size:.9375rem;font-weight:600}.field-hint{color:var(--muted);margin:-4px 0 0;font-size:.875rem}.field :is(input,select,textarea){border:1px solid var(--rule-strong);background:var(--bg);border-radius:8px;width:100%;min-height:48px;padding:11px 14px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:10rem;line-height:1.5}.field select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:40px}.field :is(input,select,textarea):hover{border-color:var(--muted)}.field :is(input,select,textarea):focus-visible{border-color:var(--koi-ink);box-shadow:0 0 0 3px color-mix(in oklab, var(--koi) 30%, transparent);border-radius:8px;outline:none}.field [aria-invalid=true]{border-color:var(--koi-ink)}.field-error{color:var(--koi-ink);margin:0;font-size:.875rem;font-weight:600}.field-error:before{content:"! "}.turnstile:empty{display:none}.contact-submit{justify-self:start;display:grid;position:relative}.contact-submit>button{cursor:pointer;border:0}.contact-submit>button:disabled{cursor:progress;opacity:.7}.contact-spinner{width:28px;position:absolute;top:50%;left:calc(100% + 14px);translate:0 -50%}.contact-success{width:96px;margin-top:24px}.contact-success+.contact-sent{margin-top:16px}.contact-sent,.contact-failed{border-left:3px solid var(--koi);background:var(--koi-wash);border-radius:8px;margin-top:24px;padding:16px 20px}.contact-failed{background:var(--quiet-wash)}.contact-sent p,.contact-failed p{margin:0}.contact-notice{color:var(--muted);margin-top:16px;font-size:.875rem}@media (max-width:640px){.contact-submit{justify-self:stretch}.contact-submit>button{justify-content:center}.contact-spinner{left:calc(100% + 6.5px)}}@media (prefers-reduced-motion:reduce){.field :is(input,select,textarea){transition:none}}.site-footer{border-top:1px solid var(--rule)}.site-footer .frame{padding:32px var(--gutter) 40px;flex-wrap:wrap;align-items:center;gap:16px 32px;display:flex}.site-footer .logo{font-size:1.125rem}.site-footer .logo svg{width:24px;height:24px}.site-footer nav{flex-wrap:wrap;gap:4px 20px;margin-left:auto;display:flex}.site-footer nav a{color:var(--muted);padding:6px 0;font-size:.9375rem;font-weight:500}.site-footer nav a:hover{color:var(--ink)}@media (max-width:900px){.hero-copy{grid-column:1/-1;padding-bottom:8px}.hero-mark{border-left:0;border-top:1px solid var(--rule);grid-column:1/-1;grid-template-columns:auto 1fr;align-items:end;gap:20px;margin-top:48px;padding:28px 0;overflow:hidden}.guides{clip-path:none}.construct{width:min(46vw,200px)}.hero-mark figcaption{margin:0 0 4px;position:relative;inset:auto}.motion-toggle{left:calc(100% + 12px);right:auto}.section-head h2,.section-head p{grid-column:1/-1}.section-head p{margin-top:14px}.app{row-gap:16px;padding-block:28px}.app-id,.app-line,.app-links{grid-column:1/-1}.app-id{flex-flow:wrap;justify-content:space-between;align-items:center}.app-links{flex-flow:wrap;gap:4px 20px}.app-links a{justify-content:flex-start}}@media (max-width:520px){.motion-toggle{inset:auto 0 calc(100% + 8px) auto;translate:none}}@media (max-width:640px){.site-header .frame{flex-wrap:wrap;gap:10px 12px;padding-top:10px}.nav{width:calc(100% + 2 * var(--gutter));margin:0 calc(-1 * var(--gutter));padding:0 calc(var(--gutter) - 12px);border-top:1px solid var(--rule);order:3;align-items:center;height:44px}.logo{font-size:1.1875rem}.logo svg{width:26px;height:26px}.hero h1{font-size:clamp(2.25rem,10.4vw,2.75rem)}.actions .btn{flex:auto;justify-content:center}.app-line{font-size:1.125rem}.site-footer .frame{flex-direction:column;align-items:flex-start}.site-footer nav{margin-left:0}}