/* Mantis Estudio V8.0 — methodology polish + form/captcha integration visuals */
.method-v80{position:relative;overflow:hidden;background:
  radial-gradient(circle at 12% 18%,rgba(68,199,235,.20),transparent 26%),
  radial-gradient(circle at 88% 78%,rgba(82,124,218,.14),transparent 28%),
  linear-gradient(90deg,#a5e4f6 0%,#dff7fe 12%,#f7fdff 27%,#f7fdff 73%,#dff7fe 88%,#a5e4f6 100%)}
.method-v80::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(22,142,187,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(22,142,187,.045) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 24%,black 76%,transparent)}
.method-grid-v80{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:38px;margin-top:48px}
.method-grid-v80::before{content:"";position:absolute;left:9%;right:9%;top:58px;height:4px;border-radius:99px;background:linear-gradient(90deg,#20b9df 0 24%,#3d8ce1 24% 49%,#26b9a5 49% 74%,#6674dc 74% 100%);opacity:.35;z-index:0}
.method-step{--step:#20b9df;position:relative;z-index:1;min-height:300px;padding:30px 24px 28px!important;border:1px solid rgba(47,147,190,.22)!important;border-radius:26px!important;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(246,252,255,.94))!important;box-shadow:0 18px 42px rgba(24,94,132,.09)!important;text-align:center;overflow:visible!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.method-step:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(25,111,153,.14)!important;border-color:color-mix(in srgb,var(--step) 45%,white)!important}
.method-step::before{content:""!important;display:block!important;position:absolute!important;left:22px!important;right:22px!important;top:0!important;height:5px!important;border-radius:0 0 10px 10px!important;background:linear-gradient(90deg,var(--step),color-mix(in srgb,var(--step) 58%,#fff))!important}
.method-step::after{content:"→"!important;display:grid!important;place-items:center!important;position:absolute!important;right:-31px!important;left:auto!important;top:43px!important;width:42px!important;height:42px!important;border-radius:50%!important;background:linear-gradient(145deg,var(--step),color-mix(in srgb,var(--step) 68%,#6173d8))!important;color:#fff!important;font-size:21px!important;font-weight:900!important;border:4px solid #effbff!important;box-shadow:0 10px 26px color-mix(in srgb,var(--step) 22%,transparent)!important;z-index:5!important}
.method-step:last-child::after{display:none!important}
.step-discover{--step:#20b9df}.step-design{--step:#3d8ce1}.step-implement{--step:#24b6a1}.step-improve{--step:#6674dc}
.method-step-icon{width:72px;height:72px;border-radius:22px;margin:0 auto 18px;display:grid;place-items:center;color:var(--step);background:linear-gradient(145deg,color-mix(in srgb,var(--step) 13%,#fff),#fff);border:1px solid color-mix(in srgb,var(--step) 24%,#fff);box-shadow:0 12px 28px color-mix(in srgb,var(--step) 11%,transparent)}
.method-step-icon svg{width:38px;height:38px;display:block}
.method-step b{display:inline-flex!important;align-items:center;justify-content:center;min-height:32px!important;padding:0 13px!important;border-radius:999px!important;background:color-mix(in srgb,var(--step) 9%,#fff)!important;border:1px solid color-mix(in srgb,var(--step) 25%,#fff)!important;color:color-mix(in srgb,var(--step) 76%,#0d3b5a)!important;font-size:10px!important;letter-spacing:.04em!important;margin:0!important;position:relative;z-index:2}
.method-step h3{margin:20px 0 10px!important;color:#123f60!important;font-size:23px!important;letter-spacing:-.03em}
.method-step p{margin:0 auto!important;max-width:240px;color:#4e6d82!important;font-size:14px!important;line-height:1.62!important;font-weight:520}

/* Contact anti-spam/captcha status: discreet and non-disruptive. */
.captcha-note{font-size:10px;color:#6b8596;line-height:1.5;margin:-2px 0 0}
.captcha-note[data-active="true"]::before{content:"✓ ";color:#1c9d86;font-weight:900}

@media(max-width:1040px){
  .method-grid-v80{grid-template-columns:repeat(2,1fr);gap:34px}
  .method-grid-v80::before{display:none}
  .method-step:nth-child(2)::after{display:none!important}
}
@media(max-width:680px){
  .method-v80{padding-top:72px!important;padding-bottom:76px!important}
  .method-grid-v80{grid-template-columns:1fr;gap:46px!important;margin-top:34px}
  .method-step{min-height:auto;padding:28px 24px 30px!important;border-radius:24px!important}
  .method-step::before{left:20px!important;right:20px!important;height:4px!important}
  .method-step::after{display:none!important}
  .method-step:not(:last-child)::after{content:"↓"!important;display:grid!important;right:auto!important;left:50%!important;top:auto!important;bottom:-37px!important;transform:translateX(-50%)!important;width:34px!important;height:34px!important;border:3px solid #effbff!important;font-size:17px!important;background:linear-gradient(145deg,var(--step),color-mix(in srgb,var(--step) 70%,#6274dc))!important;color:#fff!important}
  .method-step-icon{width:66px;height:66px;border-radius:20px;margin-bottom:16px}
  .method-step-icon svg{width:34px;height:34px}
  .method-step b{min-height:31px!important;font-size:9.5px!important;padding:0 13px!important}
  .method-step h3{font-size:22px!important;margin-top:18px!important}
  .method-step p{font-size:14px!important;max-width:290px}
}