@font-face{font-family:Figtree;src:url(/fonts/figtree-latin.woff2) format("woff2");font-weight:300 900;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic-520-latin.woff2) format("woff2");font-style:italic;font-weight:520;font-display:swap}@font-face{font-family:Mouthy Symbols;src:url(/fonts/symbols.woff2) format("woff2");font-weight:400;font-display:swap;size-adjust:132%;unicode-range:U+21E7,U+2303,U+2318,U+2325}:root{--bg: #0C0A08;--ink: #F4EBDF;--ink-2: #A1958A;--ink-3: #8A8077;--amber: #FFB547;--orange: #E08A2E;--line: rgba(244, 235, 223, .1);--sans: "Figtree", -apple-system, "Segoe UI", system-ui, sans-serif;--serif: "Fraunces", "New York", ui-serif, Georgia, serif;--ease: cubic-bezier(.22, .8, .3, 1);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}em{font:italic 520 1.04em/1 var(--serif);letter-spacing:-.015em}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:8px}.nav{position:fixed;inset:0 0 auto;z-index:10;height:64px;padding:0 clamp(16px,3.4vw,40px);display:flex;align-items:center;justify-content:space-between}.nav:before{content:"";position:absolute;top:0;right:0;bottom:-40px;left:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#0c0a08f0,#0c0a08b3 50%,#0c0a0800)}.mark{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:19px;letter-spacing:-.02em}.mark img{width:28px;height:28px;border-radius:7px;display:block}.nav nav{display:flex;align-items:center;gap:24px;font-size:15px;color:var(--ink-2)}.nav nav a{padding:10px 0;transition:color .2s ease}.nav nav a:hover{color:var(--ink)}.nav .pill{color:var(--bg);background:var(--ink);padding:9px 17px;border-radius:999px;font-weight:600;line-height:22px}.nav .pill:hover{color:var(--bg);background:#fff}.story{position:relative;height:920vh}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(60% 55% at 50% 62%,#e08a2e16,#e08a2e00 70%)}.stage:after{content:"";position:absolute;inset:auto 0 0;height:24%;z-index:2;pointer-events:none;opacity:var(--scrim, 0);background:linear-gradient(180deg,#0c0a0800,#0c0a08b3 30%,#0c0a08eb 60%,#0c0a08f7)}.three,.three>.css3d,.three>.gl{position:absolute;top:0;right:0;bottom:0;left:0}.three>.gl{z-index:1}.three,.three *{pointer-events:none}.three>.s3d{position:absolute;visibility:hidden}.hero,.cap{position:absolute;left:0;right:0;z-index:3;text-align:center;padding:0 20px;will-change:opacity,transform}.hero{top:max(86px,11.5vh)}.hero h1{margin:0;font-weight:600;font-size:clamp(46px,7.4vw,108px);line-height:1;letter-spacing:-.045em}.hero h1 em{letter-spacing:-.03em}.sub{margin:clamp(14px,1.6vw,22px) 0 0;font-size:clamp(17px,1.45vw,21px);color:var(--ink-2)}.cta{display:inline-block;margin-top:clamp(22px,2.4vw,32px);padding:14px 26px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:600;font-size:16px;letter-spacing:-.005em;transition:transform .3s var(--ease),background .2s ease}.cta:hover{background:#fff;transform:translateY(-1px)}.fine{margin:16px 0 0;font-size:13px;letter-spacing:.04em;color:var(--ink-3)}.cap{bottom:max(44px,8.5vh);opacity:0;visibility:hidden}.cap h2{margin:0;font-weight:600;font-size:clamp(28px,3.5vw,50px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.cap p{margin:12px 0 0;text-wrap:balance;font-size:clamp(16px,1.3vw,19px);color:var(--ink-2)}kbd{--s: .66;display:inline-block;overflow:hidden;text-align:center;height:calc(.8em / var(--s));min-width:calc(.8em / var(--s));padding:0 calc(.1em / var(--s));margin:0 calc(.035em / var(--s));border-radius:calc(.17em / var(--s));vertical-align:calc(-.13em / var(--s));font:400 calc(var(--s) * 1em)/calc(.8em / var(--s)) "Mouthy Symbols",var(--sans);letter-spacing:0;color:var(--amber);background:#ffb54712;box-shadow:inset 0 0 0 1px #ffb54742}.s3d .sheen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:linear-gradient(118deg,#ffffff0e,#ffffff04 34%,#fff0 52%)}.s3d .screen-dark{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;background:#000}.s3d .display{border-radius:calc(16 * var(--s)) calc(16 * var(--s)) calc(4 * var(--s)) calc(4 * var(--s))}.get{position:relative;padding:clamp(120px,18vh,200px) 20px clamp(90px,14vh,150px);text-align:center}.get .wave{display:block;width:180px;height:auto;margin:0 auto 8px}.get h2{margin:0;font-weight:600;font-size:clamp(44px,6.4vw,92px);line-height:1;letter-spacing:-.045em}.plats{list-style:none;margin:clamp(40px,5vw,64px) auto 0;padding:0;max-width:760px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}.plats a{display:flex;flex-direction:column;gap:4px;padding:26px 18px;background:var(--bg);transition:background .25s ease}.plats a:hover{background:#15110e}.plats a:focus-visible{outline-offset:-5px}.plats b{font-weight:600;font-size:19px;letter-spacing:-.01em}.plats span{font-size:14px;color:var(--ink-3)}.foot{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;width:calc(100% - (2*clamp(16px,3.4vw,40px)));max-width:1100px;margin:0 auto;padding:26px 0 36px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-3)}.foot p{margin:0}.foot nav{display:flex;gap:22px}.foot nav a{padding:10px 0;margin:-10px 0;transition:color .2s ease}.foot a:hover{color:var(--ink)}html:not(.has-3d) .story{height:auto}html:not(.has-3d) .stage{position:static;height:auto;padding:140px 0 40px}html:not(.has-3d) .hero,html:not(.has-3d) .cap{position:static;opacity:1!important;visibility:visible!important;transform:none!important;margin-bottom:96px}html:not(.has-3d) .hero{margin-bottom:clamp(120px,16vh,168px)}@media(max-width:700px){.nav nav a:not(.pill){display:none}.story{height:820vh}.hero{top:104px}.cap{bottom:max(36px,7vh)}.stage:after{height:27%}.plats{grid-template-columns:1fr}.foot{justify-content:center;text-align:center}}.s3d{--s: 2px;--pt13: calc(13 * var(--s));width:calc(1512 * var(--s));height:calc(982 * var(--s));font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Figtree,system-ui,sans-serif;color:#1d1d1f;text-align:left;-webkit-font-smoothing:antialiased;pointer-events:none}.display{position:relative;overflow:hidden;width:calc(1512 * var(--s));height:calc(982 * var(--s));border-radius:calc(16 * var(--s)) calc(16 * var(--s)) calc(4 * var(--s)) calc(4 * var(--s));background:#e8732f;isolation:isolate}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/img/wallpaper.svg) center / cover no-repeat,#e8732f}.menubar{position:absolute;inset:0 0 auto;height:calc(32 * var(--s));z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 calc(18 * var(--s)) 0 calc(22 * var(--s));font-size:var(--pt13);letter-spacing:-.005em;color:#140a04e0;background:linear-gradient(180deg,#ffeedc4d,#ffeedc00)}.menus{display:flex;gap:calc(21 * var(--s))}.menus b{font-weight:700}.status{display:flex;align-items:center;gap:calc(17 * var(--s))}.status svg{width:calc(17 * var(--s));height:calc(15 * var(--s));display:block}.status svg:nth-of-type(2){width:calc(25 * var(--s));height:calc(12 * var(--s))}.clock{font-variant-numeric:tabular-nums}.glyph.mouthy{width:calc(18 * var(--s));height:calc(18 * var(--s));display:block;background:currentColor;-webkit-mask:url(/img/menubar-idle.png) center / contain no-repeat;mask:url(/img/menubar-idle.png) center / contain no-repeat}.glyph.mouthy.on{-webkit-mask-image:url(/img/menubar-listening.png);mask-image:url(/img/menubar-listening.png)}.window{position:absolute;left:calc(256 * var(--s));top:calc(178 * var(--s));width:calc(1000 * var(--s));height:calc(600 * var(--s));z-index:1;border-radius:calc(26 * var(--s));background:#fff;overflow:hidden;box-shadow:0 0 0 calc(.6 * var(--s)) #00000024,0 calc(24 * var(--s)) calc(70 * var(--s)) #3c14004d,0 calc(6 * var(--s)) calc(18 * var(--s)) #3c140024}.sidebar{position:absolute;left:calc(8 * var(--s));top:calc(8 * var(--s));bottom:calc(8 * var(--s));width:calc(232 * var(--s));border-radius:calc(18 * var(--s));background:linear-gradient(180deg,#f6f2ee,#f1ece7);box-shadow:inset 0 0 0 calc(.6 * var(--s)) #0000000f,0 calc(1 * var(--s)) calc(3 * var(--s)) #0000000d;padding:calc(16 * var(--s)) calc(10 * var(--s))}.lights{display:flex;gap:calc(8 * var(--s));padding-left:calc(6 * var(--s))}.lights i{width:calc(13 * var(--s));height:calc(13 * var(--s));border-radius:50%;display:block;box-shadow:inset 0 0 0 calc(.6 * var(--s)) #00000024}.lights i:nth-child(1){background:#ff5f57}.lights i:nth-child(2){background:#febc2e}.lights i:nth-child(3){background:#28c840}.side-head{margin:calc(26 * var(--s)) 0 calc(6 * var(--s)) calc(10 * var(--s));font-size:calc(11 * var(--s));font-weight:600;color:#8a8580}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{display:flex;align-items:center;gap:calc(9 * var(--s));height:calc(30 * var(--s));padding:0 calc(10 * var(--s));border-radius:calc(9 * var(--s));font-size:var(--pt13);color:#2b2622}.sidebar li.sel{background:#e08a2e2e}.sidebar li em{margin-left:auto;font-style:normal;color:#9a948e;font-size:calc(12 * var(--s))}.folder{width:calc(16 * var(--s));height:calc(13 * var(--s));border-radius:calc(2.5 * var(--s));border:calc(1.4 * var(--s)) solid #E08A2E;border-top-width:calc(3 * var(--s));flex:none}.editor{position:absolute;left:calc(240 * var(--s));right:0;top:0;bottom:0;padding:calc(22 * var(--s)) calc(56 * var(--s))}.stamp{margin:0;text-align:center;font-size:calc(11 * var(--s));color:#9a948e}.editor .note-title{margin:calc(26 * var(--s)) 0 calc(10 * var(--s));font-size:calc(26 * var(--s));font-weight:700;letter-spacing:-.02em;color:#1d1d1f}.line{margin:0 0 calc(8 * var(--s));font-size:calc(16 * var(--s));line-height:1.5;color:#1d1d1f}.typed span{border-radius:calc(4 * var(--s));transition:background-color 1.2s ease}.typed span.landed{background:#ffb54761;transition:none}.caret{display:inline-block;width:calc(2 * var(--s));height:calc(19 * var(--s));margin-left:calc(1 * var(--s));vertical-align:calc(-3.5 * var(--s));background:#e08a2e;border-radius:calc(1 * var(--s));animation:caret 1.06s steps(1) infinite}@keyframes caret{50%{opacity:0}}.hub{position:absolute;top:0;left:50%;z-index:3;width:0;height:0;pointer-events:none}.hub-shape{position:absolute;top:0;left:0;overflow:visible;display:block}.hub-shape path{fill:#000}.hub-shape:not([width]){left:calc(-94 * var(--s));width:calc(188 * var(--s));height:calc(32 * var(--s))}.hub-rest{display:block;width:100%;height:100%;overflow:visible}.hub-shape[width] .hub-rest{display:none}.hub-clip{position:absolute;top:0;left:0}.ears,.panel{position:absolute;top:0;left:50%;opacity:0}.ears{width:calc(280 * var(--s));height:calc(32 * var(--s));margin-left:calc(-140 * var(--s));display:flex;align-items:center;justify-content:space-between;padding:0 calc(15 * var(--s))}.ear-time{width:calc(22 * var(--s));text-align:center;white-space:nowrap;display:flex;justify-content:center;font:600 calc(10 * var(--s)) / 1 ui-rounded,-apple-system,"SF Pro Rounded",system-ui,sans-serif;font-variant-numeric:tabular-nums;color:#cbb08c}.ear-bars{width:calc(22 * var(--s));justify-content:center}.panel{width:calc(520 * var(--s));height:calc(184 * var(--s));margin-left:calc(-260 * var(--s));color:#f6e3c1}.panel-top{position:absolute;left:calc(14 * var(--s));right:calc(19.5 * var(--s));top:calc(2.5 * var(--s));height:calc(27 * var(--s));display:flex;align-items:center}.tabs{display:flex;align-items:center;gap:0;height:100%;padding:0 calc(2 * var(--s));border-radius:999px;background:#f6e3c10f;box-shadow:inset 0 0 0 calc(.6 * var(--s)) #f6e3c114}.tab{position:relative;display:grid;place-items:center;width:calc(26 * var(--s));height:calc(23 * var(--s));border-radius:999px;color:#f6e3c1c7}.tab svg{width:calc(17 * var(--s));height:calc(17 * var(--s))}.tab.on{background:#f6e3c11f;color:#ffb547}.tab.badge:after{content:"";position:absolute;top:calc(1 * var(--s));right:calc(3 * var(--s));width:calc(6 * var(--s));height:calc(6 * var(--s));border-radius:50%;background:#ffb547}.panel-title{margin-left:auto;color:#f6e3c1;font:600 calc(11.5 * var(--s)) / 1 ui-rounded,-apple-system,"SF Pro Rounded",BlinkMacSystemFont,"Figtree",system-ui,sans-serif}.voice{position:absolute;left:0;right:0;top:calc(42 * var(--s))}.mic{position:absolute;left:calc(34 * var(--s));top:0}.stop{display:grid;place-items:center;width:calc(44 * var(--s));height:calc(44 * var(--s));border-radius:50%;background:#e08a2e}.stop i{width:calc(12 * var(--s));height:calc(12 * var(--s));border-radius:calc(2.5 * var(--s));background:#140c07}.live{position:absolute;left:calc(108 * var(--s));width:calc(392 * var(--s))}.live-row{display:flex;align-items:center;gap:calc(10 * var(--s));height:calc(22 * var(--s))}.target,.live-time{font-size:var(--pt13);font-weight:500;color:#cbb08c}.live-time{margin-left:auto;font-variant-numeric:tabular-nums}.cancel{display:grid;place-items:center;width:calc(22 * var(--s));height:calc(22 * var(--s));border-radius:50%;background:#f6e3c114;color:#cbb08c}.cancel svg{width:calc(11 * var(--s));height:calc(11 * var(--s))}.live-words{margin:calc(8 * var(--s)) 0 0;font-size:calc(15 * var(--s));line-height:calc(19 * var(--s));color:#f6e3c1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(19 * var(--s))}.live-words i{font-style:normal;animation:word .2s ease-out both}@keyframes word{0%{opacity:0}to{opacity:1}}.bars{display:inline-flex;align-items:center;gap:calc(2 * var(--s));height:calc(16 * var(--s))}.live-bars{width:calc(24 * var(--s));justify-content:center}.bars i{width:calc(2.5 * var(--s));height:calc(14 * var(--s));border-radius:99px;background:linear-gradient(180deg,#ffd27a,#e08a2e);transform:scaleY(.22);transform-origin:center;transition:transform .09s linear}@media(prefers-reduced-motion:reduce){.caret,.live-words i{animation:none}}.hub-shape{transition:filter .3s ease}.hub-shape.lifted{filter:drop-shadow(0 calc(4 * var(--s)) calc(10 * var(--s)) rgba(0,0,0,.35))}.still .bars i:nth-child(1),.still .bars i:nth-child(5){transform:scaleY(.5)}.still .bars i:nth-child(2),.still .bars i:nth-child(4){transform:scaleY(.78)}.still .bars i:nth-child(3){transform:scaleY(1)}.toolbar{position:absolute;top:calc(12 * var(--s));right:calc(14 * var(--s));display:flex;gap:calc(10 * var(--s))}.capsule{display:flex;align-items:center;height:calc(34 * var(--s));padding:0 calc(6 * var(--s));border-radius:999px;background:#ffffffd1;color:#3a3530;box-shadow:0 0 0 calc(.6 * var(--s)) #00000012,0 calc(2 * var(--s)) calc(8 * var(--s)) #00000014,inset 0 calc(1 * var(--s)) 0 #ffffffe6}.capsule i{display:grid;place-items:center;width:calc(32 * var(--s));height:calc(28 * var(--s));font:600 calc(14 * var(--s)) / 1 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-style:normal}.capsule svg{width:calc(17 * var(--s));height:calc(17 * var(--s))}.capsule.search{width:calc(190 * var(--s));gap:calc(6 * var(--s));padding:0 calc(12 * var(--s));color:#8e8780;font-size:var(--pt13)}.capsule.search svg{width:calc(14 * var(--s));height:calc(14 * var(--s))}.editor{padding-top:calc(66 * var(--s))}.checklist{list-style:none;margin:calc(4 * var(--s)) 0 calc(12 * var(--s));padding:0}.checklist li{display:flex;align-items:center;gap:calc(10 * var(--s));font-size:calc(16 * var(--s));line-height:1.5;color:#1d1d1f;margin-bottom:calc(4 * var(--s))}.checklist li:before{content:"";width:calc(17 * var(--s));height:calc(17 * var(--s));border-radius:50%;box-shadow:inset 0 0 0 calc(1.4 * var(--s)) #b8b1aa;flex:none}.checklist li.done{color:#9a948e}.checklist li.done:before{box-shadow:none;background:#e08a2e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='m5 9.3 2.7 2.7L13 6.3' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% no-repeat}
