.top-header{background:#fff;border-bottom:2px solid #000;box-shadow:0 2px 6px #00000014}.header-container{justify-content:space-between;align-items:center;max-width:1280px;margin:auto;padding:.75rem 2rem;display:flex}.header-left{align-items:center;gap:1.8rem;display:flex}.contact-item{color:#000;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.contact-item:hover{color:#facc15}@media (max-width:1024px){.header-container{padding:.7rem 1.5rem}.header-left{gap:1.4rem}}@media (max-width:768px){.header-container{justify-content:center}.header-left{flex-wrap:wrap;justify-content:center;gap:1rem}.contact-item{font-size:.85rem}}@media (max-width:480px){.header-container{padding:.6rem 1rem;display:flex}.header-left{flex-direction:column;gap:.6rem;display:flex}.contact-item{font-size:.8rem;display:flex}.contact-item svg{width:14px;height:14px;display:flex}}.navbar{z-index:1000;background:linear-gradient(135deg,#0b0b0b,#121212);border-bottom:1px solid #ffd70014;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:auto;padding:1rem 2.5rem;display:flex}.navbar-logo{align-items:center;gap:.7rem;display:flex}.navbar-logo img{height:42px}.logo-text{flex-direction:column;display:flex}.brand-name{color:gold;letter-spacing:.4px;font-size:1.15rem;font-weight:800}.brand-tagline{color:#aaa;font-size:.7rem}.nav-menu{gap:2rem;list-style:none;display:flex}.nav-item{position:relative}.nav-link{color:#f1f1f1;cursor:pointer;padding:.4rem 0;font-size:.95rem;transition:color .3s;position:relative}.nav-link:after{content:"";background:linear-gradient(90deg,gold,#ffed4e);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.nav-item:hover .nav-link:after{width:100%}.nav-item:hover .nav-link{color:gold}.dropdown-menu{opacity:0;visibility:hidden;background:#111;border-radius:12px;min-width:220px;padding:.6rem 0;transition:all .3s;position:absolute;top:130%;left:0;transform:translateY(10px);box-shadow:0 20px 50px #00000080}.nav-item.dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-link{color:#ddd;padding:.75rem 1.4rem;font-size:.9rem;display:block}.dropdown-link:hover{color:gold;padding-left:1.8rem}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:32px;height:24px;display:none}.menu-toggle span{background:gold;border-radius:3px;width:100%;height:3px;transition:all .3s}.menu-toggle.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-drawer{z-index:1001;background:linear-gradient(160deg,#0b0b0b,#161616);width:82%;height:100vh;transition:left .35s;position:fixed;top:0;left:-100%}.mobile-drawer.show{left:0}.drawer-content{color:#fff;padding:2rem 1.5rem}.drawer-links{margin-top:1rem;list-style:none}.drawer-links li{border-bottom:1px solid #222;padding:.7rem 0;font-size:1rem}.drawer-divider{background:#222;height:1px;margin:1.5rem 0}.drawer-desc{color:#bbb;font-size:.9rem}.drawer-socials{gap:1rem;margin-top:1rem;display:flex}.drawer-socials a{color:gold;font-size:.9rem}.drawer-footer{color:#aaa;margin-top:1.5rem;font-size:.85rem}.drawer-overlay{z-index:1000;background:#0009;position:fixed;inset:0}.desktop-only{display:flex}@media (max-width:768px){.desktop-only{display:none}.menu-toggle{display:flex}.brand-tagline{display:none}}.hero{background:#fff;padding:5.5rem 1rem;position:relative;overflow:hidden}.hero-reveal{z-index:5;background:#facc15;animation:1.1s forwards reveal;position:absolute;inset:0}@keyframes reveal{to{transform:translateY(100%)}}.hero-light{background:radial-gradient(circle,#facc1559,#0000 60%);width:500px;height:500px;animation:6s ease-in-out infinite floatLight;position:absolute;top:-150px;right:-150px}@keyframes floatLight{50%{transform:translateY(40px)}}.hero-inner{z-index:2;grid-template-columns:1fr 1.1fr;align-items:center;gap:3rem;max-width:1200px;margin:auto;display:grid;position:relative}.hero-heading{color:#111;font-size:clamp(2.2rem,4vw,3.4rem);font-weight:900}.hero-heading span{color:#facc15}.hero-desc{color:#555;max-width:480px;margin-top:1rem;font-size:1.05rem}.hero-service{color:#666;margin-top:1.5rem;font-size:.9rem}.hero-service strong{color:#111;margin-top:.3rem;font-size:1.1rem;animation:.5s slideUp;display:block}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-actions{text-align:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.btn{border-radius:999px;padding:.75rem 1.6rem;font-weight:700;text-decoration:none;transition:all .3s}.btn.primary{color:#fff;background:#fb0}.btn.primary:hover{color:#fb0;background:#000}.btn.whatsapp{color:#fff;background:#25d366}.btn.whatsapp:hover{box-shadow:0 0 0 8px #25d36633}.macbook{max-width:520px;margin:auto;animation:5s ease-in-out infinite floatY}@keyframes floatY{50%{transform:translateY(-14px)}}.mac-top{background:#111;border-radius:14px 14px 0 0;align-items:center;gap:6px;height:26px;padding-left:10px;display:flex}.mac-top span{background:#444;border-radius:50%;width:8px;height:8px}.mac-screen{background:#000;padding-top:62%;position:relative}.mac-screen iframe{width:100%;height:100%;position:absolute;inset:0}.mac-base{background:#ddd;border-radius:0 0 14px 14px;width:70%;height:10px;margin:.6rem auto 0}@media (max-width:900px){.hero-inner{text-align:center;grid-template-columns:1fr}.hero-desc{margin-inline:auto}.hero-actions{flex-direction:column}.btn{text-align:center;align-items:center;width:30%}}.mapflow{background:linear-gradient(#fff8d6,#ffe066);min-height:300vh;padding:6rem 1rem;overflow-x:hidden}.map-title{text-align:center;margin-bottom:4rem;font-size:3rem;font-weight:900}.map-title span{color:#facc15}.map-wrapper{max-width:800px;margin:auto;position:relative}.map-svg{width:100%}.walker{z-index:10;font-size:2.2rem;position:absolute;transform:translate(-50%,-50%)}.map-pin{fill:red;stroke:#fff;stroke-width:4px}.map-card{background:#fff;border-radius:20px;width:300px;padding:1.6rem;position:absolute;box-shadow:0 30px 70px #0003}.map-card h3{margin:0 0 .4rem}.map-card p{opacity:.85;font-size:.95rem}.logo{border-left:6px solid #facc15;top:250px;left:460px}.photo{top:650px;left:-40px}.web{top:1050px;left:460px}.marketing{top:1450px;left:-40px}.success{text-align:center;color:#fff;background:linear-gradient(135deg,#000,#1b1b1b);top:1750px;left:50%;transform:translate(-50%)}.logo-book{perspective:800px;width:140px;height:90px;margin-top:.8rem;position:relative}.page{backface-visibility:hidden;place-items:center;font-weight:800;transition:all .9s;display:grid;position:absolute;inset:0}.front{background:#facc15}.back{color:#fff;background:#000;transform:rotateY(180deg)}.logo:hover .front{transform:rotateY(-180deg)}.logo:hover .back{transform:rotateY(0)}.photo-stack{gap:.4rem;margin-top:.6rem;display:flex}.photo-stack img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:60px;height:60px}.web-screen{background:#111;border-radius:12px;margin-top:.6rem;overflow:hidden}.web-screen .bar{background:#facc15;height:14px}.web-screen .content{color:#fff;padding:.6rem;font-size:.85rem}.growth-bar{background:linear-gradient(90deg,#facc15 70%,#eee 0);width:100%;height:6px;margin-top:.8rem}.celebrate{margin-top:.8rem;font-size:2rem;animation:1.2s infinite pop}@keyframes pop{0%,to{transform:scale(1)}50%{transform:scale(1.25)}}@media (max-width:768px){.mapflow{min-height:auto;padding:3rem 1rem}.map-title{margin-bottom:2rem;font-size:2rem}.map-svg,.walker{display:none}.map-wrapper{flex-direction:column;gap:2rem;display:flex}.map-card{width:100%;max-width:420px;margin:auto;position:relative;top:0!important;left:0!important;transform:none!important}.map-card:before{content:attr(data-step);color:#000;background:#facc15;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid;position:absolute;top:-14px;left:16px}}.title-section{text-align:center;color:#000;text-transform:uppercase;margin:70px 0 30px;padding:0;font-size:20px;font-weight:600}.title-section p{text-transform:none;color:#000;margin-top:5px;font-size:32px}.program-section{grid-template-columns:repeat(3,1fr);gap:2rem;width:90%;margin:4rem auto;display:grid}.program-card{cursor:pointer;border-radius:18px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000026}.program-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.program-card:hover{transform:translateY(-10px);box-shadow:0 30px 80px #00000040}.program-card:hover img{transform:scale(1.1)}.program-overlay{color:#fff;opacity:0;background:linear-gradient(#0003,#000000d9);flex-direction:column;justify-content:flex-end;padding:1.5rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.program-card:hover .program-overlay{opacity:1}.program-overlay h3{color:gold;margin-bottom:.4rem;font-size:1.4rem;font-weight:700}.program-overlay p{opacity:.9;font-size:.95rem;line-height:1.6}@media (max-width:992px){.program-section{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.program-section{grid-template-columns:1fr;gap:1.5rem}.program-overlay{opacity:1;background:linear-gradient(#0006,#000000f2)}.program-overlay h3{font-size:1.2rem}.program-overlay p{font-size:.9rem}}.tech-slider-section{text-align:center;background:linear-gradient(#0b0b0b,#121212);padding:5rem 1rem;overflow:hidden}.tech-title{color:gold;margin-bottom:.6rem;font-size:2.6rem;font-weight:900}.tech-subtitle{color:#cfcfcf;max-width:800px;margin:0 auto 3rem;font-size:1rem}.tech-slider{width:100%;overflow:hidden}.tech-track{gap:2rem;animation:25s linear infinite slide;display:flex}.tech-circle{background:radial-gradient(circle at top,#1c1c1c,#0e0e0e);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;min-width:180px;height:180px;transition:transform .4s,box-shadow .4s;display:flex;box-shadow:0 20px 60px #0009}.tech-circle img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 6px 12px #ffd70066);width:60px;height:60px;margin-bottom:.6rem}.tech-circle span{color:#fff;font-size:.9rem;font-weight:600}.tech-circle:hover{transform:scale(1.1);box-shadow:0 30px 80px #ffd70059}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (min-width:1024px){.tech-circle{min-width:200px;height:200px}}@media (max-width:768px){.tech-track{gap:1.2rem}.tech-circle{min-width:140px;height:140px}.tech-circle img{width:48px;height:48px}.tech-title{font-size:1.8rem}}.pp-section{text-align:center;background:linear-gradient(#f9faff,#fff);padding:100px 5%;position:relative;overflow:hidden}.pp-section:before{content:"";z-index:0;background:radial-gradient(circle at 15% 20%,#6c63ff22,#0000 40%),radial-gradient(circle at 85% 60%,#ffd70022,#0000 45%);position:absolute;inset:0}.pp-section>*{z-index:1;position:relative}.pp-title{font-size:2.8rem;font-weight:900}.pp-subtitle{color:#666;margin-bottom:70px}.pp-carousel{justify-content:center;align-items:center;height:720px;display:flex;position:relative}.pp-card{cursor:pointer;background:#fff;border-radius:28px;width:340px;padding:26px;transition:transform .6s,box-shadow .4s,opacity .4s;position:absolute;box-shadow:0 25px 60px #00000026}.pp-card.center{z-index:5;transform:translate(0)scale(1.08)}.pp-card.left{opacity:.8;z-index:3;transform:translate(-380px)scale(.86)}.pp-card.right{opacity:.8;z-index:3;transform:translate(380px)scale(.86)}.pp-card.hidden{opacity:0;pointer-events:none}.pp-card:hover{box-shadow:0 40px 100px #6c63ff59}.pp-card.center:hover{box-shadow:0 50px 120px #6c63ff73}.pp-category{margin-bottom:16px;font-size:1.15rem;font-weight:600}.pp-mobile-wrap{position:relative}.pp-glow{filter:blur(40px);z-index:-1;background:radial-gradient(circle,#6c63ff55,#0000 70%);position:absolute;inset:40px}.pp-mobile{background:#000;border-radius:30px;width:240px;height:460px;margin:auto;padding:10px}.pp-notch{background:#111;border-radius:0 0 14px 14px;width:110px;height:18px;margin:0 auto 6px}.pp-mobile video{-o-object-fit:cover;object-fit:cover;border-radius:20px;width:100%;height:calc(100% - 50px)}.pp-bar{background:#222;border-radius:10px;width:70px;height:18px;margin:6px auto 0}.pp-view{color:#fff;background:linear-gradient(135deg,#6c63ff,#8b83ff);border-radius:30px;margin:18px 0 12px;padding:10px 28px;font-weight:600;text-decoration:none;display:inline-block}.pp-view:hover{background:linear-gradient(135deg,#5a52e8,#6c63ff)}.pp-tech{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pp-tech span{background:#eef0ff;border-radius:20px;padding:6px 14px;font-size:.75rem}@media (max-width:768px){.pp-carousel{height:580px}.pp-card{width:260px}.pp-card.left{transform:translate(-160px)scale(.82)}.pp-card.right{transform:translate(160px)scale(.82)}.pp-card:hover{box-shadow:0 25px 60px #0003}}.testimonials-wrapper{background:#f9f9f9;padding:4rem 1rem}.test-section{text-align:center;margin-bottom:3rem}.test-section h2{color:#000;margin-bottom:.4rem;font-size:2.6rem;font-weight:900}.test-section p{color:#c9b800;margin-bottom:1rem;font-size:1.2rem}.brand-rating{color:#000;font-size:1.1rem;font-weight:700}.testimonials{max-width:1200px;margin:auto;padding:0 3rem;position:relative}.slider{width:100%;overflow:hidden}.slider ul{width:100%;transition:transform .5s;display:flex}.slider ul li{width:25%;padding:1rem;list-style:none}.slide{background:#fff;border-radius:20px;height:100%;padding:2rem;box-shadow:0 20px 60px #00000026}.slide p{color:#555;font-size:.95rem;line-height:1.7}.client-info{align-items:center;margin-bottom:1rem;display:flex}.client-info img{border:2px solid gold;border-radius:50%;width:60px;height:60px;margin-right:12px}.client-info h3{color:#000;margin:0;font-size:1.05rem;font-weight:700}.client-info span{color:#777;font-size:.9rem}.arrow{cursor:pointer;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;width:42px;padding:10px;transition:transform .2s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 20px #ffd70066}.arrow:hover{transform:translateY(-50%)scale(1.1)}.left-arrow{left:0}.right-arrow{right:0}@media (max-width:992px){.slider ul li{width:50%}.slider ul{width:200%}}@media (max-width:576px){.testimonials{padding:0 1rem}.slider ul{width:100%}.slider ul li{width:100%;padding:.5rem}.slide{padding:1.5rem}.arrow{display:none}}.footer{color:#dcdcdc;background:linear-gradient(#0b0b0b,#000);padding:80px 6% 30px;position:relative;overflow:hidden}.footer-float span{opacity:.12;font-size:26px;animation:10s linear infinite float;position:absolute}.footer-float span:first-child{animation-delay:0s;left:10%}.footer-float span:nth-child(2){animation-delay:2s;left:30%}.footer-float span:nth-child(3){animation-delay:4s;left:50%}.footer-float span:nth-child(4){animation-delay:6s;left:70%}.footer-float span:nth-child(5){animation-delay:8s;left:90%}@keyframes float{0%{bottom:-10%;transform:translateY(0)}to{bottom:110%;transform:translateY(-40px)}}.footer-container{z-index:1;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:40px;display:grid;position:relative}.footer-logo{color:gold;font-size:2rem;font-weight:900}.footer-col p{margin-top:12px;font-size:.95rem;line-height:1.6}.footer-social{gap:14px;margin-top:18px;display:flex}.footer-social a{color:gold;background:#1a1a1a;border-radius:20px;padding:6px 14px;font-size:.85rem;text-decoration:none;transition:all .3s}.footer-social a:hover{color:#000;background:gold}.footer-col h4{color:#fff;margin-bottom:14px;font-size:1.1rem}.footer-col ul{padding:0;list-style:none}.footer-col ul li{color:#bcbcbc;cursor:pointer;margin-bottom:10px;font-size:.9rem;transition:color .3s}.footer-col ul li:hover{color:gold}.footer-col.contact p{align-items:center;gap:8px;margin-bottom:10px;font-size:.9rem;display:flex}.footer-bottom{color:#999;border-top:1px solid #222;justify-content:space-between;margin-top:50px;padding-top:20px;font-size:.85rem;display:flex}@media (max-width:1024px){.footer-container{grid-template-columns:1fr 1fr}}@media (max-width:600px){.footer-container{text-align:center;grid-template-columns:1fr}.footer-social{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;gap:8px}.footer-col contact{text-align:center;align-items:center}}
