.shared-project-section[data-v-a06da140]{padding:6rem 2rem;background:var(--background-variant);overflow:visible;position:relative}.section-bg-code[data-v-a06da140]{position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0a66;color:#ff800840;font-family:Fira Code,monospace;font-size:.8rem;line-height:1.4;padding:2rem;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .3s ease;z-index:0;mask-image:radial-gradient(circle 250px at var(--x) var(--y),#000 20%,transparent 80%);-webkit-mask-image:radial-gradient(circle 250px at var(--x) var(--y),#000 20%,transparent 80%)}.section-bg-code.is-hovered[data-v-a06da140]{opacity:1}.section-bg-code pre[data-v-a06da140]{margin:0;white-space:pre-wrap;word-break:break-all}.shared-project-section[data-v-a06da140]:nth-of-type(2n){background:var(--background-color)}.content-wrapper[data-v-a06da140]{max-width:1200px;margin:0 auto;display:grid;gap:4rem;align-items:center;position:relative;z-index:1}.content-wrapper[data-v-a06da140],.reverse-layout .content-wrapper[data-v-a06da140]{grid-template-columns:1fr 1fr}.visual-content[data-v-a06da140]{opacity:0;transform:translate(-50px);transition:all 1s cubic-bezier(.16,1,.3,1) .2s;width:100%;min-width:0;position:relative;z-index:20}.reverse-layout .visual-content[data-v-a06da140]{order:2;transform:translate(50px)}.is-visible .visual-content[data-v-a06da140]{opacity:1;transform:translate(0)}.text-content[data-v-a06da140]{opacity:0;transform:translate(50px);transition:all 1s cubic-bezier(.16,1,.3,1);text-align:left;min-width:0}.reverse-layout .text-content[data-v-a06da140]{order:1;transform:translate(-50px)}.is-visible .text-content[data-v-a06da140]{opacity:1;transform:translate(0)}.section-subtitle[data-v-a06da140]{font-size:1.25rem;font-weight:600;text-transform:uppercase;margin-bottom:.25rem}.section-title[data-v-a06da140]{font-size:3rem;font-weight:800;margin-top:0;margin-bottom:1.5rem;color:var(--text-color)}.description[data-v-a06da140]{font-size:1.1rem;line-height:1.6;color:var(--secondary-text-color);margin-bottom:2rem}.features-list[data-v-a06da140]{list-style:none;padding:0;margin-bottom:2.5rem}.features-list li[data-v-a06da140]{margin-bottom:.75rem;color:var(--text-color);position:relative;padding-left:1.5rem}.features-list li[data-v-a06da140]:before{content:"→";position:absolute;left:0;color:var(--secondary-text-color)}.actions[data-v-a06da140]{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.install-wrapper[data-v-a06da140]{margin-top:1.5rem;opacity:0;transform:translateY(10px);transition:all 1s ease .6s}.is-visible .install-wrapper[data-v-a06da140]{opacity:1;transform:translateY(0)}@media(max-width:992px){.shared-project-section[data-v-a06da140]{padding:3rem 1rem}.content-wrapper[data-v-a06da140],.reverse-layout .content-wrapper[data-v-a06da140]{grid-template-columns:1fr;gap:2rem;display:flex;flex-direction:column;align-items:center}.reverse-layout .visual-content[data-v-a06da140],.visual-content[data-v-a06da140]{order:1;transform:translateY(-10px);opacity:0;max-width:100%}.reverse-layout .text-content[data-v-a06da140],.text-content[data-v-a06da140]{order:2;transform:translateY(10px);opacity:0;text-align:center}.is-visible .text-content[data-v-a06da140],.is-visible .visual-content[data-v-a06da140]{transform:translateY(0);opacity:1}.section-title[data-v-a06da140]{font-size:2rem}.features-list li[data-v-a06da140]:before{display:none}.features-list li[data-v-a06da140]{padding-left:0}.actions[data-v-a06da140]{justify-content:center}}.hero-section[data-v-5f9cda33]{min-height:calc(100vh - 75px);display:flex;align-items:center;justify-content:center;background:var(--background-color);padding:55px 1rem 0;overflow:hidden;position:relative;transition:padding-top 1s ease-out}.hero-section.is-visible[data-v-5f9cda33]{padding-top:5px}.bg-animation-container[data-v-5f9cda33]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.hero-container[data-v-5f9cda33]{max-width:1000px;text-align:center;opacity:0;transform:translateY(30px);transition:all 1.2s cubic-bezier(.16,1,.3,1);z-index:10;padding-bottom:6rem}.hero-section.is-visible .hero-container[data-v-5f9cda33]{opacity:1;transform:translateY(0)}.demo-label[data-v-5f9cda33]{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem}.demo-label[data-v-5f9cda33],.main-title[data-v-5f9cda33]{display:block}.hero-title[data-v-5f9cda33]{font-size:clamp(3rem,10vw,5.5rem);font-weight:800;line-height:1.1;color:var(--text-color);margin-bottom:1.5rem}.highlight[data-v-5f9cda33]{position:relative;display:inline-block}.hero-subtitle[data-v-5f9cda33]{font-size:clamp(1.1rem,3vw,1.5rem);color:var(--secondary-text-color);line-height:1.6;max-width:750px;margin:0 auto}.hero-scroll-indicator[data-v-5f9cda33]{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--secondary-text-color);font-size:.8rem;opacity:0;transition:opacity 1s ease 1.5s;z-index:10}.hero-section.is-visible .hero-scroll-indicator[data-v-5f9cda33]{opacity:.6}.mouse[data-v-5f9cda33]{width:20px;height:32px;border:2px solid;border-radius:12px;position:relative}.mouse-wheel[data-v-5f9cda33]{width:2px;height:6px;position:absolute;top:6px;left:50%;transform:translate(-50%);animation:scrollMouse-5f9cda33 2s infinite;border-radius:2px}.hand-swipe[data-v-5f9cda33]{width:30px;height:30px;animation:swipeUp-5f9cda33 2s ease-in-out infinite}@keyframes scrollMouse-5f9cda33{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,15px);opacity:0}}@keyframes swipeUp-5f9cda33{0%{transform:translateY(10px);opacity:0}50%{opacity:1}to{transform:translateY(-10px);opacity:0}}@media(max-width:768px){.hero-section[data-v-5f9cda33]{min-height:calc(85vh - 75px);align-items:center;padding:5vh 1rem 0}.hero-section.is-visible[data-v-5f9cda33]{padding-top:5vh}.hero-container[data-v-5f9cda33]{padding-bottom:0}.hero-title[data-v-5f9cda33]{font-size:2.25rem;margin-bottom:.75rem}.demo-label[data-v-5f9cda33]{font-size:.8rem;margin-bottom:.25rem}.hero-subtitle[data-v-5f9cda33]{font-size:.95rem}.hero-scroll-indicator[data-v-5f9cda33]{bottom:1.5rem}}.scroll-progress[data-v-09506668]{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:1000;border:none!important;outline:none!important}.progress-bar[data-v-09506668]{height:100%;transition:width .1s ease-out}.shared-tooltip-box[data-v-f52780fa]{position:absolute;background:var(--background-variant,#fff);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--outline-color,#e5e7eb);border-radius:8px;padding:.8rem 1.1rem;color:var(--text-color,#2c3e50);font-size:.8rem;line-height:1.5;width:240px;box-shadow:0 10px 30px var(--shadow,rgba(0,0,0,.08)),0 0 15px #844fba0d;pointer-events:none;z-index:1000;transition:background .3s ease,border .3s ease,color .3s ease,box-shadow .3s ease}.darkmode{background:var(--background-variant,#23303e);border:1px solid var(--outline-color,#56626f);color:var(--text-color,#fff);box-shadow:0 10px 30px #0006}.tooltip-header[data-v-f52780fa]{display:flex;align-items:center;gap:.75rem;margin-bottom:.4rem;text-align:left}.step-badge[data-v-f52780fa]{font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:20px;border:1px solid;white-space:nowrap}.tooltip-title[data-v-f52780fa]{display:block;font-size:.85rem;font-weight:700}.tooltip-text[data-v-f52780fa]{margin:0;text-align:left;color:var(--secondary-text-color,#6b7280)}.darkmode{color:var(--secondary-text-color,#e2e2e2)}.placement-top[data-v-f52780fa]{transform:translate(-50%,-100%);margin-top:-12px}.placement-bottom[data-v-f52780fa]{transform:translate(-50%);margin-top:12px}.placement-left[data-v-f52780fa]{transform:translate(-100%,-50%);margin-left:-12px}.placement-right[data-v-f52780fa]{transform:translateY(-50%);margin-left:12px}.tooltip-fade-enter-active[data-v-f52780fa],.tooltip-fade-leave-active[data-v-f52780fa]{transition:opacity .2s ease}.tooltip-fade-enter-from[data-v-f52780fa],.tooltip-fade-leave-to[data-v-f52780fa]{opacity:0}