.page{display:contents}:root{--bg:#f7faf2;--surface:#fff;--ink:#1b1a17;--ink-2:#6b675f;--ink-3:#9b968c;--accent:#4c7a26;--on-accent:#fff;--accent-soft:#e3f1d0;--lime:#a4d06b;--glow-1:#c4e996;--glow-2:#ddf3c4;--glow-3:#eef7cf;--bubble-out:#ddebc6;--bubble-in:#fff;--bubble-sys:#e8f0dd;--read:#2f95d6;--hue-1:#c2410c;--hue-2:#0f766e;--hue-3:#7c3aed;--phone:#1b1a17;--glass:#eef9e27a;--glass-strong:#f6fdeebd;--glass-edge:#fffffff2;--glass-low:#d0ecb24d;--shadow:#3a641c33;--line:#4c7a2659;--nav-fill:#f6fdee61;--font-display:"Bricolage Grotesque", "Avenir Next", "Segoe UI", system-ui, sans-serif;--font-body:"Figtree", -apple-system, "Segoe UI", system-ui, sans-serif;--spring:cubic-bezier(.34,1.56,.64,1);--ease:cubic-bezier(.22,1,.36,1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0c0c0b;--surface:#111110;--ink:#f2efe9;--ink-2:#a29d94;--ink-3:#6e6a63;--accent:#a4d06b;--on-accent:#13200a;--accent-soft:#26331a;--lime:#a4d06b;--glow-1:#3d5a1c;--glow-2:#24361a;--glow-3:#3a3018;--bubble-out:#2b3d1c;--bubble-in:#1f1e1c;--bubble-sys:#22211f;--read:#5bb8f0;--hue-1:#fb923c;--hue-2:#2dd4bf;--hue-3:#a78bfa;--phone:#2a2926;--glass:#ffffff12;--glass-strong:#ffffff1f;--glass-edge:#ffffff38;--glass-low:#ffffff0a;--shadow:#0000008c;--line:#a4d06b66;--nav-fill:#ffffff17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0c0c0b;--surface:#111110;--ink:#f2efe9;--ink-2:#a29d94;--ink-3:#6e6a63;--accent:#a4d06b;--on-accent:#13200a;--accent-soft:#26331a;--lime:#a4d06b;--glow-1:#3d5a1c;--glow-2:#24361a;--glow-3:#3a3018;--bubble-out:#2b3d1c;--bubble-in:#1f1e1c;--bubble-sys:#22211f;--read:#5bb8f0;--hue-1:#fb923c;--hue-2:#2dd4bf;--hue-3:#a78bfa;--phone:#2a2926;--glass:#ffffff12;--glass-strong:#ffffff1f;--glass-edge:#ffffff38;--glass-low:#ffffff0a;--shadow:#0000008c;--line:#a4d06b66;--nav-fill:#ffffff17;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-wtheme=light]{--bg:#f7faf2;--surface:#fff;--ink:#1b1a17;--ink-2:#6b675f;--ink-3:#9b968c;--accent:#4c7a26;--on-accent:#fff;--accent-soft:#e3f1d0;--lime:#a4d06b;--glow-1:#c4e996;--glow-2:#ddf3c4;--glow-3:#eef7cf;--bubble-out:#ddebc6;--bubble-in:#fff;--bubble-sys:#e8f0dd;--read:#2f95d6;--hue-1:#c2410c;--hue-2:#0f766e;--hue-3:#7c3aed;--phone:#1b1a17;--glass:#eef9e27a;--glass-strong:#f6fdeebd;--glass-edge:#fffffff2;--glass-low:#d0ecb24d;--shadow:#3a641c33;--line:#4c7a2659;--nav-fill:#f6fdee61;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-wtheme=dark]{--bg:#0c0c0b;--surface:#111110;--ink:#f2efe9;--ink-2:#a29d94;--ink-3:#6e6a63;--accent:#a4d06b;--on-accent:#13200a;--accent-soft:#26331a;--lime:#a4d06b;--glow-1:#3d5a1c;--glow-2:#24361a;--glow-3:#3a3018;--bubble-out:#2b3d1c;--bubble-in:#1f1e1c;--bubble-sys:#22211f;--read:#5bb8f0;--hue-1:#fb923c;--hue-2:#2dd4bf;--hue-3:#a78bfa;--phone:#2a2926;--glass:#ffffff12;--glass-strong:#ffffff1f;--glass-edge:#ffffff38;--glass-low:#ffffff0a;--shadow:#0000008c;--line:#a4d06b66;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--nav-fill:#ffffff17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.55;overflow-x:clip}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:60;background:#4c7a26;position:fixed;inset:0 0 auto}img{max-width:100%;display:block}a{color:inherit}::selection{background:color-mix(in srgb, var(--lime) 45%, transparent);color:var(--ink)}.drop,.btn,.nav,.grp,.seg,.float-chip,.idea,input[type=range],.hero,.phone,.phone-stage,.marquee,.step-shot,.sticky,.ftile .demo,.livechat,.voice-demo,.fan,.reacts,.flow,.final-card>img,.calc,.plan,.trial img,.cmp thead,.fit,.tally,.cloud,summary,.tplans,.key{-webkit-user-select:none;user-select:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:12px}.wrap{width:100%;max-width:1220px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin-inline:auto}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;font-variation-settings:"wdth" 88;margin:0;font-weight:750;line-height:1}h2{font-size:clamp(2.3rem,5.4vw,4.2rem)}h3{letter-spacing:-.02em;font-size:1.45rem;line-height:1.1}p{margin:0}.lede{color:var(--ink-2);text-wrap:pretty;max-width:34em;font-size:clamp(1.05rem,1.6vw,1.25rem)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:700}.ambient{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient i{filter:blur(60px);opacity:.9;will-change:transform;border-radius:50%;position:absolute}.ambient i:first-child{background:radial-gradient(circle, var(--glow-1), transparent 65%);width:52vmax;height:52vmax;animation:26s ease-in-out infinite alternate drift1;top:-18vmax;left:-14vmax}.ambient i:nth-child(2){background:radial-gradient(circle, var(--glow-2), transparent 65%);width:44vmax;height:44vmax;animation:31s ease-in-out infinite alternate drift2;top:18vh;right:-12vmax}.ambient i:nth-child(3){background:radial-gradient(circle, var(--glow-3), transparent 65%);width:36vmax;height:36vmax;animation:37s ease-in-out infinite alternate-reverse drift1;bottom:-16vmax;left:30vw}@keyframes drift1{to{transform:translate(14vw,10vh)scale(1.15)}}@keyframes drift2{to{transform:translate(-12vw,16vh)scale(.9)}}.glass{background:radial-gradient(120% 140% at var(--mx,30%) var(--my,0%), #ffffff8c, transparent 55%), linear-gradient(160deg, var(--glass-strong), var(--glass-low));-webkit-backdrop-filter:blur(22px)saturate(180%);backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--glass-edge);box-shadow:inset 0 1.5px 0 #ffffffb3, inset 0 -1px 1px #ffffff2e, inset 0 0 18px #ffffff1f, 0 18px 40px -18px var(--shadow);position:relative}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .glass{background:radial-gradient(120% 140% at var(--mx,30%) var(--my,0%), #ffffff24, transparent 55%), linear-gradient(160deg, var(--glass-strong), var(--glass-low));box-shadow:inset 0 1px 0 #ffffff38, inset 0 0 18px #ffffff0a, 0 18px 40px -18px var(--shadow)}}:root[data-theme=dark] .glass,:root[data-wtheme=dark] .glass{background:radial-gradient(120% 140% at var(--mx,30%) var(--my,0%), #ffffff24, transparent 55%), linear-gradient(160deg, var(--glass-strong), var(--glass-low));box-shadow:inset 0 1px 0 #ffffff38, inset 0 0 18px #ffffff0a, 0 18px 40px -18px var(--shadow)}:root[data-wtheme=light] .glass{background:radial-gradient(120% 140% at var(--mx,30%) var(--my,0%), #ffffff8c, transparent 55%), linear-gradient(160deg, var(--glass-strong), var(--glass-low));box-shadow:inset 0 1.5px 0 #ffffffb3, inset 0 -1px 1px #ffffff2e, inset 0 0 18px #ffffff1f, 0 18px 40px -18px var(--shadow)}:root .nav.glass{background:radial-gradient(120% 140% at var(--mx,30%) var(--my,0%), #ffffff4d, transparent 55%), linear-gradient(160deg, var(--nav-fill), transparent)}.btn{--h:54px;height:var(--h);cursor:pointer;font:650 1.02rem/1 var(--font-body);white-space:nowrap;color:var(--ink);transition:transform .45s var(--spring), box-shadow .3s var(--ease);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.55em;padding:0 1.6em;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px)scale(1.03)}.btn:active{transition-duration:.12s;transform:scale(.95)}.btn-primary{color:var(--on-accent);background:radial-gradient(90% 120% at var(--mx,30%) var(--my,0%), #ffffff73, transparent 50%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 78%, white), var(--accent) 60%);border:1px solid color-mix(in srgb, var(--accent) 60%, white);box-shadow:inset 0 1.5px 0 #ffffff8c, inset 0 -2px 6px #0000001f, 0 14px 30px -12px color-mix(in srgb, var(--accent) 80%, transparent)}.btn-primary:hover{box-shadow:inset 0 1.5px 0 #fff9, inset 0 -2px 6px #0000001f, 0 20px 40px -12px color-mix(in srgb, var(--accent) 90%, transparent)}.btn-small{--h:40px;padding:0 1.1em;font-size:.92rem}.btn svg{width:1.1em;height:1.1em}.nav{z-index:50;left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);width:min(1180px, calc(100% - 2 * max(20px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px))));border-radius:999px;align-items:center;gap:12px;padding:7px 7px 7px 10px;transition:background .4s,box-shadow .4s;display:flex;position:fixed;transform:translate(-50%)}.brand{font:800 1.25rem/1 var(--font-display);letter-spacing:-.03em;align-items:center;gap:8px;text-decoration:none;display:flex}.brand img{width:34px;height:34px}.nav-links{gap:4px;margin-left:auto;display:flex}.nav-links a{color:var(--ink-2);white-space:nowrap;border-radius:999px;padding:9px 14px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .25s,color .25s}.nav-links a[aria-current=page],.nav-links a:hover{background:var(--glass-strong);color:var(--ink)}@media (max-width:760px){.nav-links{display:none}.nav .btn{margin-left:auto}}.hero{padding-block:calc(env(safe-area-inset-top,0px) + 120px) 70px;position:relative}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;display:grid}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}.hero-copy{z-index:2;justify-items:start;gap:26px;min-width:0;display:grid;position:relative}.pill-badge{color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 8px;font-size:.88rem;font-weight:600;display:inline-flex}.pill-badge b{background:var(--accent);color:var(--on-accent);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 9px;font-size:.72rem}.hero h1{font-size:clamp(3rem,7.6vw,6.4rem);line-height:.94}.blobword{color:var(--accent);border-radius:46% 54% 58% 42%/52% 44% 56% 48%;margin-left:-.08em;padding:.02em .22em .1em;animation:7s ease-in-out infinite blob;display:inline-block;position:relative}@keyframes blob{0%,to{border-radius:46% 54% 58% 42%/52% 44% 56% 48%}33%{border-radius:58% 42% 44% 56%/44% 58% 42% 56%}66%{border-radius:42% 58% 52% 48%/58% 46% 54% 42%}}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.fineprint{color:var(--ink-3);font-size:.9rem}.drop{z-index:3;touch-action:none;cursor:grab;-webkit-backdrop-filter:blur(3px)saturate(160%)brightness(1.04);backdrop-filter:blur(3px)saturate(160%)brightness(1.04);box-shadow:inset 0 2px 2px #ffffffe6, inset 0 -10px 22px #4c7a262e, inset 6px 0 14px #ffffff40, 0 22px 40px -16px var(--shadow);transition:transform .9s var(--spring);background:radial-gradient(circle at 32% 28%,#ffffffbf,#ffffff14 34%,#0000 60%),radial-gradient(circle at 70% 78%,#a4d06b47,#0000 55%);border:1px solid #ffffffbf;border-radius:50%;animation:6s ease-in-out infinite bob;position:absolute}.refract .drop{-webkit-backdrop-filter:url(#lens)saturate(160%);backdrop-filter:url(#lens)saturate(160%)}.drop.dragging{cursor:grabbing;transition:none;animation-play-state:paused}.drop.d1{width:120px;height:120px;top:30%;left:27%}.drop.d2{width:70px;height:70px;animation-delay:-2s;top:88%;left:44%}.drop.d3{width:92px;height:92px;animation-delay:-4s;top:15%;right:3%}@keyframes bob{0%,to{translate:0}50%{translate:0 -14px}}.drag-hint{color:var(--ink-3);font-size:.85rem}.drag-hint span{color:var(--accent);font-weight:600;display:block}@media (max-width:900px){.drop.d1{width:90px;height:90px;top:12%;left:62%}.drop.d2{top:64%;left:4%}.drop.d3{top:58%}}.phone-stage{perspective:1400px;place-items:center;min-width:0;display:grid;position:relative}.phone{aspect-ratio:9/19.2;background:var(--phone);width:min(340px,100%);box-shadow:inset 0 0 0 2px #ffffff14, 0 50px 80px -30px var(--shadow), 0 30px 40px -30px var(--shadow);transform-style:preserve-3d;transition:transform 1s var(--ease);border-radius:52px;padding:11px;position:relative;transform:rotateY(-8deg)rotateX(4deg)}.phone:hover{transform:rotateY(0)rotateX(0)}.screen{background:var(--surface);border-radius:42px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.island{z-index:5;background:#000;border-radius:20px;width:96px;height:28px;position:absolute;top:10px;left:50%;translate:-50%}.status{font:600 .82rem/1 var(--font-body);justify-content:space-between;align-items:center;height:44px;padding:14px 28px 0;display:flex}.status span:last-child{letter-spacing:.1em;font-size:.7rem}.chat-head{border-bottom:1px solid color-mix(in srgb, var(--ink) 8%, transparent);background:var(--surface);align-items:center;gap:10px;padding:6px 14px 10px;display:flex}.chat-head .back{color:var(--accent);margin-right:-2px;font-size:1.5rem;line-height:1}.stack{display:flex}.stack img{border:2px solid var(--surface);object-fit:cover;border-radius:50%;width:30px;height:30px}.stack img+img{margin-left:-12px}.chat-head .t{min-width:0}.chat-head b{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;line-height:1.2;display:block;overflow:hidden}.chat-head small{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.chat{background:var(--bg);flex-direction:column;flex:1;justify-content:flex-end;gap:3px;padding:10px 10px 8px;font-size:.83rem;line-height:1.35;display:flex;overflow:hidden}.sys{background:var(--bubble-sys);color:var(--ink-2);white-space:nowrap;border-radius:10px;align-self:center;margin:2px 0 6px;padding:4px 10px;font-size:.68rem}.msg{background:var(--bubble-in);max-width:78%;box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 6%, transparent);border-radius:18px;padding:6px 10px;position:relative}.msg.in{border-bottom-left-radius:6px;align-self:flex-start}.msg.out{background:var(--bubble-out);border-bottom-right-radius:6px;align-self:flex-end}.msg .who{margin-bottom:1px;font-size:.72rem;font-weight:700;display:block}.msg .meta{float:right;color:var(--ink-3);white-space:nowrap;margin:6px 0 -4px 8px;font-size:.62rem}.msg .meta .tick{color:var(--read);letter-spacing:-.25em;margin-left:2px;font-weight:700}.msg.gap{margin-top:6px}.react{background:var(--surface);box-shadow:0 2px 6px var(--shadow);animation:pop .5s var(--spring) both;border-radius:999px;padding:1px 5px;font-size:.78rem;position:absolute;bottom:-12px;left:8px}.msg.out .react{left:auto;right:8px}.msg.has-react{margin-bottom:12px}.voice{align-items:center;gap:8px;min-width:170px;display:flex}.voice .play{background:var(--accent);width:26px;height:26px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.voice .play svg{width:11px;height:11px;margin-left:2px}.wave{flex:1;align-items:center;gap:2px;height:22px;display:flex}.wave i{background:color-mix(in srgb, var(--ink) 35%, transparent);width:3px;height:calc(var(--h) * 1%);border-radius:2px}.wave.playing i{animation:1s ease-in-out infinite wave;animation-delay:calc(var(--i) * -70ms);background:var(--accent)}@keyframes wave{50%{transform:scaleY(.35)}}.photo{padding:3px}.photo .pic{aspect-ratio:4/3;border-radius:15px;width:190px;max-width:100%;overflow:hidden}.photo .cap{padding:4px 7px 2px}.typing{background:var(--bubble-in);border-radius:18px 18px 18px 6px;align-self:flex-start;gap:4px;padding:11px 13px;display:flex}.typing i{background:var(--ink-3);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite dot}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.pop{animation:pop .55s var(--spring) both}.msg.out.pop{transform-origin:100% 100%}.msg.in.pop{transform-origin:0 100%}@keyframes pop{0%{opacity:0;transform:scale(.6)translateY(10px)}}.composer{background:var(--bg);align-items:center;gap:8px;padding:8px 10px 22px;display:flex}.composer .field{height:36px;color:var(--ink-3);border-radius:18px;flex:1;align-items:center;padding:0 14px;font-size:.82rem;display:flex}.composer .round{width:36px;height:36px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.composer svg{width:17px;height:17px}.float-chip{z-index:4;white-space:nowrap;border-radius:18px;align-items:center;gap:8px;padding:9px 14px;font-size:.85rem;font-weight:600;animation:7s ease-in-out infinite bob;display:flex;position:absolute}.float-chip img{width:30px;height:30px}.float-chip.c1{animation-delay:-1s;top:18%;left:-2%}.float-chip.c2{animation-delay:-3.5s;bottom:20%;right:-4%}@media (max-width:520px){.float-chip.c1{top:4%;left:0}.float-chip.c2{bottom:6%;right:0}}.ideas{gap:26px;padding-block:70px 40px;display:grid}.ideas header{text-align:center;justify-items:center;gap:14px;display:grid}.marquee{padding-block:8px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.track{will-change:transform;gap:14px;width:max-content;display:flex}.marquees{cursor:grab;touch-action:pan-y;gap:4px;display:grid}.marquees.grabbing{cursor:grabbing}.marquees.grabbing .idea{pointer-events:none}.idea{white-space:nowrap;transition:transform .4s var(--spring);border-radius:999px;align-items:center;gap:12px;padding:10px 20px 10px 10px;font-weight:600;display:flex}.idea:hover{transform:scale(1.05)rotate(-1deg)}.idea img{width:44px;height:44px}.story{padding-block:110px 50px}.story-head{text-align:center;justify-items:center;gap:14px;max-width:760px;margin:0 auto 26px;display:grid}.story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;display:grid}.steps{margin:0;padding:0 0 0 64px;list-style:none;display:grid;position:relative}.rail{background:color-mix(in srgb, var(--ink) 10%, transparent);border-radius:2px;width:2px;height:0;position:absolute;top:0;left:21px}.rail i{height:calc(var(--prog,0) * 100%);border-radius:inherit;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 50%, white), var(--accent));box-shadow:0 0 14px color-mix(in srgb, var(--accent) 60%, transparent);position:absolute;inset:0 0 auto}.step{flex-direction:column;justify-content:center;min-height:76vh;display:flex;position:relative}.step .num{z-index:1;width:44px;height:44px;font:800 1rem/1 var(--font-display);color:var(--ink-3);background:var(--surface);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--ink) 12%, transparent);transition:color .4s, background .4s, box-shadow .5s, transform .6s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:-64px;translate:0 -50%}.step.done .num{color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.step.on .num{color:var(--on-accent);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 72%, white), var(--accent));box-shadow:inset 0 1px 0 #ffffff80, 0 0 0 7px var(--accent-soft), 0 10px 22px -8px var(--accent);transform:scale(1.08)}.step-card{opacity:.42;transform-origin:0;filter:saturate(.5);transition:opacity .6s var(--ease), transform .7s var(--spring), filter .6s;border-radius:30px;gap:12px;padding:26px 28px 24px;display:grid;transform:translate(-6px)scale(.975)}.step.on .step-card{opacity:1;filter:none;transform:none}.step-top{align-items:center;gap:10px;display:flex}.step-k{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:800}.step-t{color:var(--ink-3);background:color-mix(in srgb, var(--ink) 5%, transparent);border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:4px 9px 4px 7px;font-size:.74rem;font-weight:600;display:inline-flex}.step-t svg{width:12px;height:12px}.step h3{letter-spacing:-.03em;font-size:clamp(1.6rem,2.5vw,2.15rem);line-height:1.05}.step p{color:var(--ink-2);max-width:30em;font-size:1rem;line-height:1.5}.step-tags{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.step-tags li{background:var(--accent-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 11px 6px 8px;font-size:.8rem;font-weight:600;display:inline-flex}.step-tags svg{width:14px;height:14px;color:var(--accent)}.step.on .step-tags li{animation:pop .5s var(--spring) both}.step.on .step-tags li:nth-child(2){animation-delay:70ms}.step.on .step-tags li:nth-child(3){animation-delay:.14s}.sticky{top:calc(env(safe-area-inset-top,0px) + 11vh);place-items:center;height:78vh;display:grid;position:sticky}.stage{--g:color-mix(in srgb, var(--accent) 55%, transparent);place-items:center;width:100%;height:100%;display:grid;position:relative}.stage[data-step="1"]{--g:color-mix(in srgb, var(--hue-3) 45%, transparent)}.stage[data-step="2"]{--g:color-mix(in srgb, var(--hue-2) 45%, transparent)}.stage-glow{aspect-ratio:1;background:radial-gradient(closest-side, var(--g), transparent);filter:blur(30px);opacity:.55;width:78%;transition:background 1.2s var(--ease);border-radius:50%;position:absolute}.phone-wrap{aspect-ratio:9/19.2;height:min(620px,100% - 34px);animation:8s ease-in-out infinite floaty;position:relative}@keyframes floaty{50%{translate:0 -8px}}.sticky .phone{width:100%;height:100%;transform:none}.scene{background:linear-gradient(180deg, var(--surface), color-mix(in srgb, var(--bg) 70%, var(--surface)));opacity:0;filter:blur(6px);transition:opacity .55s var(--ease), transform .7s var(--ease), filter .55s var(--ease);pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0;transform:scale(1.03)}.scene.on{opacity:1;filter:none;transform:none}.scene .status{flex:none}.sfloat{z-index:3;white-space:nowrap;opacity:0;transition:opacity .5s var(--ease), transform .7s var(--spring);pointer-events:none;border-radius:999px;align-items:center;gap:8px;padding:9px 14px 9px 10px;font-size:.84rem;font-weight:650;display:inline-flex;position:absolute;transform:translateY(14px)scale(.94)}.sfloat svg{width:18px;height:18px;color:var(--accent)}.sfloat>img{width:26px;height:26px}.sfloat .tick{background:var(--accent);width:20px;height:20px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:.7rem;display:grid}.mini-stack{display:flex}.mini-stack img{object-fit:cover;width:24px;height:24px;box-shadow:0 0 0 2px var(--surface);border-radius:50%}.mini-stack img+img{margin-left:-8px}.stage[data-step="0"] [data-for="0"],.stage[data-step="1"] [data-for="1"],.stage[data-step="2"] [data-for="2"]{opacity:1;transform:none}.stage[data-step] .sfloat:nth-of-type(2n){transition-delay:.12s}.s0a,.s1a{top:24%;left:0}.s0b,.s1b{bottom:22%;right:0}.s2a{bottom:26%;left:2%}.notif{z-index:4;opacity:0;transition:opacity .45s var(--ease), transform .8s var(--spring);border-radius:22px;align-items:center;gap:10px;padding:10px 14px 10px 10px;display:flex;position:absolute;top:-10px;left:-10%;right:-10%;transform:translateY(-22px)scale(.96)}.stage[data-step="2"] .notif{opacity:1;transition-delay:.5s;transform:none}.notif>img{flex:none;width:34px;height:34px}.notif div{flex:1;min-width:0;line-height:1.25;display:grid}.notif b{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.notif b i{color:var(--ink-3);font-style:normal;font-weight:500}.notif span{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.notif small{color:var(--ink-3);align-self:flex-start;font-size:.7rem}.stage-dots{gap:6px;display:flex;position:absolute;bottom:0;left:50%;translate:-50%}.stage-dots i{cursor:pointer;background:color-mix(in srgb, var(--ink) 18%, transparent);width:7px;height:7px;transition:width .5s var(--spring), background .4s;border-radius:999px}.stage[data-step="0"] .stage-dots i:first-child,.stage[data-step="1"] .stage-dots i:nth-child(2),.stage[data-step="2"] .stage-dots i:nth-child(3){background:var(--accent);width:22px}.orbit .spk{background:var(--accent);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:.2;width:14px;height:14px;animation:2.2s ease-in-out infinite twinkle;position:absolute}.orbit .k1{top:18%;left:12%}.orbit .k2{width:10px;height:10px;animation-delay:.7s;top:4%;right:8%}.orbit .k3{animation-delay:1.4s;bottom:10%;right:18%}.sticky .peek{display:none}.meet .go{background:var(--accent);height:44px;color:var(--on-accent);border-radius:999px;flex:none;place-items:center;margin-top:auto;font-size:.9rem;font-weight:650;display:grid}.step-shot .meet .go{display:none}.step-card{cursor:pointer}.step.on .step-card{cursor:default}.step-shot{display:none}@media (max-width:900px){.story-grid{grid-template-columns:1fr}.sticky{display:none}.steps{gap:22px;padding-left:52px}.rail{left:17px}.step{min-height:0}.step .num{width:36px;height:36px;font-size:.9rem;top:22px;left:-52px;translate:none}.step-card{opacity:1;filter:none;cursor:default;padding:20px;transform:none}.step-shot{aspect-ratio:9/18;background:var(--phone);width:min(280px,100%);box-shadow:0 30px 50px -26px var(--shadow);border-radius:40px;margin:14px auto 0;padding:9px;display:block;position:relative}.step-shot .scene-wrap{border-radius:32px;height:100%;position:relative;overflow:hidden}.step-shot .scene{opacity:1;filter:none;transform:none}}.ob{flex-direction:column;flex:1;gap:12px;min-height:0;padding:6px 18px 18px;display:flex}.ob h4{font:750 1.25rem/1.1 var(--font-display);letter-spacing:-.02em;margin:0}.ob .sub{color:var(--ink-2);font-size:.8rem;line-height:1.35}.ob .ideabox{background:var(--bg);border:1.5px solid var(--accent);border-radius:16px;min-height:76px;padding:12px;font-size:.86rem}.caret{background:var(--accent);vertical-align:-2px;width:2px;height:1em;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.tiles{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.tile{background:var(--bg);text-align:center;white-space:nowrap;text-overflow:ellipsis;border-radius:14px;padding:8px 4px 6px;font-size:.62rem;font-weight:600;overflow:hidden}.tile img{width:44px;height:44px;margin:0 auto 3px}.tile.sel{background:var(--accent-soft);box-shadow:inset 0 0 0 1.5px var(--accent)}.ob .go{background:var(--accent);height:44px;color:var(--on-accent);border-radius:999px;place-items:center;margin-top:auto;font-size:.9rem;font-weight:650;display:grid}.dream{text-align:center;background:radial-gradient(60% 40% at 50% 40%, color-mix(in srgb, var(--accent) 14%, transparent), transparent);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;min-height:0;padding:10px 18px 40px;display:flex}.orbit{width:200px;height:200px;position:relative}.orbit>img{width:56%;animation:3s ease-in-out infinite breathe;position:absolute;inset:22%}@keyframes breathe{50%{transform:scale(1.06)}}.orbit .ring{animation:14s linear infinite spin;position:absolute;inset:0}.orbit .ring img{object-fit:cover;border:3px solid var(--surface);width:54px;height:54px;box-shadow:0 6px 14px var(--shadow);border-radius:50%;animation:14s linear infinite reverse spin;position:absolute}.orbit .ring img:first-child{top:-14px;left:73px}.orbit .ring img:nth-child(2){top:120px;left:-10px}.orbit .ring img:nth-child(3){top:120px;right:-10px}@keyframes spin{to{rotate:360deg}}.dream h4{font:750 1.2rem/1.1 var(--font-display);margin:0}.dream .line{height:1.4em;color:var(--ink-2);font-size:.85rem;overflow:hidden}.dream .line div{animation:8s step-end infinite lines}.dream .line span{height:1.4em;display:block}@keyframes lines{0%{transform:translateY(0)}25%{transform:translateY(-1.4em)}50%{transform:translateY(-2.8em)}75%{transform:translateY(-4.2em)}}.bar{background:color-mix(in srgb, var(--ink) 9%, transparent);width:70%;height:6px;box-shadow:inset 0 1px 2px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:3px;overflow:hidden}.bar i{background:var(--accent);width:40%;height:100%;animation:load 2.2s var(--ease) infinite;border-radius:3px;display:block}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(260%)}}.meet{flex-direction:column;flex:1;gap:10px;min-height:0;padding:6px 16px 16px;display:flex}.meet h4{font:750 1.25rem/1.1 var(--font-display);margin:0}.friend{background:var(--bg);border-radius:16px;align-items:center;gap:10px;padding:9px;display:flex}.friend img{object-fit:cover;border-radius:50%;flex:none;width:46px;height:46px}.friend .t{flex:1;min-width:0}.friend b{font-size:.86rem;display:block}.friend small{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.friend .badge{background:var(--accent);color:var(--on-accent);border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.66rem;font-weight:700;display:grid}.scene.on .friend{animation:pop .6s var(--spring) both}.scene.on .friend:nth-of-type(2){animation-delay:.12s}.scene.on .friend:nth-of-type(3){animation-delay:.24s}.scene.on .friend:nth-of-type(4){animation-delay:.36s}.peek{background:var(--bubble-in);box-shadow:0 6px 18px -8px var(--shadow);border-radius:16px 16px 16px 6px;margin-top:auto;padding:8px 11px;font-size:.78rem}.peek .who{color:var(--hue-2);font-size:.7rem;font-weight:700;display:block}.features{gap:30px;padding-block:90px 60px;display:grid}.features header{gap:14px;max-width:760px;display:grid}.bento{grid-template-rows:304px 304px 384px;grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.ftile{border-radius:26px;flex-direction:column;gap:10px;min-width:0;padding:18px;display:flex;overflow:hidden}.t-head{align-items:center;gap:10px;display:flex}.t-head .ti{width:40px;height:40px;color:var(--accent);background:linear-gradient(160deg, var(--glass-strong), var(--glass-low));border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 #fff9, 0 4px 12px -6px var(--shadow);transition:transform .6s var(--spring);border-radius:13px;flex:none;place-items:center;display:grid}.t-head .ti img{width:34px;height:34px}.t-head .ti svg{width:20px;height:20px}.ftile:hover .ti{transform:rotate(-8deg)scale(1.08)}.t-head h3{letter-spacing:-.015em;font-size:1.12rem}.t-head .badge{letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:.64rem;font-weight:800}.ftile>p{color:var(--ink-2);font-size:.9rem;line-height:1.4}.ftile .demo{margin-top:auto}.b-chat{grid-area:span 2/span 2}.b-group{grid-column:span 2}@media (max-width:980px){.bento{grid-template-rows:none;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.ftile{height:304px}.b-chat{grid-row:auto;height:560px}.b-group,.b-lang,.b-mem{height:384px}}@media (max-width:560px){.bento{grid-template-columns:1fr}.b-chat,.b-group{grid-area:auto}.b-chat{height:600px}.b-group{height:420px}}.ftile button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0}.ftile button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.badge.try{background:color-mix(in srgb, var(--accent) 22%, transparent);color:var(--accent);animation:2.6s ease-in-out infinite breathe}.reactable .msg{cursor:pointer;transition:transform .35s var(--spring)}.reactable .msg:active{transform:scale(.97)}.react{cursor:pointer;align-items:center;gap:3px;display:inline-flex}.react b{color:var(--ink-2);font-size:.7rem;font-weight:650}.react.mine{box-shadow:0 0 0 1.5px var(--accent), 0 2px 6px var(--shadow)}.picker{z-index:5;box-shadow:0 10px 28px -8px var(--shadow), 0 0 0 1px var(--glass-edge);animation:pop .35s var(--spring);border-radius:999px;gap:2px;padding:4px 6px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;background:var(--surface)!important}.msg.out .picker{left:auto;right:0}.picker button{transition:transform .35s var(--spring);border-radius:50%;padding:3px;line-height:1;font-size:1.15rem!important}.picker button:hover{transform:scale(1.35)translateY(-3px)}.picker button.on{background:var(--accent-soft)}.chatbox{background:var(--bg);border-radius:20px;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:8px 10px 10px;display:flex}.livechat{contain:size;flex-direction:column;flex:auto;justify-content:flex-end;gap:4px;min-height:0;padding:16px 2px 2px;font-size:.86rem;line-height:1.35;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 16%);mask-image:linear-gradient(#0000,#000 16%)}.livechat .msg{flex:none;max-width:82%}.livechat .msg.photo{padding:3px}.livechat .msg.photo .pic{aspect-ratio:4/3;border-radius:15px;width:150px}.livechat .msg.photo .cap{padding:4px 7px 2px}.livechat .typing{flex:none}.vmini{align-items:center;gap:8px;min-width:150px;display:flex}.vmini .pl{background:var(--accent);width:24px;height:24px;color:var(--on-accent);border-radius:50%;flex:none;place-items:center;display:grid}.vmini .pl svg{width:9px;height:9px}.vmini .wave{height:18px}.vmini small{color:var(--ink-2);font-size:.7rem}.sugwrap{border-top:1px solid color-mix(in srgb, var(--ink) 8%, transparent);flex:none;gap:5px;padding-top:8px;display:grid}.sugl{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:.66rem;font-weight:800}.suggest{scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;gap:6px;height:34px;padding-top:2px;display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.suggest button{color:var(--ink);white-space:nowrap;transition:transform .4s var(--spring), opacity .3s, background .3s;animation:pop .45s var(--spring) both;animation-delay:calc(var(--k) * 70ms);border-radius:999px;flex:none;align-items:center;gap:6px;padding:6px 12px;display:inline-flex;background:var(--glass-strong)!important;border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)!important;padding-right:5px!important;font-size:.8rem!important;font-weight:600!important}.suggest button:after{content:"";background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27white%27 stroke-width=%273%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 19V5M5 12l7-7 7 7%27/%3E%3C/svg%3E") center / 11px no-repeat;width:20px;height:20px;transition:transform .35s var(--spring);border-radius:50%;flex:none}.suggest button:hover:after{transform:translateY(-2px)}.suggest button:hover{transform:translateY(-2px);background:var(--accent-soft)!important}.suggest button:active{transform:scale(.95)}.suggest.busy button{opacity:.35;pointer-events:none}.facts-row{flex-wrap:wrap;flex:none;gap:6px;display:flex}.chip{background:var(--accent-soft);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 7px;font-size:.78rem;font-weight:600;display:inline-flex}.chip svg{width:13px;height:13px;color:var(--accent)}.presence{color:var(--ink-2);align-items:center;gap:8px;padding:0 2px;font-size:.8rem;display:flex}.presence img{object-fit:cover;border-radius:50%;width:26px;height:26px}.presence b{color:var(--ink);font-size:.86rem}.presence em{font-style:normal;transition:color .3s}.presence em.typing-now{color:var(--accent);font-weight:600}.presence i{width:8px;height:8px;box-shadow:0 0 0 2px var(--surface);background:#3ba55c;border-radius:50%;margin-top:16px;margin-left:-14px}.vwrap{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.vfrom{color:var(--ink-2);align-items:center;gap:6px;font-size:.76rem;display:flex}.vfrom img{object-fit:cover;border-radius:50%;width:22px;height:22px}.vfrom b{color:var(--hue-1);font-size:.8rem}.vrow{align-items:center;gap:6px;display:flex}.voice-demo{border-radius:999px;flex:1 1 0;align-items:center;gap:10px;min-width:0;display:flex;background:var(--bubble-out)!important;padding:8px 12px 8px 8px!important}.voice-demo .play{background:var(--accent);width:34px;height:34px;color:var(--on-accent);transition:transform .4s var(--spring);border-radius:50%;flex:none;place-items:center;display:grid}.voice-demo:active .play{transform:scale(.88)}.voice-demo .play svg{width:13px;height:13px}.voice-demo .wave{min-width:0;height:26px;overflow:hidden}.voice-demo .wave i{flex:none;width:3px;transition:background .2s}.voice-demo .wave i.played{background:var(--accent)}.voice-demo .wave.playing i{background:color-mix(in srgb, var(--ink) 35%, transparent)}.voice-demo .wave.playing i.played{background:var(--accent)}.voice-demo time{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:.76rem}.speed{font-variant-numeric:tabular-nums;transition:transform .35s var(--spring);border-radius:999px;flex:none;background:var(--glass-strong)!important;border:1px solid var(--glass-edge)!important;padding:6px 9px!important;font-size:.74rem!important;font-weight:700!important}.speed:active{transform:scale(.9)}.vcap{min-height:2.7em;color:var(--ink-3)!important;font-size:.82rem!important;line-height:1.35!important}.vcap .w{opacity:.25;transition:opacity .25s,color .25s}.vcap .w.on{opacity:1;color:var(--ink)}.fan{width:100%;height:124px;margin-top:auto;display:block;position:relative}.fan .pic{aspect-ratio:4/3;border:3px solid var(--bubble-in);width:132px;box-shadow:0 12px 24px -12px var(--shadow);transition:transform .7s var(--spring), opacity .4s;border-radius:14px;position:absolute;bottom:4px;left:50%;overflow:hidden}.fan .pic:first-child{transform:translate(-50%)rotate(-7deg)translateY(2px)}.fan .pic:nth-child(2){transform:translate(-50%)rotate(5deg)}.fan .pic:nth-child(3){transform:translate(-50%)rotate(-1deg)}.fan:hover .pic:first-child{transform:translate(-100%)rotate(-12deg)}.fan:hover .pic:nth-child(2){transform:translate(0%)rotate(11deg)}.fan:hover .pic:nth-child(3){transform:translate(-50%)translateY(-8px)}.fan .pic.fly{opacity:0;transform:translate(40%)translateY(-40px)rotate(24deg)!important}.pcap{color:var(--ink-2);justify-content:center;align-items:center;gap:6px;font-size:.78rem;display:flex}.pcap img{object-fit:cover;border-radius:50%;width:20px;height:20px}.pcap span{animation:pop .45s var(--spring)}.wthread,.kthread{contain:size;flex-direction:column;flex:auto;justify-content:flex-end;gap:4px;min-height:0;margin-top:auto;padding-top:30px;font-size:.8rem;line-height:1.3;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 26px);mask-image:linear-gradient(#0000,#000 26px)}.wthread .msg,.kthread .msg{max-width:92%;animation:pop .45s var(--spring) both;flex:none;padding:5px 9px}.wthread .typing,.kthread .typing{padding:8px 10px}.wthread .typing i,.kthread .typing i{width:6px;height:6px}.whisper{background:var(--bg);border:1.5px dashed color-mix(in srgb, var(--accent) 45%, transparent);transition:transform .5s var(--spring), opacity .4s, filter .4s;border-radius:16px;gap:4px;padding:10px 46px 10px 12px;font-size:.84rem;display:grid;position:relative}.whisper small{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:5px;font-size:.68rem;font-weight:700;display:flex}.whisper small svg{width:12px;height:12px}.whisper span{color:var(--ink);font-style:italic}.whisper.sent{opacity:0;filter:blur(6px);transform:translateY(-14px)scale(.92)}.wsend{width:32px;height:32px;box-shadow:inset 0 1px 0 #ffffff80, 0 6px 14px -6px var(--accent);transition:transform .4s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;color:var(--on-accent)!important;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 78%, white), var(--accent))!important}.wsend:hover{transform:translateY(-2px)scale(1.06)}.wsend:active{transform:scale(.9)}.wsend svg{width:15px;height:15px}.kg{align-items:center;gap:10px;margin-top:0;display:flex}.kg-btn{box-shadow:inset 0 1px 0 #ffffff80, 0 8px 18px -8px var(--accent);white-space:nowrap;transition:transform .4s var(--spring), opacity .3s;border-radius:999px;align-items:center;gap:6px;padding:8px 14px 8px 10px;display:inline-flex;color:var(--on-accent)!important;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 78%, white), var(--accent))!important;font-size:.84rem!important;font-weight:650!important}.kg-btn:hover{transform:translateY(-2px)}.kg-btn:active{transform:scale(.94)}.kg-btn{justify-content:center;min-width:132px}.kg-btn[disabled]{opacity:.6;cursor:default;transform:none}.kg-btn svg{width:12px;height:12px}.kg .stack{gap:6px}.kg .stack img{width:30px;height:30px;box-shadow:0 0 0 2px var(--surface);transition:transform .4s var(--spring), box-shadow .3s, opacity .3s;border:0;margin:0}.kg .stack img+img{margin-left:0}.kg.live .stack img{opacity:.55}.kg.live .stack img.talking{opacity:1;box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent);transform:translateY(-3px)}.gchat{background:var(--bg);border-radius:20px;flex-direction:column;flex:auto;gap:8px;min-height:0;padding:10px;display:flex}.ghead{border-bottom:1px solid color-mix(in srgb, var(--ink) 8%, transparent);align-items:center;gap:10px;padding:0 2px 8px;display:flex}.ghead .stack img{width:28px;height:28px}.gname{min-width:0;line-height:1.2;display:grid}.gname b{font-size:.88rem}.gname span{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;transition:color .3s;overflow:hidden}.gname span.typing-now{color:var(--accent);font-weight:600}.ghead .hint{flex:none;margin-left:auto}.gthread{contain:size;flex-direction:column;flex:auto;justify-content:flex-end;gap:4px;min-height:0;padding-top:34px;font-size:.84rem;line-height:1.35;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 34px);mask-image:linear-gradient(#0000,#000 34px)}.gthread .msg{flex:none;max-width:78%}.gthread .msg.photo{padding:3px}.gthread .msg.photo .who{padding:3px 7px 2px}.gthread .msg.photo .pic{aspect-ratio:4/3;border-radius:14px;width:130px}.gthread .typing{flex:none}.gthread .msg.has-react,.livechat .msg.has-react,.wthread .msg.has-react,.kthread .msg.has-react{margin-bottom:12px}.hint{color:var(--ink-3);white-space:nowrap;align-items:center;gap:6px;font-size:.74rem;font-weight:600;display:inline-flex}@media (max-width:560px){.ghead .hint{display:none}}.hint svg{width:15px;height:15px;color:var(--accent);animation:2.8s ease-in-out infinite tapnudge}@keyframes tapnudge{0%,70%,to{transform:translateY(0)}80%{transform:translateY(-1.5px)}90%{transform:translateY(.5px)}}.langs{flex-wrap:wrap;gap:6px;display:flex}.lang{white-space:nowrap;transition:transform .4s var(--spring), background .3s, color .3s;border-radius:999px;background:var(--glass-strong)!important;border:1px solid var(--glass-edge)!important;padding:5px 10px!important;font-size:.78rem!important;font-weight:650!important}.lang:hover{transform:translateY(-3px)rotate(-3deg)}.lang[aria-checked=true]{background:var(--accent)!important;color:var(--on-accent)!important;border-color:#0000!important}.gloss{text-align:left;min-height:52px;transition:transform .4s var(--spring);border-radius:16px 16px 16px 5px;align-content:center;justify-self:start;gap:1px;display:grid;background:var(--bubble-in)!important;padding:8px 12px!important;font-size:.9rem!important}.gloss:active{transform:scale(.97)}.gloss .native{font-weight:550}.gloss em{color:var(--ink-3);filter:blur(4px);opacity:.7;font-size:.76rem;font-style:normal;transition:filter .35s,opacity .35s}.gloss.peek em{filter:none;opacity:1}.gloss.swap{animation:flipin .5s var(--spring)}@keyframes flipin{0%{opacity:0;transform:rotateX(80deg)}}.whisper .working{color:var(--ink);opacity:0;pointer-events:none;align-items:center;gap:8px;padding:0 14px;font-size:.84rem;font-weight:600;transition:opacity .3s;display:flex;position:absolute;inset:0}.whisper.busy small,.whisper.busy>span,.whisper.busy .wsend{visibility:hidden}.whisper.busy .working{opacity:1}.whisper.busy{background:linear-gradient(110deg, var(--bg) 30%, color-mix(in srgb, var(--accent) 16%, var(--bg)) 50%, var(--bg) 70%) 0 0 / 250% 100%;border-style:solid;animation:1.6s linear infinite shimmer}.working .wand{width:22px;height:22px;color:var(--accent);transform-origin:20% 80%;flex:none;animation:1.1s ease-in-out infinite wave-wand}.working .wand .spark{animation:1.1s ease-in-out infinite twinkle}.working .wand .spark:nth-of-type(2){animation-delay:.35s}.working .wand .spark:nth-of-type(3){animation-delay:.7s}.whisper .working span{animation:pop .4s var(--spring);color:var(--ink);font-style:normal;font-weight:650}@keyframes shimmer{to{background-position:-250% 0}}@keyframes wave-wand{0%,to{transform:rotate(-10deg)}50%{transform:rotate(14deg)}}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.1)}}.working .wand .spark{transform-box:fill-box;transform-origin:50%}.lvl{background:var(--bg);border-radius:999px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid;position:relative}.lvl button{z-index:1;white-space:nowrap;transition:color .3s;position:relative;color:var(--ink-2)!important;padding:6px 4px!important;font-size:.74rem!important;font-weight:650!important}.lvl button[aria-checked=true]{color:var(--on-accent)!important}.lvl i{background:var(--accent);width:calc(33.3333% - 2px);transition:transform .5s var(--spring);transform:translateX(calc(var(--l,0) * 100%));border-radius:999px;position:absolute;top:3px;bottom:3px;left:3px}.lsay{align-items:flex-end;gap:6px;display:flex}.lsay img{object-fit:cover;border-radius:50%;flex:none;width:24px;height:24px}.gloss .w-hint{color:var(--accent);font-weight:700}.memsay{flex:none;align-items:flex-end;gap:6px;height:46px;margin-top:auto;font-size:.82rem;line-height:1.3;display:flex}.memsay .msg{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.memsay img{object-fit:cover;border-radius:50%;flex:none;width:24px;height:24px}.memsay .msg{max-width:100%;animation:pop .45s var(--spring)}.memsay .msg small{color:var(--accent);letter-spacing:.02em;margin-bottom:1px;font-size:.66rem;font-weight:700;display:block}.mem{grid-template-columns:minmax(0,1fr);gap:6px;margin-top:0;font-size:.84rem;display:grid}.mem .m{background:var(--bg);touch-action:none;cursor:grab;transition:box-shadow .25s, opacity .3s, transform .3s var(--spring);border-radius:12px;align-items:center;gap:8px;padding:6px 6px 6px 8px;display:flex;position:relative}.mem .m.dragging{cursor:grabbing;z-index:3;box-shadow:0 12px 24px -10px var(--shadow), 0 0 0 1.5px var(--accent);transition:box-shadow .25s}.mem .m.gone{opacity:0;transform:translate(30px)scale(.9)}.mem .m.new{animation:pop .45s var(--spring)}.mem .grip{width:10px;height:14px;color:var(--ink-3);opacity:.7;flex:none}.mem .m>svg:not(.grip){width:13px;height:13px;color:var(--accent);flex:none}.mem .m span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mem .x{width:22px;height:22px;color:var(--ink-3);border-radius:50%;flex:none;place-items:center;transition:background .2s,color .2s;display:grid}.mem .x:hover{color:#e2574c;background:#e2574c29}.mem .x svg{width:11px;height:11px}.mem-add{transition:transform .35s var(--spring);align-self:flex-start;align-items:center;gap:6px;display:inline-flex;color:var(--accent)!important;padding:2px 4px!important;font-size:.78rem!important;font-weight:650!important}.mem-add:hover{transform:translate(2px)}.mem-add[disabled]{opacity:.4;cursor:default}.mem-add svg{width:13px;height:13px}.pic{background:#ddd 50%/cover no-repeat}.sc-city,.sky1,.ph1{background-image:url(/img/scenes/city.svg)}.sc-beach,.sea,.ph2{background-image:url(/img/scenes/beach.svg)}.sc-coffee,.cake,.ph3{background-image:url(/img/scenes/coffee.svg)}.sc-garden,.ph4{background-image:url(/img/scenes/garden.svg)}.sc-mountains{background-image:url(/img/scenes/mountains.svg)}.sc-ferris{background-image:url(/img/scenes/ferris.svg)}.sc-camp{background-image:url(/img/scenes/camp.svg)}.sc-pizza{background-image:url(/img/scenes/pizza.svg)}.privacy{padding-block:100px 70px}.privacy-card{border-radius:40px;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:clamp(28px,5vw,64px);display:grid}@media (max-width:900px){.privacy-card{grid-template-columns:1fr}}.privacy-copy{gap:22px;min-width:0;display:grid}.facts{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:520px){.facts{grid-template-columns:1fr}}.fact{background:var(--glass-strong);border:1px solid var(--glass-edge);border-radius:20px;padding:16px 18px}.fact b{font-family:var(--font-display);letter-spacing:-.015em;margin-bottom:2px;font-size:1.1rem;display:block}.fact span{color:var(--ink-2);font-size:.92rem;line-height:1.4;display:block}.flow{justify-items:center;gap:14px;min-width:0;display:grid;position:relative}.vault{aspect-ratio:1;border-radius:50%;place-items:center;width:min(320px,100%);display:grid;position:relative}.vault>img{width:82%}.vault-label{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:700;position:absolute;bottom:10%;left:50%;translate:-50%}.wire{background:repeating-linear-gradient(180deg, var(--line) 0 6px, transparent 6px 12px);width:2px;height:70px;position:relative}.wire i{background:var(--accent);width:12px;height:12px;box-shadow:0 0 12px var(--accent);animation:packet 3.2s var(--ease) infinite;border-radius:50%;position:absolute;left:50%;translate:-50%}.wire i:nth-child(2){background:var(--read);box-shadow:0 0 12px var(--read);animation-name:packetBack}@keyframes packet{0%{opacity:0;top:0}10%{opacity:1}45%{opacity:1;top:calc(100% - 12px)}55%,to{opacity:0;top:calc(100% - 12px)}}@keyframes packetBack{0%,50%{opacity:0;top:calc(100% - 12px)}60%{opacity:1}95%{opacity:1;top:0}to{opacity:0;top:0}}.provider{text-align:center;border-radius:18px;gap:2px;padding:12px 18px;display:grid}.provider b{font-family:var(--font-display);font-size:1rem}.provider span{color:var(--ink-2);font-size:.82rem}.keys{flex-wrap:wrap;gap:8px;display:flex}.key{background:var(--accent-soft);color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 6px 5px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.key b{margin-right:2px;font-weight:700}.brandmark{color:var(--ink);background:var(--glass-strong);border:1px solid var(--glass-edge);border-radius:999px;align-items:center;gap:5px;padding:3px 9px 3px 6px;font-weight:600;display:inline-flex}.brandmark svg{fill:currentColor;flex:none;width:14px;height:14px}@media (max-width:480px){.key{white-space:normal;border-radius:20px;flex-wrap:wrap;padding:6px}.key b{padding-left:6px}}.teaser{gap:28px;padding-block:70px 20px;display:grid}.teaser-head{text-align:center;justify-items:center;gap:16px;display:grid}.teaser-head h2{max-width:14em}.teaser-head .lede{margin-inline:auto}.t-draft{text-align:left;color:var(--ink-2);border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 7px;font-size:.88rem;font-weight:600;display:inline-flex}.t-draft b{color:#3a2a00;letter-spacing:.08em;text-transform:uppercase;background:#e8b44a;border-radius:999px;padding:4px 9px;font-size:.7rem}.tplans{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (max-width:980px){.tplans{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.tplans{grid-template-columns:1fr}}.tplan{min-width:0;transition:transform .6s var(--spring);border-radius:26px;align-content:start;gap:10px;padding:22px 20px;text-decoration:none;display:grid;position:relative}.tplan:hover{transform:translateY(-6px)}.tplan.hot{border-color:var(--accent);box-shadow:inset 0 1.5px 0 #fff9, 0 18px 40px -16px var(--accent);background:linear-gradient(160deg, color-mix(in srgb, var(--accent) 16%, var(--glass-strong)), color-mix(in srgb, var(--accent) 6%, var(--glass-low)))}.tbadge{letter-spacing:.08em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);border-radius:999px;padding:4px 9px;font-size:.62rem;font-weight:800;position:absolute;top:-10px;right:18px}.ttag{letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:999px;justify-self:start;padding:5px 10px;font-size:.7rem;font-weight:700}.tplan b{font:750 1.45rem/1 var(--font-display);letter-spacing:-.02em}.tprice{color:var(--ink-2);white-space:nowrap;font-size:.92rem}.tprice em{font:800 2.1rem/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);font-variant-numeric:tabular-nums;margin-right:4px;font-style:normal}.tline{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex;overflow:hidden}.tline i{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px}.tline.own i{background:var(--read)}.teaser-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.safety{padding-block:10px 40px}.safety-row{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (max-width:760px){.safety-row{grid-template-columns:1fr}}.safety-row div{background:var(--glass);border:1px solid var(--glass-edge);color:var(--ink-2);border-radius:22px;padding:18px 20px;font-size:.95rem}.safety-row b{color:var(--ink);font-size:1rem;display:block}.final{padding-block:70px 60px}.final-card{text-align:center;border-radius:44px;justify-items:center;gap:22px;padding:clamp(40px,7vw,90px) clamp(22px,5vw,60px);display:grid;overflow:hidden}.final-card>img{width:120px;animation:hop 3.4s var(--spring) infinite}@keyframes hop{0%,70%,to{transform:translateY(0)rotate(0)}80%{transform:translateY(-22px)rotate(-8deg)}90%{transform:translateY(0)rotate(4deg)scaleY(.94)}}.final-card h2{max-width:13em}.join-form{gap:12px;width:min(100%,520px);display:grid}.join-row{border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 16px;transition:box-shadow .3s,border-color .3s;display:flex}.join-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent), 0 18px 40px -20px var(--shadow)}.join-ic{width:20px;height:20px;color:var(--ink-3);flex:none}.join-row input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1 1 0;padding:10px 2px;font-size:1rem}.join-row input::placeholder,.join-note input::placeholder{color:var(--ink-3)}.join-row .btn{flex:none}.join-form.bad .join-row{border-color:#d2553f;animation:.4s shake}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(5px)}75%{transform:translate(-3px)}}.join-note{text-align:left;color:var(--ink-2);gap:6px;padding-inline:16px;font-size:.85rem;font-weight:600;display:grid}.join-note i{color:var(--ink-3);font-style:normal;font-weight:500}.join-note input{font:inherit;color:var(--ink);background:var(--glass-low);border:1px solid var(--glass-edge);border-radius:18px;outline:none;margin-inline:-16px;padding:11px 16px;font-size:.95rem;font-weight:500;transition:border-color .3s,box-shadow .3s}.join-note input:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent)}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.join-msg{color:var(--ink-3);min-height:1.4em;font-size:.85rem}.join-msg.err{color:#c2462f}:root[data-theme=dark] .join-msg.err{color:#f08a73}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .join-msg.err{color:#f08a73}}.join-form.busy .btn{pointer-events:none;opacity:.75}.join-form.busy .btn span:after{content:"";vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;width:.9em;height:.9em;margin-left:8px;animation:.7s linear infinite jspin;display:inline-block}@keyframes jspin{to{transform:rotate(1turn)}}.join-done{animation:jpop .6s var(--spring);justify-items:center;gap:6px;display:grid}.join-done[hidden],.join-form[hidden]{display:none}.join-done b{font:800 1.35rem/1.2 var(--font-display)}.join-done span:not(.tick-big){color:var(--ink-2)}.tick-big{background:var(--accent);width:58px;height:58px;color:var(--on-accent);box-shadow:0 14px 30px -12px var(--accent);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.tick-big svg{stroke-dasharray:24;stroke-dashoffset:24px;width:28px;height:28px;animation:.5s ease-out .25s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}@keyframes jpop{0%{opacity:0;transform:scale(.85)}}@media (max-width:480px){.join-row{border-radius:26px;flex-wrap:wrap;padding:8px}.join-row input{flex-basis:calc(100% - 40px);padding-block:8px}.join-ic{margin-left:8px}.join-row .btn{justify-content:center;width:100%}}.sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-foot{color:var(--ink-2);padding-block:40px 0;font-size:.93rem;position:relative;overflow:hidden}.site-foot .wrap{position:relative}.foot-card{z-index:1;border-radius:36px;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.1fr);gap:28px clamp(20px,3vw,44px);padding:clamp(26px,4vw,44px);display:grid;position:relative}.foot-brand{align-content:start;gap:14px;display:grid}.foot-brand .brand{color:var(--ink)}.foot-brand p{max-width:30ch;color:var(--ink-2);line-height:1.5}.foot-pills{flex-wrap:wrap;gap:8px;display:flex}.foot-pills .pill{color:var(--ink-2);background:var(--glass-low);border:1px solid var(--glass-edge);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.foot-pills .pill svg{width:14px;height:14px;color:var(--accent)}.foot-col{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.foot-col h4{font:700 .74rem/1 var(--font-body,inherit);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:4px 0 6px}.foot-col a:not(.btn){color:var(--ink-2);text-decoration:none;transition:color .2s;position:relative}.foot-col a:not(.btn):after{content:"";background:var(--accent);transform-origin:0;height:2px;transition:transform .35s var(--spring);border-radius:2px;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.foot-col a:not(.btn):hover{color:var(--ink)}.foot-col a:not(.btn):hover:after{transform:scaleX(1)}.foot-cta p{color:var(--ink-2);max-width:24ch;line-height:1.45}.foot-cta .btn{margin-top:4px}.foot-bar{border-top:1px solid color-mix(in srgb, var(--ink) 9%, transparent);color:var(--ink-3);grid-column:1/-1;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;padding-top:18px;font-size:.85rem;display:flex}.to-top{width:42px;height:42px;color:var(--ink);cursor:pointer;transition:transform .4s var(--spring);border-radius:50%;place-items:center;display:grid}.to-top svg{width:18px;height:18px}.to-top:hover{transform:translateY(-3px)}.to-top:active{transform:scale(.92)}.foot-mark{z-index:0;margin:14px 0 calc(-.2em + env(safe-area-inset-bottom,0px));text-align:center;font:800 clamp(5rem, 25vw, 17rem)/.8 var(--font-display);letter-spacing:-.06em;background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 34%, transparent), color-mix(in srgb, var(--accent) 10%, transparent));color:#0000;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;position:relative}@media (max-width:900px){.foot-card{grid-template-columns:1fr 1fr}.foot-brand,.foot-cta{grid-column:1/-1}}@media (max-width:480px){.foot-card{border-radius:28px}.foot-bar{font-size:.8rem}}.toast{z-index:70;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 22px);text-align:center;max-width:calc(100% - 32px);transition:transform .5s var(--spring), opacity .3s;border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:600;position:fixed;translate:-50%}.toast[hidden]{opacity:0;pointer-events:none;transform:translateY(30px)scale(.9);display:block!important}@supports (animation-timeline:view()){.rise{animation:linear both rise;animation-timeline:view();animation-range:entry entry 70%}@keyframes rise{0%{opacity:.15;transform:translateY(46px)scale(.96)}}.hero .phone-stage{animation:linear both tilt;animation-timeline:scroll(root);animation-range:0 700px}@keyframes tilt{to{opacity:.6;transform:translateY(60px)scale(.94)}}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}html{scroll-behavior:auto}}.theme-toggle{cursor:pointer;width:42px;height:42px;color:var(--accent);transition:transform .5s var(--spring);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.theme-toggle:hover{transform:rotate(-12deg)scale(1.06)}.theme-toggle:active{transform:scale(.9)}.theme-toggle svg{width:22px;height:22px;transition:transform .7s var(--spring);overflow:visible}.theme-toggle .sun,.theme-toggle .moon{transform-origin:12px 12px;transition:transform .8s var(--spring), opacity .6s ease}.theme-toggle .moon{opacity:0;transform:rotate(-200deg)scale(.2)}.is-dark .theme-toggle .sun{opacity:0;transform:rotate(200deg)scale(.2)}.is-dark .theme-toggle .moon{opacity:1;transform:none}@media (max-width:760px){.theme-toggle{margin-left:auto}.nav .btn{margin-left:0!important}}::view-transition-old(root){animation-duration:.55s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-new(root){animation-duration:.55s;animation-timing-function:cubic-bezier(.4,0,.2,1)}@media (max-width:900px){.hero{padding-block:calc(env(safe-area-inset-top,0px) + 96px) 24px}.hero-grid{gap:34px}.hero-copy{gap:20px}.phone{aspect-ratio:9/17;border-radius:46px;width:min(300px,82%);padding:10px;transform:none}.screen{border-radius:37px}.ideas{gap:18px;padding-block:40px 10px}.story{padding-block:60px 20px}.features{gap:22px;padding-block:60px 20px}.privacy{padding-block:60px 30px}.teaser,.final{padding-block:40px 10px}.site-foot{padding-top:24px}.step-shot{aspect-ratio:9/18;border-radius:36px;width:min(250px,100%);padding:8px}.step-shot .scene-wrap{border-radius:29px}.dream{gap:12px;padding-bottom:20px}.step-shot .friend .stack img{width:34px!important;height:34px!important}.step-shot .friend .stack img+img{margin-left:-14px}.ftile,.b-chat,.b-group,.b-lang,.b-mem{height:auto}.ftile .demo,.fan,.memsay,.wthread,.kthread{margin-top:0}.livechat{flex:none;height:250px}.gthread{flex:none;height:190px}.wthread,.kthread{flex:none;height:104px}.fan{height:116px}}@media (max-width:560px){body{font-size:16px}h2{font-size:clamp(1.95rem,8.6vw,2.4rem)}.lede{font-size:1rem}.hero h1{font-size:clamp(2.5rem,12.4vw,3.2rem)}.cta-row .btn{flex:auto;justify-content:center}.idea{gap:9px;padding:7px 16px 7px 7px;font-size:.92rem}.idea img{width:34px;height:34px}.step-card{padding:16px}.step h3{font-size:1.45rem}.ftile{border-radius:22px;padding:16px}.t-head{flex-wrap:wrap;row-gap:6px}.t-head h3{flex:auto}.t-head .badge{margin-left:50px}.privacy-card,.final-card{border-radius:30px}.final-card{gap:16px}.final-card>img{width:84px}.foot-card{gap:22px 16px}}
