:root{--bg-0:#0a0c12;--bg-1:#0e111a;--panel:#12151f;--panel-2:#171b28;--head:#141826;--in:#1d2130;--in-2:#232838;--ink:#eef1f8;--ink-2:#aeb6c8;--muted:#727b90;--line:#ffffff14;--line-2:#ffffff24;--accent:#ff7a59;--accent-2:#ffab5e;--wave:#ffc078;--rec:#ff5a52;--ok:#37d99a;--spring:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{min-height:100dvh;color:var(--ink);background:radial-gradient(120% 90% at 82% 8%, #241322 0%, transparent 52%), radial-gradient(120% 90% at 12% 100%, #101a26 0%, transparent 55%), var(--bg-0);-webkit-font-smoothing:antialiased;place-items:center;padding:clamp(20px,5vw,60px);font-family:Inter,system-ui,sans-serif;display:grid;overflow-x:hidden}.glow{z-index:0;pointer-events:none;filter:blur(6px);background:radial-gradient(38% 34% at 50% 62%,#ff7a5929,#0000 70%);position:fixed;inset:0}.stage{z-index:1;justify-items:center;gap:clamp(22px,4vh,40px);width:100%;display:grid;position:relative}.intro{text-align:center;max-width:40ch}.intro__eyebrow{text-transform:uppercase;letter-spacing:.32em;color:var(--accent-2);font-family:Space Grotesk,sans-serif;font-size:.72rem;font-weight:500}.intro__title{letter-spacing:-.02em;background:linear-gradient(96deg, #fff 20%, var(--accent-2) 70%, var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.35em 0 .5em;font-family:Space Grotesk,sans-serif;font-size:clamp(2.6rem,1.8rem + 3vw,4rem);font-weight:700;line-height:1}.intro__lede{color:var(--ink-2);font-size:1.02rem;line-height:1.6}.intro__lede b{color:var(--ink);font-weight:600}.phone{background:linear-gradient(180deg, var(--panel) 0%, var(--bg-1) 100%);border:1px solid var(--line);border-radius:34px;flex-direction:column;width:min(430px,94vw);height:min(720px,78vh);min-height:520px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 50px 90px -40px #000000e6,0 20px 50px -30px #ff7a5940}.chat__head{background:linear-gradient(180deg, var(--head), #14182699);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex:none;align-items:center;gap:12px;padding:15px 18px;display:flex}.chat__avatar{color:#2a1206;background:linear-gradient(140deg, var(--accent-2), var(--accent));width:42px;height:42px;box-shadow:0 6px 16px -6px var(--accent);border-radius:50%;flex:none;place-items:center;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;display:grid}.chat__who{flex-direction:column;gap:2px;margin-right:auto;display:flex}.chat__name{letter-spacing:-.01em;font-size:1rem;font-weight:600}.chat__status{color:var(--ok);align-items:center;gap:6px;font-size:.78rem;display:flex}.chat__status i{background:var(--ok);width:7px;height:7px;box-shadow:0 0 8px var(--ok);border-radius:50%}.chat__icons{color:var(--ink-2);gap:16px;display:flex}.thread{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;flex-direction:column;flex:auto;gap:10px;padding:20px 16px 14px;display:flex;overflow-y:auto}.thread::-webkit-scrollbar{width:6px}.thread::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.row{display:flex}.row--in{justify-content:flex-start}.row--out{justify-content:flex-end}.bubble{word-wrap:break-word;border-radius:18px;max-width:78%;padding:10px 13px 8px;font-size:.94rem;line-height:1.42;position:relative}.bubble--in{background:var(--in);color:var(--ink);border-bottom-left-radius:6px}.bubble--out{background:linear-gradient(150deg, var(--accent), #f0603f);color:#fff;border-bottom-right-radius:6px}.bubble time{float:right;opacity:.72;letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;margin:6px 0 -2px 12px;font-size:.66rem;display:inline-flex}.bubble--in time{color:var(--muted)}.tick{color:#ffffffe6}.row--new{animation:pop .5s var(--spring) both}@keyframes pop{0%{opacity:0;transform:translateY(18px)scale(.9)}to{opacity:1;transform:none}}.voice{align-items:center;gap:11px;min-width:208px;padding:3px 2px 3px 1px;display:flex}.voice__play{cursor:pointer;color:#f0603f;width:38px;height:38px;transition:transform .2s var(--ease);background:#fff;border:none;border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:0 4px 10px -4px #0006}.voice__play:active{transform:scale(.9)}.voice__play svg{width:17px;height:17px}.voice__body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.voice__wave{width:100%;height:26px;display:block}.voice__time{opacity:.8;letter-spacing:.04em;font-size:.66rem}.composer{padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(0deg, var(--panel-2), #171b28b3);border-top:1px solid var(--line);flex:none;align-items:center;gap:10px;display:flex;position:relative}.composer__field{background:var(--bg-0);border:1px solid var(--line);min-width:0;height:48px;transition:opacity .22s var(--ease), transform .22s var(--ease);border-radius:24px;flex:auto;align-items:center;gap:6px;padding:0 6px 0 8px;display:flex}.composer__plus,.composer__emoji{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;place-items:center;display:grid}.composer__input{min-width:0;height:100%;color:var(--ink);font:inherit;background:0 0;border:none;outline:none;flex:auto;font-size:.96rem}.composer__input::placeholder{color:var(--muted)}.mic{z-index:4;cursor:pointer;color:#fff;background:linear-gradient(145deg, var(--accent-2), var(--accent));width:48px;height:48px;box-shadow:0 8px 20px -8px var(--accent);touch-action:none;transition:transform .28s var(--spring), box-shadow .28s var(--ease), background .2s;border:none;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.mic>svg{transition:opacity .18s var(--ease), transform .18s var(--ease);position:absolute}.mic__send{opacity:0;transform:scale(.6)rotate(-12deg)}.mic:active{transform:scale(.94)}.mic:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.composer.has-text .mic__mic{opacity:0;transform:scale(.6)}.composer.has-text .mic__send{opacity:1;transform:none}.mic--rec{transform:scale(1.28) translateX(var(--slide,0px));box-shadow:0 0 0 12px #ff7a5924, 0 10px 30px -6px var(--accent)}.mic--rec.snap{transition:transform .34s var(--spring), box-shadow .3s var(--ease)}.mic.is-arming{background:linear-gradient(145deg, #ff8f7a, var(--rec))}.recorder{background:var(--bg-0);border:1px solid var(--line);opacity:0;pointer-events:none;transition:opacity .22s var(--ease), transform .22s var(--ease);border-radius:24px;align-items:center;gap:10px;padding:0 16px;display:flex;position:absolute;inset:12px 72px 12px 14px;overflow:hidden;transform:translate(8px)}.phone.is-recording .recorder{opacity:1;transform:none}.phone.is-recording .composer__field{opacity:0;pointer-events:none;transform:translate(-8px)}.recorder.is-arming{opacity:.5}.recorder__wave{opacity:.95;flex:auto;width:auto;min-width:0;height:62%}.recorder__dot{background:var(--rec);width:11px;height:11px;box-shadow:0 0 10px var(--rec);border-radius:50%;flex:none;animation:1.3s ease-in-out infinite recpulse}@keyframes recpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.78)}}.recorder__time{font-variant-numeric:tabular-nums;color:var(--ink);flex:none;min-width:40px;font-size:.9rem;font-weight:600}.recorder__hint{color:var(--muted);white-space:nowrap;flex:none;align-items:center;gap:2px;font-size:.8rem;transition:color .2s;display:flex}.recorder__hint .chev{animation:1.4s ease-in-out infinite chev;display:inline-block}@keyframes chev{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(-5px)}}.recorder.is-arming .recorder__hint{color:var(--rec)}.lockpill{z-index:3;background:var(--panel-2);border:1px solid var(--line-2);width:40px;color:var(--ink-2);opacity:0;pointer-events:none;transition:opacity .2s var(--ease), transform .2s var(--ease), color .2s, background .2s;border-radius:20px;place-items:center;gap:3px;padding:10px 0 8px;display:grid;position:absolute;bottom:66px;right:20px;transform:translateY(14px)scale(.9)}.phone.is-recording .lockpill{opacity:1;transform:translateY(var(--rise,0px))}.lockpill__shut{display:none}.lockpill__chev{font-size:.8rem;line-height:.6;animation:1.4s ease-in-out infinite chev-up}@keyframes chev-up{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.lockpill.is-near{color:var(--accent-2);border-color:var(--accent)}.lockpill.is-locked{color:#2a1206;background:linear-gradient(140deg, var(--accent-2), var(--accent));border-color:#0000}.lockpill.is-locked .lockpill__open{display:none}.lockpill.is-locked .lockpill__shut{display:block}.lockpill.is-locked .lockpill__chev{display:none}.stopbtn{cursor:pointer;color:#fff;background:linear-gradient(145deg, var(--accent-2), var(--accent));width:48px;height:48px;box-shadow:0 8px 20px -8px var(--accent);animation:pop .4s var(--spring) both;transition:transform .2s var(--ease);border:none;border-radius:50%;flex:none;place-items:center;display:grid}.stopbtn:active{transform:scale(.94)}.stopbtn:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.phone.is-locked .recorder{right:72px}.status{text-align:center;color:var(--muted);pointer-events:none;min-height:1em;font-size:.78rem;position:absolute;bottom:-26px;left:0;right:0}.note{text-align:center;max-width:52ch;color:var(--muted);font-size:.82rem;line-height:1.7}.note code{color:var(--accent-2);background:#ffab5e1a;border-radius:5px;padding:.1em .4em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.78em}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.05ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.recorder__dot{animation:none}}@media (width<=480px){.phone{border-radius:28px;height:min(660px,74vh)}.intro__lede{font-size:.95rem}}