.app-hero{overflow:hidden}.app-hero__grid{display:grid;gap:0;padding-bottom:32px;text-align:center}.app-hero__copy{position:relative;z-index:1}.app-hero-title{font-family:var(--ds-font-display);font-weight:600;font-size:32px;line-height:1.05;letter-spacing:0;color:var(--ds-fg);max-width:100%}.app-hero-title__line{display:block}.app-hero-title__accent{color:var(--ds-blue-vibrant);white-space:nowrap}.app-hero__lead{margin:16px auto 0;max-width:560px;font-size:16px;line-height:1.4;color:var(--ds-fg-muted)}.app-hero__downloads{position:relative;z-index:1;margin-top:-8px}.app-hero__more{display:inline-block;margin-top:12px;font-size:14px;color:var(--ds-fg-muted);text-decoration:underline;text-underline-offset:4px}.app-hero__more:hover,.app-hero__more:focus-visible{color:var(--ds-fg)}.app-stores{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:0}.app-store{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:12px;border:1px solid var(--ds-blue);background:var(--ds-blue);color:hsl(var(--primary-foreground));font-family:var(--ds-font-display);font-weight:600;font-size:15px;line-height:1;white-space:nowrap;transition:background .15s ease,border-color .15s ease}.app-store:hover{background:var(--ds-blue-vibrant);border-color:var(--ds-blue-vibrant)}.app-store:focus-visible,.app-hero__more:focus-visible{outline:2px solid var(--ds-fg);outline-offset:4px}.app-preview{position:relative;margin-top:16px;height:336px}.app-preview__scene{position:absolute;inset:0;overflow:hidden}.app-preview__scene img{position:absolute;top:0;left:50%;transform:translate(-50%);width:750px;max-width:none;height:auto;-webkit-mask-image:linear-gradient(to bottom,transparent,var(--ds-fg) 16px),linear-gradient(to right,transparent,var(--ds-fg) 8%,var(--ds-fg) 92%,transparent);mask-image:linear-gradient(to bottom,transparent,var(--ds-fg) 16px),linear-gradient(to right,transparent,var(--ds-fg) 8%,var(--ds-fg) 92%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.app-preview__caption{display:none}.app-context{display:grid;gap:32px;align-items:center;margin-bottom:64px}.app-context__copy{max-width:440px}.app-context__images{display:flex;flex-direction:column;align-items:flex-end;gap:16px;min-width:0}.app-context__images img{display:block;width:100%;height:auto;border:1px solid var(--ds-border);border-radius:20px}.app-context__images img:first-child{max-width:738px}.app-context__images img:last-child{max-width:493px}@media(max-width:899px){.app-store{padding-inline:16px}}@media(min-width:900px){.app-hero__grid{padding-bottom:32px}.app-hero-title{font-size:42px}.app-hero__lead{font-size:18px}.app-preview{height:400px}.app-preview__scene img{width:900px}.app-preview__caption{display:block;position:absolute;top:112px;text-align:left}.app-preview__caption--left{right:calc(50% + 180px)}.app-preview__caption--right{left:calc(50% + 190px)}.app-preview__caption h2{font-family:var(--ds-font-display);font-size:32px;font-weight:600;line-height:1.05;color:var(--ds-fg)}.app-preview__caption p{margin-top:12px;font-size:18px;line-height:1.4;color:var(--ds-fg-muted)}.app-preview__caption:after{content:"";position:absolute;top:88px;width:64px;border-top:1px solid var(--ds-border-strong)}.app-preview__caption--left:after{left:calc(100% + 16px)}.app-preview__caption--right:after{right:calc(100% + 16px)}.app-stores{gap:18px}.app-context{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}}@media(min-width:1200px){.app-hero-title{font-size:52px}.app-preview{height:448px}.app-preview__scene img{width:1000px}.app-preview__caption{top:128px}.app-preview__caption--left{right:calc(50% + 224px)}.app-preview__caption--right{left:calc(50% + 240px)}.app-preview__caption h2{font-size:40px}}@media(prefers-reduced-motion:reduce){.app-store{transition:none}}