@font-face{font-family:AgoraBanner;src:url('/assets/fonts/BarlowCondensed-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
.app-banner{background:#0b57a3;color:#fff;position:relative}
.app-banner-inner{max-width:1150px;min-height:96px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:center;gap:28px;position:relative}
.app-android-icon{flex:none;filter:brightness(0) invert(1)}
.app-banner-copy{border-left:1px solid #8cb8e2;padding-left:28px}
.app-banner-copy h2{margin:0 0 3px;font:800 clamp(26px,2.5vw,38px)/1 AgoraBanner,'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.01em}
.app-banner-copy p{margin:0;font-size:14px;line-height:1.4}
.app-banner-copy strong{font-weight:600}
.app-banner-actions{display:grid;justify-items:center;gap:6px;margin-left:12px;flex:none}
.app-download-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 28px;border-radius:40px;background:#fff;color:#0b57a3;text-decoration:none;font:800 20px/1 AgoraBanner,'Barlow Condensed',sans-serif;text-transform:uppercase;white-space:nowrap}
.app-download-button img{filter:invert(24%) sepia(92%) saturate(1388%) hue-rotate(188deg) brightness(89%) contrast(95%)}
.app-banner-actions small{font-size:11px;line-height:1.2;color:#fff}
.app-share-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:66px;min-height:52px;padding:6px;border:1px solid #8cb8e2;border-radius:8px;background:transparent;color:#fff;cursor:pointer;font:600 10px/1.3 Inter,sans-serif;flex:none}
.app-share-button img{filter:brightness(0) invert(1)}
.app-share-button:hover{background:#06366d}.app-download-button:hover{background:#e7f2ff}
.app-share-button:focus-visible,.app-download-button:focus-visible{outline:3px solid #f8ce46;outline-offset:4px}
.app-copy-status:empty{display:none}.app-copy-status{position:absolute;z-index:2;right:12px;top:calc(100% - 5px);margin:0;padding:9px 14px;background:#06366d;color:#fff;border-radius:6px;font-size:12px;max-width:min(95vw,390px);overflow-wrap:anywhere}
.app-download-page{background:#f8f7f3;color:#071421;margin:0;font-family:Inter,sans-serif}
.app-download-header{padding:18px 6%;display:flex;align-items:center;justify-content:space-between;background:#fff}
.app-download-header img{width:68px;height:68px;object-fit:contain}.app-download-header a{color:#0b57a3;font-weight:700}
.app-download-main{max-width:1050px;margin:auto;padding:50px 24px 70px;position:relative}
.app-download-main h1{font:800 clamp(42px,7vw,72px)/.98 AgoraBanner,sans-serif;text-transform:uppercase;margin:0 0 18px;color:#0b57a3}
.app-download-main p{line-height:1.6}.app-download-art{width:100%;height:auto;margin:0 0 30px;border-radius:8px}
.app-download-main .app-download-button{background:#0b57a3;color:#fff}.app-download-main .app-download-button img{filter:brightness(0) invert(1)}
.app-page-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:24px 0 16px}.app-page-actions .app-share-button{color:#0b57a3;border-color:#0b57a3;flex-direction:row;padding:12px 18px;font-size:13px}.app-page-actions .app-share-button img{filter:invert(24%) sepia(92%) saturate(1388%) hue-rotate(188deg) brightness(89%) contrast(95%)}.app-page-actions .app-share-button:hover{background:#e7f2ff}
.app-download-main .app-copy-status{position:static;max-width:100%}.app-install-note{font-size:14px;color:#415260;max-width:720px}.app-manual-link{width:100%;padding:12px;font-size:16px}
@media(max-width:900px){.app-banner-inner{gap:18px;padding:14px 20px}.app-banner-copy{padding-left:18px}.app-android-icon{width:44px;height:44px}.app-banner-copy p{font-size:12px}.app-banner-actions{margin-left:0}.app-download-button{padding:10px 20px}}
@media(max-width:640px){.app-banner-inner{display:grid;grid-template-columns:36px 1fr 58px;gap:12px;padding:16px 18px}.app-android-icon{width:36px;height:36px}.app-banner-copy{padding-left:0;border:0}.app-banner-copy h2{font-size:27px;line-height:1}.app-banner-copy p{font-size:11px;line-height:1.5;margin-top:5px}.app-banner-actions{grid-column:1/3;grid-row:2;justify-items:start}.app-banner-actions .app-download-button{font-size:19px;min-height:44px;padding:10px 22px}.app-banner-actions small{font-size:10px;padding-left:8px}.app-banner .app-share-button{grid-column:3;grid-row:1/3;min-width:54px}.app-download-main{padding-top:30px}}

.app-banner{background-image:url("/assets/app-banner-pattern.webp"),url("/assets/app-banner-pattern.webp");background-position:left center,right center;background-size:350px 100%;background-repeat:no-repeat}
