:root{--font-primary:'Kanit','Inter',sans-serif;--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-normal:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--header-height:80px;--container-width:1280px;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#06b6d4;--bg-main:#f8fafc;--bg-header:rgba(248,250,252,0.8);--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--bg-footer:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-on-footer:#e2e8f0;--color-primary:#1e3a8a;--color-primary-light:#3b82f6;--color-primary-rgb:30,58,138;--color-accent-red:#dc2626;--color-accent-red-hover:#b91c1c;--border-color:#e2e8f0;--border-glow:rgba(30,58,138,0.05);--box-shadow-sm:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -2px rgba(0,0,0,0.05);--box-shadow-md:0 10px 15px -3px rgba(0,0,0,0.05),0 4px 6px -4px rgba(0,0,0,0.05);--box-shadow-lg:0 20px 25px -5px rgba(0,0,0,0.05),0 8px 10px -6px rgba(0,0,0,0.05);--card-glow-shadow:none;--gradient-hero:radial-gradient(circle at top right,rgba(59,130,246,0.08),transparent 60%);--gradient-card:linear-gradient(135deg,#ffffff,#f8fafc)}html[data-theme="dark"]{--bg-main:#070c19;--bg-header:rgba(7,12,25,0.85);--bg-card:rgba(15,23,42,0.65);--bg-card-hover:rgba(30,41,59,0.8);--bg-footer:#030712;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-on-footer:#cbd5e1;--color-primary:#00f0ff;--color-primary-light:#38bdf8;--color-primary-rgb:0,240,255;--color-accent-red:#ef4444;--color-accent-red-hover:#f43f5e;--border-color:rgba(56,189,248,0.15);--border-glow:rgba(0,240,255,0.2);--box-shadow-sm:0 4px 6px -1px rgba(0,0,0,0.2);--box-shadow-md:0 10px 15px -3px rgba(0,0,0,0.3);--box-shadow-lg:0 20px 25px -5px rgba(0,0,0,0.4);--card-glow-shadow:0 0 25px rgba(0,240,255,0.12);--gradient-hero:radial-gradient(circle at top right,rgba(0,240,255,0.12),transparent 50%),radial-gradient(circle at bottom left,rgba(56,189,248,0.08),transparent 45%);--gradient-card:linear-gradient(135deg,rgba(15,23,42,0.8),rgba(7,12,25,0.9))}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background-color:var(--bg-main);color:var(--text-primary);line-height:1.65;overflow-x:hidden;transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2{line-height:1.2;letter-spacing:0.3px}h3{line-height:1.3;letter-spacing:0.3px}h4,h5,h6{line-height:1.25;letter-spacing:0.3px}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}ul{list-style:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}.text-center{text-align:center}.text-red{color:var(--color-accent-red)}.text-blue{color:var(--color-primary-light)}.font-bold{font-weight:700}.font-sm{font-size:0.875rem}.text-xs{font-size:0.75rem}.text-muted{color:var(--text-muted)}.mt-xs{margin-top:8px}.mt-sm{margin-top:16px}.mt-md{margin-top:28px}.mt-lg{margin-top:48px}.w-full{width:100%}.animate-pulse{animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}.grid{display:grid;gap:30px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-weight:600;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-normal)}.btn-primary{background-color:var(--color-accent-red);color:#ffffff}.btn-primary:hover{background-color:var(--color-accent-red-hover);transform:translateY(-2px);box-shadow:0 8px 20px rgba(220,38,38,0.25)}.btn-secondary{background-color:rgba(var(--color-primary-rgb),0.1);color:var(--color-primary);border:1px solid var(--border-color)}html[data-theme="dark"] .btn-secondary{color:var(--color-primary-light)}.btn-secondary:hover{background-color:var(--color-primary-light);color:#ffffff;transform:translateY(-2px);box-shadow:0 8px 20px rgba(56,189,248,0.2)}.btn-large{padding:16px 32px;font-size:1.1rem;border-radius:var(--border-radius-md)}.btn-sm{padding:8px 16px;font-size:0.875rem}section{padding:95px 0;position:relative}.section-header{margin-bottom:50px}.section-tag{display:inline-block;padding:6px 12px;background-color:rgba(var(--color-primary-rgb),0.1);color:var(--color-primary-light);font-size:0.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-radius:50px;border:1px solid var(--border-color);margin-bottom:12px}.section-title{font-size:2.25rem;font-weight:800;line-height:1.2;letter-spacing:0.3px;margin-bottom:16px}.section-desc{font-size:1.1rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.main-header{height:var(--header-height);position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:transparent;border-bottom:1px solid transparent;transition:all var(--transition-normal)}.main-header.scrolled{background-color:var(--bg-header);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);box-shadow:var(--box-shadow-sm);height:70px}.header-container{height:100%;display:flex;align-items:center;justify-content:space-between}.logo-area{display:flex;flex-direction:column}.logo-pmii{font-size:1.75rem;font-weight:800;color:var(--color-accent-red);line-height:1.1;letter-spacing:0.5px}.logo-sub{font-size:0.75rem;font-weight:600;color:var(--text-secondary);letter-spacing:1px}.nav-menu ul{display:flex;gap:20px}.nav-link{font-weight:500;color:var(--text-secondary);padding:8px 0;position:relative;white-space:nowrap;font-size:0.9rem;transition:color var(--transition-fast)}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary-light);transition:width var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--color-primary-light)}.nav-link:hover::after,.nav-link.active::after{width:100%}.header-actions{display:flex;align-items:center;gap:15px}.theme-toggle-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-primary-rgb),0.05);transition:all var(--transition-fast);font-size:1.1rem}.theme-toggle-btn:hover{background-color:rgba(var(--color-primary-rgb),0.1);transform:scale(1.05)}.mobile-menu-toggle{display:none;flex-direction:column;gap:6px;width:30px;cursor:pointer}.mobile-menu-toggle span{width:100%;height:2.5px;background-color:var(--text-primary);transition:all var(--transition-normal)}.hero-section{padding-top:calc(var(--header-height) + 60px);padding-bottom:100px;background:var(--gradient-hero);overflow:hidden}.hero-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(var(--color-primary-rgb),0.15) 0%,transparent 70%);top:-10%;right:-10%;z-index:-1;pointer-events:none}.hero-container{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center}.hero-brand-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;font-size:0.8rem;font-weight:600;border-radius:50px;border:1px solid var(--border-color);background-color:var(--bg-card);box-shadow:var(--box-shadow-sm)}.company-badge{border-color:var(--border-color)}.badge-unlimited{background-color:rgba(59,130,246,0.08);color:var(--color-primary-light);border-color:rgba(59,130,246,0.2)}.badge-line{background-color:rgba(6,199,85,0.08);color:#06c755;border-color:rgba(6,199,85,0.2)}.hero-title{font-size:3rem;font-weight:800;line-height:1.25;letter-spacing:-0.5px;margin-bottom:24px}.highlight-text{color:var(--color-primary-light);position:relative;z-index:1}.badge-strong{background-color:var(--color-accent-red);color:#ffffff;padding:2px 10px;border-radius:6px;display:inline-block}.hero-description{font-size:1.15rem;color:var(--text-secondary);margin-bottom:30px;max-width:600px}.presenter-note{display:inline-flex;align-items:center;gap:12px;background-color:rgba(var(--color-primary-rgb),0.04);border:1px solid var(--border-color);padding:10px 18px;border-radius:var(--border-radius-sm);font-size:0.9rem;margin-bottom:35px}.presenter-note i{color:var(--color-primary-light);font-size:1.1rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:45px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--border-color);padding-top:30px}.stat-item{display:flex;flex-direction:column}.stat-number{font-size:2.25rem;font-weight:800;color:var(--color-accent-red);line-height:1}.stat-suffix{font-size:1.5rem;font-weight:800;color:var(--color-accent-red)}.stat-label{font-size:0.85rem;color:var(--text-secondary);margin-top:6px}.hero-visual{position:relative}.hero-image-wrapper{position:relative;border-radius:var(--border-radius-lg);overflow:visible;box-shadow:var(--box-shadow-lg),var(--card-glow-shadow);border:1px solid var(--border-color);background-color:var(--bg-card);transition:transform var(--transition-slow)}.hero-image-wrapper:hover{transform:translateY(-5px)}.hero-main-img{width:100%;height:auto;object-fit:cover;border-radius:var(--border-radius-lg)}.floating-card{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 18px;background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--box-shadow-md);border-radius:var(--border-radius-md);z-index:10;animation:float 4s ease-in-out infinite}.card-1{top:15%;left:-15%;animation-delay:0s}.card-2{bottom:15%;right:-10%;animation-delay:2s}.card-icon{width:36px;height:36px;border-radius:50%;background-color:rgba(var(--color-primary-rgb),0.1);color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.card-info h4{font-size:0.85rem;font-weight:700}.card-info p{font-size:0.75rem;color:var(--text-secondary)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.client-slider-container{margin-top:80px;border-top:1px solid var(--border-color);padding-top:40px}.slider-title{font-size:0.85rem;text-transform:uppercase;font-weight:700;color:var(--text-muted);letter-spacing:1px;margin-bottom:24px;text-align:center}.logo-marquee{overflow:hidden;white-space:nowrap;position:relative;width:100%}.logo-marquee::before,.logo-marquee::after{content:'';position:absolute;top:0;width:80px;height:100%;z-index:2;pointer-events:none}.logo-marquee::before{left:0;background:linear-gradient(to right,var(--bg-main),transparent)}.logo-marquee::after{right:0;background:linear-gradient(to left,var(--bg-main),transparent)}.marquee-content{display:inline-block;animation:marquee 25s linear infinite}.logo-badge{display:inline-block;padding:10px 24px;margin-right:30px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);font-weight:700;font-size:0.95rem;color:var(--text-secondary);box-shadow:var(--box-shadow-sm)}@keyframes marquee{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-50%,0,0)}}.vision-section{background-color:rgba(var(--color-primary-rgb),0.02);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.vision-box{text-align:center;max-width:850px;margin:0 auto}.vision-subtitle{font-size:0.8rem;font-weight:700;letter-spacing:2px;color:var(--color-accent-red)}.vision-quote{font-size:2.75rem;font-weight:800;margin:15px 0 25px 0}.accent-text{color:var(--color-primary-light)}.vision-lead{font-size:1.15rem;color:var(--text-secondary)}.why-section{background-color:var(--bg-main)}.why-section .grid{gap:30px;align-items:stretch}.value-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:35px;box-shadow:var(--box-shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.value-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-primary-light);opacity:0;transition:opacity var(--transition-normal)}.value-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-md),var(--card-glow-shadow);border-color:var(--color-primary-light)}.value-card:hover::before{opacity:1}.value-icon{width:50px;height:50px;border-radius:12px;background-color:rgba(var(--color-primary-rgb),0.1);color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:24px}.value-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px}.value-card p{color:var(--text-secondary);font-size:0.95rem;margin-top:auto}.product-tour-section{background-color:var(--bg-main);border-bottom:1px solid var(--border-color)}.tour-layout{display:grid;grid-template-columns:0.8fr 1.2fr;gap:40px;align-items:flex-start}.tour-menu{display:flex;flex-direction:column;gap:12px}.tour-tab-btn{display:flex;align-items:center;gap:16px;padding:16px 20px;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;text-align:left;transition:all var(--transition-normal)}.tour-tab-btn:hover{background-color:var(--bg-card-hover);transform:translateX(4px)}.tour-tab-btn.active{background:var(--gradient-card);border-color:var(--color-primary-light);box-shadow:var(--box-shadow-sm),var(--card-glow-shadow)}.tour-tab-icon{width:44px;height:44px;border-radius:var(--border-radius-sm);background-color:rgba(var(--color-primary-rgb),0.05);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all var(--transition-normal)}.tour-tab-btn.active .tour-tab-icon{background-color:rgba(var(--color-primary-rgb),0.1);color:var(--color-primary-light)}.tour-tab-text h3{font-size:0.95rem;font-weight:700}.tour-tab-text p{font-size:0.75rem;color:var(--text-muted)}.tour-screen-display{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);overflow:hidden;min-height:450px}.screen-header-bar{background-color:rgba(var(--color-primary-rgb),0.03);border-bottom:1px solid var(--border-color);padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.screen-title{font-size:0.9rem;font-weight:700;display:flex;align-items:center;gap:10px}.screen-status-green{font-size:0.75rem;font-weight:600;background-color:rgba(16,185,129,0.12);color:var(--success);padding:4px 10px;border-radius:50px}.screen-status-blue{font-size:0.75rem;font-weight:600;background-color:rgba(59,130,246,0.12);color:var(--color-primary-light);padding:4px 10px;border-radius:50px}.screen-status-red{font-size:0.75rem;font-weight:600;background-color:rgba(239,68,68,0.12);color:var(--danger);padding:4px 10px;border-radius:50px}.screen-body-pane{padding:24px}.tour-screen-content{display:none;animation:fadeIn var(--transition-normal)}.tour-screen-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.asset-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:20px;margin-bottom:20px}.asset-details-card,.asset-stats-card{background-color:rgba(var(--color-primary-rgb),0.02);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px}.asset-details-card h4,.asset-stats-card h4{font-size:0.95rem;font-weight:700;margin-bottom:12px}.asset-details-card p{font-size:0.85rem;color:var(--text-secondary);margin-bottom:10px}.health-gauge{background-color:var(--border-color);border-radius:50px;height:8px;overflow:hidden;margin-top:6px}.gauge-value{background-color:var(--color-primary-light);height:100%;border-radius:50px}.workload-item{margin-top:14px}.workload-info{display:flex;justify-content:space-between;font-size:0.85rem;font-weight:600}.workload-info span{color:var(--text-primary)}.workload-info strong{color:var(--color-primary-light)}.asset-table-wrap{background-color:rgba(var(--color-primary-rgb),0.02);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:16px;overflow-x:auto;width:100%}.asset-table-wrap h5{font-size:0.85rem;font-weight:700;margin-bottom:10px}.mock-table{width:100%;min-width:580px;border-collapse:collapse;font-size:0.8rem;text-align:left}.mock-table th{background-color:rgba(var(--color-primary-rgb),0.04);padding:12px 14px;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.mock-table td{padding:12px 14px;border-bottom:1px solid var(--border-color)}.mock-table td:nth-child(1),.mock-table td:nth-child(4),.mock-table td:nth-child(5){white-space:nowrap}.mock-table tr:last-child td{border-bottom:none}.badge-blue{background-color:rgba(59,130,246,0.1);color:var(--color-primary-light);padding:3px 8px;border-radius:4px}.badge-red{background-color:rgba(239,68,68,0.1);color:var(--danger);padding:3px 8px;border-radius:4px}.parts-alert-banner{display:flex;gap:16px;background-color:rgba(239,68,68,0.06);border:1px solid rgba(239,68,68,0.2);border-radius:var(--border-radius-md);padding:16px;margin-bottom:20px;font-size:0.85rem}.parts-alert-banner i{color:var(--danger);font-size:1.25rem}.parts-grid-mock{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.parts-inventory-list,.sla-warranty-card{background-color:rgba(var(--color-primary-rgb),0.02);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px}.parts-inventory-list h5,.sla-warranty-card h5{font-size:0.95rem;font-weight:700;margin-bottom:16px;letter-spacing:0.3px}.part-item-mock{display:flex;justify-content:space-between;font-size:0.9rem;font-weight:400;letter-spacing:0.4px;padding:10px 0;border-bottom:1px dashed var(--border-color);color:var(--text-primary)}.part-item-mock:last-child{border-bottom:none}.part-qty{font-weight:500;letter-spacing:0.3px}.part-qty.warn{color:var(--danger);font-weight:600}.sla-progress-wrap{display:flex;flex-direction:column;gap:6px}.sla-label-txt{font-size:0.8rem;color:var(--text-secondary)}.sla-progress-bar{background-color:var(--border-color);border-radius:50px;height:18px;overflow:hidden}.sla-progress-fill{background-color:var(--success);color:#ffffff;height:100%;font-size:0.7rem;font-weight:600;display:flex;align-items:center;justify-content:flex-end;padding-right:10px}.charts-mock-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.chart-card-mock{background-color:rgba(var(--color-primary-rgb),0.02);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px}.chart-card-mock h5{font-size:0.85rem;font-weight:700;margin-bottom:16px}.chart-bar-wrap{display:flex;justify-content:space-around;align-items:flex-end;height:150px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.chart-bar-container{display:flex;flex-direction:column;align-items:center;width:40px}.chart-bar-fill{background-color:rgba(var(--color-primary-rgb),0.2);width:100%;color:var(--text-primary);font-size:0.7rem;font-weight:600;display:flex;align-items:flex-start;justify-content:center;padding-top:4px;border-radius:4px 4px 0 0;transition:height var(--transition-slow)}.active-bar{background-color:var(--color-accent-red);color:#ffffff}.chart-bar-label{font-size:0.75rem;margin-top:6px}.chart-radial-list{display:flex;flex-direction:column;gap:10px}.radial-item{display:flex;align-items:center;gap:10px;font-size:0.8rem}.radial-dot{width:10px;height:10px;border-radius:50%}.radial-dot.color-red{background-color:var(--color-accent-red)}.radial-dot.color-blue{background-color:var(--color-primary-light)}.radial-dot.color-orange{background-color:var(--warning)}.workflow-section{background-color:var(--bg-main);border-bottom:1px solid var(--border-color)}.workflow-diagram-wrap{max-width:900px;margin:60px auto;border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-md);background-color:var(--bg-card);overflow:hidden}.workflow-diagram-wrap img{width:100%}.workflow-grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:stretch}.workflow-step-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:25px;box-shadow:var(--box-shadow-sm);position:relative;transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column}.workflow-step-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-md),var(--card-glow-shadow);border-color:var(--color-primary-light)}.wf-step-number{position:absolute;top:15px;right:20px;font-size:2.25rem;font-weight:800;color:rgba(var(--color-primary-rgb),0.08)}.wf-step-icon{width:48px;height:48px;border-radius:10px;background-color:rgba(var(--color-primary-rgb),0.08);color:var(--color-primary-light);display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:20px}.workflow-step-card h3{font-size:1.1rem;font-weight:700;margin-bottom:10px}.workflow-step-card p{font-size:0.85rem;color:var(--text-secondary);margin-bottom:16px;flex-grow:1}.wf-badge-http,.wf-badge-database,.wf-badge-smtp,.wf-badge-success{display:inline-block;padding:4px 10px;font-size:0.7rem;font-weight:700;border-radius:4px}.wf-badge-http{background-color:rgba(59,130,246,0.08);color:var(--color-primary-light)}.wf-badge-database{background-color:rgba(6,182,212,0.08);color:var(--info)}.wf-badge-smtp{background-color:rgba(245,158,11,0.08);color:var(--warning)}.wf-badge-success{background-color:rgba(16,185,129,0.08);color:var(--success)}.features-section{background-color:var(--bg-main);border-bottom:1px solid var(--border-color)}.features-layout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:40px;align-items:center}.features-visual-card{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg),var(--card-glow-shadow);background-color:var(--bg-card);overflow:hidden}.features-visual-card img{width:100%;height:auto}.features-bullets{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-bullet-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px;box-shadow:var(--box-shadow-sm);display:flex;gap:16px;transition:all var(--transition-normal)}.feature-bullet-item:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-md);border-color:var(--color-primary-light)}.feature-bullet-icon{font-size:1.25rem;color:var(--color-accent-red)}.feature-bullet-txt h4{font-size:0.95rem;font-weight:700;margin-bottom:6px}.feature-bullet-txt p{font-size:0.8rem;color:var(--text-secondary)}.support-section{background-color:var(--bg-main);border-bottom:1px solid var(--border-color)}.support-layout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:40px;align-items:center}.support-visual{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg),var(--card-glow-shadow);background-color:var(--bg-card);overflow:hidden}.support-visual img{width:100%;height:auto}.support-list-box{display:flex;flex-direction:column;gap:20px}.support-tier-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:24px;box-shadow:var(--box-shadow-sm);display:flex;gap:20px;transition:all var(--transition-normal)}.support-tier-card:hover{border-color:var(--color-primary-light);box-shadow:var(--box-shadow-md)}.tier-badge{width:36px;height:36px;border-radius:50%;background-color:var(--color-primary-light);color:#ffffff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.9rem;flex-shrink:0}.support-tier-card.tier-3-card .tier-badge{background-color:var(--color-accent-red)}.tier-text h4{font-size:1.1rem;font-weight:700;margin-bottom:8px}.tier-text p{font-size:0.85rem;color:var(--text-secondary)}.simulator-section{background-color:var(--bg-main);border-bottom:1px solid var(--border-color);overflow:hidden}.simulator-bg-glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(var(--color-primary-rgb),0.1) 0%,transparent 60%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.sim-container{position:relative;z-index:2;display:grid;grid-template-columns:340px minmax(0,1fr);gap:40px;align-items:flex-start}.phone-simulator-frame{background-color:#0d1117;border:12px solid #2d3748;border-radius:40px;height:620px;width:340px;max-width:100%;flex-shrink:0;margin:0 auto;position:relative;box-shadow:var(--box-shadow-lg),0 25px 50px -12px rgba(0,0,0,0.5);display:flex;flex-direction:column;overflow:hidden}.phone-simulator-frame::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:140px;height:24px;background-color:#2d3748;border-bottom-left-radius:16px;border-bottom-right-radius:16px;z-index:100}.phone-screen{flex-grow:1;background-color:#0b0f19;color:#ffffff;display:flex;flex-direction:column;position:relative;padding-top:24px}.sim-screen-state{display:none;flex-direction:column;height:100%;padding:20px;overflow-y:auto}.sim-screen-state.active{display:flex}.sim-qr-box{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;text-align:center}.qr-decor-box{position:relative;width:180px;height:180px;margin-bottom:24px}.qr-scan-line{position:absolute;width:100%;height:4px;background-color:var(--color-primary);top:0;left:0;box-shadow:0 0 10px var(--color-primary-light);animation:qrScan 2.5s ease-in-out infinite}@keyframes qrScan{0%,100%{top:0}50%{top:100%}}.qr-image-decor{width:100%;height:100%;border:3px solid #2d3748;border-radius:12px;display:flex;align-items:center;justify-content:center;background-color:#161b22}.qr-image-decor i{font-size:5rem;color:#4b5563}.sim-qr-box h4{font-size:1.15rem;font-weight:700;margin-bottom:10px}.sim-qr-box p{font-size:0.8rem;color:#9ca3af;margin-bottom:24px;padding:0 10px}.sim-form-header{border-bottom:1px solid #21262d;padding-bottom:12px;margin-bottom:16px}.sim-form-header h4{font-size:1.05rem;font-weight:700}.sim-form-header p{font-size:0.75rem;color:#8b949e}.sim-form-scroll{display:flex;flex-direction:column;gap:12px}.phone-form-group{display:flex;flex-direction:column;gap:6px}.phone-form-group label{font-size:0.75rem;color:#8b949e;font-weight:600}.phone-form-control{background-color:#161b22;border:1px solid #30363d;border-radius:6px;padding:8px 12px;font-size:0.8rem;color:#ffffff;width:100%}.phone-form-control:focus{border-color:var(--color-primary-light);outline:none}.sim-form-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:16px}.sim-tracking-header{border-bottom:1px solid #21262d;padding-bottom:10px;margin-bottom:16px}.sim-tracking-header h4{font-size:0.95rem;font-weight:700;color:#58a6ff}.ticket-badge-pill{display:inline-block;padding:2px 8px;background-color:rgba(88,166,255,0.15);color:#58a6ff;font-size:0.7rem;font-weight:700;border-radius:4px;margin-top:4px}.sim-timeline{display:flex;flex-direction:column;gap:16px;flex-grow:1}.timeline-item{display:flex;gap:14px;position:relative;opacity:0.35;transition:opacity var(--transition-normal)}.timeline-item.active{opacity:1}.timeline-item::after{content:'';position:absolute;width:2px;height:100%;background-color:#30363d;left:11px;top:24px;z-index:1}.timeline-item:last-child::after{display:none}.timeline-badge{width:24px;height:24px;border-radius:50%;background-color:#21262d;color:#8b949e;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;position:relative;z-index:2;transition:all var(--transition-normal)}.timeline-item.active .timeline-badge{background-color:#238636;color:#ffffff}.timeline-item.active:nth-child(2) .timeline-badge{background-color:#1f6feb}.timeline-item.active:nth-child(3) .timeline-badge{background-color:#8957e5}.timeline-item.active:nth-child(4) .timeline-badge{background-color:#f0883e}.timeline-txt h5{font-size:0.8rem;font-weight:700}.timeline-txt p{font-size:0.7rem;color:#8b949e}.signature-box{margin-top:10px;background-color:#161b22;border:1px solid #30363d;border-radius:8px;padding:10px}.signature-canvas-wrap{background-color:#0d1117;border:1px dashed #484f58;border-radius:6px;position:relative;overflow:hidden}.signature-canvas-wrap canvas{display:block;cursor:crosshair}.canvas-clear-btn{position:absolute;top:5px;right:5px;font-size:0.7rem;padding:2px 6px;background-color:rgba(240,246,252,0.1);border-radius:4px;cursor:pointer}.signature-actions{display:flex;gap:8px;margin-top:8px}.backoffice-monitor-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg),var(--card-glow-shadow);padding:30px;height:100%}.monitor-header{border-bottom:1px solid var(--border-color);padding-bottom:16px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between}.monitor-title h4{font-size:1.15rem;font-weight:800}.monitor-title p{font-size:0.8rem;color:var(--text-secondary)}.monitor-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.monitor-stat-card{background-color:rgba(var(--color-primary-rgb),0.02);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:16px;text-align:center}.monitor-stat-card strong{font-size:1.75rem;font-weight:800;color:var(--color-primary-light);display:block}.monitor-stat-card span{font-size:0.75rem;color:var(--text-secondary)}.table-responsive{overflow-x:auto;margin-bottom:24px;border:1px solid var(--border-color);border-radius:var(--border-radius-md);width:100%}.backoffice-table{width:100%;min-width:780px;border-collapse:collapse;font-size:0.8rem;text-align:left}.backoffice-table th{background-color:rgba(var(--color-primary-rgb),0.04);padding:12px 14px;font-weight:700;border-bottom:1px solid var(--border-color)}.backoffice-table td{padding:12px 14px;border-bottom:1px solid var(--border-color)}.backoffice-table td:nth-child(1){white-space:nowrap;font-weight:700}.backoffice-table td:nth-child(4){white-space:nowrap}.backoffice-table td:nth-child(5){white-space:nowrap}.backoffice-table td:nth-child(6){white-space:nowrap}.backoffice-table tr:last-child td{border-bottom:none}.status-pill{display:inline-block;padding:3px 10px;font-size:0.7rem;font-weight:700;border-radius:50px}.status-pending{background-color:rgba(245,158,11,0.1);color:var(--warning)}.status-progress{background-color:rgba(59,130,246,0.1);color:var(--color-primary-light)}.status-completed{background-color:rgba(16,185,129,0.1);color:var(--success)}.system-console-logger{background-color:#0d1117;border:1px solid #21262d;border-radius:var(--border-radius-md);padding:16px}.console-title{font-size:0.75rem;font-family:monospace;font-weight:bold;color:#8b949e;margin-bottom:10px;display:flex;align-items:center;gap:8px}.console-logs{font-family:monospace;font-size:0.75rem;color:#c9d1d9;height:120px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.log-info{color:#58a6ff}.log-alert{color:#f0883e}.log-success{color:#57ab5a}.fade-in{animation:simFadeIn 0.8s forwards}@keyframes simFadeIn{from{opacity:0;transform:translateY(-8px);background-color:rgba(var(--color-primary-rgb),0.15)}to{opacity:1;transform:translateY(0);background-color:transparent}}.roi-section{background-color:var(--bg-main);border-bottom:1px solid var(--border-color)}.roi-box-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.roi-inputs{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-md);padding:35px}.roi-inputs h3{font-size:1.35rem;font-weight:800;margin-bottom:24px}.slider-group{margin-bottom:24px}.slider-group:last-child{margin-bottom:0}.slider-header{display:flex;justify-content:space-between;font-size:0.9rem;font-weight:600;margin-bottom:8px}.slider-val{color:var(--color-primary-light);font-weight:700}.roi-slider{width:100%;height:6px;background-color:var(--border-color);border-radius:50px;outline:none;-webkit-appearance:none}.roi-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background-color:var(--color-primary-light);border:3px solid var(--bg-card);box-shadow:var(--box-shadow-sm);cursor:pointer;transition:transform var(--transition-fast)}.roi-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.roi-results-card{background:var(--gradient-card);border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg),var(--card-glow-shadow);padding:35px}.roi-results-card h4{font-size:1.25rem;font-weight:800;margin-bottom:24px;text-align:center}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.result-box{background-color:rgba(var(--color-primary-rgb),0.03);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:20px;text-align:center}.result-box.total-save{grid-column:span 2;background-color:rgba(var(--color-primary-rgb),0.06);border-color:var(--color-primary-light)}.result-number{font-size:1.75rem;font-weight:800;display:block;line-height:1.1}.result-box.total-save .result-number{font-size:2.25rem;color:var(--color-accent-red)}.result-suffix{font-size:0.85rem;font-weight:700}.result-label{font-size:0.8rem;color:var(--text-secondary);margin-top:6px;display:block}.roi-calc-note{font-size:0.75rem;color:var(--text-muted);margin-top:20px;line-height:1.4}.cases-section{background-color:var(--bg-main);border-bottom:1px solid var(--border-color)}.cases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.case-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:35px;box-shadow:var(--box-shadow-sm);transition:all var(--transition-normal)}.case-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-md);border-color:var(--color-primary-light)}.case-brand{font-size:0.85rem;font-weight:700;letter-spacing:1.5px;color:var(--color-primary-light);margin-bottom:12px}.case-card h3{font-size:1.35rem;font-weight:800;margin-bottom:16px}.case-quote{font-style:italic;color:var(--text-secondary);margin-bottom:24px;font-size:1rem;line-height:1.5}.case-stats-row{display:flex;gap:30px;border-top:1px solid var(--border-color);padding-top:20px}.case-stat{display:flex;flex-direction:column}.case-stat strong{font-size:1.35rem;font-weight:800;color:var(--color-accent-red)}.case-stat span{font-size:0.75rem;color:var(--text-secondary)}.faq-section{background-color:var(--bg-main);border-bottom:1px solid var(--border-color)}.faq-accordion-wrap{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-accordion-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);overflow:hidden;transition:all var(--transition-normal)}.faq-accordion-item.active{border-color:var(--color-primary-light);box-shadow:var(--box-shadow-sm)}.faq-accordion-btn{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;font-size:1rem;text-align:left}.faq-accordion-btn i{font-size:0.95rem;color:var(--text-muted);transition:transform var(--transition-normal)}.faq-accordion-item.active .faq-accordion-btn i{transform:rotate(180deg);color:var(--color-primary-light)}.faq-accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal) ease-out}.faq-accordion-content p{padding:16px 24px 20px 24px;font-size:0.9rem;color:var(--text-secondary);border-top:1px solid transparent}.faq-accordion-item.active .faq-accordion-content p{border-top-color:var(--border-color)}.contact-section{background-color:rgba(var(--color-primary-rgb),0.01)}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:flex-start}.contact-info-panel h2{font-size:2.25rem;font-weight:800;line-height:1.2;letter-spacing:0.3px;margin-bottom:20px}.contact-info-panel p{font-size:1.05rem;color:var(--text-secondary);margin-bottom:30px}.social-box{margin-bottom:35px}.social-box h4{font-size:0.95rem;font-weight:700;margin-bottom:12px}.social-links{display:flex;gap:12px}.social-link{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:#ffffff;transition:all var(--transition-normal)}.social-link.facebook{background-color:#1877f2}.social-link.youtube{background-color:#ff0000}.social-link.tiktok{background-color:#000000}.social-link:hover{transform:translateY(-2px);opacity:0.85}.address-box{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:24px}.address-box h3{font-size:1.05rem;font-weight:700;display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--color-primary-light)}.address-list{display:flex;flex-direction:column;gap:14px}.address-list li strong{font-size:0.85rem;font-weight:700;display:block}.address-list li p{font-size:0.8rem;color:var(--text-secondary);margin-bottom:0}.contact-form-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);padding:35px}.form-container-box h3{font-size:1.35rem;font-weight:800;margin-bottom:6px}.form-subtitle{font-size:0.85rem;color:var(--text-muted);margin-bottom:24px}.contact-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:0.85rem;font-weight:600}.form-group label .required{color:var(--color-accent-red)}.form-control{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);padding:10px 14px;font-size:0.9rem;width:100%}.form-control:focus{border-color:var(--color-primary-light);outline:none}.btn-submit-form{margin-top:10px}.form-success-message{display:none;flex-direction:column;align-items:center;text-align:center;padding:40px 0;animation:fadeIn var(--transition-normal)}.form-success-message.active{display:flex}.success-check-circle{width:60px;height:60px;border-radius:50%;background-color:rgba(16,185,129,0.1);color:var(--success);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:20px}.form-success-message h3{font-size:1.35rem;font-weight:800;margin-bottom:10px}.form-success-message p{font-size:0.9rem;color:var(--text-secondary);margin-bottom:24px;max-width:320px}.main-footer{background-color:var(--bg-footer);color:var(--text-on-footer);padding-top:70px;border-top:1px solid var(--border-color)}.footer-grid{display:grid;grid-template-columns:1.2fr 0.8fr 1fr;gap:40px;padding-bottom:50px}.footer-brand .logo-pmii{color:#f43f5e}.footer-desc{font-size:0.85rem;color:var(--text-muted);margin:16px 0 24px 0}.contact-quick{display:flex;flex-direction:column;gap:10px;font-size:0.8rem}.contact-quick a:hover{color:var(--color-primary-light)}.footer-links h3,.footer-newsletter h3{font-size:1.05rem;font-weight:700;margin-bottom:20px}.footer-links ul{display:flex;flex-direction:column;gap:10px;font-size:0.85rem}.footer-links a{color:var(--text-muted);display:inline-flex;align-items:center;gap:8px}.footer-links a:hover{color:var(--color-primary-light);transform:translateX(2px)}.footer-newsletter p{font-size:0.85rem;color:var(--text-muted);margin-bottom:16px}.qr-chat-box{background-color:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);border-radius:var(--border-radius-md);padding:16px;display:flex;align-items:center;justify-content:center}.qr-chat-decor{display:flex;flex-direction:column;align-items:center;color:#06c755}.qr-chat-decor span{font-size:0.75rem;font-weight:600;color:var(--text-muted);margin-top:8px}.footer-bottom{background-color:rgba(0,0,0,0.2);border-top:1px solid rgba(255,255,255,0.05);padding:24px 0;font-size:0.8rem;color:var(--text-muted)}.footer-bottom-flex{display:flex;justify-content:space-between;align-items:center}.footer-policy-links{display:flex;gap:20px}.footer-policy-links a:hover{color:var(--color-primary-light)}.cookie-consent-banner{position:fixed;bottom:-200px;left:0;width:100%;background-color:var(--bg-card);border-top:1px solid var(--border-color);box-shadow:0 -10px 30px rgba(0,0,0,0.1);padding:20px 0;z-index:999;transition:bottom var(--transition-slow)}.cookie-consent-banner.active{bottom:0}.cookie-consent-banner.active ~ .line-floating-btn-wrap{bottom:95px !important}.cookie-container{max-width:var(--container-width);margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:30px}.cookie-text{font-size:0.85rem;color:var(--text-secondary)}.cookie-text a{color:var(--color-primary-light);font-weight:600;text-decoration:underline}.cookie-actions{display:flex;gap:12px;flex-shrink:0}.btn-cookie-settings{font-size:0.85rem;font-weight:600;padding:8px 16px;border-radius:var(--border-radius-sm);cursor:pointer;border:1px solid var(--border-color)}.btn-cookie-settings:hover{background-color:var(--bg-card-hover)}.cookie-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.cookie-modal.active{opacity:1;pointer-events:all}.cookie-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);backdrop-filter:blur(4px)}.cookie-modal-content{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);width:100%;max-width:600px;position:relative;z-index:10;display:flex;flex-direction:column;max-height:90vh}.cookie-modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.cookie-modal-header h3{font-size:1.15rem;font-weight:800}.btn-close-modal{font-size:1.75rem;font-weight:300;cursor:pointer;line-height:1}.cookie-modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.modal-description{font-size:0.85rem;color:var(--text-secondary)}.cookie-setting-item{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.cookie-setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-info h4{font-size:0.95rem;font-weight:700;margin-bottom:6px}.badge-required{font-size:0.7rem;background-color:rgba(59,130,246,0.1);color:var(--color-primary-light);padding:2px 8px;border-radius:4px;margin-left:6px}.setting-info p{font-size:0.8rem;color:var(--text-secondary)}.setting-toggle{position:relative;width:50px;height:26px;flex-shrink:0}.toggle-input{opacity:0;width:0;height:0}.toggle-label{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-color);border-radius:34px;transition:background-color var(--transition-fast)}.toggle-label::before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:white;border-radius:50%;transition:transform var(--transition-fast)}.toggle-input:checked + .toggle-label{background-color:var(--success)}.toggle-input:checked + .toggle-label::before{transform:translateX(24px)}.toggle-input:disabled + .toggle-label{opacity:0.6;cursor:not-allowed}.cookie-modal-footer{padding:16px 24px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}@media (max-width:1024px){.hero-title{font-size:2.5rem}.hero-container{grid-template-columns:minmax(0,1fr);gap:60px}.hero-content{text-align:center}.hero-brand-group,.hero-buttons{justify-content:center}.hero-stats{max-width:500px;margin:0 auto}.hero-visual{max-width:550px;margin:0 auto}.card-1{left:-5%}.card-2{right:-5%}.tour-layout{grid-template-columns:minmax(0,1fr)}.sim-container{grid-template-columns:minmax(0,1fr);gap:50px}.phone-simulator-frame{max-width:360px}.roi-box-container{grid-template-columns:minmax(0,1fr)}.contact-container{grid-template-columns:minmax(0,1fr);gap:60px}.workflow-grid-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.features-layout{grid-template-columns:minmax(0,1fr);gap:40px}.features-visual-card{order:-1;max-width:550px;margin:0 auto}.features-bullets{grid-template-columns:minmax(0,1fr)}.mobile-menu-toggle{display:flex}.nav-menu{position:fixed;top:var(--header-height);left:-100%;width:100%;height:calc(100vh - var(--header-height));background-color:var(--bg-main);backdrop-filter:blur(12px);padding:40px 24px;transition:left var(--transition-normal);border-right:1px solid var(--border-color);overflow-y:auto;-webkit-overflow-scrolling:touch}.main-header.scrolled .nav-menu{top:70px;height:calc(100vh - 70px)}.nav-menu.active{left:0}.nav-menu ul{flex-direction:column;gap:24px;align-items:center}.nav-item-dropdown{display:flex;flex-direction:column;align-items:center;width:100%}.btn-demo-nav{display:none}.dropdown-menu{position:static !important;transform:none !important;opacity:0 !important;visibility:hidden !important;max-height:0;overflow:hidden;width:100% !important;min-width:unset !important;box-shadow:none !important;border:none !important;background-color:transparent !important;backdrop-filter:none !important;padding:0 !important;display:flex;flex-direction:column;align-items:center;gap:8px;transition:max-height 0.3s ease-out,opacity 0.3s ease-out}.nav-item-dropdown.active .dropdown-menu{opacity:1 !important;visibility:visible !important;max-height:250px;padding:10px 0 !important}.dropdown-menu li a{font-size:0.95rem !important;padding:6px 20px !important;justify-content:center}}@media (max-width:1200px) and (min-width:1025px){.nav-menu ul{gap:14px}.nav-link{font-size:0.85rem}.btn-demo-nav{padding:8px 16px;font-size:0.875rem}}@media (max-width:768px){section{padding:60px 0}.section-title{font-size:1.85rem}.hero-title{font-size:2.25rem}.about-official-content h2,.contact-info-panel h2{font-size:1.85rem}.vision-quote{font-size:2rem}.grid-3{grid-template-columns:minmax(0,1fr)}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.features-bullets{grid-template-columns:minmax(0,1fr)}.support-layout{grid-template-columns:minmax(0,1fr)}.cases-grid{grid-template-columns:minmax(0,1fr)}.footer-grid{grid-template-columns:minmax(0,1fr)}.asset-grid{grid-template-columns:minmax(0,1fr)}.cookie-consent-banner{bottom:-320px;left:16px !important;right:16px !important;width:calc(100% - 32px) !important;margin:0 auto !important;border-radius:var(--border-radius-md) !important;border:1px solid var(--border-color) !important;box-shadow:0 10px 40px rgba(0,0,0,0.25) !important;padding:12px 14px !important;background-color:var(--bg-card) !important;backdrop-filter:blur(16px) !important}html[data-theme="dark"] .cookie-consent-banner{background-color:rgba(7,12,25,0.95) !important;border-color:rgba(56,189,248,0.25) !important;box-shadow:0 10px 30px rgba(0,240,255,0.15) !important}.cookie-consent-banner.active{bottom:16px !important}.cookie-container{padding:0 !important;flex-direction:column !important;align-items:stretch !important;gap:10px !important}.cookie-text{font-size:0.775rem !important;line-height:1.4 !important;text-align:left !important}.cookie-actions{display:flex !important;justify-content:flex-end !important;gap:8px !important;width:100% !important}.cookie-actions .btn{padding:6px 12px !important;font-size:0.75rem !important;border-radius:var(--border-radius-sm) !important;font-weight:600 !important}.btn-cookie-settings{padding:6px 12px !important;font-size:0.75rem !important;background-color:transparent !important;color:var(--text-secondary) !important}.cookie-consent-banner.active ~ .line-floating-btn-wrap{bottom:165px !important}}@media (max-width:480px){.hero-title{font-size:1.85rem}.grid-4{grid-template-columns:minmax(0,1fr)}.form-row{grid-template-columns:minmax(0,1fr)}.footer-bottom-flex{flex-direction:column;gap:16px;text-align:center}.screen-body-pane{padding:12px}.roi-inputs,.roi-results-card{padding:20px 16px}.results-grid{grid-template-columns:minmax(0,1fr)}.result-box.total-save{grid-column:span 1}.workflow-grid-cards{grid-template-columns:minmax(0,1fr)}.features-bullets{grid-template-columns:minmax(0,1fr)}.parts-grid-mock,.charts-mock-grid{grid-template-columns:minmax(0,1fr)}.container{padding:0 12px}section{padding:40px 0}.whowith-card{padding:20px 12px}.whowith-icon-wrap{width:calc(100% + 24px);margin-top:-20px;margin-left:-12px;margin-right:-12px;height:150px}.value-card{padding:20px 16px}.workflow-step-card{padding:18px 16px}.achieve-card-content{padding:16px}.contact-form-panel{padding:20px 16px}.backoffice-monitor-panel{padding:16px 12px}.case-card{padding:20px 16px}.about-official-visual,.whyus-official-visual{padding:12px}.whyus-official-section .feature-bullet-item,.feature-bullet-item{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.feature-bullet-icon{font-size:1.5rem}.screen-header-bar{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width:360px){.phone-simulator-frame{width:100%;max-width:290px;height:560px;border-width:8px}}.about-official-section{background-color:var(--bg-card);border-bottom:1px solid var(--border-color)}.about-official-layout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:50px;align-items:center}.about-official-content{display:flex;flex-direction:column;gap:16px}.about-official-content h2{font-size:2.25rem;font-weight:800;line-height:1.2;letter-spacing:0.3px}.about-official-content p{font-size:1rem;color:var(--text-secondary);line-height:1.6}.about-official-visual{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);background-color:#ffffff;padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform var(--transition-normal)}.about-official-visual:hover{transform:translateY(-4px)}.about-official-visual img{width:100%;height:auto;max-height:380px;object-fit:contain}.whowith-section{background-color:var(--bg-main);border-bottom:1px solid var(--border-color)}.whowith-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:stretch}.whowith-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);padding:35px 24px;text-align:center;box-shadow:var(--box-shadow-sm);transition:all var(--transition-normal);display:flex;flex-direction:column;align-items:center;height:100%;overflow:hidden}.whowith-card:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-md),var(--card-glow-shadow);border-color:var(--color-primary-light)}.whowith-card:hover .whowith-icon-wrap img{transform:scale(1.42)}.whowith-icon-wrap{width:calc(100% + 48px);margin-top:-35px;margin-left:-24px;margin-right:-24px;height:180px;margin-bottom:24px;background-color:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;border:none;border-bottom:1px solid var(--border-color);box-shadow:none}.whowith-icon-wrap img{width:100%;height:100%;object-fit:cover;transform:scale(1.35);transition:transform var(--transition-slow)}.whowith-card h3{font-size:1.05rem;font-weight:700;margin-bottom:12px;line-height:1.4;color:var(--text-primary)}.whowith-card p{font-size:0.825rem;color:var(--text-secondary);line-height:1.5;margin-top:auto}.howhelp-section{background-color:var(--bg-card);border-bottom:1px solid var(--border-color)}.howhelp-layout{display:grid;grid-template-columns:0.85fr 1.15fr;gap:40px;align-items:center}.howhelp-menu{display:flex;flex-direction:column;gap:12px}.help-tab-btn{display:flex;align-items:center;gap:16px;padding:16px 20px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;text-align:left;transition:all var(--transition-normal)}.help-tab-btn:hover{background-color:var(--bg-card-hover);transform:translateX(4px)}.help-tab-btn.active{background:var(--gradient-card);border-color:var(--color-primary-light);box-shadow:var(--box-shadow-sm),var(--card-glow-shadow)}.help-tab-num{width:32px;height:32px;border-radius:50%;background-color:rgba(var(--color-primary-rgb),0.05);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;flex-shrink:0;transition:all var(--transition-normal)}.help-tab-btn.active .help-tab-num{background-color:var(--color-primary-light);color:#ffffff}.help-tab-txt h3{font-size:0.95rem;font-weight:600;margin-bottom:4px;letter-spacing:0.3px;color:var(--text-primary)}.help-tab-txt p{font-size:0.775rem;color:var(--text-muted)}.howhelp-visual{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);overflow:hidden;background-color:#ffffff;padding:0;display:flex;align-items:center;justify-content:center;min-height:480px;transition:transform var(--transition-normal)}.howhelp-visual:hover{transform:translateY(-4px)}.howhelp-visual img{width:100%;height:100%;max-height:100%;object-fit:cover}.whyus-official-section{background-color:var(--bg-main);border-bottom:1px solid var(--border-color)}.whyus-official-layout{display:grid;grid-template-columns:1fr;gap:40px}.whyus-official-visual{border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-lg);overflow:hidden;background-color:#ffffff;padding:12px;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-normal)}.whyus-official-visual:hover{transform:translateY(-4px)}.whyus-official-visual img{width:100%;height:auto;max-height:480px;object-fit:contain}.whyus-official-section .features-bullets{grid-template-columns:1fr 1fr}.whyus-official-section .feature-bullet-item{padding:16px}@media (max-width:1024px){.about-official-layout,.howhelp-layout,.whyus-official-layout{grid-template-columns:minmax(0,1fr);gap:40px}.whowith-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.howhelp-visual{min-height:380px}.howhelp-visual img{max-height:340px}}@media (max-width:480px){.whowith-grid{grid-template-columns:minmax(0,1fr)}}.navbar-logo-img{height:38px;width:auto;object-fit:contain;display:block;transition:transform var(--transition-normal)}.logo-area:hover .navbar-logo-img{transform:scale(1.03)}.logo-badge{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;margin-right:30px;background-color:#111827;border:1px solid rgba(255,255,255,0.1);border-radius:var(--border-radius-sm);box-shadow:var(--box-shadow-sm);height:60px;width:145px;transition:all var(--transition-normal)}html[data-theme="dark"] .logo-badge{background-color:#070c19;border-color:rgba(56,189,248,0.2);box-shadow:0 4px 15px rgba(0,0,0,0.3)}.logo-badge:hover{border-color:var(--color-primary-light);transform:translateY(-2px) scale(1.04);box-shadow:var(--box-shadow-md),0 5px 15px rgba(56,189,248,0.1)}.logo-badge img{max-height:42px;max-width:100%;object-fit:contain;display:block}.achieve-official-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:55px;border-top:1px solid var(--border-color);padding-top:45px;align-items:stretch}.achieve-card{background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-normal);height:100%}.achieve-card:hover{transform:translateY(-4px);box-shadow:var(--box-shadow-md),var(--card-glow-shadow);border-color:var(--color-primary-light)}.achieve-card-visual{width:100%;background-color:#ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0;border-bottom:1px solid var(--border-color)}.achieve-card-visual img{width:100%;height:auto;object-fit:cover;transition:transform var(--transition-slow)}.achieve-card:hover .achieve-card-visual img{transform:scale(1.02)}.achieve-card-content{padding:24px;display:flex;flex-direction:column;gap:10px;flex-grow:1}.achieve-card-content h4{font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.achieve-card-content h4 i{color:var(--color-accent-red)}.achieve-card-content p{font-size:0.9rem;color:var(--text-secondary);line-height:1.55;margin-top:auto}.line-floating-btn-wrap{position:fixed !important;bottom:30px !important;right:30px;z-index:2147483647 !important;cursor:pointer;display:flex;align-items:center;flex-direction:row;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275);-webkit-tap-highlight-color:transparent;transform:translate3d(0,0,0);backface-visibility:hidden}.line-floating-btn-wrap:hover{transform:scale(1.05) translateY(-5px)}.line-floating-inner{position:relative;width:65px;height:65px;display:flex;align-items:center;justify-content:center}.line-floating-label{background:var(--bg-card);padding:8px 18px;border-radius:50px;box-shadow:0 5px 20px rgba(0,0,0,0.15);font-weight:600;color:var(--text-primary);white-space:nowrap;margin-right:15px;font-family:'Kanit',sans-serif;font-size:0.95rem;border:1px solid var(--border-color);opacity:0.95;transition:0.3s}.line-floating-btn-wrap:hover .line-floating-label{opacity:1;background:#06c755;color:#ffffff;border-color:#06c755}.line-icon-box{width:65px;height:65px;background:#06c755;border-radius:50%;box-shadow:0 8px 25px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid #06c755;position:relative;z-index:2}.line-icon-box img{width:100%;height:100%;object-fit:cover}.line-pulse-ring{position:absolute;width:65px;height:65px;border:3px solid #06c755;border-radius:50%;animation:linePulse 2s infinite;pointer-events:none;z-index:1}@keyframes linePulse{0%{transform:scale(1);opacity:0.8}100%{transform:scale(1.6);opacity:0}}html[data-theme="dark"] .about-official-visual,html[data-theme="dark"] .howhelp-visual,html[data-theme="dark"] .whyus-official-visual,html[data-theme="dark"] .achieve-card-visual{background-color:rgba(255,255,255,0.03) !important;border-color:rgba(56,189,248,0.15) !important;box-shadow:0 10px 30px rgba(0,240,255,0.04) !important}html[data-theme="dark"] .about-official-visual img,html[data-theme="dark"] .howhelp-visual img,html[data-theme="dark"] .whyus-official-visual img{filter:invert(1) hue-rotate(180deg) brightness(1.15) contrast(1.1)}html[data-theme="dark"] .whowith-icon-wrap{background-color:transparent !important;border-bottom-color:rgba(56,189,248,0.15) !important;box-shadow:none !important}@media (max-width:768px){.achieve-official-grid{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px;padding-top:30px}.line-floating-btn-wrap{bottom:15px !important;right:15px !important}.line-floating-label{display:none !important}.line-floating-inner,.line-icon-box,.line-pulse-ring{width:44px !important;height:44px !important}.line-icon-box i{font-size:1.4rem !important}.about-official-visual img,.whyus-official-visual img,.howhelp-visual img{height:auto}}.nav-item-dropdown{position:relative}.nav-item-dropdown:hover .dropdown-menu,.nav-item-dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-lg);padding:8px 0;min-width:210px;z-index:1100;opacity:0;visibility:hidden;transition:all var(--transition-normal);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:4px}html[data-theme="dark"] .dropdown-menu{background-color:rgba(7,12,25,0.95);border-color:rgba(56,189,248,0.25);box-shadow:0 10px 30px rgba(0,240,255,0.15)}.dropdown-menu li{width:100%}.dropdown-menu li a{display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:0.85rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;transition:all var(--transition-fast)}.dropdown-menu li a:hover{background-color:rgba(var(--color-primary-rgb),0.05);color:var(--color-primary-light);padding-left:24px}.dropdown-menu li a i{color:var(--color-accent-red);font-size:1rem}@media (min-width:1025px){.nav-menu{margin-right:35px}}.btn-success{background-color:var(--success) !important;color:#ffffff}.btn-success:hover{background-color:#059669 !important;transform:translateY(-2px);box-shadow:0 8px 20px rgba(16,185,129,0.25)}.btn-xs{font-size:0.75rem !important;padding:6px 12px !important}.icon-xs-chevron{font-size:0.7rem;margin-left:4px}.footer-logo-link{display:block;margin-bottom:20px}.icon-line-green{color:#06c755}.line-icon-box i{color:#ffffff;font-size:2.3rem}.sla-progress-wrap{margin:10px 0}.chart-radial-list{margin-top:15px}.qr-chat-decor{cursor:pointer}