:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{box-sizing:border-box;width:100%;max-width:100%;min-height:100svh;margin:0}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--opc-bg:#0b1220;--opc-text:#e5e7eb;--opc-text-strong:#f8fafc;--opc-text-muted:#94a3b8e6;--opc-border:#94a3b824;--opc-border-2:#94a3b82e;--opc-surface:#0f1a2eb3;--opc-surface-2:#02061747;--opc-primary:#3b82f6;--opc-primary-weak:#3b82f61f;--opc-primary-border:#3b82f666;--opc-danger-weak:#dc26261f;--opc-danger-border:#dc26263d;--opc-shadow:0 18px 48px #02061780;--opc-r-sm:10px;--opc-r:12px;--opc-r-lg:16px}html,body{height:100%}body{background:var(--opc-bg);color:var(--opc-text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,PingFang SC,Noto Sans CJK SC}a{color:inherit}.opc-app-page{background:radial-gradient(1000px 600px at 12% 12%, #3b82f638, transparent 60%), radial-gradient(1000px 600px at 88% 8%, #22c55e2e, transparent 60%), var(--opc-bg);min-height:100vh}.opc-topbar{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fd9;border-bottom:1px solid #ffffff0d;position:sticky;top:0}.opc-topbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;height:64px;margin:0 auto;padding:0 20px;display:flex}.opc-brand{align-items:center;gap:8px;min-width:240px;display:flex}.opc-brand:hover .logo-icon{transform:scale(1.05)}.logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s;display:flex}.opc-logo{display:none}.opc-brand-title{color:#fff;font-size:20px;font-weight:700}.opc-brand-sub{color:#e2e8f0b8;margin-top:-2px;font-size:12px}.opc-tabs{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.opc-tab{color:#a1a1aa;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .3s;display:flex;position:relative}.opc-tab:hover{color:#fff;background:#ffffff0d}.opc-tab.active{color:#6366f1;background:0 0;border-color:#0000}.opc-tab.active:after{content:"";background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.opc-topbar-right{align-items:center;gap:12px;display:flex}.opc-user-display{color:#94a3b8e6;background:#94a3b814;border-radius:6px;padding:4px 10px;font-size:12px}.opc-container{max-width:1200px;margin:0 auto;padding:20px}.opc-page-head{gap:6px;margin:12px 0 16px;display:grid}.opc-page-title{letter-spacing:-.2px;color:var(--opc-text-strong);font-size:22px;font-weight:800}.opc-page-subtitle{color:#e2e8f0b8;font-size:13px;line-height:1.65}.opc-card{border-radius:var(--opc-r-lg);border:1px solid var(--opc-border);box-shadow:var(--opc-shadow);background:#0f1a2ea6;padding:16px}.opc-card+.opc-card{margin-top:14px}.opc-card-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.opc-card-title{color:var(--opc-text-strong);font-size:14px;font-weight:800}.opc-card-sub{color:#94a3b8eb;font-size:12px}.opc-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.opc-field{gap:6px;display:grid}.opc-label{color:#e2e8f0c7;font-size:12px}.opc-input,.opc-textarea{border:1px solid var(--opc-border-2);background:var(--opc-surface-2);width:100%;color:var(--opc-text);box-sizing:border-box;border-radius:12px;outline:none;padding:10px 12px}.opc-input:focus,.opc-textarea:focus{border-color:#3b82f6bf;box-shadow:0 0 0 3px #3b82f633}.opc-textarea{resize:vertical}.opc-actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.opc-inline{align-items:center;gap:10px;display:flex}.opc-inline>.opc-input{flex:auto}.opc-btn{cursor:pointer;background:var(--opc-primary);color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;padding:10px 14px;font-weight:800;text-decoration:none;transition:transform .12s,filter .12s,background .12s;display:inline-flex}.opc-btn:hover{filter:brightness(1.08)}.opc-btn:active{transform:translateY(1px)}.opc-btn:disabled{cursor:not-allowed;opacity:.6}.opc-btn.secondary{background:var(--opc-primary-weak);border:1px solid var(--opc-primary-border);color:#e2e8f0eb}.opc-btn.ghost{border:1px solid var(--opc-border);color:#e2e8f0e6;background:0 0}.opc-btn.small{border-radius:10px;padding:8px 12px;font-size:12px;font-weight:800}.opc-alert{border:1px solid var(--opc-border);color:#e2e8f0e6;background:#94a3b814;border-radius:12px;padding:10px 12px;font-size:12px}.opc-alert.danger{background:var(--opc-danger-weak);border-color:var(--opc-danger-border);color:#fee2e2f2}.opc-hint{color:#94a3b8eb;font-size:12px}.opc-table{border-collapse:collapse;border:1px solid var(--opc-border);border-radius:14px;width:100%;overflow:hidden}.opc-table thead th{text-align:left;color:#e2e8f0e6;border-bottom:1px solid var(--opc-border);background:#94a3b814;padding:10px 12px;font-size:12px}.opc-table td{color:#e2e8f0d6;border-bottom:1px solid #94a3b81f;padding:10px 12px;font-size:13px}.opc-table tbody tr:hover td{background:#94a3b80f}.opc-table tbody tr:last-child td{border-bottom:none}.opc-auth-main{justify-content:center;align-items:center;padding:8vh 20px 64px;display:flex}.opc-auth-wrap{border:1px solid var(--opc-border);width:100%;max-width:900px;box-shadow:var(--opc-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1a2e66;border-radius:20px;grid-template-columns:1.1fr .9fr;gap:0;display:grid;overflow:hidden}.opc-auth-hero{border-right:1px solid var(--opc-border);background:linear-gradient(135deg,#3b82f61a,#22c55e0d);flex-direction:column;justify-content:space-between;padding:48px;display:flex}.opc-auth-hero h1{color:var(--opc-text-strong);margin:0 0 12px;font-size:32px;font-weight:800;line-height:1.2}.opc-auth-hero p{color:#e2e8f0cc;margin:0 0 40px;font-size:15px;line-height:1.6}.opc-auth-bullets{flex-direction:column;gap:16px;display:flex}.opc-auth-bullet{align-items:flex-start;gap:12px;display:flex}.opc-auth-bullet-icon{color:#60a5fa;background:#3b82f633;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.opc-auth-bullet-text{color:#e2e8f0e6;font-size:14px;line-height:1.5}.opc-auth-form-area{background:#0b122099;flex-direction:column;justify-content:center;padding:48px 40px;display:flex}.opc-auth-form-area .opc-card-head{margin-bottom:32px}.opc-auth-form-area .opc-card-title{margin-bottom:8px;font-size:24px}.opc-auth-form-area .opc-form-grid{grid-template-columns:1fr;gap:20px}.opc-auth-form-area .opc-input{height:44px;font-size:15px}.opc-auth-form-area .opc-btn{height:44px;font-size:14px}.opc-auth-form-area .opc-field .opc-label{margin-bottom:2px;font-size:13px}@media (width<=860px){.opc-auth-wrap{grid-template-columns:1fr}.opc-auth-hero{display:none}.opc-auth-form-area{padding:32px 24px}.opc-form-grid{grid-template-columns:1fr}.opc-topbar-inner{gap:8px;padding:0 12px}.opc-brand{min-width:auto}.opc-brand-title{font-size:16px}.opc-brand-sub{display:none}.opc-tabs{gap:2px}.opc-tab{gap:4px;padding:6px 10px;font-size:12px}.opc-tab svg{width:14px;height:14px}.opc-container{padding:12px}.opc-page-title{font-size:18px}.opc-card{padding:12px}.opc-card-head{flex-direction:column;gap:8px}.opc-actions{flex-direction:column}.opc-actions .opc-btn{justify-content:center;width:100%}.opc-inline{flex-direction:column;align-items:stretch}.opc-user-display{display:none}.opc-table-wrap{-webkit-overflow-scrolling:touch;margin:0 -12px;padding:0 12px;overflow-x:auto}.opc-table{min-width:600px}.opc-table thead th,.opc-table td{padding:8px;font-size:12px}}@media (width<=480px){.opc-auth-main{padding:4vh 12px 48px}.opc-auth-form-area{padding:24px 16px}.opc-auth-form-area .opc-card-title{font-size:20px}.opc-auth-form-area .opc-input{height:40px;font-size:14px}.opc-auth-form-area .opc-btn{height:40px}.opc-topbar-inner{height:52px;padding:0 10px}.opc-brand-title{font-size:14px}.logo-icon{border-radius:10px;width:32px;height:32px}.logo-icon svg{width:16px;height:16px}.opc-tabs{gap:0}.opc-tab{border-radius:6px;gap:2px;padding:4px 8px;font-size:11px}.opc-tab svg{display:none}.opc-container{padding:10px}.opc-page-head{gap:4px;margin:8px 0 12px}.opc-page-title{font-size:16px}.opc-page-subtitle{font-size:12px}.opc-card{border-radius:12px;padding:10px}.opc-card+.opc-card{margin-top:10px}.opc-btn{padding:10px 12px;font-size:13px}.opc-input,.opc-textarea{padding:8px 10px;font-size:14px}.opc-label{font-size:11px}.opc-alert{padding:8px 10px;font-size:11px}.opc-hint{font-size:11px}}.login-page[data-v-1138715f]{color:#fff;background:#0a0a0f;min-height:100vh;font-family:Inter,Noto Sans SC,system-ui,sans-serif}.login-nav[data-v-1138715f]{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0fe6;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.login-nav-inner[data-v-1138715f]{justify-content:space-between;align-items:center;max-width:1280px;height:56px;margin:0 auto;padding:0 24px;display:flex}.login-brand[data-v-1138715f]{align-items:center;gap:8px;display:flex}.login-logo[data-v-1138715f]{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.login-brand-text[data-v-1138715f]{font-size:18px;font-weight:700}.login-back[data-v-1138715f]{color:#a1a1aa;align-items:center;gap:6px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.login-back[data-v-1138715f]:hover{color:#fff}.login-main[data-v-1138715f]{justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:32px 24px;display:flex}.login-container[data-v-1138715f]{grid-template-columns:1fr;gap:48px;width:100%;max-width:960px;display:grid}@media (width>=1024px){.login-container[data-v-1138715f]{grid-template-columns:1fr 1fr}}.login-hero h1[data-v-1138715f]{background:linear-gradient(90deg,#f97316,#f59e0b,#eab308);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:32px;font-weight:700}.login-hero p[data-v-1138715f]{color:#a1a1aa;margin-bottom:32px;font-size:16px;line-height:1.6}.login-bullets[data-v-1138715f]{flex-direction:column;gap:16px;display:flex}.login-bullet[data-v-1138715f]{color:#a1a1aa;align-items:center;gap:10px;font-size:14px;display:flex}.login-switch[data-v-1138715f]{color:#f97316;cursor:pointer;font-weight:500}.login-switch[data-v-1138715f]:hover{text-decoration:underline}.login-form-area[data-v-1138715f]{background:#12121a;border:1px solid #ffffff14;border-radius:16px;padding:32px}.login-form-header[data-v-1138715f]{margin-bottom:24px}.login-form-header h2[data-v-1138715f]{margin-bottom:4px;font-size:20px;font-weight:600}.login-form-header p[data-v-1138715f]{color:#71717a;font-size:14px}.login-form-body[data-v-1138715f]{flex-direction:column;gap:16px;display:flex}.login-field[data-v-1138715f]{flex-direction:column;gap:6px;display:flex}.login-label[data-v-1138715f]{color:#a1a1aa;font-size:13px;font-weight:500}.login-input[data-v-1138715f]{color:#fff;background:#1a1a25;border:1px solid #ffffff1a;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s}.login-input[data-v-1138715f]:focus{border-color:#f9731680}.login-input[data-v-1138715f]::placeholder{color:#52525b}.login-submit-btn[data-v-1138715f]{color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:8px;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.login-submit-btn[data-v-1138715f]:hover{transform:translateY(-1px);box-shadow:0 4px 14px #f9731666}.login-submit-btn[data-v-1138715f]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.login-error[data-v-1138715f]{color:#ef4444;text-align:center;margin-top:12px;font-size:13px}@media (width<=480px){.login-form-area[data-v-1138715f]{padding:24px 16px}.login-hero h1[data-v-1138715f]{font-size:24px}.login-hero p[data-v-1138715f]{font-size:14px}}:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--accent-blue:#6366f1;--accent-purple:#8b5cf6;--accent-cyan:#06b6d4;--warm-orange:#f97316;--warm-amber:#f59e0b;--warm-gold:#eab308;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--text-muted:#52525b;--green:#22c55e;--font-sans:"Inter", "Noto Sans SC", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}.page{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;cursor:pointer;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@keyframes pulseGlowOrange{0%,to{box-shadow:0 0 20px #f973164d}50%{box-shadow:0 0 40px #f9731699}}.float-anim{animation:3s ease-in-out infinite float}.glow-blue{animation:2s ease-in-out infinite pulseGlow}.glow-orange{animation:2s ease-in-out infinite pulseGlowOrange}.reveal{opacity:0;transform:translateY(30px)}.reveal.active{opacity:1;transition:all .6s cubic-bezier(.16,1,.3,1);transform:translateY(0)}.hero-animate{opacity:0}.container{max-width:1280px;margin:0 auto;padding:0 16px}@media (width>=640px){.container{padding:0 24px}}@media (width>=1024px){.container{padding:0 32px}}.section{padding:80px 0}@media (width>=768px){.section{padding:128px 0}}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary);position:relative;overflow:hidden}.bg-gradient{background:linear-gradient(to bottom, var(--bg-primary), var(--bg-secondary))}.grid-3{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.grid-3{grid-template-columns:repeat(3,1fr);gap:32px}}.two-col{grid-template-columns:1fr;align-items:center;gap:48px;display:grid}@media (width>=1024px){.two-col{grid-template-columns:1fr 1fr;gap:64px}}.nav{z-index:50;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.nav-scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fd9;border-bottom:1px solid #ffffff0d}.nav-inner{justify-content:space-between;align-items:center;max-width:1280px;height:64px;margin:0 auto;padding:0 16px;display:flex}@media (width>=640px){.nav-inner{padding:0 24px}}@media (width>=1024px){.nav-inner{height:80px;padding:0 32px}}.nav-logo{cursor:pointer;align-items:center;gap:8px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s;display:flex}.nav-logo:hover .logo-icon{transform:scale(1.05)}.logo-text{color:#fff;font-size:20px;font-weight:700}.nav-links{align-items:center;gap:4px;display:none}@media (width>=1024px){.nav-links{display:flex}}.nav-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .3s;display:flex}.nav-link:hover{color:#fff;background:#ffffff0d}.nav-link.active{color:var(--accent-blue)}.nav-link.active:after{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--accent-purple));border-radius:2px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.nav-link{position:relative}.nav-actions{align-items:center;gap:12px;display:none}@media (width>=1024px){.nav-actions{display:flex}}.nav-hamburger{color:#fff;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.nav-hamburger:hover{background:#ffffff0f}@media (width>=1024px){.nav-hamburger{display:none}}.mobile-menu{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ffa;flex-direction:column;gap:8px;padding:96px 24px 32px;display:flex;position:fixed;inset:0}.mobile-menu-link{color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-size:16px;transition:all .2s;display:flex}.mobile-menu-link:hover,.mobile-menu-link.active{color:#fff;background:#ffffff0d}.mobile-menu-divider{background:#ffffff0f;height:1px;margin:8px 0}.mobile-menu-actions{flex-direction:column;gap:10px;margin-top:8px;display:flex}.mobile-menu-actions .btn-primary,.mobile-menu-actions .btn-warm{justify-content:center;width:100%}.nav-text-link{color:var(--text-secondary);cursor:pointer;font-size:14px;transition:color .3s}.nav-text-link:hover{color:var(--text-primary)}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.btn-warm{color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--warm-orange), var(--warm-amber));border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #f9731666}.btn-warm:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f9731699}.btn-outline{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.btn-outline:hover{background:#6366f11a;border-color:#6366f180}.btn-white{cursor:pointer;color:var(--accent-blue);background:#fff;border:none;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-white:hover{background:#ffffffe6}.btn-outline-white{color:#fff;cursor:pointer;background:0 0;border:2px solid #ffffff4d;border-radius:12px;align-items:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .3s;display:inline-flex}.btn-outline-white:hover{background:#ffffff1a}.lg{border-radius:12px;padding:16px 32px;font-size:16px}.hero{background:linear-gradient(135deg,#0a0a0f 0%,#12121a 50%,#0a0a0f 100%);justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(135deg,#6366f126 0%,#8b5cf61a 50%,#06b6d40d 100%) 0 0/200% 200%;animation:8s linear infinite gradientFlow;position:absolute;inset:0}.hero-deco{filter:blur(80px);opacity:.3;border-radius:50%;position:absolute}.hero-deco-1{background:var(--accent-blue);width:384px;height:384px;animation:3s ease-in-out infinite float;top:80px;left:-192px}.hero-deco-2{background:var(--accent-purple);width:320px;height:320px;animation:3s ease-in-out 1s infinite float;bottom:80px;right:-160px}.hero-deco-3{background:var(--accent-cyan);width:256px;height:256px;animation:3s ease-in-out 2s infinite float;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-inner{z-index:10;text-align:center;max-width:1024px;margin:0 auto;padding:0 16px;position:relative}@media (width>=640px){.hero-inner{padding:0 24px}}@media (width>=1024px){.hero-inner{padding:0 32px}}.hero-badge{color:var(--accent-blue);background:#6366f11a;border:1px solid #6366f133;border-radius:100px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}@media (width>=640px){.hero-badge{gap:10px}}.hero-title{margin-bottom:24px;font-size:40px;font-weight:700;line-height:1.15}@media (width>=640px){.hero-title{font-size:48px}}@media (width>=768px){.hero-title{font-size:56px}}@media (width>=1024px){.hero-title{font-size:72px}}.hero-title .block{color:#fff;text-shadow:0 2px 20px #6366f159;display:block}.gradient-text{background:linear-gradient(to right, var(--accent-blue), var(--accent-purple), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:672px;margin:0 auto 40px;font-size:18px;line-height:1.6}@media (width>=640px){.hero-subtitle{font-size:20px}}.hero-cta{flex-direction:column;align-items:center;gap:16px;margin-bottom:48px;display:flex}@media (width>=640px){.hero-cta{flex-direction:row;justify-content:center}}.hero-trust{flex-direction:column;align-items:center;gap:16px;display:flex}@media (width>=640px){.hero-trust{flex-direction:row;justify-content:center}}.avatar-stack{align-items:center;display:flex}.avatar{color:#fff;border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:-8px;font-size:14px;font-weight:600;display:flex;box-shadow:0 2px 8px #0000004d}.avatar:first-child{margin-left:0}.avatar-more{width:40px;height:40px;color:var(--accent-blue);background:#6366f133;border:2px solid #6366f166;border-radius:50%;justify-content:center;align-items:center;margin-left:-8px;font-size:12px;font-weight:500;display:flex;box-shadow:0 2px 8px #0000004d}.trust-text{color:var(--text-secondary);font-size:14px}.trust-text strong{color:var(--text-primary)}.scroll-indicator{color:var(--text-tertiary);animation:1.5s ease-in-out infinite float;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.section-header{text-align:center;margin-bottom:64px}.section-title{margin-bottom:16px;font-size:28px;font-weight:700}@media (width>=768px){.section-title{font-size:36px}}.section-desc{color:var(--text-secondary);max-width:672px;margin:0 auto;font-size:16px;line-height:1.6}.section-title-left{margin-bottom:24px;font-size:28px;font-weight:700}@media (width>=768px){.section-title-left{font-size:36px}}.section-desc-left{color:var(--text-secondary);margin-bottom:40px;font-size:18px;line-height:1.6}.section-cta{text-align:center;margin-top:48px}.feature-card{background:var(--bg-secondary);border:1px solid #ffffff14;border-radius:16px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{border-color:#6366f14d;transform:translateY(-8px)}.feature-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex}.feature-icon.blue{color:var(--accent-blue);background:#6366f11a}.feature-icon.purple{color:var(--accent-purple);background:#8b5cf61a}.feature-icon.cyan{color:var(--accent-cyan);background:#06b6d41a}.feature-icon.orange{color:var(--warm-orange);background:#f973161a}.feature-icon.green{color:var(--green);background:#22c55e33}.card-title-lg{margin-bottom:12px;font-size:20px;font-weight:600}.card-desc{color:var(--text-secondary);font-size:14px;line-height:1.6}.steps{flex-direction:column;gap:32px;display:flex}.step{align-items:flex-start;gap:16px;display:flex}@media (width>=640px){.step{gap:20px}}.step-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.step-icon.blue{color:var(--accent-blue);background:#6366f11a}.step-icon.purple{color:var(--accent-purple);background:#8b5cf61a}.step-icon.orange{color:var(--warm-orange);background:#f973161a}.step-content h4{margin-bottom:4px;font-size:18px;font-weight:600}.step-content p{color:var(--text-secondary);font-size:14px}.solution-visual{border-radius:16px;position:relative;overflow:visible}.solution-image{aspect-ratio:4/3;object-fit:cover;border-radius:16px;width:100%}.solution-image-overlay{background:linear-gradient(to top, var(--bg-primary) 0%, transparent 60%);border-radius:16px;position:absolute;inset:0}.float-card{background:var(--bg-secondary);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:16px;animation:3s ease-in-out infinite float;display:flex;position:absolute;box-shadow:0 10px 25px #0000004d}.float-card-bottom{bottom:-24px;left:-24px}.float-card-top{animation-delay:1s;top:-16px;right:-16px}.float-card-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.float-card-icon.green{color:var(--green);background:#22c55e33}.float-card-label{color:var(--text-tertiary);font-size:12px}.float-card-value{font-size:20px;font-weight:700}.flex-avatar{display:flex}.mini-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.mini-avatar+.mini-avatar{margin-left:-8px}.float-card-badge{font-size:14px;font-weight:500}.eco-card{background:var(--bg-secondary);border:1px solid #ffffff14;border-radius:16px;padding:32px;transition:all .3s}.eco-card:hover{border-color:#6366f14d;transform:translateY(-8px)}.eco-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.gradient-blue{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple))}.gradient-warm{background:linear-gradient(135deg, var(--warm-orange), var(--warm-amber))}.gradient-cyan{background:linear-gradient(135deg, var(--accent-cyan), #22c55e)}.eco-subtitle{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.eco-list{flex-direction:column;gap:12px;display:flex}.eco-list li{color:var(--text-secondary);align-items:center;gap:12px;font-size:14px;display:flex}.bg-secondary:before{content:"";opacity:.03;background-image:radial-gradient(circle at 2px 2px,#fff 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.stats-grid{z-index:1;grid-template-columns:repeat(2,1fr);gap:32px;display:grid;position:relative}@media (width>=768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:48px}}.stat-item{text-align:center}.stat-card{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:16px;margin-bottom:12px;padding:24px}.counter-number{font-size:36px;font-weight:700}.counter-suffix{font-size:24px;font-weight:700}.counter-prefix{font-size:20px;font-weight:700}@media (width>=768px){.counter-number{font-size:48px}.counter-suffix{font-size:28px}}.text-gold{color:var(--warm-gold)}.text-blue{color:var(--accent-blue)}.text-purple{color:var(--accent-purple)}.text-orange{color:var(--warm-orange)}.stat-label{color:var(--text-secondary);font-size:14px}.showcase-card{background:var(--bg-secondary);border-radius:16px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.showcase-card:hover{transform:scale(1.02)}.showcase-card:hover .showcase-image{transform:scale(1.05)}.showcase-image-wrap{position:relative;overflow:hidden}.showcase-image{object-fit:cover;width:100%;height:256px;transition:transform .5s}.showcase-image-overlay{background:linear-gradient(to top, var(--bg-primary) 0%, transparent 60%);position:absolute;inset:0}.showcase-badge{border-radius:100px;padding:4px 12px;font-size:12px;font-weight:500;position:absolute;top:16px;left:16px}.showcase-badge.blue{color:var(--accent-blue);background:#6366f133}.showcase-badge.purple{color:var(--accent-purple);background:#8b5cf633}.showcase-badge.orange{color:var(--warm-orange);background:#f9731633}.showcase-body{padding:24px}.showcase-title{margin-bottom:8px;font-size:18px;font-weight:600}.showcase-desc{color:var(--text-secondary);margin-bottom:16px;font-size:14px;line-height:1.5}.showcase-footer{justify-content:space-between;align-items:center;display:flex}.showcase-creator{align-items:center;gap:8px;display:flex}.creator-avatar{background:var(--accent-blue);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.creator-name{color:var(--text-secondary);font-size:14px}.showcase-link{color:var(--accent-blue);cursor:pointer;align-items:center;gap:4px;font-size:14px;font-weight:500;display:flex}.showcase-link:hover{text-decoration:underline}.cta-section{position:relative}.cta-inner{border-radius:24px;position:relative;overflow:hidden}.cta-gradient{background:linear-gradient(135deg, var(--accent-blue), var(--accent-purple));background-size:200% 200%;animation:8s linear infinite gradientFlow;position:absolute;inset:0}.cta-content{z-index:1;text-align:center;padding:64px 32px;position:relative}@media (width>=768px){.cta-content{padding:96px 64px}}.cta-title{color:#fff;margin-bottom:16px;font-size:28px;font-weight:700}@media (width>=768px){.cta-title{font-size:36px}}.cta-desc{color:#fffc;max-width:512px;margin:0 auto 32px;font-size:18px}.cta-buttons{flex-direction:column;align-items:center;gap:16px;display:flex}@media (width>=640px){.cta-buttons{flex-direction:row;justify-content:center}}.footer{background:var(--bg-primary);border-top:1px solid #ffffff0d;padding:64px 0}.footer-grid{grid-template-columns:1fr;gap:48px;margin-bottom:48px;display:grid}@media (width>=768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-logo-wrap{align-items:center;gap:8px;margin-bottom:16px;display:flex}.footer-desc{color:var(--text-secondary);max-width:320px;font-size:14px;line-height:1.6}.footer-links-col h4{margin-bottom:16px;font-size:14px;font-weight:600}.footer-links-col li{margin-bottom:12px}.footer-links-col a{color:var(--text-secondary);cursor:pointer;font-size:14px;transition:color .3s}.footer-links-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:16px;padding-top:32px;display:flex}@media (width>=768px){.footer-bottom{flex-direction:row;justify-content:space-between}}.footer-bottom p{color:var(--text-tertiary);font-size:14px}.footer-bottom-links{gap:24px;display:flex}.footer-bottom-links a{color:var(--text-tertiary);cursor:pointer;font-size:14px;transition:color .3s}.footer-bottom-links a:hover{color:#fff}@media (width<=767px){.hero{min-height:auto;padding-top:88px;padding-bottom:64px}.hero-deco{filter:blur(60px);opacity:.18}.hero-deco-1{width:200px;height:200px;top:40px;left:-80px}.hero-deco-2{width:180px;height:180px;bottom:40px;right:-60px}.hero-deco-3{width:140px;height:140px}.hero-title{margin-bottom:16px;font-size:32px}.hero-title .block{font-size:34px;line-height:1.25}.hero-subtitle{margin-bottom:32px;padding:0 4px;font-size:16px}.hero-badge{margin-bottom:24px;padding:6px 14px;font-size:13px}.hero-cta{gap:12px;margin-bottom:36px}.btn-primary.lg,.btn-warm.lg{border-radius:14px;justify-content:center;width:100%;padding:16px 20px;font-size:16px}.nav-inner{height:56px;padding:0 12px}.logo-icon{border-radius:10px;width:34px;height:34px}.logo-text{font-size:17px}.section{padding:56px 0}.section-header{margin-bottom:40px}.section-title{font-size:24px}.section-desc{padding:0 4px;font-size:15px;line-height:1.7}.section-title-left{font-size:24px}.section-desc-left{margin-bottom:32px;font-size:15px}.grid-3{gap:20px}.feature-card{border-radius:14px;padding:24px}.feature-icon{border-radius:10px;width:48px;height:48px;margin-bottom:18px}.card-title-lg{font-size:18px}.card-desc{font-size:13px}.eco-card{border-radius:14px;padding:24px}.eco-icon{border-radius:14px;width:52px;height:52px;margin-bottom:16px}.eco-icon svg{width:26px;height:26px}.eco-subtitle{margin-bottom:18px;font-size:13px}.eco-list li{gap:10px;font-size:13px}.steps{gap:24px}.step{gap:14px}.step-icon{border-radius:10px;width:42px;height:42px}.step-icon svg{width:20px;height:20px}.step-content h4{font-size:16px}.step-content p{font-size:13px}.float-card-bottom{gap:8px;padding:10px 12px;bottom:-16px;left:-8px}.float-card-top{gap:8px;padding:10px 12px;top:-12px;right:-8px}.float-card-icon{border-radius:8px;width:32px;height:32px}.float-card-value{font-size:16px}.float-card-label{font-size:11px}.float-card-badge{font-size:12px}.mini-avatar{width:26px;height:26px;font-size:10px}.solution-image{height:220px}.two-col{gap:36px}.stats-grid{gap:20px}.stat-card{border-radius:14px;margin-bottom:8px;padding:18px 12px}.counter-number{font-size:28px}.counter-suffix{font-size:20px}.counter-prefix{font-size:16px}.stat-label{font-size:12px}.showcase-image{height:200px}.showcase-body{padding:18px}.showcase-title{margin-bottom:6px;font-size:16px}.showcase-desc{margin-bottom:12px;font-size:13px}.showcase-badge{padding:3px 10px;font-size:11px;top:10px;left:10px}.section-cta{margin-top:36px}.cta-inner{border-radius:18px}.cta-content{padding:48px 20px}.cta-title{font-size:24px}.cta-desc{font-size:15px}.cta-buttons{gap:12px}.btn-white,.btn-outline-white{justify-content:center;width:100%;padding:14px 20px;font-size:15px}.contact-grid>div{min-width:100%;padding:24px}.footer{padding:48px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand-col{grid-column:1/-1}.footer-links-col h4{margin-bottom:12px;font-size:13px}.footer-links-col li{margin-bottom:10px}.footer-links-col a,.footer-desc{font-size:13px}.footer-bottom{text-align:center;flex-direction:column;align-items:center;gap:10px}.footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:14px}}@media (width<=480px){.hero{padding-top:76px;padding-bottom:52px}.hero-deco-1{width:160px;height:160px;top:20px;left:-60px}.hero-deco-2{width:140px;height:140px;bottom:20px;right:-50px}.hero-deco-3{width:100px;height:100px}.hero-inner{padding:0 16px}.hero-title{margin-bottom:12px;font-size:28px}.hero-title .block{letter-spacing:-.5px;font-size:29px}.hero-subtitle{margin-bottom:28px;font-size:14px}.hero-badge{margin-bottom:20px;padding:5px 12px;font-size:12px}.hero-cta{gap:10px;margin-bottom:32px}.btn-primary.lg,.btn-warm.lg{border-radius:12px;padding:14px 16px;font-size:15px}.nav-inner{height:52px;padding:0 10px}.logo-icon{border-radius:8px;width:30px;height:30px}.logo-icon svg{width:15px;height:15px}.logo-text{font-size:16px}.nav-hamburger{border-radius:8px;width:36px;height:36px}.nav-hamburger svg{width:19px;height:19px}.section{padding:44px 0}.section-header{margin-bottom:32px}.section-title{margin-bottom:10px;font-size:20px}.section-desc{padding:0 2px;font-size:13px}.section-title-left{margin-bottom:12px;font-size:20px}.section-desc-left{margin-bottom:24px;font-size:13px}.feature-card{padding:20px}.feature-icon{width:42px;height:42px;margin-bottom:14px}.feature-icon svg{width:22px;height:22px}.card-title-lg{font-size:17px}.eco-card{padding:20px}.eco-icon{border-radius:12px;width:44px;height:44px;margin-bottom:14px}.eco-icon svg{width:22px;height:22px}.steps{gap:20px}.step{gap:12px}.step-icon{width:38px;height:38px}.step-icon svg{width:18px;height:18px}.step-content h4{font-size:15px}.step-content p{font-size:12px}.solution-image{border-radius:12px;height:180px}.solution-visual{border-radius:12px}.two-col{gap:28px}.float-card-bottom{gap:6px;padding:8px 10px;bottom:-10px;left:-4px}.float-card-top{gap:6px;padding:8px 10px;top:-8px;right:-4px}.float-card-icon{width:28px;height:28px}.float-card-value{font-size:14px}.float-card-label{font-size:10px}.float-card-badge{font-size:11px}.mini-avatar{width:24px;height:24px;font-size:9px}.stats-grid{gap:16px}.stat-card{border-radius:12px;padding:14px 10px}.counter-number{font-size:24px}.counter-suffix{font-size:18px}.counter-prefix{font-size:14px}.stat-label{font-size:11px}.showcase-image{height:180px}.showcase-body{padding:14px}.showcase-title{font-size:15px}.showcase-desc{font-size:12px}.showcase-card{border-radius:12px}.showcase-badge{padding:2px 8px;font-size:10px;top:8px;left:8px}.section-cta{margin-top:28px}.btn-outline{padding:10px 18px;font-size:13px}.cta-inner{border-radius:14px}.cta-content{padding:36px 14px}.cta-title{font-size:20px}.cta-desc{margin-bottom:20px;font-size:14px}.btn-white,.btn-outline-white{border-radius:12px;padding:12px 16px;font-size:14px}.contact-grid>div{padding:20px}.footer{padding:40px 0 24px}.footer-grid{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.footer-links-col h4{margin-bottom:10px;font-size:12px}.footer-links-col li{margin-bottom:8px}.footer-links-col a,.footer-desc{font-size:12px}.footer-bottom{gap:8px;padding-top:24px}.footer-bottom p,.footer-bottom-links a{font-size:12px}.footer-bottom-links{gap:12px}.scroll-indicator{bottom:10px}.scroll-indicator svg{width:20px;height:20px}}.case-page[data-v-069841c5]{color:#e5e7eb;background:#0b1220;min-height:100vh}.case-nav[data-v-069841c5]{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220ad;border-bottom:1px solid #94a3b829;position:sticky;top:0}.case-nav-inner[data-v-069841c5]{justify-content:space-between;align-items:center;gap:16px;max-width:1200px;height:64px;margin:0 auto;padding:0 20px;display:flex}.case-back[data-v-069841c5]{color:#e2e8f0db;cursor:pointer;background:0 0;border:1px solid #94a3b82e;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;transition:background .12s;display:flex}.case-back[data-v-069841c5]:hover{background:#94a3b81f}.case-back-arrow[data-v-069841c5]{font-size:16px}.case-nav-brand[data-v-069841c5]{align-items:center;gap:10px;display:flex}.case-logo[data-v-069841c5]{background:linear-gradient(135deg,#3b82f6,#22c55e);border-radius:8px;width:28px;height:28px}.case-nav-title[data-v-069841c5]{color:#f8fafc;font-size:14px;font-weight:700}.case-nav-actions[data-v-069841c5]{gap:8px;display:flex}.case-btn-primary[data-v-069841c5]{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;transition:transform .12s,filter .12s}.case-btn-primary[data-v-069841c5]:hover{filter:brightness(1.08)}.case-btn-primary[data-v-069841c5]:active{transform:translateY(1px)}.case-btn-primary.lg[data-v-069841c5]{border-radius:14px;padding:14px 24px;font-size:15px}.case-btn-ghost[data-v-069841c5]{color:#e2e8f0eb;cursor:pointer;background:#3b82f61f;border:1px solid #3b82f666;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;transition:filter .12s}.case-btn-ghost[data-v-069841c5]:hover{filter:brightness(1.08)}.case-btn-ghost.lg[data-v-069841c5]{border-radius:14px;padding:14px 24px;font-size:15px}.case-section[data-v-069841c5]{padding:56px 0}.case-section.alt[data-v-069841c5]{background:#0f1a2e66}.case-section-inner[data-v-069841c5]{max-width:1200px;margin:0 auto;padding:0 20px}.case-kicker[data-v-069841c5]{color:#94a3b8e6;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px;font-size:12px}.case-h2[data-v-069841c5]{color:#f8fafc;margin:0 0 24px;font-size:28px;font-weight:800}.case-hero[data-v-069841c5]{padding:80px 0 56px;position:relative;overflow:hidden}.case-hero[data-v-069841c5]:before{content:"";pointer-events:none;background:radial-gradient(800px 400px at 80% 20%,#3b82f61f,#0000 60%);position:absolute;inset:0}.case-hero-inner[data-v-069841c5]{z-index:1;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.case-hero-badge[data-v-069841c5]{background:#94a3b81f;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;display:inline-flex}.case-hero-icon[data-v-069841c5]{font-size:18px}.case-hero-industry[data-v-069841c5]{color:#e2e8f0db;font-size:13px}.case-hero-title[data-v-069841c5]{color:#f8fafc;margin:0 0 14px;font-size:42px;font-weight:800;line-height:1.15}.case-hero-highlight[data-v-069841c5]{color:#3b82f6f2;margin-bottom:14px;font-size:16px;font-weight:700}.case-hero-summary[data-v-069841c5]{color:#e2e8f0c2;max-width:600px;margin:0 0 28px;font-size:16px;line-height:1.7}.case-hero-actions[data-v-069841c5]{flex-wrap:wrap;gap:12px;display:flex}.case-section-inner .case-client-card[data-v-069841c5]{background:#0f1a2e8c;border:1px solid #94a3b824;border-radius:16px;margin-bottom:20px;padding:20px}.case-client-name[data-v-069841c5]{color:#f8fafc;margin-top:6px;font-size:18px;font-weight:700}.case-challenge[data-v-069841c5]{background:#0f1a2e8c;border:1px solid #94a3b824;border-radius:16px;padding:20px}.case-challenge-text[data-v-069841c5]{color:#e2e8f0c2;margin-top:6px;font-size:15px;line-height:1.75}.case-solution-grid[data-v-069841c5]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.case-solution-item[data-v-069841c5]{background:#0f1a2e8c;border:1px solid #94a3b824;border-radius:14px;align-items:flex-start;gap:16px;padding:20px;display:flex}.case-solution-num[data-v-069841c5]{color:#3b82f699;flex-shrink:0;min-width:40px;font-size:28px;font-weight:800;line-height:1}.case-solution-text[data-v-069841c5]{color:#e2e8f0d6;font-size:14px;line-height:1.7}.case-flow[data-v-069841c5]{gap:0;display:grid}.case-flow-step[data-v-069841c5]{gap:20px;min-height:72px;display:flex}.case-flow-dot-wrap[data-v-069841c5]{flex-direction:column;flex-shrink:0;align-items:center;width:20px;display:flex}.case-flow-dot[data-v-069841c5]{background:#3b82f6;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:6px;box-shadow:0 0 0 4px #3b82f633}.case-flow-line[data-v-069841c5]{background:#3b82f640;flex:1;width:2px;margin:4px 0}.case-flow-body[data-v-069841c5]{padding-bottom:24px}.case-flow-title[data-v-069841c5]{color:#f8fafc;margin-bottom:4px;font-size:15px;font-weight:700}.case-flow-desc[data-v-069841c5]{color:#e2e8f0b3;font-size:13px;line-height:1.65}.case-metrics[data-v-069841c5]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.case-metric[data-v-069841c5]{text-align:center;background:#0f1a2e8c;border:1px solid #94a3b824;border-radius:16px;padding:24px 20px}.case-metric-value[data-v-069841c5]{color:#3b82f6;margin-bottom:8px;font-size:36px;font-weight:800;line-height:1}.case-metric-unit[data-v-069841c5]{color:#3b82f6b3;font-size:16px;font-weight:700}.case-metric-label[data-v-069841c5]{color:#e2e8f0b3;font-size:13px}.case-gallery[data-v-069841c5]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.case-gallery-card[data-v-069841c5]{background:#0f1a2e8c;border:1px solid #94a3b824;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden}.case-gallery-card[data-v-069841c5]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #02061780}.case-gallery-img[data-v-069841c5]{justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.case-gallery-img[data-v-069841c5]:after{content:"";background:linear-gradient(#0000 40%,#0b122099 100%);position:absolute;inset:0}.case-gallery-img-inner[data-v-069841c5]{z-index:1;position:relative}.case-gallery-icon[data-v-069841c5]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#fff3;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:flex}.case-gallery-info[data-v-069841c5]{padding:16px}.case-gallery-title[data-v-069841c5]{color:#f8fafc;margin-bottom:4px;font-size:14px;font-weight:700}.case-gallery-desc[data-v-069841c5]{color:#e2e8f0b3;font-size:12px;line-height:1.6}.case-testimonial[data-v-069841c5]{text-align:center;max-width:700px;margin:0 auto}.case-testimonial-quote[data-v-069841c5]{color:#3b82f64d;margin-bottom:-16px;font-size:72px;line-height:1}.case-testimonial-text[data-v-069841c5]{color:#e2e8f0e0;margin-bottom:24px;font-size:18px;font-style:italic;line-height:1.8}.case-testimonial-author[data-v-069841c5]{justify-content:center;align-items:center;gap:12px;display:flex}.case-testimonial-avatar[data-v-069841c5]{color:#fff;background:linear-gradient(135deg,#3b82f6,#22c55e);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.case-testimonial-name[data-v-069841c5]{color:#f8fafc;font-size:14px;font-weight:700}.case-testimonial-role[data-v-069841c5]{color:#e2e8f099;font-size:12px}.case-cta[data-v-069841c5]{text-align:center;max-width:600px;margin:0 auto}.case-cta-desc[data-v-069841c5]{color:#e2e8f0b3;margin-bottom:24px;font-size:15px;line-height:1.7}.case-cta-actions[data-v-069841c5]{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-section[data-v-069841c5]{background:linear-gradient(#3b82f614 0%,#0000 100%)}.case-footer[data-v-069841c5]{border-top:1px solid #94a3b824;padding:20px 0}.case-footer-inner[data-v-069841c5]{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.case-footer-left[data-v-069841c5]{color:#94a3b8e6;font-size:12px}@media (width<=1100px){.case-solution-grid[data-v-069841c5]{grid-template-columns:1fr}.case-metrics[data-v-069841c5],.case-gallery[data-v-069841c5]{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.case-hero-title[data-v-069841c5]{font-size:30px}.case-metrics[data-v-069841c5]{grid-template-columns:repeat(2,1fr)}.case-gallery[data-v-069841c5]{grid-template-columns:1fr}.case-nav-actions[data-v-069841c5]{display:none}.case-hero-actions[data-v-069841c5]{flex-direction:column}.case-cta-actions[data-v-069841c5]{flex-direction:column;align-items:center}}.legal-page[data-v-0ac324aa]{color:#f8fafc;background-color:#0a0a0f;min-height:100vh;font-family:Inter,Noto Sans SC,sans-serif}.legal-header[data-v-0ac324aa]{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0fd9;border-bottom:1px solid #ffffff0d;position:sticky;top:0}.legal-header-inner[data-v-0ac324aa]{justify-content:space-between;align-items:center;max-width:800px;height:64px;margin:0 auto;padding:0 24px;display:flex}.legal-back-btn[data-v-0ac324aa]{color:#a1a1aa;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:15px;transition:color .2s;display:flex}.legal-back-btn[data-v-0ac324aa]:hover{color:#fff}.legal-brand[data-v-0ac324aa]{background:linear-gradient(90deg,#6366f1,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700}.legal-main[data-v-0ac324aa]{padding:64px 24px}.legal-content[data-v-0ac324aa]{background:#12121a;border:1px solid #ffffff14;border-radius:24px;max-width:800px;margin:0 auto;padding:48px}.legal-title[data-v-0ac324aa]{color:#fff;margin-bottom:12px;font-size:32px;font-weight:700}.legal-date[data-v-0ac324aa]{color:#71717a;border-bottom:1px solid #ffffff14;margin-bottom:40px;padding-bottom:24px;font-size:14px}.legal-body p[data-v-0ac324aa]{color:#d4d4d8;margin-bottom:24px;font-size:16px;line-height:1.8}@media (width<=768px){.legal-main[data-v-0ac324aa]{padding:32px 16px}.legal-content[data-v-0ac324aa]{padding:32px 24px}.legal-title[data-v-0ac324aa]{font-size:24px}}.quote-tabs[data-v-c0b6b317]{gap:8px;margin-bottom:16px;display:flex}.quote-tab[data-v-c0b6b317]{border:1px solid var(--opc-border);color:var(--opc-text);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.quote-tab[data-v-c0b6b317]:hover{background:#94a3b814}.quote-tab.active[data-v-c0b6b317]{background:var(--opc-primary-weak);border-color:var(--opc-primary-border);color:#fff}.quote-status[data-v-c0b6b317]{border-radius:100px;padding:4px 10px;font-size:12px;font-weight:500}.quote-status.submitted[data-v-c0b6b317]{color:#a5b4fc;background:#6366f126}.modal-overlay[data-v-c0b6b317]{z-index:100;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content[data-v-c0b6b317]{background:var(--opc-bg);border:1px solid var(--opc-border);border-radius:var(--opc-r-lg);width:100%;max-width:560px;max-height:90vh;overflow:auto}.modal-header[data-v-c0b6b317]{border-bottom:1px solid var(--opc-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3[data-v-c0b6b317]{color:var(--opc-text-strong);margin:0;font-size:18px}.modal-close[data-v-c0b6b317]{color:var(--opc-text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;line-height:1}.modal-close[data-v-c0b6b317]:hover{color:var(--opc-text)}.modal-body[data-v-c0b6b317]{padding:20px}.demand-summary[data-v-c0b6b317]{background:#94a3b80f;border-radius:10px;padding:12px 16px}.demand-summary p[data-v-c0b6b317]{color:var(--opc-text);margin:0 0 8px;font-size:13px}.demand-summary p[data-v-c0b6b317]:last-child{margin-bottom:0}.modal-footer[data-v-c0b6b317]{border-top:1px solid var(--opc-border);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}@media (width<=860px){.quote-tabs[data-v-c0b6b317]{flex-direction:column}.quote-tab[data-v-c0b6b317]{text-align:center}.modal-content[data-v-c0b6b317]{max-width:100%;margin:0 8px}}@media (width<=480px){.modal-overlay[data-v-c0b6b317]{align-items:flex-end;padding:12px}.modal-content[data-v-c0b6b317]{border-radius:16px 16px 0 0;max-height:85vh}.modal-header h3[data-v-c0b6b317]{font-size:16px}.modal-body[data-v-c0b6b317]{padding:14px}.modal-footer[data-v-c0b6b317]{flex-direction:column}.modal-footer .opc-btn[data-v-c0b6b317]{justify-content:center;width:100%}.quote-tab[data-v-c0b6b317]{padding:8px 14px;font-size:13px}}