body{background:linear-gradient(180deg,#f7f7f9 0%,#f7f7f9 72%,#fff 100%)}.site-header{border-bottom:1px solid var(--line)}.brand img{width:204px}.header-nav{display:flex;gap:24px}.header-link{position:relative;transition:color .2s ease}.header-link:hover{color:var(--blue)}.header-link::after{content:"";position:absolute;right:0;bottom:-9px;left:0;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:right;transition:transform .2s ease}.header-link:hover::after{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none}.hero{min-height:650px;padding-top:72px}.hero-copy{position:relative}.hero-copy::before{content:"01 / 04";display:block;margin-bottom:24px;color:#9aa0aa;font-size:11px;font-weight:800;letter-spacing:.15em}.hero h1{max-width:650px;font-size:clamp(48px,6.5vw,84px)}.hero-lede{max-width:510px;font-size:19px}.hero-render-frame{width:min(100%,520px);border:8px solid #071536;border-radius:34px;box-shadow:0 28px 70px #071a3b45}.hero-render{border-radius:20px}.hero-render-frame picture{display:block}.section-heading{position:relative}.section-heading::after{content:"";display:block;width:62px;height:4px;margin-top:24px;background:var(--blue)}.step-card{box-shadow:0 14px 34px #19203a0b}.step-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px #19203a14;transition:transform .2s ease,box-shadow .2s ease}.network-section{background:#fff;box-shadow:0 16px 36px #19203a0a}.network-section .network-intro::before{content:"SISTEMA HUMANO + DIGITAL";display:block;margin-bottom:14px;color:#9aa0aa;font-size:11px;font-weight:800;letter-spacing:.15em}.whistle-section{box-shadow:0 24px 55px #071a3b24}.whistle-copy::before{content:"02 / 04";display:block;margin-bottom:22px;color:#7cb3e3;font-size:11px;font-weight:800;letter-spacing:.15em}.enterprise-section{box-shadow:0 16px 36px #19203a0b}.enterprise-intro::before{content:"03 / 04";display:block;margin-bottom:22px;color:#7c83c9;font-size:11px;font-weight:800;letter-spacing:.15em}.privacy-card{box-shadow:0 14px 30px #19203a0b}.site-footer{position:relative}.site-footer::before{content:"04 / 04";display:block;margin-bottom:20px;color:#9aa0aa;font-size:11px;font-weight:800;letter-spacing:.15em}@media(max-width:760px){.site-header{border-bottom:0;position:relative}.header-nav{display:none;position:absolute;top:calc(100% + 10px);right:0;left:0;z-index:30;flex-direction:column;gap:0;padding:8px;border:1px solid rgba(255,255,255,.82);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:0 16px 36px rgba(26,36,82,.16);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-nav.is-open{display:flex}.header-nav .header-link{display:block;padding:12px 14px}.header-nav .header-link::after{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:38px;height:38px;padding:9px;border:1px solid rgba(6,42,89,.16);border-radius:12px;background:rgba(255,255,255,.55);color:var(--navy);cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.hero{padding-top:48px}.hero-copy::before{margin-bottom:18px}.hero-render-frame{width:100%;border-width:6px;border-radius:28px}.hero-render{border-radius:20px}.step-card:hover{transform:none}.site-footer::before{margin-bottom:16px}}