:root{--bg-dark:#06080e;--bg-slate:#0b111e;--bg-card:#0d1527;--bg-card-hover:#131d33;--primary:#3b82f6;--cyan:#06b6d4;--purple:#8b5cf6;--emerald:#10b981;--amber:#f59e0b;--rose:#f43f5e;--whatsapp:#25d366;--text-main:#fff;--text-muted:#cbd5e1;--text-dim:#94a3b8;--border-subtle:#ffffff1a;--border-highlight:#3b82f673;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--font-main:"Plus Jakarta Sans", sans-serif;--font-code:"Fira Code", monospace}*,:before,:after{box-sizing:border-box!important}html,body{scroll-behavior:smooth;font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);margin:0;padding:0;line-height:1.6;position:relative;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}#root,main{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.hero-section{width:100%;max-width:100%;padding:50px 0;position:relative;overflow:hidden!important}.orb-3d{filter:blur(70px);pointer-events:none;opacity:.18;border-radius:50%;max-width:100vw;animation:12s ease-in-out infinite alternate floatOrb;position:absolute}.orb-blue{background:#3b82f6;width:280px;height:280px;top:-40px;left:-40px}.orb-emerald{background:#10b981;width:250px;height:250px;animation-delay:-4s;bottom:-30px;right:-30px}.orb-purple{background:#8b5cf6;width:220px;height:220px;animation-delay:-8s;top:35%;left:30%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(25px,-20px)scale(1.1)}to{transform:translate(-20px,25px)scale(.95)}}.hero-headline{letter-spacing:-.03em;word-wrap:break-word;margin-bottom:18px;font-size:clamp(1.75rem,4.5vw,3.8rem);font-weight:800;line-height:1.18}.text-glow{text-shadow:0 0 30px #38bdf866}.hero-subheadline{color:var(--text-muted);max-width:820px;margin:0 auto 28px;padding:0 8px;font-size:clamp(.95rem,1.8vw,1.2rem);font-weight:400}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;margin-bottom:36px;display:flex}.btn-hero{padding:12px 24px;font-size:.95rem}.responsive-badge{text-align:center;word-break:break-word;white-space:normal;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-bottom:16px;padding:8px 14px;font-size:.8rem;line-height:1.38;display:inline-flex}.card-premium{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);border-bottom:4px solid #38bdf8;flex-direction:column;justify-content:space-between;padding:28px;transition:all .35s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0006}.card-premium:hover{background:var(--bg-card-hover);transform:translateY(-6px);box-shadow:0 16px 40px #0009}.card-premium.accent-cyan{border-bottom-color:#38bdf8}.card-premium.accent-emerald{border-bottom-color:#34d399}.card-premium.accent-amber{border-bottom-color:#fbbf24}.card-premium.accent-purple{border-bottom-color:#a78bfa}.card-premium.accent-rose{border-bottom-color:#fb7185}.card-category-tag{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:10px;font-size:.82rem;font-weight:600;display:inline-flex}.card-category-tag .dot{background:#38bdf8;border-radius:50%;width:7px;height:7px}.card-category-tag.dot-emerald .dot{background:#34d399}.card-category-tag.dot-amber .dot{background:#fbbf24}.card-category-tag.dot-purple .dot{background:#a78bfa}.card-category-tag.dot-rose .dot{background:#fb7185}.top-right-badge{border:1px solid var(--border-subtle);background:#ffffff0f;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 15px #0000004d}.top-right-badge.badge-cyan{background:#38bdf81f;border-color:#38bdf84d}.top-right-badge.badge-emerald{background:#34d3991f;border-color:#34d3994d}.top-right-badge.badge-amber{background:#fbbf241f;border-color:#fbbf244d}.top-right-badge.badge-purple{background:#a78bfa1f;border-color:#a78bfa4d}.top-right-badge.badge-rose{background:#fb71851f;border-color:#fb71854d}.card-title{color:#fff;letter-spacing:-.01em;margin-bottom:10px;padding-right:48px;font-size:1.35rem;font-weight:800}.card-desc{color:var(--text-muted);margin-bottom:24px;font-size:.92rem;line-height:1.55}.card-action-row{align-items:center;gap:12px;margin-top:auto;display:flex}.card-action-link{color:#38bdf8;align-items:center;gap:10px;font-size:.95rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.card-action-link.link-emerald{color:#34d399}.card-action-link.link-amber{color:#fbbf24}.card-action-link.link-purple{color:#a78bfa}.card-action-link.link-rose{color:#fb7185}.circle-arrow-btn{color:#06080e;background:#38bdf8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .3s;display:flex}.circle-arrow-btn.btn-emerald{color:#06080e;background:#34d399}.circle-arrow-btn.btn-amber{color:#06080e;background:#fbbf24}.circle-arrow-btn.btn-purple{color:#06080e;background:#a78bfa}.circle-arrow-btn.btn-rose{color:#06080e;background:#fb7185}.card-premium:hover .circle-arrow-btn{transform:translate(4px)scale(1.1);box-shadow:0 0 15px}.section-slate{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:linear-gradient(#0d1322eb 0%,#141c2ebf 100%);width:100%;max-width:100%;overflow-x:hidden}.section-emerald-accent{background:radial-gradient(circle,#10b9811f 0%,#06080ef7 70%);border-top:1px solid #10b9814d;border-bottom:1px solid #10b9814d;width:100%;max-width:100%;overflow-x:hidden}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.btn-primary{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#0284c7 100%);border:none;align-items:center;gap:8px;max-width:100%;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #2563eb66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #2563eb99}.btn-emerald{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:none;align-items:center;gap:8px;max-width:100%;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #10b98166}.btn-emerald:hover{transform:translateY(-2px);box-shadow:0 8px 30px #10b98199}.btn-whatsapp{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:none;align-items:center;gap:8px;max-width:100%;padding:12px 22px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #25d36673}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 8px 30px #25d366b3}.btn-secondary{color:var(--text-main);border-radius:var(--radius-full);border:1px solid var(--border-subtle);cursor:pointer;background:#ffffff14;align-items:center;gap:8px;max-width:100%;padding:12px 22px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff29;border-color:#ffffff4d;transform:translateY(-2px)}.badge-glow{border-radius:var(--radius-full);color:#60a5fa;background:#3b82f626;border:1px solid #3b82f666;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.badge-glow .pulse-dot{background-color:#3b82f6;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 10px #3b82f6}.badge-emerald{color:#34d399;background:#10b98126;border-color:#10b98166}.badge-amber{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #3b82f6b3}70%{transform:scale(1);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(.95);box-shadow:0 0 #3b82f600}}.container{box-sizing:border-box;max-width:1240px;margin:0 auto;padding:0 16px;width:100%!important}.section-title{text-align:center;width:100%;max-width:780px;margin:0 auto 36px}.section-title h2{letter-spacing:-.02em;word-wrap:break-word;margin-bottom:12px;font-size:clamp(1.55rem,3.5vw,2.3rem);font-weight:800}.section-title p{color:var(--text-muted);font-size:clamp(.9rem,1.8vw,1.05rem)}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;width:100%;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;width:100%;display:grid}.code-box{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#090d16;width:100%;max-width:100%;overflow:hidden}.code-header{border-bottom:1px solid var(--border-subtle);background:#ffffff0a;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.code-tabs{gap:6px;max-width:100%;display:flex;overflow-x:auto}.tab-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 10px;font-size:.8rem;font-weight:600;transition:all .2s}.tab-btn.active{color:#60a5fa;background:#3b82f640;border:1px solid #3b82f666}.code-content{font-family:var(--font-code);color:#f1f5f9;word-break:break-all;max-width:100%;max-height:400px;padding:14px;font-size:.82rem;line-height:1.5;overflow-x:auto}.thermal-receipt-paper{color:#111;background:#fff;border-top:6px solid #e2e8f0;border-bottom:6px solid #cbd5e1;border-radius:8px;margin:16px auto 0;padding:16px;font-family:Fira Code,monospace;transition:all .3s;overflow-x:hidden;box-shadow:0 10px 30px #0009;width:100%!important;max-width:100%!important}.thermal-receipt-paper.paper-58mm{font-size:.74rem;line-height:1.38;max-width:300px!important}.thermal-receipt-paper.paper-80mm{font-size:.82rem;line-height:1.42;max-width:380px!important}.receipt-divider{border-bottom:1px dashed #475569;margin:8px 0}.floating-whatsapp{z-index:99;color:#fff;border-radius:var(--radius-full);background:#25d366;align-items:center;gap:10px;padding:13px 18px;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 8px 30px #25d36699}.floating-whatsapp:hover{transform:scale(1.08)translateY(-4px);box-shadow:0 14px 40px #25d366cc}.chatbot-widget-btn{z-index:99;color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 30px #3b82f680}.chatbot-widget-btn:hover{transform:scale(1.1)rotate(5deg);box-shadow:0 12px 35px #8b5cf699}.chat-window{z-index:100;border:1px solid var(--border-highlight);border-radius:var(--radius-lg);background:#0f172a;flex-direction:column;width:360px;max-width:calc(100vw - 32px);height:490px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:86px;right:20px;overflow:hidden;box-shadow:0 20px 50px #000000b3}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#3b82f640 0%,#8b5cf640 100%);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow-y:auto}.msg-bubble{word-wrap:break-word;border-radius:14px;max-width:88%;padding:9px 13px;font-size:.88rem;line-height:1.4}.msg-bot{color:#f1f5f9;border:1px solid var(--border-subtle);background:#1e293be6;border-bottom-left-radius:2px;align-self:flex-start}.msg-user{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#0284c7 100%);border-bottom-right-radius:2px;align-self:flex-end}.chat-input-area{border-top:1px solid var(--border-subtle);background:#0f172af2;gap:8px;padding:10px;display:flex}.chat-input{border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:#fff;background:#ffffff0d;outline:none;flex:1;padding:9px 14px;font-family:inherit;font-size:.88rem}.chat-input:focus{border-color:var(--primary)}.send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.send-btn:hover{background:#2563eb}.mobile-hamburger{flex-shrink:0;margin-left:auto;display:none}.mobile-drawer{border-bottom:1px solid var(--border-subtle);background:#06080efa;flex-direction:column;gap:10px;width:100%;padding:16px 20px;animation:.25s ease-out slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-link{color:var(--text-muted);align-items:center;gap:8px;padding:8px 0;font-size:1rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.mobile-link:hover{color:#fff}.mobile-link.highlight-emerald{color:#34d399}.mobile-link.highlight-cyan{color:#38bdf8}@media (width<=900px){.desktop-nav,.desktop-actions{display:none!important}.mobile-hamburger{display:flex!important}}@media (width<=600px){.container{padding:0 12px}.floating-whatsapp span{display:none}.floating-whatsapp{border-radius:50%;padding:12px;bottom:16px;left:12px}.chatbot-widget-btn{width:50px;height:50px;bottom:16px;right:12px}.chat-window{width:calc(100vw - 16px);height:450px;bottom:76px;left:8px;right:8px}}