.page-webext[data-v-f5efba83]{background:#f8fafc;min-height:100vh;overflow:hidden;position:relative}.page-webext .bg-grid[data-v-f5efba83]{background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 0),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 0);background-size:30px 30px;inset:0;pointer-events:none;position:absolute;z-index:0}.page-webext .bg-decoration[data-v-f5efba83]{border-radius:50%;filter:blur(100px);opacity:.5;position:absolute;transition:transform .2s ease-out;z-index:0}.page-webext .bg-decoration.ball-1[data-v-f5efba83]{background:radial-gradient(circle,rgba(64,158,255,.2),transparent 70%);height:600px;right:-10%;top:-10%;width:600px}.page-webext .bg-decoration.ball-2[data-v-f5efba83]{background:radial-gradient(circle,rgba(103,194,58,.15),transparent 70%);bottom:-10%;height:500px;left:-10%;width:500px}.page-webext .container[data-v-f5efba83]{margin:0 auto;max-width:1200px;padding:80px 24px;position:relative;z-index:1}.delay-1[data-v-f5efba83]{transition-delay:.1s}.delay-2[data-v-f5efba83]{transition-delay:.2s}.delay-3[data-v-f5efba83]{transition-delay:.3s}.delay-4[data-v-f5efba83]{transition-delay:.4s}.hero[data-v-f5efba83]{align-items:center;display:flex;gap:60px;justify-content:space-between;margin-bottom:120px;min-height:80vh}@media(max-width:900px){.hero[data-v-f5efba83]{flex-direction:column;min-height:auto;text-align:center}}.hero-content[data-v-f5efba83]{flex:1}.hero-content .badge[data-v-f5efba83]{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid rgba(64,158,255,.2);border-radius:99px;box-shadow:0 2px 12px #409eff1a;color:#409eff;display:inline-flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:24px;padding:6px 16px}.hero-content .title[data-v-f5efba83]{color:#1e293b;font-size:52px;font-weight:800;line-height:1.1;margin-bottom:24px}.hero-content .title .gradient-text[data-v-f5efba83]{background:linear-gradient(120deg,#409eff,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content .subtitle[data-v-f5efba83]{color:#64748b;font-size:18px;line-height:1.6;margin-bottom:40px}.hero-content .cta-btn[data-v-f5efba83]{box-shadow:0 10px 20px #409eff4d;font-size:16px;font-weight:600;padding:24px 48px;transition:transform .2s,box-shadow .2s}.hero-content .cta-btn[data-v-f5efba83]:hover{box-shadow:0 15px 25px #409eff66;transform:translateY(-2px)}.hero-visual[data-v-f5efba83]{display:flex;flex:1;justify-content:center}.hero-visual .floating-ball-demo[data-v-f5efba83]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:1px dashed rgba(0,0,0,.1);border-radius:20px;display:flex;height:300px;justify-content:center;position:relative;width:300px}.hero-visual .floating-ball-demo .ball-ui[data-v-f5efba83]{align-items:center;animation:float-f5efba83 4s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 8px 30px #0000001a;color:#409eff;cursor:pointer;display:flex;font-size:24px;font-weight:800;height:60px;justify-content:center;position:absolute;right:60px;top:60px;width:60px;z-index:2}.hero-visual .floating-ball-demo .ball-ui .logo-placeholder[data-v-f5efba83]{background:linear-gradient(135deg,#409eff,#a0cfff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-visual .floating-ball-demo .popover-ui[data-v-f5efba83]{animation:slideIn-f5efba83 4s ease-in-out infinite;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;gap:8px;opacity:0;padding:8px;position:absolute;right:130px;top:50px;transform:translate(20px);width:50px}.hero-visual .floating-ball-demo .popover-ui .tool-item[data-v-f5efba83]{background:#f1f5f9;border-radius:8px;height:34px;width:34px}.hero-visual .floating-ball-demo .cursor-hand[data-v-f5efba83]{animation:cursorMove-f5efba83 4s ease-in-out infinite;bottom:80px;color:#1e293b;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2));font-size:32px;position:absolute;right:40px;z-index:3}.features[data-v-f5efba83]{margin-bottom:120px}.features .section-title[data-v-f5efba83]{color:#1e293b;font-size:32px;font-weight:800;margin-bottom:60px;text-align:center}.features .feature-grid[data-v-f5efba83]{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.features .feature-grid .feature-card[data-v-f5efba83]{background:#fffc;border:1px solid hsla(0,0%,100%,.5);border-radius:24px;flex:1 1 240px;height:100%;max-width:380px;overflow:hidden;padding:40px;position:relative;transition:transform .3s,box-shadow .3s,background .3s}.features .feature-grid .feature-card[data-v-f5efba83]:hover{background:#fff;box-shadow:0 20px 40px #0000000d;transform:translateY(-5px)}.features .feature-grid .feature-card:hover .feature-card__bg[data-v-f5efba83]{opacity:1}.features .feature-grid .feature-card__bg[data-v-f5efba83]{inset:0;opacity:0;position:absolute;transition:.3s;z-index:0}.features .feature-grid .feature-card__top[data-v-f5efba83]{align-items:center;display:flex;gap:16px;margin-bottom:16px}.features .feature-grid .feature-card__top .icon-wrapper[data-v-f5efba83]{align-items:center;background:#fff;border-radius:14px;box-shadow:0 8px 16px #0000000d;display:flex;font-size:24px;height:50px;justify-content:center;position:relative;width:50px}.features .feature-grid .feature-card__top h3[data-v-f5efba83]{color:#1e293b;font-size:20px;font-weight:700;margin-bottom:12px;position:relative}.features .feature-grid .feature-card__bottom .description[data-v-f5efba83]{color:#64748b;font-size:15px;line-height:1.6;position:relative}.tools-showcase .showcase-box[data-v-f5efba83]{align-items:flex-start;background:linear-gradient(120deg,#2b32b2,#1488cc);border-radius:30px;box-shadow:0 20px 50px #1488cc4d;color:#fff;display:flex;gap:60px;justify-content:space-between;padding:60px}@media(max-width:900px){.tools-showcase .showcase-box[data-v-f5efba83]{flex-direction:column;padding:40px;text-align:center}}.tools-showcase .showcase-box .left-text[data-v-f5efba83]{flex:1;position:sticky;top:20px}.tools-showcase .showcase-box .left-text h2[data-v-f5efba83]{font-size:36px;font-weight:800;margin-bottom:16px}.tools-showcase .showcase-box .left-text p[data-v-f5efba83]{font-size:18px;line-height:1.6;opacity:.9}.tools-showcase .showcase-box .right-list[data-v-f5efba83]{display:grid;flex:1.5;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.tools-showcase .showcase-box .right-list .tool-row[data-v-f5efba83]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;display:flex;gap:16px;padding:16px;transition:transform .2s}.tools-showcase .showcase-box .right-list .tool-row[data-v-f5efba83]:hover{background:#fff3;transform:translate(5px) translateY(-2px)}.tools-showcase .showcase-box .right-list .tool-row .tool-icon[data-v-f5efba83]{align-items:center;background:#fff;border-radius:10px;color:#2b32b2;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.tools-showcase .showcase-box .right-list .tool-row .tool-info[data-v-f5efba83]{text-align:left}.tools-showcase .showcase-box .right-list .tool-row .tool-info h4[data-v-f5efba83]{font-size:16px;font-weight:700;margin:0 0 4px}.tools-showcase .showcase-box .right-list .tool-row .tool-info span[data-v-f5efba83]{display:block;font-size:13px;line-height:1.4;opacity:.8}.animate-fade-up[data-v-f5efba83]{animation:fadeUp-f5efba83 .8s cubic-bezier(.2,.8,.2,1) forwards;opacity:0}.delay-2[data-v-f5efba83]{animation-delay:.2s}.delay-3[data-v-f5efba83]{animation-delay:.3s}.delay-4[data-v-f5efba83]{animation-delay:.4s}@keyframes fadeUp-f5efba83{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float-f5efba83{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideIn-f5efba83{0%,10%{opacity:0;transform:translate(20px)}30%,80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@keyframes cursorMove-f5efba83{0%{transform:translate(0)}20%{transform:translate(-40px,-40px)}80%{transform:translate(-40px,-40px)}to{transform:translate(0)}}
