*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;position:relative}
body.modal-open{overflow:hidden}
img,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:none;background:none}
ul,ol{list-style:none}
address{font-style:normal}

:root{
--bg:#0f0f1a;
--bg-card:rgba(255,255,255,0.03);
--bg-glass:rgba(255,255,255,0.05);
--text:#ffffff;
--text-secondary:rgba(255,255,255,0.7);
--text-muted:rgba(255,255,255,0.5);
--primary:#6366f1;
--primary-light:#818cf8;
--primary-dark:#4f46e5;
--secondary:#8b5cf6;
--accent:#06b6d4;
--accent-2:#22d3ee;
--success:#10b981;
--warning:#f59e0b;
--pink:#ec4899;
--orange:#f97316;
--red:#ef4444;
--amber:#f59e0b;
--teal:#14b8a6;
--indigo:#4f46e5;
--violet:#7c3aed;
--slate:#64748b;
--gradient-primary:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);
--gradient-text:linear-gradient(135deg,#6366f1 0%,#06b6d4 50%,#22d3ee 100%);
--gradient-glow:linear-gradient(135deg,rgba(99,102,241,0.4) 0%,rgba(139,92,246,0.4) 100%);
--border:rgba(255,255,255,0.08);
--border-light:rgba(255,255,255,0.12);
--shadow-sm:0 2px 8px rgba(0,0,0,0.2);
--shadow-md:0 8px 32px rgba(0,0,0,0.3);
--shadow-lg:0 16px 48px rgba(0,0,0,0.4);
--shadow-glow:0 0 60px rgba(99,102,241,0.3);
--shadow-glow-lg:0 0 100px rgba(99,102,241,0.4);
--radius-sm:8px;
--radius-md:12px;
--radius-lg:16px;
--radius-xl:24px;
--radius-full:100px;
--header-height:80px;
--container-max:1280px;
--ease-out-expo:cubic-bezier(0.16,1,0.3,1);
--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);
--ease-in-out-circ:cubic-bezier(0.85,0,0.15,1)
}

.container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(1rem,4vw,3rem);width:100%;box-sizing:border-box}
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;padding:1rem 2rem;border-radius:var(--radius-md);z-index:10000;transition:top 0.3s}
.skip-link:focus{top:1rem}
.ohnohoney{opacity:0;position:absolute;top:0;left:0;height:0;width:0;z-index:-1}
.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}

.bg-animation{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;width:100%;max-width:100vw}
.bg-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(99,102,241,0.2) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 90% 80%,rgba(139,92,246,0.15) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 10% 60%,rgba(6,182,212,0.1) 0%,transparent 50%)}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 60% 60% at 50% 50%,#000 0%,transparent 70%)}
.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.5;will-change:transform}
.bg-orb--1{width:600px;height:600px;background:var(--primary);top:-200px;right:-100px;animation:orbFloat1 25s ease-in-out infinite}
.bg-orb--2{width:400px;height:400px;background:var(--secondary);bottom:20%;left:-100px;animation:orbFloat2 30s ease-in-out infinite}
.bg-orb--3{width:300px;height:300px;background:var(--accent);bottom:-100px;right:20%;animation:orbFloat3 20s ease-in-out infinite}

.bg-particles{position:absolute;inset:0;overflow:hidden}
.particle{position:absolute;width:3px;height:3px;background:var(--primary-light);border-radius:50%;opacity:0;animation:particleFade 15s linear infinite}

@keyframes particleFade{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:0.6}90%{opacity:0.6}100%{opacity:0;transform:translateY(-100vh) scale(1)}}
@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(50px,30px) scale(1.05)}50%{transform:translate(20px,-40px) scale(0.95)}75%{transform:translate(-30px,20px) scale(1.02)}}
@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1) rotate(0deg)}33%{transform:translate(40px,-30px) scale(1.1) rotate(5deg)}66%{transform:translate(-20px,40px) scale(0.9) rotate(-5deg)}}
@keyframes orbFloat3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-40px,-40px) scale(1.15)}}

.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;transition:all 0.4s var(--ease-out-expo)}
.header.scrolled{background:rgba(15,15,26,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 4px 30px rgba(0,0,0,0.3)}
.header>.container{height:100%;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%}
.logo{display:flex;align-items:center;gap:0.75rem;z-index:1001}
.logo__icon{width:44px;height:44px;transition:transform 0.4s var(--ease-out-back)}
.logo:hover .logo__icon{transform:scale(1.1) rotate(-5deg)}
.logo__text{display:flex;flex-direction:column;line-height:1.1}
.logo__name{font-family:'Poppins',sans-serif;font-size:1.25rem;font-weight:700;color:var(--text)}
.logo__tagline{font-size:0.75rem;font-weight:500;color:var(--primary-light);letter-spacing:0.05em}

.nav__list{display:flex;gap:0.5rem}
.nav__link{padding:0.6rem 1rem;font-size:0.9rem;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-md);transition:all 0.3s ease;position:relative}
.nav__link::after{content:'';position:absolute;bottom:0.3rem;left:50%;width:0;height:2px;background:var(--gradient-primary);transform:translateX(-50%);transition:width 0.3s var(--ease-out-expo)}
.nav__link:hover,.nav__link.active{color:var(--text)}
.nav__link:hover::after,.nav__link.active::after{width:60%}

.header__actions{display:flex;align-items:center;gap:1rem}
.header__phone{display:flex;align-items:center;gap:0.5rem;font-size:0.9rem;font-weight:500;color:var(--text-secondary);transition:all 0.3s}
.header__phone:hover{color:var(--text);transform:translateY(-2px)}
.header__phone i{color:var(--primary-light)}

.menu-toggle{display:none;flex-direction:column;gap:5px;padding:8px;z-index:1001}
.menu-toggle span{width:24px;height:2px;background:var(--text);border-radius:2px;transition:all 0.4s var(--ease-out-expo);transform-origin:center}
.menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.menu-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

@media(max-width:968px){.nav,.header__phone{display:none}.menu-toggle{display:flex}.header__actions .btn{display:none}}

.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all 0.5s var(--ease-out-expo)}
.mobile-menu.active{opacity:1;visibility:visible}
.mobile-menu ul{text-align:center;padding:2rem 0}
.mobile-menu li{opacity:0;transform:translateY(30px);transition:all 0.5s var(--ease-out-expo)}
.mobile-menu.active li{opacity:1;transform:translateY(0)}
.mobile-menu.active li:nth-child(1){transition-delay:0.1s}
.mobile-menu.active li:nth-child(2){transition-delay:0.15s}
.mobile-menu.active li:nth-child(3){transition-delay:0.2s}
.mobile-menu.active li:nth-child(4){transition-delay:0.25s}
.mobile-menu a{display:block;font-family:'Poppins',sans-serif;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:600;padding:0.75rem 2rem;color:var(--text);transition:all 0.3s}
.mobile-menu a:hover{color:var(--primary-light);transform:translateX(10px)}
.mobile-menu__contact{position:absolute;bottom:3rem;text-align:center;display:flex;flex-direction:column;gap:0.75rem;opacity:0;transform:translateY(20px);transition:all 0.5s var(--ease-out-expo) 0.3s}
.mobile-menu.active .mobile-menu__contact{opacity:1;transform:translateY(0)}
.mobile-menu__contact a{font-size:0.9rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:0.5rem}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-weight:600;padding:0.875rem 1.75rem;border-radius:var(--radius-full);transition:all 0.4s var(--ease-out-expo);position:relative;overflow:hidden}
.btn--sm{padding:0.625rem 1.25rem;font-size:0.875rem}
.btn--lg{padding:1rem 2rem;font-size:1rem}
.btn--full{width:100%}
.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px rgba(99,102,241,0.4)}
.btn--primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.2) 0%,transparent 50%);opacity:0;transition:opacity 0.3s}
.btn--primary:hover{transform:translateY(-3px);box-shadow:0 8px 40px rgba(99,102,241,0.5)}
.btn--primary:hover::before{opacity:1}
.btn--glow{animation:buttonGlow 3s ease-in-out infinite}
@keyframes buttonGlow{0%,100%{box-shadow:0 4px 20px rgba(99,102,241,0.4)}50%{box-shadow:0 4px 40px rgba(99,102,241,0.6),0 0 60px rgba(99,102,241,0.3)}}
.btn--glass{background:var(--bg-glass);color:var(--text);border:1px solid var(--border-light);backdrop-filter:blur(10px)}
.btn--glass:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);transform:translateY(-2px)}

.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding:calc(var(--header-height) + 2rem) 0 4rem;position:relative;overflow:hidden;width:100%;max-width:100vw}
.hero>.container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
@media(max-width:968px){.hero{padding:calc(var(--header-height) + 1rem) 0 3rem}.hero>.container{grid-template-columns:1fr;text-align:center}}

.hero__content{position:relative;z-index:2}
.hero-carousel{position:relative;min-height:280px}
@media(max-width:480px){.hero-carousel{min-height:320px}}
.hero-slide{position:absolute;top:0;left:0;width:100%;opacity:0;visibility:hidden;transform:translateY(30px);transition:all 0.8s var(--ease-out-expo)}
.hero-slide.active{position:relative;opacity:1;visibility:visible;transform:translateY(0)}
.hero__badge{display:inline-flex;align-items:center;gap:0.5rem;background:var(--bg-glass);border:1px solid var(--border);padding:0.5rem 1rem;border-radius:var(--radius-full);font-size:0.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:1.5rem;animation:badgeFloat 4s ease-in-out infinite}
@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.hero__badge-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px var(--success)}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 10px var(--success)}50%{opacity:0.6;transform:scale(0.8);box-shadow:0 0 20px var(--success)}}
.hero__title{font-family:'Poppins',sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.15;margin-bottom:1.5rem}
.hero__title .title-line{display:block}
.hero__title .gradient-text{position:relative}
.animate-gradient{background-size:200% 200%;animation:gradientShift 4s ease infinite}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero__subtitle{font-size:clamp(0.95rem,2vw,1.15rem);color:var(--text-secondary);max-width:540px;line-height:1.7}
@media(max-width:968px){.hero__subtitle{margin:0 auto}}
.hero__subtitle strong{color:var(--text);font-weight:600}

.hero-carousel__indicators{display:flex;gap:0.5rem;margin-top:1.5rem;margin-bottom:2rem}
@media(max-width:968px){.hero-carousel__indicators{justify-content:center}}
.indicator{width:40px;height:4px;background:var(--border);border-radius:2px;cursor:pointer;transition:all 0.3s;position:relative;overflow:hidden}
.indicator::after{content:'';position:absolute;top:0;left:0;height:100%;width:0;background:var(--gradient-primary);transition:width 0.3s}
.indicator.active::after{width:100%;animation:indicatorProgress 6s linear forwards}
@keyframes indicatorProgress{from{width:0}to{width:100%}}
.indicator:hover{background:var(--border-light);transform:scaleY(1.5)}

.hero__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}
@media(max-width:968px){.hero__buttons{justify-content:center;flex-direction:column;align-items:center}.hero__buttons .btn{width:100%;max-width:300px}}

.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
@media(max-width:968px){.hero__stats{grid-template-columns:repeat(2,1fr);gap:1rem;max-width:400px;margin:0 auto}}
@media(max-width:400px){.hero__stats{grid-template-columns:repeat(2,1fr);gap:0.75rem}}
.hero__stat{text-align:left;padding:1rem;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);transition:all 0.3s}
.hero__stat:hover{background:rgba(255,255,255,0.08);transform:translateY(-5px);box-shadow:var(--shadow-md)}
@media(max-width:968px){.hero__stat{text-align:center}}
.hero__stat-number{font-family:'Poppins',sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text);line-height:1}
.hero__stat-suffix{font-family:'Poppins',sans-serif;font-size:clamp(1rem,2vw,1.5rem);font-weight:700;color:var(--primary-light)}
.hero__stat-text{display:block;font-size:0.75rem;color:var(--text-muted);margin-top:0.25rem}

.hero__visual{position:relative;height:450px;display:flex;align-items:center;justify-content:center}
@media(max-width:968px){.hero__visual{display:none}}
.hero__sphere{position:absolute;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.hero__sphere-inner{width:80px;height:80px;background:var(--gradient-primary);border-radius:50%;animation:spherePulse 3s ease-in-out infinite;box-shadow:0 0 60px rgba(99,102,241,0.5)}
@keyframes spherePulse{0%,100%{transform:scale(1);box-shadow:0 0 60px rgba(99,102,241,0.5)}50%{transform:scale(1.1);box-shadow:0 0 100px rgba(99,102,241,0.7)}}
.hero__sphere-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,0.3) 0%,transparent 70%);border-radius:50%;animation:glowPulse 4s ease-in-out infinite}
@keyframes glowPulse{0%,100%{opacity:0.5;transform:scale(1)}50%{opacity:0.8;transform:scale(1.2)}}

.hero__orbit{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.hero__orbit--1{animation:orbit1 20s linear infinite}
.hero__orbit--2{animation:orbit2 25s linear infinite reverse}
.hero__orbit--3{animation:orbit3 22s linear infinite}
@keyframes orbit1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes orbit2{from{transform:rotate(120deg)}to{transform:rotate(480deg)}}
@keyframes orbit3{from{transform:rotate(240deg)}to{transform:rotate(600deg)}}

.hero__card{position:absolute;display:flex;align-items:center;gap:0.75rem;background:rgba(15,15,26,0.9);backdrop-filter:blur(20px);border:1px solid var(--border-light);padding:0.875rem 1.25rem;border-radius:var(--radius-lg);font-size:0.85rem;font-weight:600;color:var(--text);box-shadow:var(--shadow-md);white-space:nowrap;animation:cardFloat 6s ease-in-out infinite}
.hero__card--1{top:15%;left:5%}
.hero__card--2{top:45%;right:0%}
.hero__card--3{bottom:15%;left:15%}
.hero__orbit--1 .hero__card{animation:counterRotate1 20s linear infinite,cardFloat 4s ease-in-out infinite}
.hero__orbit--2 .hero__card{animation:counterRotate2 25s linear infinite,cardFloat 5s ease-in-out infinite}
.hero__orbit--3 .hero__card{animation:counterRotate3 22s linear infinite,cardFloat 6s ease-in-out infinite}
@keyframes counterRotate1{from{transform:translateX(-150px) rotate(0deg)}to{transform:translateX(-150px) rotate(-360deg)}}
@keyframes counterRotate2{from{transform:translateX(170px) rotate(-120deg)}to{transform:translateX(170px) rotate(240deg)}}
@keyframes counterRotate3{from{transform:translateY(130px) rotate(-240deg)}to{transform:translateY(130px) rotate(120deg)}}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.hero__card-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-sm);font-size:1.1rem;color:#fff}
.hero__card-pulse{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--success);border-radius:50%;animation:cardPulse 2s infinite}
@keyframes cardPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(16,185,129,0.5)}50%{opacity:0.8;box-shadow:0 0 0 8px rgba(16,185,129,0)}}

.hero__ring{position:absolute;border-radius:50%;border:1px solid var(--border)}
.hero__ring--1{width:280px;height:280px;animation:ringRotate 30s linear infinite;border-style:dashed}
.hero__ring--2{width:380px;height:380px;animation:ringRotate 45s linear infinite reverse}
.hero__ring--3{width:480px;height:480px;animation:ringRotate 60s linear infinite;opacity:0.5}
@keyframes ringRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.hero__particles{position:absolute;width:100%;height:100%;pointer-events:none}
.hero__particles span{position:absolute;width:4px;height:4px;background:var(--primary-light);border-radius:50%;opacity:0;animation:particleFloat 8s infinite}
.hero__particles span:nth-child(1){left:20%;top:30%;animation-delay:0s}
.hero__particles span:nth-child(2){left:80%;top:20%;animation-delay:1s}
.hero__particles span:nth-child(3){left:10%;top:70%;animation-delay:2s}
.hero__particles span:nth-child(4){left:70%;top:80%;animation-delay:3s}
.hero__particles span:nth-child(5){left:40%;top:10%;animation-delay:4s}
.hero__particles span:nth-child(6){left:90%;top:50%;animation-delay:5s}
@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1;transform:translateY(-20px) scale(1)}90%{opacity:1;transform:translateY(-100px) scale(1)}100%{opacity:0;transform:translateY(-120px) scale(0)}}

.hero__connections{position:absolute;width:400px;height:400px;opacity:0.5}
.hero__connection-line{stroke-dasharray:200;stroke-dashoffset:200;animation:drawLine 3s ease-in-out infinite}
.hero__connection-line:nth-child(2){animation-delay:1s}
.hero__connection-line:nth-child(3){animation-delay:2s}
@keyframes drawLine{0%,100%{stroke-dashoffset:200}50%{stroke-dashoffset:0}}

.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:0.75rem;animation:scrollBounce 2s ease-in-out infinite}
@keyframes scrollBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}
.hero__scroll-text{font-size:0.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.15em}
.hero__scroll-mouse{width:24px;height:38px;border:2px solid var(--border-light);border-radius:12px;position:relative}
.hero__scroll-wheel{position:absolute;top:6px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:var(--primary-light);border-radius:2px;animation:scrollWheel 2s ease-in-out infinite}
@keyframes scrollWheel{0%,100%{opacity:1;top:6px}50%{opacity:0.3;top:16px}}
@media(max-width:768px){.hero__scroll{display:none}}

.partners-bar{padding:2.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(0,0,0,0.2)}
.partners-bar>.container{display:flex;align-items:center;gap:2rem}
@media(max-width:768px){.partners-bar>.container{flex-direction:column;gap:1rem}}
.partners-bar__label{font-size:0.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;white-space:nowrap}
.partners-bar__logos{flex:1;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);max-width:100%}
.partners-bar__track{display:flex;gap:3rem;animation:scrollLogos 35s linear infinite;width:max-content}
.partners-bar__track img{height:56px;width:auto;opacity:0.65;filter:grayscale(1) brightness(2);transition:all 0.3s}
@media(max-width:768px){.partners-bar__track img{height:40px}}
.partners-bar__track img:hover{opacity:1;filter:grayscale(0);transform:scale(1.1)}
@keyframes scrollLogos{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

section{padding:clamp(3rem,8vw,6rem) 0}
.section-header{text-align:center;max-width:650px;margin:0 auto 3rem}
.section-tag{display:inline-block;font-size:0.75rem;font-weight:600;color:var(--primary-light);text-transform:uppercase;letter-spacing:0.15em;margin-bottom:0.75rem;position:relative}
.section-tag::before,.section-tag::after{content:'';position:absolute;top:50%;width:30px;height:1px;background:var(--border-light)}
.section-tag::before{right:calc(100% + 1rem)}
.section-tag::after{left:calc(100% + 1rem)}
.section-title{font-family:'Poppins',sans-serif;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;margin-bottom:1rem;line-height:1.2}
.section-desc{font-size:1rem;color:var(--text-secondary);line-height:1.7}

.services{position:relative;overflow:hidden}
.services::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,0.05) 0%,transparent 70%);transform:translate(-50%,-50%);pointer-events:none}
.services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
@media(max-width:1200px){.services__grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.services__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.services__grid{grid-template-columns:1fr}}

.service{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.5rem;transition:all 0.5s var(--ease-out-expo);position:relative;overflow:hidden;cursor:pointer}
.service::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform 0.5s var(--ease-out-expo)}
.service::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(99,102,241,0.1) 0%,transparent 50%);opacity:0;transition:opacity 0.5s}
.service:hover{background:rgba(255,255,255,0.05);border-color:var(--border-light);transform:translateY(-10px) scale(1.02);box-shadow:var(--shadow-lg),var(--shadow-glow)}
.service:hover::before{transform:scaleX(1)}
.service:hover::after{opacity:1}
.service__glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--primary),transparent 30%);opacity:0;animation:none;transition:opacity 0.5s}
.service:hover .service__glow{opacity:0.1;animation:serviceGlowRotate 4s linear infinite}
@keyframes serviceGlowRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.service__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(99,102,241,0.2),rgba(139,92,246,0.2));border-radius:var(--radius-md);font-size:1.25rem;color:var(--primary-light);margin-bottom:1rem;transition:all 0.4s var(--ease-out-back);position:relative;z-index:1}
.service:hover .service__icon{transform:scale(1.15) rotate(-5deg);box-shadow:0 0 30px rgba(99,102,241,0.3)}
.service__icon--purple{background:linear-gradient(135deg,rgba(139,92,246,0.2),rgba(168,85,247,0.2));color:#a78bfa}
.service__icon--cyan{background:linear-gradient(135deg,rgba(6,182,212,0.2),rgba(34,211,238,0.2));color:#22d3ee}
.service__icon--green{background:linear-gradient(135deg,rgba(16,185,129,0.2),rgba(52,211,153,0.2));color:#34d399}
.service__icon--orange{background:linear-gradient(135deg,rgba(249,115,22,0.2),rgba(251,146,60,0.2));color:#fb923c}
.service__icon--pink{background:linear-gradient(135deg,rgba(236,72,153,0.2),rgba(244,114,182,0.2));color:#f472b6}
.service__icon--indigo{background:linear-gradient(135deg,rgba(79,70,229,0.2),rgba(99,102,241,0.2));color:#818cf8}
.service__icon--red{background:linear-gradient(135deg,rgba(239,68,68,0.2),rgba(248,113,113,0.2));color:#f87171}
.service__icon--amber{background:linear-gradient(135deg,rgba(245,158,11,0.2),rgba(251,191,36,0.2));color:#fbbf24}
.service__icon--teal{background:linear-gradient(135deg,rgba(20,184,166,0.2),rgba(45,212,191,0.2));color:#2dd4bf}
.service__icon--violet{background:linear-gradient(135deg,rgba(124,58,237,0.2),rgba(139,92,246,0.2));color:#a78bfa}
.service__icon--slate{background:linear-gradient(135deg,rgba(100,116,139,0.2),rgba(148,163,184,0.2));color:#94a3b8}

.service__title{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:0.5rem;position:relative;z-index:1}
.service__desc{font-size:0.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:0.75rem;position:relative;z-index:1}
.service__list{margin-bottom:1rem;position:relative;z-index:1}
.service__list li{display:flex;align-items:center;gap:0.5rem;font-size:0.8rem;color:var(--text-secondary);padding:0.25rem 0;opacity:0;transform:translateX(-10px);transition:all 0.3s ease}
.service:hover .service__list li{opacity:1;transform:translateX(0)}
.service:hover .service__list li:nth-child(1){transition-delay:0.1s}
.service:hover .service__list li:nth-child(2){transition-delay:0.15s}
.service:hover .service__list li:nth-child(3){transition-delay:0.2s}
.service__list i{color:var(--success);font-size:0.75rem}
.service__link{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.85rem;font-weight:600;color:var(--primary-light);transition:all 0.3s;background:none;border:none;cursor:pointer;padding:0;position:relative;z-index:1}
.service__link i{transition:transform 0.3s var(--ease-out-back)}
.service__link:hover{color:var(--text)}
.service__link:hover i{transform:translateX(6px)}

.advantages{background:linear-gradient(180deg,transparent 0%,rgba(99,102,241,0.03) 50%,transparent 100%);position:relative;overflow:hidden}
.advantages::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%236366f1' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}
.advantages__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
@media(max-width:1024px){.advantages__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.advantages__grid{grid-template-columns:1fr}}

.advantage{text-align:center;padding:2rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all 0.5s var(--ease-out-expo);position:relative;overflow:hidden}
.advantage::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,transparent 50%);opacity:0;transition:opacity 0.5s}
.advantage:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--border-light)}
.advantage:hover::before{opacity:1}
.advantage__icon{width:68px;height:68px;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:50%;font-size:1.5rem;color:#fff;box-shadow:var(--shadow-glow);transition:all 0.4s var(--ease-out-back);position:relative}
.advantage__icon::before{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--primary);opacity:0;transform:scale(0.8);transition:all 0.5s var(--ease-out-expo)}
.advantage__icon::after{content:'';position:absolute;inset:-8px;border-radius:50%;border:1px dashed var(--primary);opacity:0;animation:none}
.advantage:hover .advantage__icon{transform:scale(1.15) rotate(-5deg);box-shadow:var(--shadow-glow-lg)}
.advantage:hover .advantage__icon::before{opacity:0.5;transform:scale(1.3)}
.advantage:hover .advantage__icon::after{opacity:0.3;animation:advantageRing 8s linear infinite}
@keyframes advantageRing{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.advantage h3{font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:0.75rem;transition:color 0.3s}
.advantage:hover h3{color:var(--primary-light)}
.advantage p{font-size:0.9rem;color:var(--text-secondary);line-height:1.6}
.advantage p strong{color:var(--text)}

.partners{position:relative}
.partners__content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
@media(max-width:968px){.partners__content{grid-template-columns:1fr;text-align:center}}
.partners__text .section-tag,.partners__text .section-title{text-align:left}
@media(max-width:968px){.partners__text .section-tag,.partners__text .section-title{text-align:center}}
.partners__text p{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin-bottom:2rem}
.partners__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}
@media(max-width:640px){.partners__grid{grid-template-columns:repeat(2,1fr)}}
.partner-card{background:var(--bg);padding:1.25rem;text-align:center;font-family:'Poppins',sans-serif;font-size:0.85rem;font-weight:600;color:var(--text-muted);transition:all 0.3s;position:relative;overflow:hidden}
.partner-card::before{content:'';position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity 0.3s}
.partner-card span{position:relative;z-index:1}
.partner-card:hover{color:var(--text)}
.partner-card:hover::before{opacity:0.1}

.contact{position:relative}
.contact__wrapper{display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:start}
@media(max-width:1024px){.contact__wrapper{grid-template-columns:1fr}}
.contact__info .section-tag,.contact__info .section-title{text-align:left}
.contact__info>p{font-size:1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}
.contact__details{display:flex;flex-direction:column;gap:1rem}
.contact__item{display:flex;align-items:flex-start;gap:1rem;padding:0.75rem;background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius-md);transition:all 0.3s}
.contact__item:hover{background:rgba(255,255,255,0.08);transform:translateX(5px)}
.contact__item-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-sm);color:#fff;font-size:1rem;flex-shrink:0}
.contact__item strong{display:block;font-size:0.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:0.2rem}
.contact__item span,.contact__item a{font-size:0.95rem;color:var(--text)}
.contact__item a:hover{color:var(--primary-light)}
.contact__social{display:flex;gap:0.75rem;margin-top:1.5rem}
.contact__social a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);font-size:1.1rem;transition:all 0.4s var(--ease-out-back)}
.contact__social a:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-5px) scale(1.1);box-shadow:0 10px 30px rgba(99,102,241,0.4)}

.contact__form-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:2rem}
@media(max-width:480px){.contact__form-wrapper{padding:1.5rem}}
.contact-form{display:flex;flex-direction:column;gap:1rem}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:560px){.form-row{grid-template-columns:1fr}}
.form-group{display:flex;flex-direction:column;gap:0.4rem}
.form-group label{font-size:0.85rem;font-weight:500;color:var(--text-secondary)}
.form-group label span{color:var(--pink)}
.form-group input,.form-group select,.form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:0.8rem 1rem;font-family:inherit;font-size:0.95rem;color:var(--text);transition:all 0.3s}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.2)}
.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23888' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}
.form-group textarea{resize:vertical;min-height:100px}
.form-actions{margin-top:0.5rem}
.whatsapp-alt{display:flex;align-items:center;justify-content:center;gap:0.5rem;margin-top:1rem;padding:0.75rem;border-radius:var(--radius-md);font-size:0.9rem;color:var(--text-secondary);transition:all 0.3s;border:1px dashed var(--border)}
.whatsapp-alt i{color:#25D366;font-size:1.25rem}
.whatsapp-alt:hover{background:rgba(37,211,102,0.1);color:#25D366;border-color:#25D366}

.newsletter{background:linear-gradient(135deg,rgba(99,102,241,0.1),rgba(139,92,246,0.1));border:1px solid var(--border);border-radius:var(--radius-xl);padding:2.5rem;margin-bottom:3rem;position:relative;overflow:hidden}
.newsletter::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,0.2) 0%,transparent 70%);pointer-events:none}
.newsletter__content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;position:relative;z-index:1}
@media(max-width:800px){.newsletter{padding:2rem 1.5rem}.newsletter__content{grid-template-columns:1fr;text-align:center}}
.newsletter__text h3{font-family:'Poppins',sans-serif;font-size:1.35rem;font-weight:700;margin-bottom:0.5rem;display:flex;align-items:center;gap:0.75rem}
@media(max-width:800px){.newsletter__text h3{justify-content:center}}
.newsletter__text h3 i{color:var(--primary-light)}
.newsletter__text p{color:var(--text-secondary);line-height:1.6;font-size:0.95rem}
.newsletter__form{display:flex;flex-direction:column;gap:0.75rem}
.newsletter__input-group{display:flex;gap:0.75rem}
@media(max-width:500px){.newsletter__input-group{flex-direction:column}}
.newsletter__input-group input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);padding:0.9rem 1.25rem;font-size:0.95rem;color:var(--text);transition:all 0.3s}
.newsletter__input-group input::placeholder{color:var(--text-muted)}
.newsletter__input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.2)}
.newsletter__notice{font-size:0.8rem;color:var(--text-muted);display:flex;align-items:center;gap:0.5rem}
@media(max-width:800px){.newsletter__notice{justify-content:center}}
.newsletter__notice i{color:var(--success)}

.footer{border-top:1px solid var(--border);padding:3rem 0 2rem}
.footer__main{padding-bottom:2rem;border-bottom:1px solid var(--border)}
.footer__brand{max-width:320px;margin:0 auto;text-align:center}
.footer__brand .logo{justify-content:center;margin-bottom:1rem}
.footer__brand p{font-size:0.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:1rem}
.footer__social{display:flex;gap:0.75rem;justify-content:center}
.footer__social a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);transition:all 0.4s var(--ease-out-back)}
.footer__social a:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-3px)}
.footer__bottom{padding-top:1.5rem;text-align:center}
.footer__bottom p{font-size:0.85rem;color:var(--text-muted)}
.footer__credits{font-size:0.8rem;margin-top:0.5rem}

.modal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:all 0.4s var(--ease-out-expo)}
.modal.active{opacity:1;visibility:visible}
.modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(10px)}
.modal__container{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:550px;width:100%;max-height:85vh;overflow-y:auto;transform:translateY(30px) scale(0.9);transition:transform 0.5s var(--ease-out-expo)}
.modal.active .modal__container{transform:translateY(0) scale(1)}
.modal__close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-glass);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);font-size:1rem;transition:all 0.3s;z-index:10}
.modal__close:hover{background:var(--primary);border-color:var(--primary);color:#fff;transform:rotate(90deg)}
.modal__header{padding:1.75rem 1.75rem 1.25rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border)}
.modal__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-md);font-size:1.4rem;color:#fff}
.modal__title{font-family:'Poppins',sans-serif;font-size:1.35rem;font-weight:700}
.modal__body{padding:1.25rem 1.75rem}
.modal__intro{font-size:0.95rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}
.modal__body h4{font-size:0.95rem;font-weight:600;margin-bottom:0.75rem;color:var(--text)}
.modal__list{display:flex;flex-direction:column;gap:0.6rem}
.modal__list li{display:flex;align-items:flex-start;gap:0.75rem;font-size:0.9rem;color:var(--text-secondary);line-height:1.5}
.modal__list li::before{content:'→';color:var(--primary-light);font-weight:600;flex-shrink:0}
.modal__footer{padding:1.25rem 1.75rem 1.75rem;display:flex;gap:1rem;flex-wrap:wrap}
.modal__cta{flex:1;min-width:180px}

.floating-btns{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:0.6rem;z-index:100}
.float-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.2rem;color:#fff;transition:all 0.4s var(--ease-out-back);box-shadow:var(--shadow-md);text-decoration:none}
.float-btn:first-child{background:var(--bg-card);border:1px solid var(--border);color:var(--text);opacity:0;transform:translateY(20px) scale(0.8);pointer-events:none}
.float-btn:first-child.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
.float-btn:first-child:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-3px) scale(1.1)}
.float-btn--call{background:var(--primary);display:none}
@media(max-width:768px){.float-btn--call{display:flex}}
.float-btn--call:hover{background:var(--secondary);transform:scale(1.15)}
.float-btn--whatsapp{background:#25D366;animation:whatsappPulse 3s infinite}
@keyframes whatsappPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,0.4)}50%{box-shadow:0 4px 30px rgba(37,211,102,0.6),0 0 40px rgba(37,211,102,0.3)}}
.float-btn--whatsapp:hover{background:#128C7E;transform:scale(1.15)}

.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:var(--success);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-full);display:flex;align-items:center;gap:0.75rem;font-weight:600;font-size:0.9rem;box-shadow:var(--shadow-lg);z-index:3000;opacity:0;visibility:hidden;transition:all 0.5s var(--ease-out-expo)}
.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

.animate-in{opacity:0;transform:translateY(40px);transition:opacity 0.8s var(--ease-out-expo),transform 0.8s var(--ease-out-expo)}
.animate-in.visible{opacity:1;transform:translateY(0)}
.services__grid .animate-in:nth-child(1){transition-delay:0s}
.services__grid .animate-in:nth-child(2){transition-delay:0.05s}
.services__grid .animate-in:nth-child(3){transition-delay:0.1s}
.services__grid .animate-in:nth-child(4){transition-delay:0.15s}
.services__grid .animate-in:nth-child(5){transition-delay:0.2s}
.services__grid .animate-in:nth-child(6){transition-delay:0.25s}
.services__grid .animate-in:nth-child(7){transition-delay:0.3s}
.services__grid .animate-in:nth-child(8){transition-delay:0.35s}
.services__grid .animate-in:nth-child(9){transition-delay:0.4s}
.services__grid .animate-in:nth-child(10){transition-delay:0.45s}
.services__grid .animate-in:nth-child(11){transition-delay:0.5s}
.services__grid .animate-in:nth-child(12){transition-delay:0.55s}
.advantages__grid .animate-in:nth-child(1){transition-delay:0s}
.advantages__grid .animate-in:nth-child(2){transition-delay:0.1s}
.advantages__grid .animate-in:nth-child(3){transition-delay:0.2s}
.advantages__grid .animate-in:nth-child(4){transition-delay:0.3s}

@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.shake{animation:shake 0.3s ease-in-out}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.animate-in{opacity:1;transform:none}.hero-slide{transition:opacity 0.3s}}
:focus-visible{outline:2px solid var(--primary);outline-offset:3px}
a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}
::selection{background:rgba(99,102,241,0.3);color:var(--text)}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}
::-webkit-scrollbar-thumb:hover{background:var(--primary)}

@media(max-width:768px){html,body{overflow-x:hidden !important;width:100% !important;max-width:100vw !important}.hero__visual{display:none !important}.hero>.container{max-width:100%;overflow:hidden}.hero__title{word-wrap:break-word;overflow-wrap:break-word}.hero__stats{width:100%;max-width:100%}.hero__stat{min-width:0}.bg-orb{opacity:0.3}.bg-orb--1{width:300px;height:300px;right:-150px;top:-100px}.bg-orb--2{width:200px;height:200px;left:-100px}.bg-orb--3{width:150px;height:150px;right:-50px}.partners-bar__track{gap:2rem}.floating-btns{right:1rem;bottom:1rem}.float-btn{width:48px;height:48px;font-size:1.1rem}section{overflow:hidden}.services__grid,.advantages__grid,.partners__grid{max-width:100%}}