/** * ============================================================================ * @file MedisTren RME System Core — Web Sales Platform * @module Global Stylesheet & Responsive Viewport Engine * @author Tim Pengembang MedisTren * @copyright (c) 2026 Tim Pengembang MedisTren. 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. * ============================================================================ */.kerjoo-navbar-wrapper{position:sticky;top:0;z-index:100;background:#ffffffeb;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:#1e293bf0}.kerjoo-navbar-container{max-width:1240px;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}.kerjoo-logo-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;color:inherit;flex-shrink:0}.kerjoo-logo-icon{width:38px;height:38px;border-radius:9px;background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0f172a0f;flex-shrink:0;padding:2px;overflow:hidden}body.dark .kerjoo-logo-icon{background:var(--surface, #1e293b);border-color:var(--border, #334155);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}.logo-main-title{font-size:1.18rem;font-weight:800;letter-spacing:-.025em;display:flex;align-items:center;gap:.35rem;line-height:1.15}.logo-badge-pill{font-size:.62rem;padding:.12rem .45rem;background:#25a091;color:#fff;border-radius:var(--radius-full);font-weight:700;text-transform:uppercase;letter-spacing:.04em}.kerjoo-nav-links{display:flex;align-items:center;justify-content:center;gap:.25rem;flex-shrink:0}.kerjoo-nav-link-btn{position:relative;display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;padding:.42rem .72rem;border-radius:var(--radius-full);font-family:inherit;font-size:.83rem;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:#25a09114}.kerjoo-nav-link-btn.active{color:var(--accent-teal);background:#25a0911f;font-weight:700}.nav-item-text{line-height:1}.nav-item-badge{font-size:.6rem;font-weight:700;padding:.1rem .35rem;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);line-height:1}.nav-item-badge.badge-live{background:#10b981;color:#fff;border-color:#059669;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:.5rem;flex-shrink:0}.btn-nav-trial-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .8rem;border-radius:var(--radius-full);background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.3);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}body.dark .btn-nav-trial-badge{background:#f59e0b2e;color:#fbbf24;border-color:#f59e0b73}.btn-nav-trial-badge:hover{background:#f59e0b38;border-color:#f59e0b;transform:translateY(-1px)}@media(max-width:1100px){.hide-tablet,.btn-nav-trial-badge{display:none}.kerjoo-nav-link-btn{padding:.38rem .55rem;font-size:.8rem}}@media(max-width:900px){.kerjoo-nav-links{display:none}.btn-mobile-menu-toggle{display:flex}}.kerjoo-theme-btn{width:38px;height:38px;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)}.kerjoo-theme-btn:hover{border-color:#25a091;color:#25a091;transform:translateY(-1px)}.btn-nav-outline{display:inline-flex;align-items:center;gap:.4rem;padding:.48rem 1.05rem;border-radius:var(--radius-full);border:1.5px solid #25A091;background:transparent;color:#25a091;font-size:.86rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-nav-outline:hover,.btn-nav-outline.active-nav-outline{background:#25a0911f;transform:translateY(-1px)}.btn-nav-pill-primary{display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .95rem;border-radius:var(--radius-full);background:#25a091;color:#fff;border:1px solid #1e8074;font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #25a0914d;transition:all var(--transition-fast);white-space:nowrap}.btn-nav-pill-primary:hover{background:#1e8578;transform:translateY(-1px);box-shadow:0 6px 16px #25a09166}.btn-mobile-menu-toggle{display:none;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer}@media(max-width:1024px){.kerjoo-nav-links{display:none}.btn-mobile-menu-toggle{display:flex}}.mobile-nav-drawer{position:absolute;top:70px;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:99}.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:.9rem;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)}.mobile-drawer-link-btn.active{background:#25a0911f;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)}.pill-bold-tag{font-weight:900;text-decoration:underline}.kerjoo-hero-section{padding:4.5rem 0 3.5rem;background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:relative;overflow:hidden}.kerjoo-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3.5rem;align-items:center}.kerjoo-hero-left{display:flex;flex-direction:column}.hero-top-badge-strip{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.kerjoo-hero-title{font-size:2.75rem;font-weight:800;letter-spacing:-.035em;line-height:1.22;color:var(--text-primary);margin-bottom:1.25rem}.kerjoo-hero-subtitle{font-size:1.1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2rem;max-width:580px}.kerjoo-hero-cta-row{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:2.75rem}.btn-kerjoo-primary{display:inline-flex;align-items:center;gap:.5rem;background:#25a091;color:#fff;font-weight:700;font-size:1rem;padding:.85rem 1.85rem;border-radius:var(--radius-full);border:2px solid #1e8074;box-shadow:0 8px 24px #25a09166;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.btn-kerjoo-primary:hover{background:#1e8578;transform:translateY(-2px);box-shadow:0 12px 28px #25a09180}.btn-kerjoo-secondary{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-secondary);color:var(--text-primary);font-weight:700;font-size:.95rem;padding:.85rem 1.6rem;border-radius:var(--radius-full);border:1.5px solid var(--border-color);text-decoration:none;transition:all var(--transition-fast)}.btn-kerjoo-secondary:hover{border-color:#25a091;color:#25a091;transform:translateY(-1px)}.btn-kerjoo-outline{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:#25a091;font-weight:700;font-size:.95rem;padding:.85rem 1.4rem;border-radius:var(--radius-full);border:1.5px solid #25A091;cursor:pointer;transition:all var(--transition-fast)}.btn-kerjoo-outline:hover{background:#25a09114;transform:translateY(-1px)}.kerjoo-metrics-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%}.kerjoo-metric-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),border-color var(--transition-fast)}.kerjoo-metric-card:hover{transform:translateY(-2px);border-color:#25a091}.metric-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-green{background:#79c74f!important}.bg-blue{background:#5bb4e5!important}.bg-amber{background:#f1a716!important}.metric-text-box{display:flex;flex-direction:column}.metric-number{font-size:1.35rem;font-weight:900;color:#1e8074;font-family:var(--font-mono);line-height:1.1;margin:0}body.dark .metric-number{color:#48d5c4}.metric-label{font-size:.825rem;color:var(--text-secondary);font-weight:600;margin:0;line-height:1.35}.kerjoo-hero-right{display:flex;justify-content:center;position:relative}.hero-mockup-wrapper{position:relative;width:100%;max-width:530px}.mockup-screen-frame{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 20px 45px -10px #0000001f}body.dark .mockup-screen-frame{box-shadow:0 20px 45px -10px #00000080}.mockup-chrome-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.chrome-dots{display:flex;gap:.35rem}.dot{width:9px;height:9px;border-radius:50%}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.chrome-title{font-size:.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:.4rem}.chrome-live-chip{font-size:.7rem;font-weight:700;color:#4fac42}.mockup-image-container{position:relative;background:var(--bg-card);line-height:1.45}.mockup-img{width:100%;height:auto;display:block;opacity:.95}.mockup-overlay-cta{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000040;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.hero-mockup-wrapper:hover .mockup-overlay-cta{opacity:1}.btn-mockup-play{display:inline-flex;align-items:center;gap:.5rem;background:#25a091;color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-full);font-weight:700;font-size:.9rem;text-decoration:none;box-shadow:0 8px 20px #0000004d}.floating-badge{position:absolute;display:flex;align-items:center;gap:.65rem;background:var(--bg-card);padding:.65rem 1.15rem;border-radius:var(--radius-full);border:1px solid var(--border-color);box-shadow:0 10px 25px -4px #0000001f;z-index:10;font-size:.8rem}body.dark .floating-badge{box-shadow:0 10px 25px -4px #0009}.floating-badge strong{display:block;color:var(--text-primary);font-size:.825rem;line-height:1.2}.floating-badge span{font-size:.725rem;color:var(--text-muted)}.badge-top-right{top:-14px;right:-18px}.badge-bottom-left{bottom:-16px;left:-18px}.badge-icon-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-doctor-badge{position:absolute;bottom:24px;right:-24px;display:flex;align-items:center;gap:.75rem;background:var(--bg-card);padding:.5rem 1rem .5rem .5rem;border-radius:var(--radius-full);border:1.5px solid #25A091;box-shadow:0 10px 25px #25a09140;z-index:15}.avatar-doctor-mini{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #25A091}.doctor-badge-info{display:flex;flex-direction:column}.doctor-badge-title{font-size:.825rem;font-weight:800;color:#25a091;line-height:1.2}.doctor-badge-sub{font-size:.775rem;color:var(--text-secondary);font-weight:600}.client-marquee-section{padding:2.75rem 0;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);overflow:hidden}.marquee-header-box{text-align:center;margin-bottom:1.75rem}.marquee-supertitle{font-size:.85rem;font-weight:800;letter-spacing:.08em;color:#25a091;text-transform:uppercase}.marquee-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin-top:.35rem;letter-spacing:-.02em}.marquee-slider-container{width:100%;overflow:hidden;position:relative;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-track{display:flex;gap:1.25rem;width:max-content;animation:marqueeScroll 40s linear infinite}.marquee-track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.client-chip-card{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.35rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);white-space:nowrap}.client-chip-icon{color:#25a091;display:flex;align-items:center}.client-name{font-size:.925rem;font-weight:700;color:var(--text-primary);display:block}.client-meta{font-size:.8rem;color:var(--text-secondary);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-weight:700;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;border:none;line-height:1}.btn-sm{padding:.5rem 1rem;font-size:.825rem}.btn-md{padding:.75rem 1.4rem;font-size:.925rem}.btn-lg{padding:.85rem 1.75rem;font-size:.95rem}.btn-block{width:100%}.btn-primary{background:#25a091;color:#fff;border:2px solid #1e8074;box-shadow:0 6px 18px #25a0914d}.btn-primary:hover{background:#1e8578;transform:translateY(-2px);box-shadow:0 10px 22px #25a09173}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1.5px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:#25a091;color:#25a091;transform:translateY(-1px)}.btn-emerald{background:#4fac42;color:#fff;border:2px solid #3f8f34;box-shadow:0 6px 18px #4fac424d}.btn-emerald:hover{background:#439637;transform:translateY(-2px);box-shadow:0 10px 22px #4fac4273}.btn-outline{background:transparent;color:#25a091;border:1.5px solid #25A091}.btn-outline:hover{background:#25a09114;transform:translateY(-1px)}.btn-whatsapp{background:#16a34a;color:#fff;border:1.5px solid #15803d;box-shadow:0 6px 18px #16a34a4d}.btn-whatsapp:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 10px 22px #16a34a73}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);padding:1.1rem 1rem;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);border-color:var(--accent-teal)}.stat-value{font-size:1.35rem;font-weight:800;color:var(--accent-teal);font-family:var(--font-mono);margin-bottom:.2rem}.stat-label{font-size:.8rem;color:var(--text-secondary);font-weight:600}.sandbox-section{padding:4.5rem 0;background:var(--bg-primary)}.sandbox-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.sandbox-topbar{background:var(--bg-secondary);padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.sandbox-title-badge{display:flex;align-items:center;gap:.6rem;font-size:.9rem;color:var(--text-primary)}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-emerald);box-shadow:0 0 10px var(--accent-emerald);animation:pulseGlow 2s infinite}.patient-selector-group{display:flex;align-items:center;gap:.75rem}.selector-label{font-size:.825rem;color:var(--text-muted);font-weight:600}.patient-btn-group{display:flex;gap:.5rem}.patient-pill{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.patient-pill.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal)}.patient-meta-strip{background:#3b82f60a;border-bottom:1px solid var(--border-color);padding:.75rem 1.5rem;display:flex;align-items:center;gap:2rem;flex-wrap:wrap}body.dark .patient-meta-strip{background:#0f172a66}.meta-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.meta-label{color:var(--text-muted)}.meta-value{color:var(--text-primary)}.soap-real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding:1.5rem}.soap-card-block{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.2rem;display:flex;flex-direction:column}body.dark .soap-card-block{background:#171a1f;border-color:#383e47}.soap-block-header{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.soap-letter{width:26px;height:26px;border-radius:var(--radius-sm);background:var(--accent-teal);color:#fff;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center}.letter-o{background:#8b5cf6}.letter-a{background:#f59e0b}.letter-p{background:var(--accent-emerald)}.soap-name{font-size:.875rem;font-weight:700;color:var(--text-primary)}.soap-inputs-vertical{display:flex;flex-direction:column;gap:.75rem}.input-sublabel{display:block;font-size:.85rem;font-weight:700;color:var(--text-secondary);margin-bottom:.35rem}.soap-input-text{width:100%;padding:.65rem .85rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:inherit;font-size:.925rem;color:var(--text-primary);outline:none}.soap-input-text:focus{border-color:var(--accent-teal)}.soap-textarea{width:100%;padding:.65rem .85rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:inherit;font-size:.925rem;line-height:1.6;color:var(--text-primary);outline:none;resize:vertical}.soap-textarea:focus{border-color:var(--accent-teal)}.vitals-real-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.vital-mini-box{display:flex;flex-direction:column;gap:.25rem}.vital-mini-box label{font-size:.825rem;font-weight:700;color:var(--text-secondary)}.vital-mini-box input{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .7rem;font-family:var(--font-mono);font-size:.9rem;color:var(--text-primary);outline:none}.vital-mini-box input:focus{border-color:var(--accent-teal)}.diag-2col{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.quick-icd-pills{margin-top:.65rem}.quick-label{display:block;font-size:.825rem;color:var(--text-secondary);font-weight:700;margin-bottom:.4rem}.pills-wrap{display:flex;flex-wrap:wrap;gap:.4rem}.icd-btn-pill{padding:.35rem .65rem;font-size:.825rem;font-weight:600;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.icd-btn-pill.selected{background:#f59e0b26;border-color:#f59e0b;color:#b45309}body.dark .icd-btn-pill.selected{color:#fcd34d}.rx-builder-sandbox{margin:0 1.5rem 1.5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.rx-adder-row{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:.75rem;align-items:flex-end;margin-bottom:1rem}.rx-search-col{position:relative}.drug-dropdown-results{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:180px;overflow-y:auto;z-index:50}.drug-dropdown-item{padding:.55rem .75rem;border-bottom:1px solid var(--border-color);cursor:pointer;font-size:.8rem;display:flex;justify-content:space-between}.drug-dropdown-item:hover{background:#3b82f614;color:var(--accent-teal)}.drug-meta{font-size:.725rem;color:var(--text-muted)}.rx-table-container{overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-card)}.rx-table{width:100%;border-collapse:collapse;font-size:.825rem;text-align:left}.rx-table th{padding:.6rem .85rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);font-weight:700;color:var(--text-secondary)}.rx-table td{padding:.6rem .85rem;border-bottom:1px solid var(--border-color)}.btn-rx-remove{background:transparent;border:none;color:var(--accent-rose);font-weight:800;cursor:pointer;padding:.2rem .5rem;border-radius:var(--radius-sm)}.btn-rx-remove:hover{background:#f43f5e1a}.ai-assistant-sandbox-bar{margin:0 1.5rem 1rem;padding:1rem 1.25rem;background:linear-gradient(135deg,#3b82f614,#10b98114);border:1px solid rgba(59,130,246,.25);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.ai-sandbox-left{display:flex;flex-direction:column;gap:.25rem}.ai-badge{display:flex;align-items:center;gap:.4rem;font-weight:700;font-size:.9rem;color:var(--accent-teal)}.ai-desc{font-size:.825rem;color:var(--text-secondary)}.btn-ai-sparkle{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;background:linear-gradient(135deg,#6366f1,#3b82f6);color:#fff;font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer;font-size:.875rem;box-shadow:0 4px 12px #6366f14d}.btn-ai-sparkle:disabled{opacity:.6;cursor:not-allowed}.ai-summary-output{margin:0 1.5rem 1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--accent-emerald);border-radius:var(--radius-md)}.ai-output-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--accent-emerald);margin-bottom:.4rem}.ai-output-text{font-size:.85rem;line-height:1.5;color:var(--text-primary)}.sandbox-footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.sandbox-footer-right{display:flex;gap:.75rem;flex-wrap:wrap}.save-alert-success{display:flex;align-items:center;gap:.5rem;color:var(--accent-emerald);font-size:.875rem}.print-preview-dialog{max-width:650px}.print-letter-paper{background:#fff;color:#0f172a;padding:2rem;border-radius:var(--radius-sm);font-family:Times New Roman,serif;border:1px solid #cbd5e1;box-shadow:0 4px 12px #0000001a;margin:1.5rem}.print-letter-header{text-align:center}.clinic-name-print{font-size:1.15rem;font-weight:800;margin:0;color:#000}.clinic-sub-print{font-size:.775rem;color:#475569;margin:.2rem 0 0}.letter-divider{height:2px;background:#000;margin:.85rem 0 1.2rem}.letter-title{text-align:center;font-size:1rem;font-weight:800;text-decoration:underline;margin-bottom:1rem}.letter-intro{font-size:.85rem;margin-bottom:.65rem}.letter-table{width:100%;font-size:.85rem;margin-bottom:1rem}.letter-table td{padding:.25rem 0}.letter-body-text{font-size:.85rem;line-height:1.6;margin-bottom:2rem}.letter-signature-row{display:flex;justify-content:space-between;font-size:.825rem}.doctor-sign-block{text-align:center}.sign-space{height:50px}.doctor-name-sign{font-weight:800;text-decoration:underline;margin:0}.sip-number{font-size:.75rem;color:#64748b;margin:0}.features-section{padding:5.5rem 0 6rem;background:var(--bg-secondary);position:relative;overflow:hidden}.features-header-flex{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.5rem}.features-header-content{max-width:780px;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.features-header-content .section-title,.features-header-content .section-subtitle{margin:0;text-align:left}.features-nav-arrows{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.feature-nav-arrow-btn{width:46px;height:46px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #0000000d;transition:all var(--transition-fast)}.feature-nav-arrow-btn:hover:not(.disabled){background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);transform:scale(1.06);box-shadow:0 6px 18px #25a09159}.feature-nav-arrow-btn.disabled{opacity:.38;cursor:not-allowed;transform:none;box-shadow:none}body.dark .feature-nav-arrow-btn{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary);box-shadow:0 4px 14px #0006}.features-scroll-container{width:100%;position:relative;margin:0 -.5rem}.features-horizontal-track{display:flex;gap:1.5rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:1rem .5rem 1.75rem;scrollbar-width:thin;scrollbar-color:rgba(37,160,145,.3) transparent}.features-horizontal-track::-webkit-scrollbar{height:6px}.features-horizontal-track::-webkit-scrollbar-track{background:#00000008;border-radius:9999px}.features-horizontal-track::-webkit-scrollbar-thumb{background:#25a09159;border-radius:9999px}.features-horizontal-track::-webkit-scrollbar-thumb:hover{background:#25a091b3}body.dark .features-horizontal-track::-webkit-scrollbar-thumb{background:#48d5c466}.feature-card.feature-card-horizontal{flex:0 0 375px;width:375px;max-width:88vw;scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border-color);padding:2.25rem 1.85rem;border-radius:var(--radius-2xl);box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;justify-content:flex-start;transition:all var(--transition-normal);position:relative;overflow:hidden}body.dark .feature-card.feature-card-horizontal{box-shadow:0 4px 20px #00000059}.feature-card.feature-card-horizontal:hover{transform:translateY(-6px);border-color:#25a091;box-shadow:0 14px 34px #25a09129}.feature-header-top-row{display:flex;align-items:center;justify-content:space-between;width:100%}.feature-card-index{font-family:var(--font-mono);font-size:.85rem;font-weight:800;color:var(--text-muted);opacity:.6}body.dark .feature-card-index{color:var(--text-secondary);opacity:.5}.feature-card-header{display:flex;flex-direction:column;align-items:flex-start;gap:.95rem;margin-bottom:1.25rem}.feature-icon-wrapper{width:52px;height:52px;border-radius:14px;background:#25a0911a;border:1px solid rgba(37,160,145,.25);color:#25a091;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.feature-card:hover .feature-icon-wrapper{transform:scale(1.06)}body.dark .feature-icon-wrapper{background:#25a0912e;border-color:#25a09159;color:#48d5c4}.feature-highlight-badge{font-size:.825rem;font-weight:700;padding:.35rem .9rem;border-radius:var(--radius-full);background:#4fac421a;color:#4fac42;border:1px solid rgba(79,172,66,.25);display:inline-flex;align-items:center;line-height:1.4}body.dark .feature-highlight-badge{background:#4fac422e;color:#6ee35f;border-color:#4fac4259}.feature-title{font-size:1.26rem;font-weight:800;margin-bottom:.45rem;letter-spacing:-.02em;color:var(--text-primary);line-height:1.35}.feature-subtitle{font-size:.925rem;font-weight:700;color:#25a091;margin-bottom:.95rem;line-height:1.45}body.dark .feature-subtitle{color:#48d5c4}.feature-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.72}.feature-disclaimer-note{margin-top:auto;padding:.75rem .95rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:8px;font-size:.825rem;line-height:1.55;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.55rem}.features-scroll-footer{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:1.5rem}.features-progress-bar-track{width:100%;max-width:260px;height:5px;background:#64748b26;border-radius:9999px;overflow:hidden}body.dark .features-progress-bar-track{background:#94a3b833}.features-progress-bar-thumb{height:100%;background:linear-gradient(to right,#25a091,#4fac42);border-radius:9999px;transition:width .15s ease-out}.features-scroll-hint{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-muted)}@media(max-width:768px){.features-header-flex{flex-direction:column;align-items:flex-start;gap:1.25rem}.features-nav-arrows{display:none}.feature-card.feature-card-horizontal{flex:0 0 310px;width:310px;padding:1.85rem 1.5rem}}.roi-section{padding:5rem 0;background:var(--bg-primary)}.roi-calculator-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg);display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.roi-controls-col{display:flex;flex-direction:column;gap:2rem}.roi-control-group{display:flex;flex-direction:column;gap:.75rem}.control-header{display:flex;align-items:center;justify-content:space-between}.control-label{font-size:.95rem;font-weight:700}.control-val-badge{font-size:.9rem;font-weight:700;padding:.25rem .75rem;background:#3b82f61a;color:var(--accent-teal);border-radius:var(--radius-sm);border:1px solid rgba(59,130,246,.25)}.roi-range-slider{width:100%;height:8px;border-radius:var(--radius-full);background:var(--border-color);outline:none;cursor:pointer;accent-color:var(--accent-teal)}.slider-ticks{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.roi-tips-box{display:flex;gap:.75rem;padding:1.25rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.85rem;color:var(--text-secondary);line-height:1.5}.roi-results-col{display:flex;flex-direction:column;gap:1.25rem}.roi-result-card{background:var(--bg-card);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);padding:1.35rem 1.5rem;display:flex;align-items:center;gap:1.25rem;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.roi-result-card.highlight{border:2px solid var(--accent-teal);background:linear-gradient(135deg,#25a09114,#ffffffe6)}body.dark .roi-result-card.highlight{border:2px solid var(--accent-teal);background:linear-gradient(135deg,#48d5c429,#23272dd9)}.result-icon-box{width:50px;height:50px;border-radius:var(--radius-md);background:#25a0911f;color:var(--accent-teal);display:flex;align-items:center;justify-content:center;flex-shrink:0}body.dark .result-icon-box{background:#48d5c433;color:var(--accent-teal)}.box-emerald{background:#0596691f!important;color:var(--accent-emerald)!important}body.dark .box-emerald{background:#34d39933!important;color:var(--accent-emerald)!important}.box-amber{background:#d977061f!important;color:var(--accent-amber)!important}body.dark .box-amber{background:#fbbf2433!important;color:var(--accent-amber)!important}.result-content{display:flex;flex-direction:column}.result-label{font-size:.875rem;color:var(--text-secondary);font-weight:700;margin-bottom:.2rem}.result-number{font-size:1.7rem;font-weight:900;line-height:1.2}.result-note{font-size:.825rem;color:var(--text-muted);font-weight:500;margin-top:.25rem}body.dark .result-note{color:#94a3b8}.comparison-section{padding:5rem 0;background:var(--bg-secondary)}.table-responsive-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-xl);border:1px solid var(--border-color);box-shadow:var(--shadow-md)}.comparison-table{width:100%;min-width:620px;border-collapse:collapse;background:var(--bg-card);text-align:left}.matrix-table{min-width:760px}.comparison-table th{padding:1.35rem 1.5rem;font-size:1rem;font-weight:800;border-bottom:2px solid var(--border-color)}.th-metric{width:28%;background:var(--bg-secondary);color:var(--text-primary)}.th-traditional{width:36%;background:#fff1f2;color:#be123c;border-bottom:2px solid #FECDD3}.th-rme{width:36%;background:#ecfdf5;color:#047857;border-bottom:2px solid #A7F3D0}.comparison-table td{padding:1.25rem 1.5rem;font-size:.95rem;border-bottom:1px solid var(--border-color);line-height:1.6}.td-metric{background:var(--bg-secondary);color:var(--text-primary);font-weight:700}.td-traditional{background:#fffbfb;color:#334155}.td-rme{background:#f8fdfb;color:#0f172a;font-weight:600}.cell-flex{display:flex;align-items:flex-start;gap:.75rem}.cross-icon{color:#e11d48;font-weight:900;font-size:1.05rem;flex-shrink:0;margin-top:1px}.check-icon{color:#059669;flex-shrink:0;margin-top:2px}body.dark .comparison-table{background:#23272d}body.dark .th-metric,body.dark .td-metric{background:#1b1e23;color:#f8fafc}body.dark .th-traditional{background:#e11d4833;color:#fda4af;border-bottom:2px solid rgba(225,29,72,.4)}body.dark .td-traditional{background:#e11d480d;color:#e2e8f0}body.dark .cross-icon{color:#fb7185}body.dark .th-rme{background:#10b98138;color:#6ee7b7;border-bottom:2px solid rgba(16,185,129,.45)}body.dark .td-rme{background:#10b98114;color:#f8fafc}body.dark .check-icon{color:#34d399}.pricing-section{padding:5rem 0;background:var(--bg-primary)}.pricing-controls-wrapper{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin:1.5rem 0 3.5rem}.billing-switcher-wrap{display:inline-flex;align-items:center;gap:.85rem;padding:.45rem 1.15rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.switch-label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.switch-label.active{color:var(--text-primary);font-weight:700}.save-badge{margin-left:.4rem;font-size:.725rem;padding:.15rem .5rem;background:#10b98126;color:var(--accent-emerald);border-radius:var(--radius-full);font-weight:800}.toggle-switch-btn{width:50px;height:26px;border-radius:var(--radius-full);background:var(--border-color);border:none;cursor:pointer;position:relative;transition:background-color var(--transition-fast)}.switch-knob{width:20px;height:20px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform var(--transition-fast);box-shadow:0 2px 4px #0003}.switch-knob.annual{transform:translate(24px);background:var(--accent-teal)}.pricing-filter-pills{display:inline-flex;gap:.35rem;background:var(--bg-card);border:1px solid var(--border-color);padding:.3rem .4rem;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.filter-pill-btn{background:transparent;border:none;border-radius:var(--radius-full);padding:.45rem .95rem;font-size:.825rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.filter-pill-btn:hover{color:var(--accent-teal);background:#25a09114}.filter-pill-btn.active{background:#25a09124;color:var(--accent-teal);font-weight:700}.pricing-cards-grid{display:grid;gap:1.5rem;align-items:stretch;margin-bottom:3.5rem;width:100%}.pricing-cards-grid.grid-4-tier{grid-template-columns:repeat(4,1fr)}@media(max-width:1200px){.pricing-cards-grid.grid-4-tier{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pricing-cards-grid.grid-4-tier{grid-template-columns:1fr}}.single-lifetime-view{max-width:480px;margin:0 auto 3.5rem}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:1.85rem 1.35rem;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);box-sizing:border-box;width:100%}body.dark .pricing-card{box-shadow:0 4px 20px #0006}.pricing-card:hover{transform:translateY(-4px);border-color:#25a091;box-shadow:0 12px 30px #25a0911f}.pricing-card.popular{border:2px solid #25A091;box-shadow:0 12px 36px #25a0912e}.pricing-card.popular:hover{transform:translateY(-5px);box-shadow:0 18px 42px #25a09140}.pricing-card.premium-card{border:2px solid #0ea5e9;box-shadow:0 12px 36px #0ea5e929}.pricing-card.lifetime-card{border:2px solid #f59e0b;box-shadow:0 12px 36px #f59e0b29}.popular-badge-pill{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#25a091,#4fac42);color:#fff;padding:.35rem .95rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px #25a09159;white-space:nowrap}.premium-badge-pill{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;padding:.35rem .95rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px #0ea5e959;white-space:nowrap}.lifetime-badge-pill{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.35rem .95rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px #f59e0b59;white-space:nowrap}.starter-badge-pill{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.35rem;background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);padding:.3rem .85rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;box-shadow:var(--shadow-sm);white-space:nowrap}.plan-name{font-size:1.35rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.plan-subtitle{font-size:.85rem;color:var(--text-secondary);font-weight:500;line-height:1.35;min-height:2.4rem}.pricing-price-box{margin:1.25rem 0}.price-row{display:flex;align-items:baseline;gap:.35rem;margin:.25rem 0 .35rem}.main-price{font-size:2.05rem;font-weight:900;color:var(--text-primary)}.price-period{font-size:.9rem;color:var(--text-secondary);font-weight:600}.price-annual-note{font-size:.775rem;color:var(--accent-emerald);font-weight:700;margin-top:.2rem;margin-bottom:.4rem;display:block;line-height:1.35}.price-annual-note.lifetime-note{color:#f59e0b}.price-desc{font-size:.84rem;color:var(--text-secondary);line-height:1.45;display:block;margin-top:.4rem}.plan-divider{height:1px;background:var(--border-color);margin-bottom:1.25rem}.plan-features-list{flex-grow:1;margin-bottom:1.5rem}.features-title{display:block;font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;margin-bottom:.75rem}.features-title-muted{color:var(--text-muted);margin-top:1rem}.plan-features-list ul{list-style:none;display:flex;flex-direction:column;gap:.65rem}.plan-features-list li{display:flex;align-items:flex-start;gap:.55rem;font-size:.85rem;color:var(--text-primary);font-weight:500;line-height:1.45}.feature-item-inherited{font-weight:600}.inherited-text-strong{color:var(--text-primary);font-weight:700}.not-included-item{color:var(--text-muted);font-size:.825rem}.minus-icon{font-weight:800;color:var(--text-muted);margin-right:.2rem}.offline-risk-collapsible-box{margin:.85rem 0 1.25rem;background:#f59e0b0f;border:1px solid rgba(245,158,11,.25);border-radius:var(--radius-md);padding:.75rem}.offline-risk-toggle-btn{display:flex;align-items:center;gap:.4rem;background:transparent;border:none;font-size:.775rem;font-weight:700;color:#d97706;cursor:pointer;width:100%;text-align:left;padding:0}.offline-risk-details{margin-top:.65rem;padding-top:.65rem;border-top:1px dashed rgba(245,158,11,.25);font-size:.76rem;color:var(--text-secondary);line-height:1.45}.offline-risk-subhead{font-size:.76rem;font-weight:800;color:var(--text-primary);display:block;margin-bottom:.25rem}.offline-risk-subhead.mt-2{margin-top:.5rem}.offline-risk-list,.offline-mitigation-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.plan-footer{margin-top:auto;padding-top:1.25rem;display:flex;flex-direction:column}.recommended-for-box{font-size:.78rem;color:var(--text-secondary);font-weight:600;padding:.65rem .8rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-bottom:1.15rem;line-height:1.35}body.dark .recommended-for-box{background:#171a1f;border-color:#383e47;color:#e2e8f0}.plan-card-trial-btn{width:100%;margin-top:.95rem;padding:.65rem .85rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-md, 10px);color:#d97706;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;cursor:pointer;transition:all var(--transition-fast, .2s ease);font-family:inherit;line-height:1.3;text-decoration:none;box-sizing:border-box}body.dark .plan-card-trial-btn{background:#f59e0b1f;border-color:#f59e0b66;color:#fbbf24}.plan-card-trial-btn:hover{background:#f59e0b;color:#fff;border-color:#f59e0b;transform:translateY(-1px);box-shadow:0 4px 14px #f59e0b4d}.plan-card-trial-btn:hover .text-amber{color:#fff}.lifetime-highlight-banner{width:100%;box-sizing:border-box;background:var(--bg-card);border:2px solid #f59e0b;border-radius:var(--radius-2xl);padding:2.25rem 2.5rem;margin-bottom:3.5rem;box-shadow:0 8px 30px #f59e0b1f}@media(max-width:992px){.lifetime-banner-inner{grid-template-columns:1fr}}.lifetime-banner-badge{display:inline-flex;align-items:center;gap:.35rem;background:#f59e0b;color:#fff;padding:.3rem .85rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:800;text-transform:uppercase;margin-bottom:.75rem}.lifetime-banner-title{font-size:1.65rem;font-weight:900;color:var(--text-primary);margin-bottom:.25rem}.lifetime-banner-subtitle{font-size:.95rem;font-weight:600;color:#f59e0b;margin-bottom:.75rem}.lifetime-banner-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1.25rem}.lifetime-banner-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.lifetime-feat-item{display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:var(--text-primary);font-weight:600}.lifetime-banner-price-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.85rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.lifetime-price-tag{font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.lifetime-price-val{font-size:2.15rem;font-weight:900;color:#f59e0b;margin:.35rem 0}.lifetime-price-sub{font-size:.825rem;color:var(--text-secondary);font-weight:600}.addons-section-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);padding:2.75rem 2.25rem;margin-bottom:3.5rem;box-shadow:var(--shadow-sm)}.addons-header{text-align:center;max-width:750px;margin:0 auto 2.5rem}.addons-title{font-size:1.65rem;font-weight:900;margin:.65rem 0 .5rem}.addons-subtitle{font-size:.925rem;color:var(--text-secondary);line-height:1.6}.addons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media(max-width:1100px){.addons-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.addons-grid{grid-template-columns:1fr}}.addon-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:1.5rem 1.4rem 1.35rem;display:flex;flex-direction:column;height:100%;min-height:250px;transition:all var(--transition-fast)}.addon-card:hover{border-color:var(--accent-teal);transform:translateY(-3px);box-shadow:var(--shadow-md)}.addon-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.addon-icon-circle{width:42px;height:42px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.addon-price-badge{text-align:right}.addon-price-badge strong{font-size:1.15rem;font-weight:900;color:var(--text-primary);display:block;line-height:1.1}.addon-price-badge span{font-size:.725rem;color:var(--text-muted);font-weight:600}.addon-name{font-size:1.025rem;font-weight:800;color:var(--text-primary);margin-bottom:.45rem;line-height:1.3}.addon-desc{font-size:.825rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1.25rem;flex-grow:1}.addon-card .btn{margin-top:auto;padding:.55rem .85rem;font-size:.8rem;font-weight:700;border-radius:8px;width:100%}.btn-amber-gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:700;border:none;box-shadow:0 4px 14px #f59e0b59}.btn-amber-gold:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 18px #f59e0b73}.btn-premium{background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;font-weight:700;border:none;box-shadow:0 4px 14px #0ea5e959}.btn-premium:hover{background:linear-gradient(135deg,#0284c7,#4f46e5);transform:translateY(-2px)}.enterprise-custom-callout{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem 2.25rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.75rem;margin-top:3.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.callout-content{flex:1;min-width:300px}.callout-content h4{font-size:1.15rem;font-weight:800;margin-bottom:.35rem;color:var(--text-primary)}.callout-content p{font-size:.885rem;color:var(--text-secondary);line-height:1.55;max-width:680px;margin:0}.enterprise-custom-callout .btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.8rem 1.6rem;border-radius:10px;background:#25d366;color:#fff;font-size:.85rem;font-weight:700;white-space:nowrap;border:none;box-shadow:0 4px 14px #25d36647;transition:all var(--transition-fast);flex-shrink:0;cursor:pointer;font-family:inherit}.enterprise-custom-callout .btn-whatsapp:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 6px 18px #25d36661}.testimonials-section{padding:5rem 0;background:var(--bg-secondary)}.trust-badges-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;padding:1.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:4.5rem}.trust-badge-item{display:flex;align-items:center;gap:.85rem}.trust-badge-item strong{display:block;font-size:.925rem;font-weight:800;color:var(--text-primary)}.trust-badge-item span{font-size:.825rem;color:var(--text-secondary);font-weight:500}.testimonials-nav-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:1rem}.testimonials-scroll-hint{display:inline-flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:var(--text-muted);background:var(--surface2, #f8fafc);border:1px solid var(--border-color);padding:.4rem .85rem;border-radius:var(--radius-full)}.testimonials-arrow-controls{display:flex;align-items:center;gap:.5rem}.btn-testimonial-nav{width:38px;height:38px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s ease}.btn-testimonial-nav:hover{background:var(--accent-teal, #25a091);color:#fff;border-color:var(--accent-teal, #25a091);transform:translateY(-1px)}.testimonials-horizontal-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:.5rem .25rem 1.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.testimonials-horizontal-track::-webkit-scrollbar{height:6px}.testimonials-horizontal-track::-webkit-scrollbar-track{background:#0000000a;border-radius:4px}.testimonials-horizontal-track::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.testimonial-card-horizontal{flex:0 0 360px;min-width:320px;max-width:380px;scroll-snap-align:start;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.testimonial-card-horizontal:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#25a09159}@media(max-width:640px){.testimonial-card-horizontal{flex:0 0 84vw;min-width:260px;max-width:320px;padding:1.35rem 1.15rem}.testimonial-quote{font-size:.88rem;line-height:1.6;margin-bottom:1.15rem}}.stars-row{display:flex;gap:.25rem;margin-bottom:.75rem}.star-gold{color:#f59e0b}.testimonial-quote{font-size:.95rem;color:var(--text-secondary);line-height:1.7;font-style:italic;margin-bottom:1.5rem}.testimonial-author{display:flex;align-items:center;gap:.75rem}.author-avatar{width:42px;height:42px;border-radius:50%;background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}body.dark .author-avatar{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.author-name{font-size:.9rem;font-weight:800;line-height:1.3}.author-role{font-size:.8rem;color:var(--text-secondary);font-weight:500;line-height:1.3}.faq-section{padding:5rem 0;background:var(--bg-primary)}.faq-category-pills{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.75rem}.faq-cat-pill-btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.88rem;font-weight:600;padding:.5rem 1.15rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 6px #00000008}.faq-cat-pill-btn:hover{background:var(--bg-secondary);border-color:var(--accent-teal);color:var(--text-primary);transform:translateY(-1px)}.faq-cat-pill-btn.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);box-shadow:0 4px 14px #25a09159;font-weight:700}.faq-cat-count{font-size:.7rem;padding:.15rem .45rem;border-radius:var(--radius-full);background:#00000014;font-weight:700}.faq-cat-pill-btn.active .faq-cat-count{background:#ffffff40;color:#fff}.faq-accordion-list{max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:1.15rem}.faq-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;overflow:hidden;transition:all var(--transition-normal);box-shadow:0 2px 8px #00000005}.faq-item:hover{border-color:#25a09166;transform:translateY(-1px);box-shadow:0 4px 16px #0000000a}.faq-item.open{border-color:var(--accent-teal);box-shadow:0 8px 24px #25a09114;background:var(--bg-card)}body.dark .faq-item.open{box-shadow:0 8px 24px #0006}.faq-question-btn{width:100%;padding:1.25rem 1.6rem;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;text-align:left;font-family:inherit;gap:1.25rem}.faq-q-left{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;flex:1}.faq-question-text{font-size:1.05rem;font-weight:800;color:var(--text-primary);line-height:1.45}.faq-category-badge{font-size:.725rem;font-weight:700;padding:.25rem .65rem;border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap}.faq-badge-emerald{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3)}body.dark .faq-badge-emerald{background:#10b98133;color:#34d399;border-color:#10b98166}.faq-badge-amber{background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.3)}body.dark .faq-badge-amber{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b66}.faq-badge-teal{background:#25a0911f;color:#1e8074;border:1px solid rgba(37,160,145,.3)}body.dark .faq-badge-teal{background:#25a09133;color:#48d5c4;border-color:#25a09166}.faq-badge-blue{background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.25)}body.dark .faq-badge-blue{background:#2563eb33;color:#60a5fa;border-color:#2563eb66}.faq-badge-purple{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.25)}body.dark .faq-badge-purple{background:#8b5cf633;color:#c084fc;border-color:#8b5cf666}.faq-icon-arrow{color:var(--text-muted);flex-shrink:0;display:flex;align-items:center}.faq-chevron{transition:transform .25s ease,color .2s ease}.faq-answer-box{padding:1.25rem 1.6rem 1.6rem;border-top:1px dashed var(--border-color);margin-top:.25rem;background:#25a09105}body.dark .faq-answer-box{background:#0f172a59}.faq-answer-text,.faq-answer-intro{font-size:.95rem;color:var(--text-secondary);line-height:1.7}.faq-answer-intro{font-weight:600;color:var(--text-primary);margin-bottom:1rem}.faq-risk-callout{background:#ef44440f;border:1px solid rgba(239,68,68,.22);border-radius:10px;padding:1.1rem 1.25rem;margin-bottom:1rem}.callout-subhead{display:flex;align-items:center;gap:.4rem;font-size:.9rem;margin-bottom:.65rem}.faq-risk-list,.faq-mitigation-list{list-style:none;display:flex;flex-direction:column;gap:.55rem}.faq-risk-list li,.faq-mitigation-list li{display:flex;align-items:flex-start;gap:.5rem;font-size:.88rem;color:var(--text-primary);line-height:1.5}.faq-mitigation-box{background:#10b9810f;border:1px solid rgba(16,185,129,.22);border-radius:10px;padding:1.1rem 1.25rem;margin-bottom:1rem}.faq-upgrade-tip{display:flex;align-items:flex-start;gap:.65rem;background:#25a09114;border:1px solid rgba(37,160,145,.25);border-radius:8px;padding:.85rem 1.15rem;font-size:.88rem;color:var(--text-primary);line-height:1.5}.faq-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-top:1rem}.faq-price-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:10px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.2rem}.faq-price-name{font-size:.8rem;font-weight:700;color:var(--text-secondary)}.faq-price-val{font-size:1.05rem;color:var(--accent-teal);font-weight:800}.faq-price-sub{font-size:.725rem;color:var(--text-muted)}.faq-footer-note{font-size:.85rem;color:var(--text-secondary);font-weight:500}.faq-highlights-list{display:flex;flex-direction:column;gap:.55rem;margin-top:.85rem}.faq-highlight-row{display:flex;align-items:flex-start;gap:.55rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.footer-section{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:4.5rem 0 2rem}.footer-top-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:2.5rem;margin-bottom:3.5rem}.footer-logo-link{text-decoration:none;display:inline-flex;align-items:center;gap:.75rem;color:inherit;margin-bottom:.75rem}.footer-brand-desc{font-size:.875rem;color:var(--text-secondary);margin:.75rem 0 1.25rem;line-height:1.65}.compliance-badges{display:flex;gap:.5rem;flex-wrap:wrap}.footer-col-title{font-size:.95rem;font-weight:800;margin-bottom:1.2rem;color:var(--text-primary)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.65rem}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-teal)}.footer-contact-text{font-size:.85rem;color:var(--text-secondary);line-height:1.55}.footer-action-btn-wrap{display:flex;flex-direction:column;gap:.5rem;margin-top:.85rem}.footer-bottom-bar{border-top:1px solid var(--border-color);padding-top:1.75rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.copyright-text{font-size:.8rem;color:var(--text-muted)}.footer-bottom-links{display:flex;align-items:center;gap:.75rem;font-size:.8rem}.footer-bottom-links a{color:var(--text-muted);text-decoration:none}.footer-bottom-links a:hover{color:var(--accent-teal)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-dialog{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);max-width:580px;width:100%;max-height:92vh;overflow-y:auto;box-shadow:0 16px 48px #0003;position:relative}.modal-dialog.modal-dialog-lg{max-width:680px}body.dark .modal-dialog{box-shadow:0 16px 48px #0009}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.modal-mode-tabs-wrap{display:flex;gap:.35rem;background:var(--bg-input);padding:.3rem;border-radius:var(--radius-full);border:1px solid var(--border-color);margin-bottom:.4rem;flex-wrap:wrap}.modal-mode-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.45rem .85rem;border-radius:var(--radius-full);background:transparent;border:none;font-family:inherit;font-size:.8rem;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.modal-mode-tab:hover{color:var(--text-primary)}.modal-mode-tab.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 4px #00000014;border:1px solid var(--border-color)}.modal-mode-tab.trial-active{background:#f59e0b24;color:#d97706;border:1px solid rgba(245,158,11,.4)}body.dark .modal-mode-tab.trial-active{color:#fbbf24}.mode-pill-badge{font-size:.65rem;padding:.1rem .45rem;border-radius:var(--radius-full);font-weight:800}.mode-pill-badge.badge-free{background:#10b981;color:#fff}.modal-title{font-size:1.25rem;font-weight:900;color:var(--text-primary);margin-top:.2rem;line-height:1.25}.modal-subtitle{font-size:.825rem;color:var(--text-secondary);margin-top:.25rem;line-height:1.4}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.4rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close-btn:hover{color:var(--text-primary);background:var(--bg-input)}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.trial-highlight-card{background:#f59e0b0f;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-xl);padding:1.15rem;display:flex;flex-direction:column;gap:.65rem}.trial-highlight-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.trial-vip-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.775rem;font-weight:800;color:#d97706;text-transform:uppercase;letter-spacing:.04em}body.dark .trial-vip-badge{color:#fbbf24}.trial-free-tag{display:flex;align-items:baseline;gap:.35rem}.price-zero{font-size:1.35rem;font-weight:900;color:#10b981}.price-zero-sub{font-size:.725rem;color:var(--text-muted);font-weight:600}.trial-highlight-desc{font-size:.825rem;color:var(--text-secondary);line-height:1.5;margin:0}.trial-benefits-pills{display:flex;flex-wrap:wrap;gap:.35rem}.benefit-pill{font-size:.7rem;font-weight:700;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);padding:.15rem .55rem;border-radius:var(--radius-full)}.modal-plan-selector{display:flex;flex-direction:column;gap:.4rem}.plan-radio-group{display:flex;gap:.4rem;flex-wrap:wrap}.plan-radio-pill{flex:1;padding:.5rem .35rem;font-size:.78rem;font-weight:700;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--transition-fast);white-space:nowrap}.plan-radio-pill.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal)}.plan-radio-pill.lifetime-pill.active{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#d97706}.plan-radio-pill.premium-pill.active{background:linear-gradient(135deg,#0ea5e9,#6366f1);border-color:#0ea5e9}.modal-cycle-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.cycle-label{font-size:.825rem;font-weight:600;color:var(--text-secondary)}.cycle-btn-group{display:flex;gap:.35rem}.cycle-btn{padding:.35rem .65rem;font-size:.775rem;font-weight:600;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cycle-btn.active{background:var(--bg-card);border-color:var(--accent-teal);color:var(--accent-teal);font-weight:700}.modal-addons-selector{display:flex;flex-direction:column;gap:.4rem}.addons-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.addon-checkbox-label{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.addon-checkbox-label.checked{border-color:var(--accent-teal);background:#25a09114}.addon-checkbox-content{display:flex;justify-content:space-between;align-items:center;width:100%}.addon-check-title{font-size:.78rem;font-weight:700;color:var(--text-primary)}.addon-check-price{font-size:.725rem;color:var(--accent-teal);font-weight:700}.form-section-title{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:800;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.04em;margin-top:.35rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1!important}}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group.full-width{grid-column:span 2}.form-label{font-size:.775rem;font-weight:700;color:var(--text-secondary)}.form-input{width:100%;padding:.6rem .8rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:.875rem;outline:none;transition:border-color var(--transition-fast)}.form-input:focus{border-color:var(--accent-teal)}.form-hint{font-size:.7rem;color:var(--text-muted);line-height:1.35;margin-top:.15rem;display:block}.text-red{color:#ef4444;font-weight:800}.faskes-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}@media(max-width:600px){.faskes-type-grid{grid-template-columns:repeat(2,1fr)}}.faskes-type-chip{display:flex;align-items:center;gap:.4rem;padding:.5rem .65rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:.78rem;font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast)}.faskes-type-chip:hover{border-color:var(--accent-teal);color:var(--accent-teal)}.faskes-type-chip.active{background:#25a0911a;border-color:var(--accent-teal);color:var(--accent-teal);font-weight:750;box-shadow:0 1px 4px #25a09126}.faskes-type-icon{font-size:1rem}.faskes-type-text{line-height:1.25}.staff-count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}@media(max-width:600px){.staff-count-grid{grid-template-columns:repeat(2,1fr)}}.staff-count-pill{padding:.45rem .5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.76rem;font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:center;transition:all var(--transition-fast)}.staff-count-pill.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);font-weight:700}.modal-summary-box{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between}.trial-summary-box{background:#10b98114;border-color:#10b9814d}.summary-label{display:block;font-size:.75rem;color:var(--text-muted)}.summary-plan{font-size:.85rem;font-weight:700}.summary-addon-note{font-size:.75rem;display:block;margin-top:.15rem}.summary-price{font-size:1.35rem;font-weight:800}.modal-actions-grid{display:flex;flex-direction:column;gap:.6rem}.modal-security-note{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted);line-height:1.4}.trial-success-card{padding:1.5rem .5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.trial-success-icon-wrap{width:64px;height:64px;border-radius:50%;background:#10b9811f;border:2px solid #10b981;display:flex;align-items:center;justify-content:center}.trial-success-title{font-size:1.35rem;font-weight:900;color:var(--text-primary);margin:0}.trial-success-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.5;max-width:500px;margin:0}.tenant-preview-box{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.25rem;width:100%;text-align:left;display:flex;flex-direction:column;gap:.45rem;font-size:.82rem}.tenant-preview-row{display:flex;justify-content:space-between;align-items:center}.activation-steps-box{background:#25a0910f;border:1px solid rgba(37,160,145,.25);border-radius:var(--radius-lg);padding:1.15rem;width:100%;text-align:left}.steps-subhead{font-size:.825rem;font-weight:800;color:var(--text-primary);margin-bottom:.6rem}.activation-steps-list{padding-left:1.25rem;margin:0;display:flex;flex-direction:column;gap:.5rem;font-size:.78rem;color:var(--text-secondary);line-height:1.5}.simulated-invoice-view{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.invoice-badge-success{display:flex;align-items:center;gap:.5rem;padding:.6rem .85rem;background:#10b9811a;color:var(--accent-emerald);border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-md);font-weight:700;font-size:.875rem}.invoice-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem}.invoice-header-row{display:flex;justify-content:space-between;font-size:.825rem}.inv-label{display:block;color:var(--text-muted);font-size:.75rem}.inv-code{font-weight:700}.inv-divider{height:1px;background:var(--border-color);margin:.85rem 0}.inv-details{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.inv-row{display:flex;justify-content:space-between}.qris-mock-box{margin-top:1rem;padding:1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center}.qris-badge{font-size:.7rem;font-weight:800;letter-spacing:.05em;color:var(--accent-teal);margin-bottom:.5rem}.qris-code-placeholder{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:.75rem}.qris-box-pattern{width:110px;height:110px;background:#3b82f614;border:2px dashed var(--accent-teal);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.qris-scan-hint{font-size:.75rem;color:var(--text-muted)}.va-box{border-top:1px dashed var(--border-color);padding-top:.6rem}.va-label{font-size:.75rem;color:var(--text-muted)}.va-number{font-size:1.1rem;font-weight:800;color:var(--accent-teal);margin-top:.2rem}.btn-nav-trial-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .85rem;border-radius:var(--radius-full);background:#f59e0b1f;border:1px solid rgba(245,158,11,.4);color:#d97706;font-family:inherit;font-size:.8rem;font-weight:750;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-nav-trial-badge:hover{background:#f59e0b;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}body.dark .btn-nav-trial-badge{background:#f59e0b2e;color:#fbbf24;border-color:#f59e0b80}body.dark .btn-nav-trial-badge:hover{background:#f59e0b;color:#1e293b}.btn-hero-trial-highlight{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.4rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-family:inherit;font-size:.95rem;font-weight:800;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 6px 18px #f59e0b59;white-space:nowrap}.btn-hero-trial-highlight:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 10px 24px #f59e0b73}.enterprise-trial-cta-banner{background:var(--bg-card);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-2xl);padding:2.25rem 2.5rem;margin:1.5rem 0 3rem;display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:center;box-shadow:0 8px 28px #f59e0b14;position:relative}@media(max-width:992px){.enterprise-trial-cta-banner{grid-template-columns:1fr;padding:1.75rem}}.trial-banner-badge{display:inline-flex;align-items:center;gap:.35rem;background:#f59e0b1f;color:#d97706;border:1px solid rgba(245,158,11,.3);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.65rem}.trial-banner-title{font-size:1.55rem;font-weight:900;color:var(--text-primary);margin-bottom:.4rem;line-height:1.25}.trial-banner-desc{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin-bottom:1rem}.trial-banner-checklist{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.78rem;font-weight:600;color:var(--text-muted)}.trial-banner-right{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.btn-trial-gold{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.95rem 1.85rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:var(--radius-full);font-family:inherit;font-size:.95rem;font-weight:800;cursor:pointer;transition:all var(--transition-normal);box-shadow:0 6px 18px #f59e0b59;width:100%}.btn-trial-gold:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 10px 24px #f59e0b73}.trial-cta-subtext{font-size:.75rem;color:var(--text-muted);font-weight:500}.btn-trial-subtle{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.3);font-weight:700;font-size:.78rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.45rem .65rem;transition:all var(--transition-fast);cursor:pointer}.btn-trial-subtle:hover{background:#f59e0b;color:#fff}.floating-wa-btn{position:fixed;bottom:24px;right:24px;background:#25d366;color:#fff;border:none;border-radius:var(--radius-full);padding:.65rem 1.25rem .65rem .9rem;display:flex;align-items:center;gap:.6rem;cursor:pointer;box-shadow:0 6px 20px #25d36666;z-index:99;font-family:inherit;font-weight:700;font-size:.9rem;transition:all var(--transition-fast)}.floating-wa-btn:hover{background:#1ebc59;transform:translateY(-3px) scale(1.03);box-shadow:0 8px 25px #25d3668c}@media(max-width:1024px){.hero-headline{font-size:2.5rem}.soap-real-grid{grid-template-columns:1fr}.rx-adder-row{grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.pricing-cards-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto 3rem}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-5px)}.footer-top-grid{grid-template-columns:1fr 1fr}.trust-badges-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hide-mobile{display:none!important}.nav-links{display:none}.hero-headline{font-size:2rem}.hero-lead{font-size:1rem}.hero-stats-grid{grid-template-columns:repeat(2,1fr)}.rx-adder-row,.features-grid{grid-template-columns:1fr}.roi-calculator-card{grid-template-columns:1fr;padding:1.5rem}.testimonials-grid,.footer-top-grid,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.showcase-section{padding:5rem 0 4.5rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.showcase-tabs-strip{display:flex;justify-content:center;gap:.85rem;margin-top:2rem;margin-bottom:3rem;flex-wrap:wrap}.showcase-tab-btn{display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1.25rem;border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 6px #00000008}.showcase-tab-btn:hover{border-color:var(--accent-teal);color:var(--text-primary);background:var(--bg-secondary);transform:translateY(-1px)}.showcase-tab-btn.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal-hover);box-shadow:0 4px 14px #25a09159;font-weight:700}.tab-btn-badge{font-size:.675rem;padding:.2rem .55rem;border-radius:var(--radius-full);background:#00000014;font-weight:700}.showcase-tab-btn.active .tab-btn-badge{background:#ffffff40;color:#fff}.showcase-display-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column}.showcase-card-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;background:var(--bg-primary)}.header-text-block h3{font-size:1.2rem;font-weight:800;margin-bottom:.25rem;color:var(--text-primary)}.header-text-block p{font-size:.875rem;color:var(--text-secondary);max-width:680px;line-height:1.5}.showcase-highlights-row{display:flex;gap:.5rem;flex-wrap:wrap}.highlight-pill-item{display:inline-flex;align-items:center;gap:.35rem;font-size:.775rem;font-weight:600;padding:.25rem .65rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary)}.showcase-window-container{padding:2.5rem;background:var(--bg-input);display:flex;justify-content:center;align-items:center;min-height:520px;width:100%}.desktop-browser-frame{width:100%;max-width:100%;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.browser-chrome-bar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.65rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.browser-dots{display:flex;gap:6px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#10b981}.browser-address-bar{display:flex;align-items:center;gap:.5rem;background:var(--bg-input);border:1px solid var(--border-color);padding:.3rem .85rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-secondary);flex-grow:1;max-width:540px}.browser-status-chip{display:flex;align-items:center;gap:.4rem;font-size:.725rem;font-weight:600;color:var(--accent-emerald)}.status-dot-pulse{width:7px;height:7px;border-radius:50%;background:var(--accent-emerald)}.browser-viewport{position:relative;overflow:hidden;background:#0f172a}.viewport-img{width:100%;height:auto;display:block;transition:transform var(--transition-normal)}.viewport-watermark-overlay{position:absolute;bottom:12px;right:12px;background:#0f172ad9;color:#f8fafc;padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-interactive-showcase{display:grid;grid-template-columns:360px 1fr;gap:3.5rem;align-items:center;width:100%;max-width:1100px}.mobile-phone-device{width:330px;height:580px;background:#0b0f19;border:10px solid #1e293b;border-radius:36px;box-shadow:var(--shadow-lg);overflow:hidden;position:relative;display:flex;flex-direction:column}.phone-notch{width:100px;height:18px;background:#1e293b;border-radius:0 0 12px 12px;position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:8px;z-index:20}.camera-lens{width:6px;height:6px;border-radius:50%;background:#090d16}.speaker-earpiece{width:32px;height:3px;border-radius:3px;background:#334155}.phone-screen-content{flex:1;display:flex;flex-direction:column;background:#0f172a;color:#f8fafc;overflow:hidden}.phone-status-bar{padding:6px 14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.05)}.phone-icons-right{display:flex;gap:6px;align-items:center}.phone-app-header{padding:10px 14px;background:#1e293b;border-bottom:1px solid #334155;display:flex;justify-content:space-between;align-items:center}.phone-brand-title strong{display:block;font-size:13px;color:#f8fafc}.phone-brand-title span{font-size:10px;color:#94a3b8}.phone-user-chip{font-size:10px;padding:2px 8px;background:#3b82f633;color:#60a5fa;border-radius:12px;font-weight:700}.phone-body-scroll{flex:1;padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.phone-patient-card{background:#1e293b;border:1px solid #334155;border-radius:12px;padding:10px 12px}.p-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.p-rm{font-size:11px;color:#38bdf8;font-weight:700}.p-badge-status{font-size:9px;padding:1px 6px;background:#10b98133;color:#34d399;border-radius:8px;font-weight:700}.p-name{font-size:13px;font-weight:800;margin:0 0 2px;color:#fff}.p-unit{font-size:10px;color:#94a3b8}.phone-vitals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.phone-vital-cell{background:#1e293b;border:1px solid #334155;border-radius:8px;padding:6px 4px;text-align:center}.v-lbl{display:block;font-size:9px;color:#94a3b8}.v-val{font-size:11px;color:#f8fafc}.phone-actions-list{display:flex;flex-direction:column;gap:6px}.action-row-item{background:#1e293b;border:1px solid #334155;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:600;display:flex;justify-content:space-between;align-items:center;color:#f8fafc}.phone-bottom-nav{padding:8px 12px;background:#1e293b;border-top:1px solid #334155;display:flex;justify-content:space-around}.nav-tab-item{display:flex;flex-direction:column;align-items:center;font-size:10px;color:#94a3b8;gap:2px}.nav-tab-item.active{color:#38bdf8;font-weight:700}.mobile-feature-callout-box h4{font-size:1.35rem;font-weight:800;margin-bottom:.75rem;color:var(--text-primary)}.mobile-feature-callout-box p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.mobile-badges-stack{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.clinical-photo-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:960px}.photo-card-demo{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.photo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.photo-tag-chip{font-size:.725rem;font-weight:700;padding:.2rem .6rem;border-radius:var(--radius-full)}.tag-lab{background:#eff6ff;color:#1d4ed8;border:1px solid #dbeafe}.tag-fisik{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.tag-resep{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.photo-size-chip{font-size:.7rem;color:var(--text-muted)}.photo-preview-placeholder{background:var(--bg-input);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:2.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;text-align:center;font-size:.825rem;color:var(--text-secondary);margin-bottom:1rem}.photo-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-muted);font-weight:600}.badge-status-chip{color:var(--accent-emerald)}.showcase-card-footer{padding:1.25rem 2rem;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem}.footer-callout{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.footer-actions{display:flex;gap:.75rem}@media(max-width:1024px){.mobile-interactive-showcase{grid-template-columns:1fr;justify-items:center}.clinical-photo-showcase-grid{grid-template-columns:1fr}}@media(max-width:768px){.showcase-window-container{padding:1rem .5rem;min-height:auto}.showcase-card-header{padding:1rem 1.25rem}.showcase-card-footer{padding:1rem 1.25rem;flex-direction:column;align-items:stretch;gap:1rem}.footer-actions{flex-direction:column}.mobile-interactive-showcase{grid-template-columns:1fr;gap:1.5rem}.mobile-phone-device{width:100%;max-width:320px;height:520px}.showcase-tab-btn{padding:.45rem .85rem;font-size:.8rem}.patient-meta-strip{gap:.75rem 1.25rem;padding:.75rem 1rem}.sandbox-topbar{padding:.85rem 1rem}.soap-real-grid{padding:1rem}}@media(max-width:480px){.hero-headline{font-size:1.75rem}.hero-lead{font-size:.95rem}.hero-stats-grid{grid-template-columns:1fr}.hero-cta-group{flex-direction:column;width:100%}.hero-cta-group .btn{width:100%}.showcase-tabs-strip{justify-content:flex-start;overflow-x:auto;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.showcase-tab-btn{white-space:nowrap;flex-shrink:0}}.real-emr-panel-mockup{width:100%;max-width:980px;display:flex;flex-direction:column;gap:1.5rem}.emr-card-box{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;box-shadow:var(--shadow-sm)}.emr-card-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;flex-wrap:wrap;gap:.75rem}.emr-card-title{display:flex;align-items:center;gap:.6rem;font-size:.95rem;color:var(--text-primary)}.card-icon-tag{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);font-size:.9rem}.ci-purple{background:#f3e8ff;color:#9333ea}.ci-green{background:#ecfdf5;color:#059669}.ci-blue{background:#eff6ff;color:#2563eb}body.dark .ci-purple{background:#9333ea33}body.dark .ci-green{background:#05966933}body.dark .ci-blue{background:#2563eb33}.emr-search-row{display:flex;gap:.75rem;align-items:center;margin-bottom:.85rem}.emr-search-input-wrap{flex:1;display:flex;align-items:center;gap:.5rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.45rem .85rem}.emr-search-input{border:none;background:transparent;outline:none;width:100%;font-family:inherit;font-size:.825rem;color:var(--text-primary)}.emr-category-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1rem}.emr-cat-chip{background:var(--bg-input);border:1px solid var(--border-color);padding:.25rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.emr-cat-chip.active{background:#eff6ff;color:#1d4ed8;border-color:#3b82f6;font-weight:700}body.dark .emr-cat-chip.active{background:#3b82f626;color:#60a5fa;border-color:#3b82f64d}.emr-drug-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;max-height:280px;overflow-y:auto;padding-right:4px}.emr-drug-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem;display:flex;flex-direction:column;gap:.25rem;transition:border-color var(--transition-fast)}.emr-drug-card:hover{border-color:var(--accent-teal)}.d-top-row{display:flex;justify-content:space-between;align-items:center}.d-stock-badge{font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:var(--radius-sm);font-family:var(--font-mono)}.stock-safe{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.stock-medium{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.stock-low{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}body.dark .stock-safe{background:#10b98126;color:#34d399;border-color:#10b9814d}body.dark .stock-medium{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b4d}body.dark .stock-low{background:#ef444426;color:#f87171;border-color:#ef44444d}.d-name{font-size:.875rem;font-weight:800;color:var(--text-primary);margin:0}.d-generic{font-size:.75rem;color:var(--text-muted)}.d-meta-row{display:flex;justify-content:space-between;align-items:center;margin-top:.4rem;font-size:.725rem}.d-icd{color:var(--accent-teal);font-weight:600}.d-cat-tag{background:var(--bg-card);border:1px solid var(--border-color);padding:.1rem .4rem;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.7rem}.emr-rx-table-wrap{overflow-x:auto;margin-bottom:1rem;border:1px solid var(--border-color);border-radius:var(--radius-md)}.emr-rx-table{width:100%;border-collapse:collapse;font-size:.825rem}.emr-rx-table th{background:var(--bg-primary);padding:.6rem .85rem;text-align:left;font-weight:700;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:.75rem;text-transform:uppercase}.emr-rx-table td{padding:.65rem .85rem;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.emr-rx-bottom-actions{display:flex;justify-content:flex-end;gap:.6rem;flex-wrap:wrap}.btn-emr-primary{background:var(--accent-teal);color:#fff;border:1px solid var(--accent-teal-hover);padding:.45rem .9rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:700;cursor:pointer}.btn-emr-outline{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);padding:.45rem .9rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer}.btn-emr-ghost{background:transparent;color:var(--text-secondary);border:1px dashed var(--border-color);padding:.45rem .85rem;border-radius:var(--radius-md);font-size:.8rem;cursor:pointer}.photo-filter-chips-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.photo-tag-filter-btn{background:var(--bg-primary);border:1px solid var(--border-color);padding:.35rem .75rem;border-radius:var(--radius-full);font-size:.775rem;font-weight:600;color:var(--text-secondary);cursor:pointer}.photo-tag-filter-btn.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal-hover)}.real-photos-display-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.real-photo-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.photo-tag-header{padding:.5rem .85rem;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700}.photo-visual-box{background:var(--bg-input);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:2.25rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;text-align:center}.photo-desc-label{font-size:.8rem;color:var(--text-secondary);max-width:220px}.photo-meta-footer{padding:.75rem .85rem;display:flex;flex-direction:column;gap:.5rem}.photo-meta-info{display:flex;justify-content:space-between;font-size:.725rem;color:var(--text-muted)}.photo-actions-row{display:flex;gap:.4rem}.btn-photo-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;background:var(--bg-card);border:1px solid var(--border-color);padding:.35rem .5rem;border-radius:var(--radius-sm);font-size:.725rem;font-weight:600;color:var(--text-primary);cursor:pointer}.duty-columns-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:start}.real-duty-modal-frame{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:1rem}.duty-modal-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.duty-modal-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0}.duty-modal-sub{font-size:.75rem;color:var(--text-muted);margin:.25rem 0 0}.btn-modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.25rem}.duty-tabs-row{display:flex;gap:.4rem;flex-wrap:wrap;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.duty-tab{padding:.35rem .65rem;border-radius:var(--radius-md);font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.duty-tab.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);font-weight:700}.duty-cards-list{display:flex;flex-direction:column;gap:.65rem}.duty-person-card{display:flex;align-items:center;gap:.75rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem .85rem;transition:all var(--transition-fast)}.duty-person-card:hover{border-color:var(--accent-teal);box-shadow:var(--shadow-sm)}.person-avatar{width:38px;height:38px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.person-info{display:flex;flex-direction:column;gap:.15rem;flex:1}.person-info strong{font-size:.85rem;color:var(--text-primary)}.person-info span{font-size:.725rem;color:var(--text-muted)}.badge-duty-status{font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;gap:.25rem}.badge-duty-status.on-duty{color:var(--accent-emerald)}.real-certificate-preview-frame{display:flex;flex-direction:column}.cert-paper{background:#fff;color:#0f172a;padding:1.5rem;border:1px solid #cbd5e1;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014;font-family:Times New Roman,Times,serif}body.dark .cert-paper{background:#f8fafc;color:#0f172a}.cert-header{display:flex;align-items:center;gap:.85rem;margin-bottom:.75rem}.cert-logo-box{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.cert-logo-img{max-width:44px;max-height:44px;object-fit:contain}.cert-faskes-text{flex:1}.cert-faskes-text h3{font-size:.95rem;font-weight:800;margin:0;color:#000;letter-spacing:.02em}.cert-faskes-text p{font-size:.68rem;color:#475569;margin:.15rem 0 0;line-height:1.3}.cert-divider-double{height:3px;border-top:2px solid #000000;border-bottom:1px solid #000000;margin-bottom:1rem}.cert-body{font-size:.8rem;line-height:1.5;color:#0f172a}.cert-title{text-align:center;font-size:.95rem;font-weight:800;text-decoration:underline;margin:0 0 .15rem;color:#000}.cert-ref-num{text-align:center;font-size:.725rem;color:#475569;margin-bottom:.85rem}.cert-intro{margin:0 0 .5rem}.cert-table-data{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.8rem}.cert-table-data td{padding:.2rem 0;vertical-align:top}.cert-verdict{margin:.65rem 0}.cert-closing{margin:.5rem 0 1rem;font-size:.75rem;color:#334155}.cert-doc-sign{display:flex;flex-direction:column;align-items:flex-end;text-align:right;margin-top:1rem;font-size:.775rem}.sign-spacer{height:36px}.sip-num{font-size:.7rem;color:#64748b}.roi-formula-box{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem 1rem;margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.formula-item{font-size:.775rem;color:var(--text-secondary);line-height:1.4}.sandbox-offline-hint{display:flex;align-items:center;gap:.4rem;font-size:.825rem;color:var(--text-secondary)}@media(max-width:1024px){.emr-drug-cards-grid{grid-template-columns:repeat(2,1fr)}.real-photos-display-grid,.duty-columns-grid{grid-template-columns:1fr}}@media(max-width:768px){.emr-drug-cards-grid{grid-template-columns:1fr}.emr-card-box{padding:1rem}}.video-chapters-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem}.video-toolbar-left{display:flex;align-items:center;gap:.85rem}.btn-video-play-toggle{display:inline-flex;align-items:center;gap:.45rem;background:var(--accent-teal);color:#fff;border:1px solid var(--accent-teal-hover);padding:.45rem 1rem;border-radius:var(--radius-md);font-size:.825rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #2563eb40;transition:all var(--transition-fast)}.btn-video-play-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 14px #2563eb59}.btn-video-play-toggle.playing{background:#ef4444;border-color:#dc2626;box-shadow:0 2px 8px #ef444440}.video-mode-indicator{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.video-chapters-chips-strip{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:2px}.video-chapter-chip{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-input);border:1px solid var(--border-color);padding:.3rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.video-chapter-chip:hover{border-color:var(--accent-teal);color:var(--text-primary)}.video-chapter-chip.active{background:#eff6ff;color:#1d4ed8;border-color:#3b82f6;font-weight:700}body.dark .video-chapter-chip.active{background:#3b82f626;color:#60a5fa;border-color:#3b82f659}.chap-num{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#00000014;font-size:.65rem;font-weight:800}body.dark .chap-num{background:#ffffff26}.video-viewport-container{position:relative;overflow:hidden}.video-hero-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;cursor:pointer;z-index:30;transition:all var(--transition-normal)}.video-hero-play-overlay:hover{background:#0f172a59}.video-hero-play-overlay:hover .video-play-pulse-circle{transform:scale(1.1);box-shadow:0 0 30px #3b82f6cc}.video-play-pulse-circle{width:76px;height:76px;border-radius:50%;background:var(--accent-teal);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 #3b82f699;animation:pulseRipple 2s infinite;transition:transform var(--transition-fast)}@keyframes pulseRipple{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 20px #3b82f600}to{box-shadow:0 0 #3b82f600}}.video-play-text-box{text-align:center;color:#fff;display:flex;flex-direction:column;gap:.25rem;text-shadow:0 2px 8px rgba(0,0,0,.8)}.video-play-text-box strong{font-size:1.25rem;font-weight:800}.video-play-text-box span{font-size:.85rem;color:#cbd5e1}.video-spotlight-box{position:absolute;border-radius:var(--radius-md);pointer-events:none;z-index:15;transition:all .4s cubic-bezier(.16,1,.3,1)}.spotlight-sidebar{top:10%;left:3%;width:18%;height:82%}.spotlight-soap{top:14%;left:22%;width:48%;height:78%}.spotlight-icd{top:14%;left:71%;width:26%;height:38%}.spotlight-rx{top:53%;left:71%;width:26%;height:42%}.spotlight-ai{top:32%;left:68%;width:29%;height:58%}.spotlight-print{top:68%;left:45%;width:32%;height:26%}.spotlight-pulse-border{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid #38bdf8;border-radius:inherit;box-shadow:0 0 20px #38bdf8cc,inset 0 0 20px #38bdf833;animation:pulseSpotlight 1.5s infinite alternate}@keyframes pulseSpotlight{0%{opacity:.7;transform:scale(.995)}to{opacity:1;transform:scale(1.005)}}.spotlight-tag-badge{position:absolute;top:-12px;right:12px;background:#0284c7;color:#fff;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:800;box-shadow:0 2px 6px #0006;letter-spacing:.02em}.video-simulated-cursor{position:absolute;z-index:25;pointer-events:none;display:flex;align-items:center;gap:.4rem;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translate(-4px,-4px)}.cursor-pointer-arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:14px solid #38bdf8;transform:rotate(-35deg);filter:drop-shadow(0 2px 4px rgba(0,0,0,.6))}.cursor-doctor-chip{background:#0f172ae6;color:#38bdf8;border:1px solid #38bdf8;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.675rem;font-weight:700;display:flex;align-items:center;gap:.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 10px #00000080;white-space:nowrap}.video-top-live-badge{position:absolute;top:14px;left:14px;z-index:20;background:#0f172ad9;color:#f8fafc;border:1px solid rgba(255,255,255,.15);padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.75rem;display:flex;align-items:center;gap:.45rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.live-rec-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulseRec 1s infinite}@keyframes pulseRec{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.video-narrative-banner{position:absolute;bottom:54px;left:14px;right:14px;z-index:20;background:#0f172aeb;border:1px solid rgba(56,189,248,.35);border-radius:var(--radius-lg);padding:.85rem 1.25rem;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 25px #00000080;gap:1rem}.narrative-left{display:flex;flex-direction:column;gap:.25rem}.narrative-step-pill{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#38bdf8}.narrative-desc{font-size:.8rem;color:#cbd5e1;margin:0;line-height:1.4}.video-player-bottom-controls{position:absolute;bottom:0;left:0;right:0;z-index:20;background:#090d16f2;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.video-timeline-bar-wrap{width:100%;height:4px;background:#ffffff26;position:relative;cursor:pointer}.video-timeline-progress{height:100%;background:linear-gradient(90deg,#38bdf8,#10b981);box-shadow:0 0 10px #38bdf8;transition:width .15s linear}.video-controls-row{padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.v-ctrl-left{display:flex;align-items:center;gap:.6rem}.v-ctrl-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#f8fafc;width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.v-ctrl-btn:hover{background:var(--accent-teal);border-color:var(--accent-teal)}.v-timecode{font-size:.75rem;color:#94a3b8;margin-left:.25rem}.v-ctrl-right{display:flex;align-items:center;gap:.85rem}.v-hint-text{font-size:.725rem;color:#94a3b8}.persona-section{padding:5rem 0;background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.persona-three-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:stretch}.persona-card-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 6px 24px #0000000a;display:flex;flex-direction:column;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal)}body.dark .persona-card-item{box-shadow:0 6px 24px #00000059}.persona-card-item:hover{transform:translateY(-6px);border-color:#25a091;box-shadow:0 16px 36px #25a09126}.persona-card-img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:var(--bg-secondary)}.persona-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.persona-card-item:hover .persona-card-img{transform:scale(1.04)}.persona-card-role-badge{position:absolute;bottom:14px;left:14px;display:inline-flex;align-items:center;gap:.45rem;background:#23272de6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:.35rem .85rem;border-radius:var(--radius-full);font-size:.775rem;font-weight:700;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #00000040}.persona-card-body{padding:1.75rem;display:flex;flex-direction:column;flex:1}.persona-card-title{font-size:1.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.35;color:var(--text-primary);margin-bottom:.65rem}.persona-card-desc{font-size:.9rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem}.persona-card-features{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.75rem;flex:1}.persona-feature-row{display:flex;align-items:flex-start;gap:.65rem;font-size:.85rem;color:var(--text-primary);line-height:1.45}.feature-check-icon{width:20px;height:20px;border-radius:50%;background:#4fac42;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.persona-card-footer{padding-top:1.25rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem}.persona-card-metric{display:flex;align-items:baseline;gap:.5rem}.p-metric-num{font-size:1.35rem;font-weight:900;color:#1e8074}body.dark .p-metric-num{color:#48d5c4}.p-metric-txt{font-size:.75rem;color:var(--text-muted);font-weight:600}.bottom-cta-section{padding:4.5rem 0 6rem;background:var(--bg-primary)}.bottom-cta-card{background:linear-gradient(135deg,#25a091,#1e8074,#4fac42);padding:4.5rem 2.5rem;border-radius:var(--radius-2xl);box-shadow:0 24px 60px -12px #25a09180;text-align:center;color:#fff;position:relative;overflow:hidden}.cta-content-wrapper{max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.cta-badge-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.15rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.35);margin-bottom:1.5rem}.cta-headline{font-size:2.65rem;font-weight:800;letter-spacing:-.03em;line-height:1.25;color:#fff;margin-bottom:1.25rem}.cta-subheadline{font-size:1.125rem;line-height:1.7;color:#ffffffeb;margin-bottom:2.5rem;max-width:720px}.bottom-cta-card .logo-brand-combined .brand-medis{color:#fff!important;font-weight:800}.bottom-cta-card .logo-brand-combined .brand-tren{color:#fef08a!important;font-weight:800;text-shadow:0 1px 4px rgba(0,0,0,.25)}.cta-button-group{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.btn-cta-white{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#1e8074;font-weight:800;font-size:1rem;padding:.9rem 2rem;border-radius:var(--radius-full);text-decoration:none;box-shadow:0 8px 24px #00000040;transition:all var(--transition-fast)}.btn-cta-white:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000059}.btn-cta-secondary{display:inline-flex;align-items:center;gap:.5rem;background:#00000038;border:1.5px solid rgba(255,255,255,.45);color:#fff;font-weight:700;font-size:.95rem;padding:.9rem 1.85rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.btn-cta-secondary:hover{background:#00000059;transform:translateY(-2px)}.btn-cta-whatsapp{display:inline-flex;align-items:center;gap:.5rem;background:#16a34a;color:#fff;font-weight:700;font-size:.95rem;padding:.9rem 1.85rem;border-radius:var(--radius-full);text-decoration:none;box-shadow:0 6px 18px #00000040;transition:all var(--transition-fast)}.btn-cta-whatsapp:hover{background:#15803d;transform:translateY(-2px)}.cta-trust-strip{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:.85rem;font-weight:600;color:#ffffffe0;flex-wrap:wrap}@media(max-width:992px){.kerjoo-hero-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.kerjoo-hero-left{align-items:center}.hero-top-badge-strip,.kerjoo-hero-cta-row{justify-content:center}.kerjoo-nav-links{display:none}.persona-three-cards-grid{grid-template-columns:1fr;gap:2rem;max-width:520px;margin:0 auto}}@media(max-width:640px){.kerjoo-hero-title{font-size:clamp(1.5rem,5.5vw,1.95rem);line-height:1.25}.kerjoo-hero-subtitle{font-size:.88rem;line-height:1.55;margin-bottom:1.25rem}.hero-top-badge-strip{flex-direction:column;align-items:center;gap:.4rem}.kerjoo-metrics-strip{grid-template-columns:1fr;max-width:100%;width:100%;gap:.65rem}.kerjoo-hero-cta-row{flex-direction:column;width:100%;gap:.65rem}.kerjoo-hero-cta-row button{width:100%;justify-content:center}.hero-mockup-sidebar-wrapper{display:none!important}.hero-mockup-main-content{padding:8px!important}.hero-mockup-vitals-grid{gap:6px!important}.hide-mobile{display:none!important}.badge-top-right{top:-8px;right:0}.badge-bottom-left{bottom:-8px;left:0}.floating-doctor-badge{bottom:-12px;right:0}.cta-headline{font-size:1.85rem}.persona-heading{font-size:1.5rem}}.feature-disclaimer-note{display:flex;align-items:flex-start;gap:.4rem;margin-top:.75rem;padding:.5rem .65rem;border-radius:6px;background:#f59e0b14;border:1px solid rgba(245,158,11,.22);font-size:.76rem;color:var(--text-secondary);line-height:1.45}.price-annual-note{display:block;font-size:.78rem;font-weight:600;color:#10b981;margin-top:.25rem}.price-coming-note{color:var(--text-muted);font-style:italic;font-weight:500}.starter-badge-pill{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);font-size:.75rem;font-weight:700;padding:.25rem .85rem;border-radius:var(--radius-full);box-shadow:0 2px 8px #0000000f}.plan-not-included{margin-top:1rem;padding-top:.75rem;border-top:1px dashed var(--border-color)}.features-title-muted{color:var(--text-muted)!important;font-size:.75rem!important;text-transform:uppercase;letter-spacing:.05em}.not-included-item{color:var(--text-muted)!important;font-size:.82rem!important;opacity:.78}.minus-icon{font-weight:900;color:var(--text-muted);margin-right:.35rem}.roi-disclaimer-box{display:flex;align-items:center;gap:.6rem;background:#f59e0b17;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:.65rem 1rem;margin-bottom:1.5rem;font-size:.82rem;color:var(--text-secondary);line-height:1.5}.result-note-warning{color:#d97706!important;font-weight:500}.comparison-disclaimer{margin-top:1rem;font-size:.78rem;color:var(--text-muted);text-align:center;font-style:italic}.th-label-wrapper{display:inline-flex;align-items:center;gap:.4rem}.testimonial-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.testimonial-tag-pill{font-size:.7rem;font-weight:600;padding:.15rem .55rem;border-radius:var(--radius-full);background:#25a0911f;color:var(--accent-teal);border:1px solid rgba(37,160,145,.25)}.testimonials-disclaimer{margin-top:1.25rem;font-size:.78rem;color:var(--text-muted);text-align:center;font-style:italic}.persona-role-label{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-teal);margin-bottom:.35rem}.modal-coming-alert{display:flex;align-items:flex-start;gap:.5rem;background:#f59e0b17;border:1px solid rgba(245,158,11,.25);border-radius:8px;padding:.75rem .9rem;font-size:.82rem;color:var(--text-secondary);line-height:1.45;margin-bottom:1.25rem}.marquee-subtitle-note{font-size:.92rem;color:var(--text-secondary);margin-top:.35rem}.pricing-controls-wrapper{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-top:2rem;margin-bottom:1.5rem}.pricing-filter-pills{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.filter-pill-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.88rem;font-weight:600;padding:.45rem 1.15rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.filter-pill-btn:hover{background:var(--bg-secondary);border-color:var(--accent-teal)}.filter-pill-btn.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);box-shadow:0 4px 14px #25a09159}.grid-4-tier{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-items:stretch;margin-top:3rem!important;margin-bottom:2.5rem!important}@media(max-width:1200px){.grid-4-tier{grid-template-columns:repeat(2,1fr);gap:2rem 1.5rem}}@media(max-width:680px){.grid-4-tier{grid-template-columns:1fr;gap:2.5rem}}.single-lifetime-view{max-width:480px;margin:3rem auto 3.5rem}.lifetime-highlight-banner{margin-top:1.5rem;margin-bottom:3.5rem;background:linear-gradient(135deg,var(--bg-card) 0%,rgba(245,158,11,.05) 100%);border:2px solid #f59e0b;border-radius:var(--radius-2xl);padding:2.25rem 2.5rem;box-shadow:0 10px 35px #f59e0b1f}.lifetime-banner-inner{display:grid;grid-template-columns:1.6fr 1fr;gap:2.5rem;align-items:center}@media(max-width:900px){.lifetime-banner-inner{grid-template-columns:1fr;gap:2rem}}.lifetime-banner-badge{display:inline-flex;align-items:center;gap:.4rem;background:#f59e0b;color:#fff;font-size:.78rem;font-weight:800;padding:.3rem .9rem;border-radius:var(--radius-full);margin-bottom:.75rem;letter-spacing:.04em;text-transform:uppercase}.lifetime-banner-title{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:.25rem}.lifetime-banner-subtitle{font-size:.95rem;font-weight:600;color:#d97706;margin-bottom:.75rem}.lifetime-banner-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.25rem}.lifetime-banner-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem 1.25rem}@media(max-width:600px){.lifetime-banner-features-grid{grid-template-columns:1fr}}.lifetime-feat-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;color:var(--text-primary);font-weight:500}.lifetime-banner-price-card{background:var(--bg-primary);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-xl);padding:2rem 1.75rem;text-align:center;box-shadow:var(--shadow-sm)}.lifetime-price-tag{display:block;font-size:.82rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.lifetime-price-val{font-size:2.2rem;font-weight:900;color:#d97706;line-height:1.1;margin-bottom:.35rem}.lifetime-price-sub{font-size:.82rem;color:var(--text-secondary);font-weight:600}.lifetime-card{border:2px solid #f59e0b!important;background:linear-gradient(180deg,var(--bg-card) 0%,rgba(245,158,11,.04) 100%)!important;box-shadow:0 8px 30px #f59e0b26!important}.lifetime-badge-pill{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.35rem;background:#f59e0b;color:#fff;font-size:.75rem;font-weight:700;padding:.3rem .95rem;border-radius:var(--radius-full);box-shadow:0 4px 12px #f59e0b66;white-space:nowrap}.lifetime-note{color:#f59e0b!important;font-weight:700}.btn-amber-gold{background:#f59e0b;color:#fff;font-weight:700;border:2px solid #d97706;border-radius:var(--radius-full);padding:.85rem 1.25rem;box-shadow:0 6px 20px #f59e0b59;cursor:pointer;transition:all var(--transition-fast)}.btn-amber-gold:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b73}.lifetime-pill{border-color:#f59e0b!important;color:#d97706!important;font-weight:700}.modal-lifetime-callout{display:flex;align-items:flex-start;gap:.65rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.85rem 1rem;margin-bottom:1.25rem;font-size:.85rem;color:var(--text-secondary);line-height:1.45}.modal-lifetime-callout strong{display:block;color:#d97706;margin-bottom:.2rem}.premium-card{border:1.5px solid rgba(37,160,145,.5)!important}.premium-badge-pill{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.35rem;background:#0ea5e9;color:#fff;font-size:.75rem;font-weight:700;padding:.3rem .95rem;border-radius:var(--radius-full);box-shadow:0 4px 12px #0ea5e966;white-space:nowrap}.starter-badge-pill{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);font-size:.75rem;font-weight:700;padding:.25rem .85rem;border-radius:var(--radius-full);box-shadow:0 2px 8px #0000000f;white-space:nowrap}.popular-badge-pill{position:absolute;top:-14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.35rem;background:linear-gradient(135deg,#25a091,#4fac42);color:#fff;padding:.35rem 1rem;border-radius:var(--radius-full);font-size:.725rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px #25a09159;white-space:nowrap}.btn-premium{background:#0ea5e9;color:#fff;font-weight:700;border:2px solid #0284c7;border-radius:var(--radius-full);padding:.85rem 1.25rem;box-shadow:0 6px 20px #0ea5e959;cursor:pointer;transition:all var(--transition-fast)}.btn-premium:hover{background:#0284c7;transform:translateY(-2px)}.addons-section-wrapper{margin-top:5rem;margin-bottom:2.5rem;padding:2.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.addons-header{text-align:center;max-width:720px;margin:0 auto 2.75rem}.addons-title{font-size:1.85rem;font-weight:800;color:var(--text-primary);margin-top:.65rem;margin-bottom:.75rem}.addons-subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.65}.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.addon-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;transition:all var(--transition-fast)}.addon-card:hover{transform:translateY(-2px);border-color:var(--accent-teal);box-shadow:var(--shadow-md)}.addon-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.addon-icon-circle{width:42px;height:42px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center}.addon-price-badge{background:#25a0911f;color:var(--accent-teal);border:1px solid rgba(37,160,145,.25);padding:.25rem .65rem;border-radius:6px;font-size:.85rem}.addon-price-badge span{font-size:.75rem;color:var(--text-secondary)}.addon-name{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.35rem}.addon-desc{font-size:.82rem;color:var(--text-secondary);line-height:1.45;flex-grow:1}.feature-item-inherited{background:#25a09114;border:1px solid rgba(37,160,145,.25);border-radius:var(--radius-sm);padding:.45rem .65rem;margin-bottom:.25rem}body.dark .feature-item-inherited{background:#25a09129;border-color:#25a09159}.inherited-text-strong{font-weight:800!important;color:var(--accent-teal)!important}body.dark .inherited-text-strong{color:#48d5c4!important}.lifetime-card .feature-item-inherited{background:#f59e0b1a;border-color:#f59e0b47}body.dark .lifetime-card .feature-item-inherited{background:#f59e0b2e;border-color:#f59e0b66}.lifetime-card .inherited-text-strong{color:#d97706!important}body.dark .lifetime-card .inherited-text-strong{color:#fbbf24!important}.modal-addons-selector{margin-bottom:1.25rem}.addons-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.4rem}@media(max-width:600px){.addons-checkbox-grid{grid-template-columns:1fr}}.addon-checkbox-label{display:flex;align-items:flex-start;gap:.5rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:.65rem .75rem;cursor:pointer;transition:all var(--transition-fast)}.addon-checkbox-label:hover{border-color:var(--accent-teal)}.addon-checkbox-label.checked{background:#25a09114;border-color:var(--accent-teal)}.addon-checkbox-input{margin-top:.2rem;accent-color:var(--accent-teal)}.addon-checkbox-content{display:flex;flex-direction:column}.addon-check-title{font-size:.82rem;font-weight:600;color:var(--text-primary)}.addon-check-price{font-size:.75rem;color:var(--accent-teal)}.summary-addon-note{display:block;font-size:.75rem;color:var(--accent-teal);margin-top:.2rem}.comparison-tab-pills{display:flex;gap:.85rem;justify-content:center;margin-top:1.75rem;margin-bottom:2.75rem;flex-wrap:wrap}.comp-pill-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem;font-weight:700;padding:.65rem 1.4rem;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 2px 6px #00000008}.comp-pill-btn:hover{background:var(--bg-secondary);border-color:var(--accent-teal);transform:translateY(-1px)}.comp-pill-btn.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);box-shadow:0 4px 14px #25a09159}.matrix-table{font-size:.85rem}.matrix-table th.th-tier{text-align:center;padding:.85rem .65rem;font-size:.82rem;background:var(--bg-secondary)}.matrix-table th.th-tier-pro{background:#25a09126;color:var(--accent-teal);border-bottom:2px solid var(--accent-teal)}.matrix-table th.th-tier-lifetime{background:#f59e0b26;color:#d97706;border-bottom:2px solid #f59e0b}.td-tier-val{text-align:center;padding:.75rem .5rem;color:var(--text-secondary)}.td-pro-val{background:#25a0910a;color:var(--text-primary)}.td-lifetime-val{background:#f59e0b0a;color:#d97706}.tr-price-highlight td{background:var(--bg-secondary);font-weight:700;border-top:2px solid var(--border-color)}.roi-tier-picker{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.35rem}.roi-tier-btn{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);font-size:.78rem;font-weight:600;padding:.35rem .75rem;border-radius:6px;cursor:pointer;transition:all var(--transition-fast)}.roi-tier-btn:hover{border-color:var(--accent-teal)}.roi-tier-btn.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal)}.offline-risk-collapsible-box{margin-top:1rem;padding:.75rem;border-radius:8px;background:#f59e0b14;border:1px dashed rgba(245,158,11,.35)}.offline-risk-toggle-btn{display:flex;align-items:center;gap:.4rem;width:100%;background:none;border:none;color:#d97706;font-size:.78rem;font-weight:700;cursor:pointer;padding:0;text-align:left;line-height:1.4}.offline-risk-toggle-btn:hover{text-decoration:underline}.offline-risk-details{margin-top:.75rem;padding-top:.65rem;border-top:1px solid rgba(245,158,11,.2);font-size:.75rem;color:var(--text-secondary);line-height:1.45}.offline-risk-subhead{display:block;font-size:.76rem;font-weight:700;color:var(--text-primary);margin-bottom:.35rem}.offline-risk-list,.offline-mitigation-list{list-style:none;padding:0;margin:0 0 .5rem}.offline-risk-list li{color:#ef4444;margin-bottom:.35rem}.offline-mitigation-list li{color:#10b981;margin-bottom:.35rem}.subpage-container{min-height:70vh;animation:subpageFadeIn .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes subpageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subpage-hero-banner{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:3.5rem 0 2.75rem;position:relative;overflow:hidden}.subpage-hero-content{max-width:820px;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.25rem}.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:2.25rem;font-weight:800;color:var(--text-primary);letter-spacing:-.025em;line-height:1.2;margin-bottom:.75rem}.subpage-hero-desc{font-size:1.05rem;color:var(--text-secondary);line-height:1.65;margin:0 auto 1.5rem;max-width:650px}.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:.35rem .85rem;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:#25a09114}.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:700;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}.mobile-bottom-dock{display:none;position:fixed;bottom:0;left:0;right:0;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-color);padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom,0px)) .5rem;z-index:95;box-shadow:0 -4px 16px #00000014}body.dark .mobile-bottom-dock{background:#1e293bf2;box-shadow:0 -4px 16px #0006}.mobile-dock-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem}.dock-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.4rem .2rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.dock-btn:hover{color:var(--accent-teal)}.dock-btn.active{color:var(--accent-teal);background:#25a0911f;font-weight:700}.dock-icon-wrap{display:flex;align-items:center;justify-content:center;position:relative}.dock-live-dot{position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:50%;background:#10b981}.dock-label{font-size:.65rem;line-height:1;white-space:nowrap}@media(max-width:768px){.mobile-bottom-dock{display:block}.app-layout{padding-bottom:60px}.floating-wa-btn{bottom:74px!important}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:#0f172ab8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.25rem;overflow-y:auto}.modal-dialog{position:relative;width:100%;background:var(--bg-card, #ffffff);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 25px 60px -15px #00000059,0 4px 20px #00000014;max-height:92vh;display:flex;flex-direction:column;overflow:hidden;z-index:100000}body.dark .modal-dialog{background:var(--bg-card, #23272D);box-shadow:0 25px 60px -15px #000000b3,0 0 0 1px var(--border-color)}.modal-dialog-lg{max-width:660px}.modal-dialog .modal-body{padding:1.25rem 1.5rem 1.5rem;overflow-y:auto;flex:1;background:var(--bg-card, #ffffff)}body.dark .modal-dialog .modal-body{background:var(--bg-card, #23272D)}.modern-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-card, #ffffff);gap:.75rem;flex-shrink:0}body.dark .modern-modal-header{background:var(--bg-card, #23272D)}.modern-segmented-bar{display:inline-flex;gap:4px;background:var(--bg-input, #F4F7F6);padding:4px;border-radius:10px;border:1px solid var(--border-color)}body.dark .modern-segmented-bar{background:var(--bg-input, #171A1F)}.segmented-tab-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:8px;border:none;font-size:.825rem;font-weight:600;color:var(--text-secondary);background:transparent;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.segmented-tab-btn:hover{color:var(--text-primary)}.segmented-tab-btn.active{background:var(--bg-card, #ffffff);color:var(--text-primary);box-shadow:0 2px 6px #00000014;font-weight:700}body.dark .segmented-tab-btn.active{background:var(--bg-card, #23272D);color:#fff;box-shadow:0 2px 6px #0006}.seg-badge-free{background:#10b981;color:#fff;font-size:.625rem;font-weight:700;padding:.12rem .45rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.025em}.modern-close-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input, #F4F7F6);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}body.dark .modern-close-btn{background:var(--bg-input, #171A1F)}.modern-close-btn:hover{background:var(--border-color);color:var(--text-primary)}.modern-title-block{margin-bottom:1.1rem}.modern-form-title{font-size:1.18rem;font-weight:800;color:var(--text-primary);margin:0 0 .3rem;line-height:1.25}.modern-form-subtitle{font-size:.8rem;color:var(--text-muted);margin:0;line-height:1.45}.modern-form-alert{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;border-radius:10px;background:#ef444414;border:1px solid rgba(239,68,68,.3);margin-bottom:1.1rem;animation:modalAlertSlide .25s cubic-bezier(.16,1,.3,1)}body.dark .modern-form-alert{background:#ef444424;border-color:#ef444466}.modern-form-alert .alert-icon{flex-shrink:0;margin-top:2px}.modern-form-alert .alert-content{flex:1;display:flex;flex-direction:column;gap:.15rem}.modern-form-alert .alert-title{font-size:.8rem;font-weight:800;color:#ef4444}body.dark .modern-form-alert .alert-title{color:#f87171}.modern-form-alert .alert-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.35}.modern-form-alert .alert-dismiss-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all var(--transition-fast)}.modern-form-alert .alert-dismiss-btn:hover{color:var(--text-primary);background:#0000000d}.input-with-icon.has-error .modern-input{border-color:#ef4444!important;background:#ef44440a!important}.input-with-icon.has-error .input-left-icon{color:#ef4444!important}@keyframes modalAlertSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.modern-trial-ribbon{background:#25a09112;border:1px solid rgba(37,160,145,.25);border-radius:12px;padding:.85rem 1rem;margin-bottom:1.15rem}body.dark .modern-trial-ribbon{background:#48d5c414;border-color:#48d5c44d}.ribbon-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.65rem;padding-bottom:.5rem;border-bottom:1px dashed rgba(37,160,145,.25)}.ribbon-badge{display:flex;align-items:center;gap:.4rem;color:var(--accent-teal);font-size:.825rem;font-weight:700}.ribbon-price{display:flex;align-items:baseline;gap:.35rem}.price-tag-free{font-size:1.15rem;font-weight:900;color:#10b981}.price-tag-note{font-size:.7rem;color:var(--text-muted);font-weight:600}.ribbon-features-row{display:grid;grid-template-columns:repeat(2,1fr);gap:.45rem .85rem}.ribbon-feat{display:flex;align-items:center;gap:.45rem;font-size:.775rem;color:var(--text-secondary);font-weight:600}.modern-order-selector-wrap{margin-bottom:1.15rem}.plan-pill-scroller{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;margin-bottom:.5rem;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.plan-pill-scroller::-webkit-scrollbar{display:none}.plan-compact-chip{display:flex;align-items:center;justify-content:center;text-align:center;padding:.55rem .35rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input, #F4F7F6);color:var(--text-secondary);font-size:.775rem;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit;transition:all var(--transition-fast)}body.dark .plan-compact-chip{background:var(--bg-input, #171A1F)}.plan-compact-chip:hover{border-color:var(--accent-teal);color:var(--text-primary)}.plan-compact-chip.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);font-weight:700;box-shadow:0 2px 6px #25a09140}.modern-billing-switch{display:flex;align-items:center;justify-content:space-between;margin-top:.65rem;padding:.45rem .75rem;background:var(--bg-input, #F4F7F6);border-radius:10px;border:1px solid var(--border-color)}body.dark .modern-billing-switch{background:var(--bg-input, #171A1F)}.billing-switch-label{font-size:.775rem;font-weight:600;color:var(--text-muted)}.billing-toggle-pills{display:flex;gap:.3rem}.toggle-pill{padding:.35rem .65rem;border-radius:6px;border:none;background:transparent;font-size:.75rem;font-weight:600;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.toggle-pill.active{background:var(--bg-card, #ffffff);color:var(--accent-teal);box-shadow:0 1px 3px #00000014;font-weight:700}body.dark .toggle-pill.active{background:var(--bg-card, #23272D)}.save-pill{background:#10b981;color:#fff;font-size:.625rem;padding:.1rem .35rem;border-radius:4px;margin-left:.25rem}.lifetime-compact-note{display:flex;align-items:center;gap:.5rem;margin-top:.65rem;padding:.55rem .85rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:8px;font-size:.775rem;color:var(--text-secondary)}.modern-field-group{margin-bottom:1.1rem}.modern-field-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem}.modern-field-subhint{font-size:.7rem;color:var(--text-muted);font-weight:500}.modern-field-label{display:flex;align-items:center;gap:.25rem;font-size:.775rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.req-dot{color:#ef4444}.modern-plan-addons-hint{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .85rem;border-radius:8px;background:var(--bg-secondary, #F8FAF9);border:1px solid var(--border-color);font-size:.735rem;color:var(--text-secondary);line-height:1.35;margin-bottom:.65rem}body.dark .modern-plan-addons-hint{background:var(--bg-secondary, #23272D)}.modern-plan-addons-hint.enterprise-included{background:#10b98114;border:1px solid rgba(16,185,129,.3);color:var(--text-primary)}.modern-addons-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.55rem}.modern-addon-picker-card{display:flex;align-items:center;gap:.6rem;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card, #ffffff);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:inherit;position:relative}body.dark .modern-addon-picker-card{background:var(--bg-card, #23272D)}.modern-addon-picker-card:hover{border-color:var(--accent-teal);background:var(--bg-card-hover, #F1F6F4)}body.dark .modern-addon-picker-card:hover{background:var(--bg-card-hover, #2C3138)}.modern-addon-picker-card.active{border-color:var(--accent-teal);background:#25a09114;box-shadow:0 0 0 1px var(--accent-teal)}body.dark .modern-addon-picker-card.active{background:#48d5c41f}.modern-addon-picker-card.included{background:#10b9810f;border:1px solid rgba(16,185,129,.35);cursor:default}body.dark .modern-addon-picker-card.included{background:#10b9811a;border:1px solid rgba(16,185,129,.35)}.modern-addon-picker-card.included:hover{border-color:#10b98173;background:#10b98114}body.dark .modern-addon-picker-card.included:hover{background:#10b9811f}.modern-addon-picker-card.included .addon-picker-price{color:#10b981;font-weight:700}.addon-picker-badge-included{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:6px;background:#10b98126;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.675rem;font-weight:700;white-space:nowrap;flex-shrink:0}body.dark .addon-picker-badge-included{background:#10b98140}.addon-picker-icon-box{width:30px;height:30px;border-radius:8px;background:var(--bg-input, #F4F7F6);display:flex;align-items:center;justify-content:center;flex-shrink:0}body.dark .addon-picker-icon-box{background:var(--bg-input, #171A1F)}.addon-picker-info{flex:1;display:flex;flex-direction:column;gap:.1rem}.addon-picker-title{font-size:.76rem;font-weight:700;color:var(--text-primary);line-height:1.25}.addon-picker-price{font-size:.7rem;font-weight:600;color:var(--accent-teal)}.addon-picker-checkbox{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--border-color);background:var(--bg-input, #F4F7F6);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}body.dark .addon-picker-checkbox{background:var(--bg-input, #171A1F)}.addon-picker-checkbox.checked{background:var(--accent-teal);border-color:var(--accent-teal)}.modern-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.modern-type-card{display:flex;align-items:center;gap:.55rem;padding:.6rem .7rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card, #ffffff);cursor:pointer;transition:all var(--transition-fast);position:relative;text-align:left;font-family:inherit}body.dark .modern-type-card{background:var(--bg-card, #23272D)}.modern-type-card:hover{border-color:var(--accent-teal);background:var(--bg-card-hover, #F1F6F4)}body.dark .modern-type-card:hover{background:var(--bg-card-hover, #2C3138)}.modern-type-card.active{border-color:var(--accent-teal);background:#25a0911a;box-shadow:0 0 0 1px var(--accent-teal)}body.dark .modern-type-card.active{background:#48d5c41f;box-shadow:0 0 0 1px var(--accent-teal)}.type-icon-box{width:30px;height:30px;border-radius:8px;background:var(--bg-input, #F4F7F6);display:flex;align-items:center;justify-content:center;flex-shrink:0}body.dark .type-icon-box{background:var(--bg-input, #171A1F)}.type-title{font-size:.76rem;font-weight:600;color:var(--text-primary);line-height:1.25;flex:1}.type-check{position:absolute;top:4px;right:4px}.modern-inputs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem .85rem;margin-bottom:1.1rem}.input-block{display:flex;flex-direction:column}.input-block.span-2{grid-column:span 2}.input-with-icon{position:relative;display:flex;align-items:center}.input-left-icon{position:absolute;left:.85rem;color:var(--text-muted);pointer-events:none}.modern-input{width:100%;padding:.6rem .85rem .6rem 2.45rem;font-size:.825rem;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input, #F4F7F6);color:var(--text-primary);transition:all var(--transition-fast);font-family:inherit}body.dark .modern-input{background:var(--bg-input, #171A1F);color:var(--text-primary)}.modern-input:focus{outline:none;border-color:var(--accent-teal);background:var(--bg-card, #ffffff);box-shadow:0 0 0 3px #25a09126}body.dark .modern-input:focus{background:var(--bg-card, #23272D);box-shadow:0 0 0 3px #48d5c433}.modern-input-hint{font-size:.675rem;color:var(--text-muted);margin-top:.25rem}.modern-staff-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.staff-segment-btn{padding:.5rem .25rem;text-align:center;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-input, #F4F7F6);color:var(--text-secondary);font-size:.775rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}body.dark .staff-segment-btn{background:var(--bg-input, #171A1F)}.staff-segment-btn:hover{border-color:var(--accent-teal)}.staff-segment-btn.active{background:var(--accent-teal);color:#fff;border-color:var(--accent-teal);font-weight:700}.modern-summary-bar{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.15rem;border-radius:10px;background:var(--bg-secondary, #F8FAF9);border:1px solid var(--border-color);margin-bottom:1.1rem}body.dark .modern-summary-bar{background:var(--bg-secondary, #23272D)}.summary-info{display:flex;flex-direction:column}.summary-title{font-size:.85rem;font-weight:800;color:var(--text-primary)}.summary-subtitle{font-size:.7rem;color:var(--text-muted)}.summary-amount{font-size:1.25rem;font-weight:900;color:var(--accent-teal);white-space:nowrap}.modern-modal-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:.75rem;margin-bottom:.85rem}.btn-modern-wa{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1rem;border-radius:9px;border:none;background:#25d366;color:#fff;font-size:.825rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px #25d36640;font-family:inherit}.btn-modern-wa:hover{transform:translateY(-1px);background:#20ba5a;box-shadow:0 6px 16px #25d36659}.btn-modern-primary{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1rem;border-radius:9px;border:none;background:var(--accent-teal);color:#fff;font-size:.825rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);font-family:inherit}.btn-modern-primary:hover{transform:translateY(-1px);background:var(--accent-hover, #1e8578)}.btn-modern-ghost{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border-radius:9px;border:1px solid var(--border-color);background:var(--bg-input, #F4F7F6);color:var(--text-secondary);font-size:.825rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}body.dark .btn-modern-ghost{background:var(--bg-input, #171A1F)}.btn-modern-ghost:hover{background:var(--border-color);color:var(--text-primary)}.modern-security-footer{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--text-muted);line-height:1.3;justify-content:center;text-align:center;padding:0 .5rem}.modern-success-box{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem .5rem 1rem}.modern-success-icon{width:54px;height:54px;border-radius:50%;background:#10b9811f;border:1px solid rgba(16,185,129,.3);display:flex;align-items:center;justify-content:center;margin-bottom:.85rem}.success-heading{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0 0 .25rem}.success-subheading{font-size:.825rem;color:var(--text-secondary);margin:0 0 1.15rem;max-width:480px}.modern-spec-sheet{width:100%;background:var(--bg-secondary, #F8FAF9);border:1px solid var(--border-color);border-radius:10px;padding:.85rem 1.1rem;margin-bottom:1rem;text-align:left}body.dark .modern-spec-sheet{background:var(--bg-secondary, #23272D)}.spec-row{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px dashed var(--border-color);font-size:.8rem}.spec-row:last-child{border-bottom:none}.spec-label{color:var(--text-muted);font-weight:500}.spec-val{color:var(--text-primary);font-weight:600}.activation-flow-card{width:100%;background:#25a0910d;border:1px solid rgba(37,160,145,.2);border-radius:10px;padding:.85rem 1.1rem;margin-bottom:1rem;text-align:left}.flow-card-title{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:800;color:var(--accent-teal);margin-bottom:.65rem}.flow-steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.flow-step-item{display:flex;flex-direction:column;gap:.25rem;font-size:.725rem;color:var(--text-secondary)}.step-num{width:20px;height:20px;border-radius:50%;background:var(--accent-teal);color:#fff;font-weight:800;font-size:.675rem;display:flex;align-items:center;justify-content:center}.step-desc{line-height:1.3;font-weight:500}.modern-invoice-view{padding:.25rem 0}.invoice-success-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:9999px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);color:#10b981;font-size:.775rem;font-weight:700;margin-bottom:1rem}.invoice-compact-card{background:var(--bg-secondary, #F8FAF9);border:1px solid var(--border-color);border-radius:12px;padding:1.1rem}body.dark .invoice-compact-card{background:var(--bg-secondary, #23272D)}.inv-top-row{display:flex;justify-content:space-between;align-items:center}.inv-muted-label{font-size:.725rem;color:var(--text-muted);margin-right:.35rem}.inv-num{font-size:.9rem;color:var(--text-primary);font-weight:800}.inv-status-chip{font-size:.7rem;font-weight:700;background:#f59e0b26;color:#d97706;padding:.2rem .55rem;border-radius:6px;border:1px solid rgba(245,158,11,.3)}.inv-divider-line{height:1px;background:var(--border-color);margin:.75rem 0}.inv-kv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.8rem;margin-bottom:.85rem}.inv-kv{display:flex;flex-direction:column;gap:.15rem}.inv-kv span{font-size:.7rem;color:var(--text-muted)}.modern-qris-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color);border-radius:8px;padding:.85rem;text-align:center;margin-top:.75rem}body.dark .modern-qris-card{background:var(--bg-card, #23272D)}.qris-head-tag{font-size:.65rem;font-weight:800;letter-spacing:.05em;color:var(--text-muted);display:block;margin-bottom:.5rem}.qris-visual-box{display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:.35rem 0}.qris-sub-hint{font-size:.7rem;color:var(--text-muted)}.va-copy-row{display:flex;justify-content:space-between;align-items:center;background:var(--bg-input, #F4F7F6);padding:.45rem .75rem;border-radius:6px;border:1px solid var(--border-color);font-size:.775rem;margin-top:.5rem}body.dark .va-copy-row{background:var(--bg-input, #171A1F)}@media(max-width:640px){.modern-modal-header{flex-direction:column;align-items:stretch}.modern-segmented-bar{width:100%;display:grid;grid-template-columns:1fr 1fr}.modern-close-btn{position:absolute;top:.75rem;right:.75rem}.modern-type-grid{grid-template-columns:repeat(2,1fr)}.modern-inputs-grid{grid-template-columns:1fr}.input-block.span-2{grid-column:span 1}.modern-modal-actions,.flow-steps-grid{grid-template-columns:1fr}.plan-pill-scroller{grid-template-columns:repeat(2,1fr)}}.perspective-container{perspective:1200px}.parallax-3d-card{transform-style:preserve-3d;will-change:transform;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #0f172a40}.mockup-glare-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;mix-blend-mode:overlay;transition:opacity .2s ease}.telemetry-badge{position:absolute;display:inline-flex;align-items:center;gap:.6rem;padding:.5rem .85rem;border-radius:var(--radius-full);background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:0 10px 25px #0f172a1f;z-index:20;white-space:nowrap;pointer-events:none}body.dark .telemetry-badge{background:#1e293bf2;border-color:var(--border-color);box-shadow:0 10px 25px #00000073}.telemetry-top-left{top:-14px;left:-18px}.telemetry-top-right{top:20px;right:-22px}.telemetry-bottom-right{bottom:45px;right:-18px}.telemetry-content{display:flex;flex-direction:column}.telemetry-title{font-size:.78rem;font-weight:800;color:var(--text-primary);line-height:1.15}.telemetry-sub{font-size:.68rem;color:var(--text-muted);font-weight:600}.telemetry-pulse-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}.telemetry-icon-circle{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dot-emerald{background:#10b981;box-shadow:0 0 8px #10b98199;animation:pulseDot 2s infinite}.dot-blue{background:#0ea5e9;box-shadow:0 0 8px #0ea5e999;animation:pulseDot 2s infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes floatReverse{0%,to{transform:translateY(0)}50%{transform:translateY(7px)}}.animate-float-slow{animation:floatSlow 4s ease-in-out infinite}.animate-float-reverse{animation:floatReverse 4.5s ease-in-out infinite}@media(max-width:1024px){.telemetry-top-left,.telemetry-top-right,.telemetry-bottom-right{display:none}}.before-after-section{padding:5rem 0;background:var(--bg-primary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.before-after-container{position:relative;width:100%;max-width:1080px;margin:2.5rem auto 0;height:440px;border-radius:16px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 20px 40px #0f172a14;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:var(--bg-card)}body.dark .before-after-container{box-shadow:0 20px 40px #0006}.ba-layer{position:absolute;top:0;bottom:0;overflow:hidden}.ba-after-layer{left:0;right:0;background:var(--bg-card);z-index:1}.ba-before-layer{left:0;background:var(--bg-card);z-index:2;border-right:2px solid #25A091}.ba-content-card{width:1080px;height:100%;padding:2.25rem 2.5rem;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.ba-badge-status{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .95rem;border-radius:var(--radius-full);font-size:.82rem;font-weight:800;letter-spacing:.02em;width:fit-content}.badge-after{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3)}.badge-before{background:#f43f5e1f;color:#e11d48;border:1px solid rgba(244,63,94,.3)}.ba-card-body{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.ba-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.ba-feature-item{display:flex;align-items:flex-start;gap:1rem}.ba-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-rose-soft{background:#f43f5e1a;border:1px solid rgba(244,63,94,.25)}.bg-teal-soft{background:#25a0911a;border:1px solid rgba(37,160,145,.25)}.bg-emerald-soft{background:#10b9811a;border:1px solid rgba(16,185,129,.25)}.bg-blue-soft{background:#0ea5e91a;border:1px solid rgba(14,165,233,.25)}.bg-amber-soft{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25)}.text-rose{color:#e11d48}.ba-item-title{font-size:.96rem;font-weight:750;margin:0 0 .25rem;color:var(--text-primary)}.ba-item-desc{font-size:.83rem;margin:0;color:var(--text-secondary);line-height:1.45}.ba-highlight-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:8px;font-size:.82rem;font-weight:700;width:fit-content}.chip-after{background:#10b98114;color:#059669;border:1px solid rgba(16,185,129,.25)}.chip-before{background:#f43f5e14;color:#e11d48;border:1px solid rgba(244,63,94,.25)}.ba-slider-handle{position:absolute;top:0;bottom:0;width:44px;margin-left:-22px;z-index:10;display:flex;flex-direction:column;align-items:center;cursor:ew-resize}.ba-handle-line{flex:1;width:3px;background:#25a091}.ba-handle-button{width:40px;height:40px;border-radius:50%;background:#25a091;color:#fff;display:flex;align-items:center;justify-content:center;gap:3px;font-size:.7rem;box-shadow:0 4px 14px #25a09180;border:2.5px solid #ffffff}body.dark .ba-handle-button{border-color:#1e293b}.ba-bottom-cta{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding:1rem 1.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0f172a0a}.ba-cta-text{font-size:.9rem;font-weight:700;color:var(--text-primary)}.ba-cta-buttons{display:flex;align-items:center;gap:.75rem}@media(max-width:900px){.before-after-container{height:540px}.ba-content-card{width:min(1080px,calc(100vw - 2.5rem));padding:1.25rem}.ba-feature-grid{grid-template-columns:1fr;gap:.85rem}.ba-bottom-cta{flex-direction:column;gap:.85rem;text-align:center}.ba-cta-buttons{width:100%;flex-direction:column;gap:.5rem}.ba-cta-buttons button{width:100%;justify-content:center}}@media(max-width:640px){.before-after-container{height:600px}.ba-content-card{width:calc(100vw - 2.5rem);max-width:580px;padding:1rem .85rem}.ba-card-body{gap:.75rem}.ba-item-title{font-size:.86rem}.ba-item-desc{font-size:.76rem;line-height:1.4}.ba-icon-box{width:34px;height:34px;border-radius:8px}.ba-icon-box svg{width:16px;height:16px}.ba-highlight-chip{font-size:.72rem;padding:.35rem .65rem}.ba-badge-status{font-size:.72rem;padding:.3rem .65rem}}@media(max-width:480px){.before-after-container{height:640px}.ba-content-card{width:calc(100vw - 1.7rem);padding:.85rem .65rem}.ba-feature-item{gap:.65rem}}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ae0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:1.5rem}.lightbox-dialog{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px #00000073}.lightbox-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.lightbox-badge-tag{font-size:.68rem;font-weight:800;padding:.15rem .5rem;border-radius:var(--radius-full);background:#25a09126;color:#25a091;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;display:inline-block}.lightbox-title{font-size:1.05rem;font-weight:800;margin:0;color:var(--text-primary)}.lightbox-tools{display:flex;align-items:center;gap:.5rem}.lightbox-tool-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .75rem;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);font-family:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.lightbox-tool-btn:hover{border-color:#25a091;color:#25a091;background:#25a09114}.lightbox-close-btn{width:36px;height:36px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:.5rem;transition:all var(--transition-fast)}.lightbox-close-btn:hover{color:#ef4444;border-color:#ef4444}.lightbox-stage{flex:1;min-height:380px;display:flex;align-items:center;justify-content:center;background:#0f172a;overflow:hidden;padding:2rem;position:relative}.lightbox-image-wrapper{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.lightbox-img{max-width:100%;max-height:55vh;object-fit:contain;border-radius:8px}.lightbox-placeholder-card{background:#1e293bf2;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:2.5rem 2rem;text-align:center;max-width:520px;color:#fff;display:flex;flex-direction:column;align-items:center}.placeholder-title{font-size:1.15rem;font-weight:800;margin:0 0 .5rem;color:#f8fafc}.placeholder-sub{font-size:.85rem;color:#cbd5e1;margin:0 0 1.25rem;line-height:1.5}.placeholder-meta-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.placeholder-meta-chips span{font-size:.72rem;font-weight:700;padding:.25rem .6rem;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#94a3b8}.lightbox-footer{padding:.9rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-primary)}.lightbox-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.meta-cell{display:flex;flex-direction:column}.meta-label{font-size:.7rem;color:var(--text-muted);font-weight:600}.meta-val{font-size:.82rem;color:var(--text-primary);font-weight:700}.multi-device-stack-wrapper{width:100%;min-height:520px;display:flex;align-items:center;justify-content:center;padding:2rem 1rem 4.5rem;position:relative}.stack-ambient-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(37,160,145,.18) 0%,transparent 70%);pointer-events:none;z-index:0}.stack-device-desktop{position:relative;width:78%;max-width:740px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 30px 60px -10px #0f172a38;z-index:1;overflow:hidden;transition:transform .3s ease}body.dark .stack-device-desktop{box-shadow:0 30px 60px -10px #0009}.desktop-chrome-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.desktop-url-bar{display:flex;align-items:center;gap:.35rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;padding:.2rem .75rem;font-size:.725rem;color:var(--text-secondary)}.stack-device-tablet{position:absolute;left:0%;bottom:25px;width:36%;max-width:315px;background:#0f172a;border:4px solid #334155;border-radius:22px;padding:6px;box-shadow:0 25px 50px #00000073;z-index:2;transition:transform .3s ease}.tablet-bezel{position:relative;width:100%;background:#1e293b;border-radius:16px;overflow:hidden}.tablet-camera-dot{width:6px;height:6px;border-radius:50%;background:#475569;margin:3px auto}.tablet-label-badge{font-size:.65rem;font-weight:700;color:#94a3b8;padding:.35rem .5rem;text-align:center;background:#0f172a}.stack-device-mobile{position:absolute;right:0%;bottom:15px;width:24%;max-width:205px;background:#0f172a;border:4px solid #1e293b;border-radius:28px;padding:5px;box-shadow:0 30px 60px #00000080;z-index:3;transition:transform .3s ease}.phone-bezel{position:relative;width:100%;background:#0f172a;border-radius:22px;overflow:hidden}.phone-dynamic-island{width:50px;height:11px;background:#000;border-radius:10px;margin:3px auto 2px}.phone-label-badge{font-size:.62rem;font-weight:700;color:#94a3b8;padding:.35rem .5rem;text-align:center;background:#0f172a}.stack-sync-pill{position:absolute;bottom:-15px;display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border-radius:var(--radius-full);background:#0f172af5;color:#fff;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:.8rem;z-index:10;box-shadow:0 10px 30px #0006}.pulse-dot-green{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseDot 1.5s infinite}.animate-pulse-glow{animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 10px 25px #00000059}50%{box-shadow:0 10px 30px #25a09180}}@media(max-width:900px){.multi-device-stack-wrapper{flex-direction:column;min-height:auto;gap:1.5rem;padding-bottom:2rem}.stack-device-desktop{width:100%}.stack-device-tablet,.stack-device-mobile{position:static;width:90%;max-width:320px;margin:0 auto}.stack-sync-pill{position:static;margin-top:1rem;text-align:center}}.nav-status-pill-btn{display:inline-flex;align-items:center;gap:6px;background:#10b98114;border:1px solid rgba(16,185,129,.3);color:#059669;font-size:.74rem;font-weight:700;padding:5px 10px;border-radius:var(--radius-full, 9999px);cursor:pointer;transition:all .2s ease}body.dark .nav-status-pill-btn{background:#10b98126;border-color:#10b98166;color:#34d399}.nav-status-pill-btn:hover{background:#10b9812e;transform:translateY(-1px)}.nav-status-dot-live{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulseDot 1.6s infinite}.show-mobile-only{display:none!important}.table-mobile-swipe-hint{display:none;align-items:center;gap:.45rem;padding:.45rem .85rem;margin-bottom:.75rem;background:#25a09114;border:1px solid rgba(37,160,145,.25);border-radius:var(--radius-sm);font-size:.78rem;font-weight:700;color:var(--accent-teal);animation:pulseSlow 3s ease-in-out infinite}body.dark .table-mobile-swipe-hint{background:#25a09129;border-color:#25a09166;color:#38cbb9}@keyframes pulseSlow{0%,to{opacity:.92}50%{opacity:1}}@media(max-width:768px){.show-mobile-only{display:flex!important}.hide-on-mobile{display:none!important}html,body{overflow-x:hidden!important;position:relative;width:100%;-webkit-text-size-adjust:100%}.container{padding:0 1rem!important}.app-layout{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}.mobile-bottom-dock{display:block!important;padding-bottom:calc(.4rem + env(safe-area-inset-bottom,0px))!important;z-index:95!important}.floating-wa-btn{bottom:calc(74px + env(safe-area-inset-bottom,0px))!important;right:14px!important;padding:.55rem .95rem .55rem .75rem!important;font-size:.82rem!important;z-index:96!important;box-shadow:0 4px 16px #25d36673!important}.subpage-hero-banner{padding:2.25rem 0 1.75rem!important}.subpage-hero-title{font-size:clamp(1.45rem,5.2vw,1.85rem)!important;line-height:1.25!important;margin-bottom:.5rem!important}.subpage-hero-desc{font-size:.88rem!important;line-height:1.55!important;margin-bottom:1rem!important}.subpage-breadcrumb-strip{margin-bottom:.75rem!important;font-size:.72rem!important;padding:.25rem .75rem!important}.subpage-quick-jump-pills{gap:.4rem!important}.quick-jump-pill{font-size:.76rem!important;padding:.35rem .75rem!important}.subpage-jumper-card{flex-direction:column!important;align-items:stretch!important;text-align:center!important;padding:1.25rem 1rem!important;gap:1rem!important}.jumper-title{font-size:1.05rem!important}.jumper-actions-right{width:100%!important;justify-content:center!important}.jumper-actions-right button{width:100%!important}.showcase-tabs-strip{justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:.65rem!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:.5rem!important;margin-top:1.25rem!important;margin-bottom:1.75rem!important;scrollbar-width:none!important}.showcase-tabs-strip::-webkit-scrollbar{display:none!important}.showcase-tab-btn{white-space:nowrap!important;flex-shrink:0!important;padding:.45rem .85rem!important;font-size:.78rem!important}.showcase-card-header{padding:1rem!important;gap:.85rem!important}.showcase-item-title{font-size:1.05rem!important}.showcase-item-desc{font-size:.82rem!important}.showcase-highlights-row{gap:.4rem!important}.highlight-pill-item{font-size:.75rem!important;padding:.25rem .65rem!important}.video-chapters-toolbar{flex-direction:column!important;align-items:stretch!important;padding:.75rem!important;gap:.65rem!important}.video-chapters-chips-strip{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:4px!important;scrollbar-width:none!important;gap:.35rem!important}.video-chapters-chips-strip::-webkit-scrollbar{display:none!important}.video-chapter-chip{white-space:nowrap!important;flex-shrink:0!important;font-size:.74rem!important;padding:.35rem .65rem!important}.browser-chrome-bar{padding:.5rem .75rem!important;gap:.5rem!important}.browser-address-bar{font-size:.68rem!important;padding:.25rem .5rem!important;max-width:none!important}.browser-status-chip{font-size:.65rem!important}.desktop-browser-frame .browser-viewport{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.desktop-browser-frame .browser-viewport>div{min-width:660px!important}.sandbox-card{border-radius:var(--radius-lg)!important}.sandbox-topbar{flex-direction:column!important;align-items:stretch!important;padding:.85rem 1rem!important;gap:.75rem!important}.patient-selector-group{flex-direction:column!important;align-items:stretch!important;gap:.4rem!important}.patient-btn-group{display:grid!important;grid-template-columns:1fr!important;gap:.35rem!important}.patient-pill{width:100%!important;justify-content:center!important;font-size:.8rem!important;padding:.45rem .75rem!important}.patient-meta-strip{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.65rem!important;padding:.85rem 1rem!important}.meta-item{font-size:.78rem!important}.soap-real-grid{padding:.85rem 1rem!important;gap:1rem!important}.soap-card-block{padding:1rem!important}.vitals-real-grid{grid-template-columns:repeat(3,1fr)!important;gap:.45rem!important}.vital-mini-box{padding:.4rem .35rem!important}.vital-mini-box label{font-size:.68rem!important}.vital-mini-box input{font-size:16px!important;padding:.3rem .2rem!important;height:36px!important}.diag-2col{grid-template-columns:1fr!important;gap:.5rem!important}.quick-icd-pills .pills-wrap{gap:.35rem!important}.icd-btn-pill{font-size:.75rem!important;padding:.3rem .6rem!important}.rx-builder-sandbox{padding:1rem!important}.rx-adder-row{grid-template-columns:1fr!important;gap:.65rem!important}.rx-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:var(--radius-sm)!important}.rx-table{min-width:480px!important}.ai-assistant-sandbox-bar{flex-direction:column!important;align-items:stretch!important;text-align:center!important;gap:.75rem!important;padding:1rem!important}.ai-assistant-sandbox-bar .btn-ai-sparkle{width:100%!important;justify-content:center!important}.sandbox-footer{flex-direction:column!important;align-items:stretch!important;padding:1rem!important;gap:.85rem!important}.sandbox-footer-right{flex-direction:column!important;width:100%!important;gap:.5rem!important}.sandbox-footer-right button{width:100%!important;justify-content:center!important;padding:.65rem 1rem!important;font-size:.85rem!important}.roi-calculator-card{padding:1.25rem 1rem!important;gap:1.5rem!important}.roi-tier-picker{display:grid!important;grid-template-columns:1fr!important;gap:.35rem!important}.roi-tier-btn{width:100%!important;text-align:center!important}.roi-result-card{padding:1rem 1.15rem!important;gap:.85rem!important}.result-icon-box{width:42px!important;height:42px!important}.result-number{font-size:1.35rem!important}.result-label{font-size:.8rem!important}.comparison-table th,.comparison-table td{padding:.75rem .65rem!important;font-size:.8rem!important}.comparison-section,.bottom-cta-section{padding:3rem 0!important}.bottom-cta-card{padding:2rem 1.25rem!important}.cta-headline{font-size:clamp(1.4rem,5vw,1.85rem)!important;line-height:1.25!important}.cta-subheadline{font-size:.88rem!important;line-height:1.55!important;margin-bottom:1.5rem!important}.cta-button-group{flex-direction:column!important;width:100%!important;gap:.65rem!important}.cta-button-group button{width:100%!important;justify-content:center!important}.cta-trust-strip{flex-direction:column!important;gap:.4rem!important;font-size:.78rem!important;text-align:center!important}.cta-trust-strip span:nth-child(2n){display:none!important}.modal-dialog,.modal-card{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;margin:10px auto!important;max-height:92vh!important;border-radius:14px!important}.modal-dialog .modal-body,.modal-card .modal-body{padding:1rem!important}.modern-modal-header{padding:.85rem 1rem!important}.official-proposal-card,.admin-invoice-card{width:calc(100vw - 16px)!important;max-height:94vh!important;margin:8px auto!important}.proposal-topbar{flex-direction:column!important;align-items:stretch!important;padding:10px 12px!important;gap:8px!important}.proposal-topbar>div:last-child{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:space-between!important}.proposal-topbar button{flex:1!important;font-size:.74rem!important;padding:6px 8px!important;justify-content:center!important}.proposal-sheet{padding:12px 10px!important;font-size:8.5pt!important}.faq-category-pills{justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;padding-bottom:.5rem!important;gap:.45rem!important;scrollbar-width:none!important}.faq-category-pills::-webkit-scrollbar{display:none!important}.faq-cat-pill-btn{white-space:nowrap!important;flex-shrink:0!important;padding:.4rem .85rem!important;font-size:.78rem!important}.faq-item{margin-bottom:.65rem!important}.faq-question-btn{padding:.85rem 1rem!important;font-size:.88rem!important}.faq-answer-box{padding:.85rem 1rem!important;font-size:.84rem!important}}@media(max-width:480px){.container,.kerjoo-navbar-container{padding:0 .85rem!important}.kerjoo-logo-icon{width:32px!important;height:32px!important}.logo-main-title{font-size:.95rem!important}.logo-badge-pill{font-size:.65rem!important;padding:1px 5px!important}.btn-nav-pill-primary span{font-size:.75rem!important}.btn-nav-pill-primary{padding:.38rem .75rem!important}.vitals-real-grid{grid-template-columns:repeat(3,1fr)!important;gap:.35rem!important}.vital-mini-box{padding:.35rem .25rem!important}.vital-mini-box input{font-size:16px!important}.vitals-real-grid .vital-mini-box:nth-child(1) input,.vitals-real-grid .vital-mini-box:nth-child(6) input{font-size:13.5px!important}}@page{size:A4 portrait;margin:0!important}@media print{@page{size:A4 portrait;margin:0!important}html,body{margin:0!important;padding:0!important;background:#fff!important;color:#0f172a!important;font-size:10pt!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,.kerjoo-navbar-wrapper,.mobile-bottom-dock,.floating-wa-btn,.footer-section,.subpage-container,.modal-overlay:not(.official-proposal-overlay):not(.admin-invoice-overlay),.proposal-topbar,.proposal-footer,.proposal-edit-form{display:none!important}.modal-overlay.official-proposal-overlay,.modal-overlay.admin-invoice-overlay{position:static!important;background:transparent!important;padding:0!important;margin:0!important;display:block!important;overflow:visible!important;width:100%!important}.official-proposal-card,.admin-invoice-card{max-width:100%!important;width:100%!important;border:none!important;box-shadow:none!important;background:transparent!important;padding:0!important;margin:0!important}.proposal-scroll-body{overflow:visible!important;padding:0!important;margin:0!important;max-height:none!important}.proposal-sheet{border:none!important;box-shadow:none!important;padding:14mm 16mm!important;margin:0 auto!important;box-sizing:border-box!important;width:100%!important;max-width:210mm!important;min-height:297mm!important;background:#fff!important;page-break-after:avoid!important;page-break-inside:avoid!important}}:root{--kerjoo-primary: #25A091;--kerjoo-primary-hover: #1e8578;--kerjoo-primary-dark: #1e8074;--kerjoo-secondary: #4FAC42;--kerjoo-secondary-hover: #439637;--kerjoo-green-icon: #79C74F;--kerjoo-blue-icon: #5BB4E5;--kerjoo-amber-icon: #F1A716;--kerjoo-purple-icon: #8b5cf6;--accent-teal: #25A091;--accent-teal-hover: #1e8578;--accent-emerald: #059669;--accent-emerald-hover: #047857;--accent-rose: #E11D48;--accent-rose-hover: #BE123C;--accent-amber: #D97706;--accent-amber-hover: #B45309;--accent-blue: #2563EB;--accent-purple: #8B5CF6;--bg-primary: #FFFFFF;--bg-secondary: #F8FAF9;--bg-card: #FFFFFF;--bg-card-hover: #F1F6F4;--bg-input: #F4F7F6;--surface: #FFFFFF;--surface2: #F8FAF9;--border-color: #E2E8F0;--border-subtle: #EDF2F0;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px -2px rgba(37, 160, 145, .08), 0 2px 6px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px -4px rgba(37, 160, 145, .12), 0 4px 12px -2px rgba(0, 0, 0, .05);--shadow-pill: 0 10px 25px -3px rgba(37, 160, 145, .35);--shadow-card: 0 4px 24px 0 rgba(0, 0, 0, .06);--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease}body.dark{--bg-primary: #1B1E23;--bg-secondary: #23272D;--bg-card: #23272D;--bg-card-hover: #2C3138;--bg-input: #171A1F;--surface: #23272D;--surface2: #1B1E23;--border-color: #383E47;--border-subtle: #2D333B;--text-primary: #F8FAFC;--text-secondary: #E2E8F0;--text-muted: #94A3B8;--accent-teal: #48D5C4;--accent-teal-hover: #67E8D7;--accent-emerald: #34D399;--accent-emerald-hover: #6EE7B7;--accent-rose: #FB7185;--accent-rose-hover: #FDA4AF;--accent-amber: #FBBF24;--accent-amber-hover: #FCD34D;--accent-blue: #60A5FA;--accent-purple: #C084FC;--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 32px -4px rgba(0, 0, 0, .6);--shadow-pill: 0 10px 25px -3px rgba(37, 160, 145, .4);--shadow-card: 0 4px 24px 0 rgba(0, 0, 0, .4)}.text-teal{color:var(--accent-teal)!important}.text-emerald{color:var(--accent-emerald)!important}.text-rose{color:var(--accent-rose)!important}.text-amber{color:var(--accent-amber)!important}.text-blue{color:var(--accent-blue)!important}.text-purple{color:var(--accent-purple)!important}.text-accent{color:var(--accent-teal)!important}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b40;border-radius:9999px;transition:background var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#25a09199}body.dark ::-webkit-scrollbar-thumb{background:#94a3b840}body.dark ::-webkit-scrollbar-thumb:hover{background:#48d5c499}*{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.25) transparent}body.dark *{scrollbar-color:rgba(148,163,184,.25) transparent}html{scroll-behavior:smooth;font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary)}body{min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.container{max-width:1240px;margin:0 auto;padding:0 1.25rem}.text-gradient{background:linear-gradient(to right,#25a091,#4fac42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.badge-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .95rem;border-radius:var(--radius-full);font-size:.825rem;font-weight:700;background:#25a0911a;color:#1e8074;border:1px solid rgba(37,160,145,.25)}body.dark .badge-pill{background:#25a09133;color:#38cbb9;border-color:#25a09166}.badge-emerald{background:#4fac421a;color:#4fac42;border:1px solid rgba(79,172,66,.25)}body.dark .badge-emerald{background:#4fac4233;color:#6ee35f;border-color:#4fac4266}.section-header{text-align:center;max-width:840px;margin:0 auto 3rem;display:flex;flex-direction:column;align-items:center;gap:.85rem}.section-title{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;line-height:1.25;color:var(--text-primary);margin:0}.section-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.65;max-width:700px;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}.animate-float{animation:floatSoft 5s ease-in-out infinite}.brand-name,.logo-brand-combined{display:inline-flex;align-items:baseline;white-space:nowrap;font-weight:800;letter-spacing:-.02em;-webkit-text-fill-color:initial!important}.brand-medis,.logo-brand-medis{color:#0f172a!important;-webkit-text-fill-color:#0f172a!important;font-weight:800}body.dark .brand-medis,body.dark .logo-brand-medis{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}.brand-tren,.logo-brand-tren,.text-brand-tren{color:#10b981!important;-webkit-text-fill-color:#10b981!important;font-weight:800}body.dark .brand-tren,body.dark .logo-brand-tren,body.dark .text-brand-tren{color:#34d399!important;-webkit-text-fill-color:#34d399!important}