*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#2e1f27;color:#e7e393;overflow-x:hidden;min-height:100vh;width:100vw;-webkit-user-select:none;-moz-user-select:none;user-select:none}#background-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;background:radial-gradient(ellipse at center,#2e1f27,#1a1318)}.container{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;width:100vw;background:#2e1f274d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);pointer-events:none;padding:2rem 0}.content{text-align:center;animation:fadeInUp 2s ease-out;pointer-events:auto}.logo{margin-bottom:4rem;animation:glow 3s ease-in-out infinite alternate}.logo-text{font-family:Orbitron,monospace;font-size:2.5rem;font-weight:700;color:#f4c95d;text-shadow:0 0 10px rgba(244,201,93,.3),0 0 20px rgba(244,201,93,.2),0 0 30px rgba(244,201,93,.1);letter-spacing:4px}.main-text{margin-bottom:4rem}.services-section{margin-bottom:4rem;width:100%;max-width:1200px;padding:0 2rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem;animation:fadeInUp 1.2s ease-out .8s both}.service-card{background:#2e1f27b3;border:1px solid rgba(244,201,93,.2);border-radius:16px;padding:2rem;text-align:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;overflow:hidden;-webkit-user-select:text;-moz-user-select:text;user-select:text;animation:slideInCard .8s ease-out both;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.popup-trigger-area{position:absolute;top:0;left:0;right:0;height:60%;z-index:5;cursor:pointer}.service-card{animation:slideInCard .8s ease-out both,swingCard 3s ease-in-out infinite;animation-delay:0s,1.5s}.service-card:nth-child(1){animation-delay:1s,2s}.service-card:nth-child(2){animation-delay:1.3s,2.5s}.service-card:nth-child(3){animation-delay:1.6s,3s}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#f4c95d1a,#dd72301a);opacity:0;transition:opacity .4s ease;z-index:-1}.service-card:hover{transform:translateY(-15px) scale(1.02) rotate(2deg);border-color:#f4c95d80;box-shadow:0 20px 40px #0000004d,0 0 30px #f4c95d33;animation-play-state:paused}.service-card:hover:before{opacity:1}.card-icon{font-size:3rem;margin-bottom:1.5rem;display:block;filter:grayscale(.3);transition:all .3s ease}.service-card:hover .card-icon{filter:grayscale(0);transform:scale(1.1);text-shadow:0 0 20px rgba(244,201,93,.3)}.card-title{font-family:Orbitron,monospace;font-size:1.4rem;font-weight:700;color:#f4c95d;margin-bottom:1rem;letter-spacing:1px;text-shadow:0 0 10px rgba(244,201,93,.3)}.card-description{color:#e7e393;font-size:1rem;line-height:1.6;opacity:.9;font-weight:300}.card-bullets{list-style:none;padding:0;margin:0;text-align:left;display:inline-block}.card-bullets li{margin-bottom:.8rem;padding-left:0;color:#e7e393;font-size:.95rem;line-height:1.4;position:relative;animation:fadeInLeft .6s ease-out forwards;opacity:0;transform:translate(-20px)}.card-bullets li:nth-child(1){animation-delay:.2s}.card-bullets li:nth-child(2){animation-delay:.4s}.card-bullets li:nth-child(3){animation-delay:.6s}.card-bullets li:nth-child(4){animation-delay:.8s}.card-bullets li strong{color:#f4c95d;font-weight:600;text-shadow:0 0 5px rgba(244,201,93,.3)}.chat-preview{position:relative;margin-top:0;border-radius:12px;overflow:hidden;border:1px solid rgba(244,201,93,.2);transition:all .3s ease;opacity:0;animation:fadeInUp .8s ease-out 1.8s both}.preview-title{display:inline-block;margin:1.5rem 0 .5rem;background:linear-gradient(135deg,#f4c95d,#dd7230);color:#2e1f27;font-family:Orbitron,monospace;font-size:.7rem;font-weight:700;padding:8px 16px;border-radius:20px;border:2px solid rgba(244,201,93,.8);text-shadow:none;letter-spacing:1.5px;text-transform:uppercase;opacity:0;animation:fadeIn .5s ease-out 1.6s both;box-shadow:0 6px 20px #0000004d,0 0 0 3px #2e1f27cc,inset 0 1px #fff3;transform:rotate(-2deg);transition:all .3s ease}.chat-preview:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:4px;height:30px;background:linear-gradient(to bottom,transparent,rgba(244,201,93,.6),transparent);border-radius:2px;opacity:.7;animation:scrollIndicator 12s ease-in-out infinite;animation-delay:2s}.chat-image{width:100%;height:auto;max-height:200px;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;display:block;filter:brightness(.8) contrast(1.1);transition:all .3s ease;animation:chatScroll 12s ease-in-out infinite;animation-delay:2s}.chat-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#2e1f27cc,#2e1f2799);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.preview-label{color:#f4c95d;font-size:.9rem;font-weight:600;letter-spacing:1px;text-shadow:0 0 10px rgba(244,201,93,.5);transform:translateY(10px);transition:all .3s ease}.service-card.revealed:hover .preview-title{transform:rotate(0) scale(1.1);box-shadow:0 8px 25px #0006,0 0 0 3px #2e1f27e6,inset 0 1px #ffffff4d,0 0 20px #f4c95d66}.service-card.revealed:hover .chat-preview{border-color:#f4c95d99;box-shadow:0 0 20px #f4c95d1a}.service-card.revealed:hover .chat-image{filter:brightness(.4) contrast(1.2);transform:scale(1.05);animation-play-state:paused}.service-card.revealed:hover .chat-preview:after{animation-play-state:paused}.service-card.revealed:hover .chat-overlay{opacity:1}.service-card.revealed:hover .preview-label{transform:translateY(0)}.service-card.mystery .card-title{color:#dd7230;text-shadow:0 0 15px rgba(221,114,48,.4);animation:mysteryGlow 2s ease-in-out infinite alternate}.service-card.mystery:hover{transform:translateY(-20px) scale(1.05) rotate(4deg);box-shadow:0 25px 50px #0006,0 0 40px #dd723033}.service-card.mystery .card-hover-description{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;opacity:0;visibility:hidden;transition:all .4s ease;background:#000c;padding:1.5rem;border-radius:12px;border:1px solid rgba(244,201,93,.3)}.service-card.mystery:hover .card-hover-description,.service-card.mystery:focus .card-hover-description,.service-card.mystery:active .card-hover-description{opacity:1;visibility:visible}.service-card.mystery:hover .card-icon,.service-card.mystery:hover .card-title,.service-card.mystery:focus .card-icon,.service-card.mystery:focus .card-title,.service-card.mystery:active .card-icon,.service-card.mystery:active .card-title{opacity:.3;filter:blur(2px)}@media (hover: none) and (pointer: coarse){.service-card.mystery.touched .card-hover-description{opacity:1;visibility:visible}.service-card.mystery.touched .card-icon,.service-card.mystery.touched .card-title{opacity:.3;filter:blur(2px)}}.card-hover-description p{color:#e7e393;font-size:.95rem;line-height:1.5;margin:0;font-style:italic;text-shadow:0 0 5px rgba(231,227,147,.3)}.service-card.revealed{border-color:#f4c95d66;position:relative}.service-card.revealed:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#f4c95d,#dd7230,#f4c95d);background-size:300% 300%;border-radius:18px;z-index:-1;opacity:.3;animation:gradientBorder 4s ease-in-out infinite}.service-card.revealed .card-title{background:linear-gradient(45deg,#f4c95d,#dd7230);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite}.service-card.revealed:hover{transform:translateY(-18px) scale(1.03) rotate(3deg);box-shadow:0 25px 50px #0006,0 0 40px #f4c95d4d}.aguardem{font-family:Orbitron,monospace;font-size:clamp(3rem,12vw,8rem);font-weight:900;color:#dd7230;text-shadow:0 0 20px rgba(221,114,48,.5),0 0 40px rgba(221,114,48,.3),0 0 60px rgba(221,114,48,.2);letter-spacing:8px;margin-bottom:2rem;animation:pulse 2s ease-in-out infinite alternate;background:linear-gradient(45deg,#dd7230,#f4c95d,#dd7230);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite,pulse 2s ease-in-out infinite alternate}.subtitle{color:#e7e393;font-size:1.2rem;font-weight:300;letter-spacing:2px;opacity:.8}.subtitle p{margin-bottom:1rem}.loading-dots{display:flex;justify-content:center;gap:8px;margin-top:1rem}.loading-dots span{width:8px;height:8px;border-radius:50%;background-color:#854d27;display:inline-block;animation:bounce 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}.footer{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#e7e39380;font-size:.9rem;font-weight:300}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{text-shadow:0 0 10px rgba(244,201,93,.3),0 0 20px rgba(244,201,93,.2),0 0 30px rgba(244,201,93,.1)}to{text-shadow:0 0 15px rgba(244,201,93,.5),0 0 25px rgba(244,201,93,.3),0 0 35px rgba(244,201,93,.2)}}@keyframes pulse{0%{transform:scale(1);filter:brightness(1)}to{transform:scale(1.02);filter:brightness(1.1)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes mysteryGlow{0%{text-shadow:0 0 15px rgba(221,114,48,.4)}to{text-shadow:0 0 25px rgba(221,114,48,.6)}}@keyframes gradientBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scrollIndicator{0%,20%{top:15%}25%,45%{top:35%}50%,70%{top:50%}75%,95%{top:75%}to{top:15%}}@keyframes chatScroll{0%,20%{-o-object-position:top;object-position:top}25%,45%{-o-object-position:25% 25%;object-position:25% 25%}50%,70%{-o-object-position:center;object-position:center}75%,95%{-o-object-position:75% 75%;object-position:75% 75%}to{-o-object-position:top;object-position:top}}@keyframes swingCard{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes floatCard{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(-15px) rotate(0)}75%{transform:translateY(-10px) rotate(-2deg)}}@keyframes slideInCard{0%{opacity:0;transform:translateY(50px) rotateX(20deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes fadeInLeft{to{opacity:1;transform:translate(0)}}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.logo-text{font-size:2rem;letter-spacing:2px}.aguardem{letter-spacing:4px;margin-bottom:1.5rem}.subtitle{font-size:1rem;letter-spacing:1px}.services-section{padding:0 1rem;margin-bottom:3rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:1.5rem}.card-icon{font-size:2.5rem;margin-bottom:1rem}.card-title{font-size:1.2rem}.card-description{font-size:.9rem}.service-card:hover{transform:translateY(-8px) scale(1.01) rotate(1deg)}.service-card.revealed:hover{transform:translateY(-10px) scale(1.02) rotate(2deg)}.card-bullets li{font-size:.85rem}.chat-preview{margin-top:0}.preview-title{font-size:.65rem;padding:6px 12px;margin:1rem 0 .4rem;letter-spacing:1px}.chat-image{max-height:150px}.chat-preview:after{width:3px;height:20px}.preview-label{font-size:.8rem}.footer{font-size:.8rem;bottom:1rem}.main-text{margin-bottom:4rem}.logo{margin-bottom:3rem}}@media (max-width: 480px){.logo-text{font-size:1.5rem}.subtitle{font-size:.9rem}.services-section{padding:0 .5rem}.service-card{padding:1.2rem}.card-icon{font-size:2rem}.card-title{font-size:1.1rem}.card-description{font-size:.85rem}.card-hover-description{padding:1rem}.card-hover-description p{font-size:.85rem}.chat-image{max-height:120px}.preview-title{font-size:.6rem;padding:5px 10px;margin:.8rem 0 .3rem;letter-spacing:.8px}.chat-preview:after{width:2px;height:15px}.preview-label{font-size:.75rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.aguardem,.logo-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s ease}.popup-overlay.show{opacity:1;visibility:visible}.popup-content{background:linear-gradient(135deg,#2e1f27f2,#1a1318f2);border-radius:24px;padding:3rem 2.5rem;text-align:center;max-width:400px;width:90%;position:relative;border:1px solid rgba(244,201,93,.2);box-shadow:0 25px 50px #00000080,0 0 0 1px #f4c95d1a,inset 0 1px #f4c95d1a;transform:scale(.8) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.popup-overlay.show .popup-content{transform:scale(1) translateY(0)}.popup-icon{font-size:4rem;margin-bottom:1.5rem;animation:bounce 2s ease-in-out infinite}.popup-title{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:#f4c95d;margin-bottom:.5rem;text-shadow:0 0 10px rgba(244,201,93,.3);letter-spacing:1px}.popup-message{color:#9ca3af;font-size:.9rem;margin-bottom:2rem;opacity:.8}.progress-bar{width:100%;height:4px;background:#f4c95d33;border-radius:2px;overflow:hidden;margin-top:1.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#f4c95d,#dd7230);width:0%;border-radius:2px;transition:width 5s linear;box-shadow:0 0 10px #f4c95d80}.popup-overlay.show .progress-fill{width:100%}@media (max-width: 768px){.popup-content{padding:2rem 1.5rem;max-width:350px}.popup-icon{font-size:3rem;margin-bottom:1rem}.popup-title{font-size:1.3rem}.popup-message{font-size:.85rem}}