.hero-right-wrap.svelte-4xjglx.svelte-4xjglx{position:relative;width:100%;max-width:620px;padding-bottom:80px;padding-right:52px;padding-left:52px}.hero-browser-glow.svelte-4xjglx.svelte-4xjglx{position:absolute;top:5%;left:0%;right:15%;bottom:25%;border-radius:50%;background:radial-gradient(ellipse,rgba(99,99,162,.28) 0%,rgba(133,133,181,.1) 45%,transparent 70%);filter:blur(28px);pointer-events:none;z-index:0}.hero-demo-frame.svelte-4xjglx.svelte-4xjglx{position:relative;z-index:1;border-radius:10px;overflow:visible;transform:perspective(1200px) rotateY(-3deg) rotateX(2deg);transition:transform .4s ease,box-shadow .4s ease}.hero-demo-inner.svelte-4xjglx.svelte-4xjglx{border-radius:10px;overflow:hidden;box-shadow:0 32px 80px -12px #000000a6,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a}.hero-demo-frame.svelte-4xjglx.svelte-4xjglx:hover{transform:perspective(1200px) rotateY(-1deg) rotateX(1deg)}.hero-demo-frame.svelte-4xjglx:hover .hero-demo-inner.svelte-4xjglx{box-shadow:0 40px 90px -12px #000000b3,0 0 0 1px #ffffff24}.hero-platform-badge.svelte-4xjglx.svelte-4xjglx{display:inline-flex;align-items:center;gap:4px;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:3px 8px;line-height:1;pointer-events:none}.hero-hub-badge.svelte-4xjglx.svelte-4xjglx{position:absolute;top:-10px;right:-10px;z-index:3;background:#6363a2eb;color:#e8e8f8;border:1px solid rgba(133,133,181,.5);box-shadow:0 4px 14px #6363a266;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-demo-chrome.svelte-4xjglx.svelte-4xjglx{display:flex;align-items:center;gap:5px;padding:.55rem .75rem;background:linear-gradient(180deg,#2a3447,#1d2636);border-bottom:1px solid rgba(255,255,255,.07)}.hero-demo-dot.svelte-4xjglx.svelte-4xjglx{width:10px;height:10px;border-radius:50%;flex-shrink:0}.hero-demo-tab.svelte-4xjglx.svelte-4xjglx{display:flex;align-items:center;gap:4px;margin-left:6px;padding:3px 10px;border-radius:6px 6px 0 0;background:#ffffff14;border:1px solid rgba(255,255,255,.08);border-bottom:none;font-size:.65rem;color:#94a3b8;white-space:nowrap}.hero-demo-address.svelte-4xjglx.svelte-4xjglx{display:flex;align-items:center;gap:4px;margin-left:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:3px 10px;font-size:.68rem;color:#94a3b8;flex:1;max-width:200px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hero-demo-screen.svelte-4xjglx.svelte-4xjglx{background:#f8fafc;line-height:0;overflow:hidden;position:relative;aspect-ratio:1024 / 545}.hero-hub-shot.svelte-4xjglx.svelte-4xjglx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;opacity:0;transition:opacity .45s ease;pointer-events:none}.hero-hub-shot-active.svelte-4xjglx.svelte-4xjglx{opacity:1}.hero-hub-nav.svelte-4xjglx.svelte-4xjglx{position:absolute;top:50%;z-index:4;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0f172abf;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000059;transition:background .2s,transform .2s}.hero-hub-nav.svelte-4xjglx.svelte-4xjglx:hover{background:#6363a2e6;transform:translateY(-50%) scale(1.05)}.hero-hub-nav-prev.svelte-4xjglx.svelte-4xjglx{left:-14px}.hero-hub-nav-next.svelte-4xjglx.svelte-4xjglx{right:-14px}.hero-hub-tabs.svelte-4xjglx.svelte-4xjglx{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;padding:0 8px}.hero-hub-tab.svelte-4xjglx.svelte-4xjglx{position:relative;overflow:hidden;font-size:.68rem;font-weight:600;padding:5px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#ffffffa6;cursor:pointer;transition:background .2s,color .2s,border-color .2s;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-hub-tab-label.svelte-4xjglx.svelte-4xjglx{position:relative;z-index:1}.hero-hub-tab-progress.svelte-4xjglx.svelte-4xjglx{position:absolute;top:0;right:0;bottom:0;left:0;background:#6363a28c;transform-origin:left center;animation:svelte-4xjglx-hero-hub-tab-fill linear forwards;z-index:0}@keyframes svelte-4xjglx-hero-hub-tab-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-hub-tab.svelte-4xjglx.svelte-4xjglx:hover{background:#ffffff24;color:#ffffffe6}.hero-hub-tab-active.svelte-4xjglx.svelte-4xjglx{background:#6363a2d9;border-color:#8585b580;color:#fff;box-shadow:0 4px 14px #6363a259}@media(prefers-reduced-motion:reduce){.hero-hub-shot.svelte-4xjglx.svelte-4xjglx{transition:none}.hero-hub-tab-progress.svelte-4xjglx.svelte-4xjglx{display:none}}.hero-phone-wrap.svelte-4xjglx.svelte-4xjglx{position:absolute;bottom:0;width:26%;min-width:108px;z-index:2;transition:transform .4s ease}.hero-phone-wrap-myhub.svelte-4xjglx.svelte-4xjglx{right:0;transform:rotate(2.5deg)}.hero-phone-wrap-youthhub.svelte-4xjglx.svelte-4xjglx{left:0;transform:rotate(-2.5deg)}.hero-right-wrap.svelte-4xjglx:hover .hero-phone-wrap-myhub.svelte-4xjglx{transform:rotate(1deg) translateY(-8px)}.hero-right-wrap.svelte-4xjglx:hover .hero-phone-wrap-youthhub.svelte-4xjglx{transform:rotate(-1deg) translateY(-8px)}.hero-myhub-badge.svelte-4xjglx.svelte-4xjglx{display:flex;margin:0 auto 6px;width:-moz-fit-content;width:fit-content;background:#0b7a6ceb;color:#e0f7f4;border:1px solid rgba(18,160,144,.5);box-shadow:0 4px 14px #0b7a6c73;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-youthhub-badge.svelte-4xjglx.svelte-4xjglx{display:flex;margin:0 auto 6px;width:-moz-fit-content;width:fit-content;background:#ff7a58eb;color:#fff5f2;border:1px solid rgba(255,154,120,.5);box-shadow:0 4px 14px #ff7a5873;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-phone-frame.svelte-4xjglx.svelte-4xjglx{background:linear-gradient(145deg,#2c2c2e,#1a1a1c);border-radius:28px;padding:9px 4px 7px;box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 2px #0000008c,0 24px 60px -8px #000000a6,0 0 40px -10px #0b7a6c40;position:relative}.hero-phone-frame-youthhub.svelte-4xjglx.svelte-4xjglx{box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 2px #0000008c,0 24px 60px -8px #000000a6,0 0 40px -10px #ff7a584d}.hero-phone-notch.svelte-4xjglx.svelte-4xjglx{display:flex;justify-content:center;padding-bottom:5px}.hero-phone-island.svelte-4xjglx.svelte-4xjglx{width:52px;height:14px;border-radius:20px;background:#0d0d0f;box-shadow:inset 0 1px 2px #ffffff0a}.hero-phone-screen.svelte-4xjglx.svelte-4xjglx{border-radius:18px;overflow:hidden;line-height:0;background:#fff}.hero-phone-bar.svelte-4xjglx.svelte-4xjglx{width:36%;height:3px;background:#ffffff47;border-radius:3px;margin:6px auto 0}@media(max-width:767px){.hero-phone-wrap-youthhub.svelte-4xjglx.svelte-4xjglx{display:none}.hero-right-wrap.svelte-4xjglx.svelte-4xjglx{padding-left:0;max-width:520px}}