:root{--blue-dark:#0B2C43;--blue-tech:#124A7F;--green:#579031;--white:#FFF;--muted:rgba(255,255,255,.84);--shadow-blue:0 24px 60px rgba(11,44,67,.30);--radius:20px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:'Montserrat',sans-serif;color:var(--white);background:radial-gradient(circle at 12% 10%, rgba(18,74,127,.22), transparent 22%),radial-gradient(circle at 88% 18%, rgba(87,144,49,.12), transparent 18%),linear-gradient(180deg,#0B2C43 0%,#103B5C 45%,#124A7F 100%)}
img{display:block;max-width:100%}.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}.site-content.is-hidden{visibility:hidden;opacity:0}.site-content{opacity:1;transition:opacity .8s ease}
.section-divider{width:min(var(--container),calc(100% - 40px));height:1px;margin:0 auto;background:linear-gradient(90deg,transparent,rgba(18,74,127,.78),rgba(87,144,49,.55),transparent)}
.preloader-ultra{position:fixed;inset:0;z-index:99999;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 14%,rgba(18,74,127,.30),transparent 28%),radial-gradient(circle at 50% 78%,rgba(87,144,49,.18),transparent 22%),linear-gradient(180deg,#0B2C43 0%,#124A7F 52%,#0B2C43 100%);transition:opacity 1.05s ease,visibility 1.05s ease}.preloader-ultra.is-done{opacity:0;visibility:hidden;pointer-events:none}
.preloader-bg-grid{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:44px 44px;animation:preloaderGridDrift 18s linear infinite}
.preloader-bg-gradient{position:absolute;inset:0;background:radial-gradient(circle at 50% 36%,rgba(18,74,127,.46),transparent 24%),radial-gradient(circle at 50% 62%,rgba(87,144,49,.18),transparent 18%);filter:blur(58px);animation:preloaderGradientBreath 8s ease-in-out infinite alternate}
.preloader-center-ultra{position:relative;z-index:3;width:min(520px,calc(100% - 44px));text-align:center}.preloader-logo-wrap{position:relative;width:168px;margin:0 auto 28px}
.preloader-logo-halo{position:absolute;inset:-24px;border-radius:50%;background:radial-gradient(circle at center,rgba(18,74,127,.22),rgba(18,74,127,0) 58%),radial-gradient(circle at center,rgba(87,144,49,.10),rgba(87,144,49,0) 74%);filter:blur(16px);animation:logoHaloBreath 3.6s ease-in-out infinite}
.preloader-logo-ultra{position:relative;width:100%;display:block;opacity:0;transform:scale(.92);filter:blur(16px) saturate(1.05) hue-rotate(0deg);animation:logoReveal80 4.6s cubic-bezier(.22,.61,.36,1) forwards}
.preloader-logo-scan{position:absolute;left:-16%;top:0;width:34%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),rgba(87,144,49,.16),transparent);filter:blur(8px);transform:skewX(-16deg);animation:logoScanSweep 3.8s ease-in-out infinite 1.2s}
.preloader-status-block{margin-bottom:20px}.preloader-status-label{display:block;font-size:12px;letter-spacing:3px;color:rgba(255,255,255,.78);margin-bottom:12px}.preloader-status-line{width:120px;height:2px;margin:0 auto;background:linear-gradient(90deg,transparent,#124A7F,#579031,transparent)}
.preloader-progress-wrap{width:min(360px,100%);margin:0 auto}.preloader-progress-track{height:4px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.preloader-progress-fill{display:block;width:0%;height:100%;background:linear-gradient(90deg,#124A7F 0%,#579031 55%,#FFF 100%)}
.preloader-progress-meta{margin-top:12px;display:flex;justify-content:space-between;gap:18px}.preloader-progress-step,.preloader-progress-percent{color:rgba(255,255,255,.82);letter-spacing:2px;font-size:12px}
@keyframes logoReveal80{0%{opacity:0;transform:scale(.90);filter:blur(20px) hue-rotate(0deg)}24%{opacity:.48;transform:scale(1.01);filter:blur(3px) hue-rotate(16deg)}58%{opacity:.80;transform:scale(1);filter:blur(0) hue-rotate(58deg)}100%{opacity:.80;transform:scale(1);filter:blur(0) hue-rotate(0deg)}}@keyframes logoScanSweep{0%{transform:translateX(-24%) skewX(-16deg);opacity:0}18%{opacity:1}54%{opacity:.85}100%{transform:translateX(332%) skewX(-16deg);opacity:0}}@keyframes logoHaloBreath{0%,100%{opacity:.48;transform:scale(1)}50%{opacity:.90;transform:scale(1.07)}}@keyframes preloaderGridDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(18px,14px,0)}}@keyframes preloaderGradientBreath{from{transform:scale(1)}to{transform:scale(1.08)}}
.hero{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,#0B2C43 0%,#124A7F 100%)}.hero-bg{position:absolute;inset:0;background:url("assets/hero-sox.jpg") center/cover no-repeat;transform:scale(1.10);animation:heroZoom 16s ease-out forwards;filter:saturate(1.06) hue-rotate(-4deg)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,44,67,.58) 0%,rgba(18,74,127,.44) 48%,rgba(11,44,67,.36) 100%),radial-gradient(circle at center,rgba(18,74,127,.22),rgba(11,44,67,.44))}.hero-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:56px 56px}
.hero-inner{position:relative;z-index:2;text-align:center;max-width:980px;padding:40px}.hero-title{margin:0;font-weight:200;font-size:clamp(38px,4.3vw,58px);line-height:1.15;letter-spacing:.5px}.hero-subtitle{margin:22px auto 0;max-width:760px;font-size:16px;line-height:1.9;font-weight:300;color:rgba(255,255,255,.85)}.hero-signature-line{width:110px;height:2px;margin:28px auto 20px;border-radius:999px;background:linear-gradient(90deg,rgba(18,74,127,0),#124A7F,#579031,rgba(87,144,49,0))}.hero-solutions-line{margin:0;font-size:13px;font-weight:400;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,.72)}.hero-arrow{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);z-index:3;color:#fff;text-decoration:none;font-size:34px;line-height:1;opacity:.82;animation:arrowFloat 2s ease-in-out infinite}@keyframes arrowFloat{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}@keyframes heroZoom{from{transform:scale(1.10)}to{transform:scale(1)}}
.app-section{background:radial-gradient(circle at top left,rgba(18,74,127,.22),transparent 24%),linear-gradient(180deg,#0B2C43 0%,#103B5C 100%);padding:0 0 110px}.app-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center;padding-top:72px}.app-media{display:flex;justify-content:center}
.app-image-premium{width:min(340px,100%);margin:auto;filter:drop-shadow(0 30px 60px rgba(11,44,67,.35)) drop-shadow(0 20px 40px rgba(18,74,127,.28));transition:transform .5s ease,filter .5s ease}.app-image-premium:hover{transform:translateY(-6px) scale(1.02);filter:drop-shadow(0 40px 80px rgba(11,44,67,.45)) drop-shadow(0 28px 60px rgba(18,74,127,.35))}
.eyebrow{display:inline-block;margin-bottom:14px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.68)}.app-copy h2,.section-head h2,.contact-copy h2{margin:0 0 18px;font-weight:300;font-size:clamp(30px,3vw,44px);line-height:1.15}.app-copy p,.section-head p,.contact-copy p{margin:0;font-size:18px;line-height:1.8;color:var(--muted)}
.logos-art-board{position:relative;margin-top:34px;padding:10px 0 6px}.logos-art-glow{position:absolute;border-radius:50%;filter:blur(44px);pointer-events:none;opacity:.22}.glow-a{width:220px;height:120px;left:8%;top:6%;background:rgba(18,74,127,.42)}.glow-b{width:180px;height:120px;right:6%;bottom:8%;background:rgba(87,144,49,.24)}
.logos-art-row{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:center}.logos-art-row + .logos-art-row{margin-top:18px}.row-1{padding-right:14px}.row-2{padding-left:12px}.row-3{padding:4px 14% 0;grid-template-columns:repeat(4,minmax(0,1fr))}
.logo-item{min-height:54px;display:flex;align-items:center;justify-content:center;padding:6px 4px}.logo-item img{height:42px;width:100%;object-fit:contain;opacity:.94;filter:drop-shadow(0 8px 18px rgba(11,44,67,.14))}.row-1 .logo-item img,.row-2 .logo-item img{height:40px}.row-3 .center-slot:nth-child(1){grid-column:2 / 3}.row-3 .center-slot:nth-child(2){grid-column:3 / 4}
.ecosystem-section{background:radial-gradient(circle at right center,rgba(18,74,127,.18),transparent 24%),linear-gradient(180deg,#103B5C 0%,#124A7F 100%);padding:0 0 110px}.section-head{max-width:760px;margin:72px 0 46px}.business-grid{display:grid;gap:22px;grid-template-columns:repeat(4,1fr)}.glass-card{position:relative;padding:0 28px 28px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,rgba(18,74,127,.26),rgba(255,255,255,.06));border:1px solid rgba(18,74,127,.44);box-shadow:var(--shadow-blue);transition:transform .3s ease,border-color .3s ease}.glass-card:hover{transform:translateY(-6px);border-color:rgba(87,144,49,.52)}.card-accent{height:2px;background:linear-gradient(90deg,transparent,var(--blue-tech),var(--green),transparent)}.glass-card h3{margin:24px 0 14px;font-size:22px;font-weight:500}.glass-card p{margin:0;font-size:16px;line-height:1.75;color:var(--muted)}
.contact-section{background:radial-gradient(circle at 82% 18%,rgba(18,74,127,.20),transparent 22%),linear-gradient(180deg,#124A7F 0%,#0B2C43 100%);padding:0 0 90px}.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:start;padding-top:72px}.contact-form{padding:26px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(18,74,127,.26),rgba(255,255,255,.06));border:1px solid rgba(18,74,127,.42);box-shadow:var(--shadow-blue)}.contact-form input,.contact-form textarea{width:100%;margin-bottom:14px;padding:16px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;font:inherit;outline:none}.contact-form button{width:100%;padding:16px 20px;border:0;border-radius:14px;cursor:pointer;background:linear-gradient(90deg,var(--green),#6AA93F);color:#fff;font:inherit;font-weight:600}
.footer-premium{position:relative;padding:0 0 28px;background:linear-gradient(180deg,rgba(7,24,38,.96) 0%,rgba(11,44,67,.98) 100%)}.footer-premium-line{width:min(var(--container),calc(100% - 40px));height:1px;margin:0 auto 32px;background:linear-gradient(90deg,transparent,rgba(18,74,127,.8),rgba(87,144,49,.55),transparent)}.footer-premium-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:22px;align-items:stretch}.footer-panel,.footer-brand-panel{min-height:220px;padding:28px;border-radius:24px;background:linear-gradient(180deg,rgba(18,74,127,.18),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 50px rgba(6,16,26,.25),inset 0 0 0 1px rgba(18,74,127,.08);backdrop-filter:blur(12px)}.footer-label{display:block;margin-bottom:16px;font-size:11px;letter-spacing:2.6px;text-transform:uppercase;color:rgba(255,255,255,.58)}.footer-panel h3{margin:0 0 10px;font-size:26px;font-weight:300;letter-spacing:.2px}.footer-panel p{margin:0 0 6px;color:rgba(255,255,255,.82);font-size:15px;line-height:1.7}.footer-whatsapp{margin-top:22px;display:inline-flex;align-items:center;gap:12px;padding:12px 16px;border-radius:999px;text-decoration:none;color:var(--white);background:linear-gradient(90deg,rgba(87,144,49,.94),rgba(106,169,63,.94));box-shadow:0 18px 34px rgba(87,144,49,.22)}.footer-brand-panel{display:flex;align-items:center;justify-content:center}.footer-brand-logo{width:min(180px,100%);opacity:.92;filter:drop-shadow(0 18px 32px rgba(18,74,127,.18))}.footer-bottom{margin-top:18px;text-align:center}.footer-bottom p{margin:0;font-size:13px;color:rgba(255,255,255,.56);letter-spacing:.4px}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1080px){.app-grid,.contact-grid{grid-template-columns:1fr}.business-grid{grid-template-columns:repeat(2,1fr)}.footer-premium-grid{grid-template-columns:1fr}}
@media (max-width:720px){.container{width:min(var(--container),calc(100% - 28px))}.hero-title{white-space:normal}.business-grid,.logos-art-row,.row-3{grid-template-columns:1fr 1fr}.row-1,.row-2,.row-3{padding:0}.row-3 .center-slot:nth-child(1),.row-3 .center-slot:nth-child(2){grid-column:auto}.app-section,.ecosystem-section,.contact-section{padding-bottom:84px}.preloader-logo-wrap{width:132px;margin-bottom:24px}.logo-item img{height:34px}}