:root{--navy:#071a2b;--navy2:#0d2d47;--teal:#18c5b5;--blue:#3b82f6;--ink:#102a43;--muted:#60798e;--paper:#f5f8fa;--line:#dce6ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}
.site-header{height:82px;padding:0 clamp(22px,5vw,78px);display:flex;align-items:center;gap:38px;background:var(--navy);position:relative;z-index:20}.logo img{display:block;width:190px}.site-header nav{display:flex;gap:30px;margin-left:auto;color:#9db2c3;font-size:13px}.site-header nav a:hover{color:#fff}.panel-access{margin-left:22px;padding:12px 17px;border:1px solid #ffffff26;border-radius:10px;color:#fff;font-weight:750;font-size:13px}.panel-access:hover{background:#fff;color:var(--navy)}.panel-access span{color:var(--teal);margin-left:6px}
.hero{min-height:700px;background-image:linear-gradient(90deg,rgba(4,19,32,.98) 0%,rgba(5,25,42,.92) 42%,rgba(6,26,43,.36) 72%,rgba(5,21,35,.15) 100%),url("loix-hero.png");background-size:cover;background-position:center;display:grid;grid-template-columns:1.12fr .88fr;align-items:center;padding:65px clamp(25px,7vw,110px) 90px;color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#ffffff20,transparent)}.hero-glow{position:absolute;width:600px;height:600px;left:42%;top:5%;background:#0bb9a817;filter:blur(100px);border-radius:50%}.hero-copy{position:relative;z-index:2;max-width:790px}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:800;color:var(--teal)}h1{font-size:clamp(44px,5vw,76px);line-height:1.02;letter-spacing:-.045em;margin:21px 0 28px;max-width:850px;text-shadow:0 4px 35px #0008}h1 em{font-style:normal;color:#77ded5}.hero-copy>p{font-size:18px;line-height:1.7;color:#c4d4df;max-width:700px;text-shadow:0 2px 12px #000}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:36px}.cta{display:inline-flex;align-items:center;gap:25px;padding:15px 20px;background:var(--teal);color:#062235;border-radius:9px;font-weight:850}.cta:hover{background:#5be0d5}.text-link{color:#dce8ee;border-bottom:1px solid #ffffff40;padding-bottom:5px}.trust-line{display:flex;align-items:center;gap:15px;margin-top:55px;color:#91a9ba;font-size:10px;letter-spacing:.12em;font-weight:750}.trust-line i{width:4px;height:4px;border-radius:50%;background:var(--teal)}
.hero-visual{height:520px;position:relative}.image-badge{position:absolute;right:0;bottom:35px;padding:18px 22px;background:#071a2be8;border:1px solid #ffffff26;backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 25px 60px #0006}.image-badge span{display:block;color:var(--teal);font-size:9px;letter-spacing:.18em;margin-bottom:7px}.image-badge strong{font-size:17px;line-height:1.35}
.statement{padding:100px clamp(25px,8vw,130px);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.section-number{color:var(--teal);font-weight:900}.statement h2,.section-head h2,.principles h2,.final-cta h2{font-size:clamp(33px,4vw,54px);line-height:1.08;letter-spacing:-.035em;margin:16px 0 0}.statement p{font-size:18px;line-height:1.8;color:var(--muted);margin:28px 0 0}.analysis-image{margin:0;position:relative;overflow:hidden;border-radius:18px;box-shadow:0 30px 70px #0b274126}.analysis-image img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.analysis-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,#071a2bcc)}.analysis-image figcaption{position:absolute;z-index:2;left:24px;bottom:20px;color:#fff;font-size:10px;letter-spacing:.17em;font-weight:800}
.process{background:var(--paper);padding:100px clamp(25px,7vw,110px)}.section-head{max-width:680px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:65px;border:1px solid var(--line)}.steps article{background:#fff;padding:34px;min-height:280px}.steps b{color:var(--teal);font-size:12px}.steps h3{font-size:20px;margin:40px 0 13px}.steps p{color:var(--muted);line-height:1.7}
.principles{background:var(--navy);color:#fff;padding:105px clamp(25px,7vw,110px);display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.principles-copy p{color:#a9becd;font-size:17px;line-height:1.7}.cta.light{margin-top:22px;background:#fff;color:var(--navy)}.principle-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #ffffff18}.principle-grid article{padding:35px;border-right:1px solid #ffffff18;border-bottom:1px solid #ffffff18;min-height:190px}.principle-grid span{color:var(--teal);font-size:11px}.principle-grid h3{font-size:20px}.principle-grid p{color:#93aabd;line-height:1.6}
.final-cta{text-align:center;padding:110px 25px;background:linear-gradient(180deg,#fff,#f3f8fa)}.final-cta img{width:190px;background:var(--navy);padding:12px;border-radius:12px}.final-cta h2{max-width:700px;margin:35px auto 15px}.final-cta p{color:var(--muted);font-size:17px}.final-cta .cta{margin-top:25px}
footer{background:#061725;color:#8098a9;padding:30px clamp(25px,5vw,75px);display:flex;align-items:center;gap:30px;font-size:12px}footer img{width:145px}footer p{margin-right:auto}
@media(max-width:950px){.site-header nav{display:none}.hero{grid-template-columns:1fr;background-position:62% center;padding-top:80px}.hero-visual{height:180px}.statement,.principles{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}@media(max-width:600px){.site-header{padding:0 18px}.logo img{width:150px}.panel-access{font-size:0;margin-left:auto}.panel-access:before{content:"Acceder";font-size:12px}.hero{padding:60px 22px;background-position:68% center}.hero-visual{display:none}.hero-actions,.trust-line{align-items:flex-start;flex-direction:column}.statement,.process,.principles{padding:75px 22px}.steps,.principle-grid{grid-template-columns:1fr}.statement{gap:35px}footer{flex-direction:column;text-align:center}footer p{margin:0}}