:root{--bg-page:#080d1a;--bg-slate:#0b1124;--bg-card:#0f172ad1;--bg-card-hover:#1a2642f2;--primary:#38bdf8;--cyan:#38bdf8;--purple:#a78bfa;--emerald:#34d399;--amber:#fbbf24;--rose:#fb7185;--whatsapp:#25d366;--text-main:#fff;--text-muted:#cbd5e1;--text-dim:#94a3b8;--border-subtle:#ffffff1f;--border-highlight:#38bdf873;--radius-sm:10px;--radius-md:18px;--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-page);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}.mouse-spotlight{pointer-events:none;z-index:1;mix-blend-mode:screen;will-change:left, top, opacity;background:radial-gradient(circle,#38bdf824 0%,#8b5cf60f 45%,#0000 70%);border-radius:50%;width:520px;height:520px;transition:opacity .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.nav-pill-3d{color:#cbd5e1;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:6px;padding:7px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:inline-flex}.nav-pill-3d:hover{color:#fff;background:#ffffff14;border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.nav-pill-3d.active{color:#fff;background:#38bdf82e;border-color:#38bdf866;box-shadow:0 0 15px #38bdf840}.nav-pill-3d.pill-emerald:hover{color:#34d399;border-color:#34d39966}.nav-pill-3d.pill-purple:hover{color:#a78bfa;border-color:#a78bfa66}.nav-pill-3d.pill-cyan:hover{color:#38bdf8;border-color:#38bdf866}.hero-section{background:radial-gradient(circle at 50% -20%,#38bdf826 0%,#8b5cf614 45%,#080d1a 80%);width:100%;max-width:100%;padding:115px 0 65px;position:relative;overflow:hidden!important}.orb-3d{filter:blur(85px);pointer-events:none;opacity:.25;border-radius:50%;max-width:100vw;animation:14s ease-in-out infinite alternate floatOrb;position:absolute}.orb-blue{background:#0284c7;width:360px;height:360px;top:-50px;left:-50px}.orb-emerald{background:#059669;width:320px;height:320px;animation-delay:-5s;bottom:-40px;right:-40px}.orb-purple{background:#7c3aed;width:280px;height:280px;animation-delay:-9s;top:35%;left:30%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-25px)scale(1.1)}to{transform:translate(-25px,30px)scale(.92)}}.hero-headline{color:#fff;letter-spacing:-.03em;word-wrap:break-word;margin-bottom:18px;font-size:clamp(1.9rem,4.8vw,3.9rem);font-weight:800;line-height:1.16}.gradient-text-blue{background:linear-gradient(135deg,#38bdf8 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-glow{text-shadow:0 0 35px #38bdf873}.hero-subheadline{color:#cbd5e1;max-width:840px;margin:0 auto 32px;padding:0 8px;font-size:clamp(.95rem,1.8vw,1.2rem);font-weight:400}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;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;color:#38bdf8;border-radius:var(--radius-full);background:#38bdf81a;border:1px solid #38bdf859;justify-content:center;align-items:center;gap:8px;max-width:100%;margin-bottom:20px;padding:8px 18px;font-size:.82rem;font-weight:700;line-height:1.38;display:inline-flex;box-shadow:0 0 20px #38bdf826}.glass-card,.card-premium{will-change:transform, opacity;flex-direction:column;justify-content:space-between;padding:30px;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden;background:var(--bg-card)!important;-webkit-backdrop-filter:blur(16px)!important;border-radius:var(--radius-lg)!important;color:#fff!important;border:1px solid #ffffff1a!important;border-top:4px solid #38bdf8!important;box-shadow:0 16px 45px #00000080,inset 0 1px #ffffff1f!important}.card-premium:hover,.glass-card:hover{transform:translateY(-8px)scale(1.015);background:var(--bg-card-hover)!important;border-color:#38bdf873!important;box-shadow:0 24px 60px #000000a6,inset 0 1px #fff3!important}.glass-card h3,.card-premium h3,.card-title{letter-spacing:-.01em;font-size:1.32rem;font-weight:800;line-height:1.3;color:#fff!important}.glass-card p,.card-premium p,.card-desc{font-size:.94rem;font-weight:400;line-height:1.6;color:#cbd5e1!important}.glass-card ul li,.card-premium ul li{font-size:.92rem;font-weight:500;color:#f8fafc!important}.glass-card strong,.card-premium strong{font-weight:700;color:#fff!important}.card-premium.accent-cyan,.glass-card.color-cyan{border-top-color:#38bdf8!important}.card-premium.accent-emerald,.glass-card.color-emerald{border-top-color:#344d399!important}.card-premium.accent-amber,.glass-card.color-amber{border-top-color:#fbbf24!important}.card-premium.accent-purple,.glass-card.color-purple{border-top-color:#a78bfa!important}.card-premium.accent-rose,.glass-card.color-rose{border-top-color:#fb7185!important}.card-category-tag{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.card-category-tag .dot{background:#38bdf8;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px}.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{background:#ffffff14;border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 15px #0000004d}.top-right-badge.badge-cyan{background:#38bdf826;border-color:#38bdf859}.top-right-badge.badge-emerald{background:#34d39926;border-color:#34d39959}.top-right-badge.badge-amber{background:#fbbf2426;border-color:#fbbf2459}.top-right-badge.badge-purple{background:#a78bfa26;border-color:#a78bfa59}.top-right-badge.badge-rose{background:#fb718526;border-color:#fb718559}.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:.92rem;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{cursor:pointer;text-decoration:none;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;padding:0!important;transition:all .3s!important;display:flex!important}.circle-arrow-btn.circle-cyan{color:#06080e!important;background:#38bdf8!important;box-shadow:0 4px 12px #38bdf859!important}.circle-arrow-btn.circle-emerald{color:#06080e!important;background:#34d399!important;box-shadow:0 4px 12px #34d39959!important}.circle-arrow-btn.circle-amber{color:#06080e!important;background:#fbbf24!important;box-shadow:0 4px 12px #fbbf2459!important}.circle-arrow-btn.circle-purple{color:#06080e!important;background:#a78bfa!important;box-shadow:0 4px 12px #a78bfa59!important}.circle-arrow-btn.circle-rose{color:#06080e!important;background:#fb7185!important;box-shadow:0 4px 12px #fb718559!important}.card-premium:hover .circle-arrow-btn{transform:translate(4px)scale(1.1);box-shadow:0 0 18px!important}.section-slate{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:linear-gradient(#0b1124 0%,#080d1a 100%);width:100%;max-width:100%;overflow-x:hidden}.section-emerald-accent{background:radial-gradient(circle,#10b9811f 0%,#080d1a 70%);border-top:1px solid #10b98140;border-bottom:1px solid #10b98140;width:100%;max-width:100%;overflow-x:hidden}.btn-primary{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#2563eb 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 #0284c766}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0284c799}.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:#fff;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:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859;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:#38bdf8;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 10px #38bdf8}.badge-emerald{color:#34d399;background:#34d3991f;border-color:#34d39959}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #38bdf8b3}70%{transform:scale(1);box-shadow:0 0 0 10px #38bdf800}to{transform:scale(.95);box-shadow:0 0 #38bdf800}}.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 38px}.section-title h2{color:#fff;letter-spacing:-.02em;word-wrap:break-word;margin-bottom:12px;font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:800}.section-title p{color:#cbd5e1;font-size:clamp(.92rem,1.8vw,1.08rem)}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}@media (width<=1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid-3{grid-template-columns:1fr}}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;width:100%;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.code-box{border-radius:var(--radius-md);background:#090d16;border:1px solid #ffffff24;width:100%;max-width:100%;overflow:hidden}.code-header{background:#ffffff0a;border-bottom:1px solid #ffffff24;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:#cbd5e1;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:#080d1afa;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}}