:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#fff;--label:#000;--secondary:#3c3c4399;--placeholder:#3c3c434d;--red-rgb:255, 59, 48;--red:rgb(var(--red-rgb));--red-hover:rgba(var(--red-rgb), .1);--field:#f2f2f7;--phone-edge:#d1d1d6;--tile:#fff;--divider:#3c3c434a;--ahead-rgb:60, 60, 67;--underline:#0000004d}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#000;--label:#fff;--secondary:#ebebf599;--placeholder:#ebebf559;--red-rgb:255, 69, 58;--red-hover:rgba(var(--red-rgb), .12);--field:#1c1c1e;--phone-edge:#3a3a3c;--tile:#2c2c2e;--divider:#5454588c;--ahead-rgb:235, 235, 245;--underline:#ffffff59}}html,body{background:var(--page);color:var(--label);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Helvetica,sans-serif}h1,h2{letter-spacing:-.025em;margin:0;font-size:clamp(32px,2.6vw + 12px,52px);font-weight:700;line-height:1.08}p{color:var(--secondary);text-wrap:pretty;margin:0;font-size:clamp(17px,.6vw + 13px,21px);line-height:1.3}#scroll{height:450vh;position:relative}@media (hover:hover) and (pointer:fine){#scroll{height:665vh}}@media (hover:none) and (pointer:coarse){html{scroll-snap-type:y mandatory}html.typing{scroll-snap-type:none}}.snap{pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always;width:1px;height:1px;position:absolute;left:0}#stage{height:100svh;position:sticky;top:0;overflow:hidden}html.typing #stage{position:absolute;left:0;right:0}.layer{opacity:0;pointer-events:none;will-change:opacity, transform;position:absolute}.centre{top:39%;left:50%}#waveform{aspect-ratio:335/360;width:min(110vw,112vh);display:block;translate:-50% -50%}.readout{font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;height:70px;font-weight:300;display:flex}.readout span:first-child{letter-spacing:-.01em;font-size:62px}.readout span:last-child{color:var(--secondary);font-size:30px}#phone{transform-origin:0 0;width:393px;height:852px;top:0;left:0}#phone .screen,#phone-frame{border-radius:62px;position:absolute;inset:0}#phone .screen{overflow:hidden}#phone-frame{box-shadow:inset 0 0 0 3px var(--phone-edge)}#phone-island{background:#0b0b0c;border-radius:19px;width:126px;height:37px;top:11px;left:133.5px;box-shadow:inset 0 0 0 1px #2c2c2e}#phone .fill{inset:0}.status-time{letter-spacing:-.01em;height:22px;font-size:17px;font-weight:600;line-height:22px;position:absolute;top:30px;left:57px}.status-icons{fill:var(--label);display:block;position:absolute;top:35px;left:290px}.status-icons .wifi{fill:none;stroke:var(--label);stroke-width:1.8px;stroke-linecap:round}.status-icons .battery{fill:none;stroke:var(--secondary);stroke-width:1px}.status-icons .cap{fill:var(--secondary)}.back{background:var(--field);border-radius:22px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:63px;left:27px}.back svg{fill:none;stroke:var(--label);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;margin-left:-2px;display:block}#phone-timer{position:absolute;top:562px;left:0;right:0}#phone-recording{justify-content:center;align-items:center;gap:7px;height:22px;font-size:15px;font-weight:600;display:flex;top:633px;left:0;right:0}#phone-recording .dot{background:var(--red);border-radius:4px;width:8px;height:8px}.ring{width:76px;height:76px;box-shadow:inset 0 0 0 2px var(--phone-edge);border-radius:38px;place-items:center;display:grid;position:absolute;top:694px;left:158.5px}#phone-disc{background:var(--red);border-radius:30px;width:60px;height:60px;display:block}#enhance-label{text-align:center;height:20px;color:var(--secondary);font-size:15px;line-height:20px;position:absolute;top:638px;left:0;right:0}#enhance-label.moving{color:var(--label)}.ticks{height:18px;position:absolute;top:662px;left:60px;right:60px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000);mask-image:linear-gradient(90deg,#0000,#000 30% 70%,#0000)}#enhance-strip{align-items:flex-end;gap:8.5px;height:18px;display:flex;position:absolute;top:0;left:0}.tick{background:rgb(var(--ahead-rgb));opacity:.25;border-radius:1px;flex:none;width:1.5px;height:6px;display:block}.tick.tone{opacity:.5;height:10px}.needle{background:var(--red);border-radius:1px;width:2px;height:20px;position:absolute;top:660px;left:195.5px}.ring.pause{justify-content:center;align-items:center;gap:8px;display:flex}.pause span{background:var(--label);border-radius:2px;width:7px;height:26px;display:block}#phone-header{height:44px;top:63px;left:0;right:0}.take-title{text-align:center;flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;top:2px;left:80px;right:80px}.take-title span:first-child{font-size:15px;font-weight:600;line-height:20px}.take-title span:last-child{color:var(--secondary);font-size:12px;line-height:16px}.share-button{background:var(--field);border-radius:22px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;left:306px;overflow:hidden}#phone-share-tap{background:rgba(var(--red-rgb), .35);grid-area:1/1;width:44px;height:44px;position:static}.share-button svg{fill:none;stroke:var(--label);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;grid-area:1/1;margin-top:-3px;display:block}#phone-home{background:var(--label);border-radius:3px;width:134px;height:5px;top:812px;left:129.5px}#phone-sheet{background:var(--field);border-radius:38px 38px 0 0;height:330px;bottom:0;left:0;right:0;transform:translateY(100%)}.sheet-head{grid-template-columns:48px minmax(0,1fr) 30px;align-items:center;gap:12px;display:grid;position:absolute;top:22px;left:20px;right:20px}.sheet-head .tile{background:var(--tile);border-radius:11px;place-items:center;width:48px;height:48px;display:grid}.sheet-head .tile svg{fill:none;stroke:var(--red);stroke-width:2px;stroke-linecap:round;display:block}.sheet-title{flex-direction:column;gap:2px;min-width:0;display:flex}.sheet-title span:first-child{font-size:17px;font-weight:600}.sheet-title span:last-child{color:var(--secondary);font-size:13px}.sheet-head .close{background:var(--tile);border-radius:15px;place-items:center;width:30px;height:30px;display:grid}.close svg{stroke:var(--secondary);stroke-width:1.8px;stroke-linecap:round;display:block}.sheet-list{background:var(--tile);border-radius:12px;flex-direction:column;display:flex;position:absolute;top:86px;left:16px;right:16px}.sheet-list span:not(.divider){align-items:center;height:52px;padding:0 16px;font-size:17px;display:flex}.sheet-list .divider{background:var(--divider);height:1px;margin-left:16px}.caption{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:0 24px;display:flex;top:min(73.75%,100% - 172px);left:0;right:0}#hero{gap:26px}#hero p{text-wrap:balance;max-width:30em;margin:0 auto}#hero>div{flex-direction:column;gap:8px;display:flex}.signup{width:min(340px,100%);position:relative}#signup{box-sizing:border-box;background:var(--field);width:100%;height:48px;box-shadow:inset 0 0 0 1.5px rgba(var(--red-rgb), 0);border-radius:24px;align-items:center;gap:10px;padding:0 6px 0 22px;transition:box-shadow .2s;display:flex}#signup.invalid{box-shadow:inset 0 0 0 1.5px var(--red)}#signup[hidden],#signup-done[hidden]{display:none}#signup input[type=email]{min-width:0;height:100%;color:var(--label);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:17px}#signup input::placeholder{color:var(--placeholder)}#signup button{height:36px;color:var(--red);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:18px;flex:none;padding:0 16px;font-size:15px;font-weight:600;transition:opacity .2s}#signup button:hover,#signup button:focus-visible{background:var(--red-hover);outline:none}#signup button:disabled{opacity:.5;cursor:default}.trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}#signup-msg{text-align:center;text-wrap:pretty;font-size:15px;line-height:20px;position:absolute;top:58px;left:0;right:0}#signup-msg .error{color:var(--red)}#signup-msg .hint{color:var(--secondary)}#signup-msg .suggestion{font:inherit;color:var(--label);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:600}#signup-done{letter-spacing:-.01em;justify-content:center;align-items:center;gap:10px;height:48px;font-size:17px;font-weight:600;display:flex}#signup-done svg{flex:none;display:block}#signup-done circle{fill:var(--red)}#signup-done path{fill:none;stroke:#fff;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}