/* mucept — about page (extends style.css + inner.css) */

/* ---------- Shaping the future with AI (dark, same family as "Why choose us") ---------- */
.ai{padding:clamp(64px,7vw,104px) 0;color:#fff;background:
  radial-gradient(ellipse 40% 55% at 0% 80%,rgba(24,128,128,.6),transparent),
  radial-gradient(ellipse 45% 55% at 100% 10%,rgba(60,90,200,.5),transparent),
  linear-gradient(180deg,#10214a 0%,#11193d 60%)}
.ai__glow{position:absolute;left:46%;top:-80px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(110,86,232,.45),transparent 70%);filter:blur(30px);animation:floatSlow 8s ease-in-out infinite;pointer-events:none}
.ai__inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5vw,84px);align-items:center;position:relative;z-index:2}
.ai__copy .h2{max-width:600px}
.ai__copy .lead{max-width:560px}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.stat{position:relative;padding:26px 28px 24px;border-radius:16px;overflow:hidden;transition:translate .45s var(--ease),border-color .4s,background .4s}
.stat::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#16d6a6,#6e56e8);transform:scaleX(.25);transform-origin:0 50%;transition:transform .7s var(--ease)}
.stat:hover{translate:0 -8px;border-color:rgba(22,211,180,.6)}
.stat:hover::before{transform:scaleX(1)}
.stat p{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.2);font-size:14px;color:rgba(255,255,255,.78)}
.stat strong{display:block;margin-top:16px;font:700 clamp(38px,4.100vw,62px)/1.05 var(--ff-h);background:linear-gradient(90deg,#fff 10%,#7fe9d6 55%,#a99bff);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}

/* ---------- Industry honors ---------- */
.honors{padding:clamp(64px,7vw,104px) 0;background:
  radial-gradient(ellipse 35% 45% at 100% 0%,rgba(200,190,255,.45),transparent),
  radial-gradient(ellipse 35% 45% at 0% 100%,rgba(190,240,230,.45),transparent),#efeffb}
.honors__grid{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:22px;margin-top:clamp(34px,4vw,56px);align-items:stretch}
.honors__img{margin:0;border-radius:18px;overflow:hidden;min-height:300px;box-shadow:0 30px 60px -28px rgba(17,25,61,.6);background:#06101d}
.honors__img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.honors__img:hover img{transform:scale(1.08) rotate(1deg)}
.awards{display:grid;gap:14px}
.awards li{position:relative;display:flex;align-items:center;gap:20px;padding:0 28px;min-height:70px;border:1.5px solid #d4d5ea;border-radius:14px;background:#fff;box-shadow:0 10px 30px -24px rgba(17,25,61,.45);overflow:hidden;cursor:default;transition:color .45s,border-color .45s,box-shadow .45s,translate .45s var(--ease)}
.awards li::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 90% at 0% 100%,rgba(70,100,210,.45),transparent),linear-gradient(135deg,#131a48,#0f1640);opacity:0;transition:opacity .45s;z-index:0}
.awards li>*{position:relative;z-index:1}
.awards .yr{flex:none;display:grid;place-items:center;height:32px;padding:0 14px;border-radius:30px;background:linear-gradient(90deg,#7048ee,#2aa7ba);color:#fff;font:600 12.500px var(--ff-h);letter-spacing:.04em}
.awards .t{flex:1;font:600 clamp(14px,1.150vw,17px) var(--ff-h);color:inherit}
.awards svg{flex:none;font-size:20px;transition:transform .4s var(--ease)}
.awards li:hover{color:#fff;border-color:transparent;translate:8px 0;box-shadow:0 26px 44px -22px rgba(17,25,61,.7)}
.awards li:hover::before{opacity:1}
.awards li:hover svg{transform:rotate(45deg);color:var(--teal)}
.honors__foot{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:clamp(30px,3.500vw,50px)}
.honors__foot p{max-width:420px;font:500 16px/1.7 var(--ff-b);color:var(--ink)}

/* ---------- Team ---------- */
.team{padding:clamp(60px,7vw,104px) 0 clamp(50px,6vw,90px);background:
  radial-gradient(ellipse 40% 50% at 100% 0%,rgba(190,240,230,.5),transparent),
  radial-gradient(ellipse 40% 50% at 0% 100%,rgba(215,205,255,.45),transparent),#fbfbff}
.team__inner{max-width:none;padding-right:0;padding-left:max(28px,calc((100vw - 1100px) / 2 + 28px))}
.team__head{display:flex;align-items:center;gap:clamp(30px,8vw,150px);flex-wrap:wrap;padding-right:28px}
.tstage{--u:min(calc((100vw - max(28px,(100vw - 1100px) / 2 + 28px)) / 760),1.5px);position:relative;height:calc(350*var(--u));margin-top:calc(46*var(--u))}
.tpath{position:absolute;left:calc(-60*var(--u));top:0;width:calc(820*var(--u));height:calc(340*var(--u));overflow:visible;z-index:0}
.js .tpath{clip-path:inset(-20px 100% -20px -20px);transition:clip-path 2.2s cubic-bezier(.4,0,.2,1) .5s}
.js .tstage.is-in .tpath{clip-path:inset(-20px -20px -20px -20px)}
.mem{position:absolute;margin:0;z-index:1}
.mem__ph{width:100%;height:100%;border-radius:calc(12*var(--u));overflow:hidden;background:#34506a;box-shadow:0 calc(20*var(--u)) calc(34*var(--u)) calc(-18*var(--u)) rgba(17,25,61,.45);transform:rotate(var(--r));transition:transform .7s var(--ease),box-shadow .7s;animation:float 6s ease-in-out infinite;animation-delay:var(--fd,0s)}
.mem__ph img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform 1s var(--ease)}
.mem:hover .mem__ph{transform:rotate(0) scale(1.06);box-shadow:0 calc(30*var(--u)) calc(44*var(--u)) calc(-18*var(--u)) rgba(17,25,61,.6)}
.mem:hover img{transform:scale(1.06)}
.mem figcaption{position:absolute;left:0;right:0;top:calc(100% + 14*var(--u));text-align:center}
.mem small{display:block;font-size:calc(7*var(--u));letter-spacing:.08em;color:#80849e}
.mem strong{display:block;margin-top:calc(6*var(--u));font:600 calc(12*var(--u))/1.2 var(--ff-h);color:var(--ink)}
.mem--1{left:0;top:calc(75*var(--u));width:calc(183*var(--u));height:calc(215*var(--u));--r:-4deg}
.mem--2{left:calc(215*var(--u));top:calc(5*var(--u));width:calc(181*var(--u));height:calc(215*var(--u));--r:5deg;--fd:-2s}
.mem--3{left:calc(424*var(--u));top:calc(78*var(--u));width:calc(176*var(--u));height:calc(210*var(--u));--r:-2deg;--fd:-4s}
.mem--4{left:calc(630*var(--u));top:calc(5*var(--u));width:calc(150*var(--u));height:calc(215*var(--u));--r:4deg;--fd:-1s}
.mem--2 .mem__ph{background:#05d28d}.mem--3 .mem__ph{background:#7b4def}.mem--4 .mem__ph{background:#06b6ee}

@media (max-width:980px){
  .ai__inner,.honors__grid{grid-template-columns:1fr}
  .honors__img{min-height:240px}
  .team__inner{padding-left:28px}
  .tstage{--u:min(calc((100vw - 56px) / 440),1.2px);height:auto;display:grid;grid-template-columns:1fr 1fr;gap:56px 20px;margin-top:40px;padding-right:28px}
  .tpath{display:none}
  .mem{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:.86}
  .mem figcaption{top:calc(100% + 12px)}
  .mem small{font-size:10px}.mem strong{font-size:14px}
}
@media (max-width:640px){
  .stats{grid-template-columns:1fr}
  .awards li{padding:14px 18px;flex-wrap:wrap}
}