@font-face{font-family:Geist;src:url(/fonts/Geist-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--bg:#f9faf3;--bg-image:linear-gradient(135deg, #f7fbe4 0%, #f7f4ef 50%, #e6f1ef 100%);--ink:#111827;--ink-2:#4b5563;--panel:#ffffffc7;--panel-line:#0159511f;--brand:#015951;--brand-ink:#fff;--callers:#027569;--leads:#5aa624;--missed:#dc2626;--callbacks:#f59e0b;--ease-out:cubic-bezier(.23, 1, .32, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg) var(--bg-image);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif}main{height:100dvh;position:relative;overflow:hidden}.stage{width:100%;height:100%;display:block;position:absolute;inset:0}.bar{z-index:3;height:72px;padding:0 clamp(16px,3vw,40px);padding-top:env(safe-area-inset-top);justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.mark{color:#fff;background:linear-gradient(140deg,#027569,#013d37);border-radius:999px;place-items:center;width:36px;height:36px;font-size:19px;font-weight:700;display:grid;box-shadow:0 4px 14px #013d3747}.word{letter-spacing:-.02em;font-size:19px;font-weight:650}.nav{align-items:center;gap:8px;display:flex}.link,.button{white-space:nowrap;height:40px;transition:transform .16s var(--ease-out), background-color .16s ease;border-radius:999px;align-items:center;padding:0 16px;font-size:15px;font-weight:550;text-decoration:none;display:inline-flex}.link{color:var(--ink)}.button{background:var(--brand);color:var(--brand-ink)}.link:active,.button:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.link:hover{background:var(--panel)}.button:hover{filter:brightness(1.08)}}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.caption{z-index:2;pointer-events:none;width:min(600px,100% - 32px);position:absolute;bottom:clamp(96px,12vh,132px);left:clamp(16px,3vw,40px)}.caption:before{content:"";z-index:-1;opacity:.9;background:radial-gradient(closest-side,#f7f6ee 35%,#0000);position:absolute;inset:-80px -120px -60px -80px}.caption>*{transition:opacity .42s var(--ease-out), transform .42s var(--ease-out)}.caption.leaving>*{opacity:0;transform:translateY(8px)}.count{color:var(--ink-2);font-variant-numeric:tabular-nums;align-items:center;gap:10px;margin:0 0 12px;font-size:13px;font-weight:550;display:flex}.count:before{content:"";background:var(--leads);border-radius:2px;width:28px;height:3px}.title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(32px,3.6vw,50px);font-weight:700;line-height:1.02}.body{max-width:42ch;color:var(--ink-2);text-wrap:pretty;margin:14px 0 0;font-size:clamp(15px,1.2vw,17px);line-height:1.5}.controls{left:clamp(16px,3vw,40px);right:clamp(16px,3vw,40px);bottom:calc(clamp(20px, 4vh, 40px) + env(safe-area-inset-bottom));z-index:2;align-items:center;gap:14px;display:flex;position:absolute}.play{border:1px solid var(--panel-line);background:var(--panel);width:40px;height:40px;color:var(--ink);cursor:pointer;-webkit-backdrop-filter:blur(14px);transition:transform .16s var(--ease-out);border-radius:999px;flex:none;place-items:center;display:grid}.play:active{transform:scale(.95)}.play svg{width:14px;height:14px}.steps{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;margin:0;padding:0;list-style:none;display:grid}.steps button{cursor:pointer;background:0 0;border:0;align-items:center;width:100%;height:28px;padding:0;display:flex}.steps .track{background:var(--panel-line);border-radius:2px;width:100%;height:3px;position:relative;overflow:hidden}.steps .fill{background:var(--ink);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.callouts{z-index:1;pointer-events:none;position:absolute;inset:0}.callout{opacity:0;transition:opacity .36s var(--ease-out);position:absolute;top:0;left:0}.callout.on{opacity:1}.callout svg{position:absolute;overflow:visible}.callout line{stroke:var(--ink);stroke-width:1px}.callout circle{fill:var(--ink)}.callout .label{white-space:nowrap;font-size:13px;line-height:1.3;position:absolute}.callout .label b{font-weight:650;display:block}.callout .label span{color:var(--ink-2);font-size:12px}.fallback{text-align:center;max-width:40ch;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}@media (max-width:767px){.bar{height:64px}.word{display:none}.caption{bottom:84px}.callout .label span{display:none}}
