/* ComplyEU · portada "Facet": cristal ahumado roto en placas (WebGL propio, three.js local). Colores y logo ORIGINALES: azul marino #071a45, oro #e3a909, papel #f5f1e6. */
.fx{position:relative;height:100vh;height:100svh;min-height:600px;overflow:hidden;background:#030a1c;color:#f5f1e6;font-family:var(--f-cuerpo)}
.fx canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.fx-block{position:absolute;left:5.5%;right:5.5%;top:8.5%;bottom:8.5%;pointer-events:none;transform-origin:50% 50%;will-change:transform}
.fx-block a{pointer-events:auto}
.fx-nav{position:absolute;left:0;right:0;top:0;height:max(56px,10.8%);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,2.6vw,40px)}
.fx-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:700 clamp(18px,1.5vw,24px) var(--f-titulo)}.fx-brand img{height:34px;width:auto}
.fx-nav nav{display:flex;gap:clamp(14px,2.4vw,38px)}
.fx-nav nav a{color:#b9c4e3;text-decoration:none;font-size:14px;transition:color .2s}.fx-nav nav a:hover{color:#e3a909}
.fx-nav-cta{color:#071a45;background:#e3a909;border-radius:6px;padding:9px 18px;font-weight:600;font-size:14px;text-decoration:none}
.fx-panel{position:absolute;left:0;right:0;bottom:0;top:calc(max(56px,10.8%) + 14px)}
.fx-text{position:absolute;left:clamp(18px,3.6%,64px);top:50%;transform:translateY(-52%);width:min(46%,640px)}
.fx-eye{margin:0 0 18px;font:500 11px/1 "SF Mono",Menlo,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase;color:#e3a909}
.fx h1{margin:0;font:600 clamp(40px,6.4vw,104px)/.98 var(--f-titulo);letter-spacing:-.035em;background:linear-gradient(180deg,#fbf8ee,#b9c4e3);-webkit-background-clip:text;background-clip:text;color:transparent}
.fx-sub{margin:22px 0 0;max-width:34em;font-size:clamp(14px,1.05vw,17px);line-height:1.55;color:#aeb9d8}
.fx-act{display:flex;align-items:center;gap:22px;margin-top:28px;flex-wrap:wrap}
.fx-btn{background:#f5f1e6;color:#071a45;border-radius:6px;padding:12px 22px;font-weight:600;text-decoration:none;transition:background .25s,color .25s}.fx-btn:hover{background:#e3a909}
.fx-link{color:#f5f1e6;text-decoration:none;font-size:15px;border-bottom:1px solid #4a5d93;padding-bottom:2px}.fx-link:hover{color:#e3a909;border-color:#e3a909}
.fx a:focus-visible{outline:3px solid #e3a909;outline-offset:3px}
.fx-emb{position:absolute;right:7%;top:46%;width:min(26vw,38vh,340px);height:auto;transform:translateY(-50%);filter:drop-shadow(0 0 40px rgba(227,169,9,.28)) drop-shadow(0 20px 40px rgba(0,0,0,.6));opacity:.96}
.fx-foot{position:absolute;left:clamp(18px,3.6%,64px);right:clamp(18px,3.6%,64px);bottom:16px;margin:0;display:flex;justify-content:space-between;font:11px "SF Mono",Menlo,Consolas,monospace;color:#6d7ba3}
.fx-info{background:#030a1c;padding:clamp(40px,7vw,96px) 5.5%}
.fx-cards{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fx-cards>div{background:linear-gradient(160deg,#0c1735,#070f26);border:1px solid #1b2a57;border-radius:20px;padding:28px;color:#c3cce6;box-shadow:inset 0 1px 0 #2a3b73}
.fx-cards h2{margin:0 0 14px;font:500 11px/1 "SF Mono",Menlo,Consolas,monospace;letter-spacing:.2em;text-transform:uppercase;color:#e3a909}.fx-cards h2::before{content:none}
.fx-cards p{margin:0 0 12px;line-height:1.6}.fx-cards ul{margin:0;padding:0;list-style:none}.fx-cards li{padding:7px 0;border-top:1px solid #1b2a57}.fx-cards li::before{content:none}
html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
main{padding-top:46px}
@media(max-width:860px){.fx-cards{grid-template-columns:1fr}.fx-nav nav{display:none}.fx-text{width:calc(100% - 36px);top:7%;transform:none}.fx-emb{width:min(46vw,200px);right:6%;top:auto;bottom:11%;transform:none;opacity:.9}.fx h1{font-size:clamp(38px,12vw,64px)}}
@media(max-width:700px){.fx-block{left:16px;right:16px;top:16px;bottom:16px}}
@media(max-height:620px) and (min-width:861px){.fx-sub{display:none}}