.zerokey-section{padding:105px 0;background:#061441;color:#fff;overflow:hidden}
.zerokey-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:70px;align-items:center}
.zerokey-copy{padding-left:clamp(0px,2vw,34px)}
.zerokey-copy .brand-label{color:#ffa30f}
.zerokey-copy h2{margin:72px 0 28px;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-size:clamp(62px,6vw,94px);font-weight:500;line-height:.84;letter-spacing:-.065em;color:#fff}
.zerokey-copy h2 small{display:block;margin-bottom:24px;color:#647da2;font-size:.57em;font-weight:400;letter-spacing:-.045em}
.zerokey-copy h3{max-width:520px;margin:0 0 28px;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.05;letter-spacing:-.04em;color:#fff}
.zerokey-copy>p{max-width:530px;color:#a7b7cf;font-size:15px;line-height:1.75}
.zerokey-copy>a{display:inline-flex;justify-content:space-between;gap:70px;margin-top:22px;padding:13px 0;border-bottom:1px solid #4d6084;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.zerokey-gallery{width:100%;max-width:900px;min-width:0;justify-self:end}
.zerokey-frame{position:relative;aspect-ratio:1.6/1;overflow:hidden;background:#041844;clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,7% 100%,0 90%);box-shadow:0 30px 70px rgba(0,0,0,.3)}
.zerokey-frame:after{content:"";position:absolute;inset:18px;border:1px solid rgba(63,184,255,.5);clip-path:inherit;pointer-events:none;z-index:5}
.zerokey-slides,.zerokey-slide{position:absolute;inset:0;margin:0}
.zerokey-slide{opacity:0;visibility:hidden;transition:opacity .55s ease,visibility .55s ease}
.zerokey-slide.active{opacity:1;visibility:visible}
.zerokey-slide img{width:100%;height:100%;display:block;object-fit:cover}
.zerokey-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,12,61,.04),rgba(0,12,61,.22)),linear-gradient(90deg,rgba(0,12,61,.15),transparent 55%)}
.zerokey-live{position:absolute;top:34px;left:36px;z-index:7;display:flex;align-items:center;gap:10px;padding:14px 18px;background:rgba(1,20,68,.9);color:#b9c7db;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.zerokey-live i{width:9px;height:9px;border-radius:50%;background:#1ec9a4;box-shadow:0 0 0 7px rgba(30,201,164,.12)}
.zerokey-live strong{margin-left:20px;color:#35efba;font-size:9px}
.zerokey-controls{position:absolute;top:34px;right:36px;z-index:7;display:flex;align-items:center;padding:7px;background:rgba(1,20,68,.9);color:#cbd6e6}
.zerokey-controls button{width:38px;height:38px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer;transition:.2s}
.zerokey-controls button:hover{border-color:#ffa30f;background:rgba(253,165,21,.16)}
.zerokey-controls span{min-width:68px;text-align:center;font-size:9px;letter-spacing:.12em}
.zerokey-tabs{position:absolute;left:36px;bottom:34px;z-index:7;display:flex;gap:8px}
.zerokey-tabs button{min-width:135px;padding:14px 16px;border:0;border-left:3px solid #ffa30f;background:rgba(1,20,68,.88);color:#b8c6d9;text-align:left;font-size:8px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:.25s}
.zerokey-tabs button span{margin-right:6px;color:#fff}
.zerokey-tabs button:hover,.zerokey-tabs button.active{background:#0c2a68;color:#fff;transform:translateY(-3px)}
.zerokey-caption{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;padding:25px 5px 0;color:#b1c0d5}
.zerokey-caption p{margin:0;font-size:12px;line-height:1.5}
.zerokey-caption small{color:#ffa30f;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.zerokey-dots{display:flex;gap:6px}
.zerokey-dots i{width:16px;height:4px;border-radius:2px;background:#8192ac}
.zerokey-dots i.active{width:34px;background:#ffa30f}
.zerokey-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(35px,7vw,120px);align-items:center;margin-top:70px;padding:34px clamp(20px,4vw,70px);border-top:1px solid #26365f;border-bottom:1px solid #26365f}
.zerokey-metrics>div{display:flex;justify-content:center;align-items:center;gap:18px;min-width:0}
.zerokey-metrics strong{color:#ffa30f;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-size:clamp(42px,4vw,62px);font-weight:700;line-height:1;letter-spacing:-.055em;white-space:nowrap}
.zerokey-metrics span{color:#7890b2;font-size:9px;font-weight:600;line-height:1.45;letter-spacing:.1em;text-transform:uppercase}
.zerokey-details{margin-top:78px}
.zerokey-details-title{margin:0;padding-top:34px;border-top:1px solid #26365f;color:#ffa30f;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.zerokey-capabilities{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px}
.zerokey-capabilities article{display:flex;min-height:170px;flex-direction:column;justify-content:space-between;padding:8px 30px 25px;border-right:1px solid #26365f}
.zerokey-capabilities article:first-child{padding-left:0}
.zerokey-capabilities article:last-child{padding-right:0;border-right:0}
.zerokey-capabilities span{color:#ffa30f;font-size:9px;font-weight:700;letter-spacing:.1em}
.zerokey-capabilities p{max-width:285px;margin:35px 0 0;color:#bdd0e9;font-size:14px;line-height:1.6}
.zerokey-specs{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:64px}
.zerokey-specs>div{padding-top:28px;border-top:1px solid #26365f}
.zerokey-specs strong{color:#ffa30f;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.zerokey-specs p{margin:25px 0 0;color:#7890b2;font-family:Consolas,"Courier New",monospace;font-size:10px;line-height:1.8;text-transform:uppercase}
.zerokey-potential{margin-top:72px;padding:40px 45px;background:#ffa30f;color:#031d55}
.zerokey-potential p{max-width:1300px;margin:0 auto;font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif;font-size:clamp(28px,2.4vw,40px);font-weight:500;line-height:1.15;letter-spacing:-.04em}
@media(max-width:1050px){.zerokey-layout{grid-template-columns:1fr;gap:50px}.zerokey-copy{padding:0}.zerokey-copy h2{margin-top:50px}.zerokey-copy>p{max-width:700px}.zerokey-frame{aspect-ratio:1.65/1}}
@media(max-width:900px){.zerokey-capabilities{grid-template-columns:1fr 1fr}.zerokey-capabilities article:nth-child(2){border-right:0}.zerokey-capabilities article:nth-child(n+3){padding-top:30px;border-top:1px solid #26365f}}
@media(max-width:650px){.zerokey-section{padding:76px 0}.zerokey-copy h2{font-size:64px}.zerokey-copy h3{font-size:34px}.zerokey-frame{aspect-ratio:1/1.05;clip-path:polygon(0 0,90% 0,100% 8%,100% 100%,10% 100%,0 92%)}.zerokey-live{top:20px;left:18px;padding:11px 13px}.zerokey-live strong{display:none}.zerokey-controls{top:20px;right:18px}.zerokey-controls button{width:34px;height:34px}.zerokey-controls span{min-width:54px}.zerokey-tabs{left:18px;right:18px;bottom:20px;gap:4px}.zerokey-tabs button{min-width:0;flex:1;padding:12px 8px;font-size:0}.zerokey-tabs button span{font-size:9px}.zerokey-caption{grid-template-columns:auto 1fr;padding-top:18px}.zerokey-caption small{display:none}.zerokey-caption p{font-size:11px}.zerokey-metrics{grid-template-columns:1fr;margin-top:50px;padding:25px 0;gap:0}.zerokey-metrics>div{justify-content:flex-start;width:100%;padding:22px 10px;border-bottom:1px solid #26365f}.zerokey-metrics>div:last-child{border-bottom:0}.zerokey-metrics strong{min-width:145px;font-size:48px}.zerokey-details{margin-top:50px}.zerokey-capabilities{grid-template-columns:1fr;margin-top:25px}.zerokey-capabilities article,.zerokey-capabilities article:first-child,.zerokey-capabilities article:last-child,.zerokey-capabilities article:nth-child(n+3){min-height:0;padding:24px 5px;border:0;border-bottom:1px solid #26365f}.zerokey-capabilities article:last-child{border-bottom:0}.zerokey-capabilities p{margin-top:18px}.zerokey-specs{grid-template-columns:1fr;gap:30px;margin-top:40px}.zerokey-potential{margin-top:45px;padding:30px 25px}.zerokey-potential p{font-size:29px}}