.cl-hero{--cl-accent:var(--color-primary,#6366f1);width:100%;position:relative;overflow:hidden}.cl-hero--cinema{color:#fff;background:#030712;min-height:clamp(22rem,52vh,36rem)}.cl-hero--cinema.cl-hero--page{border-bottom:1px solid #ffffff0f}.cl-hero__cinema-bg{z-index:0;position:absolute;inset:0}.cl-hero__cinema-gradient{opacity:.94;position:absolute;inset:0}.cl-hero__cinema-orb{filter:blur(80px);opacity:.5;pointer-events:none;border-radius:999px;animation:16s ease-in-out infinite cl-orb-drift;position:absolute}.cl-hero__cinema-orb--a{top:-12%;background:color-mix(in srgb, var(--cl-accent) 55%, transparent);width:min(28rem,55vw);height:min(28rem,55vw);inset-inline-end:-8%}.cl-hero__cinema-orb--b{bottom:-15%;background:#3b82f647;width:min(22rem,45vw);height:min(22rem,45vw);animation-delay:3s;inset-inline-start:-6%}.cl-hero__cinema-orb--c{top:38%;background:#a78bfa38;width:min(16rem,32vw);height:min(16rem,32vw);animation-delay:6s;inset-inline-start:38%}.cl-hero__cinema-overlay{pointer-events:none;background:linear-gradient(#03071233 28%,#0307128c 58%,#030712f5 100%),linear-gradient(270deg,#030712bf 0%,#0000 55%);position:absolute;inset:0}.cl-hero__cinema-grain{opacity:.1;mix-blend-mode:overlay;pointer-events:none;background-image:url(https://grainy-gradients.vercel.app/noise.svg);position:absolute;inset:0}.cl-hero__cinema-accent-line{top:0;background:linear-gradient(180deg, transparent, var(--cl-accent), transparent);width:3px;height:100%;box-shadow:0 0 28px color-mix(in srgb, var(--cl-accent) 50%, transparent);opacity:.85;z-index:2;pointer-events:none;position:absolute;inset-inline-end:0}.cl-hero__cinema-stage{z-index:3;min-height:inherit;flex-direction:column;justify-content:flex-end;padding:clamp(5.5rem,12vw,7rem) clamp(1rem,4vw,1.5rem) clamp(2.5rem,6vw,3.5rem);display:flex;position:relative}.cl-hero__cinema-dock{-webkit-backdrop-filter:blur(24px);background:#ffffff12;border:1px solid #ffffff24;border-radius:1.75rem;width:100%;max-width:80rem;margin-inline:auto;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 24px 64px #00000059,inset 0 1px #ffffff1f}.cl-hero__curve{bottom:-1px;z-index:4;pointer-events:none;line-height:0;position:absolute;inset-inline:0}.cl-hero__curve svg{width:100%;height:clamp(2rem,5vw,3.5rem);display:block}.cl-hero__curve path{fill:var(--color-surface-muted,#f4f4f5)}.cl-hero--glass{background:radial-gradient(ellipse 90% 70% at 90% 10%, color-mix(in srgb, var(--cl-accent) 12%, transparent), transparent 55%), radial-gradient(ellipse 70% 60% at 5% 95%, color-mix(in srgb, var(--cl-accent) 8%, transparent), transparent 50%), linear-gradient(165deg, var(--color-surface-muted,#f8fafc) 0%, var(--color-surface,#fff) 45%, color-mix(in srgb, var(--cl-accent) 4%, #fff) 100%);min-height:clamp(18rem,42vh,30rem)}.cl-hero--glass.cl-hero--page{border-bottom:1px solid var(--color-border,#00000014)}.cl-hero__glass-panel{z-index:2;-webkit-backdrop-filter:blur(28px)saturate(1.4);max-width:80rem;box-shadow:0 4px 24px #0f172a0f, 0 24px 64px color-mix(in srgb, var(--cl-accent) 8%, transparent), inset 0 1px 0 #ffffffe6;background:#ffffff8c;border:1px solid #ffffffbf;border-radius:2rem;margin-block:clamp(5rem,11vw,6.5rem) clamp(2rem,5vw,3rem);margin-inline:auto;padding:clamp(1.5rem,4vw,2.5rem);position:relative}:where(.dark) .cl-hero__glass-panel{box-shadow:0 4px 24px #00000040, 0 24px 64px color-mix(in srgb, var(--cl-accent) 12%, transparent);background:#18181b8c;border-color:#ffffff1a}.cl-hero__glass-shine{border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff59 0%,#0000 42% 100%);position:absolute;inset:0}.cl-hero__glass-ring{border-radius:inherit;background:linear-gradient(135deg, #fff9, color-mix(in srgb, var(--cl-accent) 25%, transparent), #fff3);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.cl-hero--compact{background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#00000014)}.cl-hero__compact-inner{z-index:2;max-width:80rem;margin-inline:auto;padding:clamp(5rem,10vw,6rem) clamp(1rem,4vw,1.5rem) clamp(1.25rem,3vw,1.75rem);position:relative}.cl-hero__compact-accent-bar{top:0;background:linear-gradient(to left, transparent, var(--cl-accent), transparent);opacity:.85;height:3px;position:absolute;inset-inline:0}.cl-hero__compact-row{flex-wrap:wrap;align-items:center;gap:clamp(.75rem,2vw,1.25rem);display:flex}.cl-hero__breadcrumb{align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.6875rem;font-weight:700;display:flex}.cl-hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.35rem .75rem;font-size:.625rem;font-weight:900;display:inline-flex}.cl-hero__title-row{flex-wrap:wrap;align-items:center;gap:clamp(.65rem,2vw,1rem);display:flex}.cl-hero__emoji{filter:drop-shadow(0 4px 12px #00000026);font-size:clamp(2.25rem,5vw,3.25rem);line-height:1}.cl-hero__title{letter-spacing:-.03em;font-size:clamp(1.75rem,4.5vw,3.25rem);font-weight:900;line-height:1.08}.cl-hero__tagline{max-width:42rem;margin-top:.65rem;font-size:clamp(.8125rem,1.8vw,.9375rem);font-weight:500;line-height:1.65}.cl-hero__highlights{flex-wrap:wrap;gap:.45rem;margin-top:.85rem;display:flex}.cl-hero__chip{white-space:nowrap;border-radius:999px;padding:.35rem .75rem;font-size:.6875rem;font-weight:800}.cl-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin-top:1.25rem;display:grid}.cl-hero__stat{text-align:center;border-radius:1rem;flex-direction:column;gap:.2rem;padding:.85rem .65rem;display:flex}.cl-hero__stat-value{font-size:clamp(1rem,2.2vw,1.25rem);font-weight:900;line-height:1.1}.cl-hero__stat-label{opacity:.72;font-size:.625rem;font-weight:700}.cl-hero__product-banner{border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.85rem;padding:.65rem 1rem;font-size:.75rem;font-weight:900;display:flex}.cl-hero__cta{white-space:nowrap;border-radius:1rem;flex-shrink:0;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.875rem;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.cl-hero__cta:hover{transform:translateY(-2px)}.cl-hero__grid{gap:clamp(1.25rem,3vw,2rem);display:grid}@media (min-width:1024px){.cl-hero__grid--split{grid-template-columns:1fr minmax(14rem,22rem);align-items:end}.cl-hero__grid--promo{grid-template-columns:1fr auto;align-items:center}}.cl-hero--promo.cl-hero--cinema{min-height:unset;border:1px solid #0000;border-radius:2rem}.cl-hero--promo.cl-hero--cinema .cl-hero__cinema-stage{min-height:unset;padding:0}.cl-hero--promo.cl-hero--cinema .cl-hero__cinema-dock{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:2rem}.cl-hero--promo.cl-hero--glass{min-height:unset;border:1px solid var(--color-border);border-radius:2rem}.cl-hero--promo.cl-hero--glass .cl-hero__glass-panel{box-shadow:none;border-radius:2rem;margin:0}.cl-hero--promo.cl-hero--compact{border:1px solid var(--color-border);border-radius:2rem}.cl-hero--promo.cl-hero--compact .cl-hero__compact-inner{padding:clamp(1.5rem,4vw,2.5rem)}.cl-hero--promo .cl-hero__curve,.cl-hero--promo .cl-hero__cinema-accent-line{display:none}@keyframes cl-orb-drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-3%,4%)scale(1.04)}66%{transform:translate(2%,-3%)scale(.97)}}@media (prefers-reduced-motion:reduce){.cl-hero__cinema-orb{animation:none}}