.app-landing{--app-device-ink:oklch(16% 0 0);--app-store-paper:oklch(100% 0 0);--app-play-blue:oklch(73% .14 230);--app-play-green:oklch(74% .18 145);--app-play-yellow:oklch(88% .17 90);--app-play-red:oklch(62% .23 25);--app-device-shadow:0 18px 42px color-mix(in oklab, var(--foreground) 16%, transparent);letter-spacing:0}.app-landing h1,.app-landing h2,.app-landing h3{letter-spacing:0}.app-store-badge.app-store-badge{background:var(--app-device-ink);min-width:0;height:56px;color:var(--app-store-paper);border:1px solid color-mix(in oklab, var(--app-store-paper) 20%, var(--app-device-ink));opacity:1;border-radius:8px;gap:9px;padding:0 12px}.app-store-badge.app-store-badge:disabled{opacity:1;cursor:default}.app-store-badge.app-store-badge:hover{background:var(--app-device-ink);color:var(--app-store-paper)}.app-store-badge.app-store-badge svg{width:26px;height:28px}.app-play-blue{fill:var(--app-play-blue)}.app-play-green{fill:var(--app-play-green)}.app-play-yellow{fill:var(--app-play-yellow)}.app-play-red{fill:var(--app-play-red)}.app-device{border:3px solid var(--app-device-ink);background:var(--app-device-ink);box-shadow:var(--app-device-shadow);border-radius:14%/6.4%;position:relative;overflow:hidden}.app-device:after{content:"";z-index:1;background:var(--app-device-ink);pointer-events:none;border-radius:999px;width:29%;height:1.6%;position:absolute;top:2%;left:35.5%}.app-device img{filter:none;transform:none}.app-history-fallback{filter:drop-shadow(var(--app-device-shadow))}.app-hero-screens{aspect-ratio:1.13;width:100%;max-width:740px;margin:34px auto 0;position:relative}.app-hero-screens>.app-hero-left{z-index:1;width:30%;position:absolute;top:11%;left:5%;transform:rotate(-5deg)}.app-hero-screens>.app-hero-center{z-index:3;width:38%;position:absolute;top:0;left:31%}.app-hero-screens>.app-hero-right{z-index:2;width:30%;position:absolute;top:11%;right:5%;transform:rotate(5deg)}.app-hero-promek{z-index:4;pointer-events:none;width:11%;max-width:60px;height:auto;position:absolute;bottom:0;left:0}.app-feature-band{background:color-mix(in oklab, var(--card) 55%, var(--muted))}.app-feature-inner{gap:36px;max-width:1100px;margin-inline:auto;padding:64px 24px;display:grid}.app-section-label{align-items:center;gap:8px;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.app-section-label:before{content:"";background:var(--brand);border-radius:2px;width:4px;height:16px}.app-section-title{max-width:540px;font-size:36px;font-weight:800;line-height:1.12}.app-section-copy{max-width:410px;color:var(--muted-foreground);margin-top:20px;font-size:16px;line-height:1.65}.app-feature-shot{width:100%;max-width:300px;margin-inline:auto}@media (width>=768px){.app-hero-screens{aspect-ratio:1.28;max-width:700px;margin-top:48px}.app-hero-screens>.app-hero-left{width:30%;left:3%;transform:rotate(-4deg)}.app-hero-screens>.app-hero-center{width:35%;left:32.5%}.app-hero-screens>.app-hero-right{width:30%;right:3%;transform:rotate(4deg)}.app-hero-promek{bottom:2%;left:0}.app-feature-inner{grid-template-columns:1fr 1fr;align-items:center;gap:90px;padding:90px 32px}.app-feature-reverse>:first-child{order:2}.app-section-title{font-size:48px}.app-section-copy{font-size:18px}.app-feature-shot{max-width:330px}}