:root{--color-bg:#050508;--color-bg-secondary:#08080f;--color-surface:#0e0e18;--color-surface-light:#151524;--color-surface-hover:#1a1a2e;--color-accent:#6c5ce7;--color-accent-light:#a29bfe;--color-accent-dim:#6c5ce71f;--color-neon-blue:#00d4ff;--color-neon-purple:#a855f7;--color-accent-gradient:linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);--color-text:#f0f0f5;--color-text-secondary:#b0b0c8;--color-text-muted:#6b6b8d;--color-text-dim:#3e3e5c;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--glass-bg:#0e0e18b3;--glass-border:#ffffff0f;--section-padding:120px 0;--container-max:1280px;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-xl:32px;--radius-pill:100px;--transition-fast:.15s ease;--transition-smooth:.35s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 32px}.section{padding:var(--section-padding);position:relative}.gradient-text{background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-smooth), background-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);will-change:transform}.glow-card:hover{border-color:var(--color-border-hover);background:var(--color-surface-light);transform:translateY(-4px);box-shadow:0 12px 40px #0000004d,0 0 0 1px #6c5ce70f}.section-divider{background:var(--color-border);border:none;width:100%;height:1px}.fade-in{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1);transform:translateY(40px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.fade-in-delay-4{transition-delay:.4s}.section-label{letter-spacing:2.5px;text-transform:uppercase;color:var(--color-accent-light);background:var(--color-accent-dim);border-radius:var(--radius-pill);border:1px solid #6c5ce726;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.section-title{letter-spacing:-.5px;margin-bottom:20px;font-family:Outfit,Inter,sans-serif;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;line-height:1.15}.section-subtitle{color:var(--color-text-secondary);max-width:560px;font-size:1.05rem;line-height:1.75}.btn-pill{border-radius:var(--radius-pill);transition:var(--transition-smooth);align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-pill--primary{background:var(--color-accent);color:#fff}.btn-pill--primary:hover{background:var(--color-accent-light);transform:translateY(-1px);box-shadow:0 8px 30px #6c5ce740}.btn-pill--ghost{color:var(--color-text);border:1px solid var(--color-border);background:0 0}.btn-pill--ghost:hover{border-color:var(--color-border-hover);background:var(--color-surface)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-surface-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}@media (width<=768px){:root{--section-padding:80px 0}.container{padding:0 20px}}.app{min-height:100vh;position:relative}.app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 50% 0,#6c5ce70d 0%,#0000 60%),radial-gradient(60% 40% at 80% 80%,#00d4ff05 0%,#0000 50%),radial-gradient(50% 50% at 20% 60%,#a855f705 0%,#0000 50%);position:fixed;inset:0}.app:after{content:"";pointer-events:none;z-index:9999;opacity:.4;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E") 0 0/256px 256px;position:fixed;inset:0}.cursor-glow{pointer-events:none;z-index:0;opacity:0;background:radial-gradient(circle,#6c5ce71f 0%,#a29bfe0a 40%,#0000 70%);border-radius:50%;width:600px;height:600px;transition:opacity .4s;position:fixed;transform:translate(-50%,-50%)}.cursor-glow.active{opacity:1}.navbar{z-index:1000;transition:var(--transition-smooth);padding:20px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--color-border);background:#050508e6;padding:14px 0}.navbar-inner{justify-content:space-between;align-items:center;display:flex}.navbar-logo{letter-spacing:-.5px;color:var(--color-text);font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700}.navbar-links{align-items:center;gap:36px;display:flex}.navbar-links a{color:var(--color-text-muted);letter-spacing:.2px;font-size:.85rem;font-weight:500;transition:color .25s;position:relative}.navbar-links a:after{content:"";background:var(--color-accent);border-radius:1px;width:0;height:1.5px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-4px;left:0}.navbar-links a:hover{color:var(--color-text)}.navbar-links a:hover:after{width:100%}.navbar-cta{border-radius:var(--radius-pill);transition:all var(--transition-smooth);letter-spacing:.2px;padding:9px 22px;font-size:.8rem;font-weight:600;background:var(--color-accent)!important;color:#fff!important}.navbar-cta:after{display:none!important}.navbar-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6c5ce740;background:var(--color-accent-light)!important}.navbar-cta:active{transform:translateY(0)}.navbar-toggle{background:0 0;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-toggle span{background:var(--color-text);width:22px;height:2px;transition:var(--transition-fast);border-radius:2px}.navbar-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.navbar-toggle.open span:nth-child(2){opacity:0}.navbar-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.navbar-toggle{display:flex}.navbar-links{background:var(--color-bg-secondary);border-left:1px solid var(--color-border);flex-direction:column;gap:28px;width:300px;height:100vh;padding:100px 36px 36px;transition:right .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-100%}.navbar-links.open{right:0}.navbar-links a{font-size:1rem}.navbar-cta{text-align:center;width:100%;padding:12px 24px;display:block}}.hero{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:140px 0 100px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;--parallax-x:0px;--parallax-y:0px;position:absolute;inset:0;overflow:hidden}.hero-orb{filter:blur(120px);border-radius:50%;transition:transform .1s linear;position:absolute}.hero-orb--1{width:700px;height:700px;transform:translateX(-50%) translate(var(--parallax-x), var(--parallax-y));background:radial-gradient(circle,#6c5ce726 0%,#0000 70%);animation:12s ease-in-out infinite orbDrift1;top:-20%;left:50%}.hero-orb--2{width:400px;height:400px;transform:translate(calc(var(--parallax-x) * -.5), calc(var(--parallax-y) * -.5));background:radial-gradient(circle,#a29bfe1a 0%,#0000 70%);animation:15s ease-in-out infinite orbDrift2;bottom:0;right:10%}.hero-orb--3{width:300px;height:300px;transform:translate(calc(var(--parallax-x) * -.7), calc(var(--parallax-y) * -.3));background:radial-gradient(circle,#00d4ff0f 0%,#0000 70%);animation:18s ease-in-out infinite orbDrift3;top:40%;left:5%}@keyframes orbDrift1{0%,to{transform:translateX(-50%) translate(var(--parallax-x), var(--parallax-y))}33%{transform:translateX(-50%) translate(calc(var(--parallax-x) + 30px), calc(var(--parallax-y) + 20px))}66%{transform:translateX(-50%) translate(calc(var(--parallax-x) - 20px), calc(var(--parallax-y) - 15px))}}@keyframes orbDrift2{0%,to{transform:translate(calc(var(--parallax-x) * -.5), calc(var(--parallax-y) * -.5))}33%{transform:translate(calc(var(--parallax-x) * -.5 - 25px), calc(var(--parallax-y) * -.5 - 20px))}66%{transform:translate(calc(var(--parallax-x) * -.5 + 15px), calc(var(--parallax-y) * -.5 + 25px))}}@keyframes orbDrift3{0%,to{transform:translate(calc(var(--parallax-x) * -.7), calc(var(--parallax-y) * -.3))}50%{transform:translate(calc(var(--parallax-x) * -.7 + 20px), calc(var(--parallax-y) * -.3 - 30px))}}.hero-grid{z-index:0;background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 50%,#000 30%,#0000 80%);mask-image:radial-gradient(60% 50%,#000 30%,#0000 80%)}.hero-content{z-index:1;max-width:860px;padding:0 32px;animation:1s cubic-bezier(.4,0,.2,1) forwards heroFadeUp;position:relative}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{background:var(--color-accent-dim);border-radius:var(--radius-pill);color:var(--color-accent-light);letter-spacing:1.5px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);border:1px solid #6c5ce726;align-items:center;gap:8px;margin-bottom:40px;padding:8px 20px;font-size:.75rem;font-weight:600;animation:1s cubic-bezier(.4,0,.2,1) .1s both heroFadeUp;display:inline-flex}.hero-badge-dot{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent);border-radius:50%;animation:2.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 8px var(--color-accent);transform:scale(1)}50%{opacity:.4;box-shadow:0 0 2px var(--color-accent);transform:scale(.8)}}.hero-title{letter-spacing:-2px;color:var(--color-text);margin-bottom:28px;font-family:Outfit,sans-serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:1.05;animation:1s cubic-bezier(.4,0,.2,1) .2s both heroFadeUp}.hero-title-highlight{background:linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-neon-blue) 50%, var(--color-accent-light) 100%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:4s ease-in-out infinite shimmerText}@keyframes shimmerText{0%,to{background-position:0%}50%{background-position:100%}}.hero-cursor{color:var(--color-accent);-webkit-text-fill-color:var(--color-accent);margin-left:2px;font-weight:300;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-subtitle{color:var(--color-text-secondary);max-width:520px;margin:0 auto 48px;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.8;animation:1s cubic-bezier(.4,0,.2,1) .35s both heroFadeUp}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;animation:1s cubic-bezier(.4,0,.2,1) .5s both heroFadeUp;display:flex}.hero-btn{border-radius:var(--radius-pill);transition:all var(--transition-smooth);will-change:transform;align-items:center;gap:8px;padding:14px 32px;font-size:.9rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.hero-btn--primary{background:var(--color-accent);color:#fff}.hero-btn-bg{background:linear-gradient(135deg, var(--color-accent-light) 0%, var(--color-accent) 100%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.hero-btn--primary:hover .hero-btn-bg{opacity:1}.hero-btn--primary:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 12px 36px #6c5ce759,0 0 0 1px #a29bfe33}.hero-btn--primary:active{transform:translateY(0)scale(1)}.hero-btn--primary>:not(.hero-btn-bg){z-index:1;position:relative}.hero-btn--secondary{color:var(--color-text);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(4px);background:0 0}.hero-btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent-light);background:#6c5ce70f;transform:translateY(-3px);box-shadow:0 8px 24px #6c5ce726}.hero-btn--secondary:active{transform:translateY(0)}.hero-btn--whatsapp{color:#fff;background:#25d366}.hero-btn--whatsapp:hover{background:#20bd5a;transform:translateY(-3px)scale(1.02);box-shadow:0 12px 36px #25d36659}.hero-btn--whatsapp:active{transform:translateY(0)}.hero-scroll{color:var(--color-text-dim);letter-spacing:2px;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.7rem;animation:2.5s ease-in-out infinite bounce;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-scroll-line{background:linear-gradient(to bottom, var(--color-text-dim), transparent);width:1px;height:32px}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(6px)}}.hero-code-float{color:#a29bfe1a;white-space:nowrap;pointer-events:none;z-index:0;letter-spacing:.5px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;animation:linear infinite codeFloat;position:absolute;bottom:-30px}@keyframes codeFloat{0%{opacity:0;transform:translateY(0)rotate(0)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translateY(-110vh)rotate(3deg)}}@media (width<=768px){.hero{min-height:auto;padding:140px 0 80px}.hero-title{letter-spacing:-1px}.hero-actions{flex-direction:column;align-items:center}.hero-btn{justify-content:center;width:100%;max-width:280px}.hero-scroll,.hero-orb--3{display:none}}.marquee{z-index:1;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:40px 0;position:relative;overflow:hidden}.marquee-track{width:max-content;animation:30s linear infinite marqueeScroll;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{color:var(--color-text-muted);white-space:nowrap;letter-spacing:.5px;text-transform:uppercase;align-items:center;gap:10px;padding:0 40px;font-size:.85rem;font-weight:600;transition:color .3s;display:flex}.marquee-item:hover{color:var(--color-accent-light)}.marquee-dot{background:var(--color-accent);border-radius:50%;flex-shrink:0;width:4px;height:4px}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{z-index:1;position:relative}.about:before{content:"";background:var(--color-border);height:1px;position:absolute;top:0;left:32px;right:32px}.about-header{text-align:center;margin-bottom:80px}.about-header .section-subtitle{margin:0 auto}.about-card{border-radius:var(--radius-lg);transition:border-color var(--transition-smooth), background-color var(--transition-smooth), box-shadow var(--transition-smooth), transform .15s ease-out;will-change:transform;transform-style:preserve-3d;max-width:720px;margin:0 auto;padding:48px 40px;position:relative;overflow:hidden}.about-card:before{content:"";background:var(--color-accent);transform-origin:0;width:100%;height:2px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleX(0)}.about-card:hover:before{transform:scaleX(1)}.about-card-icon{border-radius:var(--radius-md);background:var(--color-accent-dim);width:48px;height:48px;color:var(--color-accent-light);transition:background-color var(--transition-smooth), transform var(--transition-smooth);justify-content:center;align-items:center;margin-bottom:28px;display:flex}.about-card:hover .about-card-icon{background:#6c5ce733;transform:scale(1.08)}.about-card h3{color:var(--color-text);margin-bottom:16px;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700}.about-card p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.85}.about-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;display:grid}.about-stat{text-align:center;border-radius:var(--radius-lg);transition:border-color var(--transition-smooth), background-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);will-change:transform;padding:36px 16px}.about-stat:hover{transform:translateY(-4px)}.about-stat-value{color:var(--color-text);letter-spacing:-1px;transition:color var(--transition-smooth);margin-bottom:6px;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:700}.about-stat:hover .about-stat-value{color:var(--color-accent-light)}.about-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px;transition:color var(--transition-smooth);font-size:.8rem;font-weight:500}.about-stat:hover .about-stat-label{color:var(--color-text-secondary)}@media (width<=768px){.about-card{padding:36px 28px}.about-stats{grid-template-columns:1fr;gap:12px}.about-stat{padding:28px 16px}}.why{z-index:1;position:relative}.why:before{content:"";background:var(--color-border);height:1px;position:absolute;top:0;left:32px;right:32px}.why-header{text-align:center;margin-bottom:72px}.why-header .section-subtitle{margin:0 auto}.why-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.why-card{text-align:left;border-radius:var(--radius-lg);transition:border-color var(--transition-smooth), background-color var(--transition-smooth), box-shadow var(--transition-smooth), transform .15s ease-out;will-change:transform;transform-style:preserve-3d;--glow-x:50%;--glow-y:50%;padding:44px 32px 36px;position:relative;overflow:hidden}.why-card-glow{pointer-events:none;opacity:0;background:radial-gradient(400px circle at var(--glow-x) var(--glow-y), #6c5ce714, transparent 50%);transition:opacity .4s;position:absolute;inset:0}.why-card:hover .why-card-glow{opacity:1}.why-card-index{color:#6c5ce70a;transition:color var(--transition-smooth);pointer-events:none;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800;line-height:1;position:absolute;top:20px;right:24px}.why-card:hover .why-card-index{color:#6c5ce71a}.why-card-icon{border-radius:var(--radius-md);background:var(--color-accent-dim);width:52px;height:52px;transition:background-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);justify-content:center;align-items:center;margin-bottom:28px;display:flex}.why-card:hover .why-card-icon{background:#6c5ce738;transform:scale(1.1);box-shadow:0 4px 16px #6c5ce733}.why-card-icon svg{color:var(--color-accent-light);transition:color var(--transition-smooth)}.why-card:hover .why-card-icon svg{color:#fff}.why-card h3{color:var(--color-text);transition:color var(--transition-smooth);margin-bottom:14px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.why-card:hover h3{color:var(--color-accent-light)}.why-card p{color:var(--color-text-secondary);font-size:.92rem;line-height:1.8}.why-card:before{content:"";background:var(--color-accent-gradient);transform-origin:0;width:100%;height:2px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleX(0)}.why-card:hover:before{transform:scaleX(1)}.why-card-line{background:var(--color-accent-dim);border-radius:1px;width:0;height:2px;margin-top:auto;padding-top:24px;transition:width .6s cubic-bezier(.4,0,.2,1)}.why-card:hover .why-card-line{width:60px}@media (width<=768px){.why-grid{grid-template-columns:1fr;gap:16px}.why-card{padding:32px 24px 28px}}.portfolio{z-index:1;position:relative}.portfolio:before{content:"";background:var(--color-border);height:1px;position:absolute;top:0;left:32px;right:32px}.portfolio-header{text-align:center;margin-bottom:72px}.portfolio-header .section-subtitle{margin:0 auto}.portfolio-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.portfolio-card{flex-direction:column;display:flex}.portfolio-card-inner{border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth), transform .25s ease-out;will-change:transform;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.portfolio-card:hover .portfolio-card-inner{border-color:#6c5ce733;transform:translateY(-6px);box-shadow:0 20px 60px #0006,0 0 0 1px #6c5ce714}.portfolio-card-inner.portfolio-card-inner--active{border-color:#6c5ce72e;box-shadow:0 8px 32px #0000004d,0 0 0 1px #6c5ce70f}.portfolio-card-glow{z-index:0;pointer-events:none;opacity:0;background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%), var(--card-accent,#6c5ce714), transparent 50%);transition:opacity .4s;position:absolute;inset:0}.portfolio-card:hover .portfolio-card-glow{opacity:.15}.portfolio-card-shine{z-index:0;pointer-events:none;border-radius:var(--radius-lg);opacity:0;transition:opacity .4s;position:absolute;inset:0}.portfolio-card-shine:before{content:"";border-radius:var(--radius-lg);background:conic-gradient(from var(--shine-angle,0deg), transparent 0%, var(--card-accent,var(--color-accent)) 10%, transparent 20%);-webkit-mask-composite:xor;padding:1px;animation:4s linear infinite borderSpin;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.portfolio-card:hover .portfolio-card-shine{opacity:1}@keyframes borderSpin{to{--shine-angle:360deg}}@property --shine-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.portfolio-card-visual{z-index:1;justify-content:center;align-items:center;height:220px;display:flex;position:relative;overflow:hidden}.portfolio-visual--wellness{background:linear-gradient(160deg,#0c0c1a 0%,#12102a 100%)}.portfolio-visual--booking{background:linear-gradient(160deg,#0e0a1e 0%,#0c0c1a 100%)}.portfolio-visual--pos{background:linear-gradient(160deg,#081412 0%,#0c0c1a 100%)}.portfolio-visual--brand{background:linear-gradient(160deg,#140a10 0%,#0c0c1a 100%)}.portfolio-card-grid{pointer-events:none;opacity:0;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:20px 20px;transition:opacity .5s;position:absolute;inset:0}.portfolio-card:hover .portfolio-card-grid{opacity:1}.portfolio-card-orb{background:var(--card-accent,var(--color-accent));opacity:.04;filter:blur(60px);pointer-events:none;border-radius:50%;width:200px;height:200px;transition:opacity .5s,transform .8s;position:absolute;top:-40px;right:-40px}.portfolio-card:hover .portfolio-card-orb{opacity:.1;transform:scale(1.3)translate(-10px,10px)}.device-phone{background:#0a0a14;border:2px solid #ffffff14;border-radius:18px;width:110px;height:200px;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s,border-color .5s;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000080}.portfolio-card:hover .device-phone{box-shadow:0 24px 48px #0009, 0 0 30px var(--device-accent,#6c5ce733);border-color:#ffffff1f;transform:translateY(-10px)scale(1.06)rotateX(2deg)}.device-phone-notch{z-index:2;background:#ffffff0f;border-radius:4px;width:36px;height:4px;margin:6px auto 0;position:relative}.device-phone-screen{border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:16px 3px 6px;overflow:hidden}.device-browser{background:#0a0a14;border:2px solid #ffffff14;border-radius:10px;width:240px;height:160px;transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s,border-color .5s;overflow:hidden;box-shadow:0 8px 30px #00000080}.portfolio-card:hover .device-browser{box-shadow:0 24px 48px #0009, 0 0 30px var(--device-accent,#6c5ce733);border-color:#ffffff1f;transform:translateY(-10px)scale(1.05)rotateX(2deg)}.device-browser-bar{background:#ffffff08;border-bottom:1px solid #ffffff0a;gap:4px;padding:6px 10px;display:flex}.device-browser-bar span{border-radius:50%;width:6px;height:6px}.device-browser-bar span:first-child{background:#ff636366}.device-browser-bar span:nth-child(2){background:#ffc83266}.device-browser-bar span:nth-child(3){background:#32d74b66}.device-browser-screen{justify-content:center;align-items:flex-start;height:calc(100% - 22px);display:flex;overflow:hidden}.device-screen-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform 6s cubic-bezier(.4,0,.2,1);display:block}.portfolio-card:hover .device-screen-img{transform:scale(1.05)}.device-mockup-content{color:var(--card-accent,var(--color-accent-light));opacity:.6;transition:opacity var(--transition-smooth);flex-direction:column;align-items:center;gap:6px;display:flex}.portfolio-card:hover .device-mockup-content{opacity:1}.device-mockup-content span{text-transform:uppercase;letter-spacing:2px;font-size:.55rem;font-weight:700}.portfolio-card-body{z-index:1;flex-direction:column;flex:1;padding:24px 28px 28px;display:flex;position:relative}.portfolio-card-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.portfolio-tag{border-radius:var(--radius-pill);background:var(--color-accent-dim);color:var(--color-accent-light);letter-spacing:.5px;text-transform:uppercase;transition:background-color var(--transition-smooth);border:1px solid #6c5ce71f;padding:3px 10px;font-size:.6rem;font-weight:600}.portfolio-card:hover .portfolio-tag{background:#6c5ce72e}.portfolio-card-body h3{color:var(--color-text);transition:color var(--transition-smooth);margin-bottom:8px;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.portfolio-card:hover .portfolio-card-body h3{color:var(--color-accent-light)}.portfolio-card-body>p{color:var(--color-text-secondary);font-size:.88rem;line-height:1.7}.portfolio-card-expand{opacity:0;max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s;overflow:hidden}.portfolio-card-expand--open{opacity:1;max-height:320px}.portfolio-card-features{border-top:1px solid var(--color-border);flex-direction:column;gap:7px;margin-top:16px;padding-top:16px;display:flex}.portfolio-feature{color:var(--color-text-secondary);opacity:0;align-items:center;gap:10px;font-size:.8rem;transition:opacity .3s,transform .3s;display:flex;transform:translate(-8px)}.portfolio-card-expand--open .portfolio-feature{opacity:1;transform:translate(0)}.portfolio-feature svg{color:var(--card-accent,var(--color-accent));flex-shrink:0}.portfolio-card-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.portfolio-card-toggle{background:var(--color-accent-dim);border-radius:var(--radius-pill);color:var(--color-accent-light);letter-spacing:.3px;cursor:pointer;transition:all var(--transition-smooth);border:1px solid #6c5ce71f;align-items:center;gap:6px;padding:8px 16px;font-size:.75rem;font-weight:600;display:inline-flex}.portfolio-card-toggle:hover{color:var(--color-text);background:#6c5ce733;transform:translate(4px)}.portfolio-toggle-arrow{transition:transform .3s}.portfolio-toggle-arrow--up{transform:rotate(90deg)}.portfolio-card-link{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);letter-spacing:.3px;transition:all var(--transition-smooth);background:0 0;align-items:center;gap:5px;padding:8px 16px;font-size:.72rem;font-weight:600;display:inline-flex}.portfolio-card-link:hover{border-color:var(--card-accent,var(--color-accent));color:var(--color-text);background:#6c5ce70f;transform:translateY(-1px)}.portfolio-bottom{text-align:center;flex-direction:column;align-items:center;gap:16px;margin-top:64px;display:flex}.portfolio-bottom p{color:var(--color-text-muted);font-size:.9rem}.portfolio-bottom-btn{border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;transition:all var(--transition-smooth);align-items:center;gap:8px;padding:12px 28px;font-size:.88rem;font-weight:600;display:inline-flex}.portfolio-bottom-btn:hover{background:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 8px 28px #6c5ce74d}.portfolio-bottom-btn:active{transform:translateY(0)}@media (width<=768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card-visual{height:180px}.portfolio-card-body{padding:20px}.device-browser{width:160px;height:110px}}.faq{z-index:1;position:relative}.faq:before{content:"";background:var(--color-border);height:1px;position:absolute;top:0;left:32px;right:32px}.faq-header{text-align:center;margin-bottom:64px}.faq-header .section-subtitle{margin:0 auto}.faq-list{flex-direction:column;gap:8px;max-width:720px;margin:0 auto;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-smooth), background-color var(--transition-smooth), box-shadow var(--transition-smooth);position:relative;overflow:hidden}.faq-item:after{content:"";background:var(--color-accent);transform-origin:top;width:2px;height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleY(0)}.faq-item:hover{border-color:var(--color-border-hover);background:var(--color-surface-light)}.faq-item.active{background:var(--color-surface-light);border-color:#6c5ce740;box-shadow:0 4px 20px #6c5ce714}.faq-item.active:after{transform:scaleY(1)}.faq-question{width:100%;color:var(--color-text);text-align:left;transition:color var(--transition-fast);background:0 0;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:.95rem;font-weight:600;display:flex}.faq-question:hover{color:var(--color-accent-light)}.faq-question-icon{background:var(--color-accent-dim);width:28px;height:28px;color:var(--color-accent-light);transition:background-color var(--transition-smooth), color var(--transition-smooth), transform .4s cubic-bezier(.4, 0, .2, 1);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.faq-item.active .faq-question-icon{background:var(--color-accent);color:#fff;transform:rotate(45deg)}.faq-answer{opacity:0;max-height:0;transition:max-height .5s cubic-bezier(.4,0,.2,1),opacity .4s;overflow:hidden}.faq-item.active .faq-answer{opacity:1;max-height:300px}.faq-answer-inner{color:var(--color-text-secondary);padding:0 24px 20px;font-size:.92rem;line-height:1.85}@media (width<=768px){.faq-question{padding:16px 20px;font-size:.9rem}.faq-answer-inner{padding:0 20px 16px;font-size:.88rem}}.contact{z-index:1;position:relative}.contact:before{content:"";background:var(--color-border);height:1px;position:absolute;top:0;left:32px;right:32px}.contact-header{text-align:center;margin-bottom:64px}.contact-header .section-subtitle{margin:0 auto}.contact-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;max-width:920px;margin:0 auto;display:grid}.contact-card{text-align:center;border-radius:var(--radius-lg);transition:border-color var(--transition-smooth), background-color var(--transition-smooth), transform var(--transition-smooth), box-shadow var(--transition-smooth);will-change:transform;flex-direction:column;align-items:center;gap:16px;padding:40px 28px;display:flex}.contact-card-icon{border-radius:var(--radius-md);background:var(--color-accent-dim);width:56px;height:56px;color:var(--color-accent-light);transition:background-color var(--transition-smooth), transform var(--transition-smooth);justify-content:center;align-items:center;display:flex}.contact-card-icon--whatsapp{color:#25d366;background:#25d3661a}.contact-card:hover .contact-card-icon{background:#6c5ce738;transform:scale(1.1)}.contact-card--whatsapp:hover .contact-card-icon--whatsapp{background:#25d36633;transform:scale(1.1)}.contact-card h3{color:var(--color-text);font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.contact-card-value{color:var(--color-text-secondary);word-break:break-all;font-size:.95rem}.contact-copy-btn{border-radius:var(--radius-pill);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-smooth);background:0 0;align-items:center;gap:8px;padding:9px 20px;font-size:.8rem;font-weight:500;display:inline-flex}.contact-copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent-light);background:var(--color-accent-dim);transform:translateY(-1px)}.contact-copy-btn:active{transform:translateY(0)}.contact-copy-btn.copied{color:#22c55e;background:#22c55e0f;border-color:#22c55e;transform:scale(1.02)}.contact-cta{text-align:center;border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);margin-top:56px;padding:56px 32px;position:relative;overflow:hidden}.contact-cta:before{content:"";pointer-events:none;background:radial-gradient(circle,#6c5ce70f 0%,#0000 70%);width:300px;height:200px;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact-cta h3{color:var(--color-text);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:700;position:relative}.contact-cta p{color:var(--color-text-secondary);margin-bottom:32px;font-size:1rem;position:relative}.contact-cta-btn{border-radius:var(--radius-pill);background:var(--color-accent);color:#fff;transition:all var(--transition-smooth);will-change:transform;align-items:center;gap:8px;padding:14px 36px;font-size:.9rem;font-weight:600;display:inline-flex;position:relative}.contact-cta-btn:hover{background:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 10px 30px #6c5ce74d}.contact-cta-btn:active{transform:translateY(0)}.contact-whatsapp-btn{border-radius:var(--radius-pill);color:#fff;transition:all var(--transition-smooth);background:#25d366;align-items:center;gap:8px;padding:9px 20px;font-size:.8rem;font-weight:600;display:inline-flex}.contact-whatsapp-btn:hover{background:#20bd5a;transform:translateY(-1px);box-shadow:0 6px 20px #25d3664d}.contact-whatsapp-btn:active{transform:translateY(0)}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:16px}.contact-card{padding:28px 20px}.contact-cta{padding:40px 20px}.contact-cta h3{font-size:1.4rem}}.footer{z-index:1;border-top:1px solid var(--color-border);background:var(--color-bg);padding:48px 0;position:relative}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-logo{color:var(--color-text);font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700}.footer-logo span{color:var(--color-text);-webkit-text-fill-color:unset;background:0 0}.footer-copy{color:var(--color-text-dim);font-size:.8rem}.footer-socials{gap:8px;display:flex}.footer-social-link{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-smooth);will-change:transform;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.footer-social-link:hover{color:#fff;border-color:var(--color-accent);background:var(--color-accent);transform:translateY(-3px);box-shadow:0 6px 16px #6c5ce740}.footer-social-link:active{transform:translateY(0)}@media (width<=768px){.footer-inner{text-align:center;flex-direction:column}}.whatsapp-fab{z-index:999;flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:28px;right:28px}.whatsapp-fab-tooltip{background:var(--color-surface-light);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-pill);white-space:nowrap;opacity:0;pointer-events:none;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateY(6px)scale(.95)}.whatsapp-fab:hover .whatsapp-fab-tooltip{opacity:1;transform:translateY(0)scale(1)}.whatsapp-fab-btn{color:#fff;background:#25d366;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .35s cubic-bezier(.4,0,.2,1);animation:3s ease-in-out infinite whatsappPulse;display:flex;position:relative;box-shadow:0 4px 20px #25d36659}.whatsapp-fab-btn:before{content:"";background:#25d36633;border-radius:50%;animation:3s ease-in-out infinite whatsappRing;position:absolute;inset:-4px}.whatsapp-fab-btn:hover{animation:none;transform:scale(1.1)translateY(-2px);box-shadow:0 8px 32px #25d36673}.whatsapp-fab-btn:hover:before{opacity:0;animation:none}.whatsapp-fab-btn:active{transform:scale(1.02)}.whatsapp-fab-btn svg{z-index:1;position:relative}@keyframes whatsappPulse{0%,to{box-shadow:0 4px 20px #25d36659}50%{box-shadow:0 4px 28px #25d3668c}}@keyframes whatsappRing{0%,to{opacity:.4;transform:scale(1)}50%{opacity:0;transform:scale(1.15)}}@media (width<=768px){.whatsapp-fab{bottom:20px;right:20px}.whatsapp-fab-btn{width:54px;height:54px}.whatsapp-fab-tooltip{display:none}}
