:root{--primary-blue: #002b49;--primary-accent: #0284c7;--secondary-blue: #003366;--light-blue: #f0f9ff;--water-cyan: #0ea5e9;--dark-text: #0f172a;--muted-text: #64748b;--border-color: #e2e8f0;--font-primary: "Plus Jakarta Sans", "Inter", system-ui, -apple-system, sans-serif;--site-bg: #f5f7fa;--font-scale-base: 13.5px;--font-scale-heading: 1.5rem;--card-bg: #ffffff;--card-border: #e2e8f0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#0284c7}body{font-family:var(--font-primary);background-color:var(--site-bg, #f5f7fa);font-size:var(--font-scale-base, 13.5px);color:var(--dark-text);overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;transition:background-color .25s ease,font-size .2s ease}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-primary);letter-spacing:-.02em}.badge-pill-centered{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.15rem;border-radius:9999px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 10px #0000000a;font-size:.88rem;font-weight:700;color:#0f172a}.badge-icon-circle{width:26px;height:26px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.category-icon-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.42rem .95rem;border-radius:9999px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 6px #00000008;font-size:.78rem;font-weight:700;color:#1e293b;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer;-webkit-user-select:none;user-select:none;text-decoration:none;white-space:nowrap}.category-icon-pill:hover{border-color:#0284c7;transform:translateY(-1.5px);box-shadow:0 4px 14px #0284c71f;color:#002b49}.category-icon-pill.active{background:#002b49;color:#fff;border-color:#002b49;box-shadow:0 4px 12px #002b4933}.quick-action-card{display:flex;align-items:center;justify-content:center;gap:.65rem;padding:.7rem 1.15rem;border-radius:1rem;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000008;font-size:.8rem;font-weight:700;color:#0f172a;transition:all .2s ease;text-decoration:none}.quick-action-card:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 6px 18px #002b4914;color:#0284c7}.font-compact-title{font-size:clamp(1.2rem,2.2vw,1.55rem);font-weight:800;line-height:1.25;color:#002b49}.font-compact-desc{font-size:.8rem;line-height:1.55;color:#64748b}[id]{scroll-margin-top:100px}.page-hero-compact{padding-top:2.25rem;padding-bottom:2.25rem;background:linear-gradient(135deg,#001a33,#002b49 60%,#034674);color:#fff;position:relative;overflow:hidden;border-bottom:1px solid rgba(226,232,240,.15)}.page-hero-compact .hero-container{max-width:56rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;text-align:center}.page-hero-compact .hero-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .85rem;border-radius:9999px;background:#10b98126;border:1px solid rgba(52,211,153,.35);color:#6ee7b7;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem}.page-hero-compact .hero-title{font-size:clamp(1.4rem,3vw,2.15rem);font-weight:900;line-height:1.2;letter-spacing:-.025em;color:#fff}.page-hero-compact .hero-desc{font-size:.825rem;line-height:1.55;color:#cbd5e1;max-width:42rem;margin-top:.5rem;margin-left:auto;margin-right:auto}.compact-card{background:var(--card-bg, #ffffff);border:1px solid var(--card-border, #e2e8f0);border-radius:1.25rem;padding:1.25rem;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;transition:all .2s cubic-bezier(.16,1,.3,1)}.compact-card:hover{border-color:#38bdf8;box-shadow:0 8px 24px -4px #002b4914;transform:translateY(-2px)}.nav-floating-container{position:sticky;top:.75rem;z-index:50;width:100%;max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;transition:all .3s ease}.nav-floating-pill{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.9);box-shadow:0 10px 30px -5px #002b4914,0 4px 12px -2px #002b490a;border-radius:9999px;padding:.55rem 1.35rem;transition:all .3s cubic-bezier(.16,1,.3,1)}@media(max-width:768px){.nav-floating-container{top:.5rem;padding-left:.75rem;padding-right:.75rem}.nav-floating-pill{border-radius:9999px;padding:.45rem .85rem}}@media(max-width:420px){.nav-floating-container{top:.35rem;padding-left:.5rem;padding-right:.5rem}.nav-floating-pill{border-radius:9999px;padding:.4rem .75rem}}.nav-floating-pill.scrolled{background:#fffffffa;box-shadow:0 14px 40px -6px #002b4924,0 6px 16px -2px #002b4914;border-color:#bae6fde6}.nav-link-top{position:relative;display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:700;color:#334155;padding:.45rem .9rem;border-radius:9999px;border:1px solid transparent;transition:all .25s cubic-bezier(.16,1,.3,1);letter-spacing:-.01em}.nav-link-top:hover{color:#0284c7!important;background:linear-gradient(135deg,#0284c717,#38bdf829)!important;border-color:#38bdf859!important;box-shadow:0 4px 16px -2px #0284c740;transform:translateY(-1px)}.nav-link-top.active,.nav-link-top[aria-current=page]{color:#fff!important;background:linear-gradient(135deg,#0284c7,#0369a1)!important;border-color:#0284c7!important;box-shadow:0 4px 14px -2px #0284c759}.btn-buy-now{background:linear-gradient(135deg,#0284c7,#0369a1 55%,#0f172a);color:#fff!important;font-weight:800;border-radius:9999px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px -1px #0284c759;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-buy-now:hover{background:linear-gradient(135deg,#0369a1,#0284c7 60%,#38bdf8);box-shadow:0 6px 22px -1px #0284c78c;transform:translateY(-1.5px)}.btn-buy-now:active{transform:translateY(0)}.btn-get-quote{background:linear-gradient(135deg,#059669,#047857 55%,#064e3b);color:#fff!important;font-weight:800;border-radius:9999px;transition:all .25s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 14px -1px #05966961;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;position:relative;overflow:hidden}.btn-get-quote:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(52,211,153,.25) 0%,transparent 60%);opacity:0;transition:opacity .25s ease;border-radius:inherit}.btn-get-quote:hover{background:linear-gradient(135deg,#047857,#059669 55%,#34d399);box-shadow:0 6px 22px -1px #0596698c,0 0 0 3px #34d3992e;transform:translateY(-1.5px)}.btn-get-quote:hover:before{opacity:1}.btn-get-quote:active{transform:translateY(0);box-shadow:0 2px 8px -1px #05966959}.nav-dropdown{position:relative}.nav-dropdown-menu{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%) translateY(10px) scale(.96);opacity:0;visibility:hidden;pointer-events:none;background:#fffffff7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.95);border-radius:1.75rem;box-shadow:0 25px 50px -12px #002b492e,0 12px 24px -6px #002b4914;transition:opacity .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1),visibility .25s;z-index:60}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1)}.nav-dropdown-menu:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-left:1px solid rgba(226,232,240,.9);border-top:1px solid rgba(226,232,240,.9)}.nav-dropdown-mega{position:static}.nav-mega-menu{position:absolute;top:calc(100% + .85rem);left:50%;transform:translate(-50%) translateY(12px) scale(.97);width:min(92vw,760px);opacity:0;visibility:hidden;pointer-events:none;background:#fffffffa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(226,232,240,.95);border-radius:2rem;box-shadow:0 30px 60px -15px #002b4933,0 15px 30px -8px #002b491a;transition:all .28s cubic-bezier(.16,1,.3,1);z-index:65;overflow:hidden}.nav-dropdown:hover .nav-mega-menu,.nav-dropdown:focus-within .nav-mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1)}.nav-submenu-card{display:flex;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:1.15rem;border:1px solid rgba(241,245,249,.8);background:#ffffffa6;transition:all .25s cubic-bezier(.16,1,.3,1)}.nav-submenu-card:hover{background:linear-gradient(135deg,#f0f9fff2,#fff);border-color:#38bdf8;box-shadow:0 6px 20px -3px #0284c726;transform:translate(4px) translateY(-1px)}.nav-badge-pill{font-size:9px;font-weight:800;padding:2px 7px;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.card-soft{border-radius:1.5rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.card-soft:hover{transform:translateY(-3px)}.card-pill{border-radius:9999px}.shadow-soft{box-shadow:0 10px 25px -5px #002b490f,0 8px 10px -6px #002b490a}.shadow-soft-lg{box-shadow:0 20px 35px -8px #002b4917,0 10px 15px -6px #002b490a}.shadow-glow-cyan{box-shadow:0 0 25px #0ea5e940}.text-gradient{background:linear-gradient(135deg,#002b49,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#0284c7,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.bg-water-mesh{background-color:#f8fafc;background-image:radial-gradient(at 15% 15%,rgba(56,189,248,.08) 0px,transparent 55%),radial-gradient(at 85% 85%,rgba(2,132,199,.07) 0px,transparent 55%)}.bg-primary-deep{background-color:#002b49}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-left.active{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-right.active{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.95);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal-scale.active{opacity:1;transform:scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}@media(prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1!important;transform:none!important;transition:none!important}}.comparison-slider-container{position:relative;width:100%;max-width:900px;margin:0 auto;overflow:hidden;border-radius:1.5rem;box-shadow:0 20px 30px -8px #002b492e,0 8px 12px -6px #002b4914;user-select:none;-webkit-user-select:none;background:#0f172a;aspect-ratio:16 / 10}.comparison-image-before,.comparison-image-after{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.comparison-image-before{z-index:10;clip-path:inset(0 50% 0 0)}.comparison-image-after{z-index:5}.comparison-slider-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background-color:#fff;z-index:20;cursor:ew-resize;box-shadow:0 0 12px #0009}.comparison-slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:9999px;background-color:#fff;box-shadow:0 4px 14px #002b4959;display:flex;align-items:center;justify-content:center;color:#002b49;cursor:ew-resize;border:2px solid #0ea5e9}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172aa6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.order-tab-btn.active{background-color:#002b49;color:#fff;box-shadow:0 4px 12px #002b4933}.order-tab-btn:not(.active){background-color:#f1f5f9;color:#475569}.momo-operator-btn.selected{border-color:#0284c7;background-color:#f0f9ff;box-shadow:0 0 0 2px #38bdf8}@media print{body *{visibility:hidden}#quotation-print-area,#quotation-print-area *{visibility:visible}#quotation-print-area{position:absolute;left:0;top:0;width:100%;margin:0;padding:20px;box-shadow:none;border:none}}.chat-widget-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;width:3.75rem;height:3.75rem;border-radius:9999px;background:linear-gradient(135deg,#002b49,#0284c7);color:#fff;box-shadow:0 10px 25px -3px #0284c766,0 4px 6px -4px #0284c733;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid rgba(255,255,255,.25);transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.chat-widget-fab:hover{transform:scale(1.06);box-shadow:0 14px 28px -3px #0284c78c}.chat-widget-window{position:fixed;bottom:5.75rem;right:1.5rem;z-index:50;width:92vw;max-width:410px;height:570px;max-height:80vh;background:#fff;border-radius:1.75rem;box-shadow:0 25px 50px -12px #002b4940,0 0 0 1px #e2e8f0cc;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s}.chat-widget-window.hidden{display:none;opacity:0;transform:translateY(16px) scale(.96)}.chat-bubble-agent{align-self:flex-start;background-color:#f1f5f9;color:#0f172a;border:1px solid #e2e8f0;border-bottom-left-radius:.25rem;box-shadow:0 1px 2px #0000000a}.chat-bubble-user{align-self:flex-end;background:linear-gradient(135deg,#002b49,#0284c7);color:#fff;border-bottom-right-radius:.25rem}.chat-chip{background:#e0f2fe;color:#0369a1;font-size:.75rem;font-weight:500;padding:5px 11px;border-radius:9999px;border:1px solid #bae6fd;white-space:nowrap;cursor:pointer;transition:all .2s}.chat-chip:hover{background:#0284c7;color:#fff;border-color:#0284c7}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .35s ease forwards}.admin-badge-new{background-color:#dbeafe;color:#1e40af}.admin-badge-contacted{background-color:#fef3c7;color:#92400e}.admin-badge-converted{background-color:#dcfce7;color:#166534}.admin-badge-archived{background-color:#f1f5f9;color:#64748b}.table-compact th,.table-compact td{padding:.75rem 1rem}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden;max-width:100vw}h1,.page-hero-title{font-size:clamp(1.6rem,5vw + .6rem,3.25rem);line-height:1.15;overflow-wrap:break-word;word-break:break-word}h2{font-size:clamp(1.35rem,3.5vw + .5rem,2.25rem);line-height:1.2;overflow-wrap:break-word;word-break:break-word}h3{font-size:clamp(1.1rem,2.5vw + .45rem,1.65rem);line-height:1.25}p,li,span,a,label{overflow-wrap:break-word}@media(max-width:640px){.section-compact-mobile{padding-top:2rem!important;padding-bottom:2rem!important}.card-soft{border-radius:1.25rem}}@media(max-width:420px){.section-compact-mobile{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.card-compact-mobile{padding:.85rem!important;border-radius:1rem!important}button,a.btn,input[type=submit]{min-height:36px}}@media(max-width:640px){.modal-overlay{padding:.5rem!important;align-items:flex-end}#multi-channel-order-modal>div,.modal-sheet-mobile{max-height:92vh!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;margin-bottom:0!important;margin-top:auto!important}}.table-responsive-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-wrapper::-webkit-scrollbar{height:5px}.table-responsive-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@media(max-width:640px){.chat-widget-fab{bottom:1rem;right:1rem;width:3.15rem;height:3.15rem}.chat-widget-window{bottom:4.75rem;right:.75rem;left:.75rem;width:auto;max-width:calc(100vw - 1.5rem);height:72vh;max-height:520px;border-radius:1.25rem}}@media(max-width:640px){.rounded-3xl{border-radius:1.25rem!important}.p-6,.p-8{padding:1rem!important}.px-6,.px-8{padding-left:1rem!important;padding-right:1rem!important}.py-12,.py-14,.py-16,.py-20,.py-24{padding-top:2rem!important;padding-bottom:2rem!important}.gap-6,.gap-8,.gap-10,.gap-12{gap:1.15rem!important}.auth-nav-slot{display:none!important}.nav-floating-pill .btn-buy-now,.nav-floating-pill .btn-get-quote{padding:.4rem .85rem!important;font-size:12px!important}}@media(max-width:400px){.max-w-7xl,.max-w-6xl,.max-w-5xl,.max-w-4xl,.max-w-3xl{padding-left:.65rem!important;padding-right:.65rem!important}.p-6,.p-5{padding:.75rem!important}.nav-floating-pill .btn-buy-now,.nav-floating-pill .btn-get-quote{padding:.35rem .75rem!important;font-size:11.5px!important}}