@layer properties,theme,base,components,utilities,site-patterns,site-components;@layer site-components{.funnel-page .fn-band{position:relative;display:flex;align-items:center;min-height:clamp(360px,44vw,560px);padding:var(--space-16) 0;overflow:hidden;background:var(--color-surface-1);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.funnel-page .fn-band-video{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);object-fit:cover;display:block;transform:translateZ(0)}.funnel-page .fn-band-pause{position:absolute;top:var(--space-6);right:var(--space-6);z-index:3;display:inline-flex;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-full);cursor:pointer;background:var(--color-surface-2);border:1px solid var(--color-border-muted);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-small);opacity:0;pointer-events:none;transition:opacity var(--transition-fast) .4s,color var(--transition-fast),border-color var(--transition-fast)}.funnel-page .fn-band:hover .fn-band-pause,.funnel-page .fn-band-pause:focus-visible{opacity:1;pointer-events:auto;transition:opacity var(--transition-reveal),color var(--transition-fast),border-color var(--transition-fast)}.funnel-page .fn-band-pause:hover{color:var(--color-text-primary);border-color:var(--color-border-strong)}@media(pointer:coarse){.funnel-page .fn-band-pause{opacity:1;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.funnel-page .fn-band-pause{opacity:1;pointer-events:auto;transition:none}}.funnel-page .fn-band-scrim{position:absolute;inset:0;background:linear-gradient(to right,color-mix(in srgb,var(--color-bg-base) 92%,transparent),color-mix(in srgb,var(--color-bg-base) 72%,transparent) 40%,color-mix(in srgb,var(--color-bg-base) 15%,transparent) 72%),linear-gradient(to bottom,color-mix(in srgb,var(--color-bg-base) 40%,transparent),transparent 20%,transparent 80%,color-mix(in srgb,var(--color-bg-base) 40%,transparent))}.funnel-page .fn-band .container{position:relative}.funnel-page .fn-band-copy{max-width:30em}.funnel-page .fn-band-title{margin:0;font-size:var(--text-h3);font-weight:500;letter-spacing:-.5px;line-height:1.25;color:var(--color-text-primary);text-wrap:balance}.funnel-page .fn-band-list{margin:var(--space-6) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.funnel-page .fn-band-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-body);line-height:1.6;color:var(--color-text-secondary)}.funnel-page .fn-band-item svg{flex:none;margin-top:4px;color:var(--color-accent-success)}.funnel-page .fn-band-badge{position:absolute;right:var(--space-6);bottom:var(--space-6);margin:0;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:12px;font-weight:500;color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-bg-base) 60%,transparent);backdrop-filter:blur(8px);border:1px solid var(--color-border-muted);border-radius:var(--radius-full)}.funnel-page .fn-band-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-accent-success);animation:fn-band-pulse 2.4s ease-in-out infinite}@keyframes fn-band-pulse{0%,to{opacity:1}50%{opacity:.35}}@media(max-width:520px){.funnel-page .fn-band{display:block}.funnel-page .fn-band-badge{position:static;margin:var(--space-6) auto 0;display:flex;width:fit-content}}}@layer properties,theme,base,components,utilities,site-patterns,site-components;@layer site-components{.funnel-page .fn-agenda-row{display:flex;flex-wrap:wrap;gap:var(--space-10) var(--space-16)}.funnel-page .fn-agenda-intro{flex:1 1 320px;min-width:0}.funnel-page .fn-agenda-lede{max-width:28em}.funnel-page .fn-agenda-list{flex:1 1 420px;min-width:0;margin:0;padding:0;list-style:none}.funnel-page .fn-agenda-beat{display:flex;gap:var(--space-5);padding-bottom:var(--space-8)}.funnel-page .fn-agenda-beat:last-child{padding-bottom:0}.funnel-page .fn-agenda-rail{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:none}.funnel-page .fn-agenda-time{font-size:12px;font-weight:500;color:var(--color-accent-brand-light);border:1px solid var(--color-border-muted);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);white-space:nowrap}.funnel-page .fn-agenda-line{flex:1;width:1px;background:var(--color-border-subtle)}.funnel-page .fn-agenda-copy{min-width:0}.funnel-page .fn-agenda-title{margin:0;font-size:var(--text-h4);font-weight:500;color:var(--color-text-primary)}.funnel-page .fn-agenda-body{margin:var(--space-2) 0 0;font-size:var(--text-body);line-height:1.7;color:var(--color-text-secondary);max-width:30em}}@layer properties,theme,base,components,utilities,site-patterns,site-components;@layer site-components{.funnel-page .fn-results-eyebrow{margin:0 0 var(--space-8);text-align:center;font-size:var(--text-small);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary)}.funnel-page .fn-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5)}.funnel-page .fn-metric{padding:var(--space-8) var(--space-5);text-align:center;background:var(--color-surface-1);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-card);container-type:inline-size}.funnel-page .fn-metric-value{margin:0;font-size:clamp(32px,25cqi,54px);font-weight:900;line-height:1;color:var(--color-accent-success)}.funnel-page .fn-metric-label{margin:var(--space-3) 0 0;font-size:var(--text-small);line-height:1.5;color:var(--color-text-secondary)}}
