:root{--ink:#0b0b0f;--paper:#f4f1ea;--paper-2:#ebe6da;--muted:#57534a;--accent:#f472b6;--m:clamp(16px, 2.6vw, 40px);--face:"Bricolage Grotesque Variable", system-ui, sans-serif;--step-small:clamp(.8125rem, .79rem + .1vw, .875rem);--step-body:clamp(1.0625rem, 1rem + .25vw, 1.1875rem);--step-lead:clamp(1.25rem, 1.1rem + .7vw, 1.625rem);--step-head:clamp(2.25rem, 1.3rem + 3.6vw, 4.5rem);--step-display:clamp(2.75rem, 1rem + 5.6vw, 7.5rem);--spring:linear(0, .037, .128, .244, .381, .513, .643, .755, .854, .93, .992, 1.034, 1.063, 1.079, 1.086, 1.085, 1.079, 1.07, 1.058, 1.047, 1.035, 1.025, 1.016, 1.009, 1.003, .998, .995, .994, .993, .993, .993, .994, .995, .996, .997, .997, .998, .999, 1, 1, 1);--settle:cubic-bezier(.22, 1, .36, 1);color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--face);font-size:var(--step-body);font-optical-sizing:auto;margin:0;line-height:1.5}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.wrap{padding-inline:var(--m)}.h2{font-size:var(--step-head);letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:600;line-height:.95}.scrim{z-index:19;background:#0b0b0f24;border:0;position:fixed;inset:0}.nav{z-index:20;background:var(--ink);width:280px;height:48px;color:var(--paper);transition:width .45s var(--settle), height .45s var(--settle), border-radius .45s var(--settle), scale .5s var(--spring);border-radius:24px;position:fixed;top:12px;left:50%;overflow:hidden;translate:-50%;box-shadow:0 12px 32px #0b0b0f3d}.nav.open,.nav.answering{transition:width .9s var(--spring), height .9s var(--spring), border-radius .9s var(--spring);border-radius:28px}.nav.compact,.nav.timing{transition:width .9s var(--spring), scale .5s var(--spring)}.nav:hover:not(.open){scale:1.03}.nav-bar{white-space:nowrap;align-items:center;gap:4px;width:max-content;height:48px;padding:0 6px 0 16px;display:flex}.nav.open .nav-bar,.nav.answering .nav-bar{width:100%}.nav-timer-stop{color:#fbbf24;cursor:pointer;width:28px;height:28px;transition:background .2s, scale .4s var(--spring);background:#fbbf2429;border:0;border-radius:50%;place-items:center;margin-left:2px;display:grid}.nav-timer-stop:hover{background:#fbbf244d}.nav-timer-stop:active{scale:.9}.answer{padding:4px 22px 20px;display:none}.nav.answering .answer{display:block}.answer-head{color:#a8a397;align-items:center;gap:8px;font-size:14px;display:flex}.answer-who{color:#fff;font-weight:600}.answer-close{color:#a8a397;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:auto;display:grid}.answer-close:hover{color:#fff;background:#ffffff14}.answer-text{color:#f4f1ea;min-height:1.45em;margin:6px 0 0;font-size:17px;line-height:1.45}.answer-text.thinking:after{content:"•••";letter-spacing:3px;color:#8c877c;animation:1s ease-in-out infinite pulse}.answer-source{color:#a8a397;margin:12px 0 0;font-size:14px}.brand{align-items:center;gap:8px;margin-right:auto;padding-right:8px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.nav-timer{color:#fbbf24;font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:0 10px 0 2px;font-size:15px;font-weight:600;display:flex}.nav-timer[hidden]{display:none}.nav.done .nav-timer{animation:pulse .6s var(--settle) 3}@keyframes pulse{50%{opacity:.35}}.nav-toggle{color:#d9d5cc;height:36px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:18px;align-items:center;gap:6px;padding:0 12px;font-size:15px;display:flex}.nav-toggle:hover{color:#fff}.nav-toggle svg{transition:rotate .6s var(--spring)}.nav.open .nav-toggle svg{rotate:180deg}.nav.compact .nav-toggle{display:none}.nav-download{background:var(--paper);height:36px;color:var(--ink);transition:scale .4s var(--spring);border-radius:18px;align-items:center;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;display:flex}.nav-download:active{scale:.96}.menu{padding:8px 24px 20px;display:none}.nav.open .menu,.nav.closing .menu{display:block}.menu-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;display:grid}.menu-label{color:#a8a397;margin:8px 0 6px;font-size:14px}.menu a{color:#e9e5dc;border-radius:10px;margin:0 -10px;padding:7px 10px;font-size:16px;text-decoration:none;display:block}.menu a:hover{color:#fff;background:#ffffff14}.menu-foot{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.menu-foot .menu-lang{background:#ffffff14;border-radius:999px;margin:0;padding:7px 14px;font-size:14px}.menu-version{color:#a8a397;font-size:14px}.hero{height:270svh}.hero-stage{height:100svh;padding:96px var(--m) 0;flex-direction:column;display:flex;position:sticky;top:0}.sentence{font-size:var(--step-display);letter-spacing:-.045em;justify-content:center;align-items:baseline;gap:.24em;margin:auto 0 0;font-weight:600;line-height:.92;display:flex}.half{white-space:nowrap}.band{height:34svh;margin:0 calc(-1 * var(--m));flex:none;overflow:hidden}.band img{object-fit:cover;object-position:58% 50%;width:100%;height:100%;display:block}.isle{color:#fff;letter-spacing:0;width:.74em;height:.74em;transition:width .9s var(--spring);background:#000;border-radius:.37em;display:inline-block;position:relative}.isle[data-state=time]{width:2.15em}.isle[data-state=music]{width:3.3em}.isle[data-state=timer]{width:2.35em}.layer{font-variant-numeric:tabular-nums;visibility:hidden;justify-content:center;align-items:center;gap:.32em;font-size:.28em;font-weight:600;display:flex;position:absolute;inset:0}.isle[data-state=time] .layer-time,.isle[data-state=music] .layer-music,.isle[data-state=timer] .layer-timer{visibility:visible}.layer-music{justify-content:space-between;padding:0 .95em 0 .42em}.art{background:#3b2a55;border-radius:.5em;flex:none;width:1.85em;height:1.85em}.track{margin-right:auto;padding-left:.5em}.eq{align-items:center;gap:.16em;height:1.2em;display:flex}.eq i{background:var(--accent);transform-origin:50%;border-radius:.1em;width:.18em;height:100%;animation:1.1s ease-in-out infinite paused eq;display:block}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}.eq i:nth-child(4){animation-delay:-.85s}.isle[data-state=music] .eq i{animation-play-state:running}@keyframes eq{0%,to{scale:1 .35}50%{scale:1}}.layer-timer{color:#fbbf24}.dot-mic{background:#fb923c;border-radius:50%;width:.42em;height:.42em}.steps{max-width:40ch;min-height:1.4em;font-size:var(--step-lead);text-align:center;align-self:center;margin:40px 0 auto}.step{display:none}.step.on{display:block}.ask{padding-top:200px}.keys{font-size:var(--step-lead);color:var(--muted);margin:20px 0 0}.ask-box{background:var(--ink);max-width:640px;color:var(--paper);border-radius:30px;margin-top:48px;padding:8px;box-shadow:0 24px 60px #0b0b0f38}.ask-field{cursor:text;align-items:center;gap:12px;height:60px;padding:0 10px 0 18px;display:flex}.ask-input{color:#fff;min-width:0;font:inherit;caret-color:var(--accent);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:20px}.ask-input::placeholder{color:#8c877c}.ask-field:focus-within{outline-offset:2px;border-radius:22px;outline:2px solid #f4f1ea80}.ask-chip{background:#27272a;border-radius:999px;flex:none;padding:6px 14px;font-size:15px}.ask-answer{gap:2px;padding-top:6px;display:grid}.ask-row{color:#d9d5cc;min-height:48px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:16px;justify-content:space-between;align-items:center;padding:0 16px;font-size:16px;text-decoration:none;transition:background .2s;display:flex}.ask-row[hidden]{display:none}.ask-row:hover,.ask-row.is-active{color:#fff;background:#ffffff17}.ask-row kbd{font:inherit;color:#a8a397;font-size:14px}.ask-row:not(.is-active) kbd{visibility:hidden}.examples{flex-wrap:wrap;gap:8px;margin:32px 0 0;display:flex}.example{background:var(--paper-2);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;transition:background .2s, scale .4s var(--spring);border:0;border-radius:22px;padding:0 18px;font-size:16px}.example:hover{background:#e2dccd}.example:active{scale:.96}.quiet{grid-template-columns:4fr 8fr;gap:32px;padding-top:200px;display:grid}.quiet-head{align-self:start;position:sticky;top:120px}.quiet-rows{gap:64px;display:grid}.quiet-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;display:grid}.quiet-copy h3{font-size:var(--step-lead);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.15}.quiet-copy p{max-width:34ch;margin:10px 0 0}.frag{background:#1d1b22;border-radius:20px;width:320px;height:240px;position:relative;overflow:hidden}.frag-isle{color:#fff;font-variant-numeric:tabular-nums;background:#000;border-radius:15px;place-items:center;width:104px;height:30px;font-size:13px;font-weight:600;display:grid;position:absolute;top:12px;left:50%;translate:-50%}.frag-window{background:#2a2830;border-radius:12px 12px 0 0;position:absolute;inset:58px 24px 0}.cursor{animation:nudge 3.2s var(--settle) infinite;position:absolute;top:24px;left:232px}@keyframes nudge{0%,to{translate:0}45%,60%{translate:-30px 52px}}.frag-focus{background:#233127}.frag-game i{background:#2f4a37;border-radius:50% 50% 0 0;display:block;position:absolute;bottom:0}.frag-game i:first-child{width:180px;height:90px;left:-20px}.frag-game i:nth-child(2){background:#3a5a43;width:260px;height:130px;left:120px}.frag-game i:nth-child(3){width:150px;height:70px;right:-40px}.frag-taskbar{background:#0b0b0f8c;justify-content:center;gap:8px;padding:10px 0;display:flex;position:absolute;bottom:0;left:0;right:0}.frag-taskbar i{background:#f4f1ea47;border-radius:6px;width:22px;height:22px;display:block}.frag-file{background:var(--paper-2);grid-template-columns:auto 1fr;align-content:center;gap:2px 16px;padding:0 40px;display:grid}.file-icon{background:var(--ink);border-radius:14px;grid-row:span 2;place-items:center;width:56px;height:56px;display:grid}.file-name{align-self:end;font-weight:600}.file-size{color:var(--muted)}.roadmap{padding-top:200px}.rm{gap:8px;margin:56px 0 0;padding:0;list-style:none;display:grid}.rm-row{min-height:88px;transition:background .3s var(--settle);border-radius:24px;grid-template-columns:340px minmax(0,1fr) auto;align-items:center;gap:32px;padding:0 24px;display:grid}.rm-row:hover{background:var(--paper-2)}.rm-copy{gap:2px;display:grid}.rm-copy strong{font-size:var(--step-lead);letter-spacing:-.02em;font-weight:600}.rm-pill{width:var(--w0);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;height:34px;transition:width .45s var(--settle), height .45s var(--settle), border-radius .45s var(--settle);background:#000;border-radius:17px;justify-content:center;align-items:center;gap:10px;padding:0 14px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.rm-row:hover .rm-pill{width:var(--w1);height:44px;transition:width .9s var(--spring), height .9s var(--spring), border-radius .9s var(--spring);border-radius:22px}.rm-more{opacity:0;max-width:0;transition:max-width .45s var(--settle), opacity .2s;display:inline-block;overflow:hidden}.rm-row:hover .rm-more{opacity:1;max-width:220px;transition:max-width .9s var(--spring), opacity .4s var(--settle) .12s}.rm-dim{color:#a1a1aa;font-weight:500}.rm-art{background:#3b2a55;border-radius:7px;flex:none;width:24px;height:24px}.rm-peek .rm-art{width:0;transition:width .45s var(--settle)}.rm-row:hover .rm-peek .rm-art{width:30px;height:30px;transition:width .9s var(--spring), height .9s var(--spring)}.rm-row:hover .rm-swap{display:none}.rm-music{justify-content:space-between;padding-left:6px}.rm-eq{align-items:center;gap:2.5px;height:15px;display:flex}.rm-eq i{background:var(--accent);border-radius:2px;width:3px;height:100%;display:block;scale:1 .5}.rm-dots{gap:4px;display:flex}.rm-dots i{background:#fb923c;border-radius:50%;width:7px;height:7px;display:block}.rm-dots i+i{background:#4ade80}.rm-ask{justify-content:flex-start;gap:8px;font-weight:500}.rm-chip{background:#27272a;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:13px}.rm-timer{color:#fbbf24}.rm-battery{color:#4ade80}.rm-battery .rm-more{color:#fff;font-weight:500}.rm-timer .rm-more{color:#fff}.rm-tag{color:var(--muted);border-radius:999px;padding:6px 14px;font-size:15px}.rm-done{background:var(--ink);color:var(--paper)}.rm-next{background:var(--paper-2);color:var(--ink)}.rm-after{max-width:60ch;color:var(--muted);margin:40px 0 0;padding-left:24px}.ink{isolation:isolate;align-content:center;min-height:100svh;margin-top:120px;display:grid;position:relative;overflow:hidden}.ink-water{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ink-body{z-index:1;max-width:34em;color:var(--paper);mix-blend-mode:difference;pointer-events:none;position:relative}.ink-text{font-size:var(--step-lead);margin:32px 0 0;line-height:1.35}.end{background:var(--ink);min-height:100svh;color:var(--paper);flex-direction:column;padding-top:160px;display:flex;position:relative;overflow:hidden}.end-grid{grid-template-columns:7fr 5fr;gap:32px;display:grid}.end-title{font-size:var(--step-display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:600;line-height:.92}.end-text{font-size:var(--step-lead);color:#d9d5cc;margin:24px 0 0}.btn{background:var(--paper);height:56px;color:var(--ink);transition:scale .5s var(--spring);border-radius:28px;align-items:center;gap:10px;margin-top:40px;padding:0 28px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{scale:1.03}.btn:active{scale:.97}.end-links{font-size:var(--step-lead);justify-self:end;margin:0;padding:0;line-height:1.7;list-style:none}.end-links a{text-decoration:none}.end-links a:hover{text-underline-offset:.15em;text-decoration:underline}.legal span{max-width:70ch}.legal{z-index:1;position:relative}.legal a{color:#d9d5cc;text-underline-offset:.2em}.legal a:hover{color:#fff}.legal{color:#a8a397;flex-wrap:wrap;justify-content:space-between;gap:8px 32px;margin:auto 0 0;padding-top:96px;font-size:16px;display:flex}.giant{z-index:0;pointer-events:none;user-select:none;padding-left:var(--m);letter-spacing:-.06em;white-space:nowrap;margin:0;font-size:19vw;font-weight:700;line-height:.8;position:relative;translate:0 16%}@media (prefers-reduced-motion:no-preference){.js [data-reveal]{opacity:0;transition:opacity .8s var(--settle) calc(var(--d,0) * 80ms), translate 1s var(--spring) calc(var(--d,0) * 80ms);translate:0 28px}.js [data-reveal].in{opacity:1;translate:0}.nav.closing .menu-cols a,.nav.closing .menu-foot{opacity:0;filter:blur(4px);transition:opacity .2s,translate .2s,filter .2s;translate:0 -6px}@starting-style{.nav.open .menu-cols a,.nav.open .menu-foot{opacity:0;filter:blur(4px);translate:0 -6px}}.nav.open .menu-cols a,.nav.open .menu-foot{transition:opacity .45s var(--settle) calc(.14s + var(--i) * 45ms), translate .6s var(--spring) calc(.14s + var(--i) * 45ms), filter .45s var(--settle) calc(.14s + var(--i) * 45ms)}.layer{opacity:0;filter:blur(6px);transition:opacity .25s,scale .25s,filter .25s,visibility 0s .25s;scale:.9}@starting-style{.step.on{opacity:0;filter:blur(6px);translate:0 .5em}}.isle[data-state=time] .layer-time,.isle[data-state=music] .layer-music,.isle[data-state=timer] .layer-timer,.step.on{opacity:1;filter:none;transition:opacity .5s var(--settle) .18s, scale .8s var(--spring) .18s, translate .8s var(--spring) .18s, filter .5s var(--settle) .18s, visibility 0s;translate:0;scale:1}.band img{animation:settle-in 2.4s var(--settle) both}@keyframes settle-in{0%{opacity:0;scale:1.08}}}@media (width<=760px){.sentence{flex-wrap:wrap;justify-content:flex-start;gap:.12em .22em;font-size:12.5vw}.half-b{flex-basis:100%}.steps{text-align:left;align-self:flex-start}.ask-chip{display:none}.rm-row{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:20px 16px}.rm-pill{grid-column:1/-1;max-width:100%}.rm-after{padding-left:16px}.giant{font-size:30vw}.quiet-row{grid-template-columns:1fr;gap:24px}.frag{max-width:100%}.end-grid{grid-template-columns:1fr}.end-links{justify-self:start}}@media (width<=1080px){.quiet{grid-template-columns:1fr;gap:64px}.quiet-head{position:static}}@media (width<=400px){.nav-toggle-text{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation:none!important}.nav:hover:not(.open){scale:none}}