.hero-section{--hero-text-primary:#141114;--hero-text-secondary:#6d5f68;--hero-accent:#e83e9c;--hero-cta-bg:linear-gradient(180deg,#ff5eb0,#e8309a);--hero-cta-text:#fff;--hero-cta-shadow:rgba(232,48,154,.38)}.hero-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;isolation:isolate;border:none;border-radius:9999px;background:var(--hero-cta-bg);color:var(--hero-cta-text);font-weight:600;letter-spacing:-.01em;text-decoration:none;cursor:pointer;box-shadow:0 1px 0 hsla(0,0%,100%,.35) inset,0 10px 28px var(--hero-cta-shadow),0 2px 6px rgba(20,17,20,.08);transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.hero-cta:before{content:"";position:absolute;inset:1px 10% auto;height:42%;border-radius:9999px;background:linear-gradient(180deg,hsla(0,0%,100%,.55),hsla(0,0%,100%,.12) 55%,hsla(0,0%,100%,0));pointer-events:none;z-index:0}.hero-cta>*{position:relative;z-index:1}.hero-cta:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 1px 0 hsla(0,0%,100%,.42) inset,0 14px 34px var(--hero-cta-shadow),0 3px 8px rgba(20,17,20,.1)}.hero-cta:active{transform:translateY(0);filter:brightness(1)}.hero-cta--nav{height:2.5rem;min-height:2.5rem;padding:0 1.25rem;font-size:14px}@media (min-width:1024px){.hero-cta--nav{height:2.75rem;min-height:2.75rem;padding:0 1.5rem;font-size:15px}}.hero-cta--primary{height:2.75rem;min-height:2.75rem;padding:0 1.75rem;font-size:15px}@media (min-width:640px){.hero-cta--primary{height:3rem;min-height:3rem;padding:0 1.85rem;font-size:16px}}.hero-phone{position:relative;z-index:2;width:min(100%,300px);aspect-ratio:900/1497;margin-inline:auto}@media (min-width:640px){.hero-phone{width:min(100%,340px)}}@media (min-width:1024px){.hero-phone{width:min(100%,380px)}}.hero-phone img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top center;object-position:top center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-elements,.hero-phone img{position:absolute;inset:0;pointer-events:none}.hero-elements{overflow:hidden}.hero-elements--back{z-index:1}.hero-elements--front{z-index:3}.hero-element{position:absolute;top:var(--el-top,auto);left:var(--el-left,auto);right:var(--el-right,auto);bottom:var(--el-bottom,auto);width:var(--el-width);max-width:none;transform-origin:center center;filter:var(--el-blur,none)}.hero-element,.hero-element-visual{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hero-element-visual{display:block;width:100%;height:auto;-webkit-user-drag:none;opacity:var(--el-opacity,1)}.hero-element--enter{animation:hero-el-enter .95s cubic-bezier(.16,1,.3,1) var(--enter-delay,0ms) both}.hero-element-visual--drift{animation:hero-el-drift var(--drift-dur,28s) ease-in-out .95s infinite alternate;will-change:transform}.hero-element--twinkle .hero-element-visual--drift{animation:hero-el-drift var(--drift-dur,28s) ease-in-out .95s infinite alternate,hero-el-twinkle var(--twinkle-dur,14s) ease-in-out .95s infinite alternate}@keyframes hero-el-enter{0%{opacity:0;transform:translate(var(--enter-x,-60px),var(--enter-y,12px)) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes hero-el-drift{0%{transform:translate(0) rotate(0deg)}to{transform:translate(var(--drift-x,8px),var(--drift-y,8px)) rotate(var(--drift-rot,3deg))}}@keyframes hero-el-twinkle{0%{opacity:var(--el-opacity,1)}to{opacity:calc(var(--el-opacity, 1) * .82)}}@media (max-width:767px){.hero-elements{clip-path:inset(calc(env(safe-area-inset-top, 0px) + 56px) 0 0 0)}.hero-elements--front{z-index:1}.hero-element--hide-mobile{display:none!important}.hero-element{top:var(--el-m-top,auto);left:var(--el-m-left,auto);right:var(--el-m-right,auto);bottom:var(--el-m-bottom,auto);width:var(--el-m-width)}.hero-element-visual{opacity:var(--el-m-opacity,1)}@keyframes hero-el-twinkle{0%{opacity:var(--el-m-opacity,1)}to{opacity:calc(var(--el-m-opacity, 1) * .82)}}}.hero-phone-in{z-index:2;animation:hero-phone-in .7s ease both}.hero-phone-out{z-index:1;animation:hero-phone-out .7s ease both}@keyframes hero-phone-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-phone-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(1.01)}}@media (prefers-reduced-motion:reduce){.hero-element--enter,.hero-element--twinkle .hero-element-visual--drift,.hero-element-visual--drift,.hero-phone-fade,.hero-phone-in,.hero-phone-out,.hero-scene-layer,.hero-scene-swap{animation:none!important}}