@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:light;--page-bg: #ffffff;--card-bg: #ffffff;--ink-strong: #111111;--ink-body: #616161;--ink-soft: #7d7d7d;--line: #dddddd;--line-strong: #a8a8a8;--shadow-modal: 0 30px 70px rgba(0, 0, 0, .42)}*{box-sizing:border-box}#app{width:100%}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--page-bg);color:var(--ink-strong);font-family:Inter,PingFang SC,Helvetica Neue,sans-serif}body.is-player-open{overflow:hidden}button,a{font:inherit}img{max-width:100%;display:block}.page-shell{min-height:100vh;display:flex;justify-content:center;width:100%}.phone-stage{width:min(100%,390px);min-height:100vh;background:#fff}.topbar{padding:16px 16px 18px}.brand-row{display:flex;align-items:flex-start;gap:2px}.brand-logo{display:block;width:69px;height:15px;object-fit:contain}.brand-logo--footer{width:107px;height:23px}.button-icon{display:block;flex:0 0 auto}.button-icon--light{width:16px;height:16px}.button-icon--dark{width:13px;height:11px}.button-icon--invert{filter:brightness(0) invert(1)}.hero-card{position:relative;min-height:219px;overflow:hidden;background:#d8d7d4}.hero-media,.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.hero-media{background-position:center;background-repeat:no-repeat;background-size:cover}.hero-overlay{background:linear-gradient(90deg,#0a0a0ab3,#0a0a0a29 62%,#0a0a0a00)}.hero-copy{position:relative;z-index:1;min-height:219px;padding:10px 16px 0;color:#fff}.hero-kicker,.footer-heading{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500}.hero-kicker{margin-bottom:13px;color:#ffffffd6}.hero-title{margin:0;max-width:344px;font-size:24px;line-height:30px;letter-spacing:-.03em;font-weight:600}.hero-text{margin:15px 0 0;max-width:356px;color:#ffffffe0;font-size:14px;line-height:20px}.hero-actions{margin-top:23px}.ghost-button,.product-cta,.open-app-button,.mini-open-button,.tab-pill,.video-thumb-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;text-decoration:none}.ghost-button{display:inline-flex;align-items:center;gap:10px;min-height:36px;padding:0 13px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.ghost-button--light{border:1px solid rgba(255,255,255,.5);background:#ffffff0a;color:#fff}.section-block{padding:14px 16px 0}.product-cta-block{padding-right:12px}.product-cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 16px;border:1px solid var(--line-strong);background:#fff;color:#3d3d3d;font-size:14px;line-height:20px}.catalog-block{padding-top:22px}.section-label{margin:0 0 16px;color:var(--ink-strong);font-size:20px;line-height:28px}.tab-strip{display:flex;gap:20px;overflow-x:auto;padding-bottom:0;border-bottom:1px solid var(--line);scrollbar-width:none}.tab-strip::-webkit-scrollbar{display:none}.tab-pill{flex:0 0 auto;min-height:28px;padding:0 0 9px;margin-bottom:-1px;background:transparent;color:var(--ink-body);font-size:14px;font-weight:400;cursor:pointer;border-bottom:1px solid transparent;line-height:20px}.tab-pill.is-active{color:var(--ink-strong);border-bottom-color:var(--ink-strong)}.cards-stack{display:flex;flex-direction:column;gap:16px;margin-top:28px;padding-bottom:132px}.video-card,.empty-state{background:#fff}.video-card{overflow:hidden;animation:enter-up .4s ease backwards;animation-delay:var(--enter-delay, 0ms)}.video-thumb-button{display:block;width:100%;padding:0;background:transparent;cursor:pointer}.video-thumb{position:relative;aspect-ratio:358 / 219;background-position:center;background-repeat:no-repeat;background-size:cover}.video-thumb-shadow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 40%,#000000c7)}.video-meta{position:absolute;left:8px;right:8px;bottom:7px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.video-duration{display:inline-flex;align-items:center;min-height:16px;padding:0 5px;border-radius:2px;background:#000000c2;color:#fff;font-size:10px;font-weight:400}.video-title{margin:0;max-width:320px;color:#fff;font-size:14px;line-height:20px;font-weight:400}.open-app-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:132px;padding:0 18px;border-radius:999px;background:#fff;color:var(--ink-strong);font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #0000001f}.mini-open-button,.player-product-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;background:var(--ink-strong);color:#fff;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none}.player-product-link{background:#ffffff14}.open-app-button--inline{min-width:148px}.floating-open-app{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;width:200px;height:60px;transform:translate(-50%);border-radius:30px;background:#303030;color:#fff;font-size:16px;font-weight:500;line-height:28px;box-shadow:0 4px 4px #00000080;cursor:pointer}body.is-player-open .floating-open-app{opacity:0;pointer-events:none}.footer-block{padding:58px 16px 48px}.footer-brand-row{margin-bottom:12px}.footer-copy{margin:0;max-width:339px;color:var(--ink-body);font-size:14px;line-height:20px}.footer-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:31px}.footer-column a,.footer-legal a{display:block;margin-top:14px;color:var(--ink-body);font-size:14px;line-height:20px;text-decoration:none}.footer-heading{color:var(--ink-strong);margin-bottom:16px}.footer-column--company{margin-top:32px}.footer-legal{display:flex;flex-direction:column;gap:12px;margin-top:40px;padding-top:25px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:12px}.footer-legal-links{display:flex;flex-wrap:wrap;gap:18px}.player-modal[hidden]{display:none}.player-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;padding:16px}.player-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#070a0fc2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.player-dialog{position:relative;width:min(100%,390px);max-height:min(88vh,760px);overflow:hidden;border-radius:20px;background:#0e1015f5;color:#fff;box-shadow:var(--shadow-modal)}.player-close{position:absolute;top:12px;right:12px;z-index:2;width:34px;height:34px;border-radius:999px;background:#ffffff29;color:#fff;font-size:24px;line-height:1;cursor:pointer}.player-stage{position:relative;background:#000}.player-frame{position:relative;aspect-ratio:16 / 9;width:100%;background:#000}.player-frame iframe,.player-native-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.player-native-video{object-fit:contain;background:#000}.player-panel{display:grid;gap:10px;padding:18px 16px 20px}.player-kicker{margin:0;color:#fff9;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.player-title{margin:0;font-size:22px;line-height:1.06;letter-spacing:-.05em}.player-description{margin:0;color:#ffffffbd;font-size:13px;line-height:1.6}.player-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:2px}.empty-state{display:grid;gap:10px;padding:8px 0 24px;text-align:left}.empty-state strong{font-size:16px;letter-spacing:-.02em}.empty-state p{margin:0;color:var(--ink-body);font-size:14px;line-height:20px}.video-card--skeleton{overflow:hidden}.video-card--skeleton .video-thumb{aspect-ratio:358 / 219}.skeleton-lines{display:grid;gap:10px;padding:12px 0 0}.skeleton-line{display:block;height:14px;border-radius:999px;background:#15181d14}.skeleton-line--short{width:38%}.shimmer{position:relative;overflow:hidden;background:#15181d0f}.shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{to{transform:translate(100%)}}@keyframes enter-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.page-shell{padding:0}.hero-title{max-width:330px;font-size:36px}.hero-text{max-width:320px}.player-dialog{width:min(100%,520px)}}@media(max-width:460px){.player-modal{padding:0;align-items:flex-end}.player-dialog{width:100%;max-height:92vh;border-radius:24px 24px 0 0}.player-actions{flex-direction:column;align-items:stretch}.player-product-link,.player-actions .mini-open-button{justify-content:center}}