*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--purple:#7C3AED;--purple-dk:#5B21B6;--purple-lt:#EDE9FE;--purple-md:#DDD6FE;--bg:#F5F4FF;--bg-alt:#EDEAFF;--surface:#FFFFFF;--text-1:#1A1523;--text-2:#6B7280;--border:#DDD6FE;--border-lt:#EDE9FE;--green:#10B981;--font:'Inter', sans-serif;--radius:16px}body{font-family:var(--font);background:var(--surface);color:var(--text-1);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.vai-hero{background:linear-gradient(160deg,#0F0A1E 0%,#1E0F3C 40%,#0F0A1E 100%);padding:5rem 2rem 4rem;text-align:center;position:relative;overflow:hidden}.vai-hero::before{content:'';position:absolute;top:-30%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgb(124 58 237 / .25) 0%,transparent 65%);pointer-events:none}.vai-hero::after{content:'';position:absolute;bottom:-20%;left:5%;width:400px;height:400px;background:radial-gradient(circle,rgb(99 102 241 / .1) 0%,transparent 65%);pointer-events:none}.vai-hero-inner{max-width:760px;margin:0 auto;position:relative}.vai-breadcrumb{font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(255 255 255 / .4);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:8px}.vai-breadcrumb a{color:rgb(255 255 255 / .4);text-decoration:none}.vai-breadcrumb a:hover{color:rgb(255 255 255 / .7)}.vai-breadcrumb span{color:rgb(255 255 255 / .2)}.vai-hero h1{font-size:clamp(2rem, 5vw, 3.5rem);font-weight:900;color:#fff;letter-spacing:-.04em;line-height:1.1;margin-bottom:1.25rem}.vai-hero h1 em{font-style:normal;color:#A78BFA}.vai-hero-sub{font-size:1.0625rem;color:rgb(255 255 255 / .6);max-width:560px;margin:0 auto 2.5rem;line-height:1.7}.vai-tool-strip{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.vai-tool-pill{background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .12);border-radius:100px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;color:rgb(255 255 255 / .7);text-decoration:none;transition:all 0.2s;display:inline-flex;align-items:center;gap:6px}.vai-tool-pill img{width:18px;height:18px;object-fit:contain;border-radius:3px}.vai-tool-pill:hover{background:rgb(124 58 237 / .3);border-color:rgb(124 58 237 / .5);color:#fff}.vai-section-label{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--purple);margin-bottom:.625rem;display:block}.vai-section-title{font-size:1.75rem;font-weight:900;letter-spacing:-.03em;color:var(--text-1);margin-bottom:.5rem}.vai-section-sub{font-size:.9375rem;color:var(--text-2);margin-bottom:2rem}.vai-intro{background:var(--bg);padding:3.5rem 2rem;border-bottom:1px solid var(--border-lt)}.vai-intro-inner{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.vai-intro h2{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--text-1);margin-bottom:.875rem}.vai-intro p{font-size:.9375rem;color:var(--text-2);line-height:1.75}.vai-intro-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.vai-stat{background:var(--surface);border:1px solid var(--border-lt);border-radius:var(--radius);padding:1.25rem;text-align:center}.vai-stat-num{font-size:2rem;font-weight:900;color:var(--purple);letter-spacing:-.04em;display:block;line-height:1;margin-bottom:.375rem}.vai-stat-label{font-size:.75rem;font-weight:600;color:var(--text-2);text-transform:uppercase;letter-spacing:.06em}.vai-usecases{background:var(--surface);padding:3.5rem 2rem;border-bottom:1px solid var(--border-lt)}.vai-usecases-inner{max-width:960px;margin:0 auto}.vai-usecase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.vai-usecase-card{background:var(--bg);border:1px solid var(--border-lt);border-radius:var(--radius);padding:1.5rem;transition:border-color 0.2s,transform 0.2s}.vai-usecase-card:hover{border-color:var(--purple);transform:translateY(-2px)}.vai-usecase-icon{font-size:1.5rem;margin-bottom:.75rem;display:block}.vai-usecase-title{font-size:.9375rem;font-weight:700;color:var(--text-1);margin-bottom:.375rem}.vai-usecase-desc{font-size:.8125rem;color:var(--text-2);line-height:1.6;margin-bottom:.75rem}.vai-usecase-tools{display:flex;gap:.375rem;flex-wrap:wrap}.vai-tool-tag{font-size:.7rem;font-weight:600;color:var(--purple);background:var(--purple-lt);padding:.2rem .5rem;border-radius:100px}.vai-quiz{background:var(--bg-alt);padding:4rem 2rem;border-bottom:1px solid var(--border-lt)}.vai-quiz-inner{max-width:760px;margin:0 auto}.vai-quiz-header{margin-bottom:2.5rem}.vai-quiz-card{background:var(--surface);border:1px solid var(--border-lt);border-radius:20px;padding:2rem;margin-bottom:1rem}.vai-quiz-q{font-size:1rem;font-weight:700;color:var(--text-1);margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem}.vai-q-num{width:28px;height:28px;min-width:28px;background:var(--purple);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;margin-top:1px}.vai-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-left:2.5rem}.vai-option{background:var(--bg);border:1.5px solid var(--border-lt);border-radius:10px;padding:.625rem .875rem;font-size:.8375rem;font-weight:500;color:var(--text-1);cursor:pointer;transition:all 0.15s;text-align:left;font-family:var(--font)}.vai-option:hover{border-color:var(--purple);background:var(--purple-lt);color:var(--purple)}.vai-option.selected{border-color:var(--purple);background:var(--purple);color:#fff}.vai-quiz-progress{background:var(--border-lt);border-radius:100px;height:4px;margin-bottom:2rem;overflow:hidden}.vai-quiz-progress-bar{height:100%;background:var(--purple);border-radius:100px;width:0%;transition:width 0.3s ease}.vai-quiz-actions{display:flex;gap:1rem;margin-top:1.5rem;align-items:center}.vai-btn-primary{background:var(--purple);color:#fff;font-family:var(--font);font-size:.9375rem;font-weight:700;padding:.75rem 1.75rem;border-radius:100px;border:none;cursor:pointer;transition:opacity 0.15s,transform 0.15s}.vai-btn-primary:hover{opacity:.85;transform:translateY(-1px)}.vai-btn-ghost{background:#fff0;color:var(--text-2);font-family:var(--font);font-size:.875rem;font-weight:600;padding:.75rem 1.25rem;border-radius:100px;border:1.5px solid var(--border);cursor:pointer;transition:all 0.15s}.vai-btn-ghost:hover{border-color:var(--purple);color:var(--purple)}.vai-result{display:none;background:var(--surface);border:2px solid var(--purple);border-radius:20px;padding:2rem;margin-top:1.5rem}.vai-result.show{display:block;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.vai-result-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--purple);margin-bottom:.5rem;display:block}.vai-result-tool{font-size:1.5rem;font-weight:900;letter-spacing:-.03em;color:var(--text-1);margin-bottom:.5rem;display:flex;align-items:center;gap:12px}.vai-result-tool img{width:36px;height:36px;object-fit:contain;border-radius:6px;background:#f3f4f6;padding:4px}.vai-result-reason{font-size:.9375rem;color:var(--text-2);line-height:1.7;margin-bottom:1.5rem}.vai-result-actions{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.vai-result-link{background:var(--purple);color:#fff;text-decoration:none;font-size:.9rem;font-weight:700;padding:.625rem 1.375rem;border-radius:100px;transition:opacity 0.15s;display:inline-flex;align-items:center;gap:6px}.vai-result-link:hover{opacity:.85}.vai-result-browse{font-size:.875rem;color:var(--text-2);text-decoration:none;font-weight:500;border-bottom:1px solid var(--border);padding-bottom:1px;transition:color 0.15s}.vai-result-browse:hover{color:var(--purple);border-color:var(--purple)}.vai-tools{background:var(--surface);padding:4rem 2rem;border-bottom:1px solid var(--border-lt)}.vai-tools-inner{max-width:960px;margin:0 auto}.vai-tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.vai-tool-card{background:var(--bg);border:1px solid var(--border-lt);border-radius:20px;padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;gap:.75rem;transition:border-color 0.2s,box-shadow 0.2s,transform 0.2s;color:inherit}.vai-tool-card:hover{border-color:var(--purple);box-shadow:0 8px 32px rgb(124 58 237 / .1);transform:translateY(-3px)}.vai-tool-card-top{display:flex;align-items:flex-start;justify-content:space-between}.vai-tool-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff0;overflow:hidden}.vai-tool-icon img{width:44px;height:44px;object-fit:contain;border-radius:8px}.vai-tool-arrow{width:28px;height:28px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--text-2);transition:all 0.15s}.vai-tool-card:hover .vai-tool-arrow{background:var(--purple);border-color:var(--purple);color:#fff}.vai-tool-name{font-size:1.0625rem;font-weight:800;color:var(--text-1);letter-spacing:-.02em}.vai-tool-tagline{font-size:.8rem;font-weight:600;color:var(--purple)}.vai-tool-desc{font-size:.8375rem;color:var(--text-2);line-height:1.65;flex:1}.vai-tool-meta{display:flex;gap:.375rem;flex-wrap:wrap}.vai-meta-tag{font-size:.68rem;font-weight:600;color:var(--text-2);background:var(--surface);border:1px solid var(--border);padding:.2rem .5rem;border-radius:100px}.vai-choose{background:var(--surface);padding:4rem 2rem}.vai-choose-inner{max-width:960px;margin:0 auto}.vai-choose-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.vai-choose-card{background:var(--bg);border:1px solid var(--border-lt);border-radius:var(--radius);padding:1.2rem 1.5rem;display:flex;align-items:center;gap:1rem;text-decoration:none;transition:border-color 0.2s,transform 0.2s;color:inherit}.vai-choose-card:hover{border-color:var(--purple);transform:translateY(-2px)}.vai-choose-icon{width:44px;height:44px;min-width:44px;background:var(--purple-lt);border-radius:10px;display:flex;align-items:center;justify-content:center}.vai-choose-icon img{width:32px;height:32px;object-fit:contain}.vai-choose-text{flex:1}.vai-choose-scenario{font-size:.875rem;font-weight:600;color:var(--text-2);margin-bottom:.25rem;line-height:1.4}.vai-choose-rec{font-size:1rem;font-weight:800;color:var(--purple);letter-spacing:-.01em;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.vai-choose-arr{color:var(--text-2);font-size:.875rem;margin-top:2px;transition:color 0.15s,transform 0.15s}.vai-choose-card:hover .vai-choose-arr{color:var(--purple);transform:translateX(3px)}.vai-bottom-cta{background:linear-gradient(135deg,#2D1B69,#1A1523);padding:4rem 2rem;text-align:center}.vai-bottom-cta-inner{max-width:560px;margin:0 auto}.vai-bottom-cta h2{font-size:2rem;font-weight:900;color:#fff;letter-spacing:-.04em;margin-bottom:.875rem;line-height:1.15}.vai-bottom-cta p{font-size:1rem;color:rgb(255 255 255 / .55);margin-bottom:2rem;line-height:1.7}.vai-bottom-cta-btn{background:#fff;color:var(--purple);font-family:var(--font);font-size:1rem;font-weight:800;padding:.875rem 2rem;border-radius:100px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:opacity 0.15s}.vai-bottom-cta-btn:hover{opacity:.88}@media (max-width:900px){.vai-intro-inner{grid-template-columns:1fr;gap:2rem}.vai-usecase-grid{grid-template-columns:1fr}.vai-tools-grid{grid-template-columns:repeat(2,1fr)}.vai-choose-grid{grid-template-columns:1fr}}@media (max-width:600px){.vai-tools-grid{grid-template-columns:1fr}.vai-options{grid-template-columns:1fr;margin-left:0}.vai-intro-stats{grid-template-columns:1fr 1fr}.vai-quiz-card{padding:1rem}}.product-btn{cursor:pointer;background:#fff0;border:none;font-weight:600}.product-cat{display:none;position:absolute;background:#fff;border:1px solid #DDD6FE;border-radius:12px;padding:8px 0;min-width:220px;z-index:9999;box-shadow:0 8px 24px rgb(0 0 0 / .1)}.position-relative:hover .product-cat{display:block}.product-cat ul{list-style:none;margin:0;padding:0}.product-cat ul li a{display:block;padding:10px 20px;color:#1A1523;font-size:14px;font-weight:500;text-decoration:none}.product-cat ul li a:hover{background:#EDE9FE;color:#7C3AED}.tool-strip{overflow-x:visible!important;white-space:normal!important}.tool-strip-inner{flex-wrap:wrap!important}.tool-pill{white-space:nowrap!important}