@font-face{font-family:geist;src:url(../media/geist_latin_wght_normal-s.p.20f3xrkj613ah.woff2)format("woff2");font-display:swap}@font-face{font-family:geist Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.wfqRKW_className{font-family:geist,geist Fallback}.wfqRKW_variable{--font-geist:"geist", "geist Fallback"}
:root{--background:#fafafa;--foreground:#181818;--muted:#686868;--surface:#fff;--inset:#f0f0f0;--line:#e0e0e0;--accent:#7750f2;--nav:#fafafaef;--shadow:#18181814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--background:#080808;--foreground:#f5f5f5;--muted:#a0a0a0;--surface:#171717;--inset:#101010;--line:#292929;--nav:#080808ef;--shadow:#0005;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--background:#080808;--foreground:#f5f5f5;--muted:#a0a0a0;--surface:#171717;--inset:#101010;--line:#292929;--nav:#080808ef;--shadow:#0005;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--background);color:var(--foreground);line-height:1.5;font-family:var(--font-geist), Arial, sans-serif;-webkit-font-smoothing:antialiased;margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,pre:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{color:#fff;background:#7750f2}h1,h2,h3,p{margin:0}img{max-width:100%;height:auto;display:block}.container{width:min(1160px,100% - 96px);margin-inline:auto}.theme-dark{display:none}:root[data-theme=dark] .theme-dark{display:block}:root[data-theme=dark] .theme-light{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-dark{display:block}:root:not([data-theme=light]) .theme-light{display:none}}.skip-link{z-index:100;background:var(--foreground);color:var(--background);border-radius:8px;padding:12px 18px;position:fixed;top:8px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:30;background:var(--nav);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:28px;height:80px;display:flex}.brand{flex-shrink:0;display:inline-block}.brand img{width:155px;height:auto}.nav-links{color:var(--muted);gap:32px;margin-left:auto;margin-right:18px;font-size:13px;display:flex}.nav-links a,.footer-links a{padding-block:12px;transition:color .16s}.nav-links a:hover,.footer-links a:hover{color:var(--foreground)}.nav-actions{align-items:center;gap:16px;display:flex}.theme-toggle{width:42px;height:42px;color:var(--muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.theme-toggle:hover{background:var(--inset);color:var(--foreground)}.button{white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:54px;padding:16px 23px;font-size:14px;font-weight:550;line-height:1.2;transition:transform .18s,background .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:scale(.98)}.button-primary{background:var(--accent);color:#fff}.button-primary:hover{box-shadow:0 6px 20px var(--shadow);background:#6840df}.button-quiet{background:var(--foreground);color:var(--background)}.button-small{gap:12px;min-height:42px;padding:12px 16px;font-size:12px}.hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;min-height:660px;padding-block:44px 40px;display:grid}.hero-copy{z-index:2;padding-bottom:14px;position:relative}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:12px;font-size:11px;font-weight:500;display:flex}.eyebrow-line{background:var(--accent);width:25px;height:2px}h1{letter-spacing:-.065em;margin:28px 0 25px;font-size:clamp(56px,6.6vw,88px);font-weight:550;line-height:1.04}h1 span{color:var(--muted)}.hero-description{max-width:355px;color:var(--muted);text-wrap:pretty;margin-bottom:30px;font-size:17px;line-height:1.7}.hero-art{justify-content:center;align-items:center;height:575px;padding-left:65px;display:flex;position:relative}.phone{width:278px;height:575px;box-shadow:0 24px 65px var(--shadow), inset 0 0 0 2px #363636;background:#191919;border:1px solid #666;border-radius:46px;flex-shrink:0;padding:7px;position:relative;transform:rotate(5deg)}.phone-screen{background:var(--background);border-radius:39px;width:100%;height:100%;overflow:hidden}.phone-screen img{width:100%}.phone-island{background:#070707;border-radius:16px;width:76px;height:20px;position:absolute;top:17px;left:50%;transform:translate(-50%)}.hero-widget{width:180px;box-shadow:0 18px 40px var(--shadow);border:1px solid var(--line);background:var(--surface);border-radius:28px;position:absolute;bottom:63px;left:8px;transform:rotate(-7deg)}.hero-widget img{border-radius:27px;width:100%}.hero-caption{color:var(--muted);font-size:10px;position:absolute;bottom:3px;left:12px}.possibilities{border-block:1px solid var(--line);grid-template-columns:1.1fr repeat(4,1fr);align-items:center;gap:24px;padding-block:29px;display:grid}.possibilities>p{font-size:12px;font-weight:550;line-height:1.7}.possibilities>p span{color:var(--muted);font-weight:400}.possibilities>div{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.possibilities svg{width:21px;height:21px;color:var(--foreground);stroke-width:1px}.section{padding-top:120px}h2{letter-spacing:-.05em;text-wrap:balance;font-size:clamp(34px,4vw,50px);font-weight:500;line-height:1.12}.section-heading{margin-bottom:42px}.section-heading>p{max-width:420px;color:var(--muted);text-wrap:pretty;margin-top:20px;font-size:15px;line-height:1.75}.widget-explorer{border:1px solid var(--line);background:var(--inset);border-radius:24px;overflow:hidden}.explorer-toolbar{justify-content:space-between;align-items:center;gap:18px;padding:25px 32px;display:flex}.explorer-toolbar>span{color:var(--muted);font-size:12px}.metric-picker{background:var(--background);border:1px solid var(--line);border-radius:12px;gap:4px;padding:4px;display:flex}.metric-picker button{color:var(--muted);background:0 0;border:none;border-radius:8px;padding:11px 14px;font-size:12px;transition:color .18s,background .18s}.metric-picker button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.widget-stage{grid-template-columns:170fr 350fr 350fr;align-items:center;gap:32px;padding:25px 56px 22px;animation:.3s ease-out widget-in;display:grid}.widget-preview{min-width:0;margin:0}.widget-image{box-shadow:0 14px 32px var(--shadow);border-radius:26px}.widget-image img{border-radius:26px;width:100%}.widget-preview figcaption{text-transform:capitalize;flex-direction:column;gap:6px;margin-top:25px;padding-left:3px;font-size:12px;display:flex}.widget-preview figcaption span{color:var(--muted);text-transform:none;font-size:11px}.preview-disclaimer{text-align:center;color:var(--muted);padding:22px;font-size:10px}.widget-notes{color:var(--muted);justify-content:space-between;gap:22px;padding:24px 10px 0;font-size:12px;display:flex}.widget-notes p{align-items:center;gap:9px;display:flex}.widget-notes svg{color:var(--accent);flex-shrink:0}.workspace-section{border-bottom:1px solid var(--line);grid-template-columns:.9fr 1.2fr;gap:85px;padding-bottom:90px;display:grid}.section-mark{background:var(--surface);border:1px solid var(--line);border-radius:12px;place-items:center;width:52px;height:52px;margin-bottom:25px;display:grid}.workspace-heading>p{max-width:300px;color:var(--muted);margin-top:22px;font-size:15px;line-height:1.75}.feature-list{grid-template-columns:1fr 1fr;gap:46px 38px;padding-top:10px;display:grid}.feature-list article>svg{color:var(--muted);margin-bottom:20px}h3{letter-spacing:-.02em;font-size:15px;font-weight:550}.feature-list p{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.8}.connection-section{grid-template-columns:1fr 1.1fr;align-items:center;gap:65px;display:grid}.connection-copy>.eyebrow{margin-bottom:22px}.connection-copy>p:not(.eyebrow){max-width:350px;color:var(--muted);margin-top:20px;font-size:15px;line-height:1.75}.connection-steps{gap:22px;margin:34px 0 0;padding:0;list-style:none;display:grid}.connection-steps li{align-items:flex-start;gap:16px;display:flex}.connection-steps li>span{background:var(--surface);border:1px solid var(--line);border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.connection-steps h3{padding-top:3px;font-size:13px}.connection-steps p{color:var(--muted);margin-top:5px;font-size:12px;line-height:1.6}.code-panel{border:1px solid var(--line);background:var(--surface);border-radius:24px;min-width:0}.code-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:12px;display:flex}.code-toolbar>span{align-items:center;gap:10px;display:flex}.code-toolbar svg{color:var(--muted)}.copy-control{position:relative}.copy-control button{color:var(--muted);background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:10px;display:flex}.copy-control button:hover{background:var(--inset)}.copy-error{border:1px solid var(--line);background:var(--surface);width:220px;color:var(--foreground);z-index:2;border-radius:8px;padding:12px;line-height:1.6;position:absolute;top:48px;right:0}.code-content{padding:28px}.code-comment{color:var(--muted);margin-bottom:20px;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}pre{scrollbar-width:thin;max-width:100%;margin:0;padding-bottom:12px;overflow-x:auto}pre code{color:var(--foreground);font:11px/2.1 ui-monospace,SFMono-Regular,Consolas,monospace}.code-note{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:10px;padding:20px 26px;font-size:11px;line-height:1.6;display:flex}.code-note svg{color:var(--accent);flex-shrink:0}.faq-section{max-width:840px;padding-bottom:120px}.faq-section .section-heading{text-align:center;margin-bottom:50px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:20px;padding:24px 3px;font-size:15px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:var(--muted);flex-shrink:0;transition:transform .18s}.faq-list details[open] summary svg{transform:rotate(45deg)}.faq-list details>p{color:var(--muted);max-width:720px;padding:0 42px 25px 3px;font-size:14px;line-height:1.85}.closing{text-align:center;border:1px solid var(--line);background:var(--inset);border-radius:24px;flex-direction:column;align-items:center;padding:64px 30px;display:flex}.closing-mark{width:58px;height:auto;margin-bottom:27px}.closing h2{font-size:clamp(36px,4.5vw,58px)}.closing>p{color:var(--muted);margin:22px 0 28px;font-size:14px;line-height:1.7}.availability-label{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:10px;padding:15px 20px;font-size:13px;display:flex}.back-to-widgets{color:var(--muted);align-items:center;gap:8px;margin-top:10px;padding:16px;font-size:12px;display:flex}.back-to-widgets:hover{color:var(--foreground)}.footer{justify-content:space-between;align-items:flex-end;gap:30px;padding-block:65px 40px;display:flex}.brand-footer img{width:125px}.footer p{color:var(--muted);margin-top:10px;font-size:11px}.footer-links{color:var(--muted);align-items:center;gap:24px;font-size:11px;display:flex}.will-reveal{opacity:0;transition:opacity .65s,transform .65s cubic-bezier(.2,.7,.3,1);transform:translateY(20px)}.will-reveal.is-visible{opacity:1;transform:none}@keyframes widget-in{0%{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){.hero-copy{animation:.7s both copy-in}.hero-art{animation:.85s .1s both copy-in}@keyframes copy-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}@media (max-width:1023px){.container{width:calc(100% - 64px)}.hero{grid-template-columns:1.1fr 1fr;min-height:610px}h1{font-size:64px}.hero-art{height:510px;padding-left:35px}.phone{border-radius:41px;width:244px;height:504px}.phone-screen{border-radius:34px}.hero-widget{width:145px;bottom:65px;left:-5px}.hero-caption{bottom:-12px;left:0}.possibilities{gap:14px}.possibilities>div{flex-direction:column;gap:8px;font-size:11px}.widget-stage{gap:20px;padding:24px 28px}.workspace-section{gap:40px}.feature-list{gap:32px 24px}.connection-section{gap:30px}.code-content{padding:22px}}@media (max-width:767px){.container{width:calc(100% - 40px)}.nav{gap:12px;height:68px}.brand img{width:128px}.nav-links{display:none}.nav-actions{gap:8px}.button-small{gap:8px;padding:11px 13px;font-size:11px}.theme-toggle{width:36px}.hero{grid-template-columns:1fr;gap:30px;padding-top:46px;padding-bottom:48px}.hero-copy{padding-bottom:0}.eyebrow{letter-spacing:.1em;font-size:9px}h1{margin-top:23px;margin-bottom:22px;font-size:clamp(53px,11.5vw,76px)}.hero-description{max-width:330px;margin-bottom:24px;font-size:15px}.hero-art{justify-self:center;width:min(100%,390px);height:540px;margin-top:8px;padding-left:40px}.phone{width:260px;height:538px}.hero-widget{width:154px;bottom:56px;left:1px}.hero-caption{font-size:9px;bottom:-8px;left:0}.possibilities{grid-template-columns:repeat(4,1fr);gap:20px 8px;padding-block:26px}.possibilities>p{text-align:center;grid-column:1/-1}.possibilities>p br{display:none}.possibilities>p span:before{content:" "}.possibilities>div{text-align:center;font-size:10px}.section{padding-top:78px}h2{font-size:36px}.section-heading{margin-bottom:28px}.section-heading>p{font-size:14px}.explorer-toolbar{flex-direction:column;align-items:center;gap:15px;padding:24px 14px 10px}.metric-picker button{padding:11px 13px}.widget-stage{grid-template-columns:1fr;justify-items:center;gap:34px;padding:28px 18px 12px}.widget-preview{width:min(100%,350px)}.widget-small{width:170px}.widget-preview figcaption{text-align:center;margin-top:17px}.widget-notes{flex-direction:column;gap:12px;padding-left:0}.workspace-section{grid-template-columns:1fr;gap:40px;padding-bottom:65px}.workspace-heading>p{max-width:350px}.feature-list{gap:34px 24px}.feature-list p{font-size:12px}.feature-list h3{font-size:14px}.connection-section{grid-template-columns:1fr;gap:38px}.code-toolbar{padding-inline:16px}.code-content{padding:22px 16px}pre code{font-size:10px}.code-note{padding-inline:16px}.faq-section{padding-bottom:75px}.faq-section .section-heading{text-align:left;margin-bottom:32px}.faq-list summary{padding-block:22px;font-size:14px}.faq-list details>p{padding-right:15px;font-size:13px}.closing{padding:44px 18px 32px}.closing h2{font-size:37px}.closing>p{max-width:260px;font-size:13px}.availability-label{padding-inline:15px;font-size:12px}.footer{flex-direction:column;align-items:flex-start;gap:25px;padding-top:42px}.footer-links{flex-wrap:wrap;gap:18px;width:100%}.footer-links>span{margin-left:auto}}@media (max-width:359px){.container{width:calc(100% - 32px)}.brand img{width:110px}.nav-actions{gap:2px}.nav .button-small svg{display:none}.hero-art{margin-block:-15px;transform:scale(.9)}.metric-picker button{padding-inline:10px}.feature-list{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.will-reveal{opacity:1;transform:none}.button:hover,.button:active{transform:none}}.code-help{color:var(--muted);padding:0 26px 20px;font-size:11px}.code-help summary{cursor:pointer;padding-block:8px}.code-help p{margin-top:8px;line-height:1.8}.code-help code{color:var(--foreground);overflow-wrap:anywhere}
