.header_container__1ymapo90{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.header_logo__1ymapo91{font-size:18px;color:#fff;font-family:Belanosima;font-weight:600}.header_packageLinks__1ymapo92{display:flex;gap:16px;color:#fff}.header_link__1ymapo93{display:flex;align-items:center;gap:4px;color:#fff;text-decoration:none;font-family:Inter;font-size:12px;font-weight:700}@media (min-width: 481px){.header_container__1ymapo90{padding:20px 24px}.header_packageLinks__1ymapo92{gap:24px}.header_link__1ymapo93{font-size:14px;gap:8px}}@media (min-width: 769px){.header_container__1ymapo90{padding:40px 48px}}.video-control_container__1spdh1z0{position:absolute;bottom:24px;display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:0 24px;width:fit-content;text-align:left;z-index:10}.video-control_controlButtons__1spdh1z1{display:flex;justify-content:center;align-items:center;gap:10px}.video-control_playDirection__1spdh1z2{font-size:12px;font-weight:700;color:#fff}.video-control_controlButton__1spdh1z3{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;background:#ffffffb3}.video-control_controlButton__1spdh1z3:hover{background:#ffffffe6}.video-control_progressPlaceholder__1spdh1z4{position:relative;width:100%;height:4px;background-color:#fff}.video-control_progressBar__1spdh1z5{width:100%;height:4px;background-color:#0f0;transform:scaleX(.5);transform-origin:left}.video-control_marker__1spdh1z6{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);background:red;width:16px;height:16px;border-radius:100%;border:none;cursor:pointer}.video-control_markerLabel__1spdh1z7{display:block;position:absolute;top:100%;font-size:12px;padding:8px;border:none;border-radius:4px;background:#ffffff80;width:max-content;transform:translate(-50%,-50%);opacity:0}.video-control_currentTime__1spdh1z8{position:absolute;top:50%;right:0;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:100%;background:red;cursor:pointer;z-index:10}.video_container__10oingv0{position:relative;width:100%;height:100%}.video_video__10oingv1{position:relative;width:100%;height:100%;object-fit:cover;z-index:2}.video_fakePoster__10oingv2{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.video-timestone_container__14pkj7w0{position:relative;width:100%;height:100%;background-color:#000;border-radius:8px;overflow:hidden}.video-timestone_fullScreen__14pkj7w1{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;border-radius:0}@keyframes demo_fadeInUp__o6r6oh0{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes demo_gradientShift__o6r6oh1{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.demo_container__o6r6oh2{width:100%;height:0;padding-bottom:56.25%;margin-bottom:120px;background-color:#0a0a0b;position:relative;border-radius:8px}.demo_heroVideoBackground__o6r6oh3{position:absolute;inset:0;z-index:1}.demo_heroBackgroundVideo__o6r6oh4{position:absolute;inset:0;object-fit:cover;object-position:center}.demo_heroOverlay__o6r6oh5{position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0be6,#0a0a0bcc,#0a0a0b80 60%,#0a0a0bb3);z-index:2;display:flex;align-items:center;justify-content:center}.demo_heroContent__o6r6oh6{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:3;text-align:center}.demo_heroText__o6r6oh7{animation:demo_fadeInUp__o6r6oh0 1s ease-out}.demo_heroTitle__o6r6oh8{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo_gradientText__o6r6oh9{display:block;background:linear-gradient(135deg,#f18463,#e2f65c,#06b6d4);background-size:200% 200%;animation:demo_gradientShift__o6r6oh1 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo_heroSubtitle__o6r6oha{font-size:1.5rem;color:#a1a1aa;line-height:1.6;max-width:500px;margin:0 auto 40px;word-break:keep-all}.demo_heroFeatures__o6r6ohb{display:flex;gap:12px;flex-wrap:wrap}.demo_featureBadge__o6r6ohc{padding:8px 16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:.9rem;color:#fff;font-weight:500}.demo_syncIndicator__o6r6ohd{padding:30px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:500px;margin:50px auto 0}.demo_syncText__o6r6ohe{text-align:center}.demo_syncLabel__o6r6ohf{display:block;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:20px;transition:all .6s ease}.demo_heroCtaButton__o6r6ohg{padding:16px 32px;background:linear-gradient(135deg,#f18463,#e2f65c);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #6366f166}.demo_heroCtaButton__o6r6ohg:hover{transform:translateY(-3px);box-shadow:0 12px 40px #6366f180}.demo_heroLoadingOverlay__o6r6ohh{position:absolute;inset:0;background:#0a0a0bf2;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.demo_heroLoadingContent__o6r6ohi{text-align:center;color:#fff;padding:30px;border-radius:16px}.demo_heroProgressBar__o6r6ohj{width:300px;height:6px;background-color:#ffffff0d;border-radius:3px;overflow:hidden;margin-bottom:15px;border:1px solid rgba(255,255,255,.1)}.demo_heroProgressFill__o6r6ohk{height:100%;background:linear-gradient(90deg,#f18463,#e2f65c);border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #6366f180}.demo_main__o6r6ohl{background-color:#0a0a0b;position:relative;z-index:1}.demo_demoSection__o6r6ohm{padding:80px 20px;max-width:1200px;margin:0 auto}.demo_sectionTitle__o6r6ohn{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:60px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo_video__o6r6oho{width:100%;height:100%;object-fit:cover}.demo_videoOverlay__o6r6ohp{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.demo_overlayContent__o6r6ohq{text-align:center;color:#fff}.demo_overlayTitle__o6r6ohr{font-size:2rem;font-weight:700;margin-bottom:20px;transition:all .6s ease}.demo_overlayButton__o6r6ohs{padding:12px 24px;background:linear-gradient(135deg,#f18463,#e2f65c);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.demo_overlayButton__o6r6ohs:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.demo_visible__o6r6oht{opacity:1;transform:translateY(0)}.demo_hidden__o6r6ohu{opacity:0;transform:translateY(20px)}.demo_controlGroup__o6r6ohv{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-50%);display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 auto;z-index:200;opacity:0}.demo_controlGroup__o6r6ohv.active{opacity:.7}.demo_controlButton__o6r6ohw{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:100%;cursor:pointer;width:40px;height:40px;border:none}.demo_controlButton__o6r6ohw:hover{background:#10b981;border-color:#10b981}.demo_controlButton__o6r6ohw.active{background:#10b981;cursor:default}.demo_controlLabel__o6r6ohx{font-size:.9rem;color:#a1a1aa;font-weight:500}.demo_codeSection__o6r6ohy{padding:80px 20px;max-width:1200px;margin:80px auto 0;background:#1a1a1d;border-radius:24px;border:1px solid rgba(255,255,255,.1)}.demo_codeSectionTitle__o6r6ohz{font-size:2rem;font-weight:700;margin-bottom:50px;text-align:center;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo_featureGrid__o6r6oh10{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:60px}.demo_featureCard__o6r6oh11{padding:30px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.demo_featureCard__o6r6oh11:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.demo_featureCardTitle__o6r6oh12{margin:0 0 15px;font-size:1.3rem;color:#fff;font-weight:700}.demo_featureCardText__o6r6oh13{margin:0 0 20px;font-size:1rem;color:#a1a1aa;line-height:1.6}.demo_miniCode__o6r6oh14{background-color:#0a0a0b;color:#fff;padding:16px;border-radius:8px;font-size:.85rem;font-family:JetBrains Mono,Consolas,monospace;margin:0;border:1px solid rgba(255,255,255,.1)}.demo_architectureSection__o6r6oh15{margin-top:50px;padding:40px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.demo_architectureTitle__o6r6oh16{margin:0 0 20px;font-size:1.5rem;color:#fff;font-weight:700}.demo_codeExample__o6r6oh17{background-color:#0a0a0b;color:#fff;padding:30px;border-radius:12px;font-size:.9rem;line-height:1.6;overflow:auto;font-family:JetBrains Mono,Consolas,monospace;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0003}.demo_loadingOverlay__o6r6oh18{position:absolute;inset:0;background-color:#0a0a0bf2;display:flex;align-items:center;justify-content:center;z-index:20;border-radius:16px}.demo_loadingContent__o6r6oh19{text-align:center;color:#fff;max-width:300px}.demo_loadingTitle__o6r6oh1a{font-size:1.2rem;margin:0;font-weight:600}.demo_loadingText__o6r6oh1b{font-size:.9rem;margin:10px 0 0;opacity:.8;color:#a1a1aa}.demo_progressBar__o6r6oh1c{width:100%;height:8px;background-color:#ffffff0d;border-radius:4px;overflow:hidden;margin-bottom:10px}.demo_progressFill__o6r6oh1d{height:100%;background:linear-gradient(90deg,#f18463,#e2f65c);border-radius:4px;transition:width .3s ease}.demo_heroControls__o6r6oh1e{margin-top:30px;padding:25px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.demo_heroControlsTitle__o6r6oh1f{font-size:1.2rem;font-weight:600;color:#fff;text-align:center;opacity:.9;margin:0 auto 20px}.demo_progressSection__o6r6oh1g{display:flex;flex-direction:column;gap:15px;margin-top:20px}.demo_progressContainer__o6r6oh1h{position:absolute;bottom:20px;left:0;right:0;z-index:1000;width:100%;gap:12px;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:0 16px;opacity:0;transition:transform .3s ease}.demo_progressContainer__o6r6oh1h.active{opacity:1}.demo_progressTime__o6r6oh1i{width:50px;text-align:center;font-size:14px;color:#fff;font-weight:700;font-family:Inter}.demo_progressTrack__o6r6oh1j{position:relative;width:100%;height:4px;background:#fffc;border-radius:4px;cursor:pointer}.demo_progressPlaybackFill__o6r6oh1k{position:absolute;top:0;left:0;height:100%;background:#27ec7a;border-radius:4px;transition:width .1s ease;z-index:1}.demo_progressMarker__o6r6oh1l{position:absolute;z-index:300;top:50%;padding:6px 16px;background:#27ec7a;color:#0d0c0c;border-radius:24px;font-size:12px;font-weight:700;cursor:pointer;transition:box-shadow .2s ease;box-shadow:0 2px 8px #63f19c00;pointer-events:none}.demo_progressMarker__o6r6oh1l:hover{transform:translate(-50%,-50%);box-shadow:0 2px 12px #63f19580}.demo_progressMarker__o6r6oh1l:active{transform:translate(-50%,-50%) scale(.95)}.demo_subtitleContainer__o6r6oh1m{position:absolute;top:calc(100% + 40px);left:0;right:0;z-index:10;display:flex;justify-content:center;text-align:center;animation:demo_fadeInUp__o6r6oh0 .8s ease-out;pointer-events:none;padding:0 20px}.demo_subtitleText__o6r6oh1n{font-size:14px;color:#fff;font-weight:700;line-height:1.4;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:.5px;text-align:center;max-width:90%;word-break:keep-all}.demo_subtitleMarker__o6r6oh1o{position:absolute;top:-10px;width:4px;height:24px;background:#fff;z-index:3}.demo_subtitleMarkerText__o6r6oh1p{font-size:12px;background:#fff;width:fit-content;white-space:nowrap;padding:4px 8px;border-radius:4px;color:#000;font-weight:700;opacity:0;pointer-events:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.demo_subtitleMarker__o6r6oh1o:hover .demo_subtitleMarkerText__o6r6oh1p{opacity:1}@media (min-width: 769px){.demo_container__o6r6oh2{overflow:hidden;margin-bottom:0}}@media (max-width: 768px){.demo_heroTitle__o6r6oh8{font-size:2.5rem}.demo_heroSubtitle__o6r6oha{font-size:1.2rem}.demo_heroFeatures__o6r6ohb{justify-content:center}.demo_featureGrid__o6r6oh10{grid-template-columns:1fr}}@media (min-width: 481px){.demo_controlGroup__o6r6ohv{gap:12px;top:50%;transform:translate(-50%,-50%)}.demo_controlButton__o6r6ohw{width:70px;height:70px}.demo_progressContainer__o6r6oh1h{bottom:30px;padding:0 24px;gap:16px}.demo_subtitleContainer__o6r6oh1m{top:initial;bottom:90px}.demo_subtitleText__o6r6oh1n{font-size:16px;max-width:600px}}.hero_container__12hcnpo0{padding-top:120px}.hero_container__12hcnpo0:before{content:"";position:absolute;top:0;left:-1px;width:100%;height:100%;max-height:654px;background-image:url(/bg_hero@2x.jpg);background-size:cover;background-position:top center;background-repeat:no-repeat}.hero_content__12hcnpo1{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.hero_title__12hcnpo2{font-size:32px;font-weight:600;font-family:Belanosima;text-align:center;line-height:1.2;background:linear-gradient(180deg,#fff 0% 55%,#49e78b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero_description__12hcnpo3{font-size:16px;font-weight:400;font-family:Inter;text-align:center;line-height:1.4;padding:0 20px}.hero_button__12hcnpo4{padding:16px 24px;font-family:Inter;font-size:14px;border-radius:100px;background-color:#fff;color:#0e1611;border:none;cursor:pointer;font-weight:700;transition:background-color .3s ease}.hero_button__12hcnpo4:hover{background-color:#e9e9e9}.hero_demoContainer__12hcnpo5{max-width:1400px;width:100%;margin:60px auto 0;padding:0 20px}@media (min-width: 481px){.hero_title__12hcnpo2{font-size:40px}.hero_description__12hcnpo3{font-size:18px}}@media (min-width: 769px){.hero_container__12hcnpo0{padding-top:224px}.hero_container__12hcnpo0:before{max-height:1054px}.hero_title__12hcnpo2{font-size:64px}.hero_description__12hcnpo3{font-size:24px;padding:0}.hero_demoContainer__12hcnpo5{margin:96px auto 0}}.features_container__1u87d600{max-width:1000px;margin:0 auto;padding:80px 20px 0}.features_sectionHeader__1u87d601{margin-bottom:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.features_sectionContent__1u87d602{display:grid;grid-template-columns:1fr;gap:16px}.features_title__1u87d603{font-size:24px;font-weight:600;font-family:Belanosima;text-align:center;line-height:1.2}.features_highlight__1u87d604{background:linear-gradient(180deg,#fff,#49e78b 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.features_description__1u87d605{font-size:16px;font-weight:400;color:#fffc;font-family:Inter;text-align:center;line-height:1.2;max-width:670px}.features_featureItem__1u87d606{background:#151414;border:1px solid #504C4C;border-radius:16px;padding:24px}.features_featureItem__1u87d606.item-1,.features_featureItem__1u87d606.item-2{display:flex;flex-direction:column;gap:20px}.features_featureItem__1u87d606.item-3{display:flex;flex-direction:column;gap:20px;padding:24px 0 0}.features_featureItem__1u87d606.item-4{display:flex;flex-direction:column;gap:20px}.features_featureContent__1u87d607{display:flex;flex-direction:column;gap:16px}.item-3 .features_featureContent__1u87d607{padding:0 24px 24px}.features_featureTitle__1u87d608{font-size:21px;font-family:Belanosima;line-height:1.2}.features_featureDescription__1u87d609{font-size:16px;font-weight:400;font-family:Inter;line-height:1.4;color:#fffc}@media (min-width: 769px){.features_container__1u87d600{padding:140px 20px 0}.features_sectionContent__1u87d602{grid-template-columns:repeat(2,1fr);gap:20px}.features_title__1u87d603{font-size:28px}.features_description__1u87d605{font-size:18px}.features_featureItem__1u87d606{padding:36px}.features_featureItem__1u87d606.item-1{flex-direction:row;gap:33px}.features_featureItem__1u87d606.item-2{flex-direction:row}.features_featureItem__1u87d606.item-3{padding:36px 0 0}.features_featureItem__1u87d606.item-4{flex-direction:row}.item-3 .features_featureContent__1u87d607{padding:0 36px 36px}}@media (min-width: 1024px){.features_title__1u87d603{font-size:36px}}.package-guide_container__lmjro20{display:flex;flex-direction:column;gap:16px;max-width:1000px;width:100%;margin:0 auto;padding:80px 20px 0}.package-guide_title__lmjro21{font-size:24px;font-weight:600;margin-bottom:40px;font-family:Belanosima}.package-guide_subTitle__lmjro22{font-size:20px;font-weight:400;margin-bottom:20px;font-family:Belanosima}.package-guide_contentWrapper__lmjro23{margin-bottom:40px}.package-guide_codeBlock__lmjro24{font-family:monospace!important}@media (min-width: 769px){.package-guide_container__lmjro20{padding:120px 20px 0}.package-guide_title__lmjro21{font-size:28px;margin-bottom:70px}.package-guide_subTitle__lmjro22{font-size:24px;margin-bottom:33px}}@media (min-width: 1024px){.package-guide_title__lmjro21{font-size:36px}}.footer_container__163fc970{margin-top:120px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:center;align-items:center;padding:28px 0 80px;font-family:Inter;font-size:16px;line-height:1.4;color:#fffc}@keyframes demo-app_fadeInUp__1o0lih60{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-app_gradientShift__1o0lih61{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}body{margin:0;padding:0;background-color:#0a0a0b;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.demo-app_container__1o0lih62{min-height:100vh;background-color:#0a0a0b;position:relative;overflow:hidden}.demo-app_heroSection__1o0lih63{min-height:100vh;position:relative;display:flex;align-items:center;padding:0 20px}.demo-app_heroVideoBackground__1o0lih64{position:absolute;inset:0;z-index:1}.demo-app_heroBackgroundVideo__1o0lih65{width:100%;height:100%;object-fit:cover;object-position:center}.demo-app_heroOverlay__1o0lih66{position:absolute;inset:0;background:linear-gradient(135deg,#0a0a0be6,#0a0a0bcc,#0a0a0b80 60%,#0a0a0bb3);z-index:2;display:flex;align-items:center;justify-content:center}.demo-app_heroContent__1o0lih67{max-width:1200px;margin:0 auto;padding:0 20px;position:relative;z-index:3;text-align:center}.demo-app_heroText__1o0lih68{animation:demo-app_fadeInUp__1o0lih60 1s ease-out}.demo-app_heroTitle__1o0lih69{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:24px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-app_gradientText__1o0lih6a{display:block;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4);background-size:200% 200%;animation:demo-app_gradientShift__1o0lih61 4s ease infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-app_heroSubtitle__1o0lih6b{font-size:1.5rem;color:#a1a1aa;line-height:1.6;max-width:500px;margin:0 auto 40px;word-break:keep-all}.demo-app_heroFeatures__1o0lih6c{display:flex;gap:12px;flex-wrap:wrap}.demo-app_featureBadge__1o0lih6d{padding:8px 16px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:50px;font-size:.9rem;color:#fff;font-weight:500}.demo-app_syncIndicator__1o0lih6e{padding:30px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;max-width:500px;margin:50px auto 0}.demo-app_syncText__1o0lih6f{text-align:center}.demo-app_syncLabel__1o0lih6g{display:block;font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:20px;transition:all .6s ease}.demo-app_heroCtaButton__1o0lih6h{padding:16px 32px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 30px #6366f166}.demo-app_heroCtaButton__1o0lih6h:hover{transform:translateY(-3px);box-shadow:0 12px 40px #6366f180}.demo-app_heroLoadingOverlay__1o0lih6i{position:absolute;inset:0;background:#0a0a0bf2;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.demo-app_heroLoadingContent__1o0lih6j{text-align:center;color:#fff;padding:30px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.demo-app_heroProgressBar__1o0lih6k{width:300px;height:6px;background-color:#ffffff0d;border-radius:3px;overflow:hidden;margin-bottom:15px;border:1px solid rgba(255,255,255,.1)}.demo-app_heroProgressFill__1o0lih6l{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;transition:width .3s ease;box-shadow:0 0 10px #6366f180}.demo-app_main__1o0lih6m{background-color:#0a0a0b;position:relative;z-index:1}.demo-app_demoSection__1o0lih6n{padding:80px 20px;max-width:1200px;margin:0 auto}.demo-app_sectionTitle__1o0lih6o{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:60px;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-app_videoContainer__1o0lih6p{position:relative;width:100%;height:400px;border-radius:16px;overflow:hidden;margin-bottom:40px;background:#161618;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d}.demo-app_video__1o0lih6q{width:100%;height:100%;object-fit:cover}.demo-app_videoOverlay__1o0lih6r{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center}.demo-app_overlayContent__1o0lih6s{text-align:center;color:#fff}.demo-app_overlayTitle__1o0lih6t{font-size:2rem;font-weight:700;margin-bottom:20px;transition:all .6s ease}.demo-app_overlayButton__1o0lih6u{padding:12px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.demo-app_overlayButton__1o0lih6u:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.demo-app_visible__1o0lih6v{opacity:1;transform:translateY(0)}.demo-app_hidden__1o0lih6w{opacity:0;transform:translateY(20px)}.demo-app_controlsContainer__1o0lih6x{max-width:800px;margin:0 auto}.demo-app_controls__1o0lih6y{padding:30px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;display:flex;flex-direction:column;gap:20px}.demo-app_controlGroup__1o0lih6z{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 auto}.demo-app_controlButton__1o0lih610{padding:10px 20px;background:#161618;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.demo-app_controlButton__1o0lih610:hover{background:#10b981;border-color:#10b981;transform:translateY(-1px)}.demo-app_controlButton__1o0lih610:disabled{opacity:.5;cursor:not-allowed;background:#161618}.demo-app_controlLabel__1o0lih611{font-size:.9rem;color:#a1a1aa;font-weight:500}.demo-app_codeSection__1o0lih612{padding:80px 20px;max-width:1200px;margin:80px auto 0;background:#1a1a1d;border-radius:24px;border:1px solid rgba(255,255,255,.1)}.demo-app_codeSectionTitle__1o0lih613{font-size:2rem;font-weight:700;margin-bottom:50px;text-align:center;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-app_featureGrid__1o0lih614{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:60px}.demo-app_featureCard__1o0lih615{padding:30px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;transition:all .3s ease}.demo-app_featureCard__1o0lih615:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.demo-app_featureCardTitle__1o0lih616{margin:0 0 15px;font-size:1.3rem;color:#fff;font-weight:700}.demo-app_featureCardText__1o0lih617{margin:0 0 20px;font-size:1rem;color:#a1a1aa;line-height:1.6}.demo-app_miniCode__1o0lih618{background-color:#0a0a0b;color:#fff;padding:16px;border-radius:8px;font-size:.85rem;font-family:JetBrains Mono,Consolas,monospace;margin:0;border:1px solid rgba(255,255,255,.1)}.demo-app_architectureSection__1o0lih619{margin-top:50px;padding:40px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.demo-app_architectureTitle__1o0lih61a{margin:0 0 20px;font-size:1.5rem;color:#fff;font-weight:700}.demo-app_codeExample__1o0lih61b{background-color:#0a0a0b;color:#fff;padding:30px;border-radius:12px;font-size:.9rem;line-height:1.6;overflow:auto;font-family:JetBrains Mono,Consolas,monospace;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0003}.demo-app_loadingOverlay__1o0lih61c{position:absolute;inset:0;background-color:#0a0a0bf2;display:flex;align-items:center;justify-content:center;z-index:20;border-radius:16px}.demo-app_loadingContent__1o0lih61d{text-align:center;color:#fff;max-width:300px}.demo-app_loadingTitle__1o0lih61e{font-size:1.2rem;margin:0;font-weight:600}.demo-app_loadingText__1o0lih61f{font-size:.9rem;margin:10px 0 0;opacity:.8;color:#a1a1aa}.demo-app_progressBar__1o0lih61g{width:100%;height:8px;background-color:#ffffff0d;border-radius:4px;overflow:hidden;margin-bottom:10px}.demo-app_progressFill__1o0lih61h{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.demo-app_heroControls__1o0lih61i{margin-top:30px;padding:25px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.demo-app_heroControlsTitle__1o0lih61j{font-size:1.2rem;font-weight:600;color:#fff;text-align:center;opacity:.9;margin:0 auto 20px}.demo-app_progressSection__1o0lih61k{display:flex;flex-direction:column;gap:15px;margin-top:20px}.demo-app_progressContainer__1o0lih61l{width:100%;padding:10px 0}.demo-app_progressTrack__1o0lih61m{position:relative;width:100%;height:8px;background:#ffffff0d;border-radius:4px;border:1px solid rgba(255,255,255,.1);cursor:pointer}.demo-app_progressPlaybackFill__1o0lih61n{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .1s ease;z-index:1}.demo-app_progressMarker__1o0lih61o{position:absolute;top:50%;width:16px;height:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;border:2px solid #ffffff;transform:translate(-50%,-50%);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d;z-index:2}.demo-app_progressMarker__1o0lih61o:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 4px 12px #6366f180}.demo-app_progressMarker__1o0lih61o:active{transform:translate(-50%,-50%) scale(.95)}.demo-app_progressTimeDisplay__1o0lih61p{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.8rem;color:#a1a1aa;font-family:JetBrains Mono,Consolas,monospace}.demo-app_subtitleContainer__1o0lih61q{position:absolute;left:24px;bottom:24px;margin-top:30px;padding:25px 40px;text-align:center;animation:demo-app_fadeInUp__1o0lih60 .8s ease-out}.demo-app_subtitleText__1o0lih61r{font-size:1.05rem;color:#fff;opacity:.5;line-height:1.4;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:.5px;text-align:left;max-width:600px;word-break:keep-all}.demo-app_heroSubtitlePosition__1o0lih61s{position:absolute;left:24px;bottom:24px;margin:0;z-index:10;max-width:60vw;width:fit-content;pointer-events:none}.demo-app_subtitleMarker__1o0lih61t{position:absolute;top:-8px;width:4px;height:24px;background:#06b6d4;border-radius:2px;cursor:pointer;transition:all .2s ease;z-index:3}.demo-app_subtitleMarker__1o0lih61t:hover{background:#fff;transform:scaleY(1.5)}@media (max-width: 768px){.demo-app_heroTitle__1o0lih69{font-size:2.5rem}.demo-app_heroSubtitle__1o0lih6b{font-size:1.2rem}.demo-app_heroFeatures__1o0lih6c{justify-content:center}.demo-app_featureGrid__1o0lih614{grid-template-columns:1fr}.demo-app_heroSubtitlePosition__1o0lih61s{left:6px;bottom:6px;max-width:90vw}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}