:root{
  --azul:#06164a;
  --azul2:#0066ff;
  --celeste:#16c7ee;
  --texto:#07163d;
  --muted:#64708f;
  --fondo:#f7fbff;
  --card:#ffffff;
  --line:#dce8ff;
  --shadow:0 24px 70px rgba(0,42,120,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(22,199,238,.22),transparent 24rem),radial-gradient(circle at 88% 8%,rgba(0,102,255,.14),transparent 28rem),linear-gradient(180deg,#fff 0%,var(--fondo) 52%,#fff 100%);color:var(--texto);background-size:120% 120%,120% 120%,100% 100%;animation:pageGlow 16s ease-in-out infinite alternate}
a{text-decoration:none;color:inherit}.section{width:min(1180px,92%);margin:auto;padding:86px 0}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,232,255,.8)}
.brand img{width:142px;height:58px;object-fit:contain;object-position:left}.nav{display:flex;align-items:center;gap:26px;font-weight:700;color:var(--azul);font-size:15px}.nav a{opacity:.86}.nav a:hover{opacity:1;color:var(--azul2)}.nav-cta{padding:12px 18px;border-radius:999px;background:linear-gradient(135deg,var(--azul2),var(--celeste));color:white!important;box-shadow:0 14px 30px rgba(0,95,240,.22);opacity:1!important}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center;min-height:calc(100vh - 88px);padding-top:52px}.eyebrow{margin:0 0 14px;color:var(--azul2);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.28em}.hero h1,.philosophy h2,.section-title h2,.quote h2,.cases h2,.motion-copy h2{margin:0;color:var(--azul);line-height:1.02;letter-spacing:0}.hero h1{font-size:clamp(42px,6vw,78px)}.hero-p{font-size:22px;line-height:1.55;color:var(--muted);max-width:650px;margin:26px 0 0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 24px;font-weight:900}.primary{background:linear-gradient(135deg,var(--azul2),var(--celeste));color:white;box-shadow:0 18px 38px rgba(0,95,240,.24)}.ghost{border:1px solid var(--line);background:white;color:var(--azul)}
.hero-card{position:relative;background:white;border:1px solid var(--line);border-radius:34px;padding:26px;box-shadow:var(--shadow);overflow:hidden;transition:transform .45s ease,box-shadow .45s ease}.hero-card:before{content:"";position:absolute;inset:auto -12% -30% 10%;height:48%;border-radius:999px;background:linear-gradient(135deg,rgba(0,102,255,.2),rgba(22,199,238,.36));filter:blur(18px);animation:panelWave 8s ease-in-out infinite}.hero-card:hover{transform:translateY(-8px);box-shadow:0 30px 86px rgba(0,42,120,.18)}.hero-card img{position:relative;width:100%;display:block;border-radius:26px}.mini-panel{position:absolute;left:28px;right:28px;bottom:28px;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:22px;padding:18px 20px;display:flex;justify-content:space-between;gap:12px;color:var(--azul);z-index:2}.mini-panel span{color:var(--azul2);font-weight:900}.face-badge{position:absolute;top:22px;right:22px;z-index:3;width:min(172px,38%);padding:10px;border-radius:22px;background:rgba(255,255,255,.9);border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,42,120,.14);display:grid;gap:6px;text-align:center;animation:helloBadge 4.8s ease-in-out infinite}.face-badge img{width:78px;margin:auto;border-radius:0}.face-badge span{font-size:13px;font-weight:900;color:var(--azul);line-height:1.2}
.motion-section{display:grid;grid-template-columns:.86fr 1.14fr;gap:36px;align-items:center;padding-top:26px}.motion-copy h2{font-size:clamp(32px,4vw,56px)}.motion-copy p:not(.eyebrow){font-size:19px;line-height:1.6;color:var(--muted);margin:20px 0 0;max-width:560px}.motion-frame{position:relative;min-height:390px;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,var(--azul),var(--azul2) 46%,var(--celeste));background-size:180% 180%;box-shadow:var(--shadow);border:1px solid var(--line);animation:gradientFlow 9s ease-in-out infinite}.motion-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-100%);animation:softScan 5.8s ease-in-out infinite}.brand-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}.motion-fallback{position:absolute;inset:0;display:grid;place-items:center}.motion-logo{position:relative;z-index:3;width:min(220px,52%);filter:drop-shadow(0 22px 34px rgba(6,22,74,.28));animation:floatGuiar 5.2s ease-in-out infinite}.orbit{position:absolute;border:2px solid rgba(255,255,255,.55);border-radius:999px;animation:pulseGuiar 5s ease-in-out infinite}.orbit-one{width:48%;aspect-ratio:1;animation-delay:0s}.orbit-two{width:66%;aspect-ratio:1;animation-delay:.8s}.orbit-three{width:84%;aspect-ratio:1;animation-delay:1.6s}.float-tool{position:absolute;z-index:2;width:92px;border-radius:24px;box-shadow:0 18px 36px rgba(6,22,74,.18);animation:floatTool 7s ease-in-out infinite}.tool-one{left:10%;top:14%;animation-delay:.2s}.tool-two{right:12%;top:18%;animation-delay:1.3s}.tool-three{right:18%;bottom:12%;animation-delay:2.2s}
.philosophy{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px}.philosophy h2,.section-title h2,.quote h2,.cases h2{font-size:clamp(32px,4vw,54px)}.story{display:grid;gap:16px}.story p,.section-title p,.quote p{font-size:19px;line-height:1.6;color:var(--muted);margin:0}.story p{background:white;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 14px 35px rgba(0,42,120,.06)}.story strong{color:var(--azul)}
.tools-section{padding-top:36px}.section-title{text-align:center;max-width:760px;margin:0 auto 38px}.tool-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:30px}.group-card{background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 18px 45px rgba(0,42,120,.08);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.group-card:hover{transform:translateY(-7px);box-shadow:0 24px 62px rgba(0,42,120,.13);border-color:var(--celeste)}.group-card.featured{background:linear-gradient(180deg,#fff,#eef7ff);border-color:#bcd9ff}.group-card h3{margin:0 0 18px;color:var(--azul);font-size:25px}.group-card ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.group-card li{display:flex;flex-direction:column;border-left:4px solid var(--celeste);padding-left:14px;transition:transform .25s ease}.group-card li:hover{transform:translateX(5px)}.group-card span{font-weight:900;color:var(--azul);font-size:18px}.group-card small{color:var(--azul2);font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-top:3px}.visual-tools{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;margin:30px 0}.visual-tools article{background:white;border:1px solid var(--line);border-radius:22px;padding:14px;box-shadow:0 14px 34px rgba(0,42,120,.07);text-align:center;transition:transform .35s ease,box-shadow .35s ease}.visual-tools article:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 22px 52px rgba(0,42,120,.14)}.visual-tools img{width:100%;display:block;aspect-ratio:1;transition:transform .45s ease}.visual-tools article:hover img{transform:rotate(-2deg) scale(1.06)}.visual-tools span{display:block;margin-top:8px;color:var(--azul);font-weight:900}.tools-image{background:white;border:1px solid var(--line);border-radius:34px;padding:18px;box-shadow:var(--shadow);transition:transform .4s ease}.tools-image:hover{transform:translateY(-6px)}.tools-image img{display:block;width:100%;border-radius:24px}
.accompaniment{display:grid;grid-template-columns:.95fr 1.05fr;gap:34px;align-items:center}.quote{background:linear-gradient(135deg,var(--azul),#0b3db8);color:white;border-radius:34px;padding:42px;box-shadow:var(--shadow)}.quote h2{color:white}.quote p{color:#d7edff;margin-top:18px}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.steps div{background:white;border:1px solid var(--line);border-radius:24px;padding:24px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.steps strong{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--azul2),var(--celeste));color:white;font-size:22px}.steps span{font-size:20px;font-weight:900;color:var(--azul);line-height:1.25}.cases{text-align:center}.cases h2{max-width:820px;margin:auto}.case-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:30px}.case-grid div{background:white;border:1px solid var(--line);border-radius:18px;padding:18px 10px;font-weight:900;color:var(--azul)}
.final-cta{width:min(1120px,92%);margin:35px auto 80px;text-align:center;padding:70px 24px;border-radius:40px;background:radial-gradient(circle at 20% 0%,rgba(22,199,238,.28),transparent 34%),linear-gradient(135deg,var(--azul),#062b8f);color:white;box-shadow:var(--shadow);position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);transform:translateX(-110%);animation:softScan 7s ease-in-out infinite}.final-cta>*{position:relative}.final-cta h2{font-size:70px;margin:0 0 10px;letter-spacing:0}.final-cta p{font-size:24px;max-width:720px;margin:0 auto 28px;color:#d8edff}.footer{padding:26px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;color:var(--muted);font-weight:700}.reveal-on-scroll,.group-card,.service-grid article,.visual-tools article,.steps div,.faq-grid article,.case-grid div{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease,box-shadow .35s ease,border-color .35s ease}.reveal-on-scroll.is-visible,.group-card.is-visible,.service-grid article.is-visible,.visual-tools article.is-visible,.steps div.is-visible,.faq-grid article.is-visible,.case-grid div.is-visible{opacity:1;transform:translateY(0)}.btn{transition:transform .25s ease,box-shadow .25s ease}.btn:hover{transform:translateY(-3px)}
@keyframes pageGlow{0%{background-position:0% 0%,100% 0%,0 0}100%{background-position:8% 4%,92% 8%,0 0}}@keyframes panelWave{0%,100%{transform:translateX(-6%) rotate(-2deg)}50%{transform:translateX(8%) rotate(2deg)}}@keyframes helloBadge{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(-8px) rotate(-1.5deg)}60%{transform:translateY(-6px) rotate(1.5deg)}}@keyframes gradientFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes softScan{0%{transform:translateX(-110%)}48%,100%{transform:translateX(110%)}}@keyframes floatGuiar{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(1.5deg)}}@keyframes pulseGuiar{0%,100%{opacity:.24;transform:scale(.96)}50%{opacity:.8;transform:scale(1.02)}}@keyframes floatTool{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-16px) rotate(3deg)}}
@media(max-width:900px){.header{align-items:flex-start}.nav{display:none}.hero,.philosophy,.motion-section,.accompaniment{grid-template-columns:1fr}.hero{min-height:auto}.motion-frame{min-height:320px}.float-tool{width:72px}.tool-one{left:7%;top:12%}.tool-two{right:7%;top:16%}.tool-three{right:12%;bottom:10%}.face-badge{position:relative;top:auto;right:auto;width:100%;margin:12px 0}.tool-groups{grid-template-columns:1fr}.visual-tools{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.mini-panel{position:static;margin-top:14px}.footer{flex-direction:column}.section{padding:58px 0}.hero h1{font-size:42px}.hero-p{font-size:19px}.final-cta h2{font-size:52px}.final-cta p{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal-on-scroll,.group-card,.service-grid article,.visual-tools article,.steps div,.faq-grid article,.case-grid div{opacity:1;transform:none}}

.services-section{padding-top:54px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}.service-grid article,.faq-grid article{background:white;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 18px 45px rgba(0,42,120,.08);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.service-grid article:hover,.faq-grid article:hover{transform:translateY(-7px);box-shadow:0 24px 62px rgba(0,42,120,.13);border-color:var(--celeste)}.service-grid span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--azul2),var(--celeste));color:white;font-weight:900;margin-bottom:20px}.service-grid h3,.faq-grid h3{margin:0 0 12px;color:var(--azul);font-size:24px;line-height:1.15}.service-grid p,.faq-grid p{margin:0;color:var(--muted);font-size:18px;line-height:1.6}.faq-section{padding-top:48px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:30px}
@media(max-width:900px){.service-grid,.faq-grid{grid-template-columns:1fr}.services-section{padding-top:36px}}