.methodology-page{
  max-width:1320px;
  margin:36px auto;
  padding:0 20px 60px;
}

.method-hero{
  padding:34px!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(53,195,255,.12),transparent 35%),
    linear-gradient(180deg,rgba(15,31,51,.97),rgba(10,23,39,.98))!important;
}

.method-kicker{
  color:#55d9d2;
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.method-hero h1{
  max-width:900px;
  margin:10px 0 14px;
  font-size:clamp(38px,4.5vw,60px);
  line-height:1.05;
  letter-spacing:-.045em;
}

.method-hero p{
  max-width:930px;
  color:#9bb1c5;
  font-size:14px;
  line-height:1.75;
}

.method-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:20px;
}

.method-actions .cta{
  margin:0!important;
}

.method-summary{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin:18px 0;
}

.method-summary .card{
  padding:18px;
  min-height:125px;
  border-radius:13px;
}

.method-summary small{
  display:block;
  color:#58ddd6;
  font-size:9px;
  font-weight:900;
  text-transform:uppercase;
}

.method-summary strong{
  display:block;
  margin:8px 0 5px;
  font-size:14px;
}

.method-summary span{
  color:#7690a5;
  font-size:10px;
  line-height:1.5;
}

.method-section{
  margin-top:14px;
  padding:26px!important;
  border-radius:15px!important;
}

.method-section h2{
  margin:0 0 10px!important;
  font-size:24px!important;
  letter-spacing:-.025em;
}

.method-section p{
  margin:0 0 12px;
  color:#91a8bb!important;
  font-size:12px;
  line-height:1.75!important;
}

.method-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:16px;
}

.method-box{
  padding:15px;
  border:1px solid #213e59;
  border-radius:10px;
  background:#091827;
}

.method-box b{
  display:block;
  margin-bottom:5px;
  font-size:11px;
}

.method-box span{
  color:#738da3;
  font-size:10px;
  line-height:1.55;
}

.method-formula{
  margin-top:15px;
  padding:14px 16px;
  border:1px solid rgba(70,220,210,.25);
  border-radius:9px;
  background:#08202a;
  color:#8cebe5;
  font-family:monospace;
  font-size:11px;
}

.method-note{
  margin-top:14px;
  padding:13px 15px;
  border:1px solid rgba(255,194,80,.25);
  border-radius:9px;
  background:rgba(95,66,20,.12);
  color:#d3bb80;
  font-size:10px;
  line-height:1.6;
}

.method-predictor{
  border-color:rgba(62,212,205,.32)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(53,210,200,.10),transparent 35%),
    linear-gradient(180deg,rgba(15,36,52,.98),rgba(8,23,35,.98))!important;
}

.method-pill{
  display:inline-block;
  margin-bottom:9px;
  padding:4px 8px;
  border:1px solid rgba(70,220,210,.28);
  border-radius:99px;
  color:#67e5de;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
}

@media(max-width:900px){
  .method-summary{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:650px){
  .methodology-page{
    margin-top:18px;
    padding:0 12px 40px;
  }

  .method-hero{
    padding:23px!important;
  }

  .method-hero h1{
    font-size:36px;
  }

  .method-summary,
  .method-grid{
    grid-template-columns:1fr;
  }
}