body:has(.app-landing){background:#111827!important}
body:has(.app-landing) main.container{width:100%;max-width:none;margin:0;padding:0}
body:has(.app-landing) main.container>nav[aria-label="Breadcrumb"],body:has(.app-landing) #mobile-app-banner{display:none!important}
body:has(.app-landing) .ad-container :is([id^="aswift_"],iframe){max-width:100%!important;width:100%!important}
body:has(.app-landing) footer{padding-bottom:110px}
.app-landing{--app-bg:#111827;--app-surface:#182231;--app-ink:#f3f4f6;--app-muted:#b4bdcb;--app-line:#2a3545;--app-accent:#a78bfa;--app-header-height:64px;--app-chapters-height:65px;background:var(--app-bg);color:var(--app-ink);font-family:inherit;line-height:1.65}
.app-landing *,.app-landing *::before,.app-landing *::after{box-sizing:border-box}
.app-landing a{text-decoration:none;color:inherit}
.app-landing button{font:inherit;color:inherit;cursor:pointer}
.app-landing img{display:block;max-width:100%}
.app-landing svg{width:20px;height:20px;flex-shrink:0}
.app-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.app-masthead{min-height:146px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px}
.app-brand{display:flex;align-items:center;gap:16px}
.app-brand>img{border-radius:12px;object-fit:contain;background:#fff;flex-shrink:0}
.app-brand h1{font-size:24px;font-weight:750;letter-spacing:-.03em;margin:0}
.app-brand p{margin:5px 0 0;font-size:13px;color:var(--app-muted)}
.app-actions{display:flex;gap:12px;flex-wrap:wrap}
.app-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #465164;border-radius:7px;padding:11px 18px;min-height:46px;font-size:14px;font-weight:600;line-height:1.4;background:transparent;transition:background .18s,border-color .18s,transform .18s}
.app-button:hover{background:#253044;border-color:#728097;transform:translateY(-2px)}
.app-button:active{transform:translateY(1px)}
.app-landing .app-button--primary{background:#7c3aed;border-color:#8b5cf6;color:#fff}
.app-landing .app-button--primary:hover{background:#6d28d9;border-color:#a78bfa}
.app-button--disabled{opacity:.65;cursor:default}
.app-landing :is(a,button,summary):focus-visible{outline:3px solid #c4b5fd;outline-offset:4px}
.app-chapters{position:sticky;top:var(--app-header-height);z-index:35;background:var(--app-bg);border-top:1px solid var(--app-line);border-bottom:1px solid var(--app-line)}
.app-chapters__inner{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
.app-chapters__links{display:flex;gap:30px;overflow-x:auto;scrollbar-width:thin;min-width:0}
.app-chapters__links a{display:flex;align-items:center;gap:9px;white-space:nowrap;min-height:63px;color:var(--app-muted);font-size:14px;border-bottom:2px solid transparent}
.app-chapters__links a[aria-current]{color:#ddd6fe;border-bottom-color:var(--app-accent)}
.app-chapters__links a:hover{color:#fff}
.app-chapters__links span{font-variant-numeric:tabular-nums;font-size:12px}
.app-chapters__arrows{display:none;gap:8px;flex-shrink:0}
.app-landing.is-enhanced .app-chapters__arrows{display:flex}
.app-chapters__arrows button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #465164;border-radius:5px;background:transparent}
.app-chapters__arrows button:disabled{opacity:.35;cursor:default}
.app-up{transform:rotate(180deg)}
.app-progress{height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}
.app-progress span{display:block;width:100%;height:100%;background:var(--app-accent);transform:scaleX(0);transform-origin:left}
.app-feature{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:76px;min-height:640px;padding:64px 0;border-bottom:1px solid var(--app-line);scroll-margin-top:calc(var(--app-header-height) + var(--app-chapters-height) + 20px)}
.app-feature--reverse{grid-template-columns:1.15fr .85fr}
.app-feature--reverse .app-feature__visual{grid-column:1;grid-row:1}
.app-feature--reverse .app-feature__copy{grid-column:2}
.app-kicker{margin:0 0 16px;color:var(--app-accent);font-size:13px;letter-spacing:.06em}
.app-landing h2{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.025em;line-height:1.45;font-weight:750;margin:0 0 18px}
.app-description{font-size:16px;color:var(--app-muted);line-height:1.9;margin:0 0 28px;max-width:36ch}
.app-feature__note{display:flex;align-items:flex-start;gap:12px;color:var(--app-muted);font-size:13px;border-top:1px solid var(--app-line);padding-top:22px;margin-top:38px;max-width:340px}
.app-feature__note svg{color:#c4b5fd;margin-top:2px}
.app-feature__visual{min-width:0;position:relative;display:flex;align-items:center;justify-content:center;padding:22px 0 32px;isolation:isolate}
.app-landscape{position:absolute;left:0;top:18%;width:100%;height:67%;object-fit:cover;opacity:.38;border-radius:10px;z-index:-1;transform:translateY(var(--app-parallax,0px))}
.app-screen{display:block;width:238px;max-width:85%;border-radius:12px;overflow:hidden;border:1px solid #536074;background:#f4f5fa;box-shadow:0 18px 32px #050b1480;transform:translateY(var(--app-parallax,0px));transition:box-shadow .2s}
.app-screen:hover{box-shadow:0 18px 38px #050b14b3;outline:2px solid #a78bfa;outline-offset:4px}
.app-screen img{width:100%;height:auto}
.app-feature--reverse .app-screen{width:250px}
.app-screen-caption{position:absolute;bottom:-4px;display:flex;align-items:center;gap:7px;color:#a7b0bd;font-size:12px}
.app-screen-caption svg{width:15px;height:15px}
.app-keep{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:70px 0;scroll-margin-top:calc(var(--app-header-height) + var(--app-chapters-height) + 20px);border-bottom:1px solid var(--app-line)}
.app-keep__items{display:flex;align-items:center;gap:30px}
.app-keep__items>div{display:flex;gap:16px;flex:1;align-items:flex-start}
.app-keep__items svg{width:30px;height:30px;color:var(--app-muted)}
.app-keep h3{font-size:16px;margin:0 0 8px}
.app-keep__items p{font-size:13px;color:var(--app-muted);margin:0}
.app-install{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:40px;margin:48px 0;background:var(--app-surface);border:1px solid var(--app-line);border-radius:10px;scroll-margin-top:calc(var(--app-header-height) + var(--app-chapters-height) + 20px)}
.app-install h2{font-size:26px}
.app-install .app-description{max-width:none;font-size:14px;margin-bottom:22px}
.app-qr{margin:0;text-align:center;flex-shrink:0}
.app-qr img{background:#fff;padding:8px;object-fit:contain;border-radius:6px}
.app-qr figcaption{font-size:12px;margin-top:10px;color:var(--app-muted)}
.app-update-notice{font-size:14px;color:#fde68a;display:flex;gap:8px;align-items:center}
.app-announcement{padding:24px;border:1px solid var(--app-line);border-radius:8px;margin-bottom:40px;color:var(--app-muted);overflow-wrap:anywhere}
.app-announcement h2{font-size:16px;display:flex;align-items:center;gap:8px}
.app-announcement .prose{color:inherit;max-width:none}
.app-faq{padding:8px 0 60px}
.app-faq h2{font-size:23px}
.app-faq details{border-bottom:1px solid var(--app-line)}
.app-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:15px 0;font-size:15px;cursor:pointer;list-style:none}
.app-faq summary::-webkit-details-marker{display:none}
.app-faq summary svg{width:16px;height:16px;transition:transform .2s}
.app-faq details[open] summary svg{transform:rotate(180deg)}
.app-faq details p{margin:0;padding:0 32px 20px 0;font-size:14px;color:var(--app-muted);max-width:800px}
.app-mobile-download{position:fixed;z-index:40;bottom:16px;left:50%;transform:translateX(-50%);width:min(680px,calc(100% - 32px));padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#182231;border:1px solid #3d4758;border-radius:10px;box-shadow:0 8px 30px #0005}
.app-mobile-download .app-brand{gap:10px}
.app-mobile-download .app-brand strong{font-size:13px}
.app-mobile-download .app-brand p{font-size:11px;margin-top:2px}
.app-mobile-download .app-button{font-size:13px;min-height:42px;padding:9px 16px}
.app-lightbox{position:fixed;inset:0;width:min(860px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #465164;border-radius:12px;background:#111827;color:#f3f4f6;overflow:auto}
.app-lightbox::backdrop{background:#030712dd}
.app-lightbox__bar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;background:#182231;border-bottom:1px solid #465164;z-index:1}
.app-lightbox__bar h2{font-size:18px;margin:0}
.app-lightbox__body{padding:20px;display:flex;justify-content:center}
.app-lightbox__body img{width:auto;height:auto;max-width:100%;max-height:none}
body:has(.app-lightbox[open]){overflow:hidden}
@media(min-width:761px) and (prefers-reduced-motion:no-preference){.app-landing.is-enhanced [data-app-reveal]{opacity:0;translate:0 24px;transition:opacity .55s ease,translate .65s cubic-bezier(.2,.7,.2,1)}.app-landing.is-enhanced [data-app-reveal].is-visible{opacity:1;translate:0 0}}
@media(max-width:1000px){.app-feature{gap:40px}.app-chapters__links{gap:20px}.app-keep{gap:32px}.app-keep__items{flex-direction:column;align-items:stretch}.app-masthead{gap:16px}.app-brand h1{font-size:21px}}
@media(max-width:760px){.app-shell{width:calc(100% - 32px)}.app-masthead{align-items:flex-start;flex-direction:column;padding:24px 0;min-height:0;gap:20px}.app-brand>img{width:52px;height:52px}.app-actions{width:100%;flex-wrap:nowrap}.app-actions .app-button{flex:1}.app-chapters__inner{gap:0;min-height:56px}.app-chapters__links{gap:21px;scrollbar-width:none}.app-chapters__links a{min-height:56px;font-size:12px;gap:5px}.app-landing.is-enhanced .app-chapters__arrows{display:none}.app-feature,.app-feature--reverse{grid-template-columns:1fr;gap:28px;padding:42px 0;min-height:0}.app-feature--reverse .app-feature__copy,.app-feature--reverse .app-feature__visual{grid-column:auto;grid-row:auto}.app-feature__copy{order:0}.app-feature__visual{order:1;padding-top:12px}.app-feature__note{margin-top:24px;padding-top:16px;max-width:none}.app-description{max-width:none;font-size:15px;margin-bottom:20px}.app-landing h2{font-size:26px}.app-screen,.app-feature--reverse .app-screen{width:240px;transform:none}.app-landscape{transform:none}.app-keep{grid-template-columns:1fr;gap:20px;padding:40px 0}.app-keep__items{flex-direction:row;gap:20px}.app-keep__items>div{display:block}.app-keep__items svg{margin-bottom:10px}.app-install{margin:32px 0;padding:24px;align-items:flex-start;flex-wrap:wrap}.app-install h2{font-size:23px}.app-qr{width:100%;display:flex;align-items:center;gap:18px;text-align:left}.app-qr img{width:110px;height:110px}.app-mobile-download{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 20px);padding:10px}.app-mobile-download .app-brand>img{width:32px;height:32px}.app-mobile-download .app-brand strong{font-size:12px}.app-mobile-download .app-brand p{font-size:10px}.app-mobile-download .app-button{padding:10px;font-size:12px;gap:6px}.app-mobile-download{gap:8px}.app-mobile-download .app-button svg{width:17px}.app-lightbox__body{padding:10px}.app-faq{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.app-landing *{scroll-behavior:auto!important;transition:none!important}.app-screen,.app-landscape{transform:none!important}}