.template-detail{--template-glow:var(--template-accent,var(--color-cobalt-500))}.template-hero-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--template-glow) 16%, transparent), transparent 72%);pointer-events:none;height:140%;position:absolute;inset:-35% -25% auto 30%}.template-hero-stage{aspect-ratio:5/4;width:100%;max-width:620px;margin-inline:auto;position:relative}.template-hero-stage-glow{background:radial-gradient(46% 42% at 50% 46%, color-mix(in srgb, var(--template-glow) 34%, transparent) 0%, transparent 100%), radial-gradient(70% 60% at 50% 55%, color-mix(in srgb, var(--template-glow) 12%, transparent) 0%, transparent 100%);filter:blur(6px);position:absolute;inset:4% -6% 0}.template-hero-stage:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#0b0f1a38,#0000);border-radius:50%;height:7%;position:absolute;bottom:1%;left:16%;right:16%}.template-hero-phone{aspect-ratio:9/19.5;cursor:zoom-in;background:#0b0f1a;border:5px solid #0b0f1a;border-radius:30px;padding:0;transition:scale .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;animation:.8s cubic-bezier(.22,1,.36,1) both template-phone-rise;position:absolute;overflow:hidden;box-shadow:0 40px 70px -32px #0b0f1a80,inset 0 0 0 1px #ffffff0f}.template-hero-phone:hover{scale:1.025;box-shadow:0 48px 80px -30px #0b0f1a8c,inset 0 0 0 1px #ffffff14}.template-hero-phone:focus-visible{outline:3px solid var(--color-cobalt-500);outline-offset:3px}.template-hero-phone img{object-fit:cover;object-position:top;border-radius:25px;width:100%;height:100%;display:block}.template-hero-phone.is-center{z-index:2;width:37%;top:0;left:50%;translate:-50%}.template-hero-phone.is-left{z-index:1;width:30%;animation-delay:80ms;top:14%;left:5%;rotate:-7deg}.template-hero-phone.is-right{z-index:1;width:30%;animation-delay:.14s;top:14%;right:5%;rotate:7deg}@keyframes template-phone-rise{0%{transform:translateY(18px)}to{transform:none}}.template-hero-stage.is-still .template-hero-phone{animation:none}@media (prefers-reduced-motion:reduce){.template-hero-phone{animation:none}}@media (max-width:640px){.template-hero-stage{max-width:420px}.template-hero-phone{border-width:4px;border-radius:22px}.template-hero-phone img,.template-video-loop>video{border-radius:18px}}@media (max-width:1023px){:root.template-use-bar-shown .marketing-chat-launcher{bottom:calc(80px + env(safe-area-inset-bottom))}}.template-final-glow{pointer-events:none;position:absolute}.template-final-scrim{pointer-events:none;background:radial-gradient(44% 56% at 50% 48%,#05070da3 0%,#05070d57 58%,#0000 100%);position:absolute;inset:0}.template-final-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--template-glow) 45%, transparent), transparent 72%);opacity:.6;height:130%;inset:auto -10% -70%}