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

.logo{display:inline-flex;align-items:center;gap:10px;font:700 clamp(24px,2.300vw,34px) var(--ff-h);letter-spacing:-.01em}
.logo svg{width:1.15em;height:1.15em}
.btn--ghost .btn__label{background:#fff;color:var(--ink)}

/* ---------- case grid ---------- */
.kcases{padding:clamp(60px,7vw,104px) 0 clamp(70px,7vw,110px);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}
.center-head .lead{margin-left:auto;margin-right:auto;text-align:center}
.kgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,2.500vw,34px);max-width:1100px;margin:clamp(36px,4vw,56px) auto 0}
.kc{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#141c4b,#0e1540);color:#fff;box-shadow:0 30px 60px -34px rgba(17,25,61,.75);transition:translate .5s var(--ease),box-shadow .5s}
.kc:hover{translate:0 -10px;box-shadow:0 44px 70px -34px rgba(17,25,61,.9)}
.kc__vis{position:relative;display:grid;place-items:center;aspect-ratio:1.58;overflow:hidden}
.kc__vis::before{content:"";position:absolute;inset:-25%;background:repeating-radial-gradient(circle at 120% 120%,rgba(255,255,255,.14) 0 1px,transparent 1px 16px);animation:rot 90s linear infinite}
.kc__vis .logo{position:relative;z-index:1;transition:transform .8s var(--ease)}
.kc:hover .kc__vis .logo{transform:scale(1.12)}
.kc__vis--a{background:radial-gradient(ellipse 70% 60% at 20% 20%,#16c9b0 0,transparent 60%),radial-gradient(ellipse 80% 70% at 30% 100%,#7048ee 0,transparent 65%),#141c4b}
.kc__vis--b{background:radial-gradient(ellipse 70% 60% at 30% 30%,#7b4def 0,transparent 65%),radial-gradient(ellipse 80% 60% at 80% 100%,#2f6fe0 0,transparent 65%),#1a1a5e}
.kc__vis--c{background:radial-gradient(ellipse 80% 60% at 20% 0%,#0f8f6e 0,transparent 60%),radial-gradient(ellipse 70% 70% at 70% 80%,#2aa7ba 0,transparent 65%),#0e2a4a}
.kc__vis--d{background:radial-gradient(ellipse 70% 60% at 80% 20%,#2aa7ba 0,transparent 60%),radial-gradient(ellipse 80% 70% at 20% 90%,#7048ee 0,transparent 65%),#13204f}
.kc__vis--e{background:radial-gradient(ellipse 70% 70% at 60% 60%,#3b52f0 0,transparent 65%),radial-gradient(ellipse 60% 60% at 10% 0%,#0f2a8a 0,transparent 70%),#0f1a5a}
.kc__vis--f{background:radial-gradient(ellipse 70% 60% at 30% 30%,#a34bf0 0,transparent 62%),radial-gradient(ellipse 80% 70% at 90% 100%,#16c9b0 0,transparent 65%),#1d1a55}
.kc__body{display:flex;flex-direction:column;flex:1;padding:22px clamp(20px,2vw,28px) 92px;background:#0b1236}
.kc__tag{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.2);font:500 12.500px var(--ff-h);letter-spacing:.08em}
.kc__tag i{width:5px;height:5px;border-radius:50%;background:var(--teal)}
.kc h3{margin-top:clamp(26px,3vw,44px);font:600 clamp(20px,1.800vw,26px)/1.25 var(--ff-h)}
.kc__txt{margin-top:12px;font-size:13.500px;line-height:1.7;color:rgba(255,255,255,.78)}
.kc__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:auto 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.2)}
.kc__txt{margin-bottom:22px}
.kc__stats dt{font:700 clamp(22px,2vw,30px)/1 var(--ff-h);background:linear-gradient(90deg,#fff,#7fe9d6);-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.kc__stats dd{margin:8px 0 0;font-size:12.500px;line-height:1.5;color:rgba(255,255,255,.78)}
.kc__tab{position:absolute;right:0;bottom:0;padding:12px 0 0 14px;border-radius:26px 0 0 0;background:#efeffb}

/* ---------- consultation (dark) ---------- */
.consult{padding:clamp(60px,7vw,104px) 0;color:#fff;background:
  radial-gradient(ellipse 40% 55% at 5% 100%,rgba(24,128,128,.6),transparent),
  radial-gradient(ellipse 45% 60% at 100% 0%,rgba(80,100,220,.55),transparent),
  radial-gradient(ellipse 30% 40% at 60% 100%,rgba(110,86,232,.35),transparent),
  linear-gradient(180deg,#10214a 0%,#11193d 60%)}
.consult__arcs{position:absolute;left:0;bottom:0;width:min(46vw,640px);height:auto;pointer-events:none;animation:floatSlow 9s ease-in-out infinite}
.consult__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,90px);align-items:center;max-width:1100px;z-index:2}
.consult__copy .h2{max-width:520px}
.consult__copy .lead{max-width:480px}
.cstats{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:clamp(34px,4.500vw,70px)}
.cstat p{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.22);font-size:14px;color:rgba(255,255,255,.8)}
.cstat strong{display:block;margin-top:12px;font:700 clamp(48px,5.200vw,80px)/1 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}
.cform2{padding:clamp(26px,2.800vw,40px);border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.7)}
.cform2 .fld{display:block;margin-bottom:26px}
.cform2 .cf__foot{margin-top:6px}

/* underline floating-label fields (same as contact page) */
.fld{position:relative;display:block}
.fld span{position:absolute;left:0;top:16px;font:500 11.500px var(--ff-h);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);pointer-events:none;transition:.3s var(--ease);transform-origin:0 0}
.fld input,.fld textarea{display:block;width:100%;padding:16px 0 12px;border:0;border-bottom:1.5px solid #8d91ac;border-radius:0;background:transparent;outline:0;font:500 14px var(--ff-b);color:var(--ink);appearance:none;-webkit-appearance:none;resize:none;transition:border-color .3s}
.fld textarea{min-height:100px;padding-top:30px}
.fld::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,#7048ee,#16d6a6);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--ease)}
.fld:focus-within::after{transform:scaleX(1)}
.fld:focus-within span,.fld.has-val span{top:-8px;transform:scale(.85);color:#7048ee}
.fld.is-bad input,.fld.is-bad textarea{border-color:#ee4a6b}
.fld.is-bad span{color:#ee4a6b}
.cf__foot{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.cf__msg{font-size:13.500px;font-weight:500;color:#16a37f;opacity:0;transition:opacity .4s}
.cf__msg.is-on{opacity:1}
.cf__msg.is-err{color:#ee4a6b}
button.btn{background:none;border:0;padding:0;cursor:pointer}

@media (max-width:980px){
  .consult__inner{grid-template-columns:1fr}
}
@media (max-width:760px){
  .kgrid{grid-template-columns:1fr}
}