.modal-overlay{position:fixed;inset:0;background-color:#070a12bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalOverlayFadeIn .18s cubic-bezier(.16,1,.3,1) forwards;will-change:opacity;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-dialog{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);max-width:820px;width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000059,0 0 0 1px var(--border-subtle);display:flex;flex-direction:column;animation:modalDialogScaleIn .22s cubic-bezier(.16,1,.3,1) forwards;transform-origin:center center;will-change:transform,opacity;backface-visibility:hidden;contain:paint layout;overscroll-behavior:contain;font-family:var(--font-main)}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalDialogScaleIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.35rem 1.75rem;background-color:var(--bg-input);border-bottom:1px solid var(--border-color)}.modal-close-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;padding:.65rem;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close-btn:hover{color:var(--text-primary);border-color:var(--accent-rose);background-color:var(--accent-rose-light)}.modal-form{padding:clamp(1.35rem,2.5vw,2rem);display:flex;flex-direction:column;gap:1.2rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem}@media(max-width:640px){.form-grid{grid-template-columns:1fr;gap:.85rem}}@media(max-width:480px){.modal-emp-pills{grid-template-columns:1fr;gap:.45rem}.modal-emp-btn{padding:.7rem .6rem;font-size:.84rem}}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-primary);font-family:var(--font-main);font-size:.875rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 3px #0284c72e}.form-textarea{resize:vertical;min-height:68px;line-height:1.5}.form-alert-error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f43f5e1f;border:1px solid rgba(244,63,94,.35);border-radius:var(--radius-md);color:var(--accent-rose);font-size:.82rem;font-weight:600}.modal-emp-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%}.modal-emp-btn{padding:.65rem .6rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-secondary);font-size:.8rem;font-weight:650;cursor:pointer;text-align:center;transition:all .12s ease;white-space:nowrap}.modal-emp-btn:hover{background:var(--bg-card-hover);border-color:var(--border-highlight)}.modal-emp-btn.active{background:var(--accent-teal);border-color:var(--accent-teal);color:#fff;box-shadow:0 3px 10px #0284c759}.modal-plans-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;width:100%}@media(max-width:640px){.modal-plans-grid{grid-template-columns:1fr}}.modal-plan-card-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:.85rem 1.1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:transform .12s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;position:relative;overflow:hidden}.modal-plan-card-btn:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);transform:translateY(-1px)}.modal-plan-card-btn.active{background:linear-gradient(135deg,rgba(2,132,199,.12) 0%,rgba(5,150,105,.08) 50%,var(--bg-secondary) 100%);border-color:var(--accent-teal);box-shadow:0 4px 16px -2px #0284c740}body.dark .modal-plan-card-btn.active{background:linear-gradient(135deg,#38bdf826,#34d39914,#0f172af2);border-color:var(--accent-teal);box-shadow:0 4px 16px -2px #38bdf84d}.plan-card-btn-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.45rem;margin-bottom:.25rem}.plan-btn-name{font-size:.875rem;font-weight:750;color:var(--text-primary);letter-spacing:-.01em}.modal-plan-card-btn.active .plan-btn-name{color:var(--accent-teal)}.plan-card-btn-header .badge{font-size:.7rem;padding:.2rem .5rem;flex-shrink:0;font-weight:650}.plan-btn-sub{font-size:.75rem;color:var(--text-muted);line-height:1.35}.modal-billing-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}@media(max-width:640px){.modal-billing-pills{grid-template-columns:1fr;gap:.55rem}}.modal-billing-pill-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:.85rem 1.1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:transform .12s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease;position:relative;overflow:hidden}.modal-billing-pill-btn:hover{background:var(--bg-card-hover);border-color:var(--border-highlight);transform:translateY(-1px)}.modal-billing-pill-btn.active{background:linear-gradient(135deg,rgba(2,132,199,.12) 0%,rgba(5,150,105,.08) 50%,var(--bg-secondary) 100%);border-color:var(--accent-teal);box-shadow:0 4px 16px -2px #0284c740}body.dark .modal-billing-pill-btn.active{background:linear-gradient(135deg,#38bdf826,#34d39914,#0f172af2);border-color:var(--accent-teal);box-shadow:0 4px 16px -2px #38bdf84d}.pill-btn-label{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.5rem;margin-bottom:.25rem}.pill-btn-title{font-size:.875rem;font-weight:750;color:var(--text-primary);letter-spacing:-.01em}.modal-billing-pill-btn.active .pill-btn-title{color:var(--accent-teal)}.pill-btn-label .badge{font-size:.7rem;padding:.2rem .5rem;flex-shrink:0;font-weight:650}.pill-btn-sub{font-size:.75rem;color:var(--text-muted);line-height:1.35}.modal-addons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem;width:100%}@media(max-width:640px){.modal-addons-grid{grid-template-columns:1fr}}.modal-addon-card{display:flex;align-items:flex-start;gap:.65rem;padding:.65rem .85rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .14s ease;user-select:none}.modal-addon-card:hover{background:var(--bg-card-hover);border-color:var(--border-highlight)}.modal-addon-card.active{background:#0284c714;border-color:var(--accent-teal);box-shadow:0 2px 10px #0284c72e}body.dark .modal-addon-card.active{background:#38bdf81f;border-color:var(--accent-teal)}.addon-checkbox-box{display:flex;align-items:center;margin-top:2px}.addon-checkbox-box input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent-teal);cursor:pointer;flex-shrink:0}.addon-info-wrap{flex:1;display:flex;flex-direction:column;gap:.2rem;min-width:0}.addon-name-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.6rem;width:100%}.addon-item-name{font-size:.79rem;font-weight:700;color:var(--text-primary);line-height:1.3;flex:1}.modal-addon-card.active .addon-item-name{color:var(--accent-teal)}.addon-item-price-pill{display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;flex-shrink:0;padding:.22rem .6rem;font-size:.72rem;font-weight:750;font-family:var(--font-mono, monospace);border-radius:var(--radius-full);background-color:var(--accent-teal-light, rgba(2, 132, 199, .12));color:var(--accent-teal, #0284c7);border:1px solid rgba(2,132,199,.25);line-height:1.2;letter-spacing:.01em}body.dark .addon-item-price-pill{background-color:#38bdf826;color:#38bdf8;border-color:#38bdf84d}.modal-addon-card.active .addon-item-price-pill{background-color:var(--accent-teal);color:#fff;border-color:var(--accent-teal)}.addon-item-desc{font-size:.7rem;color:var(--text-muted);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modal-price-breakdown-card{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.15rem 1.35rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:inset 0 1px 3px #0000000a;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.price-breakdown-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.6rem;border-bottom:1px solid var(--border-subtle)}.price-display-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.price-amount{font-size:1.25rem;letter-spacing:-.02em}.summary-dot{width:8px;height:8px;border-radius:50%;background-color:var(--accent-emerald);display:inline-block;animation:pulseGlow 1.5s infinite}.modal-actions-footer{display:flex;align-items:center;gap:.85rem;margin-top:.65rem}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.modal-actions-footer{flex-direction:column}.modal-actions-footer .btn{width:100%}}.floating-wa-btn{position:relative;display:inline-flex;align-items:center;gap:.5rem;background-color:#25d366;color:#fff;padding:.75rem 1.25rem;border-radius:var(--radius-full);box-shadow:0 6px 20px #25d36666;font-weight:750;font-size:.9rem;border:none;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);text-decoration:none}.floating-wa-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 28px #25d3668c}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.floating-wa-btn .wa-btn-label{display:none}.floating-wa-btn{padding:.75rem;border-radius:50%}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-layout{min-height:100vh;display:flex;flex-direction:column;position:relative;background-color:var(--bg-primary);background-image:radial-gradient(rgba(148,163,184,.09) 1px,transparent 1px);background-size:32px 32px}body.dark .app-layout{background-image:radial-gradient(rgba(255,255,255,.04) 1px,transparent 1px)}.text-teal{color:var(--accent-teal)}.text-emerald{color:var(--accent-emerald)}.text-amber{color:var(--accent-amber)}.text-rose{color:var(--accent-rose)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-gradient-teal{background:linear-gradient(135deg,var(--accent-teal),#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-emerald{background:linear-gradient(135deg,var(--accent-emerald),#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-indigo{background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-amber{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.icon-capsule{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);transition:all var(--transition-normal)}.icon-capsule-teal{background:linear-gradient(135deg,#06b6d42e,#06b6d40a);border:1px solid rgba(6,182,212,.25);color:var(--accent-teal);box-shadow:0 4px 14px #06b6d426}.icon-capsule-emerald{background:linear-gradient(135deg,#10b9812e,#10b9810a);border:1px solid rgba(16,185,129,.25);color:var(--accent-emerald);box-shadow:0 4px 14px #10b98126}.icon-capsule-indigo{background:linear-gradient(135deg,#6366f12e,#6366f10a);border:1px solid rgba(99,102,241,.25);color:var(--accent);box-shadow:0 4px 14px #6366f126}.icon-capsule-amber{background:linear-gradient(135deg,#f59e0b2e,#f59e0b0a);border:1px solid rgba(245,158,11,.25);color:var(--accent-amber);box-shadow:0 4px 14px #f59e0b26}.section-ambient-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0;opacity:.12}body.dark .section-ambient-glow{opacity:.2}.section-header{margin-bottom:3.5rem}.section-title{font-size:clamp(1.85rem,2.8vw,2.5rem);margin-top:.95rem;margin-bottom:.95rem;line-height:1.22;letter-spacing:-.03em}.section-desc{max-width:860px;margin:0 auto;font-size:1.05rem;line-height:1.7}.text-center{text-align:center}.w-full{width:100%}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-12{margin-top:3rem;margin-bottom:3rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.flex-shrink-0{flex-shrink:0}.subpage-container{min-height:70vh;flex:1;display:flex;flex-direction:column}.subpage-view{width:100%;animation:subpageFadeIn .32s cubic-bezier(.16,1,.3,1) forwards}@keyframes subpageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.subpage-hero-banner{background-color:var(--bg-secondary);background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;border-bottom:1px solid var(--border-color);padding:clamp(2.25rem,3.5vw,2.75rem) 1rem clamp(1.75rem,2.5vw,2.25rem);position:relative;overflow:hidden;margin-bottom:0}html[data-theme=light] .subpage-hero-banner,body.light .subpage-hero-banner{background-image:radial-gradient(rgba(15,23,42,.04) 1px,transparent 1px)}.subpage-content-flow{width:100%;padding-top:.5rem;padding-bottom:3rem}.subpage-view .section,.subpage-view .onboarding-section,.subpage-view .pricing-section,.subpage-view .roi-section,.subpage-view .spotlight-section,.subpage-view .faq-section,.subpage-view .comparison-section,.subpage-view .features-section{padding-top:1.5rem;padding-bottom:3.5rem}.subpage-view .section-header{margin-bottom:2rem}.subpage-hero-content{max-width:860px;margin:0 auto;text-align:center}.subpage-breadcrumb-strip{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-color);padding:.3rem .85rem;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:1.15rem;box-shadow:var(--shadow-sm)}.subpage-breadcrumb-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-family:inherit;font-size:inherit;font-weight:inherit;transition:color var(--transition-fast)}.subpage-breadcrumb-btn:hover{color:var(--accent-teal)}.subpage-hero-title{font-size:clamp(1.85rem,3.2vw,2.4rem);font-weight:800;color:var(--text-primary);letter-spacing:-.025em;line-height:1.2;margin-bottom:.75rem}.subpage-hero-desc{font-size:1.02rem;color:var(--text-secondary);line-height:1.65;margin:0 auto 1.35rem;max-width:680px}.subpage-quick-jump-pills{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.quick-jump-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.82rem;font-weight:600;padding:.38rem .9rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.quick-jump-pill:hover{border-color:var(--accent-teal);color:var(--accent-teal);background:var(--accent-teal-light);transform:translateY(-1px)}.subpage-jumper-section{padding:2.5rem 0 3.5rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.subpage-jumper-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem 2rem;box-shadow:var(--shadow-sm)}.jumper-info-left{display:flex;flex-direction:column}.jumper-tag{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-teal)}.jumper-title{font-size:1.15rem;font-weight:800;color:var(--text-primary);margin-top:.2rem}.jumper-actions-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.showcase-reel-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding:.75rem 1.15rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.15rem}.reel-nav-buttons{display:flex;align-items:center;gap:.5rem}.reel-arrow-btn,.addons-nav-btn{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:var(--radius-full);background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #0000000a;transition:all .22s cubic-bezier(.16,1,.3,1);flex-shrink:0}.reel-arrow-btn:hover,.addons-nav-btn:hover{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);transform:translateY(-2px) scale(1.06);box-shadow:0 6px 16px #06b6d459}.reel-arrow-btn:active,.addons-nav-btn:active{transform:scale(.92);box-shadow:0 1px 3px #0000001a}.features-carousel-reel,.testimonials-scroll-reel,.knowledge-cards-grid,.addons-scroll-track,.desktop-showcase-cards-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent-teal) transparent}.features-carousel-reel::-webkit-scrollbar,.testimonials-scroll-reel::-webkit-scrollbar,.knowledge-cards-grid::-webkit-scrollbar,.addons-scroll-track::-webkit-scrollbar,.desktop-showcase-cards-grid::-webkit-scrollbar{height:5px}.features-carousel-reel::-webkit-scrollbar-track,.testimonials-scroll-reel::-webkit-scrollbar-track,.knowledge-cards-grid::-webkit-scrollbar-track,.addons-scroll-track::-webkit-scrollbar-track,.desktop-showcase-cards-grid::-webkit-scrollbar-track{background:var(--bg-input);border-radius:var(--radius-full)}.features-carousel-reel::-webkit-scrollbar-thumb,.testimonials-scroll-reel::-webkit-scrollbar-thumb,.knowledge-cards-grid::-webkit-scrollbar-thumb,.addons-scroll-track::-webkit-scrollbar-thumb,.desktop-showcase-cards-grid::-webkit-scrollbar-thumb{background:var(--accent-teal);border-radius:var(--radius-full)}body.dark .reel-arrow-btn,body.dark .addons-nav-btn{background:var(--bg-secondary);border-color:var(--border-color);box-shadow:0 2px 6px #00000059}body.dark .reel-arrow-btn:hover,body.dark .addons-nav-btn:hover{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);box-shadow:0 6px 18px #38bdf866}.unified-floating-hub{position:fixed;bottom:22px;right:22px;z-index:1500;display:flex;align-items:center;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}.unified-contact-pill{display:inline-flex;align-items:center;gap:.65rem;background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:var(--text-primary);border:1px solid var(--border-color);padding:.7rem 1.15rem;border-radius:var(--radius-full);box-shadow:0 10px 28px -4px #0f172a26,0 0 12px #06b6d426;font-weight:750;font-size:.86rem;font-family:inherit;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);text-decoration:none}body.dark .unified-contact-pill{background:#1e293beb;border-color:var(--border-color);box-shadow:0 12px 32px -4px #0009,0 0 16px #38bdf833}.unified-contact-pill:hover{transform:translateY(-3px);border-color:var(--accent-teal);box-shadow:0 14px 34px -4px #0f172a38,0 0 20px #06b6d44d}body.dark .unified-contact-pill:hover{border-color:var(--accent-teal);box-shadow:0 14px 38px -4px #000000bf,0 0 24px #38bdf859}.unified-contact-pill:active{transform:scale(.96)}.live-status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;display:inline-block;box-shadow:0 0 8px #10b981;animation:pulseGlow 1.8s infinite;flex-shrink:0}.contact-pill-text{font-size:.86rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap}.contact-pill-badge{background:#10b9811f;color:var(--accent-emerald);font-size:.72rem;font-weight:750;padding:.12rem .5rem;border-radius:var(--radius-full);border:1px solid rgba(16,185,129,.25);white-space:nowrap}@media(max-width:768px){.unified-floating-hub{bottom:16px;right:16px}.unified-contact-pill{padding:.65rem .95rem;gap:.5rem;box-shadow:0 8px 24px -4px #00000059}.contact-pill-text{font-size:.8rem}.contact-pill-badge{display:none}}@media(max-width:480px){.unified-floating-hub{bottom:14px;right:14px}.unified-contact-pill{padding:.6rem .85rem}.contact-pill-text{font-size:.78rem}}@page{size:A4 portrait;margin:8mm 10mm!important}@media print{@page{size:A4 portrait;margin:8mm 10mm!important}html,body,.app-layout{margin:0!important;padding:0!important;background:#fff!important;background-image:none!important;color:#0f172a!important;font-size:9.5pt!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;width:100%!important;height:auto!important;min-height:auto!important;overflow:visible!important}.no-print,.kerjoo-navbar-wrapper,.navbar,.nav-scroll-progress,.unified-floating-hub,.footer-wrapper,footer,.subpage-container,.subpage-hero-banner,.subpage-jumper-section,.doc-modal-topbar,.doc-modal-footer,.doc-segment-tabs,.doc-edit-workspace,.admin-pin-card,.pwa-update-banner{display:none!important}.doc-modal-overlay,.official-proposal-overlay,.admin-invoice-overlay,.modal-overlay{position:static!important;inset:auto!important;background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;margin:0!important;display:block!important;overflow:visible!important;width:100%!important;height:auto!important;min-height:auto!important;max-height:none!important;box-shadow:none!important;animation:none!important}.doc-modal-card,.official-proposal-card,.admin-invoice-card{max-width:100%!important;width:100%!important;border:none!important;box-shadow:none!important;background:#fff!important;padding:0!important;margin:0!important;height:auto!important;max-height:none!important;overflow:visible!important;animation:none!important}.doc-modal-body,.proposal-scroll-body,.invoice-scroll-body{overflow:visible!important;padding:0!important;margin:0!important;max-height:none!important;height:auto!important;background:#fff!important;display:block!important}.doc-a4-sheet,.proposal-sheet,.invoice-sheet{border:none!important;box-shadow:none!important;padding:0!important;margin:0 auto!important;width:100%!important;max-width:100%!important;min-height:auto!important;background:#fff!important;color:#0f172a!important;page-break-after:avoid!important;page-break-inside:avoid!important}}.kerjoo-navbar-wrapper{position:sticky;top:0;z-index:1200;background:#fffffff0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-normal),border-color var(--transition-normal);height:68px;width:100%}body.dark .kerjoo-navbar-wrapper{background:#0f172af0;border-bottom:1px solid var(--border-color);box-shadow:0 4px 20px -2px #00000080}.kerjoo-navbar-container{max-width:1280px;width:100%;height:100%;margin:0 auto;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-sizing:border-box;position:relative}@media(max-width:640px){.kerjoo-navbar-container{padding:0 1rem}}.kerjoo-logo-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit;flex:0 0 auto;cursor:pointer;user-select:none}.kerjoo-logo-icon{width:38px;height:38px;border-radius:9px;background:var(--surface, #ffffff);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0f172a0f;flex-shrink:0;padding:2px;overflow:hidden;transition:transform var(--transition-fast)}.kerjoo-logo-brand:hover .kerjoo-logo-icon{transform:scale(1.04)}body.dark .kerjoo-logo-icon{background:var(--surface, #1e293b);border-color:var(--border-color);box-shadow:0 2px 6px #00000059}.logo-m-img{width:100%;height:100%;object-fit:contain;display:block}.kerjoo-logo-text{display:flex;flex-direction:column;justify-content:center;line-height:1;gap:1px}.logo-main-title{font-size:1.15rem;font-weight:800;letter-spacing:-.025em;display:flex;align-items:center;line-height:1.1}.brand-medik{color:var(--text-primary)}.brand-hadir{color:var(--accent-teal)}.logo-sub-kiosk{font-size:.58rem;font-weight:800;letter-spacing:.08em;color:var(--accent-teal);text-transform:uppercase;line-height:1;margin-top:1px}.kerjoo-nav-links{display:flex;align-items:center;justify-content:center;gap:clamp(.1rem,.2vw,.35rem);flex:1 1 auto;margin:0 .35rem}.kerjoo-nav-link-btn{position:relative;display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:none;padding:.36rem .52rem;border-radius:var(--radius-full);font-family:inherit;font-size:.81rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.kerjoo-nav-link-btn:hover{color:var(--accent-teal);background:var(--bg-card-hover)}.kerjoo-nav-link-btn.active{color:var(--accent-teal);background:var(--accent-teal-light);font-weight:700}.nav-item-text{line-height:1}.nav-item-badge{font-size:.6rem;font-weight:750;padding:.08rem .35rem;border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color);line-height:1}.nav-item-badge.badge-live{background:var(--accent-emerald);color:#fff;border-color:var(--accent-emerald);box-shadow:0 0 6px #10b98159}.nav-active-pill-bar{position:absolute;bottom:-2px;left:15%;right:15%;height:2.5px;background:var(--accent-teal);border-radius:2px}.kerjoo-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:.45rem;flex:0 0 auto}.kerjoo-theme-btn{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.kerjoo-theme-btn:hover{border-color:var(--accent-teal);color:var(--accent-teal);transform:translateY(-1px)}.btn-nav-trial-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.38rem .75rem;border-radius:var(--radius-full);background:#06b6d41f;color:var(--accent-teal);border:1px solid rgba(6,182,212,.32);font-family:inherit;font-size:.78rem;font-weight:750;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}body.dark .btn-nav-trial-badge{background:#06b6d429;color:#38bdf8;border-color:#06b6d466}.btn-nav-trial-badge:hover{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);transform:translateY(-1px);box-shadow:0 2px 8px #06b6d459}.btn-nav-pill-primary{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .85rem;border-radius:var(--radius-full);background:var(--accent-teal);color:#fff;border:1px solid var(--accent-teal);font-size:.8rem;font-weight:750;cursor:pointer;box-shadow:0 4px 12px #06b6d44d;transition:all var(--transition-fast);white-space:nowrap}.btn-nav-pill-primary:hover{background:var(--accent-teal-hover);transform:translateY(-1px);box-shadow:0 6px 16px #06b6d466}.btn-mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border-radius:var(--radius-md, 10px);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;flex-shrink:0;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.btn-mobile-menu-toggle:hover{border-color:var(--accent-teal);color:var(--accent-teal);background:var(--bg-card-hover);transform:translateY(-1px)}.btn-mobile-menu-toggle:active{transform:scale(.95)}@media(max-width:1200px){.kerjoo-nav-link-btn{padding:.38rem .5rem;font-size:.8rem;gap:.25rem}}@media(max-width:1060px){.hide-tablet,.btn-nav-trial-badge{display:none}.kerjoo-nav-link-btn{padding:.35rem .45rem;font-size:.78rem}}@media(max-width:960px){.kerjoo-nav-links{display:none!important}.btn-mobile-menu-toggle{display:inline-flex!important}}@media(max-width:480px){.btn-nav-pill-primary span{display:none}.btn-nav-pill-primary{padding:.45rem .65rem;border-radius:var(--radius-full)}}.mobile-nav-drawer{position:absolute;top:68px;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:0 20px 30px #00000026;padding:1.25rem 1.5rem 1.75rem;z-index:1201;max-height:calc(100vh - 75px);overflow-y:auto}.mobile-drawer-header{margin-bottom:.85rem;padding-bottom:.65rem;border-bottom:1px solid var(--border-color)}.drawer-title{display:block;font-size:.75rem;font-weight:800;letter-spacing:.06em;color:var(--accent-teal);text-transform:uppercase}.drawer-subtitle{font-size:.78rem;color:var(--text-muted)}.mobile-drawer-links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.mobile-drawer-link-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;font-family:inherit;font-size:.88rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.mobile-drawer-link-btn:hover{border-color:var(--accent-teal);background:var(--bg-card-hover)}.mobile-drawer-link-btn.active{background:var(--accent-teal-light);border-color:var(--accent-teal);color:var(--accent-teal);font-weight:700}.drawer-link-left{display:flex;align-items:center;gap:.65rem}.drawer-icon{display:flex;align-items:center;color:var(--accent-teal)}.mobile-drawer-actions{padding-top:.75rem;border-top:1px dashed var(--border-color);display:flex;flex-direction:column;gap:.5rem}.btn-block{width:100%;justify-content:center}.nav-scroll-progress{position:absolute;bottom:0;left:0;height:2.5px;background:linear-gradient(90deg,var(--accent-teal),var(--accent-emerald));transition:width .1s ease-out;z-index:1201}.product-switcher-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem}.product-switcher-label{font-size:.8rem;font-weight:600}.product-switcher-pills{display:inline-flex;padding:.35rem;border-radius:var(--radius-full);background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);gap:.25rem}.switcher-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1.15rem;border-radius:var(--radius-full);border:none;background:transparent;color:var(--text-secondary);font-size:.88rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:all var(--transition-fast)}.switcher-pill:hover{color:var(--text-primary)}.switcher-pill.active{background-color:#0369a1;color:#fff;box-shadow:0 2px 8px #0369a159}body.dark .switcher-pill.active{background-color:#0284c7;color:#fff;box-shadow:0 2px 8px #0284c773}@media(max-width:640px){.product-switcher-pills{flex-direction:column;border-radius:var(--radius-lg);width:100%}.switcher-pill{width:100%;justify-content:center}}.hero-section{position:relative;padding:5.5rem 0 5rem;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px}html[data-theme=light] .hero-section,body.light .hero-section{background-image:radial-gradient(rgba(15,23,42,.04) 1px,transparent 1px)}.hero-bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0;opacity:.15}body.dark .hero-bg-glow{opacity:.25}.glow-teal{top:-100px;left:20%;background:radial-gradient(circle,var(--accent-teal),transparent 70%)}.glow-emerald{top:50px;right:15%;background:radial-gradient(circle,var(--accent-emerald),transparent 70%)}.hero-container{position:relative;z-index:1;max-width:1280px}.hero-split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;text-align:left;margin-bottom:3.5rem}.hero-content-left{display:flex;flex-direction:column;align-items:flex-start}.hero-content-left .hero-top-badge{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.hero-content-left .hero-title{font-size:clamp(2rem,3.2vw,3.1rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;margin-bottom:1.25rem;text-align:left}.hero-content-left .hero-description{font-size:clamp(.95rem,1.2vw,1.08rem);line-height:1.68;margin:0 0 2rem;color:var(--text-secondary);text-align:left}.hero-content-left .hero-cta-group{display:flex;align-items:center;justify-content:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:0}.hero-visual-right{position:relative;width:100%}.hero-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;text-align:left}.metric-card{background-color:var(--bg-card);border:1px solid var(--border-color);padding:1.45rem 1.65rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:1.15rem;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.metric-card:hover{transform:translateY(-3px);border-color:var(--border-highlight);box-shadow:0 12px 28px -4px #0006,0 0 18px -2px #06b6d41f}.metric-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.metric-icon-wrap.text-emerald{background:linear-gradient(135deg,#10b98129,#10b9810a);border:1px solid rgba(16,185,129,.25);box-shadow:0 4px 12px #10b98126}.metric-icon-wrap.text-teal{background:linear-gradient(135deg,#06b6d429,#06b6d40a);border:1px solid rgba(6,182,212,.25);box-shadow:0 4px 12px #06b6d426}.metric-icon-wrap.text-amber{background:linear-gradient(135deg,#f59e0b29,#f59e0b0a);border:1px solid rgba(245,158,11,.25);box-shadow:0 4px 12px #f59e0b26}.metric-info{display:flex;flex-direction:column}.metric-number{font-size:1.25rem;font-weight:850;font-family:var(--font-mono);color:var(--text-primary);letter-spacing:-.02em}.metric-label{font-size:.75rem;color:var(--text-muted)}@media(max-width:1024px){.hero-split-grid{grid-template-columns:1fr;text-align:center;gap:2.5rem;margin-bottom:2.5rem}.hero-content-left{align-items:center}.hero-content-left .hero-top-badge{justify-content:center}.hero-content-left .hero-title{text-align:center;font-size:2.3rem}.hero-content-left .hero-description{text-align:center;margin:0 auto 1.75rem}.hero-content-left .hero-cta-group{justify-content:center}}@media(max-width:860px){.hero-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-metrics-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.metric-card{padding:1.1rem 1.25rem;gap:.85rem}}.trusted-by-strip{margin-top:3.5rem;width:100%;display:flex;flex-direction:column;align-items:center;gap:.95rem}.trusted-by-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:650;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.trusted-marquee-container{position:relative;width:100%;max-width:1200px;margin:0 auto;overflow:hidden;padding:.75rem 0;mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}.trusted-marquee-track{display:flex;align-items:center;gap:1.25rem;width:max-content;will-change:transform;animation:trustedMarqueeScroll 28s linear infinite}.trusted-marquee-track:hover{animation-play-state:paused}@keyframes trustedMarqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.trusted-partner-item{display:inline-flex;align-items:center;gap:.65rem;padding:.55rem 1.15rem;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);white-space:nowrap;flex-shrink:0;transition:transform var(--transition-fast),border-color var(--transition-fast);cursor:default}.trusted-partner-item:hover{transform:translateY(-2px);border-color:var(--accent-teal);box-shadow:var(--shadow-md)}.partner-more-item{background:var(--accent-teal-light);border-color:#06b6d459}.partner-item-text{display:flex;align-items:center;gap:.45rem;font-size:.82rem;line-height:1}.partner-item-text strong{color:var(--text-primary);font-weight:700}.partner-sub{color:var(--text-muted);font-size:.75rem;font-weight:500}@media(max-width:640px){.hero-section{padding:3.5rem 0 3rem}.hero-bg-glow{width:240px;height:240px;filter:blur(60px);opacity:.12}.glow-teal{left:-20px;top:-20px}.glow-emerald{right:-20px;top:20px}.hero-top-badge{gap:.45rem;margin-bottom:1.25rem}.hero-top-badge .badge{white-space:normal;text-align:center;line-height:1.35;font-size:.72rem;max-width:100%}.hero-cta-group{flex-direction:column;gap:.75rem;width:100%;margin-bottom:2.5rem}.hero-cta-group .btn{width:100%;justify-content:center}.real-screenshots-cta .btn{width:100%;white-space:normal;text-align:center;line-height:1.35}}@media(max-width:520px){.hero-title{font-size:1.75rem}.hero-metrics-grid{grid-template-columns:1fr}}.hero-showcase-container{position:relative;width:100%;max-width:620px;margin:0 auto;z-index:2}.showcase-glow-backdrop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:radial-gradient(circle,rgba(14,165,233,.12) 0%,rgba(16,185,129,.08) 50%,transparent 75%);filter:blur(50px);pointer-events:none;z-index:-1;border-radius:var(--radius-2xl, 24px)}body.dark .showcase-glow-backdrop{background:radial-gradient(circle,rgba(14,165,233,.22) 0%,rgba(16,185,129,.15) 50%,transparent 75%)}.showcase-view-tabs{display:flex;align-items:center;justify-content:center;gap:.45rem;background:var(--bg-card);border:1px solid var(--border-color);padding:.35rem;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);margin-bottom:1rem;width:fit-content;margin-left:auto;margin-right:auto}.showcase-tab-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.8rem;font-weight:650;border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.showcase-tab-btn:hover{color:var(--text-primary);background:var(--bg-input)}.showcase-tab-btn.active{background:var(--surface2, #f8fafc);border:1px solid var(--border-color);color:var(--accent-teal, #0284c7);box-shadow:var(--shadow-sm)}body.dark .showcase-tab-btn.active{background:var(--surface2, #334155);color:#38bdf8}.showcase-display-frame{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl, 20px);box-shadow:0 20px 40px -15px #0000001f,0 0 0 1px var(--border-color);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}body.dark .showcase-display-frame{box-shadow:0 24px 50px -15px #0009,0 0 0 1px var(--border-color)}.showcase-window-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-input);border-bottom:1px solid var(--border-color);font-size:.75rem}.window-dots{display:flex;align-items:center;gap:6px}.dot{width:10px;height:10px;border-radius:50%}.dot-red{background:#ef4444}.dot-amber{background:#f59e0b}.dot-green{background:#10b981}.secure-badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted)}.live-pulse-badge{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:750;color:#10b981;background:#10b9811a;padding:2px 8px;border-radius:var(--radius-full);border:1px solid rgba(16,185,129,.25);letter-spacing:.04em}.pulse-circle{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseDot 1.6s infinite}@keyframes pulseDot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.25);opacity:1}to{transform:scale(.9);opacity:.7}}.showcase-screen-body{padding:1.25rem;min-height:320px}.kiosk-grid-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:1rem}.kiosk-camera-viewport{position:relative;background:#090d16;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;height:290px;display:flex;flex-direction:column;justify-content:space-between;padding:.85rem;box-shadow:inset 0 0 20px #0009}.viewport-overlay-header{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:#cbd5e1;font-family:var(--font-mono);z-index:2}.cam-status{display:flex;align-items:center;gap:5px;font-weight:700;color:#ef4444}.rec-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:pulseDot 1s infinite}.fps-counter{color:#64748b}.facial-bounding-box{position:relative;width:140px;height:150px;margin:auto;border:1px dashed rgba(14,165,233,.4);border-radius:8px;display:flex;align-items:flex-end;padding:6px;overflow:hidden}.hud-corner{position:absolute;width:12px;height:12px;border-color:#06b6d4;border-style:solid}.hud-corner.top-left{top:0;left:0;border-width:2px 0 0 2px}.hud-corner.top-right{top:0;right:0;border-width:2px 2px 0 0}.hud-corner.bottom-left{bottom:0;left:0;border-width:0 0 2px 2px}.hud-corner.bottom-right{bottom:0;right:0;border-width:0 2px 2px 0}.hud-scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#06b6d4,#10b981,transparent);box-shadow:0 0 8px #06b6d4;animation:scanlineLoop 2.4s ease-in-out infinite;will-change:top}@keyframes scanlineLoop{0%{top:0%;opacity:.3}50%{opacity:1}to{top:100%;opacity:.3}}.hud-identity-tag{background:#0f172ae0;backdrop-filter:blur(6px);border:1px solid rgba(6,182,212,.4);border-radius:6px;padding:4px 6px;width:100%;display:flex;flex-direction:column;gap:1px;z-index:2}.hud-match-score{font-size:.58rem;font-weight:750;color:#10b981;font-family:var(--font-mono)}.hud-name{font-size:.68rem;font-weight:750;color:#f8fafc;line-height:1.1}.hud-role{font-size:.55rem;color:#94a3b8}.viewport-footer-pill{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.68rem;color:#f8fafc;background:#0f172abf;border:1px solid rgba(255,255,255,.1);padding:4px 8px;border-radius:var(--radius-full);z-index:2}.kiosk-activity-feed{display:flex;flex-direction:column;gap:.65rem}.feed-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:.4rem;border-bottom:1px solid var(--border-color)}.feed-title{font-size:.78rem;font-weight:700;color:var(--text-primary)}.feed-badge{font-size:.65rem;font-weight:650;color:var(--accent-teal, #0284c7);background:var(--accent-teal-light);padding:2px 6px;border-radius:4px}.feed-items-list{display:flex;flex-direction:column;gap:.5rem}.feed-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .65rem;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-color);transition:border-color .2s ease}.feed-item.active-item{border-color:#10b98166;background:#10b9810a}.item-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:750;flex-shrink:0}.avatar-emerald{background:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.3)}.avatar-teal{background:#06b6d426;color:#06b6d4;border:1px solid rgba(6,182,212,.3)}.avatar-amber{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.item-details{flex:1;min-width:0}.item-name-row{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:.72rem;color:var(--text-primary)}.item-name-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-time{font-size:.65rem;font-family:var(--font-mono);color:var(--text-muted)}.item-meta-row{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:2px}.badge-tag-emerald{font-size:.6rem;font-weight:650;color:#10b981}.badge-tag-teal{font-size:.6rem;font-weight:650;color:var(--accent-teal, #0284c7)}.item-gps{font-size:.6rem;color:var(--text-muted);font-family:var(--font-mono)}.pwa-grid-layout{display:grid;grid-template-columns:minmax(170px,210px) 1fr;gap:1.25rem;align-items:center}.pwa-phone-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:24px;padding:8px;box-shadow:var(--shadow-md)}.phone-screen{background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;padding:.75rem;display:flex;flex-direction:column;gap:.65rem}.phone-notch{width:40px;height:4px;border-radius:4px;background:var(--border-color);margin:0 auto}.phone-header{display:flex;align-items:center;justify-content:space-between;font-size:.62rem;color:var(--text-muted)}.phone-brand{font-weight:750;color:var(--text-primary)}.phone-user-card{display:flex;align-items:center;gap:6px;padding:.45rem;border-radius:8px;background:var(--bg-input);border:1px solid var(--border-color)}.user-avatar-sm{width:22px;height:22px;border-radius:50%;background:#10b98126;color:#10b981;display:flex;align-items:center;justify-content:center;font-size:.58rem;font-weight:750}.user-name{font-size:.68rem;font-weight:750;color:var(--text-primary);line-height:1.1}.user-dept{font-size:.55rem;color:var(--text-muted)}.phone-qr-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.65rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0}.qr-box{color:#0f172a}.qr-timer-pill{display:flex;align-items:center;gap:4px;font-size:.58rem;color:#0369a1;font-weight:650;font-family:var(--font-mono)}.phone-gps-status{display:flex;align-items:center;gap:6px;padding:.4rem;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:8px}.gps-indicator-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;flex-shrink:0}.gps-title{font-size:.62rem;font-weight:750;color:#10b981}.gps-coords{font-size:.52rem;color:var(--text-muted);font-family:var(--font-mono)}.pwa-radar-info{display:flex;flex-direction:column;gap:1rem}.radar-visual-box{position:relative;width:100%;height:180px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center}.radar-circle{position:absolute;border-radius:50%;border:1px dashed rgba(6,182,212,.3)}.circle-1{width:60px;height:60px}.circle-2{width:120px;height:120px}.circle-3{width:170px;height:170px}.radar-sweep{position:absolute;width:170px;height:170px;border-radius:50%;background:conic-gradient(from 0deg,rgba(6,182,212,.35) 0deg,transparent 60deg,transparent 360deg);animation:radarSweepLoop 4s linear infinite;will-change:transform}@keyframes radarSweepLoop{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.clinic-center-pin{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;color:#10b981}.pin-label{font-size:.6rem;font-weight:750;background:var(--bg-card);padding:1px 5px;border-radius:4px;border:1px solid var(--border-color);color:var(--text-primary);margin-top:2px}.user-location-dot{position:absolute;top:35%;right:28%;z-index:3;display:flex;flex-direction:column;align-items:center}.user-pulse{width:10px;height:10px;border-radius:50%;background:#06b6d4;box-shadow:0 0 10px #06b6d4;animation:pulseDot 1.2s infinite}.dot-label{font-size:.55rem;font-weight:700;background:#0f172ad9;color:#38bdf8;padding:1px 4px;border-radius:3px;margin-top:2px;white-space:nowrap}.radar-stats-list{display:flex;flex-direction:column;gap:.45rem;font-size:.72rem;color:var(--text-secondary)}.radar-stat-item{display:flex;align-items:center;gap:6px;background:var(--bg-input);padding:.45rem .65rem;border-radius:var(--radius-md);border:1px solid var(--border-color)}.ekinerja-grid-layout{display:flex;flex-direction:column;gap:.85rem}.ekinerja-summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}.ek-stat-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.65rem;display:flex;flex-direction:column;gap:2px}.ek-label{font-size:.62rem;color:var(--text-muted)}.ek-val{font-size:.85rem;font-weight:800;font-family:var(--font-mono)}.ek-sub{font-size:.55rem;color:var(--text-muted)}.ekinerja-table-preview{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;font-size:.68rem}.table-header-row{display:grid;grid-template-columns:45px 1fr 75px 120px;gap:8px;padding:.5rem .75rem;background:var(--surface2, #f8fafc);font-weight:750;color:var(--text-muted);border-bottom:1px solid var(--border-color)}body.dark .table-header-row{background:var(--surface2, #1e293b)}.table-data-row{display:grid;grid-template-columns:45px 1fr 75px 120px;gap:8px;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.table-data-row:last-child{border-bottom:none}.row-time{font-family:var(--font-mono);color:var(--text-muted)}.row-task{font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-vol{font-family:var(--font-mono);color:var(--accent-teal, #0284c7);font-weight:700}.row-badge.valid{color:#10b981;font-weight:650;font-size:.62rem}.floating-badge{position:absolute;display:flex;align-items:center;gap:.65rem;background:var(--bg-card);border:1px solid var(--border-color);padding:.55rem .95rem;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:10;cursor:default;transition:transform .2s ease,border-color .2s ease;will-change:transform}.floating-badge:hover{border-color:var(--accent-teal);transform:scale(1.03)!important}.badge-top-right{top:-16px;right:-24px;animation:floatGentle1 6s ease-in-out infinite}.badge-bottom-left{bottom:24px;left:-32px;animation:floatGentle2 7s ease-in-out infinite}.badge-bottom-right{bottom:-18px;right:-16px;animation:floatGentle3 6.5s ease-in-out infinite}@keyframes floatGentle1{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatGentle2{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes floatGentle3{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.badge-glow-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.badge-glow-dot.emerald{background:#10b981;box-shadow:0 0 8px #10b981}.badge-glow-dot.teal{background:#06b6d4;box-shadow:0 0 8px #06b6d4}.badge-glow-dot.amber{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.badge-text-wrap{display:flex;flex-direction:column;line-height:1.15}.badge-text-wrap strong{font-size:.75rem;color:var(--text-primary)}.badge-text-wrap span{font-size:.65rem;color:var(--text-muted)}@media(max-width:1024px){.hero-showcase-container{max-width:540px;margin-top:2rem}.badge-top-right{top:-10px;right:0}.badge-bottom-left{bottom:10px;left:-10px}.badge-bottom-right{bottom:-12px;right:0}}@media(max-width:768px){.ekinerja-summary-cards{grid-template-columns:repeat(2,1fr)}.pwa-grid-layout{grid-template-columns:1fr}}@media(max-width:640px){.hero-showcase-container{max-width:100%}.showcase-view-tabs{width:100%;overflow-x:auto;justify-content:flex-start}.showcase-tab-btn{font-size:.72rem;padding:.35rem .65rem}.kiosk-grid-layout,.pwa-grid-layout{grid-template-columns:1fr}.kiosk-camera-viewport{height:220px}.facial-bounding-box{width:110px;height:120px}.floating-badge{position:static;margin-top:.65rem;width:100%;animation:none!important}.badge-top-right,.badge-bottom-left,.badge-bottom-right{inset:auto}.ekinerja-summary-cards{grid-template-columns:repeat(2,1fr)}.table-header-row,.table-data-row{grid-template-columns:40px 1fr 60px;gap:6px}}@media(max-width:480px){.ekinerja-summary-cards{grid-template-columns:1fr}.table-header-row,.table-data-row{grid-template-columns:36px 1fr;gap:4px}}@media(prefers-reduced-motion:reduce){.floating-badge,.hud-scanline,.radar-sweep,.pulse-circle,.user-pulse,.rec-dot{animation:none!important}}.desktop-experience-banner{display:block;margin:.85rem auto 0;max-width:1200px;padding:0 1rem;animation:fadeInUp .24s cubic-bezier(.16,1,.3,1)}@media(min-width:992px){.desktop-experience-banner{display:none!important}}.desktop-banner-inner{background:var(--bg-card);border:1px solid rgba(2,132,199,.28);border-radius:var(--radius-lg, 16px);padding:.75rem 1rem;display:flex;align-items:flex-start;gap:.75rem;box-shadow:0 4px 16px #0f172a0d;position:relative}body.dark .desktop-banner-inner{background:var(--bg-card);border-color:#38bdf847;box-shadow:0 4px 20px #00000059}.desktop-banner-badge{width:34px;height:34px;border-radius:10px;background:#0284c71a;color:var(--accent-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}body.dark .desktop-banner-badge{background:#38bdf81f;color:#38bdf8}.desktop-banner-content{flex:1;min-width:0}.desktop-banner-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:2px}.desktop-banner-title{font-size:.82rem;font-weight:750;color:var(--text-primary)}.desktop-banner-subtag{font-size:.68rem;font-weight:700;background:#0284c714;color:#0369a1;padding:1px 6px;border-radius:999px;border:1px solid rgba(2,132,199,.25)}body.dark .desktop-banner-subtag{background:#38bdf81a;color:#38bdf8;border-color:#38bdf840}.desktop-banner-text{font-size:.76rem;color:var(--text-secondary);line-height:1.42;margin:0}.desktop-banner-close-btn{background:transparent;border:1px solid transparent;color:var(--text-muted);border-radius:8px;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.desktop-banner-close-btn:hover{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-subtle)}/**
 * ============================================================================
 * @file        MedikHadir System Core — Enterprise Edition
 * @module      Biometric Attendance & Healthcare Performance Management (E-Kinerja)
 * @author      Tim Pengembang MedikHadir
 * @copyright   (c) 2026 Tim Pengembang MedikHadir. All rights reserved.
 * @license     Proprietary & Confidential — UU Hak Cipta No. 28 Tahun 2014 RI.
 *              Unauthorized copying, decompiling, redistribution, or commercial
 *              reselling is strictly prohibited under legal penalty.
 * ============================================================================
 */:root{--bg: #0f172a;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-card-hover: #253349;--surface: #1e293b;--surface2: #334155;--surface3: #475569;--bg-input: #0f172a;--border: #334155;--border2: #475569;--border-color: #334155;--border-subtle: #1e293b;--border-highlight: #475569;--text: #f8fafc;--text-primary: #f8fafc;--text2: #cbd5e1;--text-secondary: #cbd5e1;--text3: #94a3b8;--text-muted: #94a3b8;--mono: "JetBrains Mono", "Fira Code", monospace;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Roboto Mono", "Consolas", monospace;--font-main: "Instrument Sans", "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--accent: #6366f1;--accent2: #818cf8;--accent-teal: #06b6d4;--accent-teal-hover: #0891b2;--accent-teal-light: rgba(6, 182, 212, .15);--accent-emerald: #10b981;--accent-emerald-hover: #059669;--accent-emerald-light: rgba(16, 185, 129, .15);--red: #f43f5e;--accent-rose: #f43f5e;--accent-rose-light: rgba(244, 63, 94, .15);--amber: #f59e0b;--accent-amber: #f59e0b;--accent-amber-light: rgba(245, 158, 11, .15);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .5), 0 2px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .65), 0 4px 10px -2px rgba(0, 0, 0, .4);--shadow-ambient: 0 20px 40px -15px rgba(0, 0, 0, .8);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-normal: .24s cubic-bezier(.16, 1, .3, 1);--transition-slow: .35s cubic-bezier(.16, 1, .3, 1)}html[data-theme=light],body.light{--bg: #edf2f7;--bg-primary: #edf2f7;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--surface: #ffffff;--surface2: #f8fafc;--surface3: #e2e8f0;--bg-input: #f8fafc;--border: #e2e8f0;--border2: #cbd5e1;--border-color: #e2e8f0;--border-subtle: #edf2f7;--border-highlight: #cbd5e1;--text: #0f172a;--text-primary: #0f172a;--text2: #334155;--text-secondary: #334155;--text3: #64748b;--text-muted: #64748b;--accent: #3b82f6;--accent2: #60a5fa;--accent-teal: #0891b2;--accent-teal-hover: #0e7490;--accent-teal-light: #ecfeff;--accent-emerald: #16a34a;--accent-emerald-hover: #15803d;--accent-emerald-light: #f0fdf4;--red: #dc2626;--accent-rose: #dc2626;--accent-rose-light: #fef2f2;--amber: #d97706;--accent-amber: #d97706;--accent-amber-light: #fffbeb;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .06), 0 2px 6px -1px rgba(15, 23, 42, .02);--shadow-lg: 0 12px 28px -4px rgba(15, 23, 42, .08), 0 4px 10px -2px rgba(15, 23, 42, .03);--shadow-ambient: 0 20px 40px -15px rgba(15, 23, 42, .07)}html[data-theme=dark],body.dark{--bg: #0f172a;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-card-hover: #253349;--surface: #1e293b;--surface2: #334155;--surface3: #475569;--bg-input: #0f172a;--border: #334155;--border2: #475569;--border-color: #334155;--border-subtle: #1e293b;--border-highlight: #475569;--text: #f8fafc;--text-primary: #f8fafc;--text2: #cbd5e1;--text-secondary: #cbd5e1;--text3: #94a3b8;--text-muted: #94a3b8;--accent: #6366f1;--accent2: #818cf8;--accent-teal: #06b6d4;--accent-teal-hover: #0891b2;--accent-teal-light: rgba(6, 182, 212, .15);--accent-emerald: #10b981;--accent-emerald-hover: #059669;--accent-emerald-light: rgba(16, 185, 129, .15);--red: #f43f5e;--accent-rose: #f43f5e;--accent-rose-light: rgba(244, 63, 94, .15);--amber: #f59e0b;--accent-amber: #f59e0b;--accent-amber-light: rgba(245, 158, 11, .15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .5), 0 2px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 28px -4px rgba(0, 0, 0, .65), 0 4px 10px -2px rgba(0, 0, 0, .4);--shadow-ambient: 0 20px 40px -15px rgba(0, 0, 0, .8)}*{margin:0;padding:0;box-sizing:border-box}.skip-to-main-content-link{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.75rem 1.5rem;background:var(--accent-teal);color:#fff;font-family:var(--font-main);font-size:.875rem;font-weight:600;border-radius:var(--radius-md, 10px);text-decoration:none;transition:top .2s ease;box-shadow:var(--shadow-md)}.skip-to-main-content-link:focus{top:1rem;outline:2px solid var(--accent-teal);outline-offset:2px}html{scroll-behavior:smooth;scrollbar-gutter:stable;font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:clip;width:100%}body{min-height:100vh;background-color:var(--bg-primary);background-image:radial-gradient(at 15% 10%,rgba(8,145,178,.045) 0px,transparent 55%),radial-gradient(at 85% 15%,rgba(22,163,74,.04) 0px,transparent 55%),radial-gradient(at 50% 45%,rgba(59,130,246,.03) 0px,transparent 65%),radial-gradient(at 18% 75%,rgba(8,145,178,.035) 0px,transparent 55%),radial-gradient(at 82% 85%,rgba(22,163,74,.04) 0px,transparent 55%),linear-gradient(180deg,#edf2f7 0% 35%,#e2e8f0);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-main);font-size:1rem;line-height:1.68;letter-spacing:-.011em;overflow-x:clip;width:100%;position:relative;transition:background-color var(--transition-normal),color var(--transition-normal)}body.dark{background-color:#0f172a;background-image:radial-gradient(at 50% 0%,rgba(6,182,212,.08) 0px,transparent 60%),radial-gradient(at 85% 25%,rgba(16,185,129,.045) 0px,transparent 50%),radial-gradient(at 15% 65%,rgba(99,102,241,.055) 0px,transparent 55%),radial-gradient(at 75% 85%,rgba(6,182,212,.04) 0px,transparent 50%),linear-gradient(180deg,#0f172a,#1e293b,#0f172a);background-attachment:fixed}#root{width:100%;position:relative}section[id],div[id]{scroll-margin-top:86px}.container{max-width:1280px;width:100%;margin:0 auto;padding:0 1.25rem;box-sizing:border-box}@media(max-width:640px){.container{padding:0 1rem}}@media(max-width:480px){.container{padding:0 .875rem}section{padding-left:0;padding-right:0}}@supports (padding-bottom: env(safe-area-inset-bottom)){body{padding-bottom:env(safe-area-inset-bottom)}.floating-wa-btn,.social-toast-pill,.floating-qa-backdrop{margin-bottom:env(safe-area-inset-bottom,0px)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-main);font-weight:750;letter-spacing:-.03em;color:var(--text-primary);line-height:1.22}p{color:var(--text-secondary);line-height:1.68}a{color:inherit;text-decoration:none}code,pre,.font-mono{font-family:var(--font-mono);letter-spacing:-.015em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.92rem;font-weight:600;font-family:var(--font-main);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap}.btn-primary{background-color:var(--accent-teal);color:#fff;border-top:1px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #0284c759}.btn-primary:hover{background-color:var(--accent-teal-hover);transform:translateY(-1px);box-shadow:0 4px 14px #0284c773}.btn-emerald{background-color:#047857;color:#fff;border-top:1px solid rgba(255,255,255,.25);box-shadow:0 2px 8px #04785759}.btn-emerald:hover{background-color:#065f46;transform:translateY(-1px);box-shadow:0 4px 14px #04785773}.btn-outline{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-card-hover);border-color:var(--border-highlight);color:var(--text-primary);transform:translateY(-1px)}.btn-lg{padding:.82rem 1.65rem;font-size:.98rem;border-radius:var(--radius-md)}.btn-sm{padding:.4rem .85rem;font-size:.82rem;border-radius:var(--radius-sm)}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .75rem;font-size:.78rem;font-weight:700;border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-secondary)}.badge-teal{background-color:#f0f9ff;color:#0369a1;border-color:#0284c747}body.dark .badge-teal{background-color:#38bdf826;color:#38bdf8;border-color:#38bdf84d}.badge-emerald{background-color:#ecfdf5;color:#047857;border-color:#05966947}body.dark .badge-emerald{background-color:#34d39926;color:#34d399;border-color:#34d3994d}.badge-amber{background-color:var(--accent-amber-light);color:var(--accent-amber);border-color:#fbbf2438}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.animate-fade-in-up{animation:fadeInUp .35s cubic-bezier(.16,1,.3,1) forwards}*{scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) transparent}body.dark *{scrollbar-color:rgba(255,255,255,.22) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#94a3b861;border-radius:var(--radius-full);border:1.5px solid transparent;background-clip:padding-box;transition:background-color var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-teal)}::-webkit-scrollbar-thumb:active{background-color:var(--accent-teal-hover)}::-webkit-scrollbar-corner{background:transparent}body.dark ::-webkit-scrollbar-thumb{background-color:#fff3}body.dark ::-webkit-scrollbar-thumb:hover{background-color:var(--accent-teal);box-shadow:0 0 10px #38bdf866}body.dark ::-webkit-scrollbar-thumb:active{background-color:var(--accent-teal-hover)}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.hidden{display:none!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.flex-col{flex-direction:column!important}.flex-row{flex-direction:row!important}.flex-wrap{flex-wrap:wrap!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.items-end{align-items:flex-end!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-start{justify-content:flex-start!important}.justify-end{justify-content:flex-end!important}.flex-1{flex:1 1 0%!important}.flex-shrink-0{flex-shrink:0!important}.w-full{width:100%!important}.h-full{height:100%!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.85rem!important}.text-base{font-size:1rem!important}.text-lg{font-size:1.15rem!important}.text-xl{font-size:1.35rem!important}.text-2xl{font-size:1.75rem!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-extrabold{font-weight:800!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-teal{color:var(--accent-teal)!important}.text-emerald{color:var(--accent-emerald)!important}.text-amber{color:var(--accent-amber)!important}.text-rose{color:var(--accent-rose)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.cursor-pointer{cursor:pointer!important}.badge-outline{background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-outline:hover{color:var(--text-primary);border-color:var(--border-highlight);background-color:var(--bg-card-hover)}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.ml-1{margin-left:.25rem!important}.mr-1{margin-right:.25rem!important}.border-t{border-top-width:1px!important;border-top-style:solid!important}.border-subtle{border-color:var(--border-subtle)!important}.pt-3{padding-top:.75rem!important}.pt-4{padding-top:1rem!important}.pb-2{padding-bottom:.5rem!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:768px){body,body.dark{background-attachment:scroll}}.trust-badges-container{margin:1.5rem auto 2.75rem;padding:0 1.25rem}.trust-badges-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.875rem;padding:.875rem;border-radius:var(--radius-xl, 20px);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all var(--transition-normal)}body.dark .trust-badges-wrapper{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.trust-badge-item{display:flex;align-items:center;gap:12px;padding:.875rem 1.125rem;border-radius:var(--radius-lg, 14px);background:#fffffff0;border:1px solid rgba(226,232,240,.9);cursor:pointer;box-shadow:0 2px 6px -1px #0f172a0a;transition:all var(--transition-fast)}.trust-badge-item:hover{transform:translateY(-2px);background:#fff;border-color:#3b82f673;box-shadow:0 8px 20px -4px #2563eb26,0 2px 6px -1px #0f172a0f}body.dark .trust-badge-item{background:#0f172abf;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px -1px #0006}body.dark .trust-badge-item:hover{background:#1e293be6;border-color:var(--accent-teal, #38bdf8);box-shadow:0 8px 24px -4px #0009,0 0 16px -2px #38bdf84d}.trust-badge-icon-box{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-fast)}.trust-badge-item:hover .trust-badge-icon-box{transform:scale(1.08)}.trust-badge-content{min-width:0;overflow:hidden}.trust-badge-title{font-size:.8125rem;font-weight:700;color:var(--text-primary, #0f172a);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .trust-badge-title{color:var(--text-primary, #f8fafc)}.trust-badge-subtitle{font-size:.725rem;color:var(--text-secondary, #475569);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark .trust-badge-subtitle{color:var(--text-secondary, #94a3b8)}