*{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--fg-1);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.landing{--fg-3:#ffffff9e}[data-theme=light] .landing{--fg-3:#0b132b9e}.landing{background:var(--bg-app);color:var(--fg-1)}.skip-link{z-index:100;background:var(--tz-violet-500);color:#fff;font:600 14px var(--font-sans);border-radius:10px;padding:10px 16px;transition:top .16s;position:absolute;top:-48px;left:16px}.skip-link:focus{outline-offset:2px;outline:2px solid #fff;top:16px}.landing a:focus-visible,.landing button:focus-visible,.landing [tabindex]:focus-visible,.skip-link:focus-visible{outline:2px solid var(--tz-violet-300);outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.nav,.nav-mobile,.landing *,.skip-link{transition:none!important;animation:none!important}.hero-window,.hero-window:hover,.hero-employee-record,.hero-employee-record:hover{transform:none!important}}.overline{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-violet);margin-bottom:12px;font-size:12px;font-weight:600}.section-h h2{font:600 36px var(--font-sans);letter-spacing:-.025em;max-width:760px;margin:0;line-height:1.15}.section-h.center{text-align:center;max-width:760px;margin:0 auto}.section-h.center h2{margin:0 auto}.section-h .lede{color:var(--fg-2);max-width:580px;margin:14px 0 0;font-size:17px;line-height:1.55}.section-h.center .lede{margin-left:auto;margin-right:auto}.accent-teal{color:var(--accent-teal)}.accent-violet{color:var(--accent-violet)}.accent-amber{color:var(--accent-amber)}.btn{font:500 14px var(--font-sans);cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s cubic-bezier(.22,1,.36,1),border-color .18s,background-color .18s,color .18s;display:inline-flex}.btn.lg{border-radius:12px;padding:14px 24px;font-size:15px}.btn.full{width:100%}.btn.primary{background:linear-gradient(180deg, color-mix(in srgb, var(--tz-violet-500) 82%, white) 0%, var(--tz-violet-500) 45%, var(--tz-violet-600) 100%);color:#fff;box-shadow:inset 0 1px #ffffff38,0 4px 14px #6c4dff38}.btn.primary:hover{background:linear-gradient(180deg, color-mix(in srgb, var(--tz-violet-500) 70%, white) 0%, var(--tz-violet-500) 40%, var(--tz-violet-600) 100%);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 8px 26px #6c4dff61}.btn.secondary{background:var(--bg-canvas);color:var(--fg-1);border-color:var(--border-default)}.btn.secondary:hover{border-color:var(--border-strong);background:var(--bg-raised);transform:translateY(-1px)}.btn.ghost{color:var(--fg-2);background:0 0}.btn.ghost:hover{background:var(--bg-raised);color:var(--fg-1)}.nav{z-index:50;background:0 0;border-bottom:1px solid #0000;transition:background .2s,border-color .2s,box-shadow .2s,-webkit-backdrop-filter .2s,backdrop-filter .2s;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:12px 32px;display:flex}.nav.scrolled{background:var(--bg-topbar);-webkit-backdrop-filter:blur(20px);border-bottom-color:var(--border-subtle);box-shadow:0 4px 24px #0000002e}[data-theme=light] .nav.scrolled{box-shadow:0 4px 24px #0b132b14}.nav-brand{font:700 18px var(--font-sans);letter-spacing:-.01em;color:var(--fg-1);align-items:center;gap:10px;display:flex}.nav-brand img{border-radius:8px;width:30px;height:30px}.nav-links{color:var(--fg-2);background:#ffffff0f;border:1px solid #ffffff17;border-radius:8px;flex-wrap:nowrap;align-items:center;gap:2px;padding:4px;font-size:14px;font-weight:500;transition:background .2s,border-color .2s,padding .2s,gap .2s;display:flex}.nav-links a{white-space:nowrap;border-radius:6px;padding:7px 14px;transition:color .12s,background .12s}.nav-links a:hover{color:#fff;background:#6c4dff2e}[data-theme=light] .nav-links{background:#0b132b0d;border-color:#0b132b14}[data-theme=light] .nav-links a:hover{color:var(--tz-navy-900)}.nav-links a.active{background:var(--tz-violet-500);color:#fff;font-weight:600}.nav-links a.active:hover{background:var(--tz-violet-500)}.rb-card-nav{transform:translateY(0);box-shadow:0 10px 32px #0000001f,inset 0 1px #ffffff0f}.rb-card-nav a{position:relative;overflow:hidden}.rb-card-nav a:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-teal), transparent);height:1px;transition:transform var(--dur-base) var(--ease-out);position:absolute;bottom:3px;left:14px;right:14px;transform:scaleX(0)}.rb-card-nav a:hover:after,.rb-card-nav a.active:after{transform:scaleX(1)}.nav.scrolled .nav-links{background:0 0;border-color:#0000;gap:8px;padding:0}.nav-actions{align-items:center;gap:10px;display:flex}.nav-actions .btn,.nav-mobile .btn{border-radius:8px}.theme-toggle{width:44px;height:44px;color:var(--fg-2);cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-canvas);border-radius:10px;justify-content:center;align-items:center;transition:color .16s,border-color .16s,background-color .16s;display:flex}.theme-toggle:hover{color:var(--fg-1);border-color:var(--border-strong)}.hero{padding:72px 0 64px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;background:radial-gradient(46% 56% at 20% 20%,#6c4dff57,#0000 60%),radial-gradient(50% 60% at 80% 30%,#14bba647,#0000 60%);height:760px;position:absolute;inset:-100px -100px auto}[data-theme=light] .hero-glow{background:radial-gradient(46% 56% at 20% 20%,#6c4dff24,#0000 60%),radial-gradient(50% 60% at 80% 30%,#14bba61c,#0000 60%)}.hero-inner{grid-template-columns:1.05fr 1.2fr;align-items:center;gap:48px;max-width:1280px;margin:0 auto;padding-inline:32px;display:grid;position:relative}.hero-copy{flex-direction:column;align-items:flex-start;gap:0;display:flex}.hero-h1{font:700 56px var(--font-sans);letter-spacing:-.035em;color:var(--fg-1);text-wrap:balance;max-width:600px;margin:0;line-height:1.06}.hero-sub{color:var(--fg-2);max-width:520px;margin:22px 0;font-size:18px;line-height:1.55}.hero-proofs{flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.hero-proof{color:var(--fg-1);align-items:center;gap:10px;font-size:14.5px;font-weight:500;display:flex}.hero-proof-ic{background:var(--tz-success-bg);width:20px;height:20px;color:var(--accent-teal);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hero-cta{gap:12px;margin-bottom:4px;display:flex}.hero-microcopy{color:var(--fg-3);margin:12px 0 0;font-size:12.5px}.hero-slogan{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-4);margin:14px 0 0;font-size:12px;font-weight:600}@keyframes heroIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFade{0%{opacity:0}to{opacity:1}}.hero-copy>*{animation:.4s cubic-bezier(.22,1,.36,1) both heroIn}.hero-copy>:first-child{animation-delay:0s}.hero-copy>:nth-child(2){animation-delay:70ms}.hero-copy>:nth-child(3){animation-delay:.14s}.hero-copy>:nth-child(4){animation-delay:.21s}.hero-copy>:nth-child(5){animation-delay:.28s}.hero-copy>:nth-child(6){animation-delay:.35s}.hero-copy>:nth-child(7){animation-delay:.42s}.hero-app{animation:.5s .12s both heroFade;position:relative}.hero-stage{isolation:isolate;justify-content:center;align-items:stretch;display:flex;position:relative}.hero-stage:before{content:"";z-index:-1;filter:blur(24px);pointer-events:none;background:radial-gradient(55% 60% at 72% 65%,#14bba652,#0000 70%),radial-gradient(55% 60% at 35% 40%,#6c4dff4d,#0000 70%);position:absolute;inset:-30px -10px -50px}[data-theme=light] .hero-stage:before{background:radial-gradient(55% 60% at 72% 65%,#14bba621,#0000 70%),radial-gradient(55% 60% at 35% 40%,#6c4dff1f,#0000 70%)}.hero-window{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:16px;flex:1;transition:transform .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;transform:perspective(1800px)rotateY(-4deg)rotateX(2deg);box-shadow:inset 0 2px #ffffff0d,inset 0 1px 1px #ffffff0f,0 40px 80px #00000073,0 16px 32px #00000047}[data-theme=light] .hero-window{box-shadow:0 40px 80px #0b132b2e,0 16px 32px #0b132b1a}.hero-window:hover{transform:perspective(1800px)rotateY(0)rotateX(0)}.hero-window:after{content:"";pointer-events:none;background:linear-gradient(#0000,#060a1b99);height:88px;position:absolute;bottom:0;left:0;right:0}[data-theme=light] .hero-window:after{background:linear-gradient(#0000,#ffffffd9)}.hero-window-bar{border-bottom:1px solid var(--border-subtle);background:var(--bg-sunken);align-items:center;gap:6px;padding:10px 16px;display:flex}.hero-window-bar .dotn{background:var(--border-default);border-radius:999px;width:10px;height:10px}.hero-window-url{font-family:var(--font-mono);color:var(--fg-3);margin-left:16px;font-size:12px}.hero-screen{width:100%;height:auto;display:block}.hero-employee-record{z-index:5;border:1px solid var(--border-default);background:linear-gradient(145deg, #6c4dff14, transparent 38%), var(--bg-canvas);width:min(330px,56%);transition:transform .3s var(--ease-out), border-color .18s ease;border-radius:22px;padding:18px;position:absolute;bottom:-28px;right:-18px;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 30px 70px #0000006b,0 10px 24px #0000003d,inset 0 1px #ffffff0f}[data-theme=light] .hero-employee-record{box-shadow:0 30px 70px #0b132b2e,0 10px 24px #0b132b1a}.hero-employee-record:before{content:"";background:linear-gradient(var(--accent-teal), var(--accent-violet));width:4px;position:absolute;inset:0 auto 0 0}.hero-employee-record:hover{border-color:var(--border-strong);transform:rotate(0)translateY(-3px)}.record-topline,.record-person,.record-section-title,.record-document,.record-history{align-items:center;display:flex}.record-topline{justify-content:space-between;gap:12px;margin-bottom:16px}.record-live,.record-count{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:700}.record-live{color:var(--accent-teal);align-items:center;gap:6px;display:inline-flex}.record-live>span{width:7px;height:7px;box-shadow:0 0 0 4px var(--tz-success-bg);background:currentColor;border-radius:50%}.record-count{color:var(--fg-3)}.record-person{border-bottom:1px solid var(--border-subtle);gap:11px;min-width:0;padding-bottom:16px}.record-avatar{background:linear-gradient(145deg, var(--tz-violet-500), var(--tz-teal-500));color:#fff;height:42px;font:700 13px var(--font-sans);letter-spacing:.03em;border-radius:13px;flex:0 0 42px;place-items:center;display:grid;box-shadow:0 8px 18px #6c4dff3d}.record-person-copy{flex-direction:column;flex:1;min-width:0;display:flex}.record-person-copy strong,.record-document-copy strong,.record-history strong{color:var(--fg-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.record-person-copy strong{font-size:13.5px}.record-person-copy span{color:var(--fg-3);font-size:11px}.record-status{background:var(--tz-success-bg);color:var(--tz-success-fg);border-radius:999px;padding:4px 7px;font-size:9.5px;font-weight:700}.record-section-title{color:var(--fg-3);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;margin:15px 2px 8px;font-size:10px;font-weight:700}.record-documents{gap:6px;display:grid}.record-document{border:1px solid var(--border-subtle);background:var(--bg-raised);border-radius:11px;gap:9px;min-width:0;padding:9px 10px}.record-document-icon,.record-history-icon{background:var(--tz-info-bg);height:28px;color:var(--tz-info-fg);border-radius:8px;flex:0 0 28px;place-items:center;display:grid}.record-document-copy,.record-history>span:not(.record-history-icon){flex-direction:column;flex:1;min-width:0;display:flex}.record-document-copy strong,.record-history strong{font-size:10.5px}.record-document-copy small,.record-history small{color:var(--fg-3);font-size:9.5px}.record-document-done{color:var(--accent-teal);flex:none}.record-document-pending{background:var(--tz-warning-bg);color:var(--tz-warning-fg);border-radius:999px;flex:none;padding:3px 6px;font-size:8.5px;font-weight:700}.record-history{border-top:1px solid var(--border-subtle);gap:9px;margin-top:10px;padding-top:11px}.record-history-icon{background:var(--tz-success-bg);color:var(--tz-success-fg)}.features{max-width:1280px;margin:0 auto;padding:96px 32px}.features-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;display:grid}.features-grid-2{grid-template-columns:repeat(2,1fr)}.feature-card{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:16px;flex-direction:column;padding:28px 26px;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s,background-color .22s;display:flex}.feature-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;margin:0 0 18px;display:flex}.feature-icon svg{width:22px;height:22px}.feature-card.violet .feature-icon{background:var(--tz-info-bg);color:var(--tz-info-fg)}.feature-card.teal .feature-icon{background:var(--tz-success-bg);color:var(--tz-success-fg)}.feature-card.amber .feature-icon{background:var(--tz-warning-bg);color:var(--tz-warning-fg)}.feature-card.teal{background:linear-gradient(145deg, color-mix(in srgb, var(--tz-teal-500) 8%, var(--bg-canvas)), var(--bg-canvas) 55%);border-color:color-mix(in srgb, var(--tz-teal-500) 18%, var(--border-default))}.feature-card.violet{background:linear-gradient(145deg, color-mix(in srgb, var(--tz-violet-500) 8%, var(--bg-canvas)), var(--bg-canvas) 55%);border-color:color-mix(in srgb, var(--tz-violet-500) 18%, var(--border-default))}.feature-card.amber{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-amber) 8%, var(--bg-canvas)), var(--bg-canvas) 55%);border-color:color-mix(in srgb, var(--accent-amber) 18%, var(--border-default))}.feature-card h3{font:600 18px var(--font-sans);letter-spacing:-.01em;color:var(--fg-1);margin:0 0 8px}.feature-card p{color:var(--fg-2);margin:0;font-size:14px;line-height:1.55}.how{max-width:1280px;margin:0 auto;padding:96px 32px}.how-grid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:24px;margin-top:56px;display:grid}.how-step{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:18px;flex-direction:column;padding:26px;display:flex;position:relative}.how-num{font:800 44px var(--font-sans);letter-spacing:-.03em;color:var(--fg-1);opacity:.07;pointer-events:none;line-height:1;position:absolute;top:10px;right:18px}.how-icon{border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;display:flex}.how-icon svg{width:24px;height:24px}.how-icon.teal{background:var(--tz-success-bg);color:var(--tz-success-fg)}.how-icon.violet{background:var(--tz-info-bg);color:var(--tz-info-fg)}.how-icon.amber{background:var(--tz-warning-bg);color:var(--tz-warning-fg)}.how-grid>.how-step:first-child{background:linear-gradient(145deg, #14bba614, var(--bg-canvas) 60%);border-color:#14bba633}.how-grid>.how-step:nth-child(3){background:linear-gradient(145deg, #6c4dff14, var(--bg-canvas) 60%);border-color:#6c4dff33}.how-grid>.how-step:nth-child(5){background:linear-gradient(145deg, #f5a52414, var(--bg-canvas) 60%);border-color:#f5a52433}.how-step h3{font:600 22px var(--font-sans);letter-spacing:-.015em;color:var(--fg-1);margin:0 0 6px}.how-step p{color:var(--fg-2);margin:0;font-size:14px;line-height:1.55}.how-arrow{width:36px;height:36px;font:400 17px var(--font-sans);color:var(--accent-violet);background:var(--tz-info-bg);border:1px solid color-mix(in srgb, var(--accent-violet) 30%, transparent);border-radius:999px;justify-content:center;align-self:center;align-items:center;display:flex}.how-step{transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s}.how-step:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.screen-rail{grid-template-columns:1.4fr 1.4fr 1fr;gap:16px;margin-top:80px;display:grid}.screen-rail figure{border:1px solid var(--border-default);background:var(--bg-canvas);box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;margin:0;display:flex;overflow:hidden}.screen-rail figure img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;flex:1;width:100%;max-height:320px}.screen-rail figcaption{color:var(--fg-3);border-top:1px solid var(--border-subtle);background:var(--bg-sunken);padding:12px 16px;font-size:12px}.roles{max-width:1280px;margin:0 auto;padding:96px 32px}.roles-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:56px;display:grid}.role-card{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:18px;padding:28px 30px}.role-badge{font:600 11px var(--font-sans);text-transform:uppercase;letter-spacing:.08em;background:var(--bg-sunken);color:var(--fg-2);border-radius:999px;margin-bottom:14px;padding:4px 10px;display:inline-flex}.role-badge.teal{background:var(--tz-success-bg);color:var(--tz-success-fg)}.role-badge.violet{background:var(--tz-info-bg);color:var(--tz-info-fg)}.role-badge.amber{background:var(--tz-warning-bg);color:var(--tz-warning-fg)}.role-card h3{font:600 22px var(--font-sans);letter-spacing:-.015em;color:var(--fg-1);margin:0 0 10px;line-height:1.25}.role-card p{color:var(--fg-2);margin:0 0 14px;font-size:14px;line-height:1.55}.role-card ul{color:var(--fg-3);flex-direction:column;gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.integrations{max-width:1280px;margin:0 auto;padding:72px 32px 88px}.integ-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px;display:flex}.integ-groups{flex-direction:column;gap:32px;margin-top:40px;display:flex}.integ-group .integ-grid{margin-top:14px}.integ-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);text-align:center;font-size:12px;font-weight:600}.integ-chip{border:1px solid var(--border-default);background:var(--bg-canvas);color:var(--fg-1);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:inline-flex}.integ-chip .dotn{background:var(--fg-4);border-radius:999px;width:8px;height:8px}.integ-chip .dotn-violet{background:var(--accent-violet)}.integ-chip .dotn-teal{background:var(--accent-teal)}.integ-chip.soon{color:var(--fg-3)}.soon-tag{background:var(--bg-sunken);color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:10.5px;font-weight:500}.pricing{max-width:1280px;margin:0 auto;padding:96px 32px}.price-grid{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:28px;max-width:720px;margin-top:56px;margin-left:auto;margin-right:auto;display:grid}.price-card{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:18px;flex-direction:column;gap:0;min-width:0;padding:36px 34px;display:flex;position:relative}.price-card.featured{border-color:var(--accent-violet);background:linear-gradient(165deg, var(--bg-canvas) 0%, color-mix(in srgb, var(--accent-violet) 7%, var(--bg-canvas)) 100%);box-shadow:0 0 0 1px var(--accent-violet), 0 12px 36px #6c4dff38}.price-badge{font:600 11px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;background:var(--accent-violet);color:#fff;border-radius:999px;padding:5px 12px;position:absolute;top:-12px;left:30px}.price-name{font:600 14px var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-violet);margin:0 0 18px}.price-amount{font:700 44px var(--font-sans);letter-spacing:-.03em;color:var(--fg-1);flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:4px;line-height:1.05;display:flex}.price-amount span{color:var(--fg-3);letter-spacing:0;font-size:14px;font-weight:400}.price-meta{color:var(--fg-3);margin-bottom:24px;font-size:13px}.price-amount .price-num{font-size:inherit;color:var(--fg-1);font-weight:700}.price-amount .price-was{color:var(--fg-4);letter-spacing:-.01em;font-size:22px;font-weight:600;text-decoration:line-through}.price-amount .price-per{color:var(--fg-3);letter-spacing:0;font-size:15px;font-weight:400}.price-amount.is-contact{letter-spacing:-.02em;font-size:30px;line-height:1.12}.price-save{font:700 11px var(--font-sans);letter-spacing:.03em;background:var(--accent-teal);color:#04342e;vertical-align:middle;border-radius:999px;margin-right:6px;padding:2px 8px;display:inline-block}.price-billing{color:var(--fg-2);margin-top:12px;font-size:13px;font-weight:500;line-height:1.5}.price-billing strong{color:var(--fg-1);font-weight:700}.price-billing-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.price-billing-year{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:4px;display:flex}.price-strike{color:var(--fg-4);text-decoration:line-through}.price-note{color:var(--fg-3);margin-top:6px;font-size:12px;line-height:1.5}.price-note strong{color:var(--fg-2);font-weight:600}.price-usd-note{border:1px solid var(--border-subtle);color:var(--fg-3);background:#ffffff0a;border-radius:8px;flex-direction:column;gap:2px;margin-top:10px;padding:9px 12px;font-size:12px;line-height:1.45;display:flex}[data-theme=light] .price-usd-note{background:#0b132b09}.price-usd-label{letter-spacing:.07em;text-transform:uppercase;color:var(--fg-4);margin-bottom:1px;font-size:10px;font-weight:700}.price-usd-sub{color:var(--fg-4);margin-top:1px;font-size:11px}.price-trial{color:var(--fg-1);align-items:center;gap:8px;margin-top:14px;margin-bottom:24px;font-size:13.5px;font-weight:500;display:flex}.price-trial svg{color:var(--accent-teal);flex-shrink:0}.price-deal{background:var(--tz-success-bg);border:1px solid var(--accent-teal);max-width:620px;color:var(--fg-1);text-align:left;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin:28px auto 0;padding:16px 26px;display:flex}.price-deal-big{font:800 36px var(--font-sans);letter-spacing:-.02em;color:var(--accent-teal);align-items:baseline;gap:5px;line-height:1;display:inline-flex}.price-deal-off{letter-spacing:.05em;font-size:16px;font-weight:700}.price-deal-text{color:var(--fg-1);max-width:340px;font-size:14.5px;font-weight:500;line-height:1.4}.price-deal-text strong{font-weight:700}.price-deal+.price-grid{margin-top:28px}.price-reassure{text-align:center;color:var(--fg-3);margin:28px auto 0;font-size:13px}.bill-toggle-wrap{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.bill-toggle{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.bill-toggle button{cursor:pointer;font:600 14px var(--font-sans);color:var(--fg-2);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:9px 20px;transition:background .16s,color .16s;display:inline-flex}.bill-toggle button:hover{color:var(--fg-1)}.bill-toggle button.active{background:var(--tz-violet-500);color:#fff}.bill-toggle .bt-save{font:700 10.5px var(--font-sans);letter-spacing:.03em;background:var(--accent-teal);color:#04342e;border-radius:999px;padding:2px 7px}.bill-toggle button.active .bt-save{color:var(--tz-violet-700);background:#ffffffeb}.seat-calc{background:var(--bg-sunken);border:1px solid var(--border-subtle);border-radius:12px;margin-top:16px;padding:14px 16px}.seat-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.seat-label{color:var(--fg-1);font-size:13.5px;font-weight:600}.seat-stepper{border:1px solid var(--border-default);background:var(--bg-canvas);border-radius:10px;align-items:center;display:inline-flex;overflow:hidden}.seat-stepper button{width:36px;height:36px;color:var(--fg-1);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .14s;display:flex}.seat-stepper button:hover:not(:disabled){background:var(--bg-raised)}.seat-stepper button:disabled{opacity:.35;cursor:not-allowed}.seat-stepper input{border:none;border-left:1px solid var(--border-default);border-right:1px solid var(--border-default);width:54px;height:36px;color:var(--fg-1);text-align:center;font:600 15px var(--font-sans);appearance:textfield;background:0 0}.seat-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.seat-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.seat-total{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:baseline;gap:8px;margin-top:14px;padding-top:12px;display:flex}.seat-total-l{color:var(--fg-2);font-size:13px}.seat-total-v{font:700 22px var(--font-sans);color:var(--fg-1);letter-spacing:-.01em}.seat-total-note{color:var(--fg-3);margin-top:6px;font-size:11.5px}.price-features{color:var(--fg-2);flex-direction:column;flex:1;gap:10px;margin:0 0 28px;padding:0;font-size:14px;list-style:none;display:flex}.price-features li:before{content:"✓ ";color:var(--accent-teal);margin-right:6px;font-weight:700}.price-features li.lead:before{content:"";margin:0}.price-features li.lead{color:var(--fg-1);border-bottom:1px solid var(--border-subtle);margin-bottom:4px;padding-bottom:10px;font-weight:600}.price-features li.group:before{content:"";margin:0}.price-features li.group{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-3);margin-top:12px;font-size:11px;font-weight:700}.price-features li.soon:before{content:"";margin:0}.price-features li.soon{color:var(--fg-3);align-items:center;gap:6px;display:flex}.price-card>.btn{margin-top:auto}.final-cta{padding:96px 32px}.final-cta-inner{text-align:center;background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:24px;max-width:720px;margin:0 auto;padding:56px 48px;position:relative;overflow:hidden}.final-cta-inner:before{content:"";pointer-events:none;background:radial-gradient(40% 60% at 0 0,#6c4dff1f,#0000 70%),radial-gradient(40% 60% at 100% 100%,#14bba61a,#0000 70%);position:absolute;inset:0}.final-cta-inner>*{position:relative}.final-cta-inner h2{font:600 36px var(--font-sans);letter-spacing:-.025em;color:var(--fg-1);margin:0 0 12px}.final-cta-inner p{color:var(--fg-2);margin:0 0 28px;font-size:16px;line-height:1.55}.final-cta-actions{justify-content:center;gap:12px;display:flex}.footer{background:var(--bg-sidebar);color:#fff9;padding:64px 32px 32px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;max-width:1280px;margin:0 auto;display:grid}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col .nav-brand{color:var(--fg-1)}.footer-tag{color:#fff9;margin:4px 0 0;font-size:13px}.footer-lang{color:#fff6;font-size:11px;font-family:var(--font-mono);letter-spacing:.04em;margin-top:6px}.footer-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffffa8;margin-bottom:4px;font-size:11px;font-weight:600}.footer-col a{color:#ffffffb3;font-size:14px;transition:color .12s}.footer-col a:hover{color:#fff}.footer-bottom{color:#ffffff73;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1280px;margin:48px auto 0;padding-top:24px;font-size:12px;display:flex}.footer-bottom .mono{font-family:var(--font-mono)}.social{color:#fff;background:radial-gradient(55% 70% at 50% 0,#6c4dff24,#0000 62%),radial-gradient(40% 55% at 85% 100%,#14bba614,#0000 70%),linear-gradient(#0a1128 0%,#070d20 100%);border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:104px 32px;position:relative}[data-theme=light] .social{background:radial-gradient(55% 70% at 50% 0%, #6c4dff0f, transparent 62%), radial-gradient(40% 55% at 85% 100%, #14bba608, transparent 70%), var(--bg-sunken);border-top-color:var(--border-subtle);border-bottom-color:var(--border-subtle);color:var(--fg-1)}.social-inner{text-align:center;max-width:900px;margin:0 auto}.social-title{color:#fff;letter-spacing:-.035em;text-wrap:balance;max-width:720px;margin:14px auto 0;font-size:clamp(30px,4vw,44px);line-height:1.12}.feature-link{width:fit-content;min-height:44px;color:var(--fg-1);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:4px;align-items:center;gap:6px;margin-top:auto;padding-top:16px;font-size:13px;font-weight:700;display:inline-flex}.feature-link:hover{text-decoration-color:currentColor}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}[data-theme=light] .social-title{color:var(--fg-1)}.social-subtitle{color:#ffffffa6;text-wrap:pretty;max-width:650px;margin:18px auto 0;font-size:16px;line-height:1.65}[data-theme=light] .social-subtitle{color:var(--fg-2)}.social-logos{font:600 17px var(--font-sans);color:#ffffff8c;letter-spacing:-.01em;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin:28px 0 56px;display:flex}[data-theme=light] .social-logos{color:var(--fg-3)}.social .dot-sep{background:#fff3;border-radius:999px;width:4px;height:4px}[data-theme=light] .social .dot-sep{background:var(--fg-4)}.social-quote{text-align:left;max-width:680px;font:500 22px var(--font-sans);letter-spacing:-.015em;color:#fff;border-left:3px solid var(--accent-teal);margin:0 auto;padding-left:18px;line-height:1.45}[data-theme=light] .social-quote{color:var(--fg-1)}.social-quote footer{letter-spacing:0;align-items:center;gap:12px;margin-top:22px;font-size:13px;font-weight:400;line-height:1.4;display:flex}.social-quote .q-avatar{width:40px;height:40px;color:var(--accent-teal);background:#14bba633;border-radius:999px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:flex}[data-theme=light] .social-quote .q-avatar{background:var(--tz-success-bg)}.social-quote .q-name{color:#fff;font-size:14px;font-weight:600}[data-theme=light] .social-quote .q-name{color:var(--fg-1)}.social-quote .q-role{color:#ffffff8c;font-size:12px}[data-theme=light] .social-quote .q-role{color:var(--fg-3)}.faq{background:var(--bg-app);max-width:1280px;margin:0 auto;padding:96px 32px}.faq-list{flex-direction:column;gap:8px;max-width:760px;margin:56px auto 0;display:flex}.faq-list details{background:var(--bg-canvas);border:1px solid var(--border-default);border-radius:14px;transition:border-color .16s,box-shadow .16s,background-color .16s;overflow:hidden}.faq-list details[open]{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.faq-list summary{cursor:pointer;font:600 15.5px var(--font-sans);letter-spacing:-.005em;color:var(--fg-1);justify-content:space-between;align-items:center;padding:18px 22px;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font:400 22px var(--font-sans);color:var(--fg-3);margin-left:16px;transition:transform .2s}.faq-list details[open] summary:after{content:"−";color:var(--accent-violet)}.faq-list summary:hover{color:var(--accent-violet)}.faq-list p{color:var(--fg-2);max-width:640px;margin:0;padding:0 22px 22px;font-size:14.5px;line-height:1.65}.final-cta-v2{color:#fff;text-align:center;background:linear-gradient(#0a1128 0%,#060a1b 100%);border-top:1px solid #ffffff0f;padding:112px 32px 120px;position:relative;overflow:hidden}[data-theme=light] .final-cta-v2{background:linear-gradient(180deg, var(--bg-app) 0%, var(--bg-sidebar) 100%);border-top-color:var(--border-subtle);color:var(--fg-1)}.final-cta-v2-glow{pointer-events:none;background:radial-gradient(45% 65% at 50% 0,#6c4dff57,#0000 60%),radial-gradient(40% 55% at 50% 100%,#14bba63d,#0000 60%);position:absolute;inset:0}[data-theme=light] .final-cta-v2-glow{background:radial-gradient(45% 65% at 50% 0,#6c4dff24,#0000 60%),radial-gradient(40% 55% at 50% 100%,#14bba61a,#0000 60%)}.final-cta-v2-inner{max-width:720px;margin:0 auto;position:relative}.final-cta-v2 h2{font:700 48px var(--font-sans);letter-spacing:-.03em;color:#fff;margin:0 0 14px;line-height:1.1}[data-theme=light] .final-cta-v2 h2{color:var(--fg-1)}.final-cta-slogan{letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c;margin:0 0 16px;font-size:15px;font-weight:600}[data-theme=light] .final-cta-slogan{color:var(--fg-3)}[data-theme=light] .final-cta-slogan .accent-teal{color:color-mix(in srgb, var(--tz-teal-700) 90%, black)}.final-cta-v2 p{color:#ffffffa6;margin:0 0 32px;font-size:16px}[data-theme=light] .final-cta-v2 p{color:var(--fg-2)}.final-cta-v2-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.footer-v2{color:#fff9;background:#060a1b;padding:72px 0 32px}[data-theme=light] .footer-v2{background:var(--bg-sidebar);color:var(--fg-2)}.footer-v2-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;max-width:1280px;margin:0 auto;padding-inline:32px;display:grid}.footer-v2 .footer-col{flex-direction:column;gap:10px;display:flex}.footer-v2 .nav-brand img{width:30px;height:30px}.footer-tag-v2{letter-spacing:-.01em;color:#ffffffd9;max-width:280px;margin:8px 0 20px;font-size:15px;font-weight:600;line-height:1.6}[data-theme=light] .footer-tag-v2{color:var(--fg-1)}[data-theme=light] .footer-tag-v2 .accent-teal{color:color-mix(in srgb, var(--tz-teal-700) 90%, black)}.footer-lang{background:#ffffff0a;border-radius:8px;align-self:flex-start;gap:4px;margin-bottom:18px;padding:3px;display:inline-flex}[data-theme=light] .footer-lang{background:#0b132b0d}.footer-lang-btn{font:500 11px var(--font-mono);color:#ffffff80;cursor:pointer;letter-spacing:.04em;background:0 0;border:none;border-radius:5px;min-width:44px;min-height:44px;padding:5px 10px}[data-theme=light] .footer-lang-btn{color:var(--fg-3)}.footer-lang-btn.active{color:#fff;background:#ffffff1a}[data-theme=light] .footer-lang-btn.active{color:var(--fg-1);background:#0b132b14}.footer-social{align-self:flex-start;gap:8px;display:flex}.footer-social a{color:#ffffffa6;background:#ffffff0a;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:color .16s,background-color .16s;display:flex}.footer-social a:hover{color:#fff;background:#ffffff1a}.footer-v2 .footer-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffffa8;margin-bottom:4px;font-size:11px;font-weight:600}[data-theme=light] .footer-v2 .footer-label{color:var(--fg-3)}.footer-v2 .footer-col a{color:#ffffffb3;font-size:13.5px;text-decoration:none;transition:color .12s}[data-theme=light] .footer-v2 .footer-col a{color:var(--fg-2)}.footer-v2 .footer-col a:hover{color:#fff}[data-theme=light] .footer-v2 .footer-col a:hover{color:var(--fg-1)}.footer-bottom-v2{color:#ffffffa8;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;max-width:1280px;margin:48px auto 0;padding:24px 32px 0;font-size:12px;display:flex}[data-theme=light] .footer-bottom-v2{border-top-color:var(--border-subtle);color:var(--fg-3)}.footer-bottom-v2 .mono{font-family:var(--font-mono)}@media (max-width:920px){.footer-v2-grid{grid-template-columns:1fr 1fr;gap:32px}.social-quote{font-size:18px}.final-cta-v2 h2{font-size:34px}}@media (max-width:700px){.footer-v2-grid{padding-inline:20px}.footer-bottom-v2{padding-left:20px;padding-right:20px}}@media (max-width:540px){.footer-v2-grid{grid-template-columns:1fr}.footer-bottom-v2{flex-direction:column;gap:8px}}.nav-user{position:relative}.nav-user-btn{cursor:pointer;color:var(--fg-2);background:0 0;border:none;align-items:center;gap:6px;padding:0;display:flex}.nav-user .av{background:var(--tz-violet-500);width:34px;height:34px;color:var(--fg-on-accent);font-size:12.5px}.nav-menu{z-index:60;background:var(--bg-canvas);border:1px solid var(--border-default);min-width:210px;box-shadow:var(--shadow-lg);border-radius:10px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.nav-menu-h{border-bottom:1px solid var(--border-subtle);padding:8px 10px}.nav-menu-h .nm{color:var(--fg-1);font-size:12.5px;font-weight:600}.nav-menu-h .sub{color:var(--fg-3);font-size:11px}.nav-menu a,.nav-menu button{text-align:left;cursor:pointer;width:100%;color:var(--fg-1);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:13px;text-decoration:none;display:flex}.nav-menu a:hover,.nav-menu button:hover{background:var(--bg-raised)}.nav-menu-sep{background:var(--border-subtle);height:1px;margin:4px 0}.nav-burger{border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--fg-1);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;display:none}.nav-mobile{display:none}.nav-scrim{z-index:49;background:#00000080;position:fixed;inset:0}@media (max-width:1040px){.features-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.nav-links,.nav-actions .btn{display:none}.nav-burger{display:flex}.nav-mobile.open{z-index:60;background:var(--bg-app);border-bottom:1px solid var(--border-default);flex-direction:column;gap:4px;max-height:calc(100vh - 60px);padding:12px 20px 18px;display:flex;position:fixed;top:60px;left:0;right:0;overflow-y:auto;box-shadow:0 16px 32px #00000061}[data-theme=light] .nav-mobile.open{box-shadow:0 16px 32px #0b132b26}.nav-mobile a{color:var(--fg-1);border-radius:8px;padding:12px 8px;font-size:15px;font-weight:500}.nav-mobile a:hover{background:var(--bg-raised)}.nav-mobile a.active{background:var(--tz-violet-500);color:#fff}.nav-mobile .btn{justify-content:center;margin-top:6px;display:inline-flex}.nav-mobile-sep{background:var(--border-subtle);height:1px;margin:8px 0 2px}}@media (max-width:1160px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-h1{font-size:48px}.hero-app{width:100%;max-width:780px;margin-inline:auto}.hero-stage{display:block}.hero-window,.hero-window:hover{transform:none}.how-grid{grid-template-columns:1fr}.how-arrow{display:none}.hero-employee-record{width:min(390px,100% - 28px);margin:-82px 0 0 auto;position:relative;bottom:auto;right:auto;transform:none}.hero-employee-record:hover{transform:translateY(-3px)}}@media (max-width:700px){.nav-inner{gap:16px;padding:12px 20px}.hero{padding:48px 0 56px}.hero-inner{padding-inline:20px}.hero-h1{font-size:38px}.hero-stage{display:block}.rb-card-swap{display:none}.hero-employee-record{width:100%;margin:0;padding:18px}.features,.how,.roles,.integrations,.pricing{padding:64px 20px}.social{padding:72px 20px}.final-cta-v2{padding:80px 20px 88px}.features-grid,.features-grid-2,.price-grid,.roles-grid,.screen-rail{grid-template-columns:1fr}.section-h h2{font-size:28px}.final-cta-inner{padding:36px 24px}.final-cta-inner h2{font-size:26px}.footer{padding:40px 20px 24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}@media (max-width:480px){.hero-cta{flex-direction:column;align-items:stretch;gap:10px;width:100%}.hero-cta .btn{width:100%}.final-cta-v2-actions{flex-direction:column;align-items:stretch}.final-cta-v2-actions .btn{width:100%}.hero-h1{font-size:32px}.hero-proofs{gap:12px}.hero-proof{align-items:flex-start;line-height:1.4}.hero-sub{font-size:16px}.section-h h2{font-size:24px}.final-cta-v2 h2{font-size:28px}.price-amount{font-size:30px}.price-amount .price-was{font-size:18px}.price-card{padding:28px 22px}.role-card{padding:24px 22px}.feature-card{padding:22px 20px}}.demo{color:#ffffffeb;text-align:left;background:#0b132b;min-height:430px;font-size:11px;display:flex}[data-theme=light] .demo{background:var(--bg-app);color:var(--fg-1)}.demo-side{background:#060a1b;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:2px;width:150px;padding:12px 10px;display:flex}[data-theme=light] .demo-side{background:var(--bg-sidebar);border-right-color:var(--border-subtle)}.demo-brand{font:700 13px var(--font-sans);color:#fff;align-items:center;gap:7px;margin-bottom:14px;padding:0 4px;display:flex}[data-theme=light] .demo-brand{color:var(--fg-1)}.demo-brand img{border-radius:5px;width:18px;height:18px}.demo-grp{font:600 8.5px var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#ffffff61;margin:12px 6px 5px}[data-theme=light] .demo-grp{color:var(--fg-4)}.demo-grp:first-of-type{margin-top:0}.demo-nav{color:#ffffffa8;border-radius:7px;align-items:center;gap:8px;padding:6px 8px;font-weight:500;display:flex}[data-theme=light] .demo-nav{color:var(--fg-2)}.demo-nav.active{background:var(--tz-violet-500);color:#fff}.demo-ic{background:#ffffff29;border-radius:4px;flex-shrink:0;width:13px;height:13px}[data-theme=light] .demo-ic{background:var(--bg-active)}.demo-nav.active .demo-ic{background:#ffffffd9}.demo-ic.teal{background:var(--tz-teal-400)}.demo-badge{font:600 9px var(--font-mono);color:#ffffffb3;background:#ffffff1a;border-radius:999px;margin-left:auto;padding:1px 6px}[data-theme=light] .demo-badge{background:var(--bg-active);color:var(--fg-2)}.demo-badge.teal{color:#76ddcd;background:#14bba638}[data-theme=light] .demo-badge.teal{background:var(--tz-success-bg);color:var(--tz-success-fg)}.demo-badge.amber{color:#ffcb80;background:#f5a52433}[data-theme=light] .demo-badge.amber{background:var(--tz-warning-bg);color:var(--tz-warning-fg)}.demo-main{flex-direction:column;flex:1;min-width:0;padding:14px 16px;display:flex}.demo-top{align-items:center;gap:10px;margin-bottom:16px;display:flex}.demo-crumb{color:#ffffff80;white-space:nowrap}[data-theme=light] .demo-crumb{color:var(--fg-3)}.demo-crumb b{color:#ffffffeb;font-weight:600}[data-theme=light] .demo-crumb b{color:var(--fg-1)}.demo-search{color:#fff6;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex:1;max-width:230px;padding:6px 10px;overflow:hidden}[data-theme=light] .demo-search{background:var(--bg-sunken);border-color:var(--border-subtle);color:var(--fg-4)}.demo-av{background:var(--tz-violet-500);color:#fff;width:26px;height:26px;font:600 10px var(--font-sans);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.demo-greet{font:700 18px var(--font-sans);letter-spacing:-.02em;color:#fff;line-height:1.2}[data-theme=light] .demo-greet{color:var(--fg-1)}.demo-greet .g-teal{color:#76ddcd}[data-theme=light] .demo-greet .g-teal{color:var(--accent-teal)}.demo-greet-sub{color:#ffffff73;margin:4px 0 14px}[data-theme=light] .demo-greet-sub{color:var(--fg-3)}.demo-kpis{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.demo-kpi{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:9px 10px;display:flex}[data-theme=light] .demo-kpi{background:var(--bg-canvas);border-color:var(--border-default)}.demo-kpi-l{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}[data-theme=light] .demo-kpi-l{color:var(--fg-3)}.demo-kpi-n{font:700 20px var(--font-sans);color:#fff;letter-spacing:-.02em}[data-theme=light] .demo-kpi-n{color:var(--fg-1)}.demo-kpi-d{color:#fff6;font-size:9px}[data-theme=light] .demo-kpi-d{color:var(--fg-4)}.demo-kpi-d.teal{color:#76ddcd}[data-theme=light] .demo-kpi-d.teal{color:var(--accent-teal)}.demo-kpi-d.amber{color:#ffcb80}[data-theme=light] .demo-kpi-d.amber{color:var(--accent-amber)}.demo-cols{flex:1;grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.demo-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;min-width:0;padding:12px}[data-theme=light] .demo-card{background:var(--bg-canvas);border-color:var(--border-default)}.demo-card-h{font:600 11px var(--font-sans);color:#fff;margin-bottom:10px}[data-theme=light] .demo-card-h{color:var(--fg-1)}.demo-row{align-items:center;gap:8px;padding:6px 0;display:flex}.demo-row+.demo-row{border-top:1px solid #ffffff0d}[data-theme=light] .demo-row+.demo-row{border-top-color:var(--border-subtle)}.demo-ava{color:#ac9cff;width:22px;height:22px;font:600 8.5px var(--font-sans);background:#6c4dff40;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex}[data-theme=light] .demo-ava{background:var(--tz-info-bg);color:var(--tz-info-fg)}.demo-row-b{flex:1;min-width:0}.demo-row-t{color:#ffffffeb;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}[data-theme=light] .demo-row-t{color:var(--fg-1)}.demo-row-s{color:#ffffff73;font-size:9px}[data-theme=light] .demo-row-s{color:var(--fg-3)}.demo-pill{font:600 8.5px var(--font-sans);white-space:nowrap;color:#76ddcd;background:#14bba62e;border-radius:999px;padding:2px 7px}[data-theme=light] .demo-pill{background:var(--tz-success-bg);color:var(--tz-success-fg)}.demo-pill.amber{color:#ffcb80;background:#f5a5242e}[data-theme=light] .demo-pill.amber{background:var(--tz-warning-bg);color:var(--tz-warning-fg)}.demo-prog{background:#ffffff1a;border-radius:999px;flex-shrink:0;width:42px;height:4px;overflow:hidden}[data-theme=light] .demo-prog{background:#0b132b1a}.demo-prog i{background:var(--tz-teal-400);border-radius:999px;height:100%;display:block}.demo-prog i.amber{background:#ffcb80}.demo-act{color:#ffffffb3;gap:8px;padding:6px 0;line-height:1.4;display:flex}[data-theme=light] .demo-act{color:var(--fg-2)}.demo-act b{color:#ffffffeb;font-weight:600}[data-theme=light] .demo-act b{color:var(--fg-1)}.demo-act-t{color:#ffffff61;margin-top:1px;font-size:8.5px;display:block}[data-theme=light] .demo-act-t{color:var(--fg-4)}.demo-dot{background:#76ddcd;border-radius:999px;flex-shrink:0;width:7px;height:7px;margin-top:4px}.demo-dot.violet{background:#ac9cff}.demo-dot.amber{background:#ffcb80}.screen-rail figure.mock{background:#0b132b;border-color:#ffffff1a}[data-theme=light] .screen-rail figure.mock{background:var(--bg-canvas);border-color:var(--border-default)}.mock-win{color:#ffffffe6;background:#0b132b;flex-direction:column;flex:1;padding:14px 14px 16px;font-size:11px;display:flex}[data-theme=light] .mock-win{background:var(--bg-canvas);color:var(--fg-1)}.mock-h{font:600 13px var(--font-sans);color:#fff;align-items:center;gap:8px;margin-bottom:12px;display:flex}[data-theme=light] .mock-h{color:var(--fg-1)}.mock-prog-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.mock-prog{background:#ffffff1a;border-radius:999px;flex:1;height:5px;overflow:hidden}[data-theme=light] .mock-prog{background:#0b132b1a}.mock-prog i{background:var(--tz-teal-400);border-radius:999px;height:100%;display:block}.mock-prog-n{font:600 10px var(--font-mono);color:#ffffffb3}[data-theme=light] .mock-prog-n{color:var(--fg-2)}.mock-checks{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mock-checks li{color:#ffffffd9;align-items:center;gap:9px;display:flex}[data-theme=light] .mock-checks li{color:var(--fg-1)}.mock-checks li .who{color:#ffffff73;white-space:nowrap;background:#ffffff0d;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:9px}[data-theme=light] .mock-checks li .who{color:var(--fg-3);background:var(--bg-active)}.mock-checks li.done{color:#ffffff73}[data-theme=light] .mock-checks li.done{color:var(--fg-3)}.mock-checks li.done .who{text-decoration:none}.chk{color:#0000;border:1.5px solid #ffffff38;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:flex}[data-theme=light] .chk{border-color:var(--border-strong)}.chk.on{background:var(--tz-teal-500);border-color:var(--tz-teal-500);color:#04342e}.mock-trow{color:#ffffffd1;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:8px;padding:7px 0;display:grid}[data-theme=light] .mock-trow{color:var(--fg-1)}.mock-trow+.mock-trow{border-top:1px solid #ffffff0d}[data-theme=light] .mock-trow+.mock-trow{border-top-color:var(--border-subtle)}.mock-trow.head{color:#fff6;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #ffffff14;padding-top:0;font-size:9px}[data-theme=light] .mock-trow.head{color:var(--fg-4);border-bottom-color:var(--border-subtle)}.mock-task{align-items:center;gap:10px;padding:8px 0;display:flex}.mock-task+.mock-task{border-top:1px solid #ffffff0d}[data-theme=light] .mock-task+.mock-task{border-top-color:var(--border-subtle)}.mock-task.done .mt-t{color:#ffffff73;text-decoration:line-through}[data-theme=light] .mock-task.done .mt-t{color:var(--fg-3)}.mt-t{color:#ffffffe6;font-weight:600}[data-theme=light] .mt-t{color:var(--fg-1)}.mt-s{color:#ffffff73;margin-top:1px;font-size:9px}[data-theme=light] .mt-s{color:var(--fg-3)}.mt-s.mt-due{color:var(--tz-warning-fg)}@media (max-width:560px){.demo-side{display:none}.demo-kpis{grid-template-columns:repeat(2,1fr)}.demo-cols{grid-template-columns:1fr}.demo{min-height:0}}.landing.fx-ready [data-reveal],.landing.fx-ready [data-reveal-group]>*{opacity:0;will-change:opacity, transform;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(18px)}.landing.fx-ready [data-reveal].in,.landing.fx-ready [data-reveal-group].in>*{opacity:1;transform:none}.landing.fx-ready [data-reveal-group].in>:first-child{transition-delay:0s}.landing.fx-ready [data-reveal-group].in>:nth-child(2){transition-delay:55ms}.landing.fx-ready [data-reveal-group].in>:nth-child(3){transition-delay:.11s}.landing.fx-ready [data-reveal-group].in>:nth-child(4){transition-delay:.165s}.landing.fx-ready [data-reveal-group].in>:nth-child(5){transition-delay:.22s}.landing.fx-ready [data-reveal-group].in>:nth-child(6){transition-delay:.275s}.landing.fx-ready [data-reveal-group].in>:nth-child(7){transition-delay:.33s}.landing.fx-ready [data-reveal-group].in>:nth-child(8){transition-delay:.385s}@media (prefers-reduced-motion:reduce){.landing.fx-ready [data-reveal],.landing.fx-ready [data-reveal-group]>*{opacity:1!important;transition:none!important;transform:none!important}}.landing ::selection{color:#fff;background:#6c4dff73}[data-theme=light] .landing ::selection{color:var(--tz-navy-900);background:#6c4dff40}.hero:before{content:"";pointer-events:none;background-image:radial-gradient(#ffffff0f 1px,#0000 1.4px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 50% 20%,#000,#0000 78%);mask-image:radial-gradient(70% 80% at 50% 20%,#000,#0000 78%)}[data-theme=light] .hero:before{background-image:radial-gradient(#0b132b14 1px,#0000 1.4px)}.hero-h1 .accent-violet{background:linear-gradient(98deg, var(--tz-violet-300,#ac9cff) 0%, var(--accent-violet) 45%, var(--accent-teal) 110%);-webkit-text-fill-color:transparent;color:var(--accent-violet);-webkit-background-clip:text;background-clip:text}@supports ((-webkit-background-clip:text)){.hero-h1 .accent-violet{color:#0000}}[data-theme=light] .hero-h1 .accent-violet{background:linear-gradient(98deg, var(--tz-violet-600) 0%, var(--tz-violet-700) 45%, var(--tz-teal-700) 110%);-webkit-text-fill-color:transparent;color:var(--tz-violet-700);-webkit-background-clip:text;background-clip:text}.hero-window-bar .dotn:first-child{opacity:.75;background:#e0443e}.hero-window-bar .dotn:nth-child(2){opacity:.75;background:#dea123}.hero-window-bar .dotn:nth-child(3){opacity:.75;background:#1aab29}@keyframes tzProgFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero .demo-prog i{transform-origin:0;animation:.9s cubic-bezier(.22,1,.36,1) .6s both tzProgFill}.landing.fx-ready .screen-rail.in .mock-prog i{transform-origin:0;animation:.8s cubic-bezier(.22,1,.36,1) .25s both tzProgFill}@keyframes tzDotPulse{0%{box-shadow:0 0 #76ddcd73}70%{box-shadow:0 0 0 6px #76ddcd00}to{box-shadow:0 0 #76ddcd00}}.demo-card-h+.demo-act .demo-dot{animation:2.4s ease-out infinite tzDotPulse}#producto,#como,#para,#integraciones,#seguridad,#accesibilidad,#precio,#faq{position:relative}#como .overline,#seguridad .overline{color:var(--accent-teal)}#para .overline{color:var(--tz-warning-fg)}#accesibilidad .overline{color:var(--accent-violet)}#producto:after{content:"";filter:blur(18px);pointer-events:none;background:radial-gradient(55% 65% at 18% 20%,#6c4dff14,#0000 70%);width:50%;height:380px;position:absolute;inset:0 auto auto 0}#producto>*{z-index:1;position:relative}.feature-card{position:relative;overflow:hidden}.feature-card:before{content:"";transform-origin:0;height:2px;transition:transform .34s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card.teal:before{background:linear-gradient(90deg, var(--accent-teal), transparent 85%)}.feature-card.violet:before{background:linear-gradient(90deg, var(--accent-violet), transparent 85%)}.feature-card.amber:before{background:linear-gradient(90deg, var(--accent-amber), transparent 85%)}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{transition:box-shadow .26s,transform .26s cubic-bezier(.22,1,.36,1)}.feature-card:hover .feature-icon{transform:translateY(-1px);box-shadow:0 8px 26px -8px}.integ-chip{transition:transform .2s cubic-bezier(.22,1,.36,1),border-color .2s,color .2s}.integ-chip:hover{border-color:var(--border-strong);color:var(--fg-1);transform:translateY(-2px)}.role-card{transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,box-shadow .22s}.role-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.social-quote{position:relative}[data-theme=light] .social-quote:before{color:#14bba638}.social-quote:before{content:"“";font:700 130px var(--font-sans);color:#14bba629;pointer-events:none;line-height:1;position:absolute;top:-58px;left:4px}.hero-offer{background:color-mix(in srgb, var(--accent-teal) 9%, transparent);border:1px solid color-mix(in srgb, var(--accent-teal) 30%, transparent);color:var(--fg-1);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px 6px 7px;font-size:13px;font-weight:500;transition:border-color .18s,transform .18s cubic-bezier(.22,1,.36,1);display:inline-flex}.hero-offer:hover{border-color:var(--accent-teal);transform:translateY(-1px)}.hero-offer-badge{font:700 11px var(--font-sans);letter-spacing:.03em;background:var(--accent-teal);color:#04342e;border-radius:999px;padding:3px 9px}.hero-offer .ho-arrow{color:var(--accent-teal);font-weight:600}.midcta{max-width:1280px;margin:0 auto;padding:0 32px 88px}.midcta-inner{background:linear-gradient(135deg, color-mix(in srgb, var(--accent-violet) 14%, var(--bg-canvas)), color-mix(in srgb, var(--accent-teal) 10%, var(--bg-canvas)));border:1px solid color-mix(in srgb, var(--accent-violet) 38%, var(--border-default));border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:26px 30px;display:flex;box-shadow:0 0 48px #6c4dff24,inset 0 1px #ffffff0f}.midcta-t{font:600 19px var(--font-sans);letter-spacing:-.015em;color:var(--fg-1)}.midcta-s{color:var(--fg-2);margin-top:4px;font-size:13.5px}@media (max-width:700px){.midcta{padding:0 20px 64px}.midcta-inner{text-align:center;flex-direction:column;align-items:stretch}}.role-card{position:relative;overflow:hidden}.role-card:before{content:"";background:linear-gradient(90deg, var(--fg-4), transparent 85%);transform-origin:0;height:2px;transition:transform .34s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.role-card:hover:before{transform:scaleX(1)}.role-card:has(.role-badge.teal):before{background:linear-gradient(90deg, var(--accent-teal), transparent 85%)}.role-card:has(.role-badge.violet):before{background:linear-gradient(90deg, var(--accent-violet), transparent 85%)}.role-card:has(.role-badge.amber):before{background:linear-gradient(90deg, var(--accent-amber), transparent 85%)}.role-card:has(.role-badge.teal){background:linear-gradient(155deg, #14bba612, var(--bg-canvas) 50%);border-color:#14bba62e}.role-card:has(.role-badge.violet){background:linear-gradient(155deg, #6c4dff12, var(--bg-canvas) 50%);border-color:#6c4dff2e}.role-card:has(.role-badge.amber){background:linear-gradient(155deg, #f5a52412, var(--bg-canvas) 50%);border-color:#f5a5242e}.role-card ul li{align-items:center;gap:8px;display:flex}.role-card ul li:before{content:"";background:var(--fg-4);border-radius:999px;flex-shrink:0;width:5px;height:5px}.role-card:has(.role-badge.teal) ul li:before{background:var(--accent-teal)}.role-card:has(.role-badge.violet) ul li:before{background:var(--accent-violet)}.role-card:has(.role-badge.amber) ul li:before{background:var(--accent-amber)}.feat-extra{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.footer-lang-btn:disabled{opacity:.45;cursor:default}.nav-lang{gap:2px;display:inline-flex}.nav-lang-btn{font:500 11px var(--font-mono);color:#ffffff61;cursor:pointer;letter-spacing:.04em;background:0 0;border:none;border-radius:5px;min-width:44px;min-height:44px;padding:4px 8px;transition:color .12s,background .12s}.nav-lang-btn:hover:not(:disabled){color:#ffffffbf}.nav-lang-btn.active{color:#ffffffeb;background:#ffffff17}.nav-lang-btn:disabled{opacity:.4;cursor:default}.nav-mobile .nav-lang{background:#ffffff0d;border-radius:8px;margin:4px 0 6px;padding:3px}[data-theme=light] .nav-lang-btn{color:#0b132b66}[data-theme=light] .nav-lang-btn:hover:not(:disabled){color:#0b132bbf}[data-theme=light] .nav-lang-btn.active{color:var(--tz-navy-900);background:#0b132b14}[data-theme=light] .nav-mobile .nav-lang{background:#0b132b0d}.landing{--band-bg:#ffffff05}[data-theme=light] .landing{--band-bg:var(--bg-sunken)}.band{isolation:isolate;background:var(--band-bg);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);max-width:none;position:relative}:where(.band>*){max-width:1216px;margin-inline:auto}.band:before{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.band-como{background:linear-gradient(180deg, #14bba60f 0%, transparent 35%, #14bba60a 100%), var(--band-bg)}.band-seguridad{background:linear-gradient(180deg, #6c4dff0d 0%, transparent 50%, #14bba60a 100%), var(--band-bg)}.band-precio{background:linear-gradient(180deg, transparent 0%, #6c4dff12 50%, transparent 100%), var(--band-bg)}.band-como:before{background:radial-gradient(42% 60% at 88% 0,#14bba633,#0000 70%),radial-gradient(34% 50% at 4% 100%,#6c4dff26,#0000 70%)}.band-seguridad:before{background:radial-gradient(42% 60% at 10% 0,#14bba62e,#0000 70%),radial-gradient(34% 50% at 96% 100%,#6c4dff24,#0000 70%)}.band-precio:before{background:radial-gradient(46% 55% at 50% 8%,#6c4dff3d,#0000 70%),radial-gradient(36% 45% at 50% 100%,#14bba61f,#0000 70%)}[data-theme=light] .band:before{opacity:.55}.band:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff0a 1px,#0000 1.2px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 100% at 50% 0,#000 30%,#0000 90%);mask-image:radial-gradient(80% 100% at 50% 0,#000 30%,#0000 90%)}[data-theme=light] .band:after{background-image:radial-gradient(#0b132b0d 1px,#0000 1.2px)}@media (min-width:861px){.band .section-h h2{letter-spacing:-.03em;font-size:38px}}.section-h .overline,.social-inner .overline{align-items:center;gap:8px;display:inline-flex}.section-h .overline:before,.social-inner .overline:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px;box-shadow:0 0 10px}.faq-list details[open]{border-color:color-mix(in srgb, var(--accent-violet) 35%, var(--border-default))}.security-callout{background:color-mix(in srgb, var(--accent-teal) 8%, var(--bg-canvas));border:1px solid color-mix(in srgb, var(--accent-teal) 28%, var(--border-default));color:var(--fg-2);border-radius:14px;align-items:flex-start;gap:14px;margin-top:40px;padding:20px 24px;font-size:14px;line-height:1.6;display:flex}.security-callout svg{color:var(--accent-teal);flex-shrink:0;margin-top:2px}.security-callout p{margin:0}.security-callout.violet{background:color-mix(in srgb, var(--accent-violet) 8%, var(--bg-canvas));border-color:color-mix(in srgb, var(--accent-violet) 28%, var(--border-default))}.security-callout.violet svg{color:var(--accent-violet)}.before-after{padding:72px 32px}.band-problema{background:linear-gradient(180deg, #ffcb800a 0%, transparent 40%, #14bba60a 100%), var(--band-bg)}.band-problema:before{background:radial-gradient(40% 55% at 8% 0,#ffcb8024,#0000 70%),radial-gradient(32% 48% at 96% 100%,#14bba621,#0000 70%)}.ba-grid{grid-template-columns:1fr 1fr;gap:16px;max-width:880px;margin:40px auto 0;display:grid}.ba-col{border-radius:16px;padding:28px 24px}.ba-before{background:color-mix(in srgb, var(--accent-amber) 6%, var(--bg-canvas));border:1px solid color-mix(in srgb, var(--accent-amber) 22%, var(--border-default))}.ba-after{background:color-mix(in srgb, var(--accent-teal) 6%, var(--bg-canvas));border:1px solid color-mix(in srgb, var(--accent-teal) 22%, var(--border-default))}.ba-label{letter-spacing:.07em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:700}.ba-before .ba-label{color:var(--accent-amber)}.ba-after .ba-label{color:var(--accent-teal)}.ba-col ul{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.ba-col li{color:var(--fg-2);padding-left:22px;font-size:14.5px;line-height:1.45;position:relative}.ba-before li:before{content:"×";color:var(--accent-amber);opacity:.75;font-weight:700;position:absolute;left:0}.ba-after li:before{content:"✓";color:var(--accent-teal);font-weight:700;position:absolute;left:0}@media (max-width:640px){.before-after{padding:56px 20px}.ba-grid{grid-template-columns:1fr}}.social-cred-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:48px 0 0;display:grid}.social-cred-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;padding:22px}[data-theme=light] .social-cred-card{background:#0b132b08;border-color:#0b132b14}.social-cred-title{letter-spacing:.05em;text-transform:uppercase;color:#ffffffe6;margin-bottom:10px;font-size:13px;font-weight:700}[data-theme=light] .social-cred-title{color:var(--fg-1)}.social-cred-desc{color:#ffffffa6;font-size:14.5px;line-height:1.55}[data-theme=light] .social-cred-desc{color:var(--fg-2)}.social-cred-card:first-child{background:#14bba60f;border-color:#14bba638}.social-cred-card:first-child .social-cred-title{color:var(--accent-teal)}.social-cred-card:nth-child(2){background:#6c4dff0f;border-color:#6c4dff38}.social-cred-card:nth-child(2) .social-cred-title{color:var(--accent-violet)}.social-cred-card:nth-child(3){background:#14bba60f;border-color:#14bba638}.social-cred-card:nth-child(3) .social-cred-title{color:var(--accent-teal)}.social-early{background:color-mix(in srgb, var(--accent-violet) 12%, var(--bg-canvas));border:1px solid color-mix(in srgb, var(--accent-violet) 32%, var(--border-default));text-align:center;border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:48px;padding:28px 24px;display:flex}.social-early-text{color:var(--fg-1);font-size:18px;font-weight:600}.lang-suggest{z-index:var(--z-toast);background:var(--bg-popover);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);max-width:calc(100vw - 24px);color:var(--fg-1);border-radius:999px;align-items:center;gap:10px;padding:10px 10px 10px 18px;font-size:14px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.lang-suggest-text{line-height:1.35}.lang-suggest-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.lang-suggest-close{border-radius:999px;flex-shrink:0;padding:8px 11px}@media (max-width:560px){.lang-suggest{border-radius:16px;flex-direction:column;align-items:stretch;gap:12px;max-width:none;padding:14px;bottom:12px;left:12px;right:12px;transform:none}.lang-suggest-text{text-align:center}.lang-suggest-actions .btn.primary{flex:1}}.rb-stroke-text{z-index:-1;font:800 clamp(72px, 9vw, 132px)/.8 var(--font-display);letter-spacing:-.07em;color:#0000;-webkit-text-stroke:1px color-mix(in srgb, var(--accent-violet) 24%, transparent);opacity:.55;-webkit-user-select:none;user-select:none;pointer-events:none;animation:rbStrokeDraw .9s var(--ease-out) both;position:absolute;top:32px;left:18px}@keyframes rbStrokeDraw{0%{opacity:0;letter-spacing:.01em;transform:translateY(12px)}to{opacity:.55;letter-spacing:-.07em;transform:translateY(0)}}.rb-specular-button{isolation:isolate;position:relative;overflow:hidden}.rb-specular-label{z-index:1;position:relative}.rb-specular-sheen{filter:blur(2px);width:30%;transition:left .65s var(--ease-out);background:linear-gradient(90deg,#0000,#ffffff9e,#0000);position:absolute;inset:-120% auto -120% -45%;transform:rotate(18deg)}.rb-specular-button:hover .rb-specular-sheen,.rb-specular-button:focus-visible .rb-specular-sheen{left:120%}.rb-spotlight-card{isolation:isolate;position:relative;overflow:hidden}.rb-spotlight-card:after{content:"";z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(320px circle at var(--spot-x,50%) var(--spot-y,50%), var(--spot-color), transparent 70%);transition:opacity var(--dur-base) var(--ease-out);position:absolute;inset:0}.rb-spotlight-card:hover:after,.rb-spotlight-card:focus-within:after{opacity:1}.rb-border-glow{border-radius:24px;max-width:1092px;margin-inline:auto;position:relative}.rb-border-glow:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--rb-angle,0deg), transparent 0 18%, var(--accent-teal), var(--accent-violet), transparent 48% 100%);-webkit-mask-composite:xor;opacity:.75;padding:1px;animation:8s linear infinite rbBorderSpin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --rb-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rbBorderSpin{to{--rb-angle:360deg}}.pricing-glow{padding:20px 16px 4px}.rb-card-swap{width:100%;min-height:550px;position:relative}.rb-card-swap-stage{perspective:1400px;position:absolute;inset:8px 42px 62px 0}.rb-swap-card{transform-origin:80% 100%;transition:transform .72s var(--ease-out), opacity .42s ease, filter .42s ease;will-change:transform;position:absolute;inset:0}.rb-swap-card[data-position="0"]{z-index:3;opacity:1;transform:translate(0,0)rotate(0)}.rb-swap-card[data-position="1"]{z-index:2;opacity:.72;filter:saturate(.75);transform:translate3d(28px,22px,-70px)rotate(2.2deg)}.rb-swap-card[data-position="2"]{z-index:1;opacity:.38;filter:saturate(.55);transform:translate3d(52px,43px,-140px)rotate(4deg)}.rb-card-swap-controls{z-index:4;gap:2px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.rb-card-swap-controls button{cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:36px;height:36px;padding:0;display:grid}.rb-card-swap-controls button:before{content:"";background:var(--border-strong);border-radius:999px;width:8px;height:8px;transition:width .18s,background-color .18s}.rb-card-swap-controls button.active:before{background:var(--accent-violet);width:26px}.rb-card-swap .hero-window{width:100%;height:100%;transform:none}.rb-card-swap .hero-window:hover{transform:none}.hero-feature-view{color:#ffffffeb;background:radial-gradient(circle at 75% 30%,#6c4dff29,#0000 38%),#0b132b;grid-template-columns:1fr 180px;align-items:center;gap:28px;min-height:478px;padding:42px;display:grid}.hero-feature-view h3{color:#fff;letter-spacing:-.03em;margin:16px 0 10px;font-size:28px}.hero-feature-view p{color:#ffffff9e;font-size:14px;line-height:1.6}.hero-files{grid-column:1/-1;gap:8px;display:grid}.hero-files>span,.hero-activity-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.hero-files b,.hero-files small{display:block}.hero-files small,.hero-activity-item small{color:#ffffff73;margin-top:3px}.activity-view{padding-inline:52px;display:block}.activity-view h3{max-width:430px}.rb-animated-list{gap:9px;margin-top:28px;display:grid}.rb-animated-list>*{animation:rbListIn .42s var(--ease-out) both}.rb-animated-list>:nth-child(2){animation-delay:70ms}.rb-animated-list>:nth-child(3){animation-delay:.14s}.rb-animated-list>:nth-child(4){animation-delay:.21s}@keyframes rbListIn{0%{opacity:0;transform:translateY(8px)}}.hero-activity-item b,.hero-activity-item small{display:block}.rb-folder{perspective:600px;width:150px;height:112px;position:relative}.rb-folder-tab{background:var(--tz-violet-600);border-radius:10px 10px 0 0;width:62px;height:24px;position:absolute;top:4px;left:8px}.rb-folder-sheet{background:var(--tz-white);transform-origin:bottom;border-radius:9px;height:82px;position:absolute;bottom:14px;left:13px;right:13px}.rb-folder .sheet-1{opacity:.72;transform:rotateX(-7deg)translateY(-5px)}.rb-folder .sheet-2{opacity:.9;transform:rotateX(-4deg)translateY(-2px)}.rb-folder-front{background:linear-gradient(145deg, var(--tz-violet-400), var(--tz-violet-600));color:#fff;font:700 24px var(--font-sans);transform-origin:bottom;transition:transform .32s var(--ease-out);border-radius:8px 15px 15px;place-items:center;display:grid;position:absolute;inset:25px 0 0;box-shadow:0 18px 40px #6c4dff47}.rb-folder:hover .rb-folder-front{transform:rotateX(-12deg)}.rb-logo-loop{max-width:1120px;margin:38px auto 0;position:relative;overflow:hidden}.rb-logo-loop:before,.rb-logo-loop:after{content:"";z-index:2;pointer-events:none;width:100px;position:absolute;inset-block:0}.rb-logo-loop:before{background:linear-gradient(90deg, var(--bg-app), transparent);left:0}.rb-logo-loop:after{background:linear-gradient(-90deg, var(--bg-app), transparent);right:0}.rb-logo-track{gap:14px;width:max-content;animation:28s linear infinite rbLogoLoop;display:flex}.rb-logo-loop:hover .rb-logo-track{animation-play-state:paused}.rb-logo-item{border:1px solid var(--border-subtle);background:var(--bg-canvas);color:var(--fg-1);white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:12px 15px;font-size:13px;font-weight:600;display:flex}.rb-logo-mark{background:var(--tz-violet-050);width:30px;height:30px;color:var(--tz-violet-600);border-radius:8px;place-items:center;font-size:10px;display:grid}.rb-logo-item:nth-child(2n) .rb-logo-mark{background:var(--tz-teal-050);color:var(--tz-teal-700)}.rb-logo-item small{color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:500}.rb-logo-item .rb-logo-mark.available{background:var(--tz-teal-050);color:var(--tz-teal-700)}.rb-logo-item small.available{color:var(--tz-teal-400)}@keyframes rbLogoLoop{to{transform:translate(calc(-50% - 7px))}}.demo-side,.demo-nav{position:relative}.demo-nav.active:before{content:"";background:var(--accent-teal);width:2px;box-shadow:0 0 10px var(--accent-teal);border-radius:2px;position:absolute;top:5px;bottom:5px;left:-10px}@media (max-width:900px){.rb-stroke-text{top:24px;left:20px}.rb-card-swap{min-height:540px}}@media (max-width:700px){.rb-card-swap{min-height:500px}.rb-card-swap-stage{inset-right:20px}.rb-swap-card[data-position="1"]{transform:translate3d(14px,14px,-70px)rotate(1.4deg)}.rb-swap-card[data-position="2"]{transform:translate3d(26px,28px,-140px)rotate(2.4deg)}.hero-feature-view{grid-template-columns:1fr 110px;gap:18px;min-height:420px;padding:28px 22px}.hero-feature-view h3{font-size:22px}.rb-folder{transform-origin:100%;transform:scale(.72)}.activity-view{padding-inline:24px}.rb-logo-loop:before,.rb-logo-loop:after{width:42px}.pricing-glow{padding-inline:0}}@media (prefers-reduced-motion:reduce){.rb-stroke-text,.rb-border-glow:before,.rb-animated-list>*,.rb-logo-track{animation:none!important}.rb-logo-track{flex-wrap:wrap;justify-content:center;width:auto}.rb-logo-item:nth-child(n+7),.rb-specular-sheen{display:none}.rb-swap-card{transition:none}}