.security-page .eyebrow{color:#fff!important;letter-spacing:.12em}.security-page main{overflow:clip;background:radial-gradient(ellipse 85% 13% at 15% 9%,#0688ff17,transparent),radial-gradient(ellipse 85% 16% at 85% 32%,#da1fff12,transparent),radial-gradient(ellipse 85% 15% at 10% 55%,#00b0d118,transparent),radial-gradient(ellipse 85% 18% at 85% 78%,#0688ff19,transparent),#00010e}.security-challenges{position:relative;min-height:100vh;gap:7%;grid-template-columns:1fr 1fr;isolation:isolate}.security-challenges .security-heading{z-index:2}.challenge-visual{position:absolute;left:-10%;top:25%;width:66%;color:#00b0d1;opacity:.2;z-index:-1;mask-image:radial-gradient(ellipse,#000 20%,transparent 70%);transform:translate(var(--px,0px),var(--py,0px));transition:transform 1.5s ease,color 1s}.challenge-visual svg{width:100%;height:auto}.challenge-sweep{transform-origin:310px 215px;animation:challenge-scan 24s linear infinite}.challenge-list{border-left:1px solid #00b0d12b;padding-left:28px}.challenge-list li{position:relative;transition:color .5s,opacity .5s;opacity:.46;min-height:110px}.challenge-list li:before{content:'';position:absolute;left:-32px;top:35px;width:7px;height:7px;border:1px solid #54657b;background:#00010e;border-radius:50%;transition:.5s}.challenge-list li.is-active{opacity:1}.challenge-list li.is-active p{color:#f3f5fb}.challenge-list li.is-active:before{background:#00b0d1;border-color:#00b0d1;box-shadow:0 0 14px #00b0d1}.challenge-list li:after{content:'';position:absolute;left:-29px;top:30px;height:0;width:2px;background:#00b0d1;transition:height .6s}.challenge-list li.is-active:after{height:45px}.challenge-list li span{color:inherit}.challenge-list li.is-active span{color:#00b0d1}@keyframes challenge-scan{to{rotate:360deg}}
.impact-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(190px,1fr);gap:30px;align-items:stretch;margin-top:40px}.security-compare{position:relative;min-height:390px;overflow:hidden;border:1px solid #ffffff18;border-radius:20px;background:#061021}.security-compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}.compare-before{filter:grayscale(1) brightness(.36)}.compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));background:#0688ff}.compare-after img{filter:brightness(.8) saturate(.65);mix-blend-mode:luminosity;opacity:.85}.compare-label{position:absolute;top:25px;max-width:42%;pointer-events:none;text-shadow:0 1px 10px #000}.compare-label.before{left:24px}.compare-label.after{right:24px;text-align:right}.compare-label .eyebrow{font-size:.58rem;margin-bottom:10px}.compare-label strong{display:block;font-size:1rem;font-weight:400}.compare-label span{display:block;font-size:.7rem;line-height:1.9;color:#c3cddd;margin-top:12px}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#00b0d1;box-shadow:0 0 18px #0688ff;pointer-events:none}.compare-divider b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #00b0d1;background:#071429;color:#d5f3ff;font-weight:400}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.security-compare:focus-within{outline:2px solid #00b0d1;outline-offset:4px}.compare-detections i{position:absolute;width:45px;height:65px;border:1px solid #00d9ff88;top:55%;left:65%;box-shadow:0 0 20px #00b0d122}.compare-detections i:nth-child(2){left:35%;top:65%;width:80px;height:40px}.compare-detections i:nth-child(3){left:80%;top:35%;width:40px;height:40px}.impact-benefits{margin:0;display:flex;flex-direction:column;justify-content:center;gap:0}.impact-benefits li{--benefit:#0095e5;padding:22px 0;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:14px}.impact-benefits li:nth-child(2){--benefit:#00b0d1}.impact-benefits li:nth-child(3){--benefit:#cd0298}.impact-benefits li:nth-child(4){--benefit:#ffb500}.impact-benefits li:nth-child(5){--benefit:#ff8327}.impact-benefits li:before{content:'';width:22px;height:22px;flex-shrink:0;background:var(--benefit);mask:url('/assets/icon-seguridad-teal.svg') center/contain no-repeat;margin:0}.comparison-note{color:#71829a;font-size:.65rem;margin-top:12px}
.security-ecosystem{display:block}.security-ecosystem>div+div{margin-top:55px;max-width:850px}.security-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);margin-top:35px}.security-brand-track{display:flex;width:max-content;animation:security-marquee 45s linear infinite}.security-brand-set{display:flex;align-items:center;gap:65px;padding-right:65px;flex-shrink:0}.security-brand-set span{font-size:1.4rem;color:#bdc7d8;white-space:nowrap}.security-marquee:hover .security-brand-track{animation-play-state:paused}@keyframes security-marquee{to{transform:translateX(-50%)}}
.security-page .security-integration{height:190vh;padding:0;position:relative}.integration-sticky{position:sticky;top:var(--header-height,80px);min-height:calc(100vh - 80px);display:flex;justify-content:center;flex-direction:column;padding-block:55px}.security-phase{--phase:#0095e5;--fill:0%;border-top-color:#ffffff18}.security-phase:nth-child(2){--phase:#00b0d1}.security-phase:nth-child(3){--phase:#cd0298}.security-phase:nth-child(4){--phase:#ff8327}.security-phase:after{content:'';position:absolute;top:-1px;left:0;width:var(--fill);height:2px;background:var(--phase);box-shadow:0 0 12px color-mix(in srgb,var(--phase) 50%,transparent)}.security-phase:before{border-color:var(--phase);box-shadow:none}.security-phase.is-lit:before{background:var(--phase);box-shadow:0 0 16px var(--phase)}.security-phase .phase-index,.security-phase.is-lit h3{color:var(--phase)}.security-phase li{position:relative;opacity:.4;transition:opacity .3s;padding-left:16px}.security-phase li:before{content:'';position:absolute;left:0;top:.6em;width:5px;height:5px;border:1px solid var(--phase);border-radius:50%}.security-phase li.is-lit{opacity:1}.security-phase li.is-lit:before{background:var(--phase);box-shadow:0 0 10px var(--phase)}
@media(max-width:800px){.security-challenges{grid-template-columns:1fr;gap:0}.security-challenges .security-heading{position:static;margin-bottom:0}.challenge-visual{position:relative;inset:auto;width:100%;height:210px;overflow:hidden;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.challenge-visual svg{height:100%}.challenge-list li{opacity:1;min-height:0}.impact-layout{grid-template-columns:1fr}.security-compare{min-height:350px}.impact-benefits{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.security-page .security-integration{height:auto;padding-block:65px}.integration-sticky{position:static;min-height:0;padding-block:0}.security-phase:after{display:none}.security-phase li{opacity:1}.security-challenges .security-heading h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.challenge-sweep,.security-brand-track{animation:none}.challenge-visual{transform:none}.security-page .security-integration{height:auto;padding-block:80px}.integration-sticky{position:static;min-height:0}.security-phase li{opacity:1}.challenge-list li{opacity:1}.security-marquee{overflow:auto}.security-brand-track>.security-brand-set[aria-hidden]{display:none}}
.capacity-focus{min-height:510px;padding:65px;--orbit-color:#00b0d1}.capacity-orbit{position:relative;width:340px;height:340px;max-width:100%;border-radius:50%;border:1px solid #00b0d12b;flex-shrink:0;background:radial-gradient(circle,transparent 60%,#0688ff0b 70%,transparent 72%)}.capacity-orbit:before{content:'';position:absolute;inset:24px;border-radius:50%;border:1px dashed #0688ff22}.orbit-node{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px;transform:rotate(var(--angle)) translateX(170px);transition:transform 1.4s cubic-bezier(.22,.61,.36,1);background:none;border:0;padding:0;cursor:pointer;z-index:3}.orbit-node-face{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #ffffff20;border-radius:50%;background:#081224;color:#8d9eb7;transform:rotate(calc(-1 * var(--angle)));transition:transform 1.4s cubic-bezier(.22,.61,.36,1),color .4s,box-shadow .4s}.orbit-node svg{width:20px;height:20px}.orbit-node-face>span{position:absolute;top:47px;width:135px;font-size:.62rem;line-height:1.4;letter-spacing:0;text-align:center;color:#9daec7}.orbit-node[aria-pressed=true] .orbit-node-face{color:#00b0d1;border-color:#00b0d1;box-shadow:0 0 22px #00b0d155}.orbit-node:focus-visible{outline:2px solid #00b0d1;outline-offset:5px;border-radius:50%}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border:1px solid #00b0d133;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,#112a3e,#030817 85%);box-shadow:0 0 60px #00b0d112;pointer-events:none}.orbit-core-icon{width:30px;height:30px;color:#00b0d1}.orbit-core-icon svg{width:100%;height:100%}.orbit-core .focus-name{font-size:1.1rem;max-width:160px;letter-spacing:0;margin-top:16px}.focus-number[hidden]{display:none}.capacity-options button:focus-visible{outline:2px solid #00b0d1;outline-offset:4px}
@media(max-width:700px){.capacity-focus{min-height:425px;padding:50px 0}.capacity-orbit{width:270px;height:270px}.orbit-node{transform:rotate(var(--angle)) translateX(135px)}.orbit-node-face>span{font-size:.55rem;width:100px}.orbit-core{width:155px;height:155px}.orbit-core .focus-name{font-size:.94rem;max-width:135px}}
@media(prefers-reduced-motion:reduce){.orbit-node,.orbit-node-face{transition:none}}
@media(max-width:450px){.capacity-orbit{width:230px;height:230px}.orbit-node{transform:rotate(var(--angle)) translateX(115px)}.orbit-node-face>span{width:82px;font-size:.54rem}.orbit-core{width:142px;height:142px}.capacity-focus{min-height:375px}.orbit-core .focus-name{font-size:.86rem;max-width:120px}.compare-label{top:18px}.compare-label.before{left:14px}.compare-label.after{right:14px}.compare-label strong{font-size:.82rem}.compare-label span{font-size:.62rem}.impact-benefits{grid-template-columns:1fr}}
@media(min-width:801px){.security-phases{grid-template-columns:2fr 4fr 2fr 3fr;gap:0}.security-phase{padding-right:0}.security-phase ol{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.security-phase li{padding:0 8px 0 0;font-size:.65rem;line-height:1.6;text-align:center}.security-phase li+li{margin-top:0}.security-phase li:before{display:none}.security-phase h3{font-size:.7rem}.step-icon{display:grid;place-items:center;margin:0 auto 16px;width:42px;height:42px;border:1px solid #ffffff20;border-radius:50%;color:var(--phase);background:#07101f;transition:box-shadow .4s,border-color .4s}.step-icon svg{width:20px;height:20px}.security-phase li.is-lit .step-icon{border-color:var(--phase);box-shadow:0 0 20px color-mix(in srgb,var(--phase) 22%,transparent)}.security-phase li small{display:block;color:var(--phase);margin-bottom:7px}.security-phase ol{position:relative}.security-phase ol:before{content:'';position:absolute;left:0;right:0;top:21px;height:1px;background:#ffffff15;z-index:-1}}
@media(max-width:800px){.step-icon{display:none}.security-phase li small{display:inline;margin-right:10px;color:var(--phase)}}
@media(min-width:801px) and (max-height:700px){.security-page .security-integration{height:auto;padding-block:65px}.integration-sticky{position:static;min-height:0}.security-challenges .security-heading{position:static}}
