body.landing{margin:0;padding:0;background:#f7f2e9}
@media (prefers-color-scheme:dark){body.landing{background:#15120f}}
body.landing>.app-footer,body.landing>noscript{display:none}body.landing>#app{max-width:none;display:block;margin:0;padding:0}
@media (prefers-reduced-motion:no-preference){html:has(body.landing){scroll-behavior:smooth}}
.lb{--paper:#f7f2e9;--surface:#fffdf9;--soft:#efe7d9;--ink:#241e19;--ink-2:#4b4037;--muted:#76695c;--line:#e7dccb;--line-2:#d9cbb5;--accent:#2f5e47;--accent-hover:#244b38;--accent-ink:#fff;--accent-soft:#e2eadc;--warm:#b0502a;--warm-soft:#f8e4d6;--miss:#c2452f;--miss-soft:#fcebe5;--glow:rgba(205,145,90,.2);--shadow:0 1px 2px rgba(60,40,20,.06),0 24px 50px -28px rgba(60,40,20,.42);
	--display:'Fraunces',ui-serif,Georgia,serif;--font:'Figtree',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
	min-height:100vh;overflow-x:clip;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--font);-webkit-font-smoothing:antialiased;text-size-adjust:100%;-webkit-text-size-adjust:100%;color-scheme:light}
@media (prefers-color-scheme:dark){.lb{--paper:#15120f;--surface:#1f1a16;--soft:#29221c;--ink:#f3ece1;--ink-2:#d6cbbb;--muted:#a69a8c;--line:#30291f;--line-2:#43392d;--accent:#8fcaa8;--accent-hover:#a8d9bc;--accent-ink:#101a14;--accent-soft:#1e3128;--warm:#ec9a70;--warm-soft:#3b2519;--miss:#f08a74;--miss-soft:#3a1f19;--glow:rgba(225,150,90,.09);--shadow:0 1px 2px rgba(0,0,0,.3),0 24px 50px -26px rgba(0,0,0,.7);color-scheme:dark}}
.lb *,.lb *::before,.lb *::after{box-sizing:border-box}
.lb :where(h1,h2,h3,h4,p,ul,ol,li,figure){margin:0;padding:0}.lb :where(ul,ol){list-style:none}
.lb :where(h1,h2,h3){font-family:var(--display);font-weight:500;letter-spacing:-.02em;line-height:1.08;color:var(--ink);text-wrap:balance}
.lb :where(h1,h2) em{font-style:italic;font-weight:400}
.lb :where(a){color:inherit;text-decoration:none}.lb img{max-width:100%}
.lb :where(button){font:inherit;color:inherit}
.lb :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}
.lb-w{width:100%;max-width:1140px;margin:0 auto;padding:0 28px}
/* Header */
.lb-top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.lb-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px}
.lb-brand{display:inline-flex;align-items:center;gap:9px;font:600 1.35rem var(--display);letter-spacing:-.03em;color:var(--ink)}.lb-brand img{border-radius:8px}
.lb-top nav{display:flex;align-items:center;gap:26px;font-size:.95rem;font-weight:500}.lb-top nav a{white-space:nowrap}
.lb-top nav a:not(.lb-btn){color:var(--ink-2)}.lb-top nav a:not(.lb-btn):hover{color:var(--ink)}
.lb-i{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lb-bar>nav{margin-left:auto}.lb-lang{position:relative}
.lb-lang summary{display:flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;color:var(--ink-2);font-size:.9rem;font-weight:500;white-space:nowrap;cursor:pointer;list-style:none}.lb-lang summary::-webkit-details-marker{display:none}
.lb-lang summary:hover,.lb-lang[open] summary{color:var(--ink);border-color:var(--ink-2)}
.lb-lang ul{position:absolute;right:0;top:calc(100% + 8px);display:grid;min-width:170px;margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.lb-lang a{display:block;padding:10px 12px;border-radius:9px;color:var(--ink-2);font-size:.95rem}.lb-lang a:hover{background:var(--soft);color:var(--ink)}.lb-lang a[aria-current]{color:var(--ink);font-weight:600}
@media (max-width:560px){.lb-lang summary{padding:0 9px}.lb-bar>.lb-lang summary span{display:none}}
.lb-lang-title{display:none}
.lb-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px 12px}
.lb-title-row-pricing{position:relative;display:block}
.lb-title-row-pricing .lb-lang-title{position:absolute;top:0;right:0}
@media (max-width:480px){.lb-bar>.lb-lang{display:none}.lb-lang-title{display:block}.lb-lang-title summary{padding:0 9px}.lb-lang-title summary span{display:none}.lb-title-row-pricing .lb-center{padding-right:46px}.lb:lang(vi) .lb-top nav,.lb:lang(es) .lb-top nav{gap:9px;font-size:.88rem}}
.lb-foot .lb-foot-lang{width:100%;gap:8px 18px}.lb-foot-lang a[aria-current]{color:var(--ink);font-weight:600}
.lb:lang(vi){--font:'Be Vietnam Pro',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.lb:lang(zh){--font:'Figtree',ui-sans-serif,system-ui,-apple-system,'PingFang SC','Hiragino Sans GB','Noto Sans SC','Microsoft YaHei',sans-serif;--display:'Fraunces','Songti SC','Noto Serif SC',ui-serif,Georgia,serif}
.lb:lang(zh) :where(h1,h2,h3,em){font-style:normal;letter-spacing:0}
/* Buttons */
.lb-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);font-weight:600;font-size:1.02rem;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}
.lb-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}
.lb-btn-sm{min-height:40px;padding:0 18px;font-size:.93rem}
.lb-ghost{background:transparent;color:var(--accent)}.lb-ghost:hover{background:var(--accent-soft);border-color:var(--accent)}
.lb-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--accent);padding:12px 4px}.lb-link:hover{text-decoration:underline;text-underline-offset:4px}
/* Kim beside the hero CTA: she pops up after the channels tick, and tips her phone when the button is hovered. */
.lb-kim{flex:none;width:34px;height:32px;margin:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%2212%2034%20140%20138%22%3E%3Cg%20stroke%3D%22%232a2421%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M18%20122C14%2088%2044%2064%2082%2066C122%2068%20150%2094%20146%20128C143%20154%20118%20170%2080%20170C42%20170%2021%20152%2018%20122Z%22%20fill%3D%22%23f4ead6%22%20stroke%3D%22none%22%2F%3E%0A%3Cpath%20d%3D%22M72%20100L72%20123Q80%20127%2088%20123L88%20100Z%22%20fill%3D%22%23f1c7a5%22%2F%3E%3Cpath%20d%3D%22M38%20170C38%20142%2050%20124%2080%20121C110%20124%20122%20142%20122%20170Z%22%20fill%3D%22%233d8a63%22%2F%3E%3Cpath%20d%3D%22M70%20123L80%20133L90%20123%22%20fill%3D%22none%22%2F%3E%0A%3Ccircle%20cx%3D%2280%22%20cy%3D%2258%22%20r%3D%229%22%20fill%3D%22%232a2421%22%2F%3E%3Cpath%20d%3D%22M80%2066C93%2066%20102%2076%20102%2089C102%20102%2092%20111%2080%20111C68%20111%2058%20102%2058%2089C58%2076%2067%2066%2080%2066Z%22%20fill%3D%22%23f1c7a5%22%2F%3E%0A%3Cpath%20d%3D%22M57%2092C54%2073%2065%2063%2080%2063C96%2063%20106%2073%20103%2092C99%2081%2092%2075%2082%2076C79%2082%2070%2086%2062%2086C60%2088%2058%2090%2057%2092Z%22%20fill%3D%22%232a2421%22%2F%3E%3Cpath%20d%3D%22M71%2090v3M89%2090v3%22%20fill%3D%22none%22%20stroke-width%3D%223%22%2F%3E%0A%3Ccircle%20cx%3D%2266%22%20cy%3D%2299%22%20r%3D%223.5%22%20fill%3D%22%23f19a8a%22%20stroke%3D%22none%22%20opacity%3D%22.55%22%2F%3E%3Ccircle%20cx%3D%2294%22%20cy%3D%2299%22%20r%3D%223.5%22%20fill%3D%22%23f19a8a%22%20stroke%3D%22none%22%20opacity%3D%22.55%22%2F%3E%3Cpath%20d%3D%22M74%20101Q80%20106%2086%20101%22%20fill%3D%22none%22%2F%3E%0A%3Cg%20transform%3D%22translate(114%2096)%20scale(2.1)%20translate(-114%20-96)%20rotate(-8%20114%2086)%22%3E%3Crect%20x%3D%22104%22%20y%3D%2270%22%20width%3D%2220%22%20height%3D%2232%22%20rx%3D%224%22%20fill%3D%22%232a2421%22%2F%3E%3Crect%20x%3D%22107%22%20y%3D%2274%22%20width%3D%2214%22%20height%3D%2222%22%20rx%3D%222%22%20fill%3D%22%239fd3b8%22%20stroke%3D%22none%22%2F%3E%3C%2Fg%3E%0A%3Cpath%20d%3D%22M52%20128%20Q70%20122%20102%20101%22%20fill%3D%22none%22%20stroke%3D%22%232a2421%22%20stroke-width%3D%2211%22%2F%3E%3Cpath%20d%3D%22M52%20128%20Q70%20122%20102%20101%22%20fill%3D%22none%22%20stroke%3D%22%23f1c7a5%22%20stroke-width%3D%227%22%2F%3E%3Cpath%20d%3D%22M52%20128%20Q58%20125%2064%20123%22%20fill%3D%22none%22%20stroke%3D%22%232a2421%22%20stroke-width%3D%2211%22%2F%3E%3Cpath%20d%3D%22M52%20128%20Q58%20125%2064%20123%22%20fill%3D%22none%22%20stroke%3D%22%233d8a63%22%20stroke-width%3D%227%22%2F%3E%3Ccircle%20cx%3D%22105%22%20cy%3D%2299%22%20r%3D%225.5%22%20fill%3D%22%23f1c7a5%22%2F%3E%3Cpath%20d%3D%22M108%20128%20Q124%20118%20119%2097%22%20fill%3D%22none%22%20stroke%3D%22%232a2421%22%20stroke-width%3D%2211%22%2F%3E%3Cpath%20d%3D%22M108%20128%20Q124%20118%20119%2097%22%20fill%3D%22none%22%20stroke%3D%22%23f1c7a5%22%20stroke-width%3D%227%22%2F%3E%3Cpath%20d%3D%22M108%20128%20Q114%20125%20117%20119%22%20fill%3D%22none%22%20stroke%3D%22%232a2421%22%20stroke-width%3D%2211%22%2F%3E%3Cpath%20d%3D%22M108%20128%20Q114%20125%20117%20119%22%20fill%3D%22none%22%20stroke%3D%22%233d8a63%22%20stroke-width%3D%227%22%2F%3E%3Ccircle%20cx%3D%22119%22%20cy%3D%2294%22%20r%3D%225.5%22%20fill%3D%22%23f1c7a5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") center/118% no-repeat;transform-origin:50% 100%;transition:rotate .2s;animation:lb-kim .7s ease-out 2.6s both}
.lb-btn:hover .lb-kim{rotate:-8deg}
@keyframes lb-kim{from{opacity:0;transform:translateY(8px) scale(.5) rotate(-14deg)}60%{opacity:1;transform:scale(1.12) rotate(6deg)}to{opacity:1;transform:none}}
/* Hero */
.lb-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px;align-items:center;padding-top:64px;padding-bottom:24px}
.lb-copy{display:grid;gap:24px;align-content:center}
.lb-ch-biz{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--warm)}
.lb-hero h1{font-size:clamp(2.05rem,3.1vw,2.55rem);line-height:1.02;letter-spacing:-.03em}.lb-hero h1 em{display:block;color:var(--warm)}
.lb-lede{font-size:clamp(1.12rem,1.6vw,1.3rem);line-height:1.5;color:var(--ink-2);max-width:30em}
.lb-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.lb-cta .lb-btn{width:fit-content;max-width:100%;justify-content:flex-start;gap:6px;min-height:48px;padding:10px 12px 10px 22px}
.lb-bonus{display:flex;align-items:flex-start;gap:8px;width:fit-content;max-width:34em;margin:2px 0 0;padding:11px 14px;border-radius:14px;background:var(--warm-soft);border:1px solid color-mix(in srgb,var(--warm) 42%,transparent);color:var(--ink);font-weight:650;font-size:.98rem;line-height:1.35;box-shadow:0 14px 28px -20px color-mix(in srgb,var(--warm) 80%,transparent)}
.lb-bonus span{font-size:1.15rem;line-height:1.2}
.lb :where(figure) figcaption{font-size:.75rem;color:var(--muted);text-align:center}
/* The channels it answers, each ticked in turn; the assistants and the languages roll through a chip each */
.lb-chan{display:flex;flex-wrap:wrap;gap:8px}
.lb-chan li{display:inline-flex;align-items:center;gap:6px;padding:6px 10px 6px 9px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);font-weight:600;font-size:.88rem;color:var(--ink-2);animation:lb-lit .5s ease both;animation-delay:calc(.35s + var(--i) * .18s)}
.lb-chan li>svg:first-child{color:var(--accent)}.lb-chan li>svg:last-child{color:var(--accent);opacity:0;animation:lb-tick .3s ease forwards;animation-delay:calc(1.6s + var(--i) * .18s)}
.lb-chan .lb-app-ic{width:18px;height:18px}.lb-chan .lb-app-ic svg{width:12px;height:12px}
.lb-roll{display:block;height:18px;overflow:hidden}.lb-roll>span{display:flex;flex-direction:column;animation:var(--roll) cubic-bezier(.7,0,.25,1) 2.4s infinite}
.lb-roll>span>*{flex:none;height:18px}.lb-roll i{font-style:normal;line-height:18px}
@media (max-width:640px){.lb-copy{gap:16px}.lb-chan{gap:6px}.lb-chan li{gap:5px;padding:6px 10px 6px 9px;font-size:.84rem}.lb-chan li>svg:last-child{display:none}.lb-bonus{width:auto;padding:9px 12px;font-size:.9rem;border-radius:12px}.lb-bonus span{font-size:1rem}}
@keyframes lb-roll4{0%,19%{transform:translateY(-0%)}25%,44%{transform:translateY(-20%)}50%,69%{transform:translateY(-40%)}75%,94%{transform:translateY(-60%)}100%{transform:translateY(-80%)}}@keyframes lb-roll5{0%,15.2%{transform:translateY(-0%)}20%,35.2%{transform:translateY(-16.67%)}40%,55.2%{transform:translateY(-33.33%)}60%,75.2%{transform:translateY(-50%)}80%,95.2%{transform:translateY(-66.67%)}100%{transform:translateY(-83.33%)}}
.lb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes lb-lit{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes lb-tick{to{opacity:1}}
/* The hero picture: Kim's film (hero-demo.ts) */
.lb-art{position:relative;display:grid;justify-items:center;gap:14px}
/* Hear it: two recorded calls under the hero, one slim row each: play, what it is, its waveform and the clock */
.lb-hear{display:grid;gap:12px;margin-top:56px}
.lb-hear-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.lb-hear-head b{font:500 1.2rem var(--display);letter-spacing:-.01em;color:var(--ink)}.lb-hear-head small{color:var(--muted);font-size:.82rem}
.lb-hear-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lb-hear-card{display:grid;grid-template-columns:auto minmax(0,auto) minmax(60px,1fr) auto;gap:12px;align-items:center;padding:9px 16px 9px 9px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}
.lb-hear-card:not(.lb-hear-js){grid-template-columns:minmax(0,1fr);border-radius:18px;padding:12px 16px}.lb-hear-card:not(.lb-hear-js) :is(.lb-hear-wave,.lb-hear-time){display:none}
.lb-hear-play{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1.5px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer;transition:transform .15s,background .15s}
.lb-hear-play:hover{background:var(--accent-soft);transform:scale(1.06)}
.lb-hear-play::before{content:"";margin-left:3px;border-style:solid;border-width:7px 0 7px 12px;border-color:transparent transparent transparent currentColor}
.lb-hear-play::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--accent);opacity:0}
.lb-hear-on .lb-hear-play::after{animation:lb-hear-ring 1.4s ease-out infinite}
.lb-hear-on .lb-hear-play::before{margin-left:0;width:12px;height:14px;border-width:0 4px;border-color:currentColor;box-sizing:border-box}
@keyframes lb-hear-ring{from{opacity:.7;transform:scale(.92)}to{opacity:0;transform:scale(1.3)}}
.lb-hear-copy{display:grid;min-width:0;line-height:1.25}.lb-hear-copy b{font-weight:650;font-size:.93rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-hear-copy small{color:var(--muted);font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-hear-wave{position:relative;display:block;height:28px;cursor:pointer}
.lb-hear-wave>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between}.lb-hear-wave i{width:3px;border-radius:3px;background:var(--line-2)}
.lb-hear-wave>span+span{clip-path:inset(0 calc(100% - var(--p,0%)) 0 0);transition:clip-path .25s linear}.lb-hear-wave>span+span i{background:var(--accent)}
.lb-hear-time{min-width:2.4em;text-align:right;color:var(--muted);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}
.lb-hear audio{width:100%;margin-top:6px}.lb-hear-js audio{display:none}
@media (max-width:980px){.lb-hear-list{grid-template-columns:1fr}}
@media (max-width:560px){.lb-hear{margin-top:40px}.lb-hear-card{grid-template-columns:auto minmax(0,1fr) auto;row-gap:6px;border-radius:20px;padding:9px 14px 10px 9px}.lb-hear-wave{grid-column:1/-1;height:22px}.lb-hear-time{grid-area:1/3}}
/* A notification card: the lock screen's, and Northside's owner's */
.lb-nt{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:1px 10px;align-items:center;padding:9px 12px;border-radius:18px;background:rgba(255,252,247,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#241e19;box-shadow:0 10px 24px -14px rgba(0,0,0,.5);font-size:.8rem;line-height:1.3}
.lb-nt>i{grid-row:1/3;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;overflow:hidden;background:#2f5e47;color:#fff}.lb-nt>i img{width:100%;height:100%;display:block}
.lb-nt b{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-nt small{font-size:.72rem;color:#857868}.lb-nt p{grid-column:2/4;color:#4b4037;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-nt-miss>i{background:#c2452f}.lb-nt-miss b{color:#b23a26}
/* Sections */
.lb-sec{padding-top:88px;padding-bottom:8px;scroll-margin-top:72px}
.lb-sec h2,.lb-end h2{font-size:clamp(2rem,3.8vw,2.9rem);letter-spacing:-.03em}
.lb-center{text-align:center;display:grid;justify-items:center;gap:12px}.lb-sub{color:var(--muted);font-size:1.1rem}
.lb-center h1{font-size:clamp(2.3rem,4.8vw,3.5rem);letter-spacing:-.035em}.lb-first{padding-top:64px}
/* The stories: the owner's moment on one side, its picture on the other, alternating like a magazine spread. */
.lb-ch{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:28px 88px;align-items:center;padding-top:128px}
.lb-ch-r{grid-template-columns:minmax(0,480px) minmax(0,1fr)}.lb-ch-r .lb-ch-copy{order:2}
.lb-ch-copy{display:grid;gap:14px;align-content:center;max-width:470px}
.lb-ch-biz{display:flex;align-items:center;gap:12px}.lb-ch-biz::after{content:"";flex:1;max-width:80px;height:1px;background:currentColor;opacity:.5}
.lb-ch-when{font:italic 300 clamp(3.2rem,6.6vw,5.6rem)/.95 var(--display);letter-spacing:-.04em;color:var(--ink)}
.lb-ch h2{font-size:clamp(1.7rem,2.8vw,2.3rem);letter-spacing:-.025em;line-height:1.15}.lb-ch h2 em{display:block;color:var(--warm)}
.lb-ch-line{color:var(--muted);font-size:1.05rem;max-width:25em}
/* A story's picture is drawn in em on a 30em-wide stage whose font scales with its box, so it shrinks like an image. */
.lb-st{display:grid;gap:12px;width:100%;max-width:480px;justify-self:center;container-type:inline-size}
.lb-st-in{position:relative}
.lb-st-in::before{content:"";position:absolute;inset:-8%;background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.lb-sc{position:relative;width:30em;height:31em;font-size:min(16px,100cqw / 30);line-height:1.3}
.lb-sc>*{position:absolute}
.lb-card{background:var(--surface);border:1px solid var(--line);border-radius:1em;box-shadow:var(--shadow);color:var(--ink)}
.lb-bw{border-radius:.9em;background:#fff;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(60,40,20,.12);color:#241e19}
.lb-bw-bar{display:flex;align-items:center;gap:.35em;height:1.9em;padding:0 .7em;background:#f3eee6;border-bottom:1px solid #e6ddd0}
.lb-bw-bar i{width:.5em;height:.5em;border-radius:50%;background:#d8cdbd}
.lb-bw-bar span{display:inline-flex;align-items:center;gap:.3em;margin:0 auto;padding:.2em .9em;border-radius:99px;background:#fff;color:#8a7d70;font-size:.68em;white-space:nowrap}.lb-bw-bar svg{width:1em;height:1em}
.lb-pill{display:grid;font-size:.86em;font-weight:700}.lb-pill>span{grid-area:1/1;display:inline-flex;align-items:center;gap:.45em;justify-self:start;padding:.5em 1em .5em .7em;border-radius:99px;white-space:nowrap;box-shadow:var(--shadow)}
.lb-pain{background:#c2452f;color:#fff}
.lb-lost .lb-card{background:var(--miss-soft);border-color:color-mix(in srgb,var(--miss) 30%,transparent)}.lb-lost b,.lb-lost p,.lb-lost i{color:var(--miss)!important}.lb-lost small{color:var(--muted);font-weight:500}.lb-lost p small{margin-left:auto}.lb-lost p{gap:.45em}.lb-pain svg{animation:lb-wob .5s ease-in-out infinite}
.lb-good{background:var(--accent);color:var(--accent-ink)}
.lb-ok{display:flex;align-items:center;gap:.35em;color:var(--accent);font-weight:700;font-size:.82em}.lb-ok svg{flex:none}
.lb-stamp{padding:.3em .8em;border:2px solid var(--accent);border-radius:.4em;color:var(--accent);font:italic 600 1.35em/1.1 var(--display);rotate:-6deg;background:color-mix(in srgb,var(--surface) 88%,transparent);white-space:nowrap}
@keyframes lb-wob{0%,100%{rotate:0deg}25%{rotate:-14deg}75%{rotate:14deg}}
/* A customer's assistant, by its own mark */
.lb-app-ic{grid-row:1/3;display:grid;place-items:center;width:1.9em;height:1.9em;overflow:hidden;color:#fff;font-style:normal;line-height:1}.lb-app-ic svg{width:1.15em;height:1.15em}.lb-app-ic img{width:100%;height:100%;display:block}
/* Bright Oak Cleaning: her page and her Saturday, and each customer marked by where they asked: a call, ChatGPT or Muse */
.lb-oak-site{left:0;top:0;width:17.6em;height:16.4em}
.lb-oak-page{padding:.8em .9em;display:grid;gap:.7em}
.lb-oak-nav{display:flex;justify-content:space-between;align-items:center}.lb-oak-nav b{font:600 1em var(--display)}.lb-oak-nav span{font-size:.62em;font-weight:700;color:#3f7390;letter-spacing:.06em}
.lb-oak-hero{display:flex;justify-content:space-between;align-items:flex-end;padding:.9em;border-radius:.6em;background:linear-gradient(135deg,#e3eef3,#bcd6e2)}
.lb-oak-hero{gap:.6em}.lb-oak-hero p{font:italic 500 1.12em/1.05 var(--display);color:#1f4558}.lb-oak-hero span{flex:none;white-space:nowrap;padding:.45em .8em;border-radius:99px;background:#2f6b88;color:#fff;font-size:.66em;font-weight:700}
.lb-oak-menu{display:grid;gap:.25em;font-size:.74em}.lb-oak-menu li{display:flex;justify-content:space-between;padding:.25em 0;border-bottom:1px dashed #d6e3ea}
.lb-oak-pill{left:.8em;top:16.6em}
.lb-oak-cal{right:0;top:2.8em;width:11.8em;padding:.8em .7em}
.lb-cal-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5em}.lb-cal-h b{font:600 1.05em var(--display)}.lb-cal-h small{font-size:.72em;color:var(--muted)}
.lb-oak-cal ol{display:grid;gap:.3em}.lb-oak-cal li{display:grid;grid-template-columns:2.4em minmax(0,1fr);align-items:center;height:2.3em}
.lb-oak-cal time{font-size:.68em;color:var(--muted);font-variant-numeric:tabular-nums}
.lb-cal-busy,.lb-cal-open,.lb-cal-new{display:flex;align-items:center;height:100%;border-radius:.45em;font-size:.7em;font-weight:600;padding:0 .7em;white-space:nowrap;overflow:hidden}
.lb-cal-busy{background:var(--soft);color:var(--muted)}
.lb-cal-open{padding:0;border:1.5px dashed var(--line-2)}.lb-cal-new{width:100%;font-size:1em;background:var(--accent);color:var(--accent-ink)}
.lb-oak-cal .lb-stamp{position:absolute;right:-.6em;bottom:-1.4em}
.lb-oak-calls{left:0;top:18.4em;width:17.6em;display:grid;gap:.45em}
.lb-oak-calls li{display:grid;grid-template-columns:1.9em minmax(0,1fr);gap:.2em .6em;align-items:center;padding:.55em .8em;border-radius:.8em}
.lb-oak-calls .lb-app-ic{color:#fff!important}
.lb-oak-tel{grid-row:1/3;display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--accent);color:var(--accent-ink)}.lb-oak-tel svg{width:1em;height:1em}.lb-lost .lb-oak-tel{background:#c2452f;color:#fff!important}
.lb-oak-calls p:first-of-type{display:flex;align-items:center;gap:.5em;font-size:.86em;font-weight:600;white-space:nowrap}
.lb-oak-calls p>i{font-style:normal;font-size:.72em;font-weight:800;padding:.15em .45em;border-radius:.4em;background:var(--warm-soft);color:var(--warm);letter-spacing:.04em}
/* Northside: night, whatever the page's theme. */
.lb-nh::before{content:"";position:absolute;inset:0;border-radius:1.4em;background:radial-gradient(.12em .12em at 12% 82%,#fff8,transparent),radial-gradient(.1em .1em at 40% 6%,#fff9,transparent),radial-gradient(.14em .14em at 88% 4%,#fffa,transparent),radial-gradient(90% 60% at 80% 0%,#33477099,transparent),linear-gradient(170deg,#1c2744,#0d1324);box-shadow:var(--shadow)}
.lb-nh-temp{left:1.4em;top:1.6em;display:grid;place-items:center;align-content:center;width:10.4em;height:10.4em;border-radius:50%;background:radial-gradient(circle,#1a2238 58%,#2a3654 59%,#2a3654 66%,transparent 67%),conic-gradient(from 210deg,#7fb4ff,#c9dcff 30%,#2a3654 30%);color:#dbe7ff;box-shadow:0 0 0 1px #ffffff14,0 1.4em 2.4em -1em #000a}
.lb-nh-temp span{font-size:1em;color:#9cc4ff}.lb-nh-temp b{font:300 2.9em/1 var(--display);letter-spacing:-.03em}.lb-nh-temp small{font-size:.66em;letter-spacing:.12em;text-transform:uppercase;color:#9fb0d0}
@property --lb-temp{syntax:'<integer>';inherits:false;initial-value:58}
.lb-nh-temp b{counter-reset:t var(--lb-temp);animation:lb-temp 16s linear infinite}.lb-nh-temp b::before{content:counter(t) "°"}
@keyframes lb-temp{0%{--lb-temp:66}22%,100%{--lb-temp:58}}
.lb-nh-site{left:13.2em;top:1.6em;width:15.4em;height:11.4em}
.lb-nh-page{padding:.8em .9em;display:grid;gap:.6em;background:linear-gradient(180deg,#fff,#f4f6fb);height:100%}
.lb-nh-logo{display:flex;align-items:baseline;gap:.4em;font-weight:800;font-size:.86em;color:#1d2a4a}.lb-nh-logo small{font-weight:600;color:#6b7590}
.lb-nh-big{font-weight:800;font-size:1.25em;line-height:1.05;color:#1d2a4a;letter-spacing:-.02em}
.lb-nh-btns{display:flex;gap:.4em;font-size:.66em;font-weight:700}.lb-nh-btns span{padding:.5em .8em;border-radius:.5em;background:#e8632b;color:#fff}.lb-nh-btns span+span{background:#e9edf6;color:#1d2a4a}
.lb-nh-call{left:1.4em;right:1.4em;top:14em;bottom:1.4em;display:grid;grid-template-rows:auto 1fr;padding:.8em 1em}
.lb-nh-head{display:flex;align-items:center;gap:.6em;padding-bottom:.6em;border-bottom:1px solid var(--line);font-size:.9em}
.lb-nh-head i{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:#e3e9f6;color:#1d2a4a;font-style:normal;font-weight:800}
.lb-nh-head small{color:var(--muted);font-size:.8em}
.lb-nh-state{display:grid;margin-left:auto}.lb-nh-state em{grid-area:1/1;justify-self:end;display:inline-flex;align-items:center;gap:.3em;padding:.2em .7em;border-radius:99px;font-style:normal;font-size:.8em;font-weight:800}
.lb-ring{background:var(--soft);color:var(--ink-2)}.lb-ring svg{animation:lb-wob .5s ease-in-out infinite}.lb-miss{background:#c2452f;color:#fff}.lb-on{background:var(--accent);color:var(--accent-ink)}
.lb-nh-body{position:relative;display:flex;flex-direction:column;gap:.4em;padding-top:.6em;font-size:.84em}
.lb-them,.lb-ai{max-width:85%;padding:.4em .8em;border-radius:1em 1em 1em .3em;background:var(--soft);align-self:flex-start}
.lb-ai{align-self:flex-end;border-radius:1em 1em .3em 1em;background:var(--accent-soft);color:var(--ink)}
.lb-nh-body .lb-ok{align-self:flex-end;font-size:.95em}
.lb-urgent{display:flex;align-items:center;gap:.4em;align-self:stretch;justify-content:center;padding:.45em .8em;border-radius:.7em;background:var(--warm-soft);color:var(--warm);font-weight:800}.lb-urgent svg{animation:lb-wob .5s ease-in-out infinite}
.lb-nh-miss{position:absolute;inset:.6em 0 0;display:grid;place-content:center;justify-items:center;gap:.4em;text-align:center}
.lb-nh-miss b{display:flex;align-items:center;gap:.35em;font-size:1.05em;color:var(--miss)}.lb-nh-miss strong{font:500 3.2em/1 var(--display);letter-spacing:-.03em;color:var(--miss)}.lb-nh-miss span{font-weight:700;color:var(--ink-2)}
.lb-nh-owner{left:12.2em;top:10.2em;width:16.6em;font-size:1em}.lb-nh-owner>i{background:var(--warm)}
.lb-nh-stamp{right:1.2em;bottom:.3em;border-color:#8fcaa8;color:#8fcaa8;background:#0d1324cc}
/* Batch & Bow */
.lb-bb{height:25em}
.lb-bb-site{left:0;top:0;width:22em}
.lb-bb-view{position:relative;aspect-ratio:16/10;background:#f7f4ee}
.lb-bb-page{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr auto;gap:.6em;padding:.75em .9em;background:#fffaf2;animation:lb-bb-build 16s cubic-bezier(.6,0,.3,1) infinite}
.lb-bb-nav b{font:600 1em var(--display);color:#5b3a22}
.lb-bb-hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.55em;padding:.8em .9em;border-radius:.6em;background:linear-gradient(135deg,#f6dfbf,#e9b98a)}
.lb-bb-hero p{font:italic 500 1.35em/1.02 var(--display);color:#5b2f17}.lb-bb-hero span{padding:.4em .75em;border-radius:99px;background:#a8462b;color:#fff;font-size:.6em;font-weight:800;white-space:nowrap}
.lb-bb-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4em}.lb-bb-menu li{display:grid;justify-items:center;gap:.1em;padding:.35em .2em;border-radius:.5em;background:#f6ecdf;font-size:.66em;font-weight:700;color:#5b3a22}.lb-bb-menu i{font-style:normal;font-size:1.6em;line-height:1.1}.lb-bb-menu b{color:#a8462b}
.lb-bb-skel{position:absolute;inset:9% 7%;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:.3fr 1fr 1fr .5fr;gap:.5em}
.lb-bb-skel b{border-radius:.5em;background:linear-gradient(90deg,#ebe7de 30%,#f7f4ee 50%,#ebe7de 70%) 0 0/300% 100%;animation:lb-shine 1.4s linear infinite}
.lb-bb-skel b:nth-child(1){grid-column:1/3}.lb-bb-skel b:nth-child(3){grid-row:2/4;grid-column:2}
.lb-bb-pics{left:.6em;top:17.2em;display:flex;opacity:0;animation:lb-bb-pics 16s cubic-bezier(.5,0,.3,1) infinite}
.lb-bb-pics i{display:grid;place-items:center;width:2.2em;height:2.5em;margin-right:-.4em;padding-bottom:.35em;border:.18em solid #fff;border-bottom-width:.55em;border-radius:.25em;font-size:2em;font-style:normal;box-shadow:0 .8em 1.6em -.8em rgba(40,25,10,.55);rotate:-9deg}
.lb-bb-pics i:nth-child(2){rotate:4deg;translate:0 -.3em}.lb-bb-pics i:nth-child(3){rotate:12deg}
.lb-bb-make{left:5.5em;top:7.6em;display:flex;align-items:center;gap:.4em;padding:.5em 1em;border-radius:99px;background:var(--surface);color:var(--accent);font-size:.86em;font-weight:700;box-shadow:var(--shadow)}.lb-bb-make svg{animation:lb-spin 1.6s linear infinite}
.lb-bb-pill{right:0;top:4.6em}.lb-bb-pill>span{justify-self:end}
.lb-bb-orders{right:0;top:8.2em;width:14.6em;display:grid;gap:.45em}
.lb-bb-orders .lb-card{display:grid;grid-template-columns:2em minmax(0,1fr);gap:0 .6em;align-items:center;padding:.55em .8em;border-radius:.8em}
.lb-bb-orders i{grid-row:1/3;font-style:normal;font-size:1.3em;text-align:center}.lb-bb-orders b{font-size:.86em}.lb-bb-orders small{font-size:.74em;color:var(--muted);white-space:nowrap}
.lb-bb-pick{left:0;top:17.4em;width:14.2em;padding:.75em .9em}
.lb-bb-pick>p{font-size:.72em;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.4em}
.lb-bb-pick ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3em}
.lb-bb-pick li{display:grid;justify-items:center;gap:.2em;padding:.35em 0;border-radius:.5em;background:var(--soft);font-size:.72em;font-weight:700;color:var(--ink-2)}
.lb-bb-pick li b,.lb-bb-pick li span{font-size:.9em;padding:.05em .45em;border-radius:99px;background:var(--warm);color:#fff}.lb-bb-pick li span{background:var(--accent);color:var(--accent-ink)}
@property --lb-pre{syntax:'<integer>';inherits:false;initial-value:576}
.lb-bb-total{right:0;top:21.2em;display:grid;justify-items:end}
.lb-bb-total b{font:500 3em/1 var(--display);letter-spacing:-.03em;color:var(--accent);counter-reset:p var(--lb-pre);animation:lb-pre 16s ease infinite}.lb-bb-total b::before{content:"+$" counter(p)}
.lb-bb-total small{font-size:.8em;color:var(--muted);font-weight:600}
@keyframes lb-pre{0%,32%{--lb-pre:0}82%,100%{--lb-pre:576}}
@keyframes lb-bb-pics{0%,1%{opacity:0;transform:translateY(2em) scale(.6)}5%,10%{opacity:1;transform:none}17%,100%{opacity:0;transform:translate(9em,-12em) scale(.25)}}
@keyframes lb-bb-build{0%,14%{clip-path:inset(0 0 100% 0)}24%,100%{clip-path:inset(0)}}
@keyframes lb-shine{to{background-position:-300% 0}}
@keyframes lb-spin{to{transform:rotate(360deg)}}
/* Up in minutes: the setup guide's steps (its screens are SETUP_CSS). Secondary lines in a step: the accent picks them
   out, but they stay plain text so the step itself leads. The badge's closing emoji gets a little room, as its glyph starts
   right at its edge. */
.lb-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--accent-soft);color:var(--accent);flex:none}
.sd-steps .lb-note{color:var(--muted)}.sd-steps .lb-note b{color:var(--accent);font-weight:600}
.sd-steps .lb-badge{display:inline-flex;align-items:center;gap:8px;justify-self:start;color:var(--accent);font-weight:600}.sd-steps .lb-badge svg{box-sizing:content-box;padding:3px;border-radius:50%;background:var(--accent-soft)}.sd-steps .lb-badge span>span{margin-left:.2em}
.lb-num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ink);color:var(--paper);font:650 1rem var(--display);flex:none}
.lb-step-ic{display:flex;gap:6px}
/* The setup guide's pause button wears the demo's look; the demo's own styles aren't on this page. */
.dm-pause{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);cursor:pointer}.dm-pause:hover{border-color:var(--ink-2)}
/* Pricing */
.lb-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;align-items:stretch}
.lb-plan{display:flex;flex-direction:column;gap:14px;padding:30px 28px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.lb-plan.lb-main{border:2px solid var(--accent);padding:29px 27px;box-shadow:0 22px 50px -30px rgba(43,106,77,.45)}
.lb-plan h2{font-size:1.2rem;letter-spacing:-.01em}
.lb-price{color:var(--muted);font-size:.98rem}.lb-price strong{font:650 2.9rem/1 var(--display);letter-spacing:-.04em;color:var(--ink);margin-right:4px}
.lb-sum{color:var(--ink-2)}
.lb-plan ul{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--line);margin-bottom:8px}
.lb-plan li{display:flex;gap:10px;align-items:flex-start;line-height:1.4}.lb-plan li svg{color:var(--accent);flex:none;margin-top:1px}
.lb-plan .lb-btn{margin-top:auto;width:100%}
.lb-plan .lb-price strong{font-size:2.6rem}
.lb-flag{align-self:flex-start;padding:4px 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.78rem;font-weight:700;letter-spacing:.02em}
.lb-size{color:var(--muted);font-size:.9rem}
.lb-note{color:var(--muted);font-size:.88rem;line-height:1.4}
.lb-band{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) auto;gap:24px 32px;align-items:center;margin-top:20px;padding:26px 28px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.lb-band h2{font-size:1.2rem}.lb-band .lb-price strong{font:650 2rem/1 var(--display);letter-spacing:-.03em;color:var(--ink);margin-right:4px}
.lb-band ul{display:grid;gap:8px}.lb-band li{display:flex;gap:10px;align-items:flex-start;line-height:1.4}.lb-band li svg{color:var(--accent);flex:none;margin-top:1px}
.lb-band>div:last-child{display:grid;gap:10px;justify-items:start}
.lb-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}
.lb-two .lb-help{height:100%}
@media (max-width:900px){.lb-band{grid-template-columns:1fr}}
@media (max-width:640px){.lb-two{grid-template-columns:1fr}}
.lb-promise{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px;margin-top:28px;color:var(--muted);font-size:.95rem}
.lb-promise span{display:inline-flex;align-items:center;gap:7px}.lb-promise svg{color:var(--accent)}
.lb-promise a{color:var(--accent);font-weight:600}
.lb-ref-banner{display:flex;justify-content:center;align-items:center;gap:8px;margin:28px auto -16px;padding:12px 20px;width:fit-content;border-radius:999px;background:var(--accent-soft);color:var(--ink);font-weight:600;text-align:center}.lb-ref-banner svg{flex:none;color:var(--accent)}
.lb-extras{display:grid;justify-items:center;gap:16px;margin-top:32px}
.lb-help{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:26px 28px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}
.lb-help h2{font-size:1.2rem;letter-spacing:-.01em}.lb-help p{color:var(--ink-2)}
.lb-help a{color:var(--accent);font-weight:600}.lb-help .lb-help-more{color:var(--muted);font-weight:400;font-size:.95rem}
.lb-ref{width:min(100%,380px);text-align:center;color:var(--muted);font-size:.95rem}.lb-ref summary{cursor:pointer}
.lb-ref form{margin-top:12px}.lb-ref div{display:flex;gap:8px}
.lb-ref input{flex:1;min-width:0;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:inherit;text-transform:uppercase}
.lb-ref-bad{margin-top:8px}
/* Questions */
.lb-qa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr);gap:28px 64px;align-items:start}
.lb-faq{border-top:1px solid var(--line)}
.lb-faq details{border-bottom:1px solid var(--line)}
.lb-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 2px;cursor:pointer;list-style:none;font:600 1.1rem var(--font);color:var(--ink)}
.lb-faq summary::-webkit-details-marker{display:none}
.lb-faq summary svg{flex:none;color:var(--muted);transition:transform .2s}.lb-faq details[open] summary svg{transform:rotate(45deg)}
.lb-faq details p{padding:0 2px 24px;color:var(--muted);max-width:40em}
/* The last word */
/* The last word stays deep green with light text in both themes. */
.lb-end{--end-bg:#17322a;--end-ink:#f3f6f1;display:grid;justify-items:center;gap:22px;margin-top:96px;padding:72px 28px;border-radius:32px;background:var(--end-bg);color:var(--end-ink);text-align:center}
.lb-end h2{color:var(--end-ink)}
.lb-end .lb-btn-light{background:var(--end-ink);border-color:var(--end-ink);color:var(--end-bg)}.lb-end .lb-btn-light:hover{background:#dcebe1;border-color:#dcebe1}
@media (prefers-color-scheme:dark){.lb-end{--end-bg:#1d4535}}
.lb-btn-light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.lb-btn-light:hover{background:var(--accent-soft);border-color:var(--accent-soft)}
/* The promise's second half, in the accent */
.lb .lb-kick{display:block;color:var(--accent)}.lb-end h2 span{color:#9fdcbc}
/* Footer */
.lb-foot{margin-top:72px;border-top:1px solid var(--line)}
.lb-foot-in{display:flex;flex-wrap:wrap;align-items:center;gap:14px 32px;padding-top:30px;padding-bottom:40px}
.lb-foot .lb-brand{font-size:1.1rem}
.lb-foot nav{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.93rem;color:var(--muted)}.lb-foot nav a:hover{color:var(--ink)}
.lb-foot p{margin-left:auto;font-size:.88rem;color:var(--muted)}
/* Plain pages */
.lb-doc{max-width:780px;padding-top:56px;padding-bottom:24px;display:grid;gap:8px}
.lb-doc>section{display:grid;gap:12px;padding:26px 0;border-top:1px solid var(--line)}
.lb-doc>section:first-child{border-top:0;padding-top:0}
.lb-doc h1{font-size:clamp(2.3rem,5vw,3.3rem);letter-spacing:-.035em}
.lb-doc h2{font-size:1.35rem;letter-spacing:-.015em}
.lb-doc .eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.lb-doc p,.lb-doc li{color:var(--ink-2);line-height:1.65}
.lb-doc ul{list-style:disc;padding-left:1.3em;display:grid;gap:8px}.lb-doc ol{list-style:decimal;padding-left:1.3em;display:grid;gap:8px}
.lb-doc a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.lb-doc a.lb-btn{color:var(--accent-ink);text-decoration:none;margin-top:8px}
.lb-doc strong,.lb-doc b{color:var(--ink)}
.lb-doc code{font:.9em ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--accent-soft);padding:1px 5px;border-radius:5px;overflow-wrap:anywhere}
.lb-doc .table{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.lb-doc table{border-collapse:collapse;width:100%;font-size:.94rem}
.lb-doc th,.lb-doc td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid var(--line);color:var(--ink-2);line-height:1.5}.lb-doc th{font-size:.74rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.lb-doc tr:last-child td{border-bottom:0}.lb-doc td:first-child{font-weight:600;color:var(--ink)}
/* Smaller screens */
@media (max-width:980px){.lb-qa{grid-template-columns:1fr}.lb-hero{grid-template-columns:1fr;gap:48px;padding-top:44px}.lb-copy{max-width:640px}.lb-plans{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}
	.lb-ch,.lb-ch-r{grid-template-columns:1fr;gap:36px;padding-top:104px}.lb-ch-r .lb-ch-copy{order:0}.lb-ch-copy{max-width:560px}}
@media (max-width:560px){.lb-w{padding:0 20px}.lb-bar{height:60px;gap:12px}.lb-top nav{gap:12px}.lb-btn-sm{padding:0 12px}.lb-top .lb-brand{font-size:1.25rem}
	.lb-hero{padding-top:28px;gap:36px}.lb-copy{gap:16px}.lb-hero h1{font-size:1.85rem}.lb-lede{font-size:1.06rem}
	.lb-sec{padding-top:72px}.lb-first{padding-top:44px}.lb-ch,.lb-ch-r{padding-top:88px;gap:28px}
	.lb-nt{font-size:.74rem;padding:8px 10px;gap:1px 8px;grid-template-columns:28px minmax(0,1fr) auto}.lb-nt>i{width:28px;height:28px}
	.lb-plans{margin-top:30px}.lb-plan{padding:24px 22px}.lb-plan.lb-main{padding:23px 21px}
	.lb-faq summary{font-size:1.02rem;padding:18px 2px}.lb-end{margin-top:72px;padding:56px 22px;border-radius:26px}.lb-foot p{margin-left:0;width:100%}}
/* The narrowest phones keep the name and drop the bell, so Pricing, Sign in and Start free still fit beside it */
@media (max-width:380px){.lb-top .lb-brand img{display:none}.lb:lang(vi) .lb-top .lb-brand,.lb:lang(es) .lb-top .lb-brand{font-size:1.1rem}.lb:lang(vi) .lb-bar,.lb:lang(es) .lb-bar{gap:8px}}
/* Vietnamese and Spanish labels run longer, so their pages drop the bell sooner */
@media (max-width:420px){.lb:lang(vi) .lb-top .lb-brand img,.lb:lang(es) .lb-top .lb-brand img{display:none}}
@media (prefers-reduced-motion:reduce){.lb *{transition:none!important}.lb-art *,.lb-sc,.lb-sc *{animation:none!important}.lb-chan li,.lb-chan li>svg:last-child{animation:none;opacity:1}.lb-roll>span{animation:none}.lb-kim{animation:none}}
.lb-a15{animation:lb-a15 16s ease infinite}@keyframes lb-a15{0%,15%{opacity:0;transform:translateY(.5em) scale(.97)}18%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a17{animation:lb-a17 16s ease infinite}@keyframes lb-a17{0%,17%{opacity:0;transform:translateY(.5em) scale(.97)}20%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a22{animation:lb-a22 16s ease infinite}@keyframes lb-a22{0%,22%{opacity:0;transform:translateY(.5em) scale(.97)}25%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a23{animation:lb-a23 16s ease infinite}@keyframes lb-a23{0%,23%{opacity:0;transform:translateY(.5em) scale(.97)}26%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a25{animation:lb-a25 16s ease infinite}@keyframes lb-a25{0%,25%{opacity:0;transform:translateY(.5em) scale(.97)}28%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a26{animation:lb-a26 16s ease infinite}@keyframes lb-a26{0%,26%{opacity:0;transform:translateY(.5em) scale(.97)}29%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a28{animation:lb-a28 16s ease infinite}@keyframes lb-a28{0%,28%{opacity:0;transform:translateY(.5em) scale(.97)}31%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a30{animation:lb-a30 16s ease infinite}@keyframes lb-a30{0%,30%{opacity:0;transform:translateY(.5em) scale(.97)}33%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a32{animation:lb-a32 16s ease infinite}@keyframes lb-a32{0%,32%{opacity:0;transform:translateY(.5em) scale(.97)}35%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a33{animation:lb-a33 16s ease infinite}@keyframes lb-a33{0%,33%{opacity:0;transform:translateY(.5em) scale(.97)}36%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a34{animation:lb-a34 16s ease infinite}@keyframes lb-a34{0%,34%{opacity:0;transform:translateY(.5em) scale(.97)}37%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a38{animation:lb-a38 16s ease infinite}@keyframes lb-a38{0%,38%{opacity:0;transform:translateY(.5em) scale(.97)}41%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a39{animation:lb-a39 16s ease infinite}@keyframes lb-a39{0%,39%{opacity:0;transform:translateY(.5em) scale(.97)}42%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a40{animation:lb-a40 16s ease infinite}@keyframes lb-a40{0%,40%{opacity:0;transform:translateY(.5em) scale(.97)}43%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a42{animation:lb-a42 16s ease infinite}@keyframes lb-a42{0%,42%{opacity:0;transform:translateY(.5em) scale(.97)}45%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a44{animation:lb-a44 16s ease infinite}@keyframes lb-a44{0%,44%{opacity:0;transform:translateY(.5em) scale(.97)}47%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a45{animation:lb-a45 16s ease infinite}@keyframes lb-a45{0%,45%{opacity:0;transform:translateY(.5em) scale(.97)}48%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a51{animation:lb-a51 16s ease infinite}@keyframes lb-a51{0%,51%{opacity:0;transform:translateY(.5em) scale(.97)}54%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a52{animation:lb-a52 16s ease infinite}@keyframes lb-a52{0%,52%{opacity:0;transform:translateY(.5em) scale(.97)}55%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a54{animation:lb-a54 16s ease infinite}@keyframes lb-a54{0%,54%{opacity:0;transform:translateY(.5em) scale(.97)}57%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a57{animation:lb-a57 16s ease infinite}@keyframes lb-a57{0%,57%{opacity:0;transform:translateY(.5em) scale(.97)}60%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a59{animation:lb-a59 16s ease infinite}@keyframes lb-a59{0%,59%{opacity:0;transform:translateY(.5em) scale(.97)}62%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a64{animation:lb-a64 16s ease infinite}@keyframes lb-a64{0%,64%{opacity:0;transform:translateY(.5em) scale(.97)}67%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a66{animation:lb-a66 16s ease infinite}@keyframes lb-a66{0%,66%{opacity:0;transform:translateY(.5em) scale(.97)}69%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-a68{animation:lb-a68 16s ease infinite}@keyframes lb-a68{0%,68%{opacity:0;transform:translateY(.5em) scale(.97)}71%,95%{opacity:1;transform:none}99%,100%{opacity:0}}
.lb-s0-15{opacity:0;animation:lb-s0-15 16s ease infinite}@keyframes lb-s0-15{0%{opacity:0;transform:translateY(-.4em)}2%,15%{opacity:1;transform:none}17%,100%{opacity:0}}
.lb-s0-24{opacity:0;animation:lb-s0-24 16s ease infinite}@keyframes lb-s0-24{0%{opacity:0;transform:translateY(-.4em)}2%,24%{opacity:1;transform:none}26%,100%{opacity:0}}
.lb-s0-31{opacity:0;animation:lb-s0-31 16s ease infinite}@keyframes lb-s0-31{0%{opacity:0;transform:translateY(-.4em)}2%,31%{opacity:1;transform:none}33%,100%{opacity:0}}
.lb-s0-7{opacity:0;animation:lb-s0-7 16s ease infinite}@keyframes lb-s0-7{0%{opacity:0;transform:translateY(-.4em)}2%,7%{opacity:1;transform:none}9%,100%{opacity:0}}
.lb-s2-15{opacity:0;animation:lb-s2-15 16s ease infinite}@keyframes lb-s2-15{0%,2%{opacity:0;transform:translateY(-.4em)}4%,15%{opacity:1;transform:none}17%,100%{opacity:0}}
.lb-s6-15{opacity:0;animation:lb-s6-15 16s ease infinite}@keyframes lb-s6-15{0%,6%{opacity:0;transform:translateY(-.4em)}8%,15%{opacity:1;transform:none}17%,100%{opacity:0}}
.lb-s10-15{opacity:0;animation:lb-s10-15 16s ease infinite}@keyframes lb-s10-15{0%,10%{opacity:0;transform:translateY(-.4em)}12%,15%{opacity:1;transform:none}17%,100%{opacity:0}}
.lb-s3-24{opacity:0;animation:lb-s3-24 16s ease infinite}@keyframes lb-s3-24{0%,3%{opacity:0;transform:translateY(-.4em)}5%,24%{opacity:1;transform:none}26%,100%{opacity:0}}
.lb-s7-24{opacity:0;animation:lb-s7-24 16s ease infinite}@keyframes lb-s7-24{0%,7%{opacity:0;transform:translateY(-.4em)}9%,24%{opacity:1;transform:none}26%,100%{opacity:0}}
.lb-s11-24{opacity:0;animation:lb-s11-24 16s ease infinite}@keyframes lb-s11-24{0%,11%{opacity:0;transform:translateY(-.4em)}13%,24%{opacity:1;transform:none}26%,100%{opacity:0}}
.lb-s3-31{opacity:0;animation:lb-s3-31 16s ease infinite}@keyframes lb-s3-31{0%,3%{opacity:0;transform:translateY(-.4em)}5%,31%{opacity:1;transform:none}33%,100%{opacity:0}}
.lb-s7-22{opacity:0;animation:lb-s7-22 16s ease infinite}@keyframes lb-s7-22{0%,7%{opacity:0;transform:translateY(-.4em)}9%,22%{opacity:1;transform:none}24%,100%{opacity:0}}
.lb-s7-31{opacity:0;animation:lb-s7-31 16s ease infinite}@keyframes lb-s7-31{0%,7%{opacity:0;transform:translateY(-.4em)}9%,31%{opacity:1;transform:none}33%,100%{opacity:0}}
.lb-s11-31{opacity:0;animation:lb-s11-31 16s ease infinite}@keyframes lb-s11-31{0%,11%{opacity:0;transform:translateY(-.4em)}13%,31%{opacity:1;transform:none}33%,100%{opacity:0}}
.lb-s24-31{opacity:0;animation:lb-s24-31 16s ease infinite}@keyframes lb-s24-31{0%,24%{opacity:0;transform:translateY(-.4em)}26%,31%{opacity:1;transform:none}33%,100%{opacity:0}}

.sd{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:36px;align-items:center;margin-top:40px}
.sd-compact{grid-template-columns:1fr;max-width:720px;margin:28px auto 0}
.sd-compact .sd-win{height:520px}
.sd-steps{display:grid;gap:10px}
.sd-steps li{display:grid;gap:6px;padding:4px 0}
.sd-steps button{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;width:100%;padding:18px 18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.sd-steps button:hover{border-color:var(--line-2)}
.sd-steps .now button{border-color:var(--accent);box-shadow:0 18px 40px -30px rgba(43,106,77,.6)}
.sd-step-text{display:grid;gap:3px}.sd-step-text b{font:650 1.08rem var(--display);letter-spacing:-.01em}.sd-step-text>span{color:var(--muted);font-size:.95rem}
.sd-steps .lb-num{width:30px;height:30px;font-size:.92rem;background:var(--line-2);color:var(--ink);transition:background .2s,color .2s}.sd-steps .now .lb-num{background:var(--ink);color:var(--paper)}
.sd-steps .lb-ic{width:36px;height:36px;border-radius:11px}
.sd-steps .lb-note,.sd-steps .lb-badge{margin-left:62px;font-size:.92rem}
.sd-bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);opacity:0}
.sd-steps .now .sd-bar{opacity:1;animation:sd-bar linear both}.sd-paused .sd-bar{animation-play-state:paused}
@keyframes sd-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.sd-stage{display:grid;gap:10px;min-width:0}
.sd-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--muted);font-size:.8rem}
.sd-scene{position:relative;cursor:pointer}
.sd-win{--r:16px;position:relative;height:570px;border:1px solid var(--line-2);border-radius:var(--r);background:var(--paper);overflow:hidden;box-shadow:0 2px 3px rgba(12,19,16,.06),0 40px 80px -40px rgba(20,45,34,.45);font-size:14px;line-height:1.4;color:var(--ink)}
.sd-chrome{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-bottom:1px solid var(--line);background:var(--surface)}
.sd-chrome>i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}
.sd-chrome span{display:inline-flex;align-items:center;gap:6px;margin:0 auto;padding:3px 14px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:.78rem;max-width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sd-screen{position:relative;height:calc(100% - 38px);padding:22px 24px 112px;overflow:hidden}
.sd-screen h4{font:650 1.3rem var(--display);letter-spacing:-.015em;margin:0 0 14px}
.sd-kicker{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.sd-card{border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:16px;display:grid;gap:12px}
.sd-sec{display:flex;align-items:center;gap:7px;color:var(--ink)}.sd-sec svg{color:var(--accent)}
.sd-up{justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--line-2);border-radius:999px;font-size:.82rem;font-weight:600}
.sd-drops{position:relative;height:150px;display:grid;place-items:center}
.sd-photo{position:relative;width:200px;padding:12px 16px;background:#fbf8ef;color:#2c2a26;border-radius:4px;transform:rotate(-2.5deg);box-shadow:0 10px 24px -10px rgba(0,0,0,.4);overflow:hidden}
.sd-hand{font:500 13.5px/1.55 "Bradley Hand","Segoe Print","Comic Sans MS",cursive;display:flex;justify-content:space-between;gap:10px}.sd-hand:first-child{font-weight:700;border-bottom:1px solid #d9d2bf;margin-bottom:3px}
.sd-scan{position:absolute;left:0;right:0;top:0;height:28px;background:linear-gradient(180deg,transparent,rgba(114,197,156,.55),transparent);animation:sd-scan 1.3s ease-in-out both;animation-delay:var(--d)}
@keyframes sd-scan{from{transform:translateY(-30px);opacity:1}90%{opacity:1}to{transform:translateY(150px);opacity:0}}
.sd-doc{position:relative;width:96px;height:124px;border-radius:6px;background:var(--surface);border:1px solid var(--line-2);padding:34px 12px 0;display:grid;align-content:start;gap:8px;transform:rotate(2deg);box-shadow:0 10px 24px -12px rgba(0,0,0,.35)}
.sd-doc span{position:absolute;top:8px;left:8px;padding:2px 6px;border-radius:4px;background:#c4432f;color:#fff;font-size:.66rem;font-weight:700}
.sd-doc i{display:block;height:5px;border-radius:3px;background:var(--line-2)}.sd-doc i:nth-child(3){width:70%}
.sd-src{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}
.sd-src>div{display:grid;min-width:0}.sd-src b{font-size:.9rem}.sd-src small{color:var(--muted);font-size:.8rem}.sd-src em,.sd-row em{font-style:normal;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:4px}
.sd-ico{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent-soft);color:var(--accent);flex:none}
.sd-is-pdf .sd-drops{height:92px}.sd-is-pdf .sd-doc{width:66px;height:84px;padding:28px 9px 0;gap:6px}
.sd-spin{display:inline-block;width:10px;height:10px;border:2px solid var(--line-2);border-top-color:var(--accent);border-radius:50%;vertical-align:-1px;animation:sd-spin .8s linear infinite}
@keyframes sd-spin{to{transform:rotate(360deg)}}
.sd-designer{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;height:100%;overflow:hidden}
.sd-panel{display:grid;align-content:start;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.sd-me{justify-self:end;max-width:92%;padding:9px 12px;border-radius:14px 14px 4px 14px;background:var(--accent);color:var(--accent-ink);font-size:.86rem}
.sd-bot{max-width:96%;padding:9px 12px;border-radius:14px 14px 14px 4px;background:var(--soft);font-size:.86rem}
.sd-preview{display:grid;grid-template-rows:auto 1fr;gap:10px;min-width:0}
.sd-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.78rem}
.sd-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e0a458;margin-right:5px}.sd-status i.on{background:var(--accent)}
.sd-pub{padding:6px 12px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:600}
.sd-site{display:grid;align-content:start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fffaf5;color:#3a2a22;overflow:hidden}
.sd-sitebar{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.sd-sitebar b{font:650 .95rem var(--display)}.sd-sitebar span{padding:3px 10px;border-radius:999px;background:#b5654a;color:#fff;font-size:.72rem;font-weight:600}
.sd-hero{display:grid;gap:4px;padding:16px 14px;border-radius:10px;background:linear-gradient(135deg,#f6dccd,#f1e6d6)}.sd-hero b{font:650 1.05rem/1.2 var(--display)}.sd-hero small{color:#7a5a4a;font-size:.75rem}
.sd-book{justify-self:start;margin-top:6px;padding:5px 12px;border-radius:999px;background:#3a2a22;color:#fff;font-size:.74rem;font-weight:600}
.sd-menu{display:grid;gap:5px}.sd-menu p{display:flex;justify-content:space-between;padding:5px 2px;border-bottom:1px dashed #e8d9cc;font-size:.82rem}
.sd-chat{justify-self:end;display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:#3a2a22;color:#fff;font-size:.74rem}
.sd-speed{align-self:end;display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.72rem}.sd-panel{grid-template-rows:auto auto auto auto 1fr}
.sd-calls{display:grid;gap:12px;align-content:start}
.sd-calls h4{margin-bottom:2px}
.sd-row{grid-template-columns:1fr auto;align-items:center}.sd-row>div{display:grid;gap:2px}.sd-row small{color:var(--muted);font-size:.8rem}
.sd-num{padding:8px 12px;border:1px solid var(--accent);border-radius:10px;font-variant-numeric:tabular-nums;font-weight:600;box-shadow:0 0 0 3px var(--accent-soft)}
.sd-call{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.sd-callhead{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.sd-callhead small{color:var(--accent);font-weight:600;font-size:.78rem}
.sd-ring{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--accent-ink);animation:sd-ring 1s ease-in-out 3;animation-delay:var(--d,2.4s)}
@keyframes sd-ring{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}
.sd-them,.sd-us{max-width:88%;padding:8px 11px;border-radius:13px;font-size:.86rem}
.sd-them{background:var(--soft);border-bottom-left-radius:4px}
.sd-us{justify-self:end;background:var(--accent-soft);border-bottom-right-radius:4px}.sd-us span{display:block;font-size:.7rem;font-weight:600;color:var(--accent)}
.sd-done{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:.86rem}.sd-done b{font-weight:650}
.sd-pal{position:absolute;left:4px;right:0;bottom:-14px;height:128px;pointer-events:none;animation:sd-pal-walk .45s linear both}.sd-is-phone .sd-pal{bottom:0}
@keyframes sd-pal-walk{0%{transform:translateX(-130px)}20%{transform:translate(-104px,-6px)}40%{transform:translateX(-78px)}60%{transform:translate(-52px,-6px)}80%{transform:translateX(-26px)}}
.sd-pal-art{position:absolute;left:0;bottom:0;width:120px;height:128px;overflow:visible}.sd-pal-art g{transform-box:view-box}
.sd-say{position:absolute;left:124px;bottom:44px;max-width:calc(100% - 140px);margin:0;padding:9px 15px;border:2px solid var(--ink);border-radius:20px 20px 20px 6px;background:var(--surface);color:var(--ink);font:600 .98rem/1.3 var(--display);letter-spacing:-.01em;box-shadow:3px 4px 0 var(--line-2);transform:rotate(-1.2deg)}
.sd-say.sd-in{animation-name:sd-say}@keyframes sd-say{from{opacity:0;transform:translateY(8px) rotate(-1.2deg) scale(.96)}}
.sd-say-a.sd-in{animation:sd-say .45s cubic-bezier(.2,.8,.2,1) both var(--d),sd-hide .2s both var(--x)}
.sd-pal-head{transform-origin:80px 112px;animation:sd-pal-bob 3.2s ease-in-out infinite alternate}@keyframes sd-pal-bob{from{transform:rotate(-2deg)}to{transform:rotate(2.5deg)}}
.sd-pal-art .sd-pal-eyes{transform-box:fill-box;transform-origin:center;animation:sd-pal-blink 4.2s infinite}@keyframes sd-pal-blink{0%,93%,100%{transform:none}96%{transform:scaleY(.1)}}
.sd-pal-raise{animation:sd-pal-raise .45s cubic-bezier(.2,.8,.2,1) both}@keyframes sd-pal-raise{from{transform:translateY(22px)}}
.sd-pal-flash{opacity:0;transform-origin:113px 64px;animation:sd-pal-flash .6s ease-out both;animation-delay:var(--d)}@keyframes sd-pal-flash{0%{opacity:0;transform:scale(.4)}25%{opacity:1}100%{opacity:0;transform:scale(1.5)}}
.sd-pal-swing{transform-origin:108px 128px;animation:sd-pal-swing .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d)}@keyframes sd-pal-swing{from{transform:rotate(32deg)}}
.sd-pal-toss{transform-origin:131px 96px;animation:sd-pal-toss .6s cubic-bezier(.4,0,.6,1) both;animation-delay:var(--d)}@keyframes sd-pal-toss{75%{opacity:1}to{transform:translate(140px,-140px) rotate(40deg);opacity:0}}
.sd-pal-big{animation:sd-pal-big var(--t) cubic-bezier(.3,1.5,.4,1) both;animation-delay:var(--d)}@keyframes sd-pal-big{18%,72%{transform:scale(var(--k))}}
.sd-pal-grow{transform-origin:136px 80px;animation:sd-pal-grow .5s cubic-bezier(.3,1.5,.4,1) both .2s}@keyframes sd-pal-grow{to{transform:scale(1.8)}}
.sd-pal-word{opacity:0;animation:sd-pal-word 1.5s cubic-bezier(.3,1.6,.4,1) both;animation-delay:var(--d)}.sd-pal-word text{font:800 21px var(--display);letter-spacing:.02em}
@keyframes sd-pal-word{0%{opacity:0;transform:scale(.3) rotate(-14deg)}15%{opacity:1;transform:scale(1.15) rotate(-6deg)}80%{opacity:1;transform:rotate(-6deg)}100%{opacity:0;transform:translateY(-6px) rotate(-6deg)}}
.sd-pal-talk{transform-origin:108px 128px;animation:sd-pal-talk .7s ease-in-out 4;animation-delay:var(--d)}@keyframes sd-pal-talk{50%{transform:rotate(-9deg)}}
.sd-pal-a{animation:sd-hide .2s both;animation-delay:var(--x)}.sd-pal-b{animation:sd-show .3s both;animation-delay:var(--x)}
.sd-pal-paint{transform-origin:108px 128px;animation:sd-pal-paint .5s ease-in-out infinite alternate}@keyframes sd-pal-paint{to{transform:rotate(-5deg)}}
.sd-pal-buzz{transform-origin:132px 150px;animation:sd-pal-buzz .16s linear 10;animation-delay:var(--d)}@keyframes sd-pal-buzz{25%{transform:translateX(-2px) rotate(-3deg)}75%{transform:translateX(2px) rotate(3deg)}}
.sd-pal-ring{animation:sd-pal-ring 2.4s both;animation-delay:var(--d)}@keyframes sd-pal-ring{0%{opacity:0}10%,75%{opacity:1}100%{opacity:0}}
.sd-pal-art .sd-pal-pop{transform-box:fill-box;transform-origin:center;animation:sd-pal-pop .4s cubic-bezier(.2,.9,.3,1.3) both;animation-delay:var(--d)}@keyframes sd-pal-pop{from{opacity:0;transform:scale(.3)}}
.sd-in{animation:sd-rise .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}
@keyframes sd-rise{from{opacity:0;transform:translateY(8px)}}
.sd-drop{animation:sd-drop .7s cubic-bezier(.2,.9,.25,1.15) both;animation-delay:var(--d,0s)}
.sd-photo.sd-drop{--rot:-2.5deg}.sd-doc.sd-drop{--rot:2deg}
@keyframes sd-drop{from{opacity:0;transform:translateY(-60px) rotate(-10deg) scale(1.08)}to{opacity:1;transform:rotate(var(--rot,0deg))}}
.sd-swap{display:inline-grid}.sd-swap>span{grid-area:1/1;display:inline-flex;align-items:center;gap:6px}
.sd-swap>span:first-child{animation:sd-hide .2s both;animation-delay:var(--x)}.sd-swap>span:last-child{animation:sd-show .3s both;animation-delay:var(--x)}
@keyframes sd-hide{to{opacity:0;visibility:hidden}}@keyframes sd-show{from{opacity:0;visibility:hidden}}
.sd-paused .sd-scene *{animation-play-state:paused}
.sd-still *{animation:none!important}.sd-still .sd-scan,.sd-still .sd-pal-ring,.sd-still .sd-pal-toss,.sd-still .sd-pal-word{display:none}.sd-still .sd-swap>span:first-child,.sd-still .sd-pal-a,.sd-still .sd-say-a{visibility:hidden}
@media (prefers-reduced-motion:reduce){.sd-scene *{animation:none!important}.sd-scan,.sd-pal-ring,.sd-pal-toss,.sd-pal-word{display:none}.sd-swap>span:first-child,.sd-pal-a,.sd-say-a{visibility:hidden}.sd-steps .now .sd-bar{animation:none;transform:none}}
@media (max-width:980px){.sd{grid-template-columns:1fr;gap:24px}.sd-stage{order:-1}.sd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.sd-steps{grid-template-columns:1fr}.sd-steps .lb-step-ic{display:none}.sd-steps button{grid-template-columns:auto 1fr;padding:14px 14px 16px}.sd-steps .lb-note,.sd-steps .lb-badge{margin-left:58px}
	.sd-pal{height:106px}.sd-pal-art{width:100px;height:106px}.sd-say{left:100px;bottom:36px;max-width:calc(100% - 112px);font-size:.86rem;padding:7px 12px}
	.sd-win{height:548px}.sd-is-phone .sd-win{height:576px}.sd-screen{padding:16px 16px 92px}.sd-designer{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sd-panel{padding:10px;gap:6px}.sd-panel .sd-sec{display:none}}


.lb-hf{display:grid;gap:12px;width:100%;max-width:440px}
.lb-hf-stage{position:relative;height:552px;cursor:pointer}
.lb-hf-stage::before{content:"";position:absolute;inset:-6% -14% 0;background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.lb-hf-phone{position:absolute;right:0;top:0;width:272px;height:544px;padding:9px;border-radius:48px;background:#16110e;box-shadow:inset 0 0 0 2px #3b332c,0 50px 80px -40px rgba(60,35,15,.6)}
.lb-hf-phone::before{content:"";position:absolute;top:19px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:20px;background:#0a0807;z-index:5}
.lb-hf-scr{position:relative;height:100%;border-radius:39px;overflow:hidden;background:#0d1222;isolation:isolate}
.lb-hf-scene{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;padding:46px 13px 132px;font:400 12.5px/1.36 var(--font);text-align:left}
.lb-hf-enter{z-index:1;animation:lb-hf-in .65s cubic-bezier(.2,.8,.2,1) both}@keyframes lb-hf-in{from{opacity:0;transform:scale(1.035)}}
.lb-hf-scene .dm-lines{gap:7px}.lb-hf-scene .dm-msg{max-width:88%}
.lb-hf-scene .dm-avatar{width:44px;height:44px;font-size:1.1rem}.lb-hf-scene .dm-wave{height:22px}.lb-hf-scene .dm-done{padding:8px 10px}.lb-hf-scene .dm-ok{color:#fff}.lb-hf-scene .dm-ok svg{stroke:#fff}
.lb-hf-scene.dm-call .dm-callhead b{font-size:1.15em;margin-top:2px}.lb-hf-scene .dm-smshead{padding-bottom:8px}
.lb-hf-lock{color:#fff;background:radial-gradient(120% 60% at 20% 0%,#7e9bb8,transparent 60%),linear-gradient(170deg,#3a4f72,#1a2440 55%,#0d1222)}
.lb-hf-day{display:flex;justify-content:center;align-items:center;gap:6px;font-size:.8rem;font-weight:600;opacity:.88}
.lb-hf-time{text-align:center;font:300 4.4rem/1 var(--display);letter-spacing:-.03em}
.lb-hf-nts{display:grid;gap:7px;margin-top:14px}
.lb-hf-miss b{color:#b23a26}.lb-hf-miss>i{color:#fff}.lb-hf-miss>i svg{width:15px;height:15px}
.lb-hf-loss{display:inline-flex;align-items:center;gap:6px;align-self:center;margin-top:6px;padding:7px 12px;white-space:nowrap;border-radius:999px;background:#c2452f;color:#fff;font-weight:700;font-size:.82rem;box-shadow:0 10px 22px -12px rgba(0,0,0,.6)}
.lb-hf-pal{position:absolute;left:-10px;right:0;bottom:-4px;height:160px;pointer-events:none;z-index:6}
.lb-hf-kim{position:absolute;inset:0}
.lb-hf-kim .sd-pal-art{width:150px;height:160px}.lb-hf-kim .sd-say{left:150px;bottom:52px;max-width:calc(100% - 160px)}
.lb-hf-foot{display:flex;align-items:center;gap:12px;width:272px;justify-self:end}
.lb-hf-bars{display:flex;gap:5px;flex:1}
.lb-hf-bars button{flex:1;min-width:0;height:18px;padding:7px 0;margin:0;border:0;background:none;cursor:pointer}
.lb-hf-bars i{display:block;height:4px;border-radius:4px;background:linear-gradient(var(--accent),var(--accent)) 0 0/0% 100% no-repeat,var(--line-2)}
.lb-hf-bars .done i{background-size:100% 100%,auto}.lb-hf-bars .now i{animation:lb-hf-fill linear both}
@keyframes lb-hf-fill{to{background-size:100% 100%,auto}}
.lb-hf.sd-paused *{animation-play-state:paused!important}
.sd-still .dm-typing{display:none}
@media (max-width:560px){.lb-hf-stage{height:516px}.lb-hf-phone{width:252px;height:508px}.lb-hf-foot{width:252px}.lb-hf-scene{font-size:11.5px;padding-bottom:110px}.lb-hf-time{font-size:3.8rem}.lb-hf-pal{left:-6px;height:120px}.lb-hf-kim .sd-pal-art{width:112px;height:120px}.lb-hf-kim .sd-say{left:110px;bottom:38px;max-width:calc(100% - 116px)}}
@media (prefers-reduced-motion:reduce){.lb-hf-bars .now i{animation:none;background-size:100% 100%,auto}.dm-typing{display:none}}


.dm{display:grid;justify-items:center;gap:12px;width:100%}
.dm-label{font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.dm-label b{color:var(--accent)}
.dm-langs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:6px}
.dm-langs a{display:inline-flex;align-items:center;min-height:36px;padding:6px 15px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);font:500 .9rem var(--font);text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.dm-langs a:hover{border-color:var(--ink-2)}
.dm-langs a[aria-current=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.dm-phone{--fg:#16211c;position:relative;width:min(100%,350px);height:640px;border-radius:50px;border:10px solid #0c1310;background:#fff;color:var(--fg);overflow:hidden;cursor:pointer;isolation:isolate;font:400 15px/1.38 var(--font);text-align:left;-webkit-tap-highlight-color:transparent;
	box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 2px 3px rgba(12,19,16,.12),0 44px 80px -34px rgba(20,45,34,.55)}
.dm-phone::before{content:"";position:absolute;top:10px;left:50%;width:96px;height:27px;margin-left:-48px;border-radius:20px;background:#0c1310;z-index:3}
.dm-bars{position:absolute;top:46px;left:18px;right:18px;display:flex;gap:4px;z-index:2}
.dm-seg{flex:1;min-width:0;height:14px;padding:5px 0;margin:0;border:0;background:none;cursor:pointer;border-radius:0}
.dm-seg i{display:block;height:3px;border-radius:3px;background:linear-gradient(var(--fg),var(--fg)) 0 0/0% 100% no-repeat,color-mix(in srgb,var(--fg) 20%,transparent)}
.dm-seg.done i{background-size:100% 100%}.dm-seg.now i{animation:dm-fill linear both}
.dm-screen{position:absolute;inset:68px 0 0;padding:0 16px 18px;display:flex;flex-direction:column;gap:9px;overflow:hidden}
.dm-in{animation:dm-rise .45s cubic-bezier(.2,.75,.25,1) var(--d,0s) both}
/* Conversations fill from the top. In the call, the longest, the first lines fold away (dm-out) when the transfer begins. */
.dm-lines{flex:1;min-height:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.dm-grow{overflow:hidden;animation:dm-grow .5s cubic-bezier(.2,.75,.25,1) var(--d,0s) both}
.dm-grow.dm-out{animation:dm-grow .5s cubic-bezier(.2,.75,.25,1) var(--d,0s) both,dm-out .45s ease-in var(--o,0s) forwards}
.dm-msg{margin:0;max-width:85%;padding:.6em .86em;border-radius:1.2em;font-size:.95em;line-height:1.35;flex:none}.dm-emo{font-size:1.3em;line-height:1;vertical-align:-.1em;letter-spacing:.04em}
.dm-avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(145deg,#6aa58a,#2b6a4d);color:#fff;font:600 1.55rem 'Bricolage Grotesque',var(--font)}
.dm-pill{align-self:center;margin:0;flex:none;padding:.55em 1em;border-radius:999px;font-size:.87em;background:#dcefe4;color:#1d5c40;box-shadow:0 10px 22px -14px rgba(20,45,34,.6);white-space:nowrap}
.dm-ok{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2b6a4d;color:#fff;flex:none}.dm-ok svg{stroke-width:2.6}
.dm-appmark{display:grid;place-items:center;flex:none;overflow:hidden;color:#fff;font-style:normal;font-size:19px;line-height:1}.dm-appmark img{width:100%;height:100%;display:block}
.dm-typing{align-self:flex-start;flex:none;display:flex;gap:4px;padding:11px 13px;border-radius:18px;background:#e9e9eb;overflow:hidden;animation:dm-typing .8s var(--d,0s) both}
.dm-typing i{width:7px;height:7px;border-radius:50%;background:#8e8e93;animation:dm-blink 1s infinite}.dm-typing i:nth-child(2){animation-delay:.15s}.dm-typing i:nth-child(3){animation-delay:.3s}
/* The call */
.dm-call{--fg:#eef5f0;background:radial-gradient(130% 75% at 50% 0%,#24503d 0%,#12271d 55%,#0b1611 100%);color:#eef5f0}
.dm-callhead{display:grid;justify-items:center;gap:2px;text-align:center;flex:none}
.dm-biz{display:inline-flex;align-items:center;gap:6px;font-size:.78em;color:rgba(238,245,240,.68);margin-bottom:6px}
.dm-call .dm-avatar{width:54px;height:54px;font-size:1.35rem}
.dm-callhead b{font:600 1.35em 'Bricolage Grotesque',var(--font);letter-spacing:-.01em;margin-top:4px}
.dm-status{display:inline-flex;align-items:center;gap:6px;font-size:.8em;color:rgba(238,245,240,.72);font-variant-numeric:tabular-nums}
.dm-status i{width:7px;height:7px;border-radius:50%;background:#5fd39b;animation:dm-pulse 1.6s ease-out infinite}
.dm-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:30px;margin:0 0 2px;flex:none}
.dm-wave i{width:3px;border-radius:2px;background:#72c59c;opacity:.85;animation:dm-wave 1s ease-in-out infinite}
.dm-call .them{align-self:flex-start;background:rgba(255,255,255,.13);border-bottom-left-radius:.4em}
.dm-call .us{align-self:flex-end;background:#2f7a57;color:#fff;border-bottom-right-radius:.4em}
.dm-call .us span{display:block;font-size:.7em;font-weight:700;letter-spacing:.07em;text-transform:uppercase;opacity:.72;margin-bottom:1px}
.dm-done{display:flex;gap:10px;align-items:center;flex:none;border-radius:16px;padding:10px 12px;background:#fff;color:#17322a;box-shadow:0 12px 26px -14px rgba(0,0,0,.6)}
.dm-done b{display:block;font-size:.9em;line-height:1.3}.dm-done span{font-size:.79em;color:#5f7067}
/* The transfer is the call's last beat, so it stands out: the caller handed over to the owner, who hears what it's about first. */
.dm-transfer{display:grid;justify-items:center;gap:3px;flex:none;margin-top:4px;padding:16px 14px 15px;border-radius:22px;text-align:center;color:#fff;background:linear-gradient(160deg,#46b082 0%,#2b6a4d 100%);box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 0 0 4px rgba(95,211,155,.14),0 10px 22px -12px rgba(95,211,155,.65)}
.dm-transfer b{display:block;margin-top:8px;font:600 1.05em/1.25 'Bricolage Grotesque',var(--font)}.dm-transfer>span{font-size:.8em;color:rgba(255,255,255,.85)}
.dm-xfer{display:flex;align-items:center;gap:10px}
.dm-face{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font:600 1.1rem 'Bricolage Grotesque',var(--font)}
.dm-owner{background:#fff;color:#2b6a4d;animation:dm-ring 1.3s ease-out infinite}
.dm-dots{display:flex;gap:5px}.dm-dots i{width:6px;height:6px;border-radius:50%;background:#fff;animation:dm-dot 1.1s ease-in-out infinite}
.dm-dots i:nth-child(2){animation-delay:.12s}.dm-dots i:nth-child(3){animation-delay:.24s}.dm-dots i:nth-child(4){animation-delay:.36s}.dm-dots i:nth-child(5){animation-delay:.48s}
.dm-swap{display:grid}.dm-swap>span{grid-area:1/1;justify-self:center;white-space:nowrap}
.dm-st-a{animation:dm-hide .3s var(--x,0s) forwards}.dm-st-b{opacity:0;color:#a8e6c6;font-weight:600;animation:dm-show .3s var(--x,0s) forwards}
.dm-call .dm-pill{background:rgba(114,197,156,.16);color:#a8e6c6;box-shadow:none}
/* Texts */
.dm-text{background:#fff;color:#111}
.dm-smshead{display:grid;justify-items:center;gap:5px;padding-bottom:10px;border-bottom:1px solid #ececec;flex:none}
.dm-smshead .dm-avatar{width:48px;height:48px;font-size:1.2rem}.dm-smshead b{font-size:.8em;font-weight:600}
.dm-when{align-self:center;margin:2px 0 0;font-size:.72em;color:#8a8a8e;flex:none}
.dm-text .them{align-self:flex-start;background:#e9e9eb;color:#111;border-bottom-left-radius:.4em}
.dm-text .me{align-self:flex-end;background:#34c759;color:#fff;border-bottom-right-radius:.4em}
/* A customer's AI assistant */
.dm-ai{--fg:#ececec;background:#212121;color:#ececec}
.dm-apphead{display:flex;align-items:center;gap:10px;padding:2px 2px 10px;border-bottom:1px solid rgba(255,255,255,.1);flex:none}
.dm-roll{display:block;overflow:hidden}.dm-col{display:flex;flex-direction:column;animation:dm-roll 6s cubic-bezier(.7,0,.25,1) .45s infinite}
.dm-roll-icon{width:36px;height:36px;border-radius:10px;flex:none;box-shadow:0 0 0 1px rgba(255,255,255,.12)}.dm-roll-name{height:1.3em;line-height:1.3em}.dm-roll-name i{display:block;height:1.3em;font-style:normal}
.dm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dm-apphead b{display:block;font-size:.98em}.dm-apphead small{display:inline-flex;align-items:center;gap:6px;font-size:.76em;color:#a3a3a3}
.dm-apphead small::before{content:"";width:7px;height:7px;border-radius:50%;background:#10a37f}
.dm-ai .me{align-self:flex-end;background:#303030;color:#ececec;border-bottom-right-radius:.4em}
.dm-ai .bot{align-self:flex-start;max-width:94%;padding:.15em .1em}
.dm-ai .dm-typing{background:#2b2b2b}.dm-ai .dm-typing i{background:#a3a3a3}
.dm-card{display:grid;gap:2px;margin-top:8px;padding:10px 12px;border-radius:12px;background:#2b2b2b;border:1px solid #3a3a3a}
.dm-card b{font:600 1.03em 'Bricolage Grotesque',var(--font)}.dm-card span{font-size:.9em}.dm-card .dm-via{font-size:.76em;font-weight:700;color:#4fc08f}
.dm-ai .dm-pill{background:#16342a;color:#7fe0b5;box-shadow:none}
/* The business's own page */
.dm-page{background:#eef1ec;color:#17322a}
.dm-url{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;padding:7px 12px;margin:0 4px;border-radius:999px;background:#fff;color:#5f7067;font-size:.74em;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.dm-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-site{display:grid;gap:9px;padding:14px;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(20,40,30,.05),0 8px 20px -12px rgba(20,40,30,.22)}
.dm-sitehead{display:grid;gap:1px}.dm-site h4{margin:0 0 2px;font:650 1.18em 'Bricolage Grotesque',var(--font);letter-spacing:-.01em}
.dm-site small{display:flex;align-items:center;gap:6px;font-size:.78em;color:#5f7067}
.dm-open i{width:7px;height:7px;border-radius:50%;background:#2fa173}
.dm-svcs{display:grid;gap:6px}
.dm-svc{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;border:1px solid #e2e7de;border-radius:12px;overflow:hidden}
.dm-svc b{display:block;font-size:.86em;font-weight:600}.dm-svc small{font-size:.74em}.dm-svc em{font-style:normal;font-weight:600;font-size:.86em}
.dm-svc.pick{background:#e6efe5;border-color:#2b6a4d;animation:dm-pick .25s var(--d,0s) both}
.dm-day{margin:2px 0 0;font-size:.76em;font-weight:600;color:#5f7067}
.dm-times{display:flex;gap:6px}
.dm-time{position:relative;flex:1;padding:7px 0;border:1px solid #e2e7de;border-radius:10px;text-align:center;font-size:.84em;font-weight:600;overflow:hidden}
.dm-time.pick{background:#2b6a4d;border-color:#2b6a4d;color:#fff;animation:dm-pickt .25s var(--d,0s) both}
.dm-tap{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:rgba(43,106,77,.35);opacity:0;pointer-events:none;animation:dm-tap .6s var(--d,0s) both}
.dm-book{padding:9px;border-radius:999px;background:#2b6a4d;color:#fff;text-align:center;font-size:.88em;font-weight:600;animation:dm-press .45s var(--d,0s) both}
.dm-sheet{position:absolute;left:8px;right:8px;bottom:8px;display:grid;justify-items:center;gap:3px;padding:18px 16px 20px;border-radius:30px 30px 34px 34px;background:#fff;text-align:center;box-shadow:0 -14px 34px -14px rgba(20,40,30,.35);animation:dm-sheet .5s cubic-bezier(.2,.8,.2,1) var(--d,0s) both}
.dm-sheet .dm-ok{width:34px;height:34px;margin-bottom:4px}.dm-sheet b{font:650 1.1em 'Bricolage Grotesque',var(--font)}.dm-sheet span{font-size:.88em}.dm-sheet small{font-size:.74em;color:#5f7067;margin-top:4px}
/* The owner's inbox */
.dm-inbox{background:#f8f8f3;color:#17322a}
.dm-apptop{display:flex;align-items:center;gap:10px;padding:2px 2px 6px}.dm-apptop img{border-radius:8px}
.dm-apptop b{font:650 1.35em 'Bricolage Grotesque',var(--font);letter-spacing:-.01em}.dm-apptop span{margin-left:auto;font-size:.8em;color:#5f7067}
.dm-item{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border:1px solid #e2e7de;border-radius:14px;background:#fff}
.dm-item b{display:block;font-size:.86em;font-weight:600;line-height:1.3}.dm-item span{font-size:.76em;color:#5f7067}
.dm-ic{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e6efe5;color:#2b6a4d;flex:none}
.dm-item .dm-appmark svg{width:16px;height:16px}.dm-item .dm-appmark{font-size:15px}
.dm-item em{margin-left:auto;padding:2px 8px;border-radius:999px;background:#fbf0dc;color:#8a5300;font:600 .68em var(--font);white-space:nowrap}
.dm-item.needs{border-color:#efd3a4;background:#fffaf0}.dm-item.needs .dm-ic{background:#fbf0dc;color:#8a5300}
/* Under the phone */
.dm-foot{display:flex;align-items:flex-start;gap:12px;width:min(100%,350px);margin-top:6px}
.dm-caption{flex:1;min-width:0;margin:0;min-height:4.4em;line-height:1.45}
.dm-caption b{display:block;font:600 1.08rem var(--display);letter-spacing:-.01em;color:var(--ink)}.dm-caption span{color:var(--muted);font-size:.95rem}
.dm-pause{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);color:var(--ink-2);cursor:pointer}
.dm-pause:hover{border-color:var(--ink-2)}
.dm-fine{margin:0;font-size:.74rem;color:var(--muted)}
.dm-paused .dm-phone *,.dm-paused .dm-phone *::before{animation-play-state:paused!important}
.dm-still *{animation:none!important}.dm-still .dm-typing,.dm-still .dm-out{display:none}.dm-still .dm-st-a{opacity:0}.dm-still .dm-st-b{opacity:1}.dm-still .dm-seg.now i{background-size:100% 100%}
@keyframes dm-rise{from{opacity:0;transform:translateY(10px)}}
@keyframes dm-grow{from{opacity:0;max-height:0;margin-top:-8px;padding-top:0;padding-bottom:0;transform:translateY(8px)}to{opacity:1;max-height:260px}}
@keyframes dm-out{to{opacity:0;max-height:0;margin-top:-8px;padding-top:0;padding-bottom:0}}
@keyframes dm-hide{to{opacity:0}}@keyframes dm-show{to{opacity:1}}
@keyframes dm-dot{0%,100%{opacity:.25;transform:scale(.75)}40%{opacity:1;transform:scale(1.15)}}
@keyframes dm-ring{0%{box-shadow:0 0 0 0 rgba(255,255,255,.75)}100%{box-shadow:0 0 0 13px rgba(255,255,255,0)}}
@keyframes dm-fill{to{background-size:100% 100%}}
@keyframes dm-roll{0%,19%{transform:none}25%,44%{transform:translateY(-20%)}50%,69%{transform:translateY(-40%)}75%,94%{transform:translateY(-60%)}100%{transform:translateY(-80%)}}
@keyframes dm-typing{0%{opacity:0;max-height:0;padding-block:0;margin-top:-8px}15%,85%{opacity:1;max-height:40px;padding-block:11px;margin-top:0}100%{opacity:0;max-height:0;padding-block:0;margin-top:-8px}}
@keyframes dm-blink{50%{opacity:.25}}
@keyframes dm-wave{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}
@keyframes dm-pulse{0%{box-shadow:0 0 0 0 rgba(95,211,155,.55)}100%{box-shadow:0 0 0 9px rgba(95,211,155,0)}}
@keyframes dm-pick{from{background:#fff;border-color:#e2e7de}}
@keyframes dm-pickt{from{background:#fff;border-color:#e2e7de;color:#17322a}}
@keyframes dm-tap{0%{opacity:0;transform:scale(.2)}30%{opacity:1}100%{opacity:0;transform:scale(1.9)}}
@keyframes dm-press{0%,100%{transform:none}50%{transform:scale(.95)}}
@keyframes dm-sheet{from{transform:translateY(115%)}}
@media (prefers-color-scheme:dark){.dm-phone{border-color:#060a08;box-shadow:0 0 0 1px #2c3a33,0 44px 80px -34px rgba(0,0,0,.8)}.dm-phone::before{background:#060a08}}
@media (max-width:400px){.dm-langs{gap:5px}.dm-langs a{padding:5px 11px;font-size:.86rem}.dm-phone{height:600px;font-size:14px;border-radius:44px;border-width:9px}.dm-phone::before{top:8px}.dm-bars{top:42px}.dm-screen{inset:62px 0 0;padding:0 13px 15px}.dm-avatar{width:54px;height:54px}}
@media (prefers-reduced-motion:reduce){.dm-phone *{animation:none!important}.dm-phone .dm-typing,.dm-phone .dm-out{display:none}.dm-phone .dm-st-a{opacity:0}.dm-phone .dm-st-b{opacity:1}.dm-seg.now i{background-size:100% 100%}}