.app-detail{--app-accent: #f3a14f;--app-accent-soft: rgba(243, 161, 79, .14);--app-accent-line: rgba(243, 161, 79, .38)}.app-detail[data-app=mask]{--app-accent: #f6c56b;--app-accent-soft: rgba(246, 197, 107, .13);--app-accent-line: rgba(246, 197, 107, .4)}.app-detail[data-app=syncro]{--app-accent: #7ab4ff;--app-accent-soft: rgba(96, 165, 250, .14);--app-accent-line: rgba(96, 165, 250, .42)}.app-detail-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem)}.app-detail-back{display:inline-flex;align-items:center;gap:.45rem;color:var(--color-ink-dim);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;transition:color .18s ease}.app-detail-back:hover,.app-detail-back:focus-visible{color:var(--app-accent)}.app-detail-brand{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 1.1rem}.app-detail-brand img{width:5.5rem;height:5.5rem;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.3))}.app-detail-brand .hero-product-coming-soon{transform:none}.app-detail-title{margin-top:.9rem;font-size:clamp(3.4rem,8.5vw,6.5rem);line-height:1;letter-spacing:-.06em}.app-detail-tagline{margin-top:.9rem;color:var(--app-accent);font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:600;line-height:1.2;letter-spacing:-.03em;text-wrap:balance}.app-detail-summary{margin-top:1.1rem;max-width:36rem;color:var(--color-ink-muted);font-size:1.05rem;line-height:1.85}.app-detail-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}.app-detail-film{align-self:center}.app-detail-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.app-detail-fact{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:.6rem;padding:1.25rem 1.35rem;border:1px solid rgba(255,255,255,.1);border-radius:1.3rem;background:#080f1bb8;transition:border-color .22s ease,transform .22s ease}.app-detail-fact:hover{border-color:var(--app-accent-line);transform:translateY(-3px)}.app-detail-fact dd{margin:0;color:var(--app-accent);font-family:var(--font-display);font-size:clamp(2.2rem,4.4vw,3.4rem);font-weight:700;line-height:1;letter-spacing:-.05em}.app-detail-fact dt{color:var(--color-ink-muted);font-size:.88rem;line-height:1.5}.app-detail-section{scroll-margin-top:7rem}.app-detail-section-header{max-width:44rem;margin-bottom:clamp(1.25rem,2.6vw,2rem)}.app-detail-section-header h2{margin-top:1rem;font-family:var(--font-display);font-size:clamp(1.9rem,3.8vw,3.1rem);font-weight:650;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}.app-detail-section-header>p:not(.kicker){margin-top:.9rem;color:var(--color-ink-muted);font-size:1rem;line-height:1.8}.app-detail-demo-note{margin-top:1.25rem;color:var(--color-ink-dim);font-size:.82rem;line-height:1.6}.app-demo-label{margin:1.2rem 0 .6rem;color:var(--color-ink-dim);font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.app-demo-label:first-child{margin-top:0}.app-demo-hint{margin-top:1.1rem;color:var(--color-ink-muted);font-size:.9rem;line-height:1.65}.app-demo-tabs{display:inline-flex;gap:.25rem;padding:.25rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#ffffff0a}.app-demo-tab,.app-demo-chip{border:1px solid transparent;border-radius:999px;color:var(--color-ink-muted);font-size:.86rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.app-demo-tab{padding:.6rem 1.1rem}.app-demo-chip{padding:.55rem .95rem;border-color:#ffffff24;background:#ffffff0a}.app-demo-tab:hover,.app-demo-chip:hover:not(:disabled){color:var(--color-ink);border-color:var(--app-accent-line)}.app-demo-tab[aria-pressed=true],.app-demo-chip[aria-pressed=true]{border-color:var(--app-accent);background:var(--app-accent);color:#14100a}.app-demo-chip:active:not(:disabled){transform:scale(.96)}.app-demo-chip:disabled{cursor:not-allowed;opacity:.45}.app-demo-tab:focus-visible,.app-demo-chip:focus-visible,.mask-demo-thumb:focus-visible,.app-detail-question summary:focus-visible,.app-detail-more-link:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.app-demo-chips{display:flex;flex-wrap:wrap;gap:.55rem}.mask-demo{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:clamp(1.5rem,4vw,3rem)}.mask-demo-stage{--split: 35%;position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--app-accent-line);border-radius:1.5rem;background:#1a2231;box-shadow:0 24px 60px #00000059}.mask-demo-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mask-demo-original{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.mask-demo-divider{position:absolute;inset-block:0;left:var(--split);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 18px #00000073;pointer-events:none}.mask-demo-divider span{position:absolute;top:50%;left:50%;width:2.6rem;height:2.6rem;border-radius:999px;background:#fff;box-shadow:0 6px 18px #0006;transform:translate(-50%,-50%)}.mask-demo-divider span:before,.mask-demo-divider span:after{content:"";position:absolute;top:50%;width:.5rem;height:.5rem;border-block-start:2px solid #1a2231;border-inline-start:2px solid #1a2231}.mask-demo-divider span:before{left:.55rem;transform:translateY(-50%) rotate(-45deg)}.mask-demo-divider span:after{right:.55rem;transform:translateY(-50%) rotate(135deg)}.mask-demo-badge{position:absolute;top:.9rem;padding:.4rem .7rem;border-radius:999px;background:#080c14b8;color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.08em;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mask-demo-badge-start{left:.9rem}.mask-demo-badge-end{right:.9rem;background:var(--app-accent);color:#14100a}.mask-demo-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.mask-demo-stage:has(.mask-demo-range:focus-visible){outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.mask-demo-thumbs{display:flex;flex-wrap:wrap;gap:.75rem}.mask-demo-thumb{display:grid;gap:.45rem;width:6.5rem;padding:.35rem .35rem .55rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:#ffffff0a;color:var(--color-ink-muted);font-size:.78rem;font-weight:600;line-height:1.25;text-align:center;cursor:pointer;transition:border-color .18s ease,color .18s ease,transform .18s ease}.mask-demo-thumb img{width:100%;height:auto;aspect-ratio:1;border-radius:.7rem;object-fit:cover}.mask-demo-thumb:hover{border-color:var(--app-accent-line);transform:translateY(-2px)}.mask-demo-thumb[aria-pressed=true]{border-color:var(--app-accent);color:var(--app-accent);box-shadow:0 0 0 2px var(--app-accent-soft)}.syncro-demo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:start;gap:clamp(1.25rem,3vw,2.5rem)}.syncro-demo-plan,.syncro-demo-history{padding:clamp(1rem,2vw,1.5rem);border:1px solid rgba(255,255,255,.1);border-radius:1.3rem;background:#080f1bb8}.syncro-demo-changes,.syncro-demo-versions{display:grid;gap:.6rem;margin:0;padding:0;list-style:none}.syncro-demo-change,.syncro-demo-version{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6rem .85rem;padding:.8rem .95rem;border:1px solid rgba(255,255,255,.1);border-radius:.95rem;background:#ffffff09;transition:border-color .22s ease,background-color .22s ease}.syncro-demo-change[data-done=true]{border-color:#34d39973;background:#34d39912;color:#6ee7b7}.syncro-demo-change-copy{display:grid;gap:.2rem;min-width:0}.syncro-demo-change-copy strong{color:var(--color-ink);font-size:.98rem;font-weight:650}.syncro-demo-change-copy small{color:var(--color-ink-muted);font-size:.82rem;line-height:1.45}.syncro-demo-tag{min-width:4.6rem;padding:.3rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;text-align:center}.syncro-demo-tag[data-tone=new]{background:#34d39929;color:#6ee7b7}.syncro-demo-tag[data-tone=moved]{background:#fbbf2429;color:#fcd34d}.syncro-demo-tag[data-tone=conflict]{background:#f8717129;color:#fca5a5}.syncro-demo-choices{display:flex;flex-wrap:wrap;grid-column:1 / -1;gap:.5rem}.syncro-demo-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.1rem}.syncro-demo-version{grid-template-columns:auto minmax(0,1fr) auto}.syncro-demo-version-dot{width:.7rem;height:.7rem;border-radius:999px;background:#ffffff47}.syncro-demo-version[data-current=true]{border-color:var(--app-accent-line);background:var(--app-accent-soft)}.syncro-demo-version[data-current=true] .syncro-demo-version-dot{background:var(--app-accent);box-shadow:0 0 0 4px var(--app-accent-soft)}.syncro-demo-current{color:var(--app-accent);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.app-detail-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.app-detail-feature{padding:1.4rem;border:1px solid rgba(255,255,255,.1);border-radius:1.3rem;background:#ffffff08;transition:border-color .22s ease,background-color .22s ease,transform .22s ease}.app-detail-feature:hover{border-color:var(--app-accent-line);background:var(--app-accent-soft);transform:translateY(-3px)}.app-detail-feature-number{color:var(--app-accent);font-family:var(--font-display);font-size:.85rem;font-weight:700;letter-spacing:.18em}.app-detail-feature h3{margin-top:.85rem;font-size:1.25rem;font-weight:650;line-height:1.25;letter-spacing:-.02em}.app-detail-feature p{margin-top:.6rem;color:var(--color-ink-muted);font-size:.95rem;line-height:1.75}.app-detail-notes{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:start;gap:clamp(1.5rem,4vw,3rem)}.app-detail-note-list{display:grid;gap:1.25rem;margin:0;padding:0;list-style:none}.app-detail-note-list li{padding-inline-start:1.1rem;border-inline-start:2px solid var(--app-accent-line)}.app-detail-note-list h3,.app-detail-requirements h3{font-size:1.1rem;font-weight:650;line-height:1.3}.app-detail-note-list p{margin-top:.45rem;color:var(--color-ink-muted);font-size:.96rem;line-height:1.75}.app-detail-requirements{padding:1.4rem;border:1px solid var(--app-accent-line);border-radius:1.3rem;background:var(--app-accent-soft)}.app-detail-requirements ul{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}.app-detail-requirements li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.6rem;color:var(--color-ink-muted);font-size:.95rem;line-height:1.5}.app-detail-requirements svg{margin-top:.2rem;color:var(--app-accent)}.app-detail-releases{display:grid;gap:0;margin:0;padding:0;list-style:none}.app-detail-release{position:relative;display:grid;grid-template-columns:minmax(9rem,.3fr) minmax(0,1fr);gap:1rem 2rem;padding:0 0 2rem;padding-inline-start:1.75rem;border-inline-start:2px solid rgba(255,255,255,.12)}.app-detail-release:last-child{padding-bottom:.25rem}.app-detail-release:before{content:"";position:absolute;top:.3rem;inset-inline-start:-.45rem;width:.75rem;height:.75rem;border-radius:999px;background:var(--app-accent);box-shadow:0 0 0 4px var(--app-accent-soft)}.app-detail-release-meta{display:grid;align-content:start;gap:.4rem}.app-detail-release-version{color:var(--app-accent);font-size:.95rem;font-weight:700}.app-detail-release-meta time{color:var(--color-ink-dim);font-size:.82rem}.app-detail-release-body h3{font-size:1.3rem;font-weight:650;line-height:1.25;letter-spacing:-.02em}.app-detail-release-body ul{display:grid;gap:.5rem;margin:.8rem 0 0;padding-inline-start:1.1rem;color:var(--color-ink-muted);font-size:.96rem;line-height:1.7;list-style:disc}.app-detail-questions{display:grid;gap:.6rem}.app-detail-question{border:1px solid rgba(255,255,255,.1);border-radius:1rem;background:#ffffff08;transition:border-color .22s ease}.app-detail-question[open]{border-color:var(--app-accent-line)}.app-detail-question summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:1rem;font-size:1.02rem;font-weight:600;cursor:pointer;list-style:none}.app-detail-question summary::-webkit-details-marker{display:none}.app-detail-question summary:after{content:"";flex:0 0 auto;width:.6rem;height:.6rem;border-block-end:2px solid var(--app-accent);border-inline-end:2px solid var(--app-accent);transform:rotate(45deg) translate(-2px,-2px);transition:transform .22s ease}.app-detail-question[open] summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.app-detail-question p{padding:0 1.2rem 1.15rem;color:var(--color-ink-muted);font-size:.97rem;line-height:1.75}.app-detail-more-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none}.app-detail-more-link{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;align-items:center;gap:.9rem;height:100%;padding:1rem;border:1px solid rgba(255,255,255,.1);border-radius:1.2rem;background:#ffffff08;transition:border-color .22s ease,transform .22s ease}.app-detail-more-link:hover{border-color:var(--app-accent-line);transform:translateY(-3px)}.app-detail-more-link img{width:3.5rem;height:3.5rem;object-fit:contain}.app-detail-more-link>span{display:grid;gap:.25rem;min-width:0}.app-detail-more-link strong{font-size:1.1rem;font-weight:650}.app-detail-more-link small{color:var(--color-ink-muted);font-size:.85rem;line-height:1.45}.app-detail-more-link svg{color:var(--app-accent)}.app-detail-support{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.app-detail-support p{max-width:36rem;color:var(--color-ink-muted);font-size:.95rem;line-height:1.7}@media(max-width:1000px){.app-detail-hero,.mask-demo,.syncro-demo,.app-detail-notes{grid-template-columns:minmax(0,1fr)}.app-detail-facts,.app-detail-features{grid-template-columns:repeat(2,minmax(0,1fr))}.app-detail-more-list{grid-template-columns:minmax(0,1fr)}.mask-demo-stage{max-width:34rem}}@media(max-width:640px){.app-detail-features{grid-template-columns:minmax(0,1fr)}.app-detail-release{grid-template-columns:minmax(0,1fr);gap:.6rem;padding-inline-start:1.25rem}.app-detail-fact{padding:1rem}}@media(prefers-reduced-motion:reduce){.app-detail-fact,.app-detail-feature,.app-detail-more-link,.mask-demo-thumb,.app-demo-chip{transition:none}.app-detail-fact:hover,.app-detail-feature:hover,.app-detail-more-link:hover,.mask-demo-thumb:hover{transform:none}}:where(:root[data-theme=light]) .app-detail{--app-accent: rgb(180, 105, 9);--app-accent-soft: rgba(219, 134, 40, .14);--app-accent-line: rgba(180, 105, 9, .38)}:where(:root[data-theme=light]) .app-detail[data-app=mask]{--app-accent: rgb(173, 125, 2);--app-accent-soft: rgba(215, 165, 66, .13);--app-accent-line: rgba(173, 125, 2, .4)}:where(:root[data-theme=light]) .app-detail[data-app=syncro]{--app-accent: rgb(66, 125, 200);--app-accent-soft: rgba(67, 139, 227, .14);--app-accent-line: rgba(45, 119, 204, .42)}:where(:root[data-theme=light]) .app-detail-brand img{filter:drop-shadow(0 14px 22px rgba(15,23,42,.096))}:where(:root[data-theme=light]) .app-detail-fact{border:1px solid rgba(44,54,72,.135);background-image:none;background-color:#f7fafeb8}:where(:root[data-theme=light]) .app-demo-tabs{border:1px solid rgba(44,54,72,.162);background-image:none;background-color:#2c36480a}:where(:root[data-theme=light]) .app-demo-chip{border-color:#2c364830;background-image:none;background-color:#2c36480a}:where(:root[data-theme=light]) .app-demo-tab[aria-pressed=true],:where(:root[data-theme=light]) .app-demo-chip[aria-pressed=true]{color:#f9f4ee}:where(:root[data-theme=light]) .mask-demo-stage{background-image:none;background-color:#f7fafe;box-shadow:0 24px 60px #0f172a1d}:where(:root[data-theme=light]) .mask-demo-divider{background-image:none;background-color:#2c3648;box-shadow:0 0 18px #0f172a25}:where(:root[data-theme=light]) .mask-demo-divider span{background-image:none;background-color:#2c3648;box-shadow:0 6px 18px #0f172a21}:where(:root[data-theme=light]) .mask-demo-divider span:before,:where(:root[data-theme=light]) .mask-demo-divider span:after{border-block-start:2px solid rgb(247,250,254);border-inline-start:2px solid rgb(247,250,254)}:where(:root[data-theme=light]) .mask-demo-badge{background-image:none;background-color:#f7fafeb8;color:#2c3648}:where(:root[data-theme=light]) .mask-demo-badge-end{color:#f9f4ee}:where(:root[data-theme=light]) .mask-demo-thumb{border:1px solid rgba(44,54,72,.189);background-image:none;background-color:#2c36480a}:where(:root[data-theme=light]) .syncro-demo-plan,:where(:root[data-theme=light]) .syncro-demo-history{border:1px solid rgba(44,54,72,.135);background-image:none;background-color:#f7fafeb8}:where(:root[data-theme=light]) .syncro-demo-change,:where(:root[data-theme=light]) .syncro-demo-version{border:1px solid rgba(44,54,72,.135);background-image:none;background-color:#2c364809}:where(:root[data-theme=light]) .syncro-demo-change[data-done=true]{border-color:#0b946873;background-image:none;background-color:#01b88112;color:#0b9e73}:where(:root[data-theme=light]) .syncro-demo-tag[data-tone=new]{background-image:none;background-color:#01b88129;color:#0b9e73}:where(:root[data-theme=light]) .syncro-demo-tag[data-tone=moved]{background-image:none;background-color:#dba40829;color:#a78602}:where(:root[data-theme=light]) .syncro-demo-tag[data-tone=conflict]{background-image:none;background-color:#df545729;color:#ba6567}:where(:root[data-theme=light]) .syncro-demo-version-dot{background-image:none;background-color:#2c364847}:where(:root[data-theme=light]) .app-detail-feature{border:1px solid rgba(44,54,72,.135);background-image:none;background-color:#2c364808}:where(:root[data-theme=light]) .app-detail-release{border-inline-start:2px solid rgba(44,54,72,.162)}:where(:root[data-theme=light]) .app-detail-question{border:1px solid rgba(44,54,72,.135);background-image:none;background-color:#2c364808}:where(:root[data-theme=light]) .app-detail-more-link{border:1px solid rgba(44,54,72,.135);background-image:none;background-color:#2c364808}:where(:root[data-theme=light]) .app-detail-support{border-top:1px solid rgba(44,54,72,.135)}