.hero-card{background-image:linear-gradient(145deg, #ffffffe6 0%, #ffffff9e 100%), linear-gradient(145deg, color-mix(in oklab, var(--tint,var(--color-hero-teal)) 28%, transparent) 0%, transparent 64%);border:1px solid color-mix(in oklab, var(--tint,var(--color-hero-teal)) 34%, transparent);box-shadow:0 22px 48px -22px color-mix(in oklab, var(--tint,var(--color-hero-teal)) 85%, transparent), 0 0 26px -10px color-mix(in oklab, var(--tint,var(--color-hero-teal)) 55%, transparent), inset 0 1px 0 0 #ffffffe6;transition:box-shadow .35s,border-color .35s}.hero-tilt{position:relative}.hero-tilt:before{content:"";z-index:-1;background:radial-gradient(62% 62% at 50% 50%, color-mix(in oklab, var(--tint,var(--color-hero-teal)) 58%, transparent) 0%, color-mix(in oklab, var(--tint,var(--color-hero-teal)) 26%, transparent) 40%, color-mix(in oklab, var(--tint,var(--color-hero-teal)) 7%, transparent) 62%, transparent 80%);pointer-events:none;opacity:.6;border-radius:2rem;position:absolute;inset:-16%}.hero-card{position:relative}.hero-card:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(140deg, color-mix(in oklab, var(--tint,var(--color-hero-teal)) 90%, transparent) 0%, transparent 58%);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}@media (min-width:64rem){.hero-tilt:hover .hero-card{box-shadow:0 32px 64px -26px color-mix(in oklab, var(--tint,var(--color-hero-teal)) 92%, transparent), 0 0 38px -12px color-mix(in oklab, var(--tint,var(--color-hero-teal)) 65%, transparent), inset 0 1px 0 0 #fffffff2}}.hero-chip{border:1px solid color-mix(in oklab, var(--tint,var(--color-hero-teal)) 32%, transparent);background-color:color-mix(in oklab, var(--tint,var(--color-hero-teal)) 9%, #fff);color:var(--color-hero-deep);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-three-veil{background-image:linear-gradient(100deg,#02161ad1 0%,#02161a8f 26%,#02161a29 50%,#0000 68%),linear-gradient(#0000 70%,#02161a57 100%)}@media (max-width:63.999rem){.hero-three-veil{background-image:linear-gradient(#02161ae6 0%,#02161ad1 40%,#02161a85 66%,#02161a4d 100%)}}.hero-three-stage{transform-origin:50% 45%}@media (min-width:64rem){.hero-three-stage{transform:scale(.8)}}@media (min-width:80rem){.hero-three-stage{transform:scale(.93)}}@media (min-width:90rem){.hero-three-stage{transform:none}}.h3-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #ffffff4d;transition:border-color .3s,background-color .3s}.h3-ghost:hover{background-color:#fff3;border-color:#fff9}.h3-play{background-image:linear-gradient(150deg, var(--color-brand-500), var(--color-brand-700));color:#fff;box-shadow:0 6px 14px -6px #02161ab3,inset 0 1px #ffffff4d}.h3-accent{background-image:linear-gradient(104deg, var(--color-hero-cyan) 0%, var(--color-brand-300) 46%, var(--color-hero-cyan) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.h3-copy-glow{z-index:-1;pointer-events:none;background:radial-gradient(58% 54% at 34% 44%,#02161a9e 0%,#02161a61 42%,#0000 78%);position:absolute;inset:-12% -22% -18% -34%}.hero-script{text-shadow:0 1px 2px #02161aa6,0 2px 14px #02161abf,0 0 34px #02161a99}@media (prefers-reduced-motion:no-preference){.px-lift{--px-a:var(--px-near);--px-b:calc(var(--px-mid) * -.55)}.px-drift{--px-a:calc(var(--px-near) * .5);--px-b:calc(var(--px-near) * -.6)}@supports (animation-timeline:view()){.px-fade-exit{--px-o-b:.25;animation:linear both px-drift,linear both px-fade;animation-timeline:var(--px-timeline,view()), var(--px-timeline,view());animation-range:var(--px-range,cover 0% cover 100%), exit 32% exit 100%}}}.h3-seam{background-image:linear-gradient(to bottom, var(--color-hero-ink) 0%, color-mix(in oklab, var(--color-hero-ink) 55%, #fff) 45%, color-mix(in oklab, var(--color-hero-ink) 12%, #fff) 78%, #fff 100%)}