.app-badge{gap:var(--space-4);padding:var(--space-2) var(--space-6) var(--space-2) var(--space-2);margin-bottom:var(--space-6);text-align:left;background:var(--color-surface-2);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-pill);align-items:center;display:inline-flex}.app-badge__icon{flex-shrink:0;margin:0}.app-badge__icon img{width:var(--size-avatar-md);height:var(--size-avatar-md);display:block}.app-badge__text{font-size:var(--font-size-sm);line-height:var(--line-height-snug);color:var(--color-text-subtle);margin:0}.app-badge__text strong{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);display:block}.hero__perks{gap:var(--space-2) var(--space-6);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}@media (width>=60em){.hero__perks{justify-content:flex-start}}.hero__perks li{gap:var(--space-2);max-width:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);align-items:center;margin:0;display:inline-flex}.hero__perks li:before{vertical-align:-.125em;content:"";width:1em;height:1em;-webkit-mask:var(--icon-check) center/contain no-repeat;mask:var(--icon-check) center/contain no-repeat;color:var(--color-primary);background-color:currentColor;flex-shrink:0;display:inline-block}.hero__qr{display:none}@media (width>=60em){.hero__qr{gap:var(--space-4);max-width:26rem;padding:var(--space-4);margin-top:var(--space-8);background:var(--color-surface-1);border:var(--border-width-thin) dashed var(--color-border-strong);border-radius:var(--radius-lg);align-items:center;display:flex}}.hero__qr .wp-block-image{flex-shrink:0;margin:0}.hero__qr img{width:var(--size-avatar-lg);height:var(--size-avatar-lg);border-radius:var(--radius-sm);display:block}.hero__qr p{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.hero__content>.wp-block-image{margin:0}.hero__content>.wp-block-image img{border:var(--border-width-medium) solid var(--color-border-strong);border-radius:var(--radius-xl);width:min(100%,18rem);height:auto;box-shadow:var(--shadow-xl), var(--shadow-glow-lg);margin-inline:auto;display:block}.phone-stack{--tilt-x:0deg;--tilt-y:0deg;width:min(100%,30rem);padding-block:var(--space-6);perspective:75rem;place-items:center;margin-inline:auto;display:grid;position:relative}.phone-stack__phone{width:min(48%,12rem);transition:transform var(--transition-slow), filter var(--transition-slow);grid-area:1/1;margin:0}.phone-stack__phone img{border:var(--border-width-medium) solid var(--color-border-strong);border-radius:var(--radius-xl);width:100%;height:auto;box-shadow:var(--shadow-xl);display:block}.phone-stack__phone--left{filter:brightness(.7);transform:translate(-46%)rotate(-7deg)scale(.9)}.phone-stack__phone--right{filter:brightness(.7);transform:translate(46%)rotate(7deg)scale(.9)}.phone-stack__phone--front{z-index:var(--z-raised);width:min(60%,15rem);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}.phone-stack__phone--front img{box-shadow:var(--shadow-xl), var(--shadow-glow-lg)}@media (width>=48.875em){.phone-stack__phone--left{transform:translate(-58%)rotate(-8deg)scale(.9)}.phone-stack__phone--right{transform:translate(58%)rotate(8deg)scale(.9)}}@media (hover:hover) and (pointer:fine){.phone-stack:hover .phone-stack__phone--left{filter:brightness(.9);transform:translate(-70%)rotate(-11deg)scale(.92)}.phone-stack:hover .phone-stack__phone--right{filter:brightness(.9);transform:translate(70%)rotate(11deg)scale(.92)}}.phone-stack__chip{z-index:var(--z-float);gap:var(--space-2);max-width:none;padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);white-space:nowrap;background:var(--color-header-bg-scrolled);border:var(--border-width-thin) solid var(--color-border-strong);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);animation:phone-stack-float calc(var(--duration-slower) * 8) var(--ease-in-out) infinite;align-items:center;margin:0;display:inline-flex;position:absolute}@media (width>=48.875em){.phone-stack__chip{font-size:var(--font-size-sm)}}.phone-stack__chip:before{width:var(--space-2);height:var(--space-2);content:"";background:var(--color-primary);border-radius:var(--radius-circle);flex-shrink:0}.phone-stack__chip--top{top:14%;left:0}.phone-stack__chip--middle{animation-delay:calc(var(--duration-slower) * -3);top:48%;right:0}.phone-stack__chip--middle:before{background:var(--color-accent)}.phone-stack__chip--bottom{animation-delay:calc(var(--duration-slower) * -5);bottom:12%;left:4%}.phone-stack__chip--bottom:before{background:var(--color-secondary)}.phone-stack__chip--live:before{box-shadow:0 0 0 var(--border-width-thick) var(--color-primary-ring);animation:pulse calc(var(--duration-slower) * 2) var(--ease-in-out) infinite}@keyframes phone-stack-float{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--space-2) * -1))}}.app-promo{gap:var(--space-8);padding:var(--space-8) var(--space-6) 0;text-align:center;background:radial-gradient(90% 120% at 100% 0%, var(--color-primary-soft), transparent 60%), radial-gradient(70% 90% at 0% 100%, var(--color-accent-soft), transparent 60%), var(--color-surface-card);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-xl);grid-template-columns:minmax(0,1fr);align-items:center;display:grid;overflow:hidden}@media (width>=60em){.app-promo{padding:var(--space-12) var(--space-12) 0;text-align:left;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.app-promo__copy{padding-bottom:var(--space-12)}}.app-promo__copy .section__title{margin-bottom:var(--space-4)}.app-promo__lead{max-width:var(--hero-measure);margin:0 auto var(--space-6);font-size:var(--font-size-lg);color:var(--color-text-muted)}@media (width>=60em){.app-promo__lead{margin-inline:0}}.app-promo__actions{gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;justify-content:center;display:flex}@media (width>=60em){.app-promo__actions{justify-content:flex-start}}.app-promo__visual{align-self:end;max-height:22rem;overflow:hidden}@media (width>=60em){.app-promo__visual{max-height:26rem}}.app-promo__visual .phone-stack{transition:transform var(--transition-slow);place-items:start center;padding-bottom:0}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.app-promo:hover .phone-stack{transform:translateY(calc(var(--space-4) * -1))}}
