:root{--font-body: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--color-primary: #FF7B54;--color-text: #ffffff;--color-text-muted: rgba(255, 255, 255, .7);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--transition-fast: .3s ease;--transition-smooth: .6s cubic-bezier(.25, 1, .5, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:#0b0f19;overflow-x:hidden}ul{list-style:none}a{text-decoration:none;color:inherit}#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.container{max-width:1280px;margin:0 auto;padding:0 5%}.section{position:relative;padding:120px 0;min-height:100vh;display:flex;align-items:center}.section-title{font-family:var(--font-heading);font-size:3rem;font-weight:700;margin-bottom:3rem;letter-spacing:-1px}.text-center{text-align:center}.text-left{text-align:left}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem;box-shadow:0 8px 32px #0000004d}.gradient-text{background:linear-gradient(135deg,#ff7b54,#ffd56f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary,.btn-secondary,.btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:50px;font-weight:600;font-size:1rem;transition:var(--transition-fast);cursor:pointer;border:none;font-family:var(--font-body)}.btn-primary{background:linear-gradient(135deg,#ff7b54,#ff3d71);color:#fff;box-shadow:0 4px 15px #ff7b5466}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff7b5499}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.btn-whatsapp{background:#25d366;color:#fff;margin-top:1.5rem;width:100%}.btn-whatsapp:hover{background:#20ba56}.btn-whatsapp .icon{margin-right:8px;font-size:1.2rem}.w-100{width:100%}.navbar{position:fixed;top:0;left:0;width:100%;padding:20px 0;z-index:100;transition:var(--transition-smooth)}.navbar.scrolled{background:#0a0f19d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:15px 0}.nav-container{max-width:1280px;margin:0 auto;padding:0 5%;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;letter-spacing:-1px}.logo span{color:var(--color-primary)}.nav-links{display:flex;gap:2.5rem}.nav-links a{font-size:.95rem;font-weight:600;opacity:.8;transition:var(--transition-fast);position:relative}.nav-links a:hover{opacity:1}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:var(--color-primary);transition:var(--transition-fast)}.nav-links a:hover:after{width:100%}.nav-cta{padding:10px 24px}.hero{align-items:center;padding-top:100px}.hero-content{max-width:800px}.hero-title{font-family:var(--font-heading);font-size:5rem;line-height:1.1;font-weight:900;margin-bottom:1.5rem;letter-spacing:-2px;min-height:2.2em}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:2.5rem;max-width:600px}.hero-buttons{display:flex;gap:1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.service-card{transition:transform .1s ease,box-shadow var(--transition-fast);cursor:default;transform-style:preserve-3d}.service-card:hover{border-color:#ffffff4d;box-shadow:0 15px 40px #0006}.card-icon{font-size:2.5rem;margin-bottom:1.5rem;transform:translateZ(30px);display:inline-block}.service-card h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:1rem;transform:translateZ(20px)}.service-card p{color:var(--color-text-muted);line-height:1.6;font-size:.95rem;transform:translateZ(10px)}.why-choose-us{position:relative;overflow:hidden}.why-bg-effects{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.why-bg-effects .glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.15;animation:drift 20s infinite alternate linear}.glow-1{width:400px;height:400px;background:#ff7b54;top:-100px;left:-100px}.glow-2{width:500px;height:500px;background:#00f2fe;bottom:-150px;right:-100px;animation-delay:-10s}@keyframes drift{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.why-header{position:relative;z-index:1;max-width:800px;margin:0 auto 5rem}.typing-headline{font-family:var(--font-heading);font-size:3.5rem;font-weight:800;min-height:2.5em;margin-bottom:1rem;color:#fff;position:relative}.strike-target{position:relative;display:inline-block}.strike-target:after{content:"";position:absolute;left:0;top:50%;width:0%;height:4px;background-color:#f33;transition:width .4s cubic-bezier(.65,0,.35,1);transform:translateY(-50%) rotate(-2deg);border-radius:2px}.strike-target.is-struck:after{width:100%}.typing-cursor{display:inline-block;width:4px;height:1em;background-color:var(--color-primary);margin-left:4px;animation:blink 1s step-end infinite;vertical-align:text-bottom}@keyframes blink{50%{opacity:0}}.why-header .section-title{font-size:1.5rem;margin-bottom:1rem}.section-subtitle{color:var(--color-text-muted);font-size:1.2rem;line-height:1.6}.why-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.why-card{position:relative;padding:2.5rem;display:flex;flex-direction:column;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);background:#ffffff08;border:1px solid rgba(255,255,255,.05)}.wide-card{grid-column:span 2;flex-direction:row;align-items:center;gap:2rem;text-align:left}.wide-card p{max-width:600px}.why-card:before{content:"";position:absolute;inset:0;border-radius:24px;background:radial-gradient(800px circle at var(--mouse-x, 0) var(--mouse-y, 0),rgba(255,255,255,.06),transparent 40%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:0}.why-card:hover{transform:translateY(-10px);background:#ffffff0f;border-color:#fff3;box-shadow:0 20px 40px #0006,0 0 20px #ff7b541a}.why-card:hover:before{opacity:1}.why-card .icon-wrapper{position:relative;width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#ffffff1a,#ffffff05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin-bottom:1.5rem;transition:var(--transition-smooth)}.why-card:hover .icon-wrapper{background:linear-gradient(135deg,var(--color-primary),#FF3D71);box-shadow:0 10px 20px #ff7b5466;transform:scale(1.1)}.why-card h4{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.why-card p{color:var(--color-text-muted);line-height:1.6;font-size:1rem;position:relative;z-index:1}@media(max-width:900px){.why-grid{grid-template-columns:1fr}.wide-card{grid-column:span 1;flex-direction:column;text-align:left;align-items:flex-start}}@media(max-width:768px){.typing-headline{font-size:2.2rem}}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.portfolio-item{text-align:center;padding:1.5rem;transition:transform var(--transition-fast)}.portfolio-item:hover{transform:translateY(-10px)}.portfolio-item h3{margin-top:1.5rem;font-family:var(--font-heading);font-weight:600}.mockup{width:100%;height:200px;background:#1e2433;border-radius:12px;border:4px solid #333d52;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.mockup.laptop{border-bottom-width:12px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.mockup.phone{width:120px;height:240px;margin:0 auto;border-radius:24px;border-width:6px}.mockup .screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;color:#fffc}.darkbg{background:linear-gradient(135deg,#1a1a2e,#16213e)}.colorbg{background:linear-gradient(135deg,#0f2027,#203a43,#2c5364)}.aibg{background:linear-gradient(135deg,#1a2a6c,#b21f1f,#fdbb2d)}.contact-wrapper{display:grid;grid-template-columns:1fr 2fr;gap:2rem}.contact-info h3,.contact-form h3{font-family:var(--font-heading);font-size:1.5rem;margin-bottom:1.5rem}.info-block{display:flex;align-items:center;margin-bottom:1.25rem;gap:1rem}.info-block p{color:var(--color-text-muted)}.info-block a:hover{color:#fff}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:16px;border-radius:12px;color:#fff;font-family:var(--font-body);font-size:1rem;transition:var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);background:#ffffff1a}.footer{padding:40px 0;text-align:center;border-top:1px solid var(--glass-border);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer p{color:var(--color-text-muted);font-size:.9rem}@media(max-width:900px){.contact-wrapper{grid-template-columns:1fr}.hero-title{font-size:3.5rem}}@media(max-width:768px){.nav-links,.nav-cta{display:none}.hero-title{font-size:2.8rem;min-height:3.3em}.typing-headline{min-height:4em}.section{padding:80px 0}}