.stage{isolation:isolate;background:radial-gradient(120% 95% at 50% 0%, #17654b 0%, var(--color-forest) 46%, var(--color-forest-deep) 100%);border-radius:32px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 50px 100px -50px #082a2099;container-type:inline-size}.stage:before{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side,#b8f26b4d,#0000);border-radius:50%;width:62%;position:absolute;top:14%;left:50%;translate:-50%}.stage:after{content:"";z-index:-1;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 75% at 50% 35%,#000 25%,#0000 75%);mask-image:radial-gradient(75% 75% at 50% 35%,#000 25%,#0000 75%)}.scene{height:52em;font-size:clamp(8px,1.02cqw,11px);position:relative}.phone{z-index:3;aspect-ratio:9/19.2;background:#0b110e;border-radius:3.7em;width:25.5em;padding:.55em;position:absolute;bottom:-6em;left:50%;translate:-50%;box-shadow:inset 0 0 0 .12em #ffffff24,0 0 0 .35em #00000040,0 50px 90px -30px #000000a6}.phone-screen{color:#111b21;height:100%;font-family:var(--font-sans);background:#efe7dd;border-radius:3.15em;flex-direction:column;display:flex;position:relative;overflow:hidden}.phone-island{z-index:2;background:#0b110e;border-radius:2em;width:8.4em;height:2.2em;position:absolute;top:.85em;left:50%;translate:-50%}.wa-top{background:#f8f6f3;border-bottom:1px solid #00000012;align-items:center;gap:.85em;padding:3.6em 1.25em .95em;display:flex}.wa-avatar{background:var(--color-forest);border-radius:50%;flex:none;place-items:center;width:3.3em;height:3.3em;display:grid}.wa-avatar svg{width:1.9em;height:1.9em;fill:var(--color-lime)}.wa-top b{font-size:1.32em;font-weight:700;line-height:1.2;display:block}.wa-top small{color:#667781;font-size:1.02em;display:block}.wa-chat{background-color:#efe7dd;background-image:radial-gradient(#0000000b 1px,#0000 1px);background-size:1.3em 1.3em;flex-direction:column;flex:1;gap:.62em;padding:1.2em 1em;font-size:1.2em;line-height:1.38;display:flex}.msg{max-width:82%;animation:.5s cubic-bezier(.2,.8,.2,1) both msg-in;animation-delay:calc(var(--i,0) * .85s + .4s);background:#fff;border-radius:.75em;margin:0;padding:.5em .7em .35em;position:relative;box-shadow:0 1px .5px #0b141a21}.msg.in{border-top-left-radius:.15em;align-self:flex-start}.msg.out{background:#d9fdd3;border-top-right-radius:.15em;align-self:flex-end}.msg time{color:#667781;text-align:right;margin-top:.1em;font-size:.7em;display:block}.msg.out time:after{content:" ✓✓";color:#53bdeb;letter-spacing:-.15em}.voice{align-items:center;gap:.55em;width:68%;display:flex}.voice-play{background:#3b4a54;border-radius:50%;flex:none;place-items:center;width:2em;height:2em;display:grid}.voice-play:before{content:"";border:.36em solid #0000;border-left:.58em solid #d9fdd3;border-right-width:0;margin-left:.15em}.voice-wave{flex:1;align-items:center;gap:.14em;height:1.8em;display:flex}.voice-wave i{opacity:.75;background:#3b4a54;border-radius:1em;flex:1}.voice small{color:#667781;font-size:.72em}.link-card{max-width:86%;padding:.35em}.link-card-img{background:linear-gradient(140deg,#5c1336,#a1225f 62%);border-radius:.5em;height:5.8em;position:relative;overflow:hidden}.link-card-img:before{content:"";background:#ffffffe6;border-radius:1em;width:55%;height:.8em;position:absolute;bottom:1em;left:.9em;box-shadow:0 -1.3em #ffffff8c}.link-card-img:after{content:"";background:#f472b673;border-radius:50%;width:6em;height:6em;position:absolute;top:-2.5em;right:-2em}.link-card b{margin:.5em .35em 0;display:block}.link-card small{color:#667781;margin:0 .35em;font-size:.82em;display:block}.wa-input{background:#f8f6f3;align-items:center;gap:.6em;padding:.7em .8em 1.6em;display:flex}.wa-input span{color:#8696a0;background:#fff;border-radius:2em;flex:1;padding:.65em 1em;font-size:1.1em}.wa-input i{background:#00a884;border-radius:50%;width:2.6em;height:2.6em}.browser{z-index:2;color:#2b1220;background:#fff7fa;border-radius:1.3em;width:35em;animation:.7s cubic-bezier(.2,.8,.2,1) 3.2s both rise-in;position:absolute;top:6.5em;left:4%;overflow:hidden;rotate:-3.5deg;box-shadow:0 0 0 1px #ffffff1f,0 40px 80px -36px #000000b3}.browser-bar{background:#f1ecef;align-items:center;gap:.45em;padding:.8em 1em;display:flex}.browser-bar i{border-radius:50%;width:.8em;height:.8em}.browser-bar i:first-child{background:#ff5f57}.browser-bar i:nth-child(2){background:#febc2e}.browser-bar i:nth-child(3){background:#28c840}.browser-bar span{color:#6b5a64;text-align:center;background:#fff;border-radius:.6em;flex:1;margin-left:.6em;padding:.3em .8em;font-size:.95em;font-weight:600}.note{z-index:4;width:29em;color:var(--color-ink);background:#fffffff2;border-radius:1.25em;align-items:flex-start;gap:.9em;padding:1em 1.15em;font-size:1.1em;line-height:1.35;animation:.6s cubic-bezier(.2,.8,.2,1) both rise-in;display:flex;position:absolute;right:4%;box-shadow:0 24px 50px -24px #0000008c}.note-icon{border-radius:.8em;flex:none;place-items:center;width:2.7em;height:2.7em;display:grid}.note-icon svg{width:1.35em;height:1.35em}.note b{font-weight:700;display:block}.note small{color:#5a6560;font-size:.88em}.note p{margin:.15em 0 0}.note--1{animation-delay:4s;top:6.5em}.note--2{animation-delay:4.6s;top:16.5em}.note--3{animation-delay:5.2s;top:26em}@container (width<=760px){.scene{height:54em;font-size:2.55cqw}.phone{width:27em;bottom:-10em}.browser,.note--2,.note--3{display:none}.note--1{width:min(31em,92%);margin-inline:auto;inset:auto 0 1.4em}}@keyframes msg-in{0%{opacity:0;translate:0 .8em;scale:.96}}@keyframes rise-in{0%{opacity:0;translate:0 1.5em}}.mini{--p:#a1225f;--a:#f472b6;--bg:#fff7fa;--tx:#2b1220;--line:#f0d9e4;--body:"Trebuchet MS", "Segoe UI", Roboto, system-ui, sans-serif;--heading:var(--body);--weight:700;background:var(--bg);color:var(--tx);font-family:var(--body)}.mini--sunrise{--p:#c2410c;--a:#f59e0b;--bg:#fffbf7;--tx:#1c1917;--line:#eadfd6;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:Georgia, "Noto Serif", "Times New Roman", serif}.mini--ocean{--p:#0b5cad;--a:#14b8a6;--bg:#f6fafd;--tx:#0f1e2e;--line:#d9e4ee;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--weight:900}.mini--forest{--p:#1e6b42;--a:#a3c93a;--bg:#f5faf6;--tx:#13261b;--line:#d6e5da;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--weight:800}.mini--earth{--p:#8a4b14;--a:#d4a017;--bg:#fbf7f0;--tx:#2a1e12;--line:#e6dccb;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--heading:Georgia, "Noto Serif", "Times New Roman", serif}.mini--mono{--p:#1f2933;--a:#e0a800;--bg:#f7f7f5;--tx:#111418;--line:#e1e2de;--body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--weight:800}.mini-head{font:var(--weight) 1.12em/1.1 var(--heading);align-items:center;gap:.6em;padding:.95em 1.2em;display:flex}.mini-head .mono{background:linear-gradient(135deg, var(--p), color-mix(in srgb, var(--p) 65%, #000));color:#fff;border-radius:.6em;flex:none;place-items:center;width:1.9em;height:1.9em;font-size:.85em;display:grid}.mini-head .book{background:var(--p);color:#fff;font:700 .75em/1 var(--body);border-radius:2em;margin-left:auto;padding:.45em .85em}.mini-hero{isolation:isolate;background:linear-gradient(140deg, color-mix(in srgb, var(--p) 64%, #000) 0%, var(--p) 62%);color:#fff;border-radius:1.3em;margin:0 .85em;padding:1.8em 1.6em 2em;position:relative;overflow:hidden}.mini-hero:before{content:"";z-index:-1;background:repeating-linear-gradient(118deg,#00000017 0 .8em,#0000 .8em 2em);position:absolute;inset:0;-webkit-mask-image:linear-gradient(100deg,#0000 40%,#000);mask-image:linear-gradient(100deg,#0000 40%,#000)}.mini-hero:after{content:"";z-index:-1;background:color-mix(in srgb, var(--a) 32%, transparent);border-radius:50%;width:11em;height:11em;position:absolute;top:-4em;right:-4em}.mini-hero small{letter-spacing:.1em;background:#ffffff24;border:1px solid #ffffff4d;border-radius:2em;padding:.35em .75em;font-size:.72em;font-weight:800;display:inline-block}.mini-hero .mini-title{font:var(--weight) 2em/1.04 var(--heading);letter-spacing:-.02em;margin:.55em 0 .3em}.mini-hero p{opacity:.9;margin:0;font-size:.95em;line-height:1.45}.mini-hero .btns{flex-wrap:wrap;gap:.5em;margin-top:1.2em;display:flex}.mini-hero .btns span{border-radius:2em;padding:.65em 1.05em;font-size:.85em;font-weight:800}.mini-hero .btns span:first-child{color:var(--p);background:#fff}.mini-hero .btns span+span{border:1.5px solid #ffffffb3}.mini-rows{margin:0;padding:.9em 1.6em 1.2em;font-size:.95em;list-style:none;display:grid}.mini-rows li{align-items:baseline;gap:.5em;padding:.5em 0;display:flex}.mini-rows li:after{content:"";border-bottom:2px dotted var(--line);flex:1;order:1;min-width:.8em;translate:0 -.3em}.mini-rows b{color:var(--p);order:2}.ex{border:1px solid var(--edge);background:var(--color-paper);box-shadow:0 1px 2px rgb(var(--shadow-ink) / .05), 0 18px 40px -22px rgb(var(--shadow-ink) / .25);border-radius:24px;flex-direction:column;font-size:14px;transition:translate .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;display:flex;overflow:hidden}.ex:hover{box-shadow:0 1px 2px rgb(var(--shadow-ink) / .05), 0 26px 50px -24px rgb(var(--shadow-ink) / .32);translate:0 -4px}.ex .browser-bar{background:#f3f1ec}.ex .mini{flex:1}.ex-caption{border-top:1px solid var(--edge);background:var(--color-paper);color:var(--color-ink);font:600 13px/1.2 var(--font-sans);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.ex-caption span:last-child{color:#5a6560;font-weight:500}.example-stage{padding:2.25rem 1.25rem 5.75rem}.example-stage .ex{z-index:1;max-width:30rem;margin-inline:auto;font-size:clamp(13px,3.4cqw,16px);position:relative;rotate:-1.5deg}.example-bubble{z-index:2;color:#111b21;max-width:min(82%,19rem);font:500 .94rem/1.4 var(--font-sans);background:#d9fdd3;border-radius:1rem .25rem 1rem 1rem;margin:0;padding:.6rem .8rem .4rem;animation:.6s cubic-bezier(.2,.8,.2,1) .4s both rise-in;position:absolute;bottom:1.25rem;right:1rem;rotate:1.5deg;box-shadow:0 1px .5px #0b141a21,0 22px 40px -18px #0009}.example-bubble time{color:#667781;text-align:right;margin-top:.1rem;font-size:.72rem;display:block}.example-bubble time:after{content:" ✓✓";color:#53bdeb;letter-spacing:-.15em}@media (width>=640px){.example-stage{padding:3.25rem 3rem 6.25rem}.example-bubble{bottom:1.75rem;right:2.25rem}}@media (prefers-reduced-motion:reduce){.msg,.browser,.note,.example-bubble{animation:none}.ex{transition:none}}