@layer components{.marketing{--text-display:clamp(2.75rem, 5.4vw, 5.25rem);--text-h2:clamp(1.875rem, 3.2vw, 2.75rem);--text-h3:clamp(1.25rem, 1.6vw, 1.5rem);--text-lead:clamp(1rem, 1.15vw, 1.125rem);--landing-veil:#f3f6fa;--signal:#2454a6;--signal-bright:#7fa9d1;--absence:#b4364f;--absence-soft:#fdf2f4;--landing-rule:color-mix(in oklab, var(--color-foreground) 9%, transparent);--landing-rule-soft:color-mix(in oklab, var(--color-foreground) 5%, transparent);--ease-out-quart:cubic-bezier(.16, 1, .3, 1);--ease-out-soft:cubic-bezier(.22, .61, .36, 1);--ease-in-out-quad:cubic-bezier(.45, 0, .55, 1);--dur-instant:90ms;--dur-fast:.14s;--dur-base:.22s;--dur-slow:.38s;--dur-story:.62s}.marketing .type-display{font-size:var(--text-display);letter-spacing:-.028em;text-wrap:balance;line-height:1.04}.marketing .type-h2{font-size:var(--text-h2);letter-spacing:-.02em;text-wrap:balance;line-height:1.1}.marketing .type-h3{font-size:var(--text-h3);letter-spacing:-.012em;text-wrap:balance;line-height:1.2}.marketing .type-lead{font-size:var(--text-lead);letter-spacing:0;text-wrap:pretty;line-height:1.6}@media (hover:hover) and (pointer:fine){.marketing .lift{transition:transform var(--dur-base) var(--ease-out-soft), box-shadow var(--dur-base) var(--ease-out-soft), border-color var(--dur-base) var(--ease-out-soft)}.marketing .lift:hover{border-color:color-mix(in oklab, var(--color-ring) 22%, var(--color-border));box-shadow:var(--shadow-sm);transform:translateY(-1px)}}.marketing .section-band{--band-padding-block:2.5rem;--band-surface:var(--color-background);--band-rule:var(--landing-rule-soft);padding-block:var(--band-padding-block);background-color:var(--band-surface);border-top:1px solid var(--band-rule);scroll-margin-top:6rem;position:relative}.marketing .section-band:first-of-type{border-top:0}@media (min-width:768px){.marketing .section-band{--band-padding-block:3.5rem}}.marketing .section-inner,.marketing .stage-inner{width:100%;max-width:80rem;margin-inline:auto;padding-inline:1rem}@media (min-width:640px){.marketing .section-inner,.marketing .stage-inner{padding-inline:1.5rem}}.marketing .section-band.section-band-quiet{--band-padding-block:3.5rem;border-top:1px solid var(--landing-rule-soft)}@media (min-width:768px){.marketing .section-band.section-band-quiet{--band-padding-block:4rem}}.marketing .section-header{max-width:46rem}.marketing .integration-groups{gap:2.25rem;display:grid}@media (min-width:1024px){.marketing .integration-groups{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;column-gap:2.5rem}.marketing .integration-groups>:first-child{grid-area:span 2/1}}.marketing .section-title{color:var(--color-foreground);font-family:var(--font-sans);text-wrap:balance;font-weight:600}.marketing .section-lead{max-width:62ch;color:var(--color-muted-foreground);margin-top:1rem}.marketing .section-body{margin-top:2.5rem}@media (min-width:768px){.marketing .section-body{margin-top:3rem}}.marketing .surface-card{background-color:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);border-radius:.875rem}.marketing .fact-grid{gap:1rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.marketing .fact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.marketing .fact-cell,.marketing .proof-cell,.marketing .topic-cell,.marketing .guide-link{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:1.5rem}.marketing .fact-index{font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:.14em;color:var(--color-muted-foreground);margin-bottom:.75rem;font-weight:600;display:block}.marketing .topic-grid{gap:1rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.marketing .topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.marketing .topic-cell{height:100%;transition:background-color var(--dur-fast) var(--ease-out-soft);justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}@media (hover:hover) and (pointer:fine){.marketing .topic-cell:hover{background-color:color-mix(in oklab, var(--color-muted) 55%, transparent)}}.marketing .proof-grid{gap:1rem;padding:0;list-style:none;display:grid}@media (min-width:768px){.marketing .proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.marketing .guide-grid{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:640px){.marketing .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.marketing .guide-grid{margin-top:0}}.marketing .guide-link{height:100%;transition:background-color var(--dur-fast) var(--ease-out-soft);align-items:flex-start;gap:1rem;display:flex}@media (hover:hover) and (pointer:fine){.marketing .guide-link:hover{background-color:color-mix(in oklab, var(--color-muted) 55%, transparent)}}.marketing .demo-frame{background-color:var(--color-sidebar);border:1px solid var(--color-border);box-shadow:var(--elev-canvas);border-radius:1.125rem}.marketing .demo-chrome{background-color:color-mix(in oklab, var(--color-muted) 60%, transparent);border-color:var(--color-border)}.marketing .cta-band{background-color:var(--color-background);border-top:1px solid var(--landing-rule-soft);padding-block:5rem}.marketing .cta-inner{text-align:center;max-width:56rem;margin-inline:auto;padding-inline:1.5rem}.marketing .cta-title{color:var(--color-foreground);font-family:var(--font-serif);letter-spacing:-.022em;text-wrap:balance;max-width:18ch;margin-inline:auto;font-size:clamp(2.25rem,4.5vw,3.75rem);font-weight:700;line-height:1.1}}@media (prefers-reduced-motion:reduce){.marketing *,.marketing :before,.marketing :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.marketing .reveal,.marketing .reveal-stagger>*{opacity:1!important;transform:none!important}}@keyframes marketing-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.marketing .cta-button{color:var(--color-foreground);box-shadow:var(--shadow-2xl);transition:transform var(--dur-base) var(--ease-out-soft), background-color var(--dur-base) var(--ease-out-soft);background-color:#fff;border-radius:.625rem}@media (hover:hover) and (pointer:fine){.marketing .cta-button:hover{background-color:color-mix(in oklab, #fff 92%, var(--color-muted));transform:translateY(-1px)}}