.site-hero-visual{isolation:isolate;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative}.site-hero-mesh{z-index:-1;background:radial-gradient(38% 42% at 22% 18%, color-mix(in srgb, var(--color-accent) 55%, transparent), transparent 70%), radial-gradient(46% 50% at 78% 28%, color-mix(in srgb, var(--color-brand) 65%, transparent), transparent 70%), radial-gradient(55% 60% at 50% 85%, color-mix(in srgb, var(--color-brand-dark) 45%, transparent), transparent 75%);filter:blur(28px);opacity:.55;position:absolute;inset:-10%}.site-phone-frame{z-index:1;aspect-ratio:9/19.5;background:linear-gradient(155deg, var(--color-shell), var(--color-brand-dark));width:min(62vw,240px);box-shadow:0 30px 60px -24px color-mix(in srgb, var(--color-shell) 55%, transparent), 0 0 0 1px color-mix(in srgb, var(--color-surface) 8%, transparent) inset;border-radius:2.6rem;padding:14px 10px;position:relative}.site-phone-screen{background:var(--color-shell);border-radius:1.9rem;width:100%;height:100%;position:relative;overflow:hidden}.site-phone-screen img{object-fit:cover}.site-phone-notch{z-index:2;background:color-mix(in srgb, var(--color-shell) 70%, black);border-radius:999px;width:34%;height:8px;margin-inline:auto;position:absolute;inset-block-start:14px;inset-inline:0}.site-hero-badge{z-index:2;background:var(--color-surface);width:72px;height:72px;box-shadow:0 16px 32px -18px color-mix(in srgb, var(--color-shell) 45%, transparent);border-radius:20px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;inset-block-end:6%;inset-inline-start:4%;overflow:hidden}.site-hero-badge img{object-fit:contain;width:100%;height:100%}@media (min-width:64rem){.site-phone-frame{width:min(20vw,260px)}.site-hero-badge{width:88px;height:88px}}.site-grain{z-index:0;opacity:.05;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.site-hero{isolation:isolate}.site-app-mesh{isolation:isolate;position:relative}.site-app-mesh:before{content:"";z-index:-1;background:radial-gradient(45% 55% at 15% 10%, color-mix(in srgb, var(--color-brand) 32%, transparent), transparent 72%), radial-gradient(50% 60% at 90% 80%, color-mix(in srgb, var(--color-accent) 28%, transparent), transparent 72%);filter:blur(30px);position:absolute;inset:-8%}