:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-card: rgba(255, 255, 255, .88);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-card-primary: #0f172a;--text-card-secondary: #334155;--royal-purple-dark: #2e1065;--royal-purple: #6b21a8;--royal-purple-bright: #a855f7;--royal-purple-light: #f3e8ff;--royal-purple-glow: rgba(168, 85, 247, .25);--obsidian-border: rgba(168, 85, 247, .35);--glass-shadow: 0 20px 50px -10px rgba(107, 33, 168, .12), 0 8px 24px rgba(15, 23, 42, .06), inset 0 1px 2px rgba(255, 255, 255, .9);--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0;user-select:text;-webkit-user-select:text}body{background-color:#f8fafc;background-image:radial-gradient(circle at 10% 10%,rgba(168,85,247,.15) 0%,transparent 45%),radial-gradient(circle at 90% 90%,rgba(107,33,168,.12) 0%,transparent 45%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.9) 0%,transparent 75%);color:var(--text-primary);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.ripple-element{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(168,85,247,.5) 0%,rgba(126,34,206,.15) 60%,transparent 80%);transform:scale(0);animation:cushionWaterRipple .5s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none;z-index:99}@keyframes cushionWaterRipple{0%{transform:scale(0);opacity:.8}50%{opacity:.4}to{transform:scale(3.2);opacity:0}}.flash-intro-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#090d16;z-index:999999;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;perspective:1000px;transition:opacity .6s ease,visibility .6s ease}.dc-flash-bolt-3d{position:absolute;top:45%;right:-60%;width:140vw;height:80px;background:linear-gradient(90deg,transparent,#fbbf24,#ffffff,#a855f7,transparent);box-shadow:0 0 40px #fbbf24,0 0 80px #a855f7,0 0 120px #fff;transform:rotate(-12deg) rotateY(-35deg) translateZ(100px) skew(-30deg);animation:dcSpeedForce3D 1.4s cubic-bezier(.1,.85,.25,1) forwards;filter:drop-shadow(0 0 25px #fbbf24);z-index:10}@keyframes dcSpeedForce3D{0%{right:-120%;transform:rotate(-15deg) rotateY(-45deg) translateZ(-200px) skew(-40deg);opacity:0}20%{opacity:1}to{right:120%;transform:rotate(-5deg) rotateY(15deg) translateZ(300px) skew(-15deg);opacity:1}}.flash-title-container{position:relative;overflow:hidden;padding:10px 40px;z-index:20}.flash-name-text{font-family:var(--font-heading);font-size:4.5rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#fff;text-shadow:0 0 30px rgba(251,191,36,.9),0 0 60px rgba(168,85,247,.8),0 0 90px rgba(255,255,255,.6);animation:flashNameIn 1.4s cubic-bezier(.16,1,.3,1) .6s forwards;display:inline-block;white-space:nowrap;opacity:0}@keyframes flashNameIn{0%{transform:translate(140%) skew(-30deg) translateZ(-100px);opacity:0;filter:blur(12px)}60%{transform:translate(-5%) skew(10deg) translateZ(20px);opacity:1;filter:blur(0)}to{transform:translate(0) skew(0) translateZ(0);opacity:1}}.flash-sub-title{color:#c084fc;font-size:1.1rem;letter-spacing:.3em;text-transform:uppercase;margin-top:1rem;opacity:0;animation:fadeIn .8s ease 1.2s forwards;z-index:20}h1{font-size:2.35rem;font-weight:800;line-height:1.25;color:#0f172a;letter-spacing:-.02em}h2{font-size:2.2rem;font-weight:700;margin-bottom:1rem;color:#0f172a;letter-spacing:-.02em}.glass-card{background:#ffffffe0;backdrop-filter:blur(25px);color:var(--text-primary);border:1px solid rgba(168,85,247,.35);border-radius:28px;box-shadow:0 25px 60px -15px #6b21a81f,0 8px 24px #0f172a0d;transition:var(--transition-smooth);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#2e1065,#a855f7,#6b21a8,#a855f7,#2e1065)}.hero-marquee-container{margin-top:1.5rem;padding:.85rem 0;overflow:hidden;position:relative;background:#f1f5f9e6;backdrop-filter:blur(10px);border-radius:18px;border:1px solid rgba(168,85,247,.3)}.hero-marquee-container:before,.hero-marquee-container:after{content:"";position:absolute;top:0;width:60px;height:100%;z-index:5;pointer-events:none}.hero-marquee-container:before{left:0;background:linear-gradient(90deg,rgba(241,245,249,.9),transparent)}.hero-marquee-container:after{right:0;background:linear-gradient(-90deg,rgba(241,245,249,.9),transparent)}.tech-marquee-track{display:flex;gap:2.5rem;width:max-content;animation:marqueeLeftToRight 25s linear infinite}@keyframes marqueeLeftToRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.tech-marquee-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(168,85,247,.35);padding:8px 16px;border-radius:30px;box-shadow:0 4px 12px #6b21a81a;flex-shrink:0}.tech-marquee-item img{width:24px;height:24px;object-fit:contain}.tech-marquee-item span{font-size:.85rem;font-weight:700;color:#0f172a;white-space:nowrap}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:30px;background:#fff;border:1px solid #d8b4fe;font-size:.85rem;color:#581c87;box-shadow:0 2px 8px #6b21a814}.hero-badge strong{color:#7e22ce}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.25rem;margin-top:1.5rem}.stat-card{padding:1.1rem;border-radius:18px;background:#fff;border:1px solid rgba(168,85,247,.3);text-align:center;box-shadow:0 4px 14px #6b21a814}.stat-number{font-size:2rem;font-weight:800;color:#7e22ce;line-height:1.1}.stat-label{font-size:.8rem;color:#475569;margin-top:4px}.tree-container{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.envelope-3d-wrapper{position:relative;background:#ffffffeb;backdrop-filter:blur(25px);border:1.5px solid var(--obsidian-border);border-radius:24px;padding:1.75rem;cursor:pointer;box-shadow:0 20px 50px -10px #6b21a81f,0 6px 20px #0f172a0a;transition:border-color .25s ease,box-shadow .25s ease;perspective:1200px;overflow:hidden}.envelope-3d-wrapper:hover{transform:translateY(-4px);border-color:#a855f7cc;box-shadow:0 25px 60px -10px #a855f740}.envelope-top-flap-3d{width:100%;height:50px;background:linear-gradient(180deg,#a855f747,#f1f5f9f2);clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;transition:opacity .15s ease-out;position:relative;z-index:10;margin-bottom:-15px;border-top:2px solid #a855f7}.collapse-envelope-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:1.25rem;padding:8px 20px;border-radius:25px;background:#f3e8ff;color:#6b21a8;border:1px solid #d8b4fe;font-size:.82rem;font-weight:700;cursor:pointer;align-self:center;transition:all .3s ease;box-shadow:0 4px 12px #6b21a81f}.collapse-envelope-btn:hover{background:#7e22ce;color:#fff;border-color:#a855f7;box-shadow:0 0 20px #a855f7}.envelope-inner-letter{overflow:hidden;transition:opacity .15s ease-out;display:flex;flex-direction:column;gap:1.5rem;margin-top:0;padding-top:0;transform-origin:top center}.service-image-carousel{position:relative;width:100%;height:280px;border-radius:18px;overflow:hidden;border:1px solid rgba(168,85,247,.4);box-shadow:0 10px 25px #6b21a826;margin-top:1rem}.service-carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:translate(-100%);transition:transform .8s cubic-bezier(.16,1,.3,1),opacity .8s ease}.service-carousel-slide.active{opacity:1;transform:translate(0)}.service-carousel-overlay-badge{position:absolute;top:12px;left:12px;background:#0f172ae6;backdrop-filter:blur(12px);color:#f3e8ff;border:1px solid #a855f7;padding:4px 12px;border-radius:20px;font-size:.78rem;font-weight:700;z-index:10}.tree-child-card{background:#fff;border:1px solid rgba(168,85,247,.25);border-radius:18px;padding:1.5rem;overflow:hidden;box-shadow:0 4px 14px #6b21a80d}.demo-widget-container{margin-top:1.25rem;background:#f8fafc;border:1px solid rgba(168,85,247,.3);border-radius:16px;padding:1.25rem;overflow:hidden}.demo-kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kanban-col{background:#fff;padding:10px;border-radius:12px;border:1px solid rgba(168,85,247,.2);word-break:break-word}.kanban-col-title{font-size:.75rem;font-weight:700;color:#6b21a8;margin-bottom:6px;text-transform:uppercase}.kanban-card-item{background:#f3e8ff;padding:8px 10px;border-radius:8px;font-size:.78rem;border:1px solid #d8b4fe;margin-bottom:6px;color:#581c87;font-weight:600;word-break:break-word}.whatsapp-fab{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 8px 20px #25d36659,inset 0 1px 1px #fff;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.whatsapp-fab:hover{transform:scale(1.1);box-shadow:0 12px 28px #25d36680}.whatsapp-modal{position:fixed;bottom:5.5rem;right:1.5rem;width:340px;z-index:10000;background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(168,85,247,.3);box-shadow:0 25px 50px -12px #00000026;animation:slideUp .3s ease}.whatsapp-header{background:linear-gradient(135deg,#075e54,#128c7e);color:#fff;padding:1rem;display:flex;align-items:center;justify-content:space-between}.whatsapp-body{padding:1rem;display:flex;flex-direction:column;gap:10px}.wa-template-btn{background:#f8fafc;border:1px solid rgba(168,85,247,.3);padding:10px 12px;border-radius:12px;font-size:.82rem;color:#0f172a;text-align:left;cursor:pointer;transition:var(--transition-smooth)}.wa-template-btn:hover{background:#f3e8ff;border-color:#a855f7;color:#6b21a8}.robot-avatar-container{position:fixed;bottom:1.5rem;left:1.5rem;z-index:10000;display:flex;align-items:flex-end;gap:8px;transition:transform 2s cubic-bezier(.25,1,.5,1),left 2s cubic-bezier(.25,1,.5,1),top 2s cubic-bezier(.25,1,.5,1)}.robot-sprite{width:58px;height:74px;cursor:pointer;filter:drop-shadow(0 10px 20px rgba(168,85,247,.35));transition:transform .2s ease;animation:robotFloat 3s ease-in-out infinite;flex-shrink:0}@keyframes robotFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.robot-sprite:hover{transform:scale(1.1) rotate(-4deg)}.robot-speech-bubble{background:#fff;border:2px solid #a855f7;border-radius:14px;padding:8px 12px;max-width:175px;font-size:.76rem;color:#0f172a;box-shadow:0 10px 24px -5px #a855f733;position:relative;animation:fadeIn .4s ease;word-break:break-word}.robot-speech-bubble:before{content:"";position:absolute;bottom:12px;left:-8px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid #a855f7}.ai-chat-window{position:fixed;bottom:5.5rem;left:1.5rem;width:350px;height:480px;z-index:10000;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;border:1px solid rgba(168,85,247,.35);box-shadow:0 25px 50px -12px #00000026;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ai-chat-header{background:linear-gradient(135deg,#2e1065,#7e22ce);color:#fff;padding:1rem;display:flex;align-items:center;justify-content:space-between}.ai-chat-body{flex-grow:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background:#f8fafc}.chat-bubble{max-width:85%;padding:10px 14px;border-radius:16px;font-size:.85rem;line-height:1.45}.chat-bubble.ai{background:#fff;border:1px solid rgba(168,85,247,.3);color:#0f172a;align-self:flex-start;border-bottom-left-radius:4px}.chat-bubble.user{background:linear-gradient(135deg,#7e22ce,#6b21a8);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.ai-chat-input-row{padding:10px;background:#fff;border-top:1px solid rgba(168,85,247,.2);display:flex;gap:8px;align-items:center}.ai-chat-input-row input{flex-grow:1;background:#f8fafc;border:1px solid rgba(168,85,247,.3);color:#0f172a;padding:8px 14px;border-radius:12px;font-size:.85rem;outline:none}.voice-btn{background:#f3e8ff;border:1px solid rgba(168,85,247,.3);color:#6b21a8;padding:8px 12px;border-radius:12px;cursor:pointer;font-size:.9rem}.voice-btn.active{background:#dc2626;color:#fff;border-color:#b91c1c}.tech-badge-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem}.tech-badge{background:#f8fafc;border:1px solid rgba(168,85,247,.3);padding:6px 14px;border-radius:20px;font-size:.8rem;color:#475569;display:inline-flex;align-items:center;gap:6px;word-break:break-word;max-width:100%}.tech-badge.highlight{border-color:#a855f766;color:#6b21a8;background:#f3e8ff;font-weight:600}@media (min-width: 1024px){.service-image-carousel{height:280px}}@media (min-width: 641px) and (max-width: 1023px){.service-image-carousel{height:220px}}@media (max-width: 640px){.container{padding:0 .85rem}.flash-name-text{font-size:2.1rem}h1{font-size:1.85rem}h2{font-size:1.35rem}.glass-card{padding:1.5rem 1rem!important;border-radius:18px!important}.stats-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.stat-card{padding:.85rem!important}.stat-number{font-size:1.6rem!important}.stat-label{font-size:.72rem!important}.tree-container{gap:1.25rem!important}.envelope-3d-wrapper{padding:1.25rem 1rem!important;border-radius:18px!important}.tree-child-card{padding:1rem!important;border-radius:14px!important}.service-image-carousel{height:160px!important;border-radius:12px!important}.demo-widget-container{padding:.85rem!important;border-radius:12px!important}.demo-kanban-board{grid-template-columns:1fr!important;gap:8px!important}.tech-badge-grid{gap:6px!important}.tech-badge{font-size:.72rem!important;padding:4px 10px!important;white-space:normal!important;text-align:left !alignment}header{padding:.75rem 0!important}header .container{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}.desktop-only-badge{display:none!important}.ai-chat-window{width:calc(100vw - 2rem);left:1rem;bottom:4.5rem}.whatsapp-modal{width:calc(100vw - 2rem);right:1rem;bottom:4.5rem}.robot-avatar-container{left:.5rem;bottom:.8rem;gap:6px}.robot-sprite{width:44px;height:56px}.robot-speech-bubble{max-width:150px!important;padding:6px 8px!important;font-size:.68rem!important;border-radius:12px!important}}