.apps-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center;padding-top:190px;padding-bottom:100px}.apps-display{font-size:clamp(2.2rem,4.2vw,4.3rem);font-weight:400;line-height:1.45;letter-spacing:-.035em;margin:1.5rem 0 1.8rem}.apps-lead{color:#b3b3b3;line-height:2.1;font-size:.96rem}.apps-hero .hero-actions{margin-top:2.2rem;gap:1.2rem}.apps-hero .text-link{font-size:.75rem}.apps-shortcuts{display:grid;gap:1rem;padding:1rem;position:relative;isolation:isolate}.apps-shortcuts:before{content:'';position:absolute;inset:-50px;z-index:-1;background:radial-gradient(ellipse,#ff660018,transparent 70%);pointer-events:none}.app-shortcut{display:flex;align-items:center;gap:1.4rem;padding:1.3rem 1.5rem;border:1px solid #ffffff1c;border-radius:15px;background:linear-gradient(120deg,#171717,#101010);transition:transform .35s,border-color .35s}.app-shortcut:hover{transform:translateX(5px);border-color:#ff660077;color:inherit}.app-shortcut .app-icon{width:64px;height:64px;flex-shrink:0}.app-shortcut h2{font-size:1.15rem;font-weight:500;line-height:1.7;letter-spacing:.015em}.app-shortcut-purpose{font-size:.72rem;color:#aaa;line-height:1.8;margin-bottom:.15rem}.app-arrow{color:var(--color-accent);margin-left:auto;font-size:1.3rem}.apps-platform{font-size:.67rem;color:#999;padding:.3rem 1.5rem;letter-spacing:.04em}.apps-page-nav{position:sticky;top:102px;z-index:20;background:#0c0c0ced;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;backdrop-filter:blur(14px)}.apps-page-nav>div{display:flex;gap:2.5rem;overflow-x:auto;scrollbar-width:none}.apps-page-nav a{display:flex;gap:1rem;align-items:center;white-space:nowrap;font-size:.8rem;padding:1.2rem 0;color:#bbb}.apps-page-nav a:hover{color:var(--color-accent)}.apps-page-nav a span{color:var(--color-accent)}.app-collection{padding-top:1rem;scroll-margin-top:165px}.app-product{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:center;padding:5.5rem 0;border-bottom:1px solid #ffffff1c;scroll-margin-top:160px}.app-product:nth-child(even){grid-template-columns:1fr 1.1fr}.app-product:nth-child(even) .app-visual{order:2}.app-copy{min-width:0}.app-product-name{display:flex;align-items:center;gap:1rem;margin:1.3rem 0}.app-product-name .app-icon{width:54px;height:54px;flex-shrink:0}.app-product-name h2{font-size:1.4rem;font-weight:500;letter-spacing:.015em}.app-headline{font-size:clamp(1.6rem,2.7vw,2.3rem);font-weight:400;line-height:1.6;letter-spacing:-.015em;margin:1rem 0 1.5rem}.app-description{font-size:.88rem;line-height:2;color:#bbb}.app-features{list-style:none;padding:0;margin:1.5rem 0 1.8rem;display:grid;gap:.6rem}.app-features li{font-size:.8rem;line-height:1.9;padding-left:1rem;position:relative;color:#d5d5d5}.app-features li:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--color-accent);position:absolute;left:0;top:.8em}.app-store-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.app-store-link{font-size:.8rem;padding:1rem 1.5rem}.app-model{font-size:.68rem;line-height:1.8;color:#aaa}.app-requirements{font-size:.7rem;line-height:1.9;color:#bdbdbd;margin-top:1.2rem}.app-note{font-size:.68rem;line-height:1.9;color:#929292;margin-top:.65rem;max-width:35rem}.app-visual{min-width:0}.app-screen{display:block;position:relative;width:100%;padding:0;border:1px solid #ffffff30;border-radius:12px;background:#151515;overflow:hidden;cursor:zoom-in;box-shadow:0 30px 65px #0006;transition:transform .4s,border-color .4s}.app-screen img{width:100%;height:auto;display:block}.app-screen:hover{transform:translateY(-5px);border-color:#ff660066}.app-enlarge{position:absolute;right:1rem;bottom:1rem;color:#fff;background:#151515ef;border:1px solid #ffffff35;border-radius:30px;padding:.5rem .8rem;font:inherit;font-size:.62rem}.app-screen-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.62rem;color:#888;padding:1.2rem .2rem}.app-secondary-screen{background:none;border:0;font:inherit;font-size:.65rem;cursor:pointer;padding:0;text-align:right}.apps-price-note{font-size:.7rem;color:#888;line-height:1.9;margin:1.7rem 0 0}.apps-closing{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding-top:6rem;padding-bottom:7rem}.apps-closing .display-heading{font-size:clamp(1.7rem,3vw,2.5rem)}.apps-closing .section-lead{font-size:.9rem}.apps-closing .text-link{display:inline-block;margin-top:1.5rem;font-size:.8rem}.app-image-dialog{padding:0;border:1px solid #ffffff30;border-radius:12px;background:#141414;color:#eee;width:min(1180px,calc(100% - 2rem));max-width:none;max-height:calc(100dvh - 2rem);box-shadow:0 40px 100px #0009}.app-image-dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}.app-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.5rem;border-bottom:1px solid #ffffff20}.app-dialog-bar h2{font-size:.9rem;font-weight:400;line-height:1.6}.app-image-dialog>img{display:block;width:100%;height:auto}.app-image-open{overflow:hidden}@media(min-width:1101px) and (max-width:1280px){.apps-hero{gap:2.5rem}.app-product{gap:2.5rem}.app-model{flex-basis:100%}}@media(max-width:900px){.apps-hero{grid-template-columns:1fr;gap:2.5rem;padding-top:160px;padding-bottom:4rem}.apps-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;gap:.8rem}.app-shortcut{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.3rem 1rem}.app-shortcut .app-arrow{display:none}.app-shortcut h2{font-size:.95rem}.apps-platform{grid-column:1/-1;padding:.4rem 0}.app-product,.app-product:nth-child(even){grid-template-columns:1fr;gap:2.5rem;padding:4rem 0}.app-product:nth-child(even) .app-visual{order:0}.app-product .app-visual{max-width:700px}.app-copy{max-width:44rem}.app-headline{font-size:2rem}.app-store-actions{gap:1.2rem}.apps-closing{gap:2rem}.app-model{flex-basis:auto}}@media(max-width:600px){.apps-hero{padding-top:145px}.apps-display{font-size:2rem;line-height:1.6;letter-spacing:-.02em;margin:1rem 0 1.4rem}.apps-lead{font-size:.83rem;line-height:2}.apps-hero .hero-actions{margin-top:1.6rem;align-items:flex-start;flex-direction:column}.apps-hero .hero-actions .btn{font-size:.8rem}.apps-hero .text-link{font-size:.7rem}.apps-shortcuts{grid-template-columns:1fr;gap:.75rem}.app-shortcut{flex-direction:row;align-items:center;padding:1rem;gap:1rem}.app-shortcut .app-icon{width:52px;height:52px}.app-shortcut .app-arrow{display:block}.app-shortcut h2{font-size:1rem}.app-shortcut-purpose{font-size:.68rem}.apps-platform{font-size:.62rem;padding:.4rem 0 0}.apps-page-nav>div{gap:1.5rem}.apps-page-nav a{font-size:.72rem;padding:1rem 0;gap:.6rem}.app-product,.app-product:nth-child(even){gap:1.8rem;padding:3rem 0;scroll-margin-top:170px}.app-product-name{margin:.9rem 0 1rem;gap:.8rem}.app-product-name .app-icon{width:44px;height:44px}.app-product-name h2{font-size:1.2rem}.app-headline{font-size:1.6rem;margin:1rem 0 1.2rem}.app-description{font-size:.82rem}.app-features{margin:1.3rem 0 1.6rem;gap:.5rem}.app-features li{font-size:.76rem}.app-store-actions{gap:.8rem}.app-model{flex-basis:100%;font-size:.65rem}.app-store-link{width:100%;font-size:.8rem}.app-note,.app-requirements{font-size:.65rem}.app-screen{border-radius:8px}.app-enlarge{font-size:.55rem;right:.5rem;bottom:.5rem;padding:.4rem .6rem}.app-screen-caption{font-size:.55rem;align-items:flex-start;gap:.7rem;line-height:1.7}.app-secondary-screen{font-size:.55rem;max-width:55%}.apps-closing{grid-template-columns:1fr;gap:1.5rem;padding-top:4rem;padding-bottom:5rem}.apps-closing .section-lead{font-size:.83rem}.app-dialog-bar{padding:1rem;gap:.8rem}.app-dialog-bar h2{font-size:.75rem}.app-image-dialog .dialog-close{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.app-screen,.app-shortcut{transition:none}.app-screen:hover,.app-shortcut:hover{transform:none}}

@media(max-width:600px){.apps-closing .display-heading{font-size:1.5rem;letter-spacing:-.02em}}

/* Compact app chooser; product headings lead directly into the screenshots. */
.apps-hero { grid-template-columns: 1fr; gap: 2rem; padding-top: 150px; padding-bottom: 3rem; }
.apps-hero-copy { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.apps-hero-copy > .eyebrow { font-size: .75rem; font-weight: 500; margin: 0; }
.apps-hero .hero-actions { margin: 0; }
.apps-shortcuts { grid-template-columns: repeat(3,minmax(0,1fr)); padding: 0; }
.apps-platform { grid-column: 1 / -1; padding: .3rem 0 0; }
.app-product, .app-product:nth-child(even) { display: flex; flex-direction: column; align-items: stretch; gap: 1.8rem; max-width: 960px; margin-inline: auto; padding-block: 4rem; }
.app-product:nth-child(even) .app-visual { order: 0; }
.app-product .app-visual, .app-copy { max-width: none; width: 100%; }
.app-product-heading .app-headline { margin-bottom: 0; }
.app-product-heading .app-product-name { margin-block: 1rem; }
.app-description { max-width: 54rem; }
@media (min-width:901px) { .app-copy .app-features { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.5rem; } }
@media (min-width:901px) and (max-width:1150px) { .app-shortcut { padding: 1rem; gap: .8rem; } .app-shortcut .app-icon { width: 48px; height: 48px; } .app-shortcut h2 { font-size: .95rem; } }
@media (max-width:900px) { .apps-hero-copy { align-items: flex-start; flex-direction: column; gap: 1rem; } .apps-hero .hero-actions { margin: 0; } }
@media (max-width:600px) { .apps-hero { padding-top: 135px; gap: 1.5rem; padding-bottom: 2rem; } .apps-shortcuts { grid-template-columns: 1fr; } .app-product, .app-product:nth-child(even) { padding-block: 3rem; gap: 1.5rem; } }

.app-trailer {
    margin: 0;
    min-width: 0;
}
.app-trailer figcaption {
    margin-bottom: .65rem;
    color: #bdbdbd;
    font-size: .75rem;
}
.app-trailer video {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    object-fit: contain;
    border: 1px solid #ffffff30;
    border-radius: 12px;
    background: #0b0b0b;
}
