.app-collection{padding-bottom:var(--space-64)}.app-collection .app-grid{gap:var(--space-32);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding-top:0}html:root .app-card{isolation:isolate;min-width:0;padding:0;position:relative;overflow:hidden}.app-card-target{z-index:1;border-radius:inherit;position:absolute;inset:0}.app-card-target:focus-visible{outline:2px solid var(--ui-accent);outline-offset:-4px}.app-card .app-card-download{z-index:2;min-height:var(--space-24);position:relative}.app-card-case-label{align-items:center;gap:var(--space-4);display:inline-flex}.app-card .card-actions>.app-card-case-label{margin-left:0}@media (hover:hover) and (pointer:fine){.app-card-target:hover~.app-card-copy .app-card-case-label{color:var(--ui-accent-strong)}.app-card-target:hover~.app-card-copy .app-card-case-label:after{transform:scaleX(1)}}.app-card-copy{padding:var(--space-24);flex-direction:column;flex:1;display:flex}.app-card-identity{gap:var(--space-12);margin-bottom:var(--space-16);align-items:center;display:flex}.app-card-identity img{flex:none}html:root .app-card h2{margin:0 0 var(--space-4)}.app-card-identity span{color:var(--ui-text-muted);font-size:var(--type-small-size)}html:root .app-card-copy>p{margin-bottom:var(--space-24);max-width:52ch;font-size:16px;line-height:1.6}.app-card .card-actions{gap:var(--space-24);flex-wrap:wrap;margin-top:auto;display:flex}.app-grid>.app-foundation:last-child:nth-child(odd){grid-column:1/-1}@media (min-width:701px){.app-grid>.app-foundation:last-child:nth-child(odd) .app-card-copy{gap:var(--space-24) 0;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.app-grid>.app-foundation:last-child:nth-child(odd) .app-card-identity{margin:0;padding-inline-end:var(--space-32)}html:root .app-grid>.app-foundation:last-child:nth-child(odd) .app-card-copy>p{max-width:none;border-inline-start:1px solid var(--ui-border);align-items:center;margin:0;padding-inline-start:var(--space-32);display:flex;position:relative}.app-grid>.app-foundation:last-child:nth-child(odd) .app-card-copy>p:after{content:"";inset-inline-start:-1px;height:var(--space-24);border-inline-start:1px solid var(--ui-border);pointer-events:none;position:absolute;top:100%}.app-grid>.app-foundation:last-child:nth-child(odd) .card-actions{grid-column:1/-1;margin-top:0}}.app-preview{min-width:0;margin:0}.app-preview .project-storefront-frame img{aspect-ratio:auto;border-radius:calc(var(--radius-card) - 1px);width:100%;height:auto;display:block}.app-preview .app-demo-motion{position:absolute;inset:0}.app-preview .app-demo-caption{align-items:start;gap:var(--space-12);grid-template-columns:minmax(0,1fr) auto;display:grid}.app-demo-toggle{width:44px;height:44px}.app-demo-toggle:disabled{cursor:default}.app-preview figcaption{margin-top:var(--space-12);color:var(--ui-text-muted);font-size:var(--type-mono-metadata-size);line-height:1.6}.project-hero.app-case-intro{border-bottom:0;padding-bottom:0}.app-case-brand{border-inline-end:1px solid var(--ui-border);align-self:stretch;place-items:center;padding-inline-end:var(--space-32);display:grid}.app-case-brand img{width:112px;max-width:100%;height:auto;display:block}.app-case-actions{gap:var(--space-24);flex-wrap:wrap;display:flex}.app-case-facts{margin-bottom:0}.app-case-visual{padding-block:var(--space-48)}.app-case-visual .app-preview{max-width:640px;margin:0 auto}.app-story-section{gap:var(--space-64);padding-block:var(--space-48);border-top:1px solid var(--ui-border);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.app-story-section h2{max-width:24ch;margin:0;font-size:clamp(24px,2.5vw,32px);line-height:1.25}.app-story-section p{max-width:68ch;color:var(--ui-text-muted);margin:0;line-height:1.75}.app-story-section p+p,.app-story-section .text-link{margin-top:var(--space-24)}.app-access-section .text-link{margin-top:0}.app-access-section .app-distribution{margin-top:var(--space-16);font-size:var(--type-small-size);line-height:1.6}.app-release-facts{margin:var(--space-24) 0 0;grid-template-columns:1fr;display:grid}.app-release-facts dt{color:var(--ui-text-muted);font-family:var(--font-mono);font-size:var(--type-mono-metadata-size);line-height:var(--type-mono-metadata-line-height);margin-bottom:var(--space-8)}.app-release-facts dd{margin:0;line-height:1.6}.app-build-section ul{margin:0;padding:0;list-style:none}.app-build-section li{padding-block:var(--space-16);border-bottom:1px solid var(--ui-border);color:var(--ui-text-muted);line-height:1.65}.app-build-section li:first-child{padding-top:0}.app-build-section li:last-child{border-bottom:0;padding-bottom:0}@media (max-width:700px){.app-collection .app-grid{gap:var(--space-24);grid-template-columns:1fr}.app-card-copy{padding:20px}.app-case-brand{border:0;justify-items:start;padding:0}.app-case-brand img{width:88px}.app-release-facts{gap:var(--space-24);grid-template-columns:1fr}.app-case-visual{padding-block:var(--space-32)}.app-story-section{gap:var(--space-24);padding-block:var(--space-32);grid-template-columns:1fr}}
