.mkt-feature-grid{--feature-grid-illo-height:var(--layout-marketing-feature-illo-height);display:flex;flex-direction:column}.mkt-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto}.mkt-grid-4 .bento-feature-card:last-child{border-right:none}.mkt-feature-grid .bento-card-header{display:flex;flex-direction:row;align-items:stretch;padding:0;border-bottom:var(--border-width-thin) solid var(--border-default)}.mkt-feature-grid .bento-card-text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg)}.mkt-feature-grid .bento-card-title{font-family:var(--system-mono-font);font-size:var(--type-body);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking-normal);line-height:var(--line-height-tight);color:var(--text-primary);margin:0;flex:none}.mkt-feature-grid .bento-card-description{font-family:var(--system-font);font-size:var(--type-label);font-weight:var(--font-weight-normal);line-height:var(--line-height-xs);color:var(--text-muted);margin:0}.mkt-feature-grid .bento-illo-wrap{flex:none;margin:0;aspect-ratio:unset;height:var(--feature-grid-illo-height);background:var(--surface-background)}.mkt-feature-grid .bento-illo:before{display:none}.mkt-feature-grid .bento-feature-card{display:grid;grid-row:span 2;grid-template-rows:subgrid;grid-template-columns:minmax(0,1fr);border:none;border-right:var(--border-width-thin) solid var(--border-default);border-bottom:var(--border-width-thin) solid var(--border-default)}.mkt-feature-grid .bento-feature-card[data-link]:hover{box-shadow:none}@media (max-width:768px){.mkt-grid-4{grid-template-columns:1fr;grid-template-rows:none}.mkt-feature-grid .bento-feature-card{display:flex;grid-row:auto;border-left:var(--border-width-thin) solid var(--border-default);border-right:none}}.mkt-feature-grid .bento-feature-card{position:relative}.mkt-feature-grid .bento-feature-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle var(--mkt-glow-radius) at var(--mouse-x,-5%) var(--mouse-y,50%),rgb(var(--mkt-glow-lava-500)/.22),transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:0}.mkt-feature-grid .bento-feature-card:hover:after{opacity:1}.mkt-feature-grid .bento-feature-card{-webkit-user-drag:none}.mkt-feature-grid .bento-card-text{user-select:text;-webkit-user-select:text}@keyframes feat-spin{to{transform:rotate(1turn)}}@keyframes feat-flowdash{to{stroke-dashoffset:-18}}.rt2-spin{animation:feat-spin 1s linear infinite;transform-origin:center}.pg2-illo{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-lg);z-index:1}.pg2-svg{width:100%;height:210px;overflow:visible}.auth2-illo{position:absolute;inset:0;overflow:hidden;z-index:1}.auth2-glow{--glow-size:280px;width:var(--glow-size);height:var(--glow-size);transform:translate(-50%,-50%);background:radial-gradient(circle,rgb(var(--mkt-glow-lava-500)/.22),transparent 66%);opacity:.35;pointer-events:none;transition:opacity .45s ease}.auth-ring,.auth2-glow{position:absolute;left:50%;top:50%}.auth-ring{width:220px;height:220px;margin-left:-110px;margin-top:-110px;transform-origin:center;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.auth-ring-ic{left:var(--auth-left);top:var(--auth-top);width:34px;height:34px;margin-left:-17px;margin-top:-17px;border:var(--border-width-thin) solid var(--border-muted);color:var(--text-muted);transform-origin:center;transition:transform 1.1s cubic-bezier(.22,1,.36,1),border-color .3s ease,color .3s ease}.auth-lock,.auth-ring-ic{position:absolute;background:var(--surface-background);display:flex;align-items:center;justify-content:center}.auth-lock{left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:var(--border-width-thin) solid var(--border-default);color:var(--text-primary);z-index:2;transition:border-color .3s ease,box-shadow .4s ease}.auth-lock-closed,.auth-lock-open{position:absolute;display:inline-flex;transition:opacity .35s ease}.auth-lock-open{opacity:0}[data-feat=auth]:hover .auth2-glow{opacity:1}[data-feat=auth]:hover .auth-ring{transform:rotate(60deg)}[data-feat=auth]:hover .auth-ring-ic{transform:rotate(-60deg);border-color:var(--color-primary)!important;color:var(--text-primary)!important}[data-feat=auth]:hover .auth-lock{border-color:var(--color-primary)!important;box-shadow:0 0 30px rgb(var(--mkt-glow-lava-500)/.5)}[data-feat=auth]:hover .auth-lock-closed{opacity:0!important}[data-feat=auth]:hover .auth-lock-open{opacity:1!important}.rt2-illo{position:relative;width:100%;height:100%;min-height:200px;display:flex;flex-direction:column;justify-content:center;gap:var(--spacing-lg);overflow:hidden;z-index:1}.rt2-glow{--glow-size:220px;position:absolute;left:50%;top:50%;width:var(--glow-size);height:var(--glow-size);transform:translate(-50%,-50%);background:radial-gradient(circle,rgb(var(--mkt-glow-lava-500)/.22),transparent 66%);opacity:.35;pointer-events:none;transition:opacity .45s ease}.rt2-bot{position:relative;width:56px;height:56px;border:var(--border-width-thin) solid var(--border-default);display:flex;align-items:center;justify-content:center;color:var(--text-primary);background:var(--surface-background);margin:0 auto;transition:border-color .3s ease,box-shadow .4s ease}.rt2-track-wrap{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.rt2-track{display:flex;gap:11px;width:max-content;padding:0 11px}.rt2-chip{display:flex;align-items:center;gap:8px;padding:8px 14px;border:var(--border-width-thin) solid var(--border-muted);background:var(--surface-background);color:var(--text-muted);font-family:var(--system-mono-font);font-size:var(--type-label);white-space:nowrap;transition:border-color .45s ease,color .45s ease}.rt2-chip .rt2-i{display:none}.rt2-chip[data-st=active] .rt2-i-active,.rt2-chip[data-st=done] .rt2-i-done,.rt2-chip[data-st=pending] .rt2-i-pending{display:inline-flex}.rt2-chip[data-st=active]{border-color:var(--color-primary)!important}.rt2-chip[data-st=done]{color:var(--text-muted)!important}[data-feat=realtime]:hover .rt2-glow{opacity:1}[data-feat=realtime]:hover .rt2-bot{border-color:var(--color-primary)!important;box-shadow:0 0 32px rgb(var(--mkt-glow-lava-500)/.5)}.files2-illo{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:var(--spacing-md);z-index:1}.files2-glow{--glow-size:280px;position:absolute;left:50%;top:50%;width:var(--glow-size);height:var(--glow-size);transform:translate(-50%,-50%);background:radial-gradient(circle,rgb(var(--mkt-glow-lava-500)/.22),transparent 66%);opacity:.35;pointer-events:none;transition:opacity .45s ease}.files2-grid{display:grid;grid-template-columns:repeat(10,34px);gap:11px;position:relative}.file2-tile{width:34px;height:34px;border:var(--border-width-thin) solid var(--border-subtle);background:var(--surface-background);color:var(--text-muted);opacity:0;transform:translate(var(--tx),var(--ty)) scale(.18);transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .4s ease;transition-delay:var(--d,0s);pointer-events:none}.file2-big,.file2-tile{display:flex;align-items:center;justify-content:center}.file2-big{position:absolute;width:90px;height:90px;background:var(--surface-elevated);border:var(--border-width-thin) solid var(--border-default);color:var(--text-primary);transition:border-color .3s ease,box-shadow .4s ease}[data-feat=files]:hover .file2-tile{opacity:var(--lit,1)!important;transform:translate(0) scale(1)!important}[data-feat=files]:hover .files2-glow{opacity:1}[data-feat=files]:hover .file2-big{border-color:var(--color-primary)!important;box-shadow:0 0 34px rgb(var(--mkt-glow-lava-500)/.5)!important}.locks2-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.locks2-illo{position:relative;width:100%;height:100%;overflow:hidden;z-index:1}.locks2-glow{--glow-size:280px;position:absolute;left:50%;top:50%;width:var(--glow-size);height:var(--glow-size);transform:translate(-50%,-50%);background:radial-gradient(circle,rgb(var(--mkt-glow-lava-500)/.22),transparent 66%);opacity:.35;pointer-events:none;transition:opacity .45s ease}[data-feat=locks]:hover .locks2-glow{opacity:1}.locks2-king{left:50%;top:50%;width:62px;height:62px;border:var(--border-width-thin) solid var(--color-primary);z-index:3;transition:box-shadow .35s ease}.lock2-node,.locks2-king{position:absolute;transform:translate(-50%,-50%);background:var(--surface-background);display:flex;align-items:center;justify-content:center}.lock2-node{left:var(--lock-x);top:var(--lock-y);width:34px;height:34px;border:var(--border-width-thin) solid var(--border-muted);color:var(--text-muted);transition:border-color .35s ease,box-shadow .35s ease,color .35s ease}[data-feat=locks]:hover .lock2-line{animation-name:feat-flowdash;animation-duration:.8s;animation-timing-function:linear;animation-iteration-count:infinite;opacity:.9}[data-feat=locks]:hover .lock2-node{border-color:var(--color-primary)!important;box-shadow:0 0 16px rgb(var(--mkt-glow-lava-500)/.45);color:var(--text-primary)!important}[data-feat=locks]:hover .lock2-king{box-shadow:0 0 22px rgb(var(--mkt-glow-lava-500)/.4)}@media (pointer:coarse){.mkt-feature-grid .bento-feature-card.in-view:after,[data-feat=auth].in-view .auth2-glow{opacity:1}[data-feat=auth].in-view .auth-ring{transform:rotate(60deg)}[data-feat=auth].in-view .auth-ring-ic{transform:rotate(-60deg);border-color:var(--color-primary)!important;color:var(--text-primary)!important}[data-feat=auth].in-view .auth-lock{border-color:var(--color-primary)!important;box-shadow:0 0 30px rgb(var(--mkt-glow-lava-500)/.5)}[data-feat=auth].in-view .auth-lock-closed{opacity:0!important}[data-feat=auth].in-view .auth-lock-open{opacity:1!important}[data-feat=realtime].in-view .rt2-glow{opacity:1}[data-feat=realtime].in-view .rt2-bot{border-color:var(--color-primary)!important;box-shadow:0 0 32px rgb(var(--mkt-glow-lava-500)/.5)}[data-feat=files].in-view .file2-tile{opacity:var(--lit,1)!important;transform:translate(0) scale(1)!important}[data-feat=files].in-view .files2-glow{opacity:1}[data-feat=files].in-view .file2-big{border-color:var(--color-primary)!important;box-shadow:0 0 34px rgb(var(--mkt-glow-lava-500)/.5)!important}[data-feat=locks].in-view .lock2-line{animation-name:feat-flowdash;animation-duration:.8s;animation-timing-function:linear;animation-iteration-count:infinite;opacity:.9}[data-feat=locks].in-view .locks2-glow{opacity:1}[data-feat=locks].in-view .lock2-node{border-color:var(--color-primary)!important;box-shadow:0 0 16px rgb(var(--mkt-glow-lava-500)/.45);color:var(--text-primary)!important}[data-feat=locks].in-view .lock2-king{box-shadow:0 0 22px rgb(var(--mkt-glow-lava-500)/.4)}}@media (min-width:769px) and (max-width:1100px){.mkt-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.mkt-grid-4 .bento-feature-card:nth-child(2n){border-right:none}}.mkt-grid-4 .bento-illo{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.mkt-feature-grid :is(.auth2-glow,.rt2-glow,.files2-glow,.locks2-glow){display:none}