/* MANGROUP: bloque común a Guardman, Techman y AiMAN */
.mg{position:relative;overflow:hidden;isolation:isolate;background:#050a17;color:#e9eefb;padding:clamp(84px,10vw,140px) 0 clamp(64px,7vw,96px)}
.mg:before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(42% 60% at 50% 0%,rgba(120,150,230,.16),transparent 70%),radial-gradient(35% 55% at 10% 85%,rgba(227,38,43,.10),transparent 70%),radial-gradient(35% 55% at 50% 100%,rgba(11,85,196,.14),transparent 70%),radial-gradient(35% 55% at 92% 80%,rgba(245,158,11,.10),transparent 70%)}
.mg:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.06;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M32 6 58 32 32 58 6 32Z' fill='none' stroke='%23fff' stroke-width='.8'/%3E%3C/svg%3E");
  -webkit-mask:radial-gradient(60% 70% at 50% 20%,#000,transparent);mask:radial-gradient(60% 70% at 50% 20%,#000,transparent)}
.mg-in{max-width:1220px;margin:0 auto;padding:0 clamp(16px,4vw,32px)}
.mg-hd{max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.mg-sym{position:relative;width:58px;height:26px;margin-bottom:18px}
.mg-sym i{position:absolute;top:4px;width:18px;height:18px;transform:rotate(45deg);border-radius:3px;box-shadow:0 6px 18px -4px rgba(0,0,0,.6)}
.mg-sym i:nth-child(1){left:0;background:linear-gradient(135deg,#ff5a3c,#c9141c)}
.mg-sym i:nth-child(2){left:20px;background:linear-gradient(135deg,#3aa0ff,#0b55c4)}
.mg-sym i:nth-child(3){left:40px;background:linear-gradient(135deg,#ffc23d,#f08a00)}
.mg-k{font-size:12px;font-weight:700;letter-spacing:.5em;margin-right:-.5em;color:#cdd6ea}
.mg h2{margin:16px 0 0;font-size:clamp(32px,4.2vw,58px);line-height:1.04;letter-spacing:-.035em;color:#fff;font-weight:800}
.mg h2 span{background:linear-gradient(90deg,#ff7a5c,#7fb6ff 50%,#ffd27a);-webkit-background-clip:text;background-clip:text;color:transparent}
.mg-hd p{margin:20px 0 0;max-width:560px;font-size:clamp(15.5px,1.2vw,17.5px);line-height:1.65;color:#9fabc6}
.mg-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(44px,6vw,72px)}
.mg-grid:before{content:"";position:absolute;left:8%;right:8%;top:50%;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(227,38,43,.5),rgba(58,160,255,.5),rgba(245,158,11,.5),transparent)}
.mg-c{position:relative;display:flex;flex-direction:column;padding:26px 30px 28px;border-radius:26px;text-decoration:none;color:inherit;overflow:hidden;isolation:isolate;
  background:linear-gradient(180deg,rgba(17,26,50,.92),rgba(9,15,32,.92));border:1px solid rgba(255,255,255,.09);
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 30px 60px -40px rgba(0,0,0,.9);
  transition:transform .5s cubic-bezier(.22,.61,.36,1),border-color .5s,box-shadow .5s}
.mg-c:before{content:"";position:absolute;z-index:-1;width:300px;height:300px;right:-120px;bottom:-150px;transform:rotate(45deg);border-radius:34px;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--c1) 24%,transparent),transparent);transition:transform .8s cubic-bezier(.22,.61,.36,1),opacity .5s;opacity:.7}
.mg-c:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.07) 48%,transparent 66%);transform:translateX(-120%);transition:transform 1s cubic-bezier(.22,.61,.36,1)}
.mg-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#7f8bab}
.mg-top span:first-child{color:var(--c2);letter-spacing:.08em;font-size:12px}
.mg-logo{display:flex;align-items:center;justify-content:center;height:128px;margin:14px 0 6px;position:relative}
.mg-logo:before{content:"";position:absolute;inset:18% 12%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c1) 26%,transparent),transparent);filter:blur(8px);opacity:.8}
.mg-logo img{position:relative;display:block;max-height:58px;max-width:min(100%,240px);width:auto;height:auto;object-fit:contain;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.mg-c p{margin:0;font-size:14.5px;line-height:1.65;color:#aab5ce;flex:1;text-align:center}
.mg-go{align-self:center;display:inline-flex;align-items:center;gap:8px;margin-top:24px;padding:11px 20px;border-radius:999px;font-size:13.5px;font-weight:700;color:#fff;
  border:1px solid color-mix(in srgb,var(--c2) 45%,transparent);background:color-mix(in srgb,var(--c1) 10%,transparent);transition:background .4s,border-color .4s,box-shadow .4s}
.mg-go svg{transition:transform .35s}
a.mg-c:hover,a.mg-c:focus-visible{transform:translateY(-8px);border-color:color-mix(in srgb,var(--c2) 45%,transparent);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 40px 70px -36px color-mix(in srgb,var(--c1) 80%,transparent)}
a.mg-c:hover:before{transform:rotate(45deg) scale(1.18);opacity:1}
a.mg-c:hover:after{transform:translateX(120%)}
a.mg-c:hover .mg-logo img{transform:scale(1.05)}
a.mg-c:hover .mg-go{background:linear-gradient(135deg,var(--c2),var(--c1));border-color:transparent;box-shadow:0 12px 28px -12px var(--c1)}
a.mg-c:hover .mg-go svg{transform:translate(3px,-3px)}
.mg-c.is-here{border-color:color-mix(in srgb,var(--c2) 38%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--c1) 14%,rgba(17,26,50,.95)),rgba(9,15,32,.95))}
.mg-c.is-here .mg-go{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#d5ddef;font-weight:600}
.mg-go i{width:8px;height:8px;border-radius:50%;background:var(--c2);box-shadow:0 0 0 0 var(--c2);animation:mg-pulse 2.4s infinite}
@keyframes mg-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c2) 60%,transparent)}70%,100%{box-shadow:0 0 0 9px transparent}}
.mg-ft{margin:clamp(36px,5vw,52px) 0 0;text-align:center;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:#69759a}
.mg-ft b{color:#9aa7c6;margin:0 8px}
@media (max-width:900px){.mg-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}.mg-grid:before{left:50%;right:auto;top:6%;bottom:6%;width:1px;height:auto;background:linear-gradient(180deg,transparent,rgba(227,38,43,.5),rgba(58,160,255,.5),rgba(245,158,11,.5),transparent)}.mg-logo{height:104px}}
@media (prefers-reduced-motion:reduce){.mg-c,.mg-c:before,.mg-c:after,.mg-logo img,.mg-go,.mg-go svg{transition:none}.mg-go i{animation:none}}
@media (max-width:640px){.mg-top{letter-spacing:.12em;gap:12px}.mg-top span:last-child{text-align:right}.mg-c{padding:22px 22px 24px}}