/* =========================================================
   M2A GROUP — METHODOLOGY / INSTITUTIONAL DISCIPLINE SYSTEM
   Dark carbon + premium gold + restrained sapphire accents.
   ========================================================= */

body.m2a-master-template.methodology-page{
  --method-bg:#0B0F12;
  --method-deep:#070A0D;
  --method-panel:#11171D;
  --method-panel-2:#141C24;
  --method-gold:#D4AF37;
  --method-gold-soft:#F0D56D;
  --method-sky:#38BDF8;
  --method-heading:#F8FAFC;
  --method-text:#D6DEE8;
  --method-muted:#8D9CAD;
  --method-line:rgba(226,232,240,.10);
  --method-line-gold:rgba(212,175,55,.27);
  --method-cursor:#D4AF37;
  --method-cursor-rgb:212,175,55;
  background:#0B0F12 !important;
  color:var(--method-text) !important;
}
body.m2a-master-template.methodology-page .page-bg{
  background:
    radial-gradient(circle at 10% 10%,rgba(56,189,248,.065),transparent 28%),
    radial-gradient(circle at 88% 14%,rgba(212,175,55,.09),transparent 30%),
    linear-gradient(145deg,#0B0F12,#0A1016 52%,#080B0F) !important;
}
body.m2a-master-template.methodology-page main,
body.m2a-master-template.methodology-page .methodology-experience{
  background:transparent !important;
  color:var(--method-text) !important;
}
body.m2a-master-template.methodology-page .methodology-experience :is(h1,h2,h3,p,span,a,button,strong,small,b){
  font-family:'Cairo','Inter',system-ui,sans-serif;
}
html[dir="ltr"] body.m2a-master-template.methodology-page .methodology-experience :is(h1,h2,h3,p,span,a,button,strong,small,b){
  font-family:'Inter','Cairo',system-ui,sans-serif;
}

/* ---------- Shared ---------- */
.methodology-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  padding:8px 14px;
  border:1px solid rgba(212,175,55,.24);
  border-radius:999px;
  color:#E8D17A !important;
  background:rgba(212,175,55,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 24px rgba(212,175,55,.035);
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.methodology-kicker i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--method-gold);
  box-shadow:0 0 0 4px rgba(212,175,55,.08),0 0 18px rgba(212,175,55,.48);
}
.methodology-btn{
  position:relative;
  display:inline-flex;
  min-height:50px;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:13px 22px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease;
}
.methodology-btn-primary{
  color:#111827 !important;
  border:1px solid rgba(241,211,107,.44);
  background:linear-gradient(135deg,#F3DC79 0%,#D4AF37 50%,#AE7F17 100%);
  box-shadow:0 16px 38px rgba(212,175,55,.22),inset 0 1px 0 rgba(255,255,255,.62);
}
.methodology-btn-primary::after{
  content:"";
  position:absolute;
  inset:-45% auto -45% -34%;
  width:26%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);
  transition:transform .52s cubic-bezier(.16,1,.3,1);
}
.methodology-btn-ghost{
  color:#EEF2F7 !important;
  border:1px solid rgba(148,163,184,.20);
  background:rgba(255,255,255,.045);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
@media(hover:hover) and (pointer:fine){
  .methodology-btn:hover{transform:translateY(-2px)}
  .methodology-btn-primary:hover{box-shadow:0 22px 50px rgba(212,175,55,.30),0 0 27px rgba(212,175,55,.11),inset 0 1px 0 rgba(255,255,255,.72)}
  .methodology-btn-primary:hover::after{transform:translateX(570%) skewX(-18deg)}
  .methodology-btn-ghost:hover{border-color:rgba(56,189,248,.32);background:rgba(56,189,248,.055);box-shadow:0 14px 32px rgba(0,0,0,.20),0 0 22px rgba(56,189,248,.055),inset 0 1px 0 rgba(255,255,255,.05)}
}
.methodology-section-head{max-width:850px}
.methodology-section-head-center{margin-inline:auto;text-align:center}
.methodology-section-head>span{
  color:#E1C25B !important;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}
.methodology-section-head h2{
  margin:17px 0 0;
  color:var(--method-heading) !important;
  font-size:clamp(39px,5vw,72px);
  font-weight:900 !important;
  line-height:1.08;
  letter-spacing:-.04em;
  text-wrap:balance;
}
html[dir="rtl"] .methodology-section-head h2{letter-spacing:-.018em}
.methodology-section-head p{
  max-width:760px;
  margin:20px auto 0;
  color:#91A0B1 !important;
  font-size:15px;
  line-height:1.9;
}

/* ---------- Hero ---------- */
.methodology-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(136px,10vw,176px) 0 clamp(96px,8vw,130px);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:
    radial-gradient(circle at 82% 20%,rgba(212,175,55,.09),transparent 29%),
    radial-gradient(circle at 14% 74%,rgba(56,189,248,.06),transparent 28%),
    linear-gradient(135deg,#0B0F12 0%,#0B1117 52%,#080C10 100%);
}
.methodology-grid{
  position:absolute;
  inset:0;
  z-index:-4;
  opacity:.30;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(148,163,184,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,163,184,.05) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.72) 64%,transparent 100%);
}
.methodology-glow{
  position:absolute;
  z-index:-3;
  width:40vw;
  aspect-ratio:1;
  border-radius:50%;
  pointer-events:none;
  filter:blur(8px);
}
.methodology-glow-gold{inset-inline-end:-17vw;top:-18vw;background:radial-gradient(circle,rgba(212,175,55,.13),transparent 66%)}
.methodology-glow-blue{inset-inline-start:-19vw;bottom:-23vw;background:radial-gradient(circle,rgba(56,189,248,.09),transparent 66%)}
.methodology-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);
  gap:clamp(52px,7vw,104px);
  align-items:center;
  max-width:1450px;
}
.methodology-hero-copy{position:relative;z-index:3}
.methodology-hero h1{
  max-width:800px;
  margin:25px 0 0;
  color:#F8FAFC !important;
  font-size:clamp(50px,6vw,90px);
  font-weight:900 !important;
  line-height:1.03;
  letter-spacing:-.047em;
  text-wrap:balance;
  text-shadow:0 12px 40px rgba(0,0,0,.24) !important;
}
html[dir="rtl"] .methodology-hero h1{letter-spacing:-.024em}
.methodology-hero h1 em{
  color:var(--method-gold-soft);
  font-style:normal;
  text-shadow:0 0 28px rgba(212,175,55,.13);
}
.methodology-hero-copy>p{
  max-width:710px;
  margin:26px 0 0;
  color:#B3C0CD !important;
  font-size:clamp(16px,1.35vw,20px);
  line-height:1.9;
}
.methodology-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:31px}
.methodology-principles{display:flex;flex-wrap:wrap;gap:16px 23px;margin-top:27px}
.methodology-principles span{display:inline-flex;align-items:center;gap:8px;color:#8091A4 !important;font-size:11px;font-weight:800}
.methodology-principles i{width:6px;height:6px;border-radius:50%;background:#38BDF8;box-shadow:0 0 13px rgba(56,189,248,.42)}

/* ---------- Hero orbit ---------- */
.methodology-orbit{
  position:relative;
  width:min(100%,620px);
  aspect-ratio:1;
  margin-inline:auto;
  border:1px solid rgba(212,175,55,.18);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%,rgba(212,175,55,.055),transparent 31%),
    radial-gradient(circle at 68% 26%,rgba(56,189,248,.045),transparent 25%),
    rgba(255,255,255,.012);
  box-shadow:0 45px 120px rgba(0,0,0,.36),0 0 60px rgba(212,175,55,.035),inset 0 1px 0 rgba(255,255,255,.035);
}
.methodology-orbit::before{
  content:"";
  position:absolute;
  inset:12%;
  border:1px dashed rgba(212,175,55,.15);
  border-radius:50%;
}
.methodology-orbit::after{
  content:"";
  position:absolute;
  inset:28%;
  border:1px solid rgba(56,189,248,.09);
  border-radius:50%;
  box-shadow:0 0 38px rgba(56,189,248,.035);
}
.methodology-orbit-core{
  position:absolute;
  z-index:5;
  top:50%;
  left:50%;
  width:35%;
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  border:1px solid rgba(212,175,55,.30);
  border-radius:50%;
  text-align:center;
  background:
    radial-gradient(circle at 34% 24%,rgba(255,255,255,.06),transparent 30%),
    linear-gradient(145deg,#171F27,#0B1015);
  box-shadow:0 20px 60px rgba(0,0,0,.36),0 0 0 7px rgba(212,175,55,.035),0 0 38px rgba(212,175,55,.07),inset 0 1px 0 rgba(255,255,255,.055);
}
.methodology-orbit-core>span{color:#E9CA61 !important;font-size:clamp(18px,2.5vw,32px);font-weight:900;letter-spacing:.08em}
.methodology-orbit-core>b{color:#F2F6FA !important;font:900 clamp(10px,1.15vw,14px)/1.2 'Inter',sans-serif;letter-spacing:.08em}
.methodology-orbit-core>small{color:#687A8D !important;font-size:7.5px;font-weight:900;letter-spacing:.10em}
.orbit-ring{position:absolute;pointer-events:none;border-radius:50%}
.orbit-ring-outer{inset:5%;border:1px solid rgba(148,163,184,.055)}
.orbit-ring-inner{inset:21%;border:1px dashed rgba(56,189,248,.07)}
.orbit-node{
  position:absolute;
  z-index:7;
  width:94px;
  height:94px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  border:1px solid rgba(212,175,55,.23);
  border-radius:50%;
  color:#F3F6FA;
  background:
    radial-gradient(circle at 32% 20%,rgba(255,255,255,.055),transparent 32%),
    linear-gradient(145deg,rgba(20,28,36,.96),rgba(8,12,16,.98));
  box-shadow:0 16px 40px rgba(0,0,0,.30),0 0 22px rgba(212,175,55,.045),inset 0 1px 0 rgba(255,255,255,.045);
  cursor:pointer;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.orbit-node span{color:#E4C35C !important;font:900 11px/1 'Inter',sans-serif}
.orbit-node b{color:#E8EDF3 !important;font-size:10px;font-weight:900}
.orbit-node-1{top:2%;left:50%;transform:translateX(-50%)}
.orbit-node-2{top:25%;right:2%}
.orbit-node-3{bottom:6%;right:17%}
.orbit-node-4{bottom:6%;left:17%}
.orbit-node-5{top:25%;left:2%}
@media(hover:hover) and (pointer:fine){
  .orbit-node:hover{border-color:rgba(212,175,55,.52);box-shadow:0 20px 48px rgba(0,0,0,.34),0 0 32px rgba(212,175,55,.10),inset 0 1px 0 rgba(255,255,255,.06)}
  .orbit-node-1:hover{transform:translateX(-50%) translateY(-4px)}
  .orbit-node:not(.orbit-node-1):hover{transform:translateY(-4px)}
}

/* ---------- Five-stage framework ---------- */
.methodology-framework{
  position:relative;
  isolation:isolate;
  padding:clamp(92px,9vw,142px) 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 10% 25%,rgba(56,189,248,.045),transparent 27%),
    radial-gradient(circle at 88% 80%,rgba(212,175,55,.055),transparent 30%),
    linear-gradient(180deg,#0B0F12,#0D1319 48%,#0B1015);
}
.methodology-stage-rail{
  position:relative;
  width:min(960px,84%);
  height:2px;
  margin:58px auto 0;
  overflow:hidden;
  border-radius:999px;
  background:rgba(148,163,184,.09);
}
.methodology-stage-rail span{
  display:block;
  width:20%;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#D4AF37,#F0D56D,#38BDF8);
  box-shadow:0 0 15px rgba(212,175,55,.24);
  transition:width .52s cubic-bezier(.16,1,.3,1);
}
.methodology-stages{display:grid;gap:16px;margin-top:34px}
.method-stage{
  position:relative;
  display:grid;
  grid-template-columns:106px 70px minmax(0,1fr) minmax(150px,190px);
  gap:22px;
  align-items:center;
  min-height:168px;
  padding:24px 28px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.105);
  border-radius:28px;
  background:
    radial-gradient(circle at 95% 0%,rgba(56,189,248,.025),transparent 28%),
    linear-gradient(145deg,rgba(18,25,32,.88),rgba(10,15,20,.94));
  box-shadow:0 20px 58px rgba(0,0,0,.19),inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease;
}
.method-stage::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  opacity:0;
  background:linear-gradient(180deg,#F0D56D,#D4AF37,#38BDF8);
  box-shadow:0 0 18px rgba(212,175,55,.20);
  transition:opacity .24s ease;
}
html[dir="rtl"] .method-stage::before{inset:0 0 0 auto}
.method-stage.is-active{
  border-color:rgba(212,175,55,.34);
  background:
    radial-gradient(circle at 95% 0%,rgba(212,175,55,.085),transparent 32%),
    radial-gradient(circle at 5% 100%,rgba(56,189,248,.035),transparent 28%),
    linear-gradient(145deg,rgba(23,30,37,.95),rgba(11,16,21,.98));
  box-shadow:0 26px 72px rgba(0,0,0,.25),0 0 32px rgba(212,175,55,.045),inset 0 1px 0 rgba(255,255,255,.04);
}
.method-stage.is-active::before{opacity:1}
.stage-index{display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.stage-index span{color:#E2C25B !important;font:900 32px/1 'Inter',sans-serif;letter-spacing:-.04em}
.stage-index small{color:#5E7184 !important;font-size:8px;font-weight:900;letter-spacing:.12em}
.stage-icon{
  display:grid;
  width:62px;
  height:62px;
  place-items:center;
  border:1px solid rgba(212,175,55,.18);
  border-radius:19px;
  color:#E5C65E;
  background:linear-gradient(145deg,rgba(212,175,55,.075),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 28px rgba(0,0,0,.16);
}
.stage-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.stage-copy small{color:#728497 !important;font-size:8.5px;font-weight:900;letter-spacing:.11em}
.stage-copy h3{margin:6px 0 0;color:#F1F5F9 !important;font-size:clamp(22px,2.3vw,30px);font-weight:900;line-height:1.25}
.stage-copy p{max-width:800px;margin:9px 0 0;color:#8798AA !important;font-size:13px;line-height:1.75}
.stage-output{
  display:flex;
  min-height:80px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:6px;
  padding:13px 15px;
  border:1px solid rgba(56,189,248,.09);
  border-radius:17px;
  background:rgba(56,189,248,.025);
}
.stage-output span{color:#65778A !important;font-size:8px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.stage-output b{color:#D9E2EB !important;font:800 11px/1.4 'Inter',sans-serif}
@media(hover:hover) and (pointer:fine){
  .method-stage:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.26);box-shadow:0 28px 72px rgba(0,0,0,.24),0 0 28px rgba(212,175,55,.035),inset 0 1px 0 rgba(255,255,255,.04)}
}

/* ---------- Guidance ---------- */
.methodology-guidance{
  position:relative;
  isolation:isolate;
  padding:clamp(94px,9vw,145px) 0;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(circle at 87% 20%,rgba(56,189,248,.055),transparent 28%),
    radial-gradient(circle at 12% 76%,rgba(212,175,55,.05),transparent 28%),
    linear-gradient(135deg,#090D11,#0D141B 52%,#0A0E13);
}
.guidance-layout{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr);
  gap:clamp(52px,7vw,100px);
  align-items:center;
}
.guidance-copy h2{
  max-width:740px;
  margin:23px 0 0;
  color:#F8FAFC !important;
  font-size:clamp(40px,5vw,70px);
  font-weight:900 !important;
  line-height:1.08;
  letter-spacing:-.04em;
  text-wrap:balance;
}
html[dir="rtl"] .guidance-copy h2{letter-spacing:-.018em}
.guidance-copy>p{max-width:700px;margin:21px 0 0;color:#91A1B2 !important;font-size:15px;line-height:1.9}
.guidance-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:30px}
.guidance-tab{
  min-height:54px;
  padding:10px 12px;
  border:1px solid rgba(148,163,184,.12);
  border-radius:16px;
  color:#8495A7;
  background:rgba(255,255,255,.025);
  cursor:pointer;
  font-size:10.5px;
  font-weight:900;
  transition:color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease;
}
.guidance-tab.is-active{
  color:#F0D56D;
  border-color:rgba(212,175,55,.30);
  background:linear-gradient(145deg,rgba(212,175,55,.10),rgba(212,175,55,.025));
  box-shadow:0 12px 30px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.035);
}
@media(hover:hover) and (pointer:fine){.guidance-tab:hover{transform:translateY(-2px);border-color:rgba(212,175,55,.24)}}
.guidance-console{
  overflow:hidden;
  border:1px solid rgba(212,175,55,.22);
  border-radius:30px;
  background:
    radial-gradient(circle at 88% 8%,rgba(56,189,248,.07),transparent 26%),
    linear-gradient(145deg,rgba(20,28,36,.96),rgba(8,13,18,.98));
  box-shadow:0 38px 105px rgba(0,0,0,.38),0 0 48px rgba(212,175,55,.035),inset 0 1px 0 rgba(255,255,255,.045);
}
.guidance-console-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 20px;
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(255,255,255,.018);
}
.guidance-console-top span{display:flex;align-items:center;gap:9px;color:#C8D2DD !important;font-size:9px;font-weight:900;letter-spacing:.10em}
.guidance-console-top i{width:7px;height:7px;border-radius:50%;background:#34D399;box-shadow:0 0 0 4px rgba(52,211,153,.07),0 0 14px rgba(52,211,153,.42)}
.guidance-console-top b{color:#E3C45B !important;font:900 9px/1 'Inter',sans-serif;letter-spacing:.09em}
.guidance-panel{
  position:relative;
  min-height:370px;
  padding:42px 38px 36px;
  background-image:
    linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);
  background-size:28px 28px;
}
.guidance-panel[hidden]{display:none !important}
.guidance-panel.is-active{animation:methodPanelIn .34s cubic-bezier(.16,1,.3,1) both}
.guidance-panel-number{display:block;color:rgba(212,175,55,.13) !important;font:900 94px/1 'Inter',sans-serif;letter-spacing:-.07em;position:absolute;top:24px;inset-inline-end:30px}
.guidance-panel>small{position:relative;z-index:2;color:#E3C45B !important;font-size:9px;font-weight:900;letter-spacing:.14em}
.guidance-panel h3{position:relative;z-index:2;max-width:620px;margin:19px 0 0;color:#F5F8FB !important;font-size:clamp(30px,4vw,52px);font-weight:900;line-height:1.1;letter-spacing:-.035em}
html[dir="rtl"] .guidance-panel h3{letter-spacing:-.015em}
.guidance-panel p{position:relative;z-index:2;max-width:650px;margin:17px 0 0;color:#93A3B4 !important;font-size:14px;line-height:1.85}
.guidance-signals{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.guidance-signals span{padding:8px 11px;border:1px solid rgba(56,189,248,.10);border-radius:999px;color:#A7B8C9 !important;background:rgba(56,189,248,.025);font:800 9px/1.2 'Inter',sans-serif;letter-spacing:.04em}

/* ---------- Discipline ---------- */
.methodology-discipline{
  position:relative;
  isolation:isolate;
  padding:clamp(90px,9vw,138px) 0;
  background:
    radial-gradient(circle at 12% 18%,rgba(212,175,55,.045),transparent 27%),
    radial-gradient(circle at 88% 82%,rgba(56,189,248,.04),transparent 28%),
    linear-gradient(180deg,#0B0F12,#0D1218);
}
.discipline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:52px}
.discipline-grid article{
  position:relative;
  min-height:270px;
  padding:26px 23px;
  overflow:hidden;
  border:1px solid rgba(148,163,184,.105);
  border-radius:25px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.012));
  box-shadow:0 18px 48px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.03);
  transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease;
}
.discipline-grid article::after{content:"";position:absolute;inset:auto -20% -45% auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.075),transparent 68%);pointer-events:none}
.discipline-grid article>span{color:#DDBE57 !important;font:900 12px/1 'Inter',sans-serif;letter-spacing:.08em}
.discipline-grid h3{margin:58px 0 0;color:#EFF3F7 !important;font-size:clamp(20px,2vw,27px);font-weight:900;line-height:1.25}
.discipline-grid p{margin:13px 0 0;color:#8293A5 !important;font-size:12px;line-height:1.78}
@media(hover:hover) and (pointer:fine){
  .discipline-grid article:hover{transform:translateY(-5px);border-color:rgba(212,175,55,.28);box-shadow:0 28px 70px rgba(0,0,0,.22),0 0 28px rgba(212,175,55,.035),inset 0 1px 0 rgba(255,255,255,.04)}
}

/* ---------- Final CTA ---------- */
.methodology-final{
  position:relative;
  isolation:isolate;
  padding:clamp(72px,7vw,106px) 0;
  background:linear-gradient(180deg,#0D1218,#090D11);
}
.methodology-final-shell{
  position:relative;
  overflow:hidden;
  max-width:1180px;
  padding:clamp(44px,6vw,78px) !important;
  border:1px solid rgba(212,175,55,.34);
  border-radius:39px;
  text-align:center;
  background:
    radial-gradient(circle at 14% 16%,rgba(56,189,248,.08),transparent 30%),
    radial-gradient(circle at 86% 82%,rgba(212,175,55,.13),transparent 31%),
    linear-gradient(135deg,#121A22,#090E13 58%,#11161B);
  box-shadow:0 34px 94px rgba(0,0,0,.34),0 0 38px rgba(212,175,55,.05),inset 0 1px 0 rgba(255,255,255,.045);
}
.methodology-final-shell::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 26%,rgba(212,175,55,.028) 54%,transparent 77%)}
.methodology-final-shell>span{position:relative;color:#E8C95F !important;font-size:10px;font-weight:900;letter-spacing:.14em}
.methodology-final-shell h2{position:relative;max-width:920px;margin:17px auto 0;color:#F8FAFC !important;font-size:clamp(37px,5vw,69px);font-weight:900 !important;line-height:1.07;letter-spacing:-.04em;text-wrap:balance}
html[dir="rtl"] .methodology-final-shell h2{letter-spacing:-.018em}
.methodology-final-shell p{position:relative;max-width:770px;margin:20px auto 0;color:#94A4B5 !important;font-size:15px;line-height:1.85}
.methodology-final-shell>div{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:29px}

/* ---------- Reveal / active stage ---------- */
.methodology-motion-ready .method-stage,
.methodology-motion-ready .discipline-grid article,
.methodology-motion-ready .guidance-console{
  opacity:0;
  transform:translateY(20px);
}
.methodology-motion-ready .method-stage.is-method-visible,
.methodology-motion-ready .discipline-grid article.is-method-visible,
.methodology-motion-ready .guidance-console.is-method-visible{
  opacity:1;
  transform:none;
  transition:opacity .62s ease,transform .62s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease;
}
.methodology-motion-ready .method-stage:nth-child(2){transition-delay:.04s}
.methodology-motion-ready .method-stage:nth-child(3){transition-delay:.08s}
.methodology-motion-ready .method-stage:nth-child(4){transition-delay:.12s}
.methodology-motion-ready .method-stage:nth-child(5){transition-delay:.16s}
@keyframes methodPanelIn{from{opacity:.35;transform:translateY(8px)}to{opacity:1;transform:none}}

/* ---------- Dedicated methodology cursor ---------- */
@media(hover:hover) and (pointer:fine){
  body.m2a-master-template.methodology-page.methodology-cursor-ready,
  body.m2a-master-template.methodology-page.methodology-cursor-ready a,
  body.m2a-master-template.methodology-page.methodology-cursor-ready button{cursor:none !important}
  .methodology-cursor-dot,.methodology-cursor-ring{
    position:fixed;
    top:0;
    left:0;
    z-index:2147483646;
    pointer-events:none;
    opacity:0;
    will-change:transform;
  }
  .methodology-cursor-dot{
    width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;
    background:var(--method-cursor);
    box-shadow:0 0 0 4px rgba(var(--method-cursor-rgb),.10),0 0 18px rgba(var(--method-cursor-rgb),.46);
  }
  .methodology-cursor-ring{
    width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid rgba(var(--method-cursor-rgb),.62);border-radius:50%;
    background:rgba(255,255,255,.025);
    box-shadow:0 0 0 1px rgba(56,189,248,.06),0 0 22px rgba(var(--method-cursor-rgb),.14);
    transition:width .18s ease,height .18s ease,margin .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;
  }
  body.methodology-cursor-visible .methodology-cursor-dot,
  body.methodology-cursor-visible .methodology-cursor-ring{opacity:1}
  body.methodology-cursor-active .methodology-cursor-ring{
    width:46px;height:46px;margin:-23px 0 0 -23px;
    border-color:rgba(56,189,248,.68);
    background:rgba(56,189,248,.05);
    box-shadow:0 0 0 5px rgba(56,189,248,.045),0 0 26px rgba(56,189,248,.15);
  }
}

/* ---------- Tablet ---------- */
@media(max-width:1100px){
  .methodology-hero-layout,.guidance-layout{grid-template-columns:1fr;gap:58px}
  .methodology-hero-copy{text-align:center}.methodology-hero h1,.methodology-hero-copy>p{margin-inline:auto}.methodology-actions,.methodology-principles{justify-content:center}
  .methodology-orbit{width:min(88vw,580px)}
  .guidance-copy{text-align:center}.guidance-copy h2,.guidance-copy>p{margin-inline:auto}
  .method-stage{grid-template-columns:88px 64px minmax(0,1fr) 165px;gap:17px;padding:22px}
  .discipline-grid{grid-template-columns:1fr 1fr}
}

/* ---------- Mobile ---------- */
@media(max-width:760px){
  .methodology-hero{padding:104px 0 72px}
  .methodology-hero-layout{gap:46px}
  .methodology-kicker{font-size:9px;letter-spacing:.09em}
  .methodology-hero h1{font-size:clamp(39px,11vw,54px);line-height:1.06}
  .methodology-hero-copy>p{font-size:14px;line-height:1.82}
  .methodology-actions{display:grid;grid-template-columns:1fr;width:100%;max-width:430px;margin-inline:auto;margin-top:25px}.methodology-btn{width:100%}
  .methodology-principles{gap:10px 16px}.methodology-principles span{font-size:10px}
  .methodology-orbit{width:min(94vw,430px)}
  .methodology-orbit-core{width:38%}.methodology-orbit-core>small{font-size:6px}
  .orbit-node{width:70px;height:70px}.orbit-node span{font-size:9px}.orbit-node b{font-size:8px}
  .orbit-node-2{right:0}.orbit-node-5{left:0}.orbit-node-3{right:12%}.orbit-node-4{left:12%}
  .methodology-framework,.methodology-guidance,.methodology-discipline{padding:68px 0}
  .methodology-section-head h2{font-size:clamp(32px,9.2vw,46px)}
  .methodology-section-head p{font-size:13px;line-height:1.82}
  .methodology-stage-rail{width:74%;margin-top:38px}
  .methodology-stages{margin-top:26px}
  .method-stage{grid-template-columns:58px minmax(0,1fr);gap:13px;min-height:0;padding:17px !important;border-radius:20px}
  .stage-index{grid-column:1;grid-row:1}.stage-index span{font-size:24px}.stage-index small{font-size:7px}
  .stage-icon{grid-column:1;grid-row:2;width:48px;height:48px;border-radius:15px}.stage-icon svg{width:24px;height:24px}
  .stage-copy{grid-column:2;grid-row:1/3}.stage-copy h3{font-size:21px}.stage-copy p{font-size:11.5px;line-height:1.72}
  .stage-output{grid-column:1/-1;min-height:0;padding:11px 13px;border-radius:14px}.stage-output b{font-size:10px}
  .guidance-copy h2{font-size:clamp(33px,9.5vw,48px)}
  .guidance-copy>p{font-size:13px;line-height:1.82}
  .guidance-tabs{grid-template-columns:1fr;gap:7px;max-width:430px;margin-inline:auto;margin-top:24px}.guidance-tab{min-height:48px}
  .guidance-console{border-radius:23px}.guidance-console-top{padding:14px}.guidance-console-top b{font-size:7px}.guidance-panel{min-height:0;padding:29px 20px 24px}.guidance-panel-number{font-size:72px;top:19px;inset-inline-end:18px}.guidance-panel h3{font-size:clamp(29px,8.8vw,42px)}.guidance-panel p{font-size:12.5px}.guidance-signals{gap:6px}.guidance-signals span{font-size:8px;padding:7px 9px}
  .discipline-grid{grid-template-columns:1fr;gap:10px;margin-top:34px}.discipline-grid article{min-height:0;padding:21px 19px;border-radius:20px}.discipline-grid h3{margin-top:35px;font-size:22px}.discipline-grid p{font-size:11.5px}
  .methodology-final{padding:48px 0 16px}.methodology-final-shell{padding:35px 18px 32px !important;border-radius:27px}.methodology-final-shell h2{font-size:clamp(33px,9.5vw,47px)}.methodology-final-shell p{font-size:13px}.methodology-final-shell>div{display:grid;grid-template-columns:1fr;max-width:430px;margin-inline:auto;margin-top:24px}
  body.m2a-master-template.methodology-page:not(.m2a-last-block-has-real-form) main>.methodology-final:last-child>.container.methodology-final-shell{padding-bottom:32px !important}
}
@media(max-width:480px){
  .methodology-hero{padding-top:94px}.methodology-hero h1{font-size:38px}.methodology-principles{display:grid;grid-template-columns:1fr 1fr}.methodology-principles span:last-child{grid-column:1/-1;justify-content:center}
  .methodology-orbit{width:min(96vw,380px)}.orbit-node{width:62px;height:62px}.methodology-orbit-core{width:40%}.methodology-orbit-core>b{font-size:8px}
  .methodology-final{padding-bottom:12px}
}

@media(prefers-reduced-motion:reduce){
  .methodology-motion-ready .method-stage,.methodology-motion-ready .discipline-grid article,.methodology-motion-ready .guidance-console{opacity:1 !important;transform:none !important;transition:none !important}
  .guidance-panel.is-active{animation:none !important}
  .methodology-btn-primary::after{display:none}
  .methodology-stage-rail span{transition:none !important}
}