.mkt-hero{--mkt-hero-surface:var(--surface-builder-hero);position:relative;background:var(--mkt-hero-surface);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:calc(-1 * var(--page-header-height, 68px));padding-top:var(--page-header-height,68px);border-bottom:var(--border-width-thin) solid var(--border-muted)}.mkt-hero-bg{--mkt-hero-bg-offset-top:50px;--mkt-hero-bg-offset-right:-40px;position:absolute;top:var(--mkt-hero-bg-offset-top);right:var(--mkt-hero-bg-offset-right);width:75%;height:100%;z-index:0;opacity:.9;pointer-events:none}.mkt-hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:right bottom}.mkt-hero-bg-poster{z-index:0}.mkt-hero-bg-video{z-index:1}@media (prefers-reduced-motion:reduce){.mkt-hero-bg-video{display:none}}.mkt-hero-content{position:relative;z-index:1;text-align:center;padding:var(--space-160) var(--space-70);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:var(--layout-marketing-hero-max-width);margin:0 auto}.mkt-hero-title{font-size:var(--type-display);font-weight:var(--font-weight-bold);line-height:1.2;letter-spacing:var(--tracking-tight);color:var(--text-primary)}.mkt-hero-subtitle,.mkt-hero-title{font-family:var(--system-mono-font);margin:0;text-shadow:0 1px 2px rgba(0,0,0,.05)}.mkt-hero-subtitle{font-size:var(--type-subtitle);line-height:var(--line-height-snug);letter-spacing:var(--tracking-snug);color:var(--color-white)}.mkt-hero-note,.mkt-hero-subtitle{font-weight:var(--font-weight-normal)}.mkt-hero-note{margin:0;font-family:var(--system-font);font-size:var(--type-meta);line-height:var(--line-height-tight);color:var(--text-muted)}@media (max-width:768px){.mkt-hero-title{font-size:var(--type-section);line-height:1.2;letter-spacing:var(--tracking-tight)}.mkt-hero-subtitle{font-size:var(--type-body)}.mkt-hero-content{padding:var(--space-155) var(--space-70)}.mkt-hero-bg{--mkt-hero-bg-offset-top:0;--mkt-hero-bg-offset-right:0;width:100%;opacity:.5}.mkt-hero-bg-img{object-fit:cover;object-position:center bottom}}.mkt-features-callout{--features-callout-glow:var(--mkt-glow-lava-500);--features-callout-text-width:var(--layout-marketing-lede-max-width);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--space-140) var(--spacing-md);text-align:center;isolation:isolate;border-bottom:var(--border-width-thin) solid var(--border-muted);position:relative;overflow:hidden;background-image:radial-gradient(ellipse 50% 80% at 50% 100%,rgb(var(--mkt-glow-lava-500)/.6) 0,rgb(var(--mkt-glow-lava-600)/.45) 25%,rgb(var(--mkt-glow-lava-700)/.3) 50%,transparent 100%)}.mkt-features-callout:before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;background:radial-gradient(circle var(--mkt-glow-radius) at var(--mouse-x,50%) var(--mouse-y,50%),rgb(var(--features-callout-glow)/.22),transparent 100%);transition:opacity calc(var(--system-transition) * 2.5) ease;pointer-events:none}.mkt-features-callout:hover:before{opacity:1}.mkt-features-callout-title{max-width:var(--features-callout-text-width);font-family:var(--system-mono-font);font-size:var(--type-section);font-weight:var(--font-weight-bold);line-height:normal;color:var(--text-primary);margin:0;position:relative}.mkt-features-callout-subtitle{max-width:var(--features-callout-text-width);margin:0;font-family:var(--system-font);font-size:var(--type-meta);line-height:var(--line-height-tight);color:var(--text-muted)}@media (prefers-reduced-motion:reduce){.mkt-features-callout:before{transition:none}}@media (max-width:768px){.mkt-features-callout-title{font-size:var(--type-heading)}}.dur-illo{--dur-node-size:var(--icon-size-md);--dur-line:var(--border-default);--dur-accent:var(--color-primary);--dur-cycle:calc(var(--system-transition) * 24);position:relative;display:flex;align-items:center;justify-content:space-between;width:70%}.dur-track{position:absolute;left:0;right:0;top:50%;height:var(--border-width-thin);background:var(--dur-line)}.dur-fill{display:block;width:0;height:100%;background:var(--dur-accent)}.dur-node{--dur-node-bg:var(--surface-background);--dur-node-border:var(--dur-line);--dur-check-opacity:0;position:relative;display:flex;align-items:center;justify-content:center;width:var(--dur-node-size);height:var(--dur-node-size);background:var(--dur-node-bg);border:var(--border-width-thin) solid var(--dur-node-border);border-radius:var(--border-radius-full)}.dur-check{width:var(--icon-size-sm);height:var(--icon-size-sm);color:var(--color-primary-foreground);opacity:var(--dur-check-opacity)}.bento-feature-card:is(:hover,.in-view) .dur-fill{animation:dur-fill var(--dur-cycle) linear infinite}.bento-feature-card:is(:hover,.in-view) .dur-node:nth-of-type(2){animation:dur-checkpoint-1 var(--dur-cycle) linear infinite}.bento-feature-card:is(:hover,.in-view) .dur-node:nth-of-type(3){animation:dur-checkpoint-2 var(--dur-cycle) linear infinite}.bento-feature-card:is(:hover,.in-view) .dur-node:nth-of-type(4){animation:dur-checkpoint-3 var(--dur-cycle) linear infinite}@keyframes dur-fill{0%{width:0}70%,90%{width:100%}to{width:0}}@keyframes dur-checkpoint-1{0%,89%{--dur-node-bg:var(--dur-accent);--dur-node-border:var(--dur-accent);--dur-check-opacity:1}90%,to{--dur-node-bg:var(--surface-background);--dur-node-border:var(--dur-line);--dur-check-opacity:0}}@keyframes dur-checkpoint-2{0%,34%{--dur-node-bg:var(--surface-background);--dur-node-border:var(--dur-line);--dur-check-opacity:0}35%,89%{--dur-node-bg:var(--dur-accent);--dur-node-border:var(--dur-accent);--dur-check-opacity:1}90%,to{--dur-node-bg:var(--surface-background);--dur-node-border:var(--dur-line);--dur-check-opacity:0}}@keyframes dur-checkpoint-3{0%,69%{--dur-node-bg:var(--surface-background);--dur-node-border:var(--dur-line);--dur-check-opacity:0}70%,89%{--dur-node-bg:var(--dur-accent);--dur-node-border:var(--dur-accent);--dur-check-opacity:1}90%,to{--dur-node-bg:var(--surface-background);--dur-node-border:var(--dur-line);--dur-check-opacity:0}}.appr-illo{--appr-border:var(--color-primary);--appr-fg:var(--text-primary);--appr-wait:var(--color-primary);--appr-ok:var(--color-success);--appr-cycle:calc(var(--system-transition) * 28);--appr-spin:calc(var(--system-transition) * 6);display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) var(--spacing-sm);background:var(--surface-background);border:var(--border-width-thin) solid var(--appr-border);color:var(--appr-fg);font-family:var(--system-mono-font);font-size:var(--type-label);line-height:var(--line-height-xs);white-space:nowrap}.appr-icons,.appr-labels{display:grid}.appr-icons>*,.appr-labels>*{grid-area:1/1}.appr-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}.appr-icon-wait{color:var(--appr-wait);animation:appr-spin var(--appr-spin) linear infinite}.bento-illo .appr-icon-wait{animation-play-state:running!important}.appr-icon-ok{color:var(--appr-ok)}.appr-icon-ok,.appr-label-ok{opacity:0}.appr-button{padding:var(--spacing-xxs) var(--spacing-sm);background:var(--color-primary);color:var(--color-primary-foreground);font-family:var(--system-font);font-weight:var(--font-weight-semibold)}.bento-feature-card:is(:hover,.in-view) .appr-illo{animation:appr-settle var(--appr-cycle) ease infinite}.bento-feature-card:is(:hover,.in-view) .appr-label-wait{animation:appr-wait var(--appr-cycle) ease infinite}.bento-feature-card:is(:hover,.in-view) .appr-icon-wait{animation:appr-wait var(--appr-cycle) ease infinite,appr-spin var(--appr-spin) linear infinite}.bento-feature-card:is(:hover,.in-view) :is(.appr-icon-ok,.appr-label-ok){animation:appr-ok var(--appr-cycle) ease infinite}.bento-feature-card:is(:hover,.in-view) .appr-button{animation:appr-press var(--appr-cycle) ease infinite}@keyframes appr-wait{0%,44%{opacity:1}48%,94%{opacity:0}98%,to{opacity:1}}@keyframes appr-ok{0%,48%{opacity:0}52%,86%{opacity:1}90%,to{opacity:0}}@keyframes appr-spin{to{transform:rotate(1turn)}}@keyframes appr-press{0%,36%{transform:scale(1);opacity:1}42%{transform:scale(.9);opacity:1}48%{transform:scale(1);opacity:1}54%,90%{opacity:0}to{opacity:1}}@keyframes appr-settle{0%,48%{--appr-border:var(--color-primary)}52%,90%{--appr-border:var(--border-muted)}to{--appr-border:var(--color-primary)}}.sbx-illo{--sbx-border:var(--border-lava);--sbx-tag-fg:var(--surface-lava-foreground);--sbx-fg:var(--text-primary);--sbx-cycle:calc(var(--system-transition) * 24);position:relative;padding:var(--spacing-md) var(--spacing-lg);border:var(--border-width-thin) dashed var(--sbx-border);font-family:var(--system-mono-font);font-size:var(--type-label);line-height:var(--line-height-xs)}.sbx-tag{position:absolute;top:0;left:var(--spacing-sm);transform:translateY(-50%);padding:0 var(--spacing-xs);background:var(--surface-background);color:var(--sbx-tag-fg)}.sbx-line{display:block;color:var(--sbx-fg);white-space:nowrap}.bento-feature-card:is(:hover,.in-view) .sbx-line{animation:sbx-type var(--sbx-cycle) steps(17) infinite}.bento-feature-card:is(:hover,.in-view) .sbx-illo{animation:sbx-pulse var(--sbx-cycle) ease-in-out infinite}@keyframes sbx-type{0%{clip-path:inset(0 100% 0 0)}40%,85%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes sbx-pulse{0%,to{border-color:var(--border-lava)}50%{border-color:var(--color-primary)}}@media (prefers-reduced-motion:reduce){.appr-icon-wait{animation:none}.bento-feature-card:is(:hover,.in-view) :is(.dur-fill,.dur-node:nth-of-type(n),.appr-illo,.appr-icon-wait,.appr-label-wait,.appr-icon-ok,.appr-label-ok,.appr-button,.sbx-illo,.sbx-line){animation:none}}