@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700;800&family=Inter:wght@300;400;500;600;700;800&family=Orbitron:wght@600;700;800;900&display=swap";:root{--bg-primary:#050b14;--bg-secondary:#091322;--bg-card:#0b172a;--bg-card-hover:#0f203a;--bg-card-glass:#0b172abf;--cyan-neon:#00f0ff;--cyan-glow:#00f0ff73;--blue-neon:#1d72fe;--blue-glow:#1d72fe73;--green-neon:#10b981;--green-glow:#10b98173;--purple-neon:#a855f7;--purple-glow:#a855f773;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-dim:#64748b;--border-subtle:#ffffff14;--border-glow:#00f0ff4d;--border-blue-glow:#1d72fe59;--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Orbitron", "Chakra Petch", sans-serif;--font-tech:"Chakra Petch", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-main)}body{-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% 0,#0d1e38 0%,#050b14 60%,#03070d 100%) fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#050b14}::-webkit-scrollbar-thumb{background:#1e3a63;border:2px solid #050b14;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-neon)}.cyber-grid-overlay{pointer-events:none;z-index:0;background-image:linear-gradient(#00f0ff08 1px,#0000 1px),linear-gradient(90deg,#00f0ff08 1px,#0000 1px);background-position:top;background-size:50px 50px;position:fixed;inset:0}.ambient-glow-top{pointer-events:none;z-index:0;filter:blur(50px);background:radial-gradient(#00f0ff1f 0%,#1d72fe14 50%,#0000 75%);width:900px;height:500px;position:fixed;top:-150px;left:50%;transform:translate(-50%)}.ambient-glow-secondary{pointer-events:none;z-index:0;filter:blur(60px);background:radial-gradient(circle,#a855f712 0%,#0000 70%);width:700px;height:700px;position:fixed;top:45%;right:-200px}.site-container{z-index:1;max-width:1380px;margin:0 auto;padding:0 1.25rem;position:relative}.glass-panel{background:var(--bg-card-glass);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-subtle);border-radius:16px}.glass-panel-glow{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b172ad9;border:1px solid #00f0ff40;border-radius:16px;box-shadow:0 8px 32px -4px #0009,0 0 20px -2px #00f0ff26}.font-display{font-family:var(--font-display)}.font-tech{font-family:var(--font-tech)}.text-gradient-cyan{background:linear-gradient(135deg,#fff 0%,#00f0ff 60%,#08f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-metallic{background:linear-gradient(#fff 0%,#d8e5f8 45%,#8ba3cb 70%,#fff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #00f0ff4d);-webkit-background-clip:text}.text-gradient-neon{background:linear-gradient(90deg,#00f0ff 0%,#38bdf8 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.metallic-hero-title{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;background:linear-gradient(#fff 20%,#c4d7f5 55%,#7e9bbd 80%,#fff 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 25px #00f0ff66;-webkit-background-clip:text;font-size:clamp(2.5rem,6vw,4.8rem);font-weight:900;line-height:1.05}.metallic-hero-subtitle{font-family:var(--font-display);letter-spacing:3px;text-transform:uppercase;background:linear-gradient(#38bdf8 0%,#00f0ff 60%,#0284c7 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 16px #00f0ff99);-webkit-background-clip:text;font-size:clamp(2rem,5vw,3.8rem);font-weight:900;line-height:1.1}.btn-neon-blue{color:#fff;font-family:var(--font-tech);letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#06f 0%,#09f 100%);border:1px solid #00f0ff99;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 0 15px #0066ff80,inset 0 1px 1px #ffffff4d}.btn-neon-blue:hover{color:#fff;background:linear-gradient(135deg,#0080ff 0%,#00bfff 100%);transform:translateY(-2px);box-shadow:0 0 25px #00f0ffbf,inset 0 1px 2px #ffffff80}.btn-neon-green{color:#fff;font-family:var(--font-tech);letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:1px solid #34d39999;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 0 15px #10b98166,inset 0 1px 1px #ffffff4d}.btn-neon-green:hover{color:#fff;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);transform:translateY(-2px);box-shadow:0 0 25px #34d399b3,inset 0 1px 2px #ffffff80}.btn-neon-outline{color:#38bdf8;font-family:var(--font-tech);letter-spacing:.5px;cursor:pointer;background:#0b172a99;border:1px solid #00f0ff66;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 0 15px #00f0ff26}.btn-neon-outline:hover{border-color:var(--cyan-neon);color:#fff;background:#00f0ff1f;transform:translateY(-2px);box-shadow:0 0 25px #00f0ff66}.btn-whatsapp-pill{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border:1px solid #34d399;border-radius:9999px;align-items:center;gap:.5rem;padding:.55rem 1.25rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 0 18px #10b98173}.btn-whatsapp-pill:hover{background:linear-gradient(135deg,#10b981 0%,#34d399 100%);transform:scale(1.03);box-shadow:0 0 28px #34d399b3}.demos-grid-container{grid-template-columns:repeat(1,1fr);gap:1.25rem;display:grid}@media (width>=640px){.demos-grid-container{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width>=1080px){.demos-grid-container{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.demo-card-rd{background:linear-gradient(#0b192e 0%,#07101e 100%);border:1px solid #00b4ff59;border-radius:18px;flex-direction:column;padding:10px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #000c,0 0 20px -3px #0096ff33}.demo-card-rd:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#00f0ff99 0%,#1d72fe1a 60%,#00f0ff4d 100%);border-radius:19px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.demo-card-rd:hover{border-color:#00f0ffd9;transform:translateY(-6px);box-shadow:0 18px 40px -5px #000000e6,0 0 35px 2px #00f0ff59}.card-number-badge{width:38px;height:38px;font-family:var(--font-display);color:#fff;z-index:10;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:2px solid #38bdf8;border-radius:50%;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 0 15px #00f0ff99,inset 0 2px 4px #ffffff4d}.card-number-badge.magenta{background:linear-gradient(135deg,#c026d3 0%,#9333ea 100%);border-color:#f472b6;box-shadow:0 0 15px #f472b699}.card-number-badge.orange{background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);border-color:#fb923c;box-shadow:0 0 15px #fb923c99}.card-number-badge.green{background:linear-gradient(135deg,#059669 0%,#047857 100%);border-color:#34d399;box-shadow:0 0 15px #34d39999}.card-image-wrapper{aspect-ratio:16/9.5;background:#030812;border:1px solid #ffffff14;border-radius:12px;width:100%;position:relative;overflow:hidden}.card-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.demo-card-rd:hover .card-image-wrapper img{transform:scale(1.06)}.card-image-overlay{background:linear-gradient(#0000 60%,#050b14bf 100%);position:absolute;inset:0}.card-demo-url-box{color:var(--cyan-neon);font-size:.78rem;font-family:var(--font-tech);cursor:pointer;background:#00f0ff0f;border:1px dashed #00f0ff4d;border-radius:6px;align-items:center;gap:.4rem;margin-top:.4rem;padding:.25rem .5rem;transition:all .2s;display:flex}.card-demo-url-box:hover{border-color:var(--cyan-neon);background:#00f0ff26}.hero-pill-badge{font-family:var(--font-tech);letter-spacing:.75px;color:#fff;background:#081121d9;border:1.5px solid #00f0ff66;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem 1.15rem;font-size:.82rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #00000080,inset 0 0 12px #00f0ff1a}.hero-pill-badge:hover{border-color:var(--cyan-neon);transform:translateY(-2px);box-shadow:0 0 25px #00f0ff73}@keyframes floatGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.85}}.animate-float{animation:4.5s ease-in-out infinite floatGentle}.animate-pulse-glow{animation:2.5s ease-in-out infinite pulseGlow}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#02060ceb;justify-content:center;align-items:center;padding:1rem;animation:.25s forwards fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content-box{background:#091527;border:1px solid #00f0ff66;border-radius:20px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000e6,0 0 40px #00f0ff40}@media (width<=768px){.site-header-nav{display:none}}