:root{--qual-radius: 20px;--qual-glass-bg: linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.9));--qual-border: 1px solid rgba(148,163,184,.35)}.qual-section .qual-box{border:var(--qual-border);border-radius:var(--qual-radius);padding:16px;background:var(--qual-glass-bg);backdrop-filter:saturate(160%) blur(8px);box-shadow:0 10px 40px #0206170f;max-width:1100px;margin:0 auto}.qual-section .qual-tabs-wrap{position:relative;display:flex;align-items:center;gap:6px}.qual-section .qual-tabs{position:relative;display:flex;gap:10px;overflow:auto;padding:6px;scrollbar-width:thin;-ms-overflow-style:auto}.qual-section .qual-tabs::-webkit-scrollbar{display:none}.qual-section .tab-nav{appearance:none;border:0;background:transparent;color:#334155;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;cursor:pointer}.qual-section .tab-nav:hover{background:#0f172a0f}.qual-section .pill-tab{appearance:none;border:1px solid rgba(148,163,184,.35);background:#fff;color:#0f172a;font-weight:800;border-radius:9999px;padding:10px 14px;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 2px 10px #0f172a0f;white-space:nowrap}.qual-section .pill-tab:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0f172a1a}.qual-section .pill-tab.is-active{background:linear-gradient(135deg,#3b82f6,#14b8a6);color:#fff;border-color:transparent;box-shadow:0 14px 32px #3b82f640}.qual-section .tab-indicator{position:absolute;height:3px;background:linear-gradient(90deg,#3b82f6,#14b8a6);border-radius:3px;bottom:0;left:0;width:0;transform:translate(0);will-change:transform,width;pointer-events:none}.qual-section .qual-panel{margin-top:16px}.qual-section .qual-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.qual-section .qual-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;will-change:transform,box-shadow}.qual-section .qual-card:hover{transform:translateY(-6px) rotateX(.6deg);box-shadow:0 20px 50px #0000001a;border-color:#3b82f6}.qual-section .qual-title{font-size:16px;font-weight:900;margin-bottom:6px;color:#0f172a;letter-spacing:.2px}.qual-section .qual-detail{font-size:13px;color:#475569;line-height:1.6}.qual-section .qual-actions{display:flex;justify-content:center;margin-top:8px}.qual-section .btn-rounded{border-radius:999px;padding:12px 18px}.qual-section .qual-grid{contain:layout paint}.qual-section .modal-overlay{position:fixed;inset:0;background:#11182799;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:2000}.qual-section .modal-overlay.show{opacity:1;pointer-events:auto}.qual-section .modal{width:min(1100px,92vw);max-height:86vh;background:#fff;border-radius:20px;box-shadow:0 30px 70px #00000040;overflow:hidden;display:flex;flex-direction:column}.qual-section .modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-200)}.qual-section .icon-btn{background:transparent;border:0;cursor:pointer;color:var(--gray-600);border-radius:8px;padding:8px}.qual-section .icon-btn:hover{background:var(--gray-100)}.qual-section .modal-toolbar{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--gray-200);flex-wrap:wrap}.qual-section .search{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--gray-200);border-radius:12px;background:#fff;min-width:260px}.qual-section .search input{border:0;outline:0;font-size:14px;width:240px}.qual-section .chips{display:flex;gap:8px;flex-wrap:wrap}.qual-section .chip{padding:10px 14px;border-radius:999px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000a}.qual-section .chip:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.qual-section .chip-active{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;border-color:transparent;box-shadow:0 10px 24px #3b82f659}.qual-section .chip.clear{background:var(--gray-100)}.qual-section .quals-grid{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;overflow:auto}@media(max-width:600px){.qual-section .qual-box{padding:12px}.qual-section .pill-tab{padding:10px 12px;font-weight:800}}:root{--primary: #3B82F6;--secondary: #14B8A6;--accent: #F97316;--dark: #0f172a;--light: #f8fafc;--white: #ffffff;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-500: #64748b;--gray-700: #334155;--gray-900: #0f172a;--radius-lg: 20px;--shadow-card: 0 10px 40px rgba(0,0,0,.08);--shadow-hover: 0 20px 50px rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;color:var(--gray-900);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}img{max-width:100%;height:auto;display:block}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.8,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.text-blue{color:#3b82f6}.text-teal{color:#14b8a6}.text-indigo{color:#6366f1}.text-orange{color:#f97316}.text-pink{color:#ec4899}.text-cyan{color:#06b6d4}.bg-blue{background:#eff6ff}.bg-teal{background:#f0fdfa}.bg-indigo{background:#eef2ff}.section-header{text-align:center;margin-bottom:60px}.sub-title{display:block;font-size:14px;font-weight:800;letter-spacing:2px;color:var(--primary);margin-bottom:12px}.section-header h2{font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1.2;margin-bottom:16px}.section-header p{font-size:18px;color:var(--gray-500)}.highlight{background:linear-gradient(120deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:99px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;font-size:16px}.btn-large{padding:16px 32px;font-size:18px}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 8px 20px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #3b82f666}.btn-glass{background:#fffc;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);color:var(--gray-700)}.btn-glass:hover{background:#fff}.btn-outline{background:transparent;border:2px solid var(--gray-200);color:var(--primary)}.btn-outline:hover{border-color:var(--primary);background:var(--primary);color:#fff}.full-width{width:100%;justify-content:center}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:80px;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg-img{width:100%;height:100%;object-fit:cover;animation:zoomSlow 20s infinite alternate}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#ffffffe6,#fff9,#fff)}@keyframes zoomSlow{0%{transform:scale(1)}to{transform:scale(1.1)}}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px}.hero-lead{font-size:clamp(16px,3vw,24px);font-weight:700;color:var(--gray-500);display:block;margin-bottom:20px;letter-spacing:.05em}.hero-catch{margin:30px 0;display:flex;flex-direction:column;align-items:center;gap:20px}.catch-phrase{font-size:clamp(40px,8vw,80px);font-weight:900;line-height:1;display:flex;align-items:center;gap:16px}.word{background:linear-gradient(135deg,var(--gray-900),var(--gray-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.w1{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text}.w2{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text}.w3{background:linear-gradient(135deg,#14b8a6,#22c55e);-webkit-background-clip:text}.sep{font-weight:300;color:var(--gray-300);font-size:.6em}.hero-arrow-anim{color:var(--gray-300);animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.result-badge{font-size:clamp(24px,5vw,40px);font-weight:900;background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;border:2px solid var(--gray-200);padding:10px 30px;border-radius:99px;background-color:#fffc;backdrop-filter:blur(5px);box-shadow:0 10px 30px #3b82f626}.hero-description{font-size:18px;color:var(--gray-600);margin-bottom:40px;line-height:1.8}.hero-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:60px;flex-wrap:wrap}.hero-stats{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.stat-glass{background:#fff9;backdrop-filter:blur(12px);padding:20px 40px;border-radius:16px;border:1px solid rgba(255,255,255,.8);text-align:center;box-shadow:0 8px 30px #0000000a;min-width:140px}.stat-num{font-size:32px;font-weight:900;line-height:1.1}.stat-lbl{font-size:13px;font-weight:700;color:var(--gray-500);margin-top:4px}.features-section{padding:120px 0;background:#fdfeff;overflow:hidden}.feature-rows{display:flex;flex-direction:column;gap:100px;margin-bottom:100px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.feature-row.reverse .feature-visual{order:2}.feature-row.reverse .feature-detail{order:1}.feature-visual{position:relative}.visual-card{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0000001a;transform:rotate(-2deg);transition:transform .5s ease}.visual-card img{width:100%;display:block}.feature-row:hover .visual-card{transform:rotate(0) scale(1.02)}.visual-overlay{position:absolute;inset:0;opacity:.2;mix-blend-mode:multiply}.overlay-blue{background:var(--primary)}.overlay-teal{background:var(--secondary)}.overlay-indigo{background:#6366f1}.feature-detail h3{font-size:32px;font-weight:800;margin-bottom:20px}.feature-detail p{font-size:17px;color:var(--gray-600);line-height:1.8}.feature-icon-box{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--gray-700)}.mini-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.mini-card{background:#fff;padding:40px;border-radius:24px;border:1px solid var(--gray-100);box-shadow:0 10px 30px #00000008;transition:transform .3s ease}.mini-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #00000014}.mini-icon{margin-bottom:20px}.mini-card h4{font-size:20px;font-weight:800;margin-bottom:12px}.mini-card p{font-size:15px;color:var(--gray-500)}.how-section{padding:100px 0;background:var(--white)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid var(--gray-200);transition:transform .3s ease}.step-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.step-img{position:relative;height:180px;overflow:hidden}.step-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.step-card:hover .step-img img{transform:scale(1.1)}.step-num{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background:var(--secondary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;border:4px solid white}.step-content{padding:30px 20px 20px;text-align:center}.step-content h3{font-size:18px;font-weight:700;margin-bottom:8px}.step-content p{font-size:14px;color:var(--gray-500)}.why-section{padding:100px 0;background:var(--dark);position:relative;overflow:hidden;color:#fff}.why-section h2{color:#fff}.why-bg{position:absolute;inset:0;background-image:url(/images/lp/bg-why-tech.jpg);background-size:cover;opacity:.1;mix-blend-mode:overlay}.highlight-gold{color:#fbbf24}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.why-card{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:24px;transition:background .3s}.why-card:hover{background:#ffffff1a}.why-icon{font-size:48px;margin-bottom:20px}.why-card h3{font-size:20px;font-weight:800;margin-bottom:12px;color:#fbbf24}.why-card p{font-size:16px;color:#cbd5e1;line-height:1.6}.pricing-section{padding:100px 0;background:linear-gradient(180deg,#f8fafc,#e2e8f0);overflow:hidden;position:relative}.pricing-grid{display:flex;gap:32px;width:min(1100px,92vw);padding:40px 5vw;margin:0 auto 30px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;position:relative}.pricing-grid::-webkit-scrollbar{display:none}.pricing-card{background:#ffffffb8;backdrop-filter:blur(14px);border-radius:24px;padding:32px;border:1px solid rgba(255,255,255,.8);position:relative;transition:all .45s cubic-bezier(.2,.8,.2,1);min-width:300px;max-width:340px;flex:0 0 auto;box-shadow:0 10px 34px #0f172a1f}.pricing-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 20px 50px #0000001f;background:#ffffffe6;z-index:2}.pricing-card.popular{border-color:var(--primary);box-shadow:0 10px 40px #3b82f61a;transform:scale(1.05);z-index:10}.pricing-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(to right,var(--primary),var(--secondary));color:#fff;padding:4px 16px;border-radius:99px;font-size:12px;font-weight:700}.pricing-header{text-align:center;margin-bottom:24px}.pricing-header h3{font-size:20px;font-weight:700;margin-bottom:12px}.price{display:flex;align-items:baseline;justify-content:center}.currency{font-size:16px;color:var(--gray-500)}.amount{font-size:40px;font-weight:900;color:var(--gray-900)}.period{font-size:14px;color:var(--gray-500)}.pricing-features{margin-bottom:30px}.feature{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:10px;color:var(--gray-700)}.feature:before{content:"✓";color:var(--secondary);font-weight:900}.feature.is-unavailable{color:var(--gray-400);text-decoration:line-through}.feature.is-unavailable:before{content:"×";color:var(--gray-300)}.gradient-purple-blue{background:linear-gradient(90deg,#8b5cf6,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-note{text-align:center;font-size:13px;color:var(--gray-500);margin-top:20px}.cta-section{position:relative;padding:120px 0;color:#fff;text-align:center;overflow:hidden}.cta-bg{position:absolute;inset:0}.cta-bg img{width:100%;height:100%;object-fit:cover}.cta-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0f172acc,#0f172af2)}.cta-content h2{font-size:clamp(32px,6vw,64px);font-weight:900;line-height:1.1;margin-bottom:24px}.gradient-text{background:linear-gradient(90deg,#60a5fa,#2dd4bf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.cta-content p{font-size:20px;color:#cbd5e1;margin-bottom:40px}.cta-buttons{display:flex;align-items:center;gap:16px;flex-direction:column}.cta-note{display:flex;align-items:center;gap:6px;font-size:13px;color:#94a3b8}.qual-wrapper{background:#f8fafc;padding:60px 0}@media(max-width:900px){.feature-row{grid-template-columns:1fr;gap:30px}.feature-row.reverse .feature-visual{order:1}.feature-row.reverse .feature-detail{order:2}.steps-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:1fr}}@media(max-width:600px){.hero-stats{display:grid;grid-template-columns:1fr 1fr}.stat-glass:last-child{grid-column:span 2}.steps-grid{grid-template-columns:1fr}.btn-large{width:100%;justify-content:center}.hero-buttons{flex-direction:column;width:100%}.pricing-grid{display:block;width:100%;overflow-x:visible;padding:0}.pricing-card{flex:none;min-width:auto;margin-bottom:16px}.pricing-card.popular,.pricing-card.popular:hover{transform:none}.desktop-br{display:none}}
