:root{--navy:#0a1226;--deep:#0d1628;--line:#1f2c47;--mint:#2ee6a6;--blue:#2f7bff;--ice:#f4f7ff;--steel:#93a3c4;
 --grad:linear-gradient(135deg,#2ee6a6,#2f7bff);--disp:"Unbounded",system-ui,sans-serif;--sans:"IBM Plex Sans",system-ui,sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--navy);color:var(--ice);font:16px/1.65 var(--sans);padding-inline:20px;
 background-image:radial-gradient(circle at 1px 1px,#141f38 1px,transparent 0);background-size:24px 24px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}}
a{color:inherit}
.w{max-width:1120px;margin-inline:auto}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:2px}
/* header */
header.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;margin-inline:-20px;padding:12px 20px;background:#0a1226ee;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header.bar .in{max-width:1120px;margin-inline:auto;display:flex;align-items:center;gap:28px}
.logo{display:flex;align-items:center;gap:10px;margin-right:auto}
.logo .word,.logo .by{text-decoration:none;color:inherit}
.logo .mk{width:34px;height:34px}.logo .wmk{height:15px;width:auto;display:block}
.logo .by{font:500 9px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;opacity:.6;display:block;margin-top:6px;cursor:pointer}
.logo .by:hover{opacity:1;text-decoration:underline}
nav.m{display:flex;gap:26px;font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}
nav.m a{text-decoration:none;color:var(--steel);padding:6px 0}nav.m a:hover{color:var(--mint)}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:600 14px var(--sans);padding:12px 20px;border-radius:6px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.btn.p{background:var(--grad);color:var(--navy)}.btn.p:hover{transform:translateY(-1px);box-shadow:0 8px 24px #2ee6a640}
.btn.g{background:transparent;color:var(--ice);border:1px solid #93a3c455}.btn.g:hover{border-color:var(--mint);color:var(--mint)}
header .btn{padding:9px 16px;font-size:13px}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;padding-block:72px 64px}
.eye{font:500 12px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
h1{font:700 clamp(32px,5vw,54px)/1.05 var(--disp);letter-spacing:-.025em;margin:18px 0 20px;text-wrap:balance}
h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:#b9c6e2;font-size:18px;max-width:52ch;margin:0 0 28px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.hero .proof{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:34px;font:400 12px var(--mono);color:var(--steel)}
.hero .proof span{display:flex;align-items:center;gap:8px}.hero .proof i{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}
.orb{position:relative;aspect-ratio:1;width:min(100%,440px);margin-inline:auto}
.orb svg.big{width:100%;height:100%;filter:drop-shadow(0 0 30px #2f7bff33)}
.spin{transform-origin:32px 32px;animation:sp 28s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
.pulse{transform-origin:32px 32px;animation:pl 3.2s ease-in-out infinite}
@keyframes pl{50%{transform:scale(1.12)}}
.chip{position:absolute;font:500 11px var(--mono);letter-spacing:.06em;padding:7px 11px;border:1px solid #2ee6a655;border-radius:999px;background:#0a1226e6;color:var(--ice);white-space:nowrap}
.chip b{color:var(--mint);font-weight:500}
.c1{top:6%;left:0}.c2{top:38%;right:-6%}.c3{bottom:16%;left:-4%}.c4{bottom:4%;right:8%}
/* sections */
section{padding-block:80px 8px}
.sh{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 40px;align-items:end;margin-bottom:36px}
h2{font:700 clamp(26px,4vw,38px)/1.1 var(--disp);letter-spacing:-.015em;margin:12px 0 0;text-wrap:balance}
.sh p{color:#a9b8d6;margin:0;max-width:52ch}
.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.line{border:1px solid var(--line);border-radius:6px;padding:32px;background:linear-gradient(160deg,#0f1c36,#0b1424);position:relative;overflow:hidden}
.line h3{font:700 22px/1.2 var(--disp);margin:14px 0 10px}
.line p{color:#a9b8d6;margin:0 0 18px}
.line ul{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:10px}
.line li{padding-left:22px;position:relative;font-size:15px}
.line li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:2px;background:var(--grad)}
.line a{font:500 13px var(--mono);color:var(--mint);text-decoration:none;letter-spacing:.04em}.line a:hover{text-decoration:underline}
/* catalog */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.tabs button{font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;background:transparent;color:var(--steel);border:1px solid var(--line);padding:9px 16px;border-radius:999px;cursor:pointer}
.tabs button[aria-pressed=true]{background:var(--grad);color:var(--navy);border-color:transparent;font-weight:500}
.cat{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}
.prod{border:1px solid var(--line);border-radius:6px;padding:26px;background:var(--deep);display:flex;flex-direction:column;gap:12px;transition:border-color .2s,transform .2s}
.prod:hover{border-color:#2ee6a688;transform:translateY(-2px)}
.prod[hidden]{display:none}
.prod svg{width:48px;height:48px;filter:drop-shadow(0 0 6px #2ee6a688)}
.prod h3{font:700 18px/1.2 var(--disp);margin:0}
.prod p{margin:0;color:#a9b8d6;font-size:14.5px}
.prod .tg{margin-top:auto;padding-top:8px;display:flex;justify-content:space-between;align-items:center;font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--steel)}
.prod .tg a{color:var(--mint);text-decoration:none;font-weight:500}.prod .tg a:hover{text-decoration:underline}
.note{font-size:13px;color:var(--steel);margin-top:18px}
/* sectors */
.sec{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.sec div{padding:24px 22px;border-right:1px solid var(--line);background:var(--deep)}
.sec div:last-child{border-right:0}
.sec b{display:block;font:700 15px var(--disp);margin-bottom:6px}
.sec span{font-size:14px;color:#a9b8d6}
/* process */
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;counter-reset:s}
.step{padding:6px 24px 6px 0;border-top:2px solid var(--line);position:relative;padding-top:24px}
.step::before{counter-increment:s;content:"0" counter(s);position:absolute;top:-13px;left:0;font:500 12px var(--mono);color:var(--navy);background:var(--grad);padding:3px 9px;border-radius:999px}
.step h3{font:700 17px/1.25 var(--disp);margin:0 0 8px}
.step p{margin:0;color:#a9b8d6;font-size:14.5px}
/* security */
.sc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;border:1px solid var(--line);border-radius:6px;padding:40px;background:linear-gradient(135deg,#0d1a33,#0a1226)}
.sc ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}
.sc li{display:grid;grid-template-columns:30px 1fr;gap:12px}
.sc li svg{width:26px;height:26px;stroke:var(--mint);fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.sc li b{display:block;font-weight:600}.sc li span{color:#a9b8d6;font-size:14.5px}
.net{width:100%;height:auto;max-width:440px;margin-inline:auto}
/* contact */
.ct{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;border-radius:6px;padding:44px;background:var(--grad);color:var(--navy)}
.ct h2{margin-top:10px}.ct p{margin:14px 0 0;max-width:40ch}
.ct .eye{color:var(--navy);opacity:.75}
form{display:grid;gap:14px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{font:500 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;display:grid;gap:6px}
input,select,textarea{font:400 15px var(--sans);padding:12px 14px;border-radius:6px;border:1px solid #0a122633;background:#ffffffd9;color:var(--navy);width:100%}
textarea{min-height:96px;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--navy);background:#fff}
.ct .btn{background:var(--navy);color:var(--ice);justify-self:start}.ct .btn:hover{background:#0f2447}
.hint{font-size:12.5px;opacity:.75}
/* footer */
footer{margin-top:88px;border-top:1px solid var(--line);padding-block:44px 56px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:32px;font-size:14px;color:var(--steel)}
footer h4{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ice);margin:0 0 12px}
footer a{display:block;text-decoration:none;padding:3px 0}footer a:hover{color:var(--mint)}
footer p{margin:14px 0 0;max-width:34ch}
.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font:400 11.5px var(--mono);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:900px){nav.m{display:none}.hero{grid-template-columns:1fr;padding-block:44px 40px}.orb{width:min(100%,340px)}.sh,.two,.sc,.ct{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:36px 0}.sc,.ct{padding:28px}footer{grid-template-columns:1fr 1fr}footer>div:first-child{grid-column:1/-1}.sec div{border-right:0;border-bottom:1px solid var(--line)}.sec div:last-child{border-bottom:0}}
@media(max-width:520px){.steps{grid-template-columns:1fr}.f2{grid-template-columns:1fr}.chip{font-size:10px;padding:5px 8px}.c1{left:-2%}.c3{left:-2%}.c2{right:-2%}}
/* ===== Ajustes para el sitio publicado ===== */
.skip{position:absolute;left:-999px;top:8px;background:var(--mint);color:var(--navy);padding:10px 16px;border-radius:6px;z-index:20;font-weight:600;text-decoration:none}
.skip:focus{left:8px}
.burger{display:none;width:44px;height:44px;background:transparent;border:1px solid var(--line);border-radius:6px;cursor:pointer;position:relative;flex:none}
.burger span,.burger span::before,.burger span::after{position:absolute;height:2px;background:var(--ice);border-radius:2px;content:""}
.burger span{left:12px;right:12px;top:20px}.burger span::before{left:0;right:0;top:-7px}.burger span::after{left:0;right:0;top:7px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.chk{display:flex;gap:10px;align-items:flex-start;font:400 13px/1.5 var(--sans);text-transform:none;letter-spacing:0}
.chk input{width:auto;margin-top:3px;flex:none;accent-color:#0a1226}
.chk a{color:var(--navy);font-weight:600}
.hint.err{font-weight:600;opacity:1}
.btn[disabled]{opacity:.6;cursor:wait}
.doc{max-width:780px;margin-inline:auto;padding-block:64px 24px}
.doc h1{font:700 clamp(28px,4.4vw,42px)/1.1 var(--disp);margin:14px 0 8px;letter-spacing:-.02em}
.doc h2{font:700 20px/1.25 var(--disp);margin:40px 0 10px}
.doc p,.doc li{color:#b9c6e2}.doc ul{padding-left:20px;display:grid;gap:6px}.doc a{color:var(--mint)}
.doc .meta{font:400 12px var(--mono);color:var(--steel)}
.center{min-height:60vh;display:grid;place-content:center;text-align:center;padding-block:64px;justify-items:center;gap:14px}
.center .big{font:700 clamp(64px,14vw,140px)/1 var(--disp);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.center h1{font:700 clamp(26px,4vw,38px)/1.15 var(--disp);margin:0}.center p{color:#b9c6e2;max-width:46ch;margin:0}
@media(max-width:900px){
  .burger{display:block}
  nav.m{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#0a1226;padding:8px 20px 16px;border-bottom:1px solid var(--line)}
  nav.m.open{display:flex}
  nav.m a{padding:14px 0;border-bottom:1px solid var(--line)}
}
@media(max-width:560px){header .hcta{display:none}}

footer .logo{color:var(--ice)}footer .logo:hover{color:var(--ice)}