body.landing{margin:0;padding:0;background:#f8f8f3}
@media (prefers-color-scheme:dark){body.landing{background:#0f1512}}
body.landing>.app-footer,body.landing>noscript{display:none}body.landing>#app{max-width:none;display:block;margin:0;padding:0}
.lb{--paper:#f8f8f3;--surface:#fff;--soft:#f0f3ec;--ink:#17322a;--ink-2:#3d574d;--muted:#5f7067;--line:#e2e7de;--line-2:#d3dbcf;--accent:#2b6a4d;--accent-hover:#225a40;--accent-ink:#fff;--accent-soft:#e6efe5;--glow:rgba(70,140,105,.16);
	--display:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-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:#0f1512;--surface:#161e1a;--soft:#131b17;--ink:#e5eee8;--ink-2:#bccbc2;--muted:#94a69c;--line:#25312b;--line-2:#33413a;--accent:#72c59c;--accent-hover:#8bd4af;--accent-ink:#0b1712;--accent-soft:#183027;--glow:rgba(114,197,156,.10);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:650;letter-spacing:-.02em;line-height:1.1;color:var(--ink);text-wrap:balance}
.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.6) blur(14px);backdrop-filter:saturate(1.6) 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:700 1.3rem 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:not(.lb-btn){color:var(--ink-2)}.lb-top nav a:not(.lb-btn):hover{color:var(--ink)}
/* 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}
/* Hero */
.lb-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px;align-items:center;padding-top:64px;padding-bottom:96px}
.lb-copy{display:grid;gap:26px;align-content:center}
.lb-hero h1{font-size:clamp(2.9rem,6.6vw,5.3rem);line-height:.98;letter-spacing:-.04em;font-weight:650}
.lb-lede{font-size:clamp(1.12rem,1.6vw,1.3rem);line-height:1.5;color:var(--muted);max-width:30em}
.lb-cta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.lb-fine{font-size:.92rem;color:var(--muted)}
.lb-stage{position:relative;display:grid;justify-items:center}.lb-stage .dm{scroll-margin-top:84px}
.lb-stage::before{content:"";position:absolute;z-index:0;left:-14%;right:-14%;top:8%;bottom:14%;background:radial-gradient(closest-side,var(--glow),transparent);pointer-events:none}
.lb-stage>*{position:relative;z-index:1}
/* 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}
.lb-ic{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--accent-soft);color:var(--accent);flex:none}
.lb-ic-apps{display:block;overflow:hidden}.lb-roll{display:flex;flex-direction:column;animation:dm-roll 8s cubic-bezier(.7,0,.25,1) 1s infinite}.lb-roll>span{display:grid;place-items:center;height:44px;flex:none}
.lb-roll i{display:grid;place-items:center;width:28px;height:28px;overflow:hidden;color:#fff;font-style:normal;font-size:16px;line-height:1}.lb-roll svg{width:17px;height:17px}.lb-roll img{width:100%;height:100%;display:block}
.lb-steps h3{font-size:1.17rem;letter-spacing:-.01em}.lb-steps p{color:var(--muted)}
/* 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-steps .lb-note b{color:var(--accent);font-weight:600}
.lb-steps .lb-badge{display:inline-flex;align-items:center;gap:8px;justify-self:start;color:var(--accent);font-weight:600}.lb-steps .lb-badge svg{box-sizing:content-box;padding:3px;border-radius:50%;background:var(--accent-soft)}.lb-steps .lb-badge span>span{margin-left:.2em}
.lb-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px;counter-reset:s}
.lb-steps li{display:grid;gap:8px;align-content:start;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--surface)}
.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-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.lb-step-ic{display:flex;gap:6px}
/* 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-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)}
/* 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 */
.lb-end{display:grid;justify-items:center;gap:22px;margin-top:96px;padding:72px 28px;border-radius:32px;background:var(--ink);color:var(--paper);text-align:center}
.lb-end h2{color:var(--paper)}.lb-end p{color:color-mix(in srgb,var(--paper) 72%,transparent);font-size:.95rem}
.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)}
/* 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-stage::before{left:0;right:0}.lb-hero{grid-template-columns:1fr;gap:56px;padding-top:44px;padding-bottom:64px}.lb-copy{max-width:640px}.lb-plans{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}}
@media (max-width:820px){.lb-steps{grid-template-columns:1fr;max-width:560px}.lb-steps li{padding:22px}}
@media (max-width:560px){.lb-w{padding:0 20px}.lb-bar{height:60px}.lb-top nav{gap:18px}.lb-hide-sm{display:none}.lb-btn-sm{padding:0 15px}
	.lb-hero{padding-top:32px;gap:44px}.lb-copy{gap:20px}.lb-cta .lb-btn{flex:1 1 auto}
	.lb-sec{padding-top:72px}.lb-first{padding-top:44px}
	.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%}}
@media (prefers-reduced-motion:reduce){.lb *{transition:none!important}.lb-roll{animation: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%}}