*{font-family:Plus Jakarta Sans,sans-serif}body{background:#0d0e12}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2b36;border-radius:4px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;font-size:.875rem;font-weight:500;border:1px solid transparent;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;text-decoration:none}.nav-link:hover{color:#f9fafb;background:#ffffff0a}.nav-link.active{color:#fff;background:#05966924;border-color:#0596694d}.sb-input{width:100%;background:#0d0e12;border:1px solid #272830;border-radius:10px;padding:11px 14px;color:#f9fafb;font-size:.875rem;outline:none;transition:border-color .15s}.sb-input::placeholder{color:#4b5563}.sb-input:focus{border-color:#059669}.pos-input{width:100%;background:#13141a;border:1px solid #272830;border-radius:12px;padding:16px 18px;color:#f9fafb;font-size:1.5rem;font-weight:700;outline:none;transition:border-color .15s}.pos-input::placeholder{color:#374151;font-weight:400;font-size:1rem}.pos-input:focus{border-color:#059669}.gateway-card{background:#1a1b23;border:1px solid #272830;border-radius:20px;padding:36px 28px;text-align:center;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.gateway-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;opacity:0;transition:opacity .2s ease;pointer-events:none}.gateway-card.owner:before{background:radial-gradient(ellipse at top,rgba(5,150,105,.08) 0%,transparent 70%)}.gateway-card.cashier:before{background:radial-gradient(ellipse at top,rgba(14,165,233,.07) 0%,transparent 70%)}.gateway-card:hover{transform:translateY(-5px)}.gateway-card:hover:before{opacity:1}.gateway-card.owner:hover{border-color:#05966973;box-shadow:0 24px 48px #05966924}.gateway-card.cashier:hover{border-color:#0ea5e966;box-shadow:0 24px 48px #0ea5e91c}.gateway-card:active{transform:translateY(-2px)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid #374151;border-top-color:#fbbf24;animation:spin .8s linear infinite;flex-shrink:0}#modal-overlay{transition:opacity .18s ease}#modal-overlay.hidden{pointer-events:none}.light body,.light,.light .bg-base{background-color:#f4f6f8!important}.light .bg-surface,.light .bg-card{background-color:#fff!important}.light .bg-raised{background-color:#f0f2f5!important}.light .border-line{border-color:#e5e7eb!important}.light .nav-link{color:#6b7280}.light .nav-link:hover{color:#111827;background:#0000000d}.light .nav-link.active{color:#065f46;background:#05966914;border-color:#05966940}.light .sb-input,.light .pos-input{background:#f0f2f5;border-color:#d1d5db;color:#111827}.light #modal-box{background:#fff!important;border-color:#e5e7eb!important}.light ::-webkit-scrollbar-thumb{background:#d1d5db}.light .gateway-card{background:#fff;border-color:#e5e7eb}.light .gateway-card.owner:hover{border-color:#05966980}.light .gateway-card.cashier:hover{border-color:#0ea5e980}#view-landing{background:#0d0e12}.lp-nav{position:sticky;top:0;z-index:40;background:#0d0e12bf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #1c1d24}.lp-nav-link{font-size:.875rem;font-weight:500;color:#9ca3af;transition:color .15s;text-decoration:none}.lp-nav-link:hover{color:#f9fafb}.lp-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 60% 50% at 50% -10%,rgba(5,150,105,.22) 0%,transparent 60%),radial-gradient(ellipse 40% 40% at 90% 10%,rgba(14,165,233,.1) 0%,transparent 60%)}.lp-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black 0%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,black 0%,transparent 75%);pointer-events:none}.lp-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;font-size:.75rem;font-weight:600;color:#6ee7b7;background:#0596691a;border:1px solid rgba(5,150,105,.28)}.lp-btn-primary{display:inline-flex;align-items:center;gap:8px;background:#059669;color:#fff;font-weight:600;font-size:.875rem;padding:12px 22px;border-radius:12px;box-shadow:0 12px 28px #05966952;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.lp-btn-primary:hover{background:#047857;transform:translateY(-1px);box-shadow:0 16px 34px #05966966}.lp-btn-ghost{display:inline-flex;align-items:center;gap:8px;color:#e5e7eb;font-weight:600;font-size:.875rem;padding:12px 20px;border-radius:12px;border:1px solid #272830;transition:border-color .15s,background .15s}.lp-btn-ghost:hover{background:#ffffff0a;border-color:#3f4150}.lp-value-pill{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:#13141a;border:1px solid #272830;font-size:.8125rem;font-weight:500;color:#d1d5db}.lp-fade-up{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.lp-fade-up.lp-visible{opacity:1;transform:translateY(0)}.lp-feature-card{background:#13141a;border:1px solid #1e1f27;border-radius:22px;padding:32px;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.lp-feature-card:hover{transform:translateY(-4px);border-color:#05966959;box-shadow:0 24px 48px #00000059}.lp-feature-card .lp-icon-tile{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.lp-mockup-card{background:#13141a;border:1px solid #272830;border-radius:24px;box-shadow:0 40px 80px -20px #0009;animation:lp-float 6s ease-in-out infinite}@keyframes lp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.lp-cta-band{background:linear-gradient(135deg,#05966929,#0ea5e914);border:1px solid rgba(5,150,105,.25);border-radius:28px}.light .lp-nav{background:#f4f6f8cc;border-color:#e5e7eb}.light .lp-nav-link{color:#4b5563}.light .lp-nav-link:hover{color:#111827}.light .lp-btn-ghost{color:#111827;border-color:#d1d5db}.light .lp-value-pill{background:#fff;border-color:#e5e7eb;color:#374151}.light .lp-feature-card,.light .lp-mockup-card{background:#fff;border-color:#e5e7eb}.light #view-landing{background:#f4f6f8}