.z-page{--z-ease:cubic-bezier(0.69,0.02,0.39,0.98);--z-ink:#22242e;--z-ink-2:#22242e;--z-mute:#535665;--z-soft:#707281;--z-line:#e2e3eb;--z-line-2:#d6d8e2;--z-bg-1:#f1f2f8;--z-bg-2:#eaebf2;--z-page:#f7f7fc;--z-tint-50:color-mix(in srgb,var(--accent) 7%,white);--z-tint-100:color-mix(in srgb,var(--accent) 14%,white);--z-tint-200:color-mix(in srgb,var(--accent) 28%,white);--z-brand:var(--accent-ink);color:var(--z-ink);letter-spacing:-.02em;background:var(--z-page)}.z-container{margin-inline:auto;width:100%;max-width:1204px;padding-inline:20px}@media (min-width:640px){.z-container{padding-inline:32px}}.z-h2{font-size:clamp(30px,5.2vw,44px);font-weight:600;line-height:1.22;letter-spacing:-.04em;text-wrap:balance}.z-h5{font-size:22px}.z-h5,.z-h6{font-weight:600;line-height:1.3;letter-spacing:-.04em}.z-h6{font-size:20px}.z-lead{text-wrap:balance;font-size:18px;font-weight:500;line-height:1.55;letter-spacing:-.03em}.z-body,.z-lead{color:var(--z-mute)}.z-body{font-size:16px;line-height:1.6;letter-spacing:-.02em}.z-eyebrow{font-size:14px;font-weight:600;letter-spacing:.08em;color:var(--z-brand)}.z-hl{position:relative;display:inline-block;isolation:isolate}.z-hl:before{content:"";position:absolute;left:-.05em;right:-.07em;bottom:-.06em;height:.52em;z-index:-1;background:var(--z-tint-200);opacity:.7;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 30' preserveAspectRatio='none'%3E%3Cpath d='M4 21 Q84 11 172 16 T336 24' fill='none' stroke='black' stroke-width='19' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center /100% 100%;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 30' preserveAspectRatio='none'%3E%3Cpath d='M4 21 Q84 11 172 16 T336 24' fill='none' stroke='black' stroke-width='19' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center /100% 100%}.z-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:600;line-height:1.2;letter-spacing:-.02em;white-space:nowrap;transition:transform .12s ease,box-shadow .12s ease,border-color .15s ease}.z-btn:active{transform:translateY(1px)}.z-btn-primary{color:#fff;background:var(--btn-bg);border-color:var(--btn-edge);box-shadow:var(--btn-shadow);text-shadow:0 1px 0 rgb(18 18 60/.18);padding:12px 16px 12px 20px}.z-btn-primary:hover{background:var(--btn-bg-hover)}.z-btn-primary:active{box-shadow:var(--btn-shadow-down)}.z-btn-light{color:var(--z-ink);background:linear-gradient(180deg,#fff,#f8f8fc);border-color:var(--z-line);border-bottom-color:#d0d2dc;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgb(23 24 32/.06)}.z-btn-light:hover{border-color:#d0d2dc #d0d2dc #b8bbc8}.z-btn-light:active{box-shadow:inset 0 1px 3px rgb(23 24 32/.1)}.z-btn-sm{gap:8px;border-radius:10px;padding:8px 14px;font-size:14.5px}.z-badge{display:inline-flex;align-items:center;gap:10px;border-radius:999px;background:#fff;padding:5px 14px 5px 6px;font-size:13.5px;font-weight:600;letter-spacing:-.02em;color:var(--z-mute);box-shadow:inset 0 0 0 1px var(--z-line),0 1px 2px rgb(23 24 32/.05)}.z-badge-logo{display:inline-flex;border-radius:7px;box-shadow:0 0 0 2px #fff}.z-arrow{transition:transform .25s var(--z-ease)}.z-btn:hover .z-arrow{transform:translateX(3px)}.z-nav-link{border-radius:6px;padding:4px 6px;font-size:15px;font-weight:500;color:var(--z-ink);transition:background-color .2s}.z-nav-link:hover{background:var(--z-bg-2)}@keyframes z-from-below{0%{opacity:.001;transform:translateY(30px)}}@media (prefers-reduced-motion:no-preference){.z-in-up{animation:z-from-below .6s var(--z-ease) both;animation-delay:var(--d,0s)}.z-in-device{animation:z-from-below .8s var(--z-ease) .5s both}}[data-motion] [data-reveal]:not([data-in]){opacity:.001;transform:translate(var(--rx,0),var(--ry,30px))}[data-motion] [data-reveal]{transition:opacity .6s var(--z-ease),transform .6s var(--z-ease);transition-delay:var(--d,0s)}.z-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.z-marquee-track{display:flex;width:max-content;gap:24px}@keyframes z-marquee{to{transform:translateX(calc(-50% - 12px))}}@media (prefers-reduced-motion:no-preference){.z-marquee-track{animation:z-marquee var(--z-marquee,30s) linear infinite}}.z-logo{display:inline-flex;flex:none;align-items:center;justify-content:center;overflow:hidden;border-radius:22%}.z-logo img{width:100%;height:100%;object-fit:contain}.z-logo-pad{background:#fff;box-shadow:inset 0 0 0 1px var(--z-line)}.z-faq>summary{cursor:pointer;list-style:none}.z-faq>summary::-webkit-details-marker{display:none}.z-faq-icon{display:inline-flex;height:28px;width:28px;flex:none;align-items:center;justify-content:center;border-radius:999px;background:#fff;color:var(--z-ink);box-shadow:inset 0 0 0 1px var(--z-line-2);transition:transform .35s var(--z-ease),background-color .2s,color .2s}.z-faq>summary:hover .z-faq-icon{box-shadow:inset 0 0 0 1px var(--z-soft)}.z-faq[open] .z-faq-icon{transform:rotate(45deg);background:var(--accent);color:#fff;box-shadow:none}@supports (interpolate-size:allow-keywords){.z-page{interpolate-size:allow-keywords}.z-faq::details-content{height:0;overflow:clip;transition:height .4s var(--z-ease),content-visibility .4s allow-discrete}.z-faq[open]::details-content{height:auto}}.z-page [id]{scroll-margin-top:24px}@media (prefers-reduced-motion:reduce){.z-page *,.z-page :after,.z-page :before{animation:none!important;transition:none!important}}.z-hero{background:transparent}.z-display{font-size:clamp(34px,5.2vw,60px);line-height:1.14;color:var(--z-ink)}.z-display,.z-display-2{font-weight:700;letter-spacing:-.045em;text-wrap:balance}.z-display-2{font-size:clamp(32px,5.6vw,58px);line-height:1.12}.z-glow-text{color:var(--accent)}.z-site-form{margin-inline:auto;display:flex;width:min(340px,100%);flex-direction:column;gap:8px}.z-site{display:flex;align-items:stretch;overflow:hidden;border-radius:10px;background:#fff;box-shadow:inset 0 0 0 1px var(--z-line);transition:box-shadow .15s ease}.z-site:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent)}.z-site-favicon{display:flex;width:48px;flex:none;align-items:center;justify-content:center;border-right:1px solid var(--z-line);color:#9ea0ad}.z-site-input{min-width:0;flex:1;border:0;background:transparent;padding:13px 14px;font-size:16.5px;color:var(--z-ink);outline:none}.z-site-input::placeholder{color:#9ea0ad}.z-site-btn{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:8px;border:1px solid var(--btn-edge);border-radius:10px;background:var(--btn-bg);padding:12px 20px;font-size:16px;font-weight:600;letter-spacing:-.02em;color:#fff;white-space:nowrap;text-shadow:0 1px 0 rgb(18 18 60/.18);box-shadow:var(--btn-shadow);transition:transform .12s ease,box-shadow .12s ease}.z-site-btn:hover{background:var(--btn-bg-hover)}.z-site-btn:active{transform:translateY(1px);box-shadow:var(--btn-shadow-down)}.z-site-btn:hover .z-arrow{transform:translateX(3px)}.z-site-note{margin-top:4px;font-size:13.5px;font-weight:500;color:var(--z-soft)}.z-scribble{position:absolute;right:3%;top:-64px;z-index:2;display:none;align-items:flex-end;gap:2px;transform:rotate(-5deg);font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--z-soft)}.z-scribble svg{transform:translateY(22px) rotate(8deg)}@media (min-width:900px){.z-scribble{display:flex}}.z-browser{border-radius:20px;border:1px solid var(--z-line);background:var(--z-bg-2);padding:6px}.z-browser-inner{overflow:hidden;border-radius:14px;border:1px solid var(--z-line);background:#fff}.z-browser-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:46px;border-bottom:1px solid var(--z-line);background:#fff;padding:0 14px}.z-browser-dots{display:flex;gap:7px}.z-browser-dots i{display:block;width:11px;height:11px;border-radius:9999px;background:#e2e3eb}.z-browser-dots i:first-child{background:#ff6a5f}.z-browser-dots i:nth-child(2){background:#fdbc40}.z-browser-dots i:nth-child(3){background:#34c84a}.z-browser-url{max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:9px;border:1px solid var(--z-line);background:var(--z-page);padding:5px 14px;font-size:13px;color:var(--z-soft)}.z-browser-url b{font-weight:500;color:var(--z-ink)}.z-browser-open{justify-self:end;border-radius:8px;padding:6px;color:var(--z-soft);transition:background .2s,color .2s}.z-browser-open:hover{background:var(--z-bg-1);color:var(--z-ink)}.z-browser-body{position:relative;height:min(78vh,790px);background:var(--z-page) url(/demo-analytics.jpg) top center /100% auto no-repeat}.z-browser-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent}.z-browser-body[data-scaled] .z-browser-frame{width:calc(100% / var(--z-demo-scale));height:calc(100% / var(--z-demo-scale));transform:scale(var(--z-demo-scale));transform-origin:0 0}.z-browser-tap{display:none}@media (max-width:639px){.z-browser{border-radius:16px;padding:4px}.z-browser-inner{border-radius:12px}.z-browser-bar{height:36px;padding:0 10px}.z-browser-dots{gap:5px}.z-browser-dots i{width:8px;height:8px}.z-browser-url{border-radius:7px;padding:3px 10px;font-size:11.5px}.z-browser-open{margin:-6px -6px -6px 0;padding:10px}.z-browser-body{height:540px}.z-browser-frame{pointer-events:none}.z-browser-tap{position:absolute;inset:0;z-index:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:22px}.z-browser-tap span{display:inline-flex;align-items:center;gap:8px;border-radius:9999px;background:var(--accent);padding:13px 22px;font-size:15px;font-weight:600;letter-spacing:-.02em;color:#fff}}.z-site-form.is-row{margin-inline:0;width:min(500px,100%)}.is-row .z-site{align-items:center;gap:4px;border-radius:14px;padding:5px;box-shadow:inset 0 0 0 1px var(--z-line),0 1px 2px rgb(23 24 32/.05),0 8px 24px -16px rgb(23 24 32/.18)}.is-row .z-site:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent),0 8px 24px -16px rgb(23 24 32/.18)}.is-row .z-site-favicon{width:40px;align-self:stretch;border-right:0}.is-row .z-site-input{padding:11px 6px}.is-row .z-site-btn{width:auto;flex:none;padding:11px 16px 11px 18px}@media (max-width:419px){.is-row .z-site{flex-wrap:wrap}.is-row .z-site-input{flex-basis:calc(100% - 48px)}.is-row .z-site-btn{width:100%}}.is-row .z-site-note{margin-top:12px;padding-left:4px}.z-how-card{position:relative;display:flex;min-width:0;flex-direction:column;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--z-line),0 1px 2px rgb(23 24 32/.04),0 18px 36px -28px rgb(23 24 32/.22)}.z-how-card:not(:last-child):after{content:"";position:absolute;left:50%;bottom:-40px;z-index:1;width:34px;height:34px;translate:-50% 0;rotate:90deg;border-radius:999px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23707281' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat 50% /16px;box-shadow:0 0 0 1px var(--z-line-2),0 6px 14px -8px rgb(23 24 32/.25)}@media (min-width:1024px){.z-how-card:not(:last-child):after{left:auto;right:-38px;bottom:auto;top:99px;translate:none;rotate:none}}.z-how-num{display:inline-flex;width:28px;height:28px;flex:none;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);font-size:13.5px;font-weight:700;letter-spacing:0;font-variant-numeric:tabular-nums;color:#fff}.z-how-text{flex:1;border-radius:0 0 22px 22px;background:var(--z-ink);padding:24px 24px 30px}.z-how-text .z-h5{color:#fff}.z-how-text .z-body{color:rgb(255 255 255/.68)}.z-how-art{position:relative;height:244px;overflow:hidden;container-type:inline-size;border-radius:22px 22px 0 0;background-color:var(--z-tint-50);background-image:radial-gradient(color-mix(in srgb,var(--accent) 24%,white) 1px,transparent 1px);background-size:18px 18px;background-position:9px 9px}.z-how-apps,.z-how-board,.z-how-window{background:#fff;box-shadow:0 0 0 1px var(--z-line-2),0 14px 26px -20px rgb(23 24 32/.35)}.z-how-window{position:absolute;inset:18px 12px auto;overflow:hidden;border-radius:14px}.z-how-bar{display:flex;align-items:center;gap:10px;height:34px;border-bottom:1px solid var(--z-line);background:#fafafd;padding:0 7px 0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:var(--z-soft)}.z-how-dots{display:flex;flex:none;gap:5px}.z-how-dots i{width:8px;height:8px;border-radius:999px;background:var(--z-line-2)}.z-how-copy{display:inline-flex;height:22px;flex:none;align-items:center;gap:4px;margin-left:auto;border-radius:7px;background:#fff;padding:0 8px;font-family:Pretendard Variable,Pretendard,-apple-system,sans-serif;font-size:11px;font-weight:600;color:var(--z-mute);box-shadow:0 0 0 1px var(--z-line-2)}.z-how-code{padding:8px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(9px,calc((100cqi - 42px) / 27.3),12.5px);line-height:1.85;color:var(--z-soft)}.z-how-line{position:relative;display:flex;padding-left:10px;white-space:nowrap}.z-how-sign{width:1.1em;flex:none;font-weight:700;color:var(--accent-ink)}.z-how-line.is-added{background:var(--z-tint-50)}.z-how-line.is-added:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent)}.z-how .z-tok-tag{color:var(--accent-ink)}.z-how .z-tok-attr{color:color-mix(in oklab,var(--c-visitors) 62%,black)}.z-how .z-tok-val{color:color-mix(in oklab,var(--c-goal) 70%,black)}.z-how-apps{position:absolute;inset:18px 14px auto;display:grid;gap:12px;border-radius:14px;padding:12px}.z-how-apps-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:8px}.z-how-apps-row li{display:flex;min-width:0;flex-direction:column;align-items:center;gap:6px}.z-how-apps .z-logo{box-shadow:0 0 0 1px rgb(23 24 32/.07),0 6px 12px -8px rgb(23 24 32/.35)}.z-how-app-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(10px,3.4cqi,11.5px);font-weight:500;line-height:1.3;letter-spacing:-.03em;color:var(--z-mute)}.z-how-board{position:absolute;inset:18px 14px auto;border-radius:14px;padding:12px}.z-how-rank{display:flex;height:32px;align-items:center;gap:8px;border-radius:9px;padding:0 9px;font-size:12px}.z-how-rank.is-top{background:var(--z-tint-50);box-shadow:inset 0 0 0 1px var(--z-tint-200)}.z-how-rank-n{width:10px;flex:none;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--z-soft)}.z-how-rank.is-top .z-how-rank-n{color:var(--accent-ink)}.z-how-rank-name{width:64px;flex:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:var(--z-ink)}.z-how-rank-bar{height:6px;min-width:0;flex:1;overflow:hidden;border-radius:999px;background:var(--z-bg-1)}.z-how-rank-bar i{display:block;height:100%;border-radius:inherit;background:var(--z-line-2)}.z-how-rank.is-top .z-how-rank-bar i{background:var(--accent)}.z-how-rank-value{width:50px;flex:none;text-align:right;font-size:11.5px;font-variant-numeric:tabular-nums;color:var(--z-mute)}.z-how-rank.is-top .z-how-rank-value{font-weight:700;color:var(--z-ink)}.z-fscroll{padding-block:64px}@media (min-width:640px){.z-fscroll{padding-block:80px}}@media (min-width:1024px){.z-fscroll{padding-block:104px}}.z-fscroll[data-scrolly]{height:calc(100vh + var(--n) * var(--step) * 100vh);padding-block:0}.z-fscroll[data-scrolly] .z-fscroll-pin{position:sticky;top:0;display:flex;height:100vh;min-height:640px;align-items:center}.z-ftabs{display:flex;flex-direction:column;gap:6px}.z-ftab{position:relative;border-radius:16px;padding:14px 20px;transition:background-color .3s,box-shadow .3s}.z-ftab:not([data-on]):hover{background:var(--z-bg-1)}.z-ftab[data-on]{background:#fff;box-shadow:inset 0 0 0 1px var(--z-line),0 1px 2px rgb(23 24 32/.04)}.z-ftab-bar{position:absolute;left:-1px;top:14px;bottom:14px;width:3px;overflow:hidden;border-radius:0 3px 3px 0;background:transparent}.z-ftab[data-on] .z-ftab-bar{background:var(--z-tint-100)}.z-ftab-bar i{display:block;height:100%;background:var(--accent);transform-origin:top}.z-ftab-tab{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;line-height:1.4;color:var(--z-soft)}.z-ftab[data-on] .z-ftab-tab{color:var(--z-brand)}.z-ftab-tag{border-radius:999px;background:var(--z-bg-1);padding:1px 7px;font-size:11px;font-weight:600;color:var(--z-mute);box-shadow:inset 0 0 0 1px var(--z-line)}.z-ftab-title{display:block;margin-top:3px;font-size:18px;font-weight:600;line-height:1.35;letter-spacing:-.035em;color:var(--z-ink)}.z-ftab-text,.z-ftab:not([data-on]) .z-ftab-title{color:var(--z-mute)}.z-ftab-text{padding-top:8px;font-size:15px;line-height:1.6;letter-spacing:-.02em}.z-ftab-points{display:grid;gap:5px;margin-top:10px}.z-ftab-points li{display:flex;gap:8px;font-size:14px;line-height:1.5;letter-spacing:-.02em;color:var(--z-ink)}.z-ftab-points svg{margin-top:3px;flex:none;color:var(--accent-ink)}.z-ftab-num{width:26px;flex:none;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--z-soft)}.z-ftab[data-on] .z-ftab-num{color:var(--z-brand)}.z-ftab-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--z-ease)}.z-ftab[data-on] .z-ftab-body{grid-template-rows:1fr}.z-fticks{display:flex;flex:1;gap:6px}.z-fticks i{height:3px;flex:1;overflow:hidden;border-radius:3px;background:var(--z-line)}.z-fticks b{display:block;height:100%;background:var(--accent);transform-origin:left}.z-fscreen{overflow:hidden;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--z-line),0 24px 48px -30px rgb(23 24 32/.25)}@media (min-width:1024px) and (max-height:780px){.z-fscroll[data-scrolly] .z-ftab{padding-block:10px}}.z-fapp{display:flex;height:44px;align-items:center;gap:16px;border-bottom:1px solid var(--z-line);background:#fafafd;padding:0 14px;transition:background-color .4s,border-color .4s}.z-fapp-brand{display:inline-flex;flex:none;align-items:center;gap:8px;font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--z-ink);transition:color .4s}.z-fapp-tabs{display:flex;min-width:0;gap:2px;border-radius:10px;background:var(--z-bg-1);padding:3px;transition:background-color .4s}.z-fapp-tabs span{border-radius:7px;padding:3px 10px;font-size:12px;font-weight:500;white-space:nowrap;color:var(--z-soft);transition:background-color .3s,color .3s,box-shadow .3s}.z-fapp-tabs span[data-on]{background:#fff;font-weight:600;color:var(--z-ink);box-shadow:0 0 0 1px var(--z-line),0 1px 2px rgb(23 24 32/.08)}.z-fapp[data-dark]{border-color:rgb(255 255 255/.08);background:#16171d}.z-fapp[data-dark] .z-fapp-brand{color:#f3f3f8}.z-fapp[data-dark] .z-fapp-tabs{background:rgb(255 255 255/.06)}.z-fapp[data-dark] .z-fapp-tabs span{color:#9a9cad}.z-fapp[data-dark] .z-fapp-tabs span[data-on]{background:rgb(255 255 255/.12);color:#fff;box-shadow:none}.z-int-row[data-ring="0"],.z-orbit-ring[data-ring="0"]{--ring:color-mix(in srgb,var(--accent) 62%,white)}.z-int-row[data-ring="1"],.z-orbit-ring[data-ring="1"]{--ring:color-mix(in srgb,var(--accent) 38%,white)}.z-int-row[data-ring="2"],.z-orbit-ring[data-ring="2"]{--ring:color-mix(in srgb,var(--accent) 22%,white)}.z-int-row{display:flex;align-items:flex-start;gap:14px;border-bottom:1px solid var(--z-line-2);padding:16px 4px;cursor:default;transition:background-color .2s}.z-int-row:hover{background:var(--z-bg-1)}.z-int-dot{width:9px;height:9px;flex:none;margin-top:7px;border-radius:999px;background:var(--ring)}.z-orbit{position:relative;width:100%;max-width:600px;aspect-ratio:1;margin-inline:auto;container-type:inline-size}.z-orbit-ring{position:absolute;inset:0;animation:z-spin var(--spin,150s) linear infinite}.z-orbit-ring:before{content:"";position:absolute;inset:calc(50cqi * (1 - var(--r)));border-radius:50%;border:1px solid var(--ring);transition:border-color .3s}.z-orbit-slot{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(calc(var(--r) * 50cqi)) rotate(calc(-1 * var(--a)))}.z-orbit-chip{width:clamp(38px,8.6cqi,52px);height:clamp(38px,8.6cqi,52px);align-items:center;justify-content:center;border-radius:14px;background:#fff;box-shadow:0 0 0 1px var(--z-line),0 8px 18px -10px rgb(23 24 32/.28);animation:z-spin var(--spin,150s) linear infinite reverse;transition:scale .3s var(--z-ease),box-shadow .3s}.z-orbit-chip,.z-orbit-core{position:absolute;display:flex;translate:-50% -50%}.z-orbit-core{left:50%;top:50%}@keyframes z-spin{to{transform:rotate(1turn)}}.z-orbit:hover .z-orbit-chip,.z-orbit:hover .z-orbit-ring{animation-play-state:paused}.z-orbit-chip:hover{scale:1.1}.z-int:has(.z-int-row[data-ring="0"]:hover) .z-orbit-ring[data-ring="0"]:before,.z-int:has(.z-int-row[data-ring="1"]:hover) .z-orbit-ring[data-ring="1"]:before,.z-int:has(.z-int-row[data-ring="2"]:hover) .z-orbit-ring[data-ring="2"]:before{border-color:var(--accent)}.z-int:has(.z-int-row[data-ring="0"]:hover) .z-orbit-ring[data-ring="0"] .z-orbit-chip,.z-int:has(.z-int-row[data-ring="1"]:hover) .z-orbit-ring[data-ring="1"] .z-orbit-chip,.z-int:has(.z-int-row[data-ring="2"]:hover) .z-orbit-ring[data-ring="2"] .z-orbit-chip{scale:1.1;box-shadow:0 0 0 1.5px var(--accent),0 8px 20px -8px rgb(23 24 32/.35)}.z-plan-panel{border-radius:20px;background:#fff;padding:20px;box-shadow:inset 0 0 0 1px var(--z-line),0 1px 2px rgb(23 24 32/.04)}@media (min-width:640px){.z-plan-panel{padding:24px 28px}}.z-plan-label{margin-bottom:10px;font-size:12.5px;font-weight:600;color:var(--z-soft)}.z-plan-foot{display:flex;flex-direction:column;gap:4px;margin-top:20px;border-top:1px solid var(--z-line);padding-top:16px}@media (min-width:768px){.z-plan-foot{flex-direction:row;align-items:baseline;justify-content:space-between;gap:24px}}.z-tiers{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));border-radius:14px;background:var(--z-bg-1);padding:4px;box-shadow:inset 0 0 0 1px var(--z-line)}.z-tiers-thumb{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px) / var(--n));border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--z-line-2),0 1px 0 rgb(23 24 32/.05),0 2px 6px -2px rgb(23 24 32/.16);transform:translateX(calc(var(--i) * 100%));transition:transform .35s var(--z-ease)}.z-bill-opt,.z-tiers-opt{position:relative;height:44px;border-radius:10px;font-size:15px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--z-soft);transition:color .2s,background-color .2s,box-shadow .2s}.z-bill-opt:hover,.z-bill-opt[aria-checked=true],.z-tiers-opt:hover,.z-tiers-opt[aria-checked=true]{color:var(--z-ink)}.z-bill-opt:focus-visible,.z-tiers-opt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:419px){.z-plan-panel{padding:16px}.z-tiers-opt{font-size:13.5px;letter-spacing:-.04em}}.z-bill{display:inline-flex;gap:4px;border-radius:14px;background:var(--z-bg-1);padding:4px;box-shadow:inset 0 0 0 1px var(--z-line)}.z-bill-opt{display:inline-flex;align-items:center;gap:8px;padding:0 14px}.z-bill-opt[aria-checked=true]{background:#fff;box-shadow:0 0 0 1px var(--z-line-2),0 1px 0 rgb(23 24 32/.05),0 2px 6px -2px rgb(23 24 32/.16)}.z-bill-free{border-radius:999px;background:var(--z-tint-100);padding:3px 8px;font-size:12px;font-weight:700;letter-spacing:-.01em;color:var(--z-brand);transition:background-color .2s,color .2s}.z-bill-opt[aria-checked=true] .z-bill-free{background:var(--accent);color:#fff}.z-trial{display:grid;gap:24px;border-radius:20px;background:var(--z-tint-50);padding:24px;box-shadow:inset 0 0 0 1px var(--z-tint-100)}@media (min-width:768px){.z-trial{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr) auto;align-items:center;gap:32px;padding:28px 32px}}.z-price{display:flex;overflow:hidden;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--z-line)}.z-price-on{box-shadow:inset 0 0 0 1.5px var(--accent),0 24px 48px -32px rgb(23 24 32/.3);border-top:4px solid var(--accent)}.z-final{border-radius:28px;background-color:color-mix(in srgb,var(--accent) 10%,white);background-image:linear-gradient(color-mix(in srgb,var(--accent) 17%,white) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 17%,white) 1px,transparent 1px);background-size:44px 44px;background-position:-1px -1px;box-shadow:inset 0 0 0 1px var(--z-tint-200)}@media (min-width:640px){.z-final{border-radius:36px}}