:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#7c3aed;--accent:#0891b2;--success:#059669;--warning:#d97706;--danger:#dc2626;--bg-deep:#f8fafc;--bg-dark:#ffffff;--bg-card:#ffffff;--bg-card-hover:#ffffff;--bg-border:#e2e8f0;--bg-border-hover:rgba(37,99,235,0.4);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--gradient-primary:linear-gradient(135deg,#2563eb 0%,#7c3aed 100%);--gradient-accent:linear-gradient(135deg,#0891b2 0%,#2563eb 100%);--gradient-hero:radial-gradient(ellipse at top,#edf4ff 0%,#f8fafc 70%);--shadow-glow:0 10px 30px rgba(37,99,235,0.12);--shadow-card:0 4px 20px rgba(15,23,42,0.04);--shadow-card-hover:0 20px 40px rgba(37,99,235,0.12),0 0 0 1px rgba(37,99,235,0.2);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}html{scroll-behavior:smooth;font-size:16px;overflow-x:hidden;max-width:100vw}body{font-family:var(--font-primary);background-color:var(--bg-deep);color:var(--text-primary);line-height:1.6;overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}ul{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.2}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:100px 0;position:relative}.section-header{text-align:center;max-width:680px;margin:0 auto 72px}.section-badge{display:inline-block;padding:6px 16px;background:rgba(37,99,235,0.08);border:1px solid rgba(37,99,235,0.2);border-radius:100px;font-size:0.8rem;font-weight:600;color:var(--primary);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:16px}.section-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--text-primary);margin-bottom:16px}.section-desc{color:var(--text-secondary);font-size:1.05rem;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:0.95rem;font-weight:600;font-family:var(--font-primary);transition:var(--transition);position:relative;overflow:hidden;white-space:nowrap}.btn::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity 0.3s;background:rgba(255,255,255,0.15)}.btn:hover::before{opacity:1}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:0 4px 20px rgba(37,99,235,0.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(37,99,235,0.45)}.btn-outline{background:white;color:var(--text-primary);border:1px solid var(--bg-border);box-shadow:0 2px 8px rgba(0,0,0,0.04)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,0.12)}.btn-white{background:white;color:#0f172a;font-weight:700;box-shadow:0 4px 20px rgba(0,0,0,0.15)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,0.25)}.btn-outline-white{background:transparent;color:white;border:1px solid rgba(255,255,255,0.4)}.btn-outline-white:hover{border-color:white;transform:translateY(-2px)}.btn-lg{padding:14px 32px;font-size:1rem;border-radius:var(--radius-md)}.btn-full{width:100%;justify-content:center;padding:16px}.navbar.pubzi-white-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:74px;background:#ffffff;border-bottom:1px solid #e2e8f0;transition:var(--transition);box-shadow:0 4px 20px rgba(15,23,42,0.04)}.navbar.pubzi-white-navbar.scrolled{background:rgba(255,255,255,0.95);backdrop-filter:blur(16px);box-shadow:0 4px 24px rgba(15,23,42,0.08)}.nav-container{max-width:1240px;margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.nav-left{display:flex;align-items:center;gap:16px}.nav-logo-img{height:45px;width:180px;max-height:45px;object-fit:contain;display:block;aspect-ratio:180 / 45}@media (max-width:480px){.nav-logo-img{height:38px;width:152px;max-height:38px}}.footer-logo-img{height:100px;width:auto;object-fit:contain;display:block}.header-social-circles{display:flex;align-items:center;background:transparent;border:none;box-shadow:none;padding:0;margin:0 10px 0 0}.header-social-circles .social-circle + .social-circle{margin-left:-10px !important}.social-circle{width:36px !important;height:36px !important;min-width:36px !important;min-height:36px !important;margin:0;flex-shrink:0 !important;border-radius:50% !important;background:#ffffff;border:2px solid #ffffff !important;color:#475569;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;text-decoration:none;box-shadow:0 2px 8px rgba(15,23,42,0.12);z-index:1}.social-circle svg{display:block;width:18px;height:18px}.social-circle:hover{transform:translateY(-4px) scale(1.18) !important;z-index:30 !important;box-shadow:0 8px 24px rgba(15,23,42,0.22) !important}.social-circle.sc-facebook,.social-circle[aria-label="Facebook"]{color:#1877F2;background:#f0f6ff;border-color:#dbeafe}.social-circle.sc-facebook:hover,.social-circle[aria-label="Facebook"]:hover{background:#1877F2;border-color:#1877F2;color:#ffffff;box-shadow:0 6px 16px rgba(24,119,242,0.4)}.social-circle.sc-instagram,.social-circle[aria-label="Instagram"]{color:#E1306C;background:#fff0f5;border-color:#fce7f3}.social-circle.sc-instagram:hover,.social-circle[aria-label="Instagram"]:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#dc2743;color:#ffffff;box-shadow:0 6px 16px rgba(220,39,67,0.4)}.social-circle.sc-linkedin,.social-circle[aria-label="LinkedIn"]{color:#0A66C2;background:#f0f7ff;border-color:#dbeafe}.social-circle.sc-linkedin:hover,.social-circle[aria-label="LinkedIn"]:hover{background:#0A66C2;border-color:#0A66C2;color:#ffffff;box-shadow:0 6px 16px rgba(10,102,194,0.4)}.social-circle.sc-youtube,.social-circle[aria-label="YouTube"]{color:#FF0000;background:#fff0f0;border-color:#ffe4e4}.social-circle.sc-youtube:hover,.social-circle[aria-label="YouTube"]:hover{background:#FF0000;border-color:#FF0000;color:#ffffff;box-shadow:0 6px 16px rgba(255,0,0,0.4)}.social-circle.sc-tiktok,.social-circle[aria-label="TikTok"]{color:#0F172A;background:#f8fafc;border-color:#e2e8f0}.social-circle.sc-tiktok:hover,.social-circle[aria-label="TikTok"]:hover{background:#000000;border-color:#00f2fe;color:#ffffff;box-shadow:0 6px 16px rgba(0,242,254,0.4)}.centered-nav-links{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px}.pubzi-white-navbar .nav-link{padding:8px 14px;font-size:0.88rem;font-weight:600;color:#475569;border-radius:var(--radius-sm);transition:var(--transition)}.pubzi-white-navbar .nav-link:hover,.pubzi-white-navbar .nav-link.active{color:#2563eb;background:rgba(37,99,235,0.08)}.nav-actions{display:flex;align-items:center;gap:12px}.nav-icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.nav-icon-btn:hover{border-color:#2563eb;color:#2563eb;background:rgba(37,99,235,0.08);transform:scale(1.06)}.nav-cta{padding:8px 18px;font-size:0.85rem}.hamburger{display:none;flex-direction:column;gap:5px;padding:6px}.hamburger span{display:block;width:22px;height:2px;background:#0f172a;border-radius:2px;transition:var(--transition)}.nav-traveling-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(226,232,240,0.7);overflow:hidden;pointer-events:none}.nav-traveling-line::after{content:'';position:absolute;top:0;left:-150px;width:140px;height:100%;background:linear-gradient(90deg,transparent,#38bdf8 40%,#2563eb 80%,transparent);box-shadow:0 0 12px #38bdf8,0 0 6px #2563eb;animation:travelLine 3.5s linear infinite}@keyframes travelLine{0%{left:-150px}100%{left:100%}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--gradient-hero);padding-top:74px}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:0.6}.hero.hero-white-theme{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--gradient-hero);padding-top:var(--nav-height);color:var(--text-primary)}.flank-cards-wrapper{position:absolute;inset:0;max-width:1400px;margin:0 auto;pointer-events:none;z-index:4}.flank-card{position:absolute;pointer-events:auto;background:rgba(255,255,255,0.55);backdrop-filter:blur(8px);border:1px solid rgba(226,232,240,0.6);border-radius:16px;padding:10px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px rgba(15,23,42,0.03);transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);cursor:pointer;max-width:220px;opacity:0.5;transform:scale(0.85)}.flank-card:hover{opacity:0.95;transform:translateY(-6px) scale(0.92) !important;border-color:rgba(37,99,235,0.4);box-shadow:0 12px 30px rgba(37,99,235,0.12);background:rgba(255,255,255,0.95)}.flank-left-top{top:22%;left:3%;animation:flankFloatLeft 6s ease-in-out infinite alternate}.flank-left-bottom{bottom:24%;left:5%;animation:flankFloatLeft 7s ease-in-out 1s infinite alternate-reverse}.flank-right-top{top:24%;right:3%;animation:flankFloatRight 6.5s ease-in-out 0.5s infinite alternate}.flank-right-bottom{bottom:22%;right:5%;animation:flankFloatRight 7.5s ease-in-out 1.5s infinite alternate-reverse}@keyframes flankFloatLeft{0%{transform:translateY(0px) rotate(-1.5deg)}100%{transform:translateY(-18px) rotate(1.5deg)}}@keyframes flankFloatRight{0%{transform:translateY(0px) rotate(1.5deg)}100%{transform:translateY(-20px) rotate(-1.5deg)}}.flank-card-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.flank-card-icon.pbi{background:rgba(242,200,17,0.15);color:#d97706}.flank-card-icon.papps{background:rgba(116,39,116,0.12);color:#7c3aed}.flank-card-icon.powerplatform{background:rgba(124,58,237,0.15);color:#7c3aed}.flank-card-icon.office{background:rgba(16,185,129,0.15);color:#059669}.flank-card-icon.web{background:rgba(37,99,235,0.12);color:#2563eb}.flank-card-icon.mobile{background:rgba(14,165,233,0.15);color:#0284c7}.flank-card-icon.excel{background:rgba(16,185,129,0.12);color:#10b981}.flank-card-info{display:flex;flex-direction:column}.flank-card-val{font-size:0.92rem;font-weight:800;color:#0f172a;line-height:1.2}.flank-card-title{font-size:0.75rem;color:#64748b;font-weight:600;margin-bottom:4px}.flank-card-badge{font-size:0.68rem;font-weight:700;display:inline-flex;align-items:center;gap:5px}.flank-card-badge.green{color:#10b981}.flank-card-badge.blue{color:#2563eb}.flank-card-badge.purple{color:#8b5cf6}.badge-dot.blue{background:#2563eb;box-shadow:0 0 6px #2563eb}.badge-dot.purple{background:#8b5cf6;box-shadow:0 0 6px #8b5cf6}@media (max-width:1360px){.flank-cards-wrapper{display:none !important}}.hero-split-container{position:relative;z-index:5;max-width:1280px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1.05fr 0.95fr;align-items:center;gap:40px;width:100%}.hero-left-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.pubzi-hero-title-light{font-family:'Space Grotesk','Inter',sans-serif;font-size:clamp(2.4rem,4.8vw,3.8rem);font-weight:800;line-height:1.1;letter-spacing:-0.02em;text-transform:uppercase;margin-bottom:24px;display:flex;flex-direction:column}.title-line-dark{color:#0f172a}.title-subline-light{font-size:clamp(1.4rem,2.8vw,2.2rem);font-weight:800;margin-top:6px}.hero-actions-light{display:flex;align-items:center;gap:16px;margin-bottom:48px;flex-wrap:wrap}.play-btn-circle{width:54px;height:54px;border-radius:50%;background:#2563eb;color:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,99,235,0.35);cursor:pointer;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);border:none;flex-shrink:0}.play-btn-circle:hover{transform:scale(1.1);background:#1d4ed8;box-shadow:0 12px 32px rgba(37,99,235,0.5)}.hero-right-visual{position:relative;display:flex;align-items:center;justify-content:center;perspective:1200px}.hero-3d-glow-bg{position:absolute;width:480px;height:340px;background:radial-gradient(ellipse at center,rgba(56,189,248,0.28) 0%,rgba(37,99,235,0.15) 55%,transparent 75%);filter:blur(40px);border-radius:50%;pointer-events:none;z-index:1;animation:glowPulse3D 4s ease-in-out infinite alternate}@keyframes glowPulse3D{0%{transform:scale(0.92);opacity:0.7}100%{transform:scale(1.1);opacity:1}}.hero-3d-floating-wrapper{position:relative;z-index:3;transform-style:preserve-3d;animation:floatSceneAuto 6s ease-in-out infinite alternate}@keyframes floatSceneAuto{0%{transform:translateY(0px) rotateX(6deg) rotateY(-8deg) scale(1)}50%{transform:translateY(-26px) rotateX(-5deg) rotateY(8deg) scale(1.04)}100%{transform:translateY(-10px) rotateX(4deg) rotateY(-4deg) scale(1.02)}}.hero-3d-img{width:100%;max-width:620px;height:auto;display:block;object-fit:contain;border:none !important;border-radius:0 !important;box-shadow:none !important;outline:none !important;background:transparent !important;filter:drop-shadow(0 20px 30px rgba(15,23,42,0.15))}.glass-float-card{position:absolute;z-index:10;background:rgba(255,255,255,0.92);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,0.9);border-radius:16px;padding:12px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 12px 32px rgba(15,23,42,0.12),0 0 0 1px rgba(37,99,235,0.1);transform:translateZ(40px);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.glass-float-card.float-top-right{top:-15px;right:-15px;animation:cardFloat1 5s ease-in-out infinite alternate}.glass-float-card.float-bottom-left{bottom:-15px;left:-15px;animation:cardFloat2 6s ease-in-out infinite alternate-reverse}@keyframes cardFloat1{0%{transform:translateZ(45px) translateY(0)}100%{transform:translateZ(45px) translateY(-12px)}}@keyframes cardFloat2{0%{transform:translateZ(45px) translateY(0)}100%{transform:translateZ(45px) translateY(10px)}}.gfc-icon{font-size:1.4rem;width:38px;height:38px;border-radius:10px;background:rgba(37,99,235,0.1);color:#2563eb;display:flex;align-items:center;justify-content:center}.gfc-title{font-size:0.85rem;font-weight:800;color:#0f172a;line-height:1.2}.gfc-sub{font-size:0.72rem;color:#64748b;font-weight:500}.hero-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:80px 24px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:rgba(37,99,235,0.08);border:1px solid rgba(37,99,235,0.2);border-radius:100px;font-size:0.85rem;font-weight:600;color:var(--primary);margin-bottom:28px}.badge-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.6;transform:scale(1.4)}}.hero-title{font-size:clamp(2rem,6vw,4.5rem);font-weight:800;line-height:1.15;margin-bottom:24px;color:var(--text-primary);letter-spacing:-0.02em}@media (max-width:768px){.hero-title{font-size:2.1rem;line-height:1.2}}@media (max-width:480px){.hero-title{font-size:clamp(1.55rem,6vw,1.85rem) !important;line-height:1.22 !important;overflow-wrap:break-word}.typed-wrapper{min-height:2.2em !important}.hero-stats{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:12px !important;padding:16px 12px !important;max-width:320px !important;margin:0 auto !important}.stat-item{padding:4px !important}.stat-num{font-size:1.7rem !important}}.typed-wrapper{display:inline-block;min-height:1.2em;contain:layout}@media (max-width:768px){.typed-wrapper{display:block;min-height:2.45em;contain:layout;margin-top:4px}}.cursor{display:inline-block;width:3px;animation:blink 0.8s step-end infinite;color:var(--primary);-webkit-text-fill-color:var(--primary)}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-desc{max-width:640px;margin:0 auto 40px;font-size:1.1rem;color:var(--text-secondary);line-height:1.8}.hero-desc strong{color:var(--text-primary)}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:64px}.hero-stats{display:inline-flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap;padding:24px 36px;background:rgba(255,255,255,0.85);border:1px solid var(--bg-border);border-radius:var(--radius-xl);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(15,23,42,0.05)}.stat-item{text-align:center;padding:0 28px}.stat-value-box{display:flex;align-items:baseline;justify-content:center;white-space:nowrap;gap:2px}.stat-num{display:inline-block;font-size:2.2rem;font-weight:800;font-family:var(--font-display);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-suffix{display:inline-block;font-size:1.4rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{display:block;font-size:0.8rem;color:var(--text-muted);margin-top:4px;font-weight:500}.stat-divider{width:1px;height:40px;background:var(--bg-border);flex-shrink:0}.hero-traveling-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:rgba(226,232,240,0.8);overflow:hidden;pointer-events:none}.hero-traveling-line::after{content:'';position:absolute;top:0;left:-150px;width:140px;height:100%;background:linear-gradient(90deg,transparent,#38bdf8 40%,#2563eb 80%,transparent);box-shadow:0 0 12px #38bdf8,0 0 6px #2563eb;animation:travelLineHero 3.5s linear infinite}@keyframes travelLineHero{0%{left:-150px}100%{left:100%}}.hero-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted);font-size:0.75rem;letter-spacing:0.12em;text-transform:uppercase;animation:fadeIn 1s 1s ease both}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--primary),transparent);animation:scrollPulse 1.5s ease-in-out infinite}@keyframes scrollPulse{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}.logos-band{padding:70px 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;background:#ffffff;position:relative;overflow:hidden;color:#0f172a}.section-header-sm{text-align:center;margin-bottom:44px}.logos-subtitle{font-family:'Space Grotesk','Inter',sans-serif;font-size:2rem;font-weight:800;color:#0f172a;margin-top:8px;letter-spacing:-0.01em}.logos-track{display:flex;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);margin-bottom:24px}.track-right{margin-bottom:0}.logos-slide{display:flex;align-items:center;gap:24px;animation:marqueeLeft 22s linear infinite;flex-shrink:0;padding-right:24px}.logos-slide-reverse{display:flex;align-items:center;gap:24px;animation:marqueeRight 22s linear infinite;flex-shrink:0;padding-right:24px}.logos-track:hover .logos-slide,.logos-track:hover .logos-slide-reverse{animation-play-state:paused}@keyframes marqueeLeft{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@keyframes marqueeRight{0%{transform:translateX(-100%)}100%{transform:translateX(0)}}.tech-card{width:145px;height:110px;border-radius:20px;background:#ffffff;border:1.5px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;transition:all 0.35s cubic-bezier(0.175,0.885,0.32,1.275);flex-shrink:0;box-shadow:0 4px 18px rgba(15,23,42,0.05);cursor:pointer;position:relative;overflow:hidden}.tech-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,rgba(37,99,235,0.12),transparent 70%);opacity:0;transition:opacity 0.35s ease}.tech-card:hover{transform:translateY(-8px) scale(1.08);border-color:#2563eb;background:rgba(37,99,235,0.04);box-shadow:0 16px 36px rgba(37,99,235,0.2)}.tech-card:hover::before{opacity:1}.tech-icon-box{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.tech-icon-box img{max-width:42px;max-height:42px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.1));transition:transform 0.35s ease}.tech-card:hover .tech-icon-box img{transform:scale(1.18) rotate(4deg)}.tech-card span{font-size:0.8rem;font-weight:700;color:#0f172a;letter-spacing:0.03em;position:relative;z-index:2}.services-pubzi-section{background:#ffffff;padding:100px 0;position:relative}.pubzi-section-header{text-align:center;max-width:760px;margin:0 auto 64px}.pubzi-header-badge{font-family:'Orbitron','Syne',sans-serif;font-size:0.85rem;font-weight:800;color:#2563eb;letter-spacing:0.22em;text-transform:uppercase;margin-bottom:20px;display:inline-flex;align-items:center;gap:16px}.pubzi-header-badge::before{content:'';display:inline-block;width:28px;height:2px;background:linear-gradient(90deg,transparent,#2563eb)}.pubzi-header-badge::after{content:'';display:inline-block;width:28px;height:2px;background:linear-gradient(90deg,#2563eb,transparent)}.pubzi-section-title{font-family:'Space Grotesk','Inter',sans-serif;font-size:clamp(1.8rem,3.8vw,2.8rem);font-weight:800;line-height:1.25;text-transform:uppercase;color:#0f172a;margin-bottom:16px;letter-spacing:-0.01em}.pubzi-section-desc{font-size:1.05rem;color:#64748b;line-height:1.7}.pubzi-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pubzi-service-card{position:relative;background:#ffffff;border:1px solid #e2e8f0;border-radius:20px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:210px;text-decoration:none;box-shadow:0 4px 15px rgba(15,23,42,0.03);transition:all 0.35s cubic-bezier(0.175,0.885,0.32,1.275);overflow:hidden;cursor:pointer}.pubzi-service-card::before{content:'';position:absolute;top:14px;left:14px;width:10px;height:10px;border-top:2px solid #cbd5e1;border-left:2px solid #cbd5e1;transition:all 0.3s ease}.pubzi-service-card::after{content:'';position:absolute;bottom:14px;right:14px;width:10px;height:10px;border-bottom:2px solid #cbd5e1;border-right:2px solid #cbd5e1;transition:all 0.3s ease}.pubzi-service-card:hover{transform:translateY(-8px) scale(1.03);border-color:#2563eb;background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);box-shadow:0 16px 36px rgba(37,99,235,0.15)}.pubzi-service-card:hover::before,.pubzi-service-card:hover::after{border-color:#2563eb;width:16px;height:16px}.pubzi-card-icon-box{width:58px;height:58px;border-radius:16px;background:#0f172a;color:#ffffff;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:all 0.35s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 4px 12px rgba(15,23,42,0.12)}.pubzi-card-icon-box.icon-powerplatform{background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);box-shadow:0 8px 20px rgba(124,58,237,0.3)}.pubzi-card-icon-box.icon-web{background:linear-gradient(135deg,#2563eb 0%,#0284c7 100%);box-shadow:0 8px 20px rgba(37,99,235,0.3)}.pubzi-card-icon-box.icon-mobile{background:linear-gradient(135deg,#06b6d4 0%,#0d9488 100%);box-shadow:0 8px 20px rgba(6,182,212,0.3)}.pubzi-card-icon-box.icon-office{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 8px 20px rgba(16,185,129,0.3)}.pubzi-card-icon-box.icon-licencias{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);box-shadow:0 8px 20px rgba(245,158,11,0.3)}.pubzi-card-icon-box.icon-hosting{background:linear-gradient(135deg,#0284c7 0%,#2563eb 100%);box-shadow:0 8px 20px rgba(2,132,199,0.3)}.pubzi-service-card:hover .pubzi-card-icon-box{transform:scale(1.15) rotate(6deg);box-shadow:0 12px 28px rgba(15,23,42,0.25)}.pubzi-card-title{font-family:'Space Grotesk','Inter',sans-serif;font-size:0.98rem;font-weight:800;color:#0f172a;line-height:1.2;margin-bottom:6px;white-space:nowrap}.pubzi-card-subtext{font-size:0.8rem;color:#64748b;font-weight:500}@media (max-width:1280px){.pubzi-card-title{font-size:0.9rem;white-space:normal}}.service-features{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.service-features li{font-size:0.85rem;color:var(--text-secondary);padding-left:20px;position:relative}.service-features li::before{content:'✓';position:absolute;left:0;color:var(--primary);font-weight:700;font-size:0.8rem}.service-link{display:inline-flex;align-items:center;gap:6px;font-size:0.88rem;font-weight:600;color:var(--primary);transition:var(--transition)}.service-link:hover{gap:10px}.about-section{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 50%,#f8fafc 100%)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-visual{position:relative}.about-card-stack{position:relative;height:480px}.about-main-visual{position:absolute;inset:40px;background:#ffffff;border:1px solid var(--bg-border);border-radius:var(--radius-xl);box-shadow:0 10px 30px rgba(0,0,0,0.06);overflow:hidden;display:flex;align-items:center;justify-content:center}.code-preview{width:90%;background:#0f172a;border-radius:var(--radius-md);border:1px solid rgba(255,255,255,0.1);padding:20px;box-shadow:0 10px 25px rgba(15,23,42,0.2)}.code-dots{display:flex;gap:6px;margin-bottom:16px}.code-dots span{width:10px;height:10px;border-radius:50%}.code-dots span:nth-child(1){background:#ff5f57}.code-dots span:nth-child(2){background:#febc2e}.code-dots span:nth-child(3){background:#28c840}.code-lines{display:flex;flex-direction:column;gap:4px}.code-line{font-family:'Courier New',monospace;font-size:0.78rem;line-height:1.6;white-space:nowrap}.code-line.indent{padding-left:16px}.code-line.indent2{padding-left:32px}.code-line.indent3{padding-left:48px}.cl-key{color:#c792ea}.cl-fn{color:#82aaff}.cl-param{color:#f78c6c}.cl-paren{color:#89ddff}.cl-var{color:#eeffff}.cl-brace{color:#c3e88d}.cl-string{color:#c3e88d}.about-floating-card{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 18px;background:rgba(255,255,255,0.95);border:1px solid var(--bg-border);border-radius:var(--radius-md);box-shadow:0 10px 25px rgba(15,23,42,0.08);backdrop-filter:blur(12px);z-index:10;white-space:nowrap}.about-floating-card div{display:flex;flex-direction:column}.about-floating-card strong{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.about-floating-card span{font-size:0.72rem;color:var(--text-muted)}.card-1{top:0;right:-20px;animation:floatCard 4s ease-in-out infinite}.card-2{bottom:80px;left:-20px;animation:floatCard 5s 1s ease-in-out infinite}.card-3{bottom:0;right:20px;animation:floatCard 4.5s 0.5s ease-in-out infinite}@keyframes floatCard{0%,100%{transform:translateY(0px)}50%{transform:translateY(-10px)}}.about-content{}.about-text{color:var(--text-secondary);line-height:1.8;margin-bottom:20px;font-size:1rem}.about-pillars{display:flex;flex-direction:column;gap:20px;margin:32px 0 36px}.pillar{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#ffffff;border:1px solid var(--bg-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:var(--transition)}.pillar:hover{border-color:var(--bg-border-hover);box-shadow:0 8px 24px rgba(37,99,235,0.1);transform:translateX(4px)}.pillar-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.pillar strong{display:block;color:var(--text-primary);font-size:0.95rem;margin-bottom:4px}.pillar p{color:var(--text-secondary);font-size:0.85rem;line-height:1.6}.portfolio-filters{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.filter-btn{padding:9px 22px;border-radius:100px;font-size:0.88rem;font-weight:600;color:var(--text-secondary);background:#ffffff;border:1px solid var(--bg-border);box-shadow:0 2px 6px rgba(0,0,0,0.03);transition:var(--transition);font-family:var(--font-primary)}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--gradient-primary);color:white;border-color:transparent;box-shadow:0 4px 16px rgba(37,99,235,0.35)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:48px;flex-wrap:wrap}.page-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:100px;font-size:0.88rem;font-weight:600;color:var(--text-primary);background:#ffffff;border:1px solid var(--bg-border);box-shadow:0 2px 8px rgba(0,0,0,0.04);cursor:pointer;transition:all 0.25s ease;font-family:var(--font-primary)}.page-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,99,235,0.15)}.page-btn:disabled{opacity:0.4;cursor:not-allowed;transform:none;box-shadow:none}.page-numbers{display:flex;align-items:center;gap:8px}.page-num{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.9rem;font-weight:600;color:var(--text-secondary);background:#ffffff;border:1px solid var(--bg-border);box-shadow:0 2px 6px rgba(0,0,0,0.03);cursor:pointer;transition:all 0.25s ease;font-family:var(--font-primary)}.page-num:hover:not(.active){border-color:var(--primary);color:var(--primary)}.page-num.active{background:var(--gradient-primary);color:#ffffff;border-color:transparent;box-shadow:0 4px 14px rgba(37,99,235,0.35)}.portfolio-item{background:#ffffff;border:1px solid var(--bg-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;transition:var(--transition)}.portfolio-item:hover{border-color:var(--bg-border-hover);transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}.portfolio-item.hidden{display:none}.portfolio-item[data-fullimg]{cursor:pointer}.portfolio-item:focus-visible{outline:3px solid var(--primary);outline-offset:4px}.portfolio-card-preview{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-deep)}.portfolio-card-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.portfolio-hover-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px;background:linear-gradient(transparent 55%,rgba(15,23,42,.55))}.btn-view-preview{padding:8px 14px;border-radius:999px;background:#fff;color:var(--text-primary);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-card)}.portfolio-modal{display:none;position:fixed;inset:0;z-index:100000;padding:24px;background:rgba(15,23,42,.78);align-items:center;justify-content:center}.portfolio-modal.active{display:flex}.portfolio-modal-content{width:min(1100px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:var(--radius-lg);box-shadow:0 24px 80px rgba(0,0,0,.3)}.portfolio-modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--bg-border)}.portfolio-modal-header h3{font-size:1.1rem}.portfolio-modal-close{flex-shrink:0;width:44px;height:44px;border:0;border-radius:50%;background:var(--bg-deep);color:var(--text-primary);font-size:2rem;cursor:pointer}.portfolio-modal-close:focus-visible{outline:3px solid var(--primary)}.portfolio-modal-body{overflow-y:auto;overscroll-behavior:contain}.portfolio-modal-img-wrap{padding:16px;background:var(--bg-deep)}.portfolio-modal-img-wrap img{display:block;width:100%;height:auto;max-height:62dvh;object-fit:contain}.portfolio-modal-details{padding:20px 24px;color:var(--text-secondary);line-height:1.6}@media (max-width:600px){.portfolio-modal{padding:12px}.portfolio-modal-content{max-height:calc(100dvh - 24px)}.portfolio-modal-header,.portfolio-modal-details{padding:14px 16px}.portfolio-modal-img-wrap{padding:8px}}.portfolio-img{height:200px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.sistemas-bg{background:linear-gradient(135deg,#1e293b 0%,#334155 50%,#475569 100%)}.powerbi-bg{background:linear-gradient(135deg,#2e1065 0%,#3b0764 50%,#581c87 100%)}.web-bg{background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%)}.apps-bg{background:linear-gradient(135deg,#4c1d95 0%,#581c87 50%,#6b21a8 100%)}.erp-bg{background:linear-gradient(135deg,#064e3b 0%,#047857 50%,#059669 100%)}.telemetry-bg{background:linear-gradient(135deg,#172554 0%,#1e3a8a 50%,#1d4ed8 100%)}.portfolio-overlay{position:absolute;inset:0;padding:16px;display:flex;flex-direction:column;justify-content:space-between}.portfolio-tag{align-self:flex-start;padding:4px 12px;background:rgba(255,255,255,0.25);border:1px solid rgba(255,255,255,0.4);backdrop-filter:blur(8px);border-radius:100px;font-size:0.72rem;font-weight:700;color:white;letter-spacing:0.06em;text-transform:uppercase}.portfolio-screen{flex:1;display:flex;align-items:center;justify-content:center;padding:8px}.mini-table{width:100%;max-width:200px;font-size:0.65rem}.mini-row{display:flex;justify-content:space-between;padding:4px 8px;border-radius:4px;color:rgba(255,255,255,0.85)}.mini-row.header{color:rgba(255,255,255,0.5);font-weight:600;border-bottom:1px solid rgba(255,255,255,0.15)}.mini-row .green{color:#4ade80}.mini-row .yellow{color:#fbbf24}.mini-charts{display:flex;gap:12px;align-items:flex-end}.mini-bar-chart{display:flex;gap:4px;align-items:flex-end;height:60px}.mini-bar{width:12px;border-radius:3px 3px 0 0;background:linear-gradient(to top,#60a5fa,#c084fc)}.mini-kpis{display:flex;flex-direction:column;gap:8px}.mini-kpi{text-align:center}.mini-kpi span{display:block;font-size:0.58rem;color:rgba(255,255,255,0.5)}.mini-kpi strong{font-size:0.85rem;color:white}.mini-web{width:180px}.mini-nav{height:12px;background:rgba(255,255,255,0.15);border-radius:3px;margin-bottom:8px}.mini-hero-block{height:40px;background:linear-gradient(135deg,rgba(255,255,255,0.2),rgba(255,255,255,0.1));border-radius:4px;margin-bottom:8px}.mini-cards{display:flex;gap:4px}.mini-card{flex:1;height:30px;background:rgba(255,255,255,0.08);border-radius:4px;border:1px solid rgba(255,255,255,0.12)}.mini-app{width:120px}.mini-app-header{height:20px;background:linear-gradient(90deg,rgba(255,255,255,0.3),rgba(255,255,255,0.15));border-radius:4px 4px 0 0;margin-bottom:8px}.mini-form{display:flex;flex-direction:column;gap:5px}.mini-field{height:14px;background:rgba(255,255,255,0.1);border-radius:3px;border:1px solid rgba(255,255,255,0.15)}.mini-btn-sm{height:18px;background:linear-gradient(90deg,#60a5fa,#a78bfa);border-radius:3px;margin-top:4px}.mini-erp{display:flex;width:180px;height:80px;gap:6px}.mini-sidebar{width:40px;background:rgba(255,255,255,0.08);border-radius:4px;padding:6px 4px;display:flex;flex-direction:column;gap:4px}.mini-menu-item{height:8px;background:rgba(255,255,255,0.15);border-radius:2px}.mini-menu-item.active{background:rgba(255,255,255,0.6)}.mini-content{flex:1;display:flex;flex-direction:column;gap:5px}.mini-stats-row{display:flex;gap:4px}.mini-stat-box{flex:1;height:22px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.25);border-radius:3px}.mini-list-preview{flex:1;background:rgba(255,255,255,0.05);border-radius:3px;border:1px solid rgba(255,255,255,0.1)}.mini-gauge-wrap{display:flex;flex-direction:column;gap:8px;align-items:center;width:140px}.mini-gauge{width:70px;height:35px;border-radius:70px 70px 0 0;border:4px solid;border-bottom:none;border-image:linear-gradient(90deg,#ef4444,#f59e0b,#60a5fa) 1;position:relative;overflow:hidden;background:rgba(255,255,255,0.05)}.gauge-needle{position:absolute;bottom:0;left:50%;width:2px;height:28px;background:white;transform-origin:bottom center;transform:translateX(-50%) rotate(-20deg);border-radius:2px}.mini-line-chart{width:140px;height:40px}.mini-line-chart svg{width:100%;height:100%}.portfolio-info{padding:20px 24px 24px}.portfolio-info h4{font-size:1rem;font-weight:700;margin-bottom:8px;color:var(--text-primary)}.portfolio-info p{font-size:0.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:14px}.portfolio-tags{display:none !important}.portfolio-tags span{padding:3px 10px;background:rgba(37,99,235,0.08);border:1px solid rgba(37,99,235,0.2);border-radius:100px;font-size:0.72rem;font-weight:600;color:var(--primary)}.process-section{background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 50%,#f8fafc 100%)}.process-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;position:relative}.process-step{padding:40px 32px;position:relative;background:#ffffff;border:1px solid var(--bg-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin:12px;transition:var(--transition);overflow:hidden}.process-step::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(37,99,235,0.03) 0%,transparent 50%);opacity:0;transition:opacity 0.3s}.process-step:hover::before{opacity:1}.process-step:hover{border-color:var(--bg-border-hover);transform:translateY(-4px);box-shadow:0 12px 30px rgba(37,99,235,0.1)}.process-step .step-number{position:absolute;top:24px;right:24px;font-size:3.5rem;font-weight:900;font-family:var(--font-display);color:rgba(37,99,235,0.08);line-height:1;user-select:none}.step-icon{font-size:2.2rem;margin-bottom:16px}.process-step h3{font-size:1.1rem;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.process-step p{font-size:0.88rem;color:var(--text-secondary);line-height:1.7}.testimonials-section{background:#f8fafc}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.testimonial-card{background:#ffffff;border:1px solid var(--bg-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:32px;transition:var(--transition)}.testimonial-card:hover{border-color:var(--bg-border-hover);transform:translateY(-4px);box-shadow:0 12px 30px rgba(15,23,42,0.08)}.testimonial-card.featured-testimonial{background:linear-gradient(135deg,rgba(37,99,235,0.03) 0%,rgba(124,58,237,0.03) 100%);border-color:rgba(37,99,235,0.25);transform:scale(1.03)}.testimonial-stars{color:var(--warning);font-size:1rem;letter-spacing:2px;margin-bottom:16px}.testimonial-text{font-size:0.93rem;color:var(--text-secondary);line-height:1.8;margin-bottom:24px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.85rem;color:white;flex-shrink:0}.testimonial-author strong{display:block;font-size:0.9rem;color:var(--text-primary)}.testimonial-author span{font-size:0.78rem;color:var(--text-muted)}.cta-band{position:relative;overflow:hidden;background:linear-gradient(135deg,#1e40af 0%,#4c1d95 100%);padding:80px 0;color:white}.cta-bg{position:absolute;inset:0;pointer-events:none}.orb-cta-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,0.15) 0%,transparent 70%);top:-100px;left:-100px}.orb-cta-2{width:350px;height:350px;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);bottom:-100px;right:-100px}.cta-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}.cta-text h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:white;margin-bottom:8px}.cta-text p{color:rgba(255,255,255,0.8);font-size:1rem}.cta-actions{display:flex;gap:14px;flex-wrap:wrap}.contact-section-light{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);padding:90px 0;position:relative}.contact-header{max-width:680px;margin:0 auto 56px;text-align:center}.contact-grid-modern{display:grid;grid-template-columns:0.95fr 1.05fr;gap:36px;align-items:stretch}.contact-info-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:24px;padding:36px;box-shadow:0 15px 45px rgba(15,23,42,0.05);display:flex;flex-direction:column;justify-content:space-between}.contact-live-status{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.25);border-radius:100px;font-size:0.78rem;color:#059669;margin-bottom:24px;align-self:flex-start}.pulse-status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981;animation:pulse 2s infinite}.contact-info-title{font-family:'Space Grotesk',sans-serif;font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:8px}.contact-info-desc{font-size:0.95rem;color:#64748b;margin-bottom:28px;line-height:1.6}.contact-features-list{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.contact-feature-box{display:flex;align-items:center;gap:16px;padding:14px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;text-decoration:none;transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.contact-feature-box:hover{transform:translateX(6px);border-color:#2563eb;background:#ffffff;box-shadow:0 10px 25px rgba(37,99,235,0.1)}.cfb-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cfb-icon.wa{background:rgba(37,211,102,0.12);color:#16a34a}.cfb-icon.mail{background:rgba(37,99,235,0.12);color:#2563eb}.cfb-icon.location{background:rgba(245,158,11,0.12);color:#d97706}.cfb-icon.clock{background:rgba(139,92,246,0.12);color:#7c3aed}.cfb-label{display:block;font-size:0.75rem;font-weight:600;color:#64748b;margin-bottom:2px}.cfb-val{font-size:0.92rem;font-weight:800;color:#0f172a}.contact-guarantee-pill{padding:12px 18px;background:rgba(37,99,235,0.06);border:1px dashed rgba(37,99,235,0.3);border-radius:12px;font-size:0.82rem;font-weight:700;color:#2563eb;text-align:center}.contact-form-card{background:#ffffff;border:1.5px solid #e2e8f0;border-radius:24px;padding:40px;box-shadow:0 20px 50px rgba(15,23,42,0.08)}.form-header{margin-bottom:28px}.form-header h3{font-family:'Space Grotesk',sans-serif;font-size:1.5rem;font-weight:800;color:#0f172a;margin-bottom:6px}.form-header p{font-size:0.9rem;color:#64748b}.contact-form-modern{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-group-modern{display:flex;flex-direction:column;gap:6px}.form-group-modern label{font-size:0.82rem;font-weight:700;color:#1e293b}.input-icon-wrap{position:relative;display:flex;align-items:center}.form-group-modern input,.form-group-modern select,.form-group-modern textarea{width:100%;padding:13px 16px;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:12px;font-size:0.9rem;font-weight:500;color:#0f172a;transition:all 0.25s ease;font-family:inherit}.form-group-modern textarea{padding:14px 16px;resize:vertical}.form-group-modern input:focus,.form-group-modern select:focus,.form-group-modern textarea:focus{background:#ffffff;border-color:#2563eb;box-shadow:0 0 0 4px rgba(37,99,235,0.12);outline:none}.submit-btn-modern{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;font-size:0.95rem;font-weight:800;letter-spacing:0.03em;border-radius:14px;box-shadow:0 8px 25px rgba(37,99,235,0.35)}.submit-btn-modern:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(37,99,235,0.5)}.form-privacy-note{font-size:0.75rem;color:#94a3b8;text-align:center;margin-top:4px}@media (max-width:991px){.contact-grid-modern{grid-template-columns:1fr !important;gap:28px !important}.contact-form-card{padding:24px 16px !important;border-radius:18px !important;max-width:100% !important;box-sizing:border-box !important}.form-row{grid-template-columns:1fr !important;gap:16px !important}.contact-info-card{padding:24px 16px !important;border-radius:18px !important;max-width:100% !important;box-sizing:border-box !important}.contact-section-light{padding:60px 0 !important}}.footer,.cta-band,.logos-band{overflow:hidden !important;max-width:100vw !important}.footer-bg,.cta-bg{overflow:hidden !important;max-width:100% !important;pointer-events:none}@media (max-width:768px){.orb-footer-1,.orb-footer-2,.orb-cta-1,.orb-cta-2{max-width:100vw !important;overflow:hidden !important}}.footer{background:#090e1a;color:#f8fafc;padding:0 0;position:relative;overflow:hidden}.footer-laser-line{position:relative;width:100%;height:2px;background:rgba(255,255,255,0.1);overflow:visible}.footer-radar-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;background:#38bdf8;border:2px solid #090e1a;box-shadow:0 0 14px #38bdf8;animation:pulseRadar 2s infinite;z-index:5}@keyframes pulseRadar{0%{box-shadow:0 0 0 0 rgba(56,189,248,0.7)}70%{box-shadow:0 0 0 12px rgba(56,189,248,0)}100%{box-shadow:0 0 0 0 rgba(56,189,248,0)}}.footer-traveling-light{position:absolute;top:0;left:-20%;width:25%;height:2px;background:linear-gradient(90deg,transparent,#38bdf8,#2563eb,transparent);box-shadow:0 0 12px #38bdf8;animation:footerTravel 5s linear infinite}@keyframes footerTravel{0%{left:-25%}100%{left:105%}}.footer-bg{position:absolute;inset:0;pointer-events:none}.orb-footer-1{width:450px;height:450px;background:radial-gradient(circle,rgba(37,99,235,0.12) 0%,transparent 70%);top:-150px;left:-100px}.orb-footer-2{width:400px;height:400px;background:radial-gradient(circle,rgba(56,189,248,0.08) 0%,transparent 70%);bottom:-100px;right:-50px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:48px;padding-top:80px;margin-bottom:56px;position:relative;z-index:2}.footer-tagline{font-size:0.88rem;color:#94a3b8;line-height:1.7;margin:18px 0 24px;max-width:310px}.footer-social-circles{display:flex;align-items:center}.footer-social-circles .social-circle + .social-circle{margin-left:-10px !important}.footer-social-circles .social-circle{width:36px;height:36px;border-radius:50%;background:#1e293b;border:2px solid #0f172a !important;color:#cbd5e1;display:flex;align-items:center;justify-content:center;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.3);z-index:1}.footer-social-circles .social-circle:hover{background:#2563eb;color:#ffffff;border-color:#2563eb !important;transform:translateY(-4px) scale(1.18) !important;z-index:30 !important;box-shadow:0 8px 20px rgba(37,99,235,0.5) !important}.footer-col h4{font-family:'Space Grotesk',sans-serif;font-size:0.95rem;font-weight:800;color:#ffffff;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:22px}.footer-col ul{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0}.footer-col a{font-size:0.9rem;color:#94a3b8;transition:all 0.25s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none}.footer-col a::before{content:'›';font-size:1.1rem;font-weight:800;color:#38bdf8;opacity:0;transform:translateX(-6px);transition:all 0.25s ease}.footer-col a:hover{color:#ffffff;transform:translateX(6px)}.footer-col a:hover::before{opacity:1;transform:translateX(0)}.subscribe-text{font-size:0.85rem;color:#94a3b8;line-height:1.6;margin-bottom:16px}.footer-subscribe-form{display:flex;gap:8px;margin-bottom:20px}.footer-subscribe-form input{flex:1;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.15);border-radius:100px;padding:10px 16px;font-size:0.82rem;color:#ffffff;outline:none;transition:var(--transition)}.footer-subscribe-form input:focus{border-color:#38bdf8;background:rgba(255,255,255,0.1);box-shadow:0 0 12px rgba(56,189,248,0.2)}.footer-subscribe-form button{width:40px;height:40px;border-radius:50%;background:#2563eb;border:none;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.footer-subscribe-form button:hover{background:#38bdf8;transform:scale(1.1)}.footer-contact-info{display:flex;flex-direction:column;gap:8px;font-size:0.84rem;color:#94a3b8}.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding:24px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.footer-bottom p{font-size:0.82rem;color:#64748b}.footer-bottom-links{display:flex;align-items:center;gap:16px}.footer-bottom-links a{font-size:0.82rem;color:#94a3b8;transition:var(--transition);text-decoration:none}.footer-bottom-links a:hover{color:#38bdf8}.dot-sep{color:#475569;font-size:0.8rem}.scroll-top-btn{position:fixed;bottom:28px;right:28px;width:46px;height:46px;background:#2563eb;color:#ffffff;border:1px solid rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9990;box-shadow:0 8px 25px rgba(37,99,235,0.4);opacity:0;visibility:hidden;transform:translateY(15px);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275)}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{background:#38bdf8;color:#0f172a;transform:translateY(-4px) scale(1.08);box-shadow:0 12px 30px rgba(56,189,248,0.5)}.toast{position:fixed;bottom:32px;right:32px;display:flex;align-items:center;gap:10px;padding:14px 20px;background:#ffffff;border:1px solid rgba(5,150,105,0.4);border-radius:var(--radius-md);color:var(--success);font-size:0.9rem;font-weight:600;box-shadow:0 10px 30px rgba(15,23,42,0.12);z-index:9999;transform:translateY(100px);opacity:0;transition:var(--transition-slow)}.toast.show{transform:translateY(0);opacity:1}@keyframes fadeInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.modal-overlay{position:fixed;inset:0;z-index:99999;background:rgba(15,23,42,0.6);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-card{background:#ffffff;border:1px solid #e2e8f0;border-radius:28px;max-width:580px;width:100%;padding:36px 32px;position:relative;box-shadow:0 25px 50px -12px rgba(15,23,42,0.25);transform:translateY(30px) scale(0.95);transition:transform 0.3s ease;max-height:90vh;overflow-y:auto}.modal-overlay.open .modal-card{transform:translateY(0) scale(1)}.modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;border-radius:50%;background:#f1f5f9;border:1px solid #e2e8f0;color:#475569;font-size:1.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.modal-close:hover{background:#ef4444;color:white;border-color:#ef4444;transform:rotate(90deg)}.modal-header{display:flex;align-items:center;gap:18px;margin-bottom:20px}.modal-icon-wrap{width:56px;height:56px;border-radius:50%;background:#2563eb;color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px rgba(37,99,235,0.3)}.modal-badge{font-family:'Space Grotesk',sans-serif;font-size:0.72rem;font-weight:800;color:#2563eb;letter-spacing:0.12em;text-transform:uppercase}.modal-title{font-family:'Space Grotesk',sans-serif;font-size:1.4rem;font-weight:800;color:#0f172a;line-height:1.25;margin-top:2px}.modal-desc{font-size:0.96rem;color:#475569;line-height:1.7;margin-bottom:24px}.modal-section-heading{font-size:0.85rem;font-weight:800;color:#0f172a;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:12px}.modal-features-list{list-style:none;padding:0;margin:0 0 24px 0;display:flex;flex-direction:column;gap:10px}.modal-features-list li{font-size:0.88rem;color:#334155;display:flex;align-items:flex-start;gap:10px;line-height:1.5}.modal-features-list li::before{content:'✓';color:#2563eb;font-weight:800;flex-shrink:0}.modal-tech-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.modal-tech-tag{padding:5px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:100px;font-size:0.78rem;font-weight:600;color:#2563eb}.modal-footer{display:flex;justify-content:flex-end;border-top:1px solid #f1f5f9;padding-top:20px}.modal-cta-btn{padding:12px 24px;border-radius:100px;font-size:0.9rem;font-weight:800}@media (max-width:1024px){.hero-top-grid{grid-template-columns:1fr;gap:24px}.pubzi-stats-row{gap:32px}.centered-nav-links{display:none}.social-circles{display:none}.hamburger{display:flex}.centered-nav-links.open{display:flex;flex-direction:column;position:fixed;top:74px;left:0;right:0;transform:none;background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);border-bottom:1px solid var(--bg-border);padding:24px;gap:4px;z-index:999;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.pubzi-services-grid{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:48px}.about-card-stack{height:360px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.process-timeline{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr;gap:48px}.testimonials-grid{grid-template-columns:1fr;max-width:540px;margin:0 auto}.testimonial-card.featured-testimonial{transform:scale(1)}}@media (max-width:768px){.pubzi-services-grid{grid-template-columns:1fr}.pubzi-title{font-size:2.4rem}.pubzi-stats-row{flex-direction:column;gap:20px}.pubzi-stat-num{font-size:2.2rem}.pubzi-hero-actions{width:100%}.pubzi-cta-btn{width:100%;justify-content:center}.nav-links{display:none}.hamburger{display:flex}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:var(--nav-height);left:0;right:0;background:rgba(255,255,255,0.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--bg-border);padding:24px;gap:4px;z-index:999;box-shadow:0 10px 30px rgba(0,0,0,0.1)}.nav-link{padding:12px 16px;font-size:1rem}.nav-cta{display:none}.services-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.process-timeline{grid-template-columns:1fr}.cta-content{flex-direction:column;text-align:center}.cta-actions{justify-content:center}.form-row{grid-template-columns:1fr}.contact-form-wrap{padding:24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.section{padding:60px 0}}@media (max-width:480px){.hero-actions{flex-direction:column;align-items:center}.btn-lg{width:100%;justify-content:center}.about-card-stack{height:300px}.card-1,.card-2,.card-3{display:none}}.preloader{position:fixed;inset:0;z-index:999999;background:#ffffff;display:flex;align-items:center;justify-content:center;transition:opacity 0.6s cubic-bezier(0.7,0,0.3,1),transform 0.7s cubic-bezier(0.7,0,0.3,1)}.preloader.loaded{opacity:0;transform:translateY(-100%);pointer-events:none}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:28px;max-width:340px;width:100%;padding:24px}.preloader-logo-wrap{position:relative;display:flex;align-items:center;justify-content:center}.preloader-logo{height:54px;width:auto;position:relative;z-index:2;animation:pulsePreloaderLogo 2s ease-in-out infinite}.preloader-glow{position:absolute;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,0.4) 0%,rgba(37,99,235,0.15) 60%,transparent 100%);filter:blur(16px);z-index:1}@keyframes pulsePreloaderLogo{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}.preloader-progress-wrap{width:100%;height:4px;background:#f1f5f9;border-radius:100px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06)}.preloader-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,#38bdf8,#2563eb);border-radius:100px;box-shadow:0 0 12px #38bdf8;transition:width 0.12s ease-out}.preloader-meta{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:0.8rem;font-weight:600;color:#64748b;letter-spacing:0.05em}.preloader-counter{font-weight:800;color:#2563eb}.cursor-dot{width:8px;height:8px;background:#2563eb;border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width 0.2s,height 0.2s,background-color 0.2s;box-shadow:0 0 10px rgba(37,99,235,0.8)}.cursor-ring{width:34px;height:34px;border:2px solid #2563eb;border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width 0.2s,height 0.2s,border-color 0.2s;box-shadow:0 0 16px rgba(37,99,235,0.35)}.mouse-glow{width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,0.16) 0%,rgba(56,189,248,0.06) 45%,transparent 70%);position:fixed;top:0;left:0;pointer-events:none;z-index:9990;transform:translate(-50%,-50%);mix-blend-mode:multiply;filter:blur(10px);transition:opacity 0.3s}.bokeh-bubble{position:fixed;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,0.75) 0%,rgba(37,99,235,0.35) 60%,transparent 100%);pointer-events:none;z-index:9995;box-shadow:0 0 18px rgba(56,189,248,0.5);animation:fadeOutBokeh 0.75s cubic-bezier(0.1,0.8,0.3,1) forwards}@keyframes fadeOutBokeh{0%{opacity:0.85;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(-50%,-50%) scale(0.25)}}@media (hover:none),(pointer:coarse),(max-width:991px){.cursor-dot,.cursor-ring,.mouse-glow,.bokeh-bubble{display:none !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important}}.whatsapp-widget-container{position:fixed;bottom:28px;right:28px;z-index:99999;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.whatsapp-cloud-bubble{position:relative;background:#ffffff;border:1.5px solid #25d366;border-radius:18px;padding:12px 18px;box-shadow:0 12px 35px rgba(37,211,102,0.28),0 4px 15px rgba(15,23,42,0.08);max-width:240px;animation:cloudBounce 4s ease-in-out infinite alternate;transform-origin:bottom right}@keyframes cloudBounce{0%{transform:translateY(0px) scale(1)}50%{transform:translateY(-8px) scale(1.02)}100%{transform:translateY(-3px) scale(1.01)}}.cloud-close-btn{position:absolute;top:4px;right:8px;font-size:1.2rem;color:#94a3b8;cursor:pointer;line-height:1;font-weight:700;transition:color 0.2s}.cloud-close-btn:hover{color:#0f172a}.cloud-badge{display:inline-block;background:rgba(37,211,102,0.12);color:#16a34a;font-size:0.72rem;font-weight:800;padding:3px 10px;border-radius:100px;margin-bottom:6px}.cloud-text{font-size:0.8rem;font-weight:600;color:#0f172a;line-height:1.35}.cloud-arrow{position:absolute;bottom:-9px;right:22px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid #25d366}.whatsapp-float-btn{position:relative;display:flex;align-items:center;justify-content:center;width:62px;height:62px;background:#25d366;color:#ffffff;border-radius:50%;box-shadow:0 8px 25px rgba(37,211,102,0.45);transition:all 0.35s cubic-bezier(0.175,0.885,0.32,1.275);text-decoration:none}.whatsapp-float-btn:hover{transform:scale(1.12);background:#20ba5a;box-shadow:0 12px 35px rgba(37,211,102,0.65);color:#ffffff}.whatsapp-icon-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.whatsapp-pulse{position:absolute;inset:-6px;border-radius:50%;border:2px solid #25d366;animation:waPulse 2s infinite;pointer-events:none}@keyframes waPulse{0%{transform:scale(1);opacity:0.8}100%{transform:scale(1.4);opacity:0}}.phone-input-group{position:relative;display:flex;align-items:stretch;width:100%;background:#ffffff;border:1.5px solid #cbd5e1;border-radius:10px;transition:all 0.2s ease}.phone-input-group:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.15)}.custom-prefix-dropdown{position:relative;display:flex;align-items:center;flex-shrink:0;border-right:1.5px solid #e2e8f0;background:#f8fafc;border-top-left-radius:9px;border-bottom-left-radius:9px}.prefix-trigger{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;padding:8px 10px;cursor:pointer;font-family:inherit;font-size:0.88rem;font-weight:700;color:#1e293b;outline:none;user-select:none}.prefix-flag-icon{width:20px;height:14px;object-fit:cover;border-radius:2px;display:block;box-shadow:0 1px 2px rgba(0,0,0,0.1)}.prefix-code-text{font-weight:700;color:#0f172a;font-size:0.85rem}.prefix-chevron{color:#64748b;transition:transform 0.2s ease}.custom-prefix-dropdown.open .prefix-chevron{transform:rotate(180deg)}.prefix-menu{position:absolute !important;top:calc(100% + 6px) !important;left:0 !important;width:250px !important;max-height:220px !important;overflow-y:auto !important;background:#ffffff !important;border:1px solid #e2e8f0 !important;border-radius:12px !important;box-shadow:0 14px 35px rgba(15,23,42,0.22) !important;list-style:none !important;padding:6px !important;margin:0 !important;z-index:99999 !important;display:none !important}.custom-prefix-dropdown.open .prefix-menu{display:block !important;animation:prefixFadeIn 0.18s ease-out}.prefix-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:0.84rem;color:#334155;transition:background 0.15s ease}.prefix-item:hover{background:#f1f5f9;color:#0f172a}.prefix-item.active{background:#eff6ff;color:#2563eb;font-weight:700}.prefix-menu-flag{width:18px;height:13px;object-fit:cover;border-radius:2px;flex-shrink:0}.prefix-menu-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prefix-menu-code{font-weight:700;color:#64748b;font-size:0.8rem}.phone-input-group input[type="tel"]{flex:1;min-width:0;border:none !important;background:transparent !important;padding:11px 14px !important;font-size:0.92rem !important;color:#0f172a !important;box-shadow:none !important;outline:none !important;border-radius:0 !important}