@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800&family=Rajdhani:wght@600;700&display=swap');:root{
  --paper: #fff;
  --muted: #62718a;
  --line: #dbe3ef;
  --blue: #356cc5;
  --navy: #22365b;
  --orange: #f49a3f;
  --radius: 12px;
  --shadow: 0 3px 16px #24334e06;
  font-family: Inter,Arial,sans-serif;
  color: var(--ink);
  background: var(--page);
  font-synthesis: none;
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}body{
  font-size: 15px;
  line-height: 1.7;
}a{
  text-decoration: none;
}button,a,input,select,textarea{
  -webkit-tap-highlight-color: transparent;
}button{
  cursor: pointer;
  color: inherit;
}h1,h2,h3,h4,p{
  margin-top: 0;
}h1,h2,h3{
  line-height: 1.22;
  letter-spacing: -.035em;
}h1{
  font-size: clamp(36px,4vw,52px);
  font-weight: 800;
  margin-bottom: 15px;
}h2{
  font-size: 32px;
  margin-bottom: 18px;
}h3{
  font-size: 20px;
}p{
  color: var(--muted);
}:focus-visible{
  outline: 3px solid var(--blue);
  outline-offset: 4px;
}button:focus:not(:focus-visible){
  outline: none;
}

.deadlockboosting-wrap{
  width: min(1240px,calc(100% - 64px));
  margin: auto;
}

.deadlockboosting-brand img{
  width: 52px;
  height: 62px;
  object-fit: contain;
}

.deadlockboosting-brand span{
  display: grid;
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: .01em;
  font-size: 19px;
}

.deadlockboosting-brand small{
  font-size: 13px;
  letter-spacing: .21em;
  margin-top: 4px;
}

.deadlockboosting-button{
  gap: 10px;
  border: 1px solid #d37d29;
  background: linear-gradient(#ffa548,#f39132);
  box-shadow: inset 0 2px 0 #ffffff48,0 5px 0 #ca7325,0 6px 10px #b7671722;
  color: #26344d;
  line-height: 1.3;
  padding: 17px 24px;
  min-height: 50px;
  transition: transform .16s,box-shadow .16s;
}

.deadlockboosting-button.deadlockboosting-small{
  padding: 13px 17px;
  min-height: 42px;
  font-size: 12px;
}

.deadlockboosting-text-link{
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.deadlockboosting-section-heading{
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 22px;
}

.deadlockboosting-section-heading h2{
  margin-bottom: 7px;
}

.deadlockboosting-section-heading p{
  margin: 0;
}

.deadlockboosting-section{
  padding: 65px 0;
}

.deadlockboosting-panel{
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.deadlockboosting-calculator{
  padding: 27px;
}

.deadlockboosting-rank-control+ .deadlockboosting-rank-control{
  border-left: 1px solid var(--line);
  padding-left: 24px;
}

.deadlockboosting-field-title{
  display: block;
  font-size: 12px;
  font-weight: 750;
  color: #526987;
  margin-bottom: 12px;
}

.deadlockboosting-rank-feature{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  min-height: 112px;
  background: linear-gradient(135deg,#f4f7fc,#eef3fa);
  border: 1px solid #e1e8f3;
  border-radius: 8px;
  margin-bottom: 16px;
}

.deadlockboosting-rank-feature img{
  height: 82px;
  width: 84px;
  object-fit: contain;
}

.deadlockboosting-rank-feature strong{
  font-size: 20px;
}

.deadlockboosting-rank-feature small{
  display: block;
  font-size: 11px;
  color: var(--muted);
  margin-top: 2px;
}

.deadlockboosting-rank-grid{
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 5px;
}

.deadlockboosting-rank-option{
  padding: 6px 2px 5px;
  border: 2px solid transparent;
  background: #f5f8fc;
  border-radius: 7px;
  min-height: 53px;
  position: relative;
}

.deadlockboosting-rank-option img{
  width: 42px;
  height: 40px;
  object-fit: contain;
  margin: auto;
}

.deadlockboosting-rank-option[aria-pressed=true]{
  border-color: var(--blue);
  background: #eaf2ff;
}

.deadlockboosting-rank-option:hover{
  background: #e8eff9;
}

.deadlockboosting-rank-option .deadlockboosting-rank-tip{
  pointer-events: none;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--navy);
  color: white;
  border-radius: 4px;
  font-size: 10px;
  padding: 3px 6px;
  white-space: nowrap;
  opacity: 0;
  z-index: 4;
}

.deadlockboosting-rank-option:hover .deadlockboosting-rank-tip,.deadlockboosting-rank-option:focus-visible .deadlockboosting-rank-tip{
  opacity: 1;
}

.deadlockboosting-subrank-grid{
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 5px;
  margin-top: 12px;
}

.deadlockboosting-subrank-grid button{
  border: 1px solid #d9e2ee;
  border-radius: 5px;
  background: white;
  font-weight: 700;
}

.deadlockboosting-subrank-grid button[aria-pressed=true]{
  background: var(--navy);
  border-color: var(--navy);
  color: white;
}

.deadlockboosting-rank-feedback{
  min-height: 23px;
  margin-top: 10px;
  font-size: 11px;
  color: var(--blue);
}

.deadlockboosting-field{
  display: grid;
  gap: 7px;
  font-size: 12px;
  font-weight: 650;
}

.deadlockboosting-field small{
  font-size: 11px;
  line-height: 1.5;
  color: var(--muted);
  font-weight: 400;
}

.deadlockboosting-input,select,textarea{
  width: 100%;
  min-height: 46px;
  background: #f8fafd;
  border: 1px solid #d4dfed;
  border-radius: 6px;
  padding: 11px 13px;
  color: var(--ink);
  font-size: 13px;
}

input[type=checkbox]{
  accent-color: var(--blue);
  width: 17px;
  height: 17px;
  flex-shrink: 0;
}

input[type=number]{
  font-variant-numeric: tabular-nums;
}

textarea{
  resize: vertical;
  min-height: 90px;
}

.deadlockboosting-help{
  font-size: 12px;
  line-height: 1.7;
  margin-bottom: 0;
}

.deadlockboosting-order-aside{
  position: sticky;
  top: 110px;
}

.deadlockboosting-summary-price small{
  color: var(--muted);
  font-size: 11px;
}

.deadlockboosting-price{
  font-size: 32px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: -.04em;
}

.deadlockboosting-fineprint{
  font-size: 10px;
  line-height: 1.65;
  margin: 13px 0 0;
  text-align: center;
  color: var(--muted);
}

.deadlockboosting-notice{
  border-left: 3px solid #e7a04a;
  padding: 13px 16px;
  background: #fff8ee;
  font-size: 12px;
  line-height: 1.65;
  color: #735b38;
  border-radius: 0 5px 5px 0;
  margin: 20px 0;
}

.deadlockboosting-error{
  color: #a83838;
  font-size: 12px;
  min-height: 20px;
}

.deadlockboosting-cards{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 20px;
}

.deadlockboosting-service-card{
  padding: 26px;
  position: relative;
  align-items: flex-start;
  min-height: 238px;
}

.deadlockboosting-service-card.deadlockboosting-main-service{
  grid-column: span 2;
  background: linear-gradient(110deg,#213758,#355880);
  color: white;
}

.deadlockboosting-service-card.deadlockboosting-main-service p{
  color: #c4d4e9;
  max-width: 310px;
}

.deadlockboosting-service-card.deadlockboosting-main-service img{
  position: absolute;
  right: 25px;
  bottom: 26px;
  width: 130px;
  height: 130px;
  object-fit: contain;
  opacity: .9;
}

.deadlockboosting-service-card p{
  font-size: 13px;
  max-width: 320px;
}

.deadlockboosting-service-card .deadlockboosting-button,.deadlockboosting-service-card .deadlockboosting-text-link{
  margin-top: auto;
}

.deadlockboosting-service-card h3{
  margin: 12px 0;
}

.deadlockboosting-service-card .deadlockboosting-button{
  min-width: 160px;
}

.deadlockboosting-faq-intro p{
  font-size: 13px;
}

.deadlockboosting-cta-band{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  background: #dfe9f7;
  border: 1px solid #d2dff0;
  border-radius: 12px;
  padding: 32px 38px;
  margin: 20px auto 70px;
}

.deadlockboosting-cta-band h2{
  font-size: 27px;
  margin-bottom: 6px;
}

.deadlockboosting-cta-band p{
  margin: 0;
  font-size: 13px;
}

.deadlockboosting-footer{
  background: #e4ebf5;
  border-top: 1px solid #d5e0ef;
  padding: 37px 0 24px;
}

.deadlockboosting-footer-top{
  gap: 36px;
  align-items: center;
  margin-bottom: 27px;
}

.deadlockboosting-footer .deadlockboosting-brand img{
  width: 41px;
  height: 50px;
}

.deadlockboosting-footer .deadlockboosting-brand span{
  font-size: 15px;
}

.deadlockboosting-footer .deadlockboosting-brand small{
  font-size: 10px;
}

.deadlockboosting-footer-links{
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  font-size: 11px;
  font-weight: 600;
}

.deadlockboosting-footer-bottom{
  border-top: 1px solid #cfdbea;
  padding-top: 20px;
  gap: 30px;
  font-size: 10px;
  color: #73819a;
}

.deadlockboosting-footer-bottom p{
  margin: 0;
  max-width: 660px;
  font-size: 10px;
}

.deadlockboosting-breadcrumb{
  font-size: 11px;
  margin-bottom: 18px;
  color: var(--muted);
}

.deadlockboosting-service-body{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  margin: 50px 0;
}

.deadlockboosting-service-body article{
  padding: 30px;
}

.deadlockboosting-service-body h2{
  font-size: 24px;
}

.deadlockboosting-service-body p,.deadlockboosting-service-body li{
  font-size: 13px;
  color: var(--muted);
}

.deadlockboosting-service-body ul{
  padding-left: 18px;
}

.deadlockboosting-service-quantity{
  padding: 20px;
  background: #f2f6fc;
  border: 1px solid #dce6f3;
  border-radius: 8px;
}

.deadlockboosting-service-quantity h3{
  font-size: 18px;
  margin-bottom: 8px;
}

.deadlockboosting-service-quantity p{
  font-size: 12px;
}

.deadlockboosting-service-quantity input{
  max-width: 140px;
}

.deadlockboosting-checkout-head{
  padding: 40px 0 20px;
}

.deadlockboosting-checkout-head h1{
  font-size: 38px;
}

.deadlockboosting-checkout-layout{
  display: grid;
  grid-template-columns: minmax(0,1fr) 345px;
  gap: 24px;
  align-items: start;
  margin-bottom: 75px;
}

.deadlockboosting-checkout-form{
  padding: 32px;
}

.deadlockboosting-checkout-form h2{
  font-size: 22px;
}

.deadlockboosting-checkout-form .deadlockboosting-field{
  margin: 17px 0;
}

.deadlockboosting-checkout-group+.deadlockboosting-checkout-group{
  border-top: 1px solid var(--line);
  margin-top: 25px;
  padding-top: 25px;
}

.deadlockboosting-order-detail-list{
  margin: 0;
  display: grid;
  gap: 15px;
}

.deadlockboosting-order-detail-list div{
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 15px;
  font-size: 12px;
}

.deadlockboosting-order-detail-list dt{
  color: var(--muted);
}

.deadlockboosting-order-detail-list dd{
  margin: 0;
  overflow-wrap: anywhere;
}

.deadlockboosting-empty-order{
  text-align: center;
  max-width: 650px;
  padding: 60px 30px;
  margin: 60px auto 100px;
}

.deadlockboosting-empty-order h2{
  font-size: 30px;
}

.deadlockboosting-legal{
  max-width: 800px;
  min-height: 60vh;
  padding: 50px 0 75px;
}

.deadlockboosting-legal h1{
  font-size: 38px;
}

.deadlockboosting-legal h2{
  font-size: 23px;
  margin-top: 30px;
}

.deadlockboosting-legal p,.deadlockboosting-legal li{
  font-size: 14px;
}

.deadlockboosting-quantity-summary{
  text-align: center;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
  margin-bottom: 18px;
}

.deadlockboosting-quantity-summary strong{
  display: block;
  font-size: 38px;
  color: var(--blue);
}

.deadlockboosting-quantity-summary span{
  font-size: 12px;
}

.deadlockboosting-noscript{
  padding: 20px;
  text-align: center;
  background: #fff8ee;
}

.deadlockboosting-readiness{
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin-top: 22px;
  font-size: 11px;
  line-height: 1.65;
}

.deadlockboosting-readiness input{
  margin-top: 3px;
}

@media(max-width:1100px){

.deadlockboosting-wrap{
  width: calc(100% - 44px);
}

.deadlockboosting-calculator{
  padding: 22px;
}

.deadlockboosting-rank-control+ .deadlockboosting-rank-control{
  padding-left: 17px;
}

.deadlockboosting-rank-grid{
  grid-template-columns: repeat(4,1fr);
}

.deadlockboosting-rank-feature{
  gap: 6px;
}

.deadlockboosting-rank-feature strong{
  font-size: 17px;
}

.deadlockboosting-rank-feature img{
  width: 65px;
}
}

@media(max-width:800px){

.deadlockboosting-wrap{
  width: calc(100% - 32px);
}

.deadlockboosting-brand img{
  width: 40px;
  height: 49px;
}

.deadlockboosting-brand span{
  font-size: 16px;
}

.deadlockboosting-brand small{
  font-size: 10px;
}

.deadlockboosting-button{
  padding: 15px 19px;
  font-size: 12px;
}

.deadlockboosting-order-aside{
  position: static;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
}

.deadlockboosting-rank-grid{
  grid-template-columns: repeat(6,1fr);
}

.deadlockboosting-rank-feature img{
  width: 86px;
}

.deadlockboosting-rank-feature strong{
  font-size: 21px;
}

.deadlockboosting-rank-control+ .deadlockboosting-rank-control{
  padding-left: 20px;
}

.deadlockboosting-section{
  padding: 45px 0;
}

.deadlockboosting-cards{
  gap: 14px;
}

.deadlockboosting-service-card{
  padding: 21px;
}

.deadlockboosting-service-card.deadlockboosting-main-service{
  grid-column: span 2;
}

.deadlockboosting-faq-intro p{
  max-width: 450px;
}

.deadlockboosting-checkout-layout{
  grid-template-columns: 1fr;
}

.deadlockboosting-checkout-layout .deadlockboosting-order-aside{
  display: block;
}

.deadlockboosting-footer-top{
  align-items: flex-start;
}

.deadlockboosting-footer-links{
  gap: 15px;
}

.deadlockboosting-cta-band{
  padding: 27px;
}

.deadlockboosting-cta-band h2{
  font-size: 23px;
}

.deadlockboosting-service-body{
  gap: 17px;
}
}

@media(max-width:520px){

body{
  font-size: 14px;
}

.deadlockboosting-wrap{
  width: calc(100% - 28px);
}

.deadlockboosting-section-heading h2{
  font-size: 25px;
}

.deadlockboosting-section-heading p{
  font-size: 12px;
}

.deadlockboosting-section-heading{
  margin-bottom: 17px;
}

.deadlockboosting-calculator{
  padding: 18px 14px;
}

.deadlockboosting-rank-control+ .deadlockboosting-rank-control{
  padding-left: 12px;
}

.deadlockboosting-rank-feature{
  display: grid;
  gap: 0;
  text-align: center;
  min-height: 133px;
  padding: 9px 3px;
  margin-bottom: 12px;
}

.deadlockboosting-rank-feature img{
  width: 65px;
  height: 65px;
  margin: auto;
}

.deadlockboosting-rank-feature strong{
  font-size: 15px;
}

.deadlockboosting-rank-feature small{
  font-size: 9px;
}

.deadlockboosting-field-title{
  font-size: 11px;
  margin-bottom: 10px;
}

.deadlockboosting-rank-grid{
  grid-template-columns: repeat(3,1fr);
  gap: 4px;
}

.deadlockboosting-rank-option{
  min-height: 46px;
  padding: 3px 1px;
}

.deadlockboosting-rank-option img{
  height: 34px;
  width: 34px;
}

.deadlockboosting-subrank-grid{
  gap: 3px;
  margin-top: 10px;
  grid-template-columns: repeat(3,1fr);
}

.deadlockboosting-subrank-grid button{
  min-height: 31px;
  font-size: 10px;
}

.deadlockboosting-rank-feedback{
  font-size: 10px;
  line-height: 1.5;
  min-height: 30px;
}

.deadlockboosting-input,select,textarea{
  font-size: 16px;
  padding: 10px;
  min-height: 45px;
}

.deadlockboosting-field{
  font-size: 11px;
}

.deadlockboosting-field small{
  font-size: 10px;
}

.deadlockboosting-help{
  font-size: 11px;
}

.deadlockboosting-order-aside{
  display: block;
}

.deadlockboosting-summary-price{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.deadlockboosting-section{
  padding: 38px 0;
}

.deadlockboosting-section h2{
  font-size: 27px;
}

.deadlockboosting-cards{
  grid-template-columns: 1fr;
}

.deadlockboosting-service-card.deadlockboosting-main-service{
  grid-column: auto;
  min-height: 256px;
}

.deadlockboosting-service-card.deadlockboosting-main-service img{
  width: 100px;
  height: 100px;
  right: 17px;
  bottom: 30px;
  opacity: .65;
}

.deadlockboosting-service-card.deadlockboosting-main-service p{
  max-width: 225px;
}

.deadlockboosting-service-card{
  min-height: 212px;
}

.deadlockboosting-cta-band{
  display: block;
  padding: 25px;
  margin-bottom: 40px;
}

.deadlockboosting-cta-band h2{
  font-size: 24px;
}

.deadlockboosting-cta-band p{
  font-size: 12px;
  margin-bottom: 20px;
}

.deadlockboosting-footer-top{
  flex-direction: column;
  gap: 22px;
}

.deadlockboosting-footer-links{
  gap: 13px 20px;
  font-size: 10px;
}

.deadlockboosting-footer-bottom{
  flex-direction: column;
  gap: 13px;
}

.deadlockboosting-service-body{
  grid-template-columns: 1fr;
  margin: 35px 0;
}

.deadlockboosting-service-body article{
  padding: 24px;
}

.deadlockboosting-service-body h2{
  font-size: 24px;
}

.deadlockboosting-checkout-form{
  padding: 23px;
}

.deadlockboosting-checkout-head h1{
  font-size: 32px;
}

.deadlockboosting-order-detail-list div{
  grid-template-columns: 95px 1fr;
  gap: 12px;
  font-size: 11px;
}

.deadlockboosting-checkout-form .deadlockboosting-field{
  font-size: 12px;
}

.deadlockboosting-legal{
  padding-top: 35px;
}

.deadlockboosting-legal h1{
  font-size: 31px;
}

.deadlockboosting-legal h2{
  font-size: 23px;
}

.deadlockboosting-legal p,.deadlockboosting-legal li{
  font-size: 13px;
}
}

@media(prefers-reduced-motion:reduce){

:root{
  scroll-behavior: auto;
}
}

:root{
  --page: #edf2f8;
  --white: #fff;
  --ink: #24334e;
  --muted: #63718a;
  --line: #dce4f0;
  --blue: #2469cb;
  --blue-soft: #edf5ff;
  --navy: #14223b;
  --orange: #f79032;
  --display: Rajdhani,'Arial Narrow',Arial,sans-serif;
  --body: Inter,Arial,sans-serif;
}

*{
  box-sizing: border-box;
}

html{
  scroll-padding-top: 90px;
}

body{
  margin: 0;
  color: var(--ink);
  font: 14px/1.65 var(--body);
  -webkit-font-smoothing: antialiased;
}

h1,h2,h3,p{
  margin: 0;
}

h1{
  font: 700 45px/1.1 var(--body);
  letter-spacing: -1.7px;
}

h2{
  font: var(--heading-h2-font,700 26px/1.25 var(--body));
  letter-spacing: var(--heading-h2-tracking,-.65px);
}

h3{
  font: var(--heading-h3-font,700 18px/1.3 var(--body));
}

p+p{
  margin-top: 14px;
}

a{
  color: inherit;
  text-underline-offset: 3px;
}

button,input,select,textarea{
  font: inherit;
}

button,summary{
  cursor: pointer;
}

button:disabled{
  cursor: not-allowed;
  opacity: .5;
}

img{
  display: block;
  max-width: 100%;
}

fieldset{
  min-width: 0;
  border: 0;
  padding: 0;
  margin: 0;
}

button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{
  outline: 3px solid #2b85f3;
  outline-offset: 3px;
}

a{
  transition: color .15s,background .15s;
}

.deadlockboosting-sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
}

.deadlockboosting-button{
  --button-depth: 5px;
  --button-press: 0px;
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 12px 23px;
  border: 1px solid #df7719;
  background: var(--orange);
  color: #182135;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: inset 0 2px 0 #ffffff38,inset 0 -1px 0 #b95d171a,0 calc(var(--button-depth) - var(--button-press)) 0 #cf6e1a,0 calc(var(--button-depth) + 4px - var(--button-press)) 12px #79451514;
  transform: translateY(var(--button-press));
  transition: transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s cubic-bezier(.2,.7,.2,1),background-color .28s ease,border-color .28s ease;
}

.deadlockboosting-button::after{
  content: "";
  position: absolute;
  inset: -2px 0 calc(-1 * var(--button-depth));
  border-radius: inherit;
}

@media(hover:hover) and (pointer:fine){

.deadlockboosting-button:hover:not(:disabled):not([aria-disabled="true"]){
  --button-press: 2px;
  background: #ff9e43;
  border-color: #e07c20;
}
}

@media(prefers-reduced-motion:reduce){

.deadlockboosting-button{
  transition: none;
}

.deadlockboosting-button:hover:not(:disabled):not([aria-disabled="true"]){
  --button-press: 0px;
}
}

.deadlockboosting-button span{
  font-size: 20px;
  line-height: 1;
}

.deadlockboosting-text-link{
  font-size: 12px;
  color: var(--blue);
  font-weight: 600;
  text-decoration: none;
}

.deadlockboosting-text-link:hover{
  text-decoration: underline;
}

.deadlockboosting-brand{
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}

.deadlockboosting-brand>span{
  font: 700 13px/1.05 var(--display);
  letter-spacing: 1.2px;
}

.deadlockboosting-brand strong{
  font: 700 23px/1 var(--display);
  display: block;
  letter-spacing: .6px;
}

.deadlockboosting-mobile-menu{
  display: none;
}

main{
  min-width: 0;
}

.deadlockboosting-section{
  margin: 0;
  padding: 42px 32px;
}

.deadlockboosting-section-heading{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 35px;
  margin-bottom: 23px;
}

.deadlockboosting-section-heading>div>p:not(.deadlockboosting-eyebrow){
  font-size: 12px;
  color: var(--muted);
  margin-top: 8px;
}

.deadlockboosting-section-heading>p{
  max-width: 390px;
  color: var(--muted);
  font-size: 12px;
}

.deadlockboosting-calculator-section{
  padding-top: 28px;
}

.deadlockboosting-calculator{
  display: grid;
  grid-template-columns: minmax(0,1fr) 285px;
  gap: 20px;
  align-items: start;
}

.deadlockboosting-calculator form{
  padding: 23px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 7px;
  box-shadow: 0 3px 9px #1e375107;
}

.deadlockboosting-mode-picker{
  display: flex;
  gap: 10px;
}

.deadlockboosting-mode-picker legend{
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 9px;
}

.deadlockboosting-mode-picker label{
  position: relative;
  flex: 1;
}

.deadlockboosting-mode-picker label>span{
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid var(--line);
  border-radius: 5px;
  padding: 11px 10px 11px 32px;
  background: #f9fbfe;
  min-height: 53px;
}

.deadlockboosting-mode-picker input{
  position: absolute;
  accent-color: var(--blue);
  width: 13px;
  height: 13px;
  margin: 0;
}

.deadlockboosting-mode-picker input:checked+span{
  border-color: #4c8ae0;
  background: #eff6ff;
}

.deadlockboosting-mode-picker strong{
  font-size: 11px;
  white-space: nowrap;
}

.deadlockboosting-mode-picker small{
  font-size: 9px;
  line-height: 1.4;
  color: var(--muted);
}

.deadlockboosting-rank-pickers{
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 22px;
  margin-top: 23px;
}

.deadlockboosting-rank-box legend{
  font-size: 12px;
  font-weight: 700;
}

.deadlockboosting-rank-preview{
  display: flex;
  align-items: center;
  gap: 12px;
  height: 76px;
}

.deadlockboosting-rank-preview img{
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.deadlockboosting-rank-preview>span{
  font: 700 23px/1 var(--display);
  color: #334b6f;
}

.deadlockboosting-rank-radio-grid{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 5px;
}

.deadlockboosting-rank-choice{
  position: relative;
  min-width: 0;
}

.deadlockboosting-rank-choice input{
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}

.deadlockboosting-rank-choice>span{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 61px;
  border: 1px solid #e4eaf2;
  border-radius: 4px;
  background: #f5f7fa;
  gap: 3px;
  padding: 5px 1px;
}

.deadlockboosting-rank-choice img{
  width: 33px;
  height: 33px;
  object-fit: contain;
  transition: transform .15s;
}

.deadlockboosting-rank-choice small{
  font-size: 7px;
  color: #697992;
  letter-spacing: -.15px;
  white-space: nowrap;
}

.deadlockboosting-rank-choice input:checked+span{
  background: #eaf3ff;
  border-color: #367ee0;
  box-shadow: 0 0 0 1px #367ee0;
}

.deadlockboosting-rank-choice input:checked+span small{
  color: #1c61bd;
  font-weight: 700;
}

.deadlockboosting-rank-choice:hover img{
  transform: scale(1.12);
}

.deadlockboosting-rank-choice input:focus-visible+span{
  outline: 3px solid #1669d6;
  outline-offset: 2px;
}

.deadlockboosting-division-grid{
  display: grid;
  grid-template-columns: repeat(5,1fr);
  gap: 5px;
  margin-top: 10px;
}

.deadlockboosting-settings-grid{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 8px;
  margin-top: 23px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.deadlockboosting-settings-grid label{
  font-size: 9px;
  font-weight: 600;
}

select{
  width: 100%;
  background: #f7f9fc;
  border: 1px solid var(--line);
  color: var(--ink);
  padding: 9px 7px;
  border-radius: 4px;
  font-size: 10px;
  min-height: 39px;
  margin-top: 7px;
}

select:disabled{
  opacity: .5;
}

input[type=range]{
  width: 100%;
  height: 18px;
  display: block;
  accent-color: var(--blue);
  margin: 10px 0;
  cursor: pointer;
}

.deadlockboosting-order-summary{
  padding: 22px;
  background: #fff;
  border: 1px solid #cdd9eb;
  border-top: 3px solid var(--blue);
  border-radius: 7px;
  box-shadow: 0 5px 15px #2448770a;
  position: sticky;
  top: 90px;
}

.deadlockboosting-summary-header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding-bottom: 16px;
  font-size: 15px;
  font-weight: 700;
}

.deadlockboosting-order-summary h3{
  font-size: var(--heading-h3-size,17px);
  margin-top: 19px;
}

.deadlockboosting-order-summary #route-meta{
  font-size: 9px;
  color: var(--muted);
  margin-top: 5px;
}

.deadlockboosting-summary-price{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 19px 0;
}

.deadlockboosting-summary-price>span{
  font-size: 10px;
  max-width: 82px;
  color: var(--muted);
}

.deadlockboosting-summary-price strong{
  font: 700 36px/1 var(--display);
  color: #205dae;
}

.deadlockboosting-notice{
  padding: 14px;
  background: #fff7df;
  margin-bottom: 15px;
}

.deadlockboosting-service-card{
  display: flex;
  flex-direction: column;
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 7px;
  overflow: hidden;
  transition: box-shadow .15s,border-color .15s;
}

.deadlockboosting-service-card:hover{
  border-color: #a7c4e9;
  box-shadow: 0 7px 18px #254d7215;
}

.deadlockboosting-service-card h3{
  font-size: var(--heading-h3-size,15px);
}

.deadlockboosting-service-card p{
  font-size: 10px;
  color: var(--muted);
  margin-top: 8px;
  line-height: 1.75;
}

table{
  width: 100%;
  border-collapse: collapse;
  text-align: left;
  font-size: 12px;
}

th,td{
  padding: 13px 17px;
  border-bottom: 1px solid var(--line);
  font-weight: 400;
  vertical-align: top;
}

thead th{
  font-weight: 700;
  color: #315d99;
  background: #edf4ff;
}

thead th:first-child{
  color: var(--muted);
}

tbody th{
  font-weight: 500;
  color: var(--muted);
}

tbody td:last-child{
  background: #f9fbfe;
}

.deadlockboosting-footer{
  background: #14223b;
  color: #d9e3f2;
  padding: 32px 35px 18px;
}

.deadlockboosting-footer-top{
  display: flex;
  justify-content: space-between;
  gap: 30px;
  align-items: flex-start;
}

.deadlockboosting-footer-top>p{
  font-size: 10px;
  color: #aabbcf;
}

.deadlockboosting-footer nav{
  display: flex;
  gap: 24px;
  font-size: 10px;
}

.deadlockboosting-footer nav a{
  text-decoration: none;
}

.deadlockboosting-footer-bottom{
  display: flex;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid #ffffff20;
  margin-top: 28px;
  padding-top: 15px;
  font-size: 8px;
  color: #8fa5c4;
}

.deadlockboosting-footer-bottom>span{
  white-space: nowrap;
}

dialog{
  border: 1px solid var(--line);
  border-radius: 8px;
  background: white;
  color: var(--ink);
  width: calc(100% - 28px);
  max-width: 540px;
  max-height: 90dvh;
  overflow: auto;
  padding: 32px;
}

dialog::backdrop{
  background: #10223bb8;
  backdrop-filter: blur(3px);
}

dialog h2{
  font-size: var(--heading-h2-size,25px);
  margin-bottom: 20px;
}

dialog pre{
  font: 12px/1.85 var(--body);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #f3f7fc;
  border: 1px solid var(--line);
  padding: 18px;
  border-radius: 5px;
}

#order-copy-status{
  font-size: 11px;
  margin-top: 12px;
}

.deadlockboosting-mobile-order{
  display: none;
}

@media(min-width:1500px){

.deadlockboosting-section{
  padding-left: 42px;
  padding-right: 42px;
}

.deadlockboosting-calculator{
  grid-template-columns: minmax(0,1fr) 320px;
}

.deadlockboosting-rank-radio-grid{
  grid-template-columns: repeat(4,1fr);
}

.deadlockboosting-rank-choice img{
  width: 40px;
  height: 40px;
}

.deadlockboosting-rank-choice>span{
  min-height: 70px;
}

.deadlockboosting-rank-choice small{
  font-size: 8px;
}
}

@media(max-width:1200px){

.deadlockboosting-section{
  padding: 30px 23px;
}

.deadlockboosting-calculator{
  grid-template-columns: minmax(0,1fr) 255px;
  gap: 14px;
}

.deadlockboosting-calculator form{
  padding: 17px;
}

.deadlockboosting-order-summary{
  padding: 17px;
}

.deadlockboosting-rank-pickers{
  gap: 14px;
}

.deadlockboosting-rank-choice small{
  font-size: 6px;
}

.deadlockboosting-rank-choice img{
  width: 29px;
  height: 29px;
}

.deadlockboosting-rank-choice>span{
  min-height: 56px;
}

.deadlockboosting-mode-picker label>span{
  display: block;
}

.deadlockboosting-mode-picker small{
  display: block;
  margin-top: 3px;
}

.deadlockboosting-mode-picker input{
  top: 16px;
}

.deadlockboosting-settings-grid{
  grid-template-columns: repeat(2,1fr);
}

.deadlockboosting-service-card h3{
  font-size: var(--heading-h3-size,13px);
}

.deadlockboosting-service-card p{
  font-size: 10px;
}

.deadlockboosting-section-heading h2{
  font-size: var(--heading-h2-size,23px);
}

.deadlockboosting-section-heading>p{
  max-width: 310px;
}
}

@media(max-width:1000px){

.deadlockboosting-calculator{
  grid-template-columns: minmax(0,1fr);
}

.deadlockboosting-order-summary{
  position: static;
  display: block;
}

.deadlockboosting-order-summary h3{
  font-size: var(--heading-h3-size,20px);
}

.deadlockboosting-summary-price{
  padding: 16px 0;
}

.deadlockboosting-summary-price>span{
  max-width: none;
}

.deadlockboosting-order-summary .deadlockboosting-button{
  width: 100%;
}

.deadlockboosting-rank-choice small{
  font-size: 8px;
}

.deadlockboosting-rank-choice img{
  width: 38px;
  height: 38px;
}

.deadlockboosting-mode-picker label>span{
  display: flex;
}

.deadlockboosting-service-card h3{
  font-size: var(--heading-h3-size,16px);
}

.deadlockboosting-service-card p{
  font-size: 11px;
}

.deadlockboosting-section-heading>p{
  max-width: 260px;
}

.deadlockboosting-footer-top{
  flex-wrap: wrap;
}

.deadlockboosting-footer nav{
  margin-left: auto;
}

table{
  font-size: 10px;
}

th,td{
  padding: 12px 8px;
}
}

@media(max-width:760px){

html{
  scroll-padding-top: 72px;
}

.deadlockboosting-brand>span{
  font-size: 11px;
}

.deadlockboosting-brand strong{
  font-size: 20px;
}

.deadlockboosting-brand img{
  width: 30px;
  height: 30px;
}

.deadlockboosting-mobile-menu{
  display: block;
  margin-left: auto;
}

.deadlockboosting-mobile-menu>summary{
  list-style: none;
  font-size: 22px;
  padding: 5px 8px;
  color: #e3ebf7;
}

.deadlockboosting-mobile-menu>nav{
  position: absolute;
  top: 61px;
  right: 0;
  left: 0;
  padding: 16px;
  background: var(--navy);
  display: grid;
  gap: 0;
  border-top: 1px solid #ffffff26;
  box-shadow: 0 10px 18px #11223b25;
}

.deadlockboosting-mobile-menu>nav>a{
  padding: 12px;
  font-size: 13px;
}

.deadlockboosting-section{
  padding: 27px 16px;
}

.deadlockboosting-section-heading{
  display: block;
  margin-bottom: 19px;
}

.deadlockboosting-section-heading h2{
  font-size: var(--heading-h2-size,22px);
  letter-spacing: var(--heading-h2-tracking,-.5px);
}

.deadlockboosting-section-heading>div>p:not(.deadlockboosting-eyebrow){
  font-size: 11px;
}

.deadlockboosting-section-heading>p{
  max-width: none;
  font-size: 11px;
  margin-top: 12px;
}

.deadlockboosting-calculator{
  gap: 17px;
}

.deadlockboosting-calculator form{
  padding: 16px;
}

.deadlockboosting-mode-picker{
  gap: 7px;
}

.deadlockboosting-mode-picker label>span{
  display: block;
  min-height: 63px;
  padding-left: 30px;
  padding-right: 8px;
}

.deadlockboosting-mode-picker strong{
  font-size: 11px;
}

.deadlockboosting-mode-picker small{
  font-size: 8px;
}

.deadlockboosting-mode-picker legend{
  font-size: 10px;
}

.deadlockboosting-rank-pickers{
  grid-template-columns: 1fr;
  gap: 23px;
}

.deadlockboosting-rank-box legend{
  font-size: 12px;
}

.deadlockboosting-rank-preview{
  height: 70px;
  gap: 14px;
}

.deadlockboosting-rank-preview img{
  width: 58px;
  height: 58px;
}

.deadlockboosting-rank-preview>span{
  font-size: 24px;
}

.deadlockboosting-rank-radio-grid{
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 6px;
}

.deadlockboosting-rank-choice>span{
  min-height: 62px;
}

.deadlockboosting-rank-choice img{
  width: 37px;
  height: 37px;
}

.deadlockboosting-rank-choice small{
  font-size: 8px;
}

.deadlockboosting-division-grid{
  gap: 6px;
}

.deadlockboosting-settings-grid{
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}

.deadlockboosting-settings-grid label{
  font-size: 10px;
}

select{
  font-size: 12px;
  min-height: 43px;
}

.deadlockboosting-order-summary{
  padding: 21px;
}

.deadlockboosting-summary-price strong{
  font-size: 38px;
}

.deadlockboosting-service-card h3{
  font-size: var(--heading-h3-size,14px);
}

.deadlockboosting-service-card p{
  font-size: 10px;
}

table{
  font-size: 9px;
  min-width: 290px;
}

th,td{
  padding: 11px 6px;
}

.deadlockboosting-footer{
  padding: 27px 20px 94px;
}

.deadlockboosting-footer-top{
  gap: 20px;
}

.deadlockboosting-footer-top>p{
  font-size: 9px;
}

.deadlockboosting-footer nav{
  width: 100%;
  margin: 0;
  justify-content: space-between;
  gap: 12px;
  font-size: 10px;
}

.deadlockboosting-footer-bottom{
  display: block;
  font-size: 8px;
}

.deadlockboosting-footer-bottom>span{
  display: block;
  margin-top: 10px;
}

.deadlockboosting-mobile-order{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 35;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  background: #14223bf5;
  backdrop-filter: blur(8px);
  padding: 12px 20px max(12px,env(safe-area-inset-bottom));
  color: white;
  border-top: 1px solid #41618a;
  box-shadow: 0 -4px 20px #16294220;
}

.deadlockboosting-mobile-order>div>span{
  display: block;
  font-size: 8px;
  color: #b8c9e0;
}

.deadlockboosting-mobile-order strong{
  font: 700 26px/1 var(--display);
}

.deadlockboosting-mobile-order .deadlockboosting-button{
  font-size: 12px;
  min-height: 39px;
  padding: 8px 30px;
}

dialog{
  padding: 28px 22px;
}
}

@media(prefers-reduced-motion:reduce){

*,*:before,*:after{
  transition: none!important;
  animation: none!important;
}
}

.deadlockboosting-landing-page .deadlockboosting-opening-copy>p.deadlockboosting-opening-promise{
  font-size: 18px;
  color: #334f78;
  font-weight: 600;
  margin-top: 14px;
  line-height: 1.4;
}

:root{
  --ink: #20324f;
  --muted: #65738a;
  --blue: #305fc0;
  --line: #dce3ef;
  --page: #f4f6fb;
}

html{
  scroll-behavior: auto;
  scroll-padding-top: 105px;
}

body{
  background: var(--page);
}

.deadlockboosting-wrap{
  width: calc(100% - 80px);
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  min-width: 0;
}

.deadlockboosting-topbar{
  position: sticky;
  top: 0;
  z-index: 40;
  background: #fff;
  border-bottom: 1px solid var(--line);
}

.deadlockboosting-topbar-inner{
  height: 82px;
  display: flex;
  align-items: center;
  gap: 35px;
}

.deadlockboosting-topbar .deadlockboosting-brand{
  color: #22365b;
}

.deadlockboosting-topbar nav{
  display: flex;
  gap: 28px;
  margin-left: auto;
}

.deadlockboosting-topbar nav a{
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
  color: #485b79;
}

.deadlockboosting-topbar nav a:hover{
  color: var(--blue);
}

.deadlockboosting-topbar .deadlockboosting-nav-cta{
  --button-depth: 4px;
  min-height: 40px;
  font-size: 11px;
  padding: 8px 17px;
}

.deadlockboosting-topbar .deadlockboosting-mobile-menu{
  display: none;
}

.deadlockboosting-landing-page h2{
  font: var(--heading-h2-font,700 36px/1.18 Inter,Arial,sans-serif);
  letter-spacing: var(--heading-h2-tracking,-1.2px);
}

.deadlockboosting-landing-page h3{
  font: var(--heading-h3-font,700 21px/1.25 Inter,Arial,sans-serif);
  letter-spacing: var(--heading-h3-tracking,-.45px);
}

.deadlockboosting-landing-page p{
  line-height: 1.8;
}

.deadlockboosting-button{
  border-radius: 5px;
  font-size: 12px;
  padding: 12px 21px;
  min-height: 46px;
}

.deadlockboosting-opening{
  display: grid;
  grid-template-columns: 1fr 1.16fr;
  gap: 40px;
  align-items: center;
  padding-top: 42px;
  padding-bottom: 30px;
}

.deadlockboosting-opening h1{
  font: 700 clamp(38px,4vw,54px)/1.07 Inter,Arial,sans-serif;
  letter-spacing: -2px;
}

.deadlockboosting-opening h1 em{
  font-style: normal;
  color: #3764bd;
}

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  font-size: 13px;
  color: #536782;
  max-width: 475px;
  margin-top: 21px;
}

.deadlockboosting-opening .deadlockboosting-button{
  margin-top: 23px;
  margin-right: 21px;
}

.deadlockboosting-opening-art{
  min-width: 0;
  align-self: center;
  background: #132b54;
  border: 1px solid #b6c8e6;
  border-radius: 8px;
  box-shadow: 0 15px 38px #193e7615;
}

.deadlockboosting-opening-art img{
  height: auto;
  object-fit: contain;
  border-radius: 7px 7px 0 0;
}

.deadlockboosting-opening-art figcaption{
  padding: 14px 19px;
  display: flex;
  justify-content: space-between;
  gap: 15px;
  color: #d9e6fb;
  font-size: 9px;
  letter-spacing: .5px;
}

.deadlockboosting-opening-art figcaption span:first-child{
  font-weight: 700;
}

.deadlockboosting-calculator-section.deadlockboosting-wrap{
  padding: 33px 0 0;
}

.deadlockboosting-calculator-section .deadlockboosting-section-heading{
  margin-bottom: 24px;
}

.deadlockboosting-calculator-section .deadlockboosting-section-heading h2{
  font-size: var(--heading-h2-size,26px);
  letter-spacing: var(--heading-h2-tracking,-.6px);
}

.deadlockboosting-calculator-section .deadlockboosting-section-heading>div>p{
  font-size: 12px;
}

.deadlockboosting-calculator{
  grid-template-columns: minmax(0,1fr) 300px;
  gap: 24px;
}

.deadlockboosting-calculator form{
  padding: 26px;
}

.deadlockboosting-mode-picker label>span{
  display: block;
  min-height: 63px;
  padding: 12px 12px 10px 35px;
}

.deadlockboosting-mode-picker strong{
  font-size: 12px;
  display: block;
}

.deadlockboosting-mode-picker small{
  font-size: 10px;
  display: block;
  margin-top: 3px;
}

.deadlockboosting-mode-picker legend{
  font-size: 11px;
}

.deadlockboosting-mode-picker input{
  top: 18px;
}

.deadlockboosting-rank-preview{
  height: 69px;
}

.deadlockboosting-rank-choice small{
  font-size: 9px;
  letter-spacing: -.2px;
}

.deadlockboosting-rank-choice img{
  width: 36px;
  height: 36px;
}

.deadlockboosting-rank-choice>span{
  min-height: 65px;
}

.deadlockboosting-settings-grid label{
  font-size: 11px;
}

.deadlockboosting-calculator select{
  font-size: 12px;
  min-height: 42px;
}

.deadlockboosting-order-summary{
  padding: 23px;
  top: 104px;
}

.deadlockboosting-order-summary h3{
  font-size: var(--heading-h3-size,19px);
}

.deadlockboosting-chapter{
  padding-top: 86px;
  padding-bottom: 76px;
}

.deadlockboosting-chapter-heading{
  display: grid;
  grid-template-columns: 1fr .8fr;
  gap: 75px;
  align-items: end;
  margin-bottom: 32px;
}

.deadlockboosting-chapter-heading>p{
  font-size: 13px;
  color: var(--muted);
  max-width: 470px;
}

.deadlockboosting-play-section{
  background: #e8edf8;
  border-top: 1px solid #d9e1f0;
  border-bottom: 1px solid #d9e1f0;
}

.deadlockboosting-play-inner{
  display: grid;
  grid-template-columns: .9fr 1fr;
  gap: 64px;
  padding-top: 68px;
  padding-bottom: 68px;
}

.deadlockboosting-play-heading>p:not(.deadlockboosting-kicker){
  font-size: 13px;
  color: var(--muted);
  margin-top: 20px;
  max-width: 410px;
}

.deadlockboosting-play-heading>img{
  margin-top: 28px;
  border-radius: 7px;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.deadlockboosting-mode-comparison{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: start;
}

.deadlockboosting-mode-comparison article{
  border-top: 3px solid #5979b1;
  padding-top: 19px;
}

.deadlockboosting-mode-comparison article:nth-child(2){
  border-top-color: #ed9337;
}

.deadlockboosting-mode-title>span{
  font-size: 10px;
  color: #526e99;
  font-weight: 700;
  letter-spacing: .8px;
}

.deadlockboosting-mode-title>b{
  font-size: 20px;
  line-height: 1.3;
  display: block;
  margin-top: 13px;
}

.deadlockboosting-mode-comparison article>p{
  font-size: 12px;
  color: var(--muted);
  margin-top: 18px;
  min-height: 112px;
}

.deadlockboosting-mode-comparison dl{
  margin: 24px 0;
}

.deadlockboosting-mode-comparison dl>div{
  padding: 12px 0;
  border-top: 1px solid #cfd9eb;
}

.deadlockboosting-mode-comparison dt{
  font-size: 10px;
  color: var(--muted);
}

.deadlockboosting-mode-comparison dd{
  font-size: 12px;
  font-weight: 600;
  margin: 3px 0 0;
}

.deadlockboosting-outline-button{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 20px;
  background: #fff;
  border: 1px solid #b4c6e3;
  padding: 12px 14px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 700;
  color: var(--blue);
}

.deadlockboosting-outline-button:hover{
  border-color: var(--blue);
  background: #f6f9ff;
}

.deadlockboosting-process-section{
  background: #203961;
  border: 1px solid #304e7b;
  border-radius: 9px;
  padding: 47px 43px 0;
  color: #fff;
}

.deadlockboosting-process-intro{
  display: grid;
  grid-template-columns: 1.3fr .8fr;
  gap: 60px;
  align-items: end;
}

.deadlockboosting-process-intro h2{
  font-size: var(--heading-h2-size,33px);
}

.deadlockboosting-process-intro>p{
  color: #bacbe5;
  font-size: 12px;
}

.deadlockboosting-questions{
  border-top: 1px solid var(--line);
  display: grid;
  grid-template-columns: .65fr 1.3fr;
  gap: 95px;
  padding-top: 62px;
  padding-bottom: 26px;
}

.deadlockboosting-faq-intro>p:not(.deadlockboosting-kicker){
  font-size: 13px;
  color: var(--muted);
  margin-top: 20px;
}

.deadlockboosting-faq-intro .deadlockboosting-text-link{
  display: inline-block;
  margin-top: 23px;
}

.deadlockboosting-questions-list{
  border-top: 1px solid var(--line);
}

.deadlockboosting-questions-list details{
  border-bottom: 1px solid var(--line);
  scroll-margin-top: 110px;
}

.deadlockboosting-questions-list summary{
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 0;
  font-size: 13px;
  font-weight: 600;
  list-style: none;
  line-height: 1.6;
}

.deadlockboosting-questions-list summary>span{
  color: var(--blue);
  font-size: 17px;
  flex-shrink: 0;
}

.deadlockboosting-questions-list details[open] summary>span{
  transform: rotate(45deg);
}

.deadlockboosting-questions-list details p{
  font-size: 12px;
  color: var(--muted);
  padding: 0 25px 22px 0;
}

.deadlockboosting-questions-list a{
  color: var(--blue);
}

.deadlockboosting-landing-page .deadlockboosting-footer{
  padding: 35px max(40px,calc((100% - 1240px)/2)) 28px;
  background: #f4f6fb;
  border-top: 1px solid var(--line);
}

.deadlockboosting-landing-page .deadlockboosting-footer-top{
  gap: 30px;
}

.deadlockboosting-landing-page .deadlockboosting-footer-top>p{
  font-size: 11px;
}

.deadlockboosting-landing-page .deadlockboosting-footer nav{
  font-size: 11px;
}

.deadlockboosting-landing-page .deadlockboosting-footer-bottom{
  font-size: 10px;
}

.deadlockboosting-landing-page .deadlockboosting-mobile-order{
  display: none;
}

.deadlockboosting-topbar .deadlockboosting-brand strong{
  font-style: normal;
}

@media(min-width:1500px){

.deadlockboosting-opening{
  gap: 65px;
}

.deadlockboosting-opening h1{
  font-size: 57px;
}

.deadlockboosting-rank-choice>span{
  min-height: 74px;
}

.deadlockboosting-rank-choice img{
  width: 42px;
  height: 42px;
}
}

@media(max-width:1100px){

.deadlockboosting-wrap{
  width: calc(100% - 56px);
}

.deadlockboosting-topbar-inner{
  gap: 22px;
}

.deadlockboosting-topbar nav{
  gap: 17px;
}

.deadlockboosting-topbar nav a{
  font-size: 11px;
}

.deadlockboosting-topbar .deadlockboosting-nav-cta{
  display: none;
}

.deadlockboosting-opening{
  grid-template-columns: 1fr 1.08fr;
  gap: 25px;
}

.deadlockboosting-opening h1{
  font-size: 40px;
  letter-spacing: -1.5px;
}

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  font-size: 12px;
}

.deadlockboosting-calculator{
  grid-template-columns: minmax(0,1fr) 260px;
  gap: 19px;
}

.deadlockboosting-calculator form{
  padding: 20px;
}

.deadlockboosting-rank-pickers{
  gap: 16px;
}

.deadlockboosting-rank-choice small{
  font-size: 8px;
}

.deadlockboosting-settings-grid{
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.deadlockboosting-order-summary{
  padding: 20px;
}

.deadlockboosting-chapter-heading{
  gap: 40px;
}

.deadlockboosting-landing-page h2{
  font-size: var(--heading-h2-size,31px);
}

.deadlockboosting-play-inner{
  gap: 35px;
  grid-template-columns: .8fr 1fr;
}

.deadlockboosting-mode-comparison{
  gap: 15px;
}

.deadlockboosting-mode-title>b{
  font-size: 18px;
}

.deadlockboosting-questions{
  gap: 45px;
}

.deadlockboosting-process-section{
  padding: 36px 30px 0;
}

.deadlockboosting-process-intro{
  gap: 30px;
}

.deadlockboosting-process-intro h2{
  font-size: var(--heading-h2-size,30px);
}
}

@media(max-width:900px){

.deadlockboosting-calculator{
  grid-template-columns: minmax(0,1fr) 240px;
}

.deadlockboosting-rank-pickers{
  grid-template-columns: 1fr;
}

.deadlockboosting-rank-preview{
  height: 66px;
}

.deadlockboosting-rank-radio-grid{
  grid-template-columns: repeat(4,minmax(0,1fr));
}

.deadlockboosting-rank-choice small{
  font-size: 9px;
}

.deadlockboosting-rank-choice img{
  width: 38px;
  height: 38px;
}

.deadlockboosting-order-summary{
  position: sticky;
  top: 101px;
  display: block;
}

.deadlockboosting-mode-picker{
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.deadlockboosting-mode-picker label>span{
  min-height: 75px;
}

.deadlockboosting-mode-picker strong{
  font-size: 11px;
}

.deadlockboosting-mode-picker small{
  font-size: 9px;
}

.deadlockboosting-opening-art figcaption{
  font-size: 8px;
  padding: 12px;
}

.deadlockboosting-chapter-heading{
  grid-template-columns: 1fr;
  gap: 18px;
}

.deadlockboosting-chapter-heading>p{
  max-width: 600px;
}

.deadlockboosting-play-inner{
  grid-template-columns: 1fr;
  gap: 30px;
}

.deadlockboosting-play-heading{
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
  align-items: center;
}

.deadlockboosting-play-heading h2,.deadlockboosting-play-heading>p{
  grid-column: 1;
}

.deadlockboosting-play-heading>img{
  grid-column: 2;
  grid-row: 1/4;
  margin: 0;
}

.deadlockboosting-mode-comparison article>p{
  min-height: 0;
}

.deadlockboosting-mode-title>b{
  font-size: 21px;
}

.deadlockboosting-mode-comparison{
  gap: 30px;
}

.deadlockboosting-process-intro{
  grid-template-columns: 1fr;
  gap: 20px;
}

.deadlockboosting-process-intro>p{
  max-width: 570px;
}

.deadlockboosting-questions{
  grid-template-columns: .7fr 1.2fr;
  gap: 30px;
}

.deadlockboosting-landing-page .deadlockboosting-footer-top{
  flex-wrap: wrap;
}

.deadlockboosting-landing-page .deadlockboosting-footer nav{
  margin-left: auto;
}
}

@media(max-width:650px){

html{
  scroll-padding-top: 84px;
}

.deadlockboosting-wrap{
  width: calc(100% - 36px);
}

.deadlockboosting-topbar-inner{
  height: 65px;
  gap: 16px;
}

.deadlockboosting-topbar .deadlockboosting-brand>span{
  font-size: 11px;
}

.deadlockboosting-topbar .deadlockboosting-brand strong{
  font-size: 20px;
}

.deadlockboosting-topbar .deadlockboosting-brand img{
  width: 31px;
  height: 31px;
}

.deadlockboosting-topbar-inner>nav{
  display: none;
}

.deadlockboosting-topbar .deadlockboosting-mobile-menu{
  display: block;
  margin-left: auto;
}

.deadlockboosting-topbar .deadlockboosting-mobile-menu>summary{
  color: #29456f;
  list-style: none;
  font-size: 24px;
  padding: 4px 7px;
}

.deadlockboosting-topbar .deadlockboosting-mobile-menu>nav{
  top: 64px;
  left: 0;
  right: 0;
  margin: 0;
  background: #fff;
  display: grid;
  padding: 15px 18px;
  border-bottom: 1px solid var(--line);
  box-shadow: 0 10px 20px #14264c15;
}

.deadlockboosting-topbar .deadlockboosting-mobile-menu>nav>a{
  padding: 11px;
  font-size: 13px;
}

.deadlockboosting-opening{
  grid-template-columns: 1fr;
  gap: 26px;
  padding-top: 31px;
  padding-bottom: 20px;
}

.deadlockboosting-opening h1{
  font-size: 41px;
  line-height: 1.08;
  letter-spacing: -1.6px;
}

.deadlockboosting-opening h1 br:nth-child(2){
  display: none;
}

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  margin-top: 18px;
}

.deadlockboosting-opening .deadlockboosting-button{
  margin-top: 19px;
}

.deadlockboosting-opening-art figcaption{
  font-size: 8px;
}

.deadlockboosting-calculator-section.deadlockboosting-wrap{
  padding-top: 29px;
}

.deadlockboosting-calculator-section .deadlockboosting-section-heading h2{
  font-size: var(--heading-h2-size,24px);
}

.deadlockboosting-calculator-section .deadlockboosting-section-heading>div>p{
  font-size: 11px;
}

.deadlockboosting-calculator{
  grid-template-columns: 1fr;
  gap: 16px;
}

.deadlockboosting-calculator form{
  padding: 18px;
}

.deadlockboosting-rank-pickers{
  grid-template-columns: 1fr;
  gap: 25px;
}

.deadlockboosting-mode-picker label>span{
  min-height: 71px;
  padding-left: 29px;
  padding-right: 7px;
}

.deadlockboosting-mode-picker strong{
  font-size: 10px;
}

.deadlockboosting-rank-preview{
  height: 73px;
}

.deadlockboosting-rank-choice small{
  font-size: 8px;
}

.deadlockboosting-rank-choice img{
  width: 39px;
  height: 39px;
}

.deadlockboosting-rank-choice>span{
  min-height: 65px;
}

.deadlockboosting-rank-radio-grid{
  gap: 6px;
}

.deadlockboosting-settings-grid{
  gap: 12px;
}

.deadlockboosting-order-summary{
  position: static;
  padding: 23px;
}

.deadlockboosting-chapter{
  padding-top: 54px;
  padding-bottom: 49px;
}

.deadlockboosting-landing-page h2{
  font-size: var(--heading-h2-size,29px);
  letter-spacing: var(--heading-h2-tracking,-.9px);
}

.deadlockboosting-chapter-heading{
  gap: 17px;
  margin-bottom: 24px;
}

.deadlockboosting-chapter-heading>p{
  font-size: 12px;
}

.deadlockboosting-play-inner{
  padding: 45px 0;
  gap: 30px;
}

.deadlockboosting-play-heading{
  display: block;
}

.deadlockboosting-play-heading>p:not(.deadlockboosting-kicker){
  font-size: 12px;
}

.deadlockboosting-play-heading>img{
  margin-top: 23px;
}

.deadlockboosting-mode-comparison{
  gap: 23px 19px;
}

.deadlockboosting-mode-title>b{
  font-size: 18px;
  min-height: 47px;
}

.deadlockboosting-mode-title>span{
  font-size: 9px;
}

.deadlockboosting-mode-comparison article>p{
  font-size: 11px;
  min-height: 123px;
}

.deadlockboosting-mode-comparison dl{
  margin: 17px 0;
}

.deadlockboosting-mode-comparison dl>div{
  min-height: 73px;
  padding: 11px 0;
}

.deadlockboosting-mode-comparison dt{
  font-size: 9px;
}

.deadlockboosting-mode-comparison dd{
  font-size: 11px;
}

.deadlockboosting-outline-button{
  font-size: 11px;
  gap: 8px;
  padding: 11px;
}

.deadlockboosting-process-section{
  padding: 30px 23px 0;
}

.deadlockboosting-process-intro h2{
  font-size: var(--heading-h2-size,27px);
}

.deadlockboosting-process-intro{
  gap: 18px;
}

.deadlockboosting-process-intro>p{
  font-size: 11px;
}

.deadlockboosting-questions{
  grid-template-columns: 1fr;
  gap: 29px;
  padding-top: 41px;
  padding-bottom: 15px;
}

.deadlockboosting-faq-intro h2 br{
  display: none;
}

.deadlockboosting-faq-intro>p:not(.deadlockboosting-kicker){
  font-size: 12px;
  margin-top: 14px;
}

.deadlockboosting-faq-intro .deadlockboosting-text-link{
  margin-top: 14px;
  font-size: 11px;
}

.deadlockboosting-questions-list summary{
  font-size: 12px;
  padding: 17px 0;
  gap: 16px;
}

.deadlockboosting-questions-list details p{
  font-size: 12px;
  padding-right: 5px;
}

.deadlockboosting-landing-page .deadlockboosting-footer{
  padding: 28px 18px 100px;
}

.deadlockboosting-landing-page .deadlockboosting-footer nav{
  margin: 0;
  width: 100%;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 19px;
  font-size: 11px;
}

.deadlockboosting-landing-page .deadlockboosting-footer-top>p{
  font-size: 10px;
}

.deadlockboosting-landing-page .deadlockboosting-footer-bottom{
  font-size: 9px;
}

.deadlockboosting-landing-page .deadlockboosting-mobile-order{
  display: flex;
  padding: 12px 18px max(12px,env(safe-area-inset-bottom));
}

.deadlockboosting-mobile-order .deadlockboosting-button{
  padding: 9px 23px;
}

.deadlockboosting-landing-page dialog{
  max-width: calc(100% - 28px);
  padding: 26px 20px;
}

.deadlockboosting-topbar+main{
  min-width: 0;
}
}

.deadlockboosting-configured-options{
  margin: 19px 0 18px;
}

.deadlockboosting-configured-options>div{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 4px 10px;
  padding: 11px 0;
  border-bottom: 1px solid var(--line);
}

.deadlockboosting-configured-options>div>span{
  font-size: 9px;
  color: var(--muted);
}

.deadlockboosting-configured-options>div>b,.deadlockboosting-configured-options>div>#summary-hero-list{
  grid-column: 1;
  font-size: 11px;
  line-height: 1.6;
}

.deadlockboosting-configured-options>div>a{
  grid-column: 2;
  grid-row: 1/3;
  align-self: center;
  color: var(--blue);
  font-size: 10px;
}

.deadlockboosting-character-price-line{
  display: flex;
  justify-content: space-between;
  gap: 15px;
  font-size: 10px;
  color: #65758e;
  margin-top: 9px;
}

.deadlockboosting-character-price-line>b{
  color: var(--ink);
  white-space: nowrap;
}

#summary-hero-list{
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  max-height: 140px;
  overflow-y: auto;
}

.deadlockboosting-summary-price{
  margin-top: 13px;
}

.deadlockboosting-character-selection-section{
  background: white;
  padding: 35px;
  border: 1px solid var(--line);
  border-radius: 8px;
  scroll-margin-top: 0;
}

.deadlockboosting-character-selector-heading{
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
  margin-bottom: 25px;
}

.deadlockboosting-character-selector-heading h2{
  font-size: var(--heading-h2-size,29px);
}

.deadlockboosting-character-selector-heading p:not(.deadlockboosting-kicker){
  font-size: 12px;
  color: var(--muted);
  margin-top: 11px;
}

.deadlockboosting-character-selector-heading>.deadlockboosting-text-link{
  white-space: nowrap;
  font-size: 11px;
}

.deadlockboosting-character-options{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 15px;
}

.deadlockboosting-character-options label{
  position: relative;
  min-width: 0;
}

.deadlockboosting-character-options input{
  position: absolute;
  top: 20px;
  margin: 0;
  accent-color: var(--blue);
  width: 14px;
  height: 14px;
}

.deadlockboosting-character-options input+span{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 6px 8px;
  padding: 16px 16px 16px 39px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #f6f8fc;
  min-height: 84px;
}

.deadlockboosting-character-options b{
  font-size: 14px;
}

.deadlockboosting-character-options small{
  grid-column: 1/-1;
  font-size: 10px;
  color: var(--muted);
}

.deadlockboosting-character-options strong{
  grid-column: 2;
  grid-row: 1;
  color: var(--blue);
  white-space: nowrap;
}

.deadlockboosting-character-options input:checked+span{
  border-color: #376bd0;
  background: #edf3ff;
  box-shadow: inset 0 0 0 1px #376bd0;
}

.deadlockboosting-character-options input:focus-visible+span{
  outline: 3px solid #1f69dc;
  outline-offset: 3px;
}

.deadlockboosting-character-gallery-heading{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 29px 0 9px;
}

.deadlockboosting-character-gallery-heading h3{
  font-size: var(--heading-h3-size,17px);
}

.deadlockboosting-character-gallery-heading>span{
  font-size: 10px;
  color: #476793;
  font-weight: 600;
}

.deadlockboosting-character-guidance{
  font-size: 11px;
  color: var(--muted);
  margin-bottom: 17px;
}

.deadlockboosting-portrait-grid{
  display: grid;
  grid-template-columns: repeat(8,minmax(0,1fr));
  gap: 11px;
}

.deadlockboosting-portrait-choice{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  border: 1px solid #d8e1ef;
  background: linear-gradient(#eef2f9,#e0e8f5);
  border-radius: 5px;
  padding: 5px 4px 8px;
  min-width: 0;
  color: #344c70;
}

.deadlockboosting-portrait-choice>img{
  max-width: 112px;
  height: 98px;
  object-fit: contain;
}

.deadlockboosting-portrait-choice>span{
  font-size: 10px;
  font-weight: 600;
  min-height: 14px;
}

.deadlockboosting-portrait-choice>b{
  display: none;
  position: absolute;
  top: 5px;
  font-size: 11px;
  background: #2b64c8;
  color: white;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
}

.deadlockboosting-portrait-choice:hover{
  border-color: #84a1ce;
  background: #e7effe;
}

.deadlockboosting-portrait-choice[aria-pressed=true]{
  border-color: #2a67cc;
  box-shadow: 0 0 0 1px #2a67cc;
  background: #d7e6fe;
}

.deadlockboosting-portrait-choice[aria-pressed=true]>b{
  display: block;
}

.deadlockboosting-character-selection-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--line);
}

#character-validation{
  font-size: 12px;
  color: #355d95;
  font-weight: 600;
  max-width: 700px;
}

.deadlockboosting-character-selection-footer .deadlockboosting-button{
  white-space: nowrap;
  font-size: 11px;
}

.deadlockboosting-character-selection-footer .deadlockboosting-button[aria-disabled=true]{
  opacity: .55;
  cursor: not-allowed;
}

.deadlockboosting-mode-comparison article.deadlockboosting-chosen-mode{
  border-top-color: #3867cb;
}

.deadlockboosting-mode-comparison article.deadlockboosting-chosen-mode .deadlockboosting-outline-button{
  background: #dce9fd;
  border-color: #3d6dc5;
}

.deadlockboosting-mode-comparison button[aria-pressed=true]>span{
  font-size: 0;
}

.deadlockboosting-mode-comparison button[aria-pressed=true]>span:after{
  content: '\2713';
  font-size: 15px;
}

.deadlockboosting-target-chapter .deadlockboosting-chapter-heading>div:last-child>p{
  font-size: 13px;
  color: var(--muted);
}

.deadlockboosting-target-rank-grid{
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 19px;
}

.deadlockboosting-return-to-calculator{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 35px;
  margin-top: 26px;
  padding: 28px 30px;
  background: #dfebfc;
  border: 1px solid #bed0ed;
  border-radius: 7px;
}

.deadlockboosting-return-to-calculator>div{
  min-width: 0;
}

.deadlockboosting-return-to-calculator span{
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .7px;
  color: #5a739b;
}

.deadlockboosting-return-to-calculator strong{
  display: block;
  font-size: 22px;
  margin: 9px 0 6px;
}

.deadlockboosting-return-to-calculator p{
  font-size: 11px;
  color: var(--muted);
  max-width: 730px;
}

.deadlockboosting-return-to-calculator .deadlockboosting-button{
  white-space: nowrap;
}

@keyframes selection-flash{

0%{
  box-shadow: 0 0 0 4px #6195eb80;
}

100%{
  box-shadow: 0 0 0 0 transparent;
}
}

#service-dialog pre{
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  background: #eff3fb;
  padding: 18px;
  font: 12px/1.8 Inter,Arial,sans-serif;
  max-height: 45vh;
  overflow: auto;
}

#service-dialog .deadlockboosting-text-link{
  display: inline-block;
  margin-left: 20px;
}

@media(max-width:1100px){

.deadlockboosting-portrait-grid{
  grid-template-columns: repeat(6,minmax(0,1fr));
}

.deadlockboosting-character-options input+span{
  padding: 16px 12px 14px 35px;
}

.deadlockboosting-character-options b{
  font-size: 12px;
}

.deadlockboosting-character-options strong{
  font-size: 11px;
}

.deadlockboosting-target-rank-grid{
  gap: 13px;
}
}

@media(max-width:900px){

.deadlockboosting-character-selection-section{
  padding: 26px;
}

.deadlockboosting-character-options input+span{
  grid-template-columns: 1fr;
  gap: 5px;
  min-height: 113px;
}

.deadlockboosting-character-options strong{
  grid-column: 1;
  grid-row: 3;
}

.deadlockboosting-character-options small{
  grid-column: 1;
}

.deadlockboosting-portrait-grid{
  grid-template-columns: repeat(5,minmax(0,1fr));
}

.deadlockboosting-character-selection-footer{
  display: block;
}

.deadlockboosting-character-selection-footer .deadlockboosting-button{
  margin-top: 19px;
}

.deadlockboosting-target-rank-grid{
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
}

.deadlockboosting-return-to-calculator{
  padding: 24px;
  gap: 20px;
}

.deadlockboosting-return-to-calculator strong{
  font-size: 20px;
}

.deadlockboosting-return-to-calculator .deadlockboosting-button{
  white-space: normal;
  text-align: center;
  min-width: 180px;
}
}

@media(max-width:650px){

.deadlockboosting-configured-options>div>b{
  font-size: 12px;
}

.deadlockboosting-configured-options>div>span,.deadlockboosting-character-price-line{
  font-size: 10px;
}

.deadlockboosting-character-selection-section{
  padding: 24px 17px;
}

.deadlockboosting-character-selector-heading{
  display: block;
}

.deadlockboosting-character-selector-heading h2{
  font-size: var(--heading-h2-size,26px);
}

.deadlockboosting-character-selector-heading .deadlockboosting-text-link{
  display: inline-block;
  margin-top: 13px;
}

.deadlockboosting-character-options{
  gap: 7px;
}

.deadlockboosting-character-options input{
  top: 13px;
  left: 12px;
}

.deadlockboosting-character-options input+span{
  padding: 34px 10px 11px;
  min-height: 153px;
  grid-template-rows: auto 1fr auto;
}

.deadlockboosting-character-options b{
  font-size: 11px;
}

.deadlockboosting-character-options small{
  font-size: 9px;
}

.deadlockboosting-character-gallery-heading h3{
  font-size: var(--heading-h3-size,15px);
}

.deadlockboosting-character-gallery-heading>span{
  font-size: 9px;
  text-align: right;
}

.deadlockboosting-character-guidance{
  font-size: 10px;
}

.deadlockboosting-portrait-grid{
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
}

.deadlockboosting-portrait-choice>img{
  height: 81px;
}

.deadlockboosting-portrait-choice>span{
  font-size: 10px;
}

.deadlockboosting-character-selection-footer{
  padding-top: 18px;
  margin-top: 20px;
}

#character-validation{
  font-size: 11px;
}

.deadlockboosting-character-selection-footer .deadlockboosting-button{
  width: 100%;
  font-size: 11px;
  white-space: normal;
}

.deadlockboosting-target-chapter .deadlockboosting-chapter-heading>div:last-child>p{
  font-size: 12px;
}

.deadlockboosting-target-rank-grid{
  gap: 12px;
}

.deadlockboosting-return-to-calculator{
  display: block;
  padding: 23px;
}

.deadlockboosting-return-to-calculator strong{
  font-size: 23px;
}

.deadlockboosting-return-to-calculator p{
  font-size: 11px;
  overflow-wrap: anywhere;
}

.deadlockboosting-return-to-calculator .deadlockboosting-button{
  width: 100%;
  margin-top: 22px;
}
}

.deadlockboosting-order-summary h3{
  margin-top: 13px;
}

.deadlockboosting-configured-options{
  margin: 12px 0;
}

.deadlockboosting-configured-options>div{
  grid-template-columns: 65px minmax(0,1fr) auto;
  padding: 9px 0;
  gap: 4px 8px;
}

.deadlockboosting-configured-options>div>b{
  grid-column: 2;
  grid-row: 1;
  font-size: 10px;
}

.deadlockboosting-configured-options>div>a{
  grid-column: 3;
  grid-row: 1;
  font-size: 9px;
}

.deadlockboosting-order-summary .deadlockboosting-summary-price{
  padding: 14px 0;
  margin-top: 5px;
}

.deadlockboosting-service-switcher{
  display: flex;
  gap: 8px;
  margin: 0 0 22px;
  padding: 6px;
  border: 1px solid #d2dff2;
  border-radius: 8px;
  background: #eaf0fa;
}

.deadlockboosting-service-switcher a{
  flex: 1;
  text-align: center;
  border-radius: 5px;
  padding: 13px 10px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  color: #526c94;
  border: 1px solid transparent;
}

.deadlockboosting-service-switcher a:hover{
  background: #f9fbff;
}

.deadlockboosting-service-switcher a[aria-current=page]{
  background: white;
  color: #245bb4;
  border-color: #c0d3ee;
  box-shadow: 0 2px 6px #2448770b;
}

.deadlockboosting-mode-comparison button[aria-pressed=true]:after{
  content: '\2713';
  margin-left: 18px;
}

.deadlockboosting-character-options input+span{
  background: #fff;
  box-shadow: none;
  min-height: 95px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.deadlockboosting-character-options strong{
  font-size: 12px;
  border-radius: 4px;
  padding: 3px 7px;
  background: #edf3fc;
  align-self: start;
}

.deadlockboosting-character-options small{
  font-size: 11px;
}

.deadlockboosting-character-options input:checked+span{
  background: #f4f8ff;
  border-color: #3770cb;
}

.deadlockboosting-character-options input{
  top: 24px;
}

.deadlockboosting-character-selection-status{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 16px;
}

.deadlockboosting-character-selection-status #character-validation{
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  color: #304d76;
}

.deadlockboosting-character-selection-footer{
  gap: 20px;
}

.deadlockboosting-character-selection-footer .deadlockboosting-button{
  font-size: 12px;
}

.deadlockboosting-schedule-heading{
  margin-bottom: 25px;
}

.deadlockboosting-schedule-heading p{
  font-size: 13px;
  color: var(--muted);
  margin-top: 14px;
}

.deadlockboosting-schedule-shell{
  background: #fff;
  border: 1px solid #d5e1f0;
  border-radius: 8px;
  padding: 30px;
}

.deadlockboosting-subtle-button{
  border: 1px solid #cedbee;
  color: #345f9b;
  background: #f5f8fe;
  font-size: 11px;
  font-weight: 600;
  padding: 12px 15px;
  border-radius: 5px;
  min-height: 45px;
}

.deadlockboosting-schedule-workspace{
  display: grid;
  grid-template-columns: 330px minmax(0,1fr);
  gap: 35px;
  margin-top: 27px;
}

.deadlockboosting-schedule-calendar{
  background: #f7f9fe;
  border: 1px solid #dce5f3;
  border-radius: 7px;
  padding: 18px;
  align-self: start;
}

.deadlockboosting-calendar-toolbar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 21px;
  gap: 12px;
}

.deadlockboosting-calendar-toolbar h3{
  font-size: var(--heading-h3-size,17px);
}

.deadlockboosting-calendar-toolbar button{
  width: 33px;
  height: 33px;
  line-height: 25px;
  border: 1px solid #d0dcef;
  border-radius: 4px;
  background: #fff;
  color: #416898;
  font-size: 24px;
}

.deadlockboosting-calendar-toolbar button:disabled{
  opacity: .35;
  cursor: default;
}

.deadlockboosting-calendar-weekdays,.deadlockboosting-calendar-days{
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 5px;
}

.deadlockboosting-calendar-weekdays{
  font-size: 10px;
  text-align: center;
  color: #7a8da8;
  margin-bottom: 11px;
}

.deadlockboosting-calendar-days button{
  position: relative;
  aspect-ratio: 1;
  border: 1px solid transparent;
  background: transparent;
  border-radius: 5px;
  color: #354e70;
  font: 600 12px Inter,Arial,sans-serif;
  min-width: 0;
}

.deadlockboosting-calendar-days button:hover:not(:disabled){
  background: #e2ebfb;
  border-color: #b5cbeb;
}

.deadlockboosting-calendar-days button:disabled{
  color: #bcc6d5;
  cursor: default;
}

.deadlockboosting-calendar-days button[aria-current=date]{
  border-color: #afc5e7;
}

.deadlockboosting-calendar-days button[aria-pressed=true]{
  color: white;
  background: #316ac8;
  border-color: #316ac8;
}

.deadlockboosting-calendar-days button[aria-current=date]:after{
  content: '';
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
  bottom: 3px;
  left: calc(50% - 1.5px);
}

.deadlockboosting-schedule-calendar>p{
  font-size: 10px;
  color: #7386a2;
  text-align: center;
  margin-top: 15px;
}

.deadlockboosting-date-list-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-bottom: 17px;
}

.deadlockboosting-date-list-heading h3{
  font-size: var(--heading-h3-size,18px);
}

.deadlockboosting-date-list-heading button{
  border: 0;
  background: transparent;
  font-size: 11px;
  color: #5375a4;
}

.deadlockboosting-schedule-dates{
  min-width: 0;
}

#schedule-empty{
  font-size: 12px;
  color: var(--muted);
  border: 1px dashed #cedbed;
  border-radius: 6px;
  padding: 26px;
  line-height: 1.9;
}

#schedule-date-list{
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 14px;
  align-items: start;
}

.deadlockboosting-availability-day{
  padding: 17px;
  border: 1px solid #d7e2f2;
  border-radius: 6px;
  background: #fcfdff;
  min-width: 0;
}

.deadlockboosting-availability-day-heading{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 16px;
}

.deadlockboosting-availability-day h4{
  font-size: 12px;
  margin: 0;
  color: #2a456b;
}

.deadlockboosting-remove-date{
  background: none;
  border: 0;
  padding: 0;
  font-size: 9px;
  color: #7990ae;
}

.deadlockboosting-availability-range{
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) 20px;
  align-items: end;
  gap: 7px;
  margin-bottom: 12px;
}

.deadlockboosting-availability-range label{
  font-size: 9px;
  color: #7285a0;
  min-width: 0;
}

.deadlockboosting-availability-range input{
  margin-top: 5px;
  width: 100%;
  min-width: 0;
  background: white;
  border: 1px solid #c9d8ec;
  border-radius: 4px;
  padding: 7px 4px;
  font: 11px Inter,Arial,sans-serif;
  color: #304e78;
  min-height: 37px;
}

.deadlockboosting-availability-range input[aria-invalid=true]{
  border-color: #c48459;
}

.deadlockboosting-remove-range{
  height: 37px;
  background: none;
  border: 0;
  padding: 0;
  font-size: 18px;
  color: #7b90af;
}

.deadlockboosting-add-range{
  padding: 0;
  border: 0;
  background: none;
  color: #3166b6;
  font-size: 10px;
  font-weight: 600;
}

.deadlockboosting-schedule-error{
  font-size: 11px;
  color: #a15028;
  margin-top: 17px;
  line-height: 1.8;
}

.deadlockboosting-schedule-error:empty{
  display: none;
}

.deadlockboosting-schedule-footer{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-top: 1px solid #e4ebf5;
  margin-top: 25px;
  padding-top: 23px;
}

.deadlockboosting-schedule-footer p{
  font-size: 12px;
  color: #536f94;
}

.deadlockboosting-schedule-footer .deadlockboosting-button{
  font-size: 12px;
  min-width: 150px;
}

.deadlockboosting-process-interactive{
  background: #fff;
  border: 1px solid #d6e1f0;
  color: var(--ink);
  padding: 38px 40px;
  overflow: hidden;
}

.deadlockboosting-process-interactive .deadlockboosting-process-intro{
  display: block;
}

.deadlockboosting-process-interactive .deadlockboosting-process-intro h2{
  color: var(--ink);
}

.deadlockboosting-process-interactive .deadlockboosting-process-intro p{
  color: var(--muted);
  font-size: 13px;
  max-width: none;
  margin-top: 14px;
}

.deadlockboosting-process-tabs{
  position: relative;
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin: 35px 0 20px;
  gap: 10px;
  isolation: isolate;
}

.deadlockboosting-process-rail{
  position: absolute;
  top: 19px;
  left: 12.5%;
  right: 12.5%;
  height: 2px;
  background: #dde6f3;
  z-index: -1;
}

.deadlockboosting-process-rail>span{
  display: block;
  height: 100%;
  width: 0;
  background: #3973cf;
  transition: width .25s;
}

.deadlockboosting-process-tabs button{
  background: none;
  border: 0;
  color: #8294ad;
  display: grid;
  justify-items: center;
  gap: 11px;
  padding: 0 8px;
  min-width: 0;
}

.deadlockboosting-process-tabs button>span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid #cddbed;
  border-radius: 50%;
  background: #fff;
  font: 700 15px Inter,Arial,sans-serif;
  box-shadow: 0 0 0 7px #fff;
}

.deadlockboosting-process-tabs button>b{
  font-size: 12px;
}

.deadlockboosting-process-tabs button[aria-selected=true]{
  color: #265bab;
}

.deadlockboosting-process-tabs button[aria-selected=true]>span{
  background: #3168c3;
  border-color: #3168c3;
  color: white;
}

.deadlockboosting-process-tabs button:hover>span{
  border-color: #7da2d7;
}

.deadlockboosting-process-panel{
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  align-items: center;
  gap: 50px;
  min-height: 375px;
  padding: 10px 0;
}

.deadlockboosting-process-panel-copy{
  padding-left: 15px;
}

.deadlockboosting-process-panel-copy h3{
  font-size: var(--heading-h3-size,29px);
  line-height: var(--heading-h3-leading,1.25);
  color: #253f65;
  margin: 0 0 19px;
}

.deadlockboosting-process-panel-copy p{
  font-size: 13px;
  color: #657c9a;
  line-height: 1.9;
}

.deadlockboosting-target-chapter .deadlockboosting-chapter-heading{
  display: block;
}

.deadlockboosting-target-chapter .deadlockboosting-chapter-heading>div:first-child>p{
  margin-top: 14px;
  font-size: 13px;
  color: var(--muted);
}

.deadlockboosting-return-to-calculator .deadlockboosting-button{
  font-size: 12px;
}

@media(max-width:1100px){

.deadlockboosting-schedule-workspace{
  grid-template-columns: 310px minmax(0,1fr);
  gap: 25px;
}

#schedule-date-list{
  grid-template-columns: 1fr;
}

.deadlockboosting-availability-range{
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) 25px;
}

.deadlockboosting-availability-range input{
  font-size: 12px;
  padding: 9px;
}

.deadlockboosting-process-panel{
  gap: 30px;
}

.deadlockboosting-process-panel-copy h3{
  font-size: var(--heading-h3-size,26px);
}
}

@media(max-width:800px){

.deadlockboosting-service-switcher a{
  font-size: 11px;
  padding: 12px 8px;
}

.deadlockboosting-schedule-shell{
  padding: 25px;
}

.deadlockboosting-schedule-workspace{
  grid-template-columns: 280px minmax(0,1fr);
  gap: 18px;
}

.deadlockboosting-schedule-calendar{
  padding: 13px;
}

.deadlockboosting-availability-day{
  padding: 14px;
}

.deadlockboosting-availability-range input{
  font-size: 11px;
  padding: 7px 3px;
}

.deadlockboosting-process-interactive{
  padding: 32px 28px;
}

.deadlockboosting-process-panel{
  gap: 25px;
  grid-template-columns: .8fr 1.2fr;
}

.deadlockboosting-process-panel-copy{
  padding: 0;
}

.deadlockboosting-process-panel-copy h3{
  font-size: var(--heading-h3-size,24px);
}

.deadlockboosting-process-panel-copy p{
  font-size: 12px;
}
}

@media(max-width:650px){

.deadlockboosting-service-switcher{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  padding: 5px;
  margin-bottom: 19px;
}

.deadlockboosting-service-switcher a{
  font-size: 11px;
  padding: 11px 8px;
}

.deadlockboosting-character-options{
  gap: 9px;
}

.deadlockboosting-character-options input{
  top: 19px;
  left: 16px;
}

.deadlockboosting-character-options input+span{
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  padding: 14px 14px 14px 42px;
  min-height: 74px;
  gap: 6px 10px;
}

.deadlockboosting-character-options b{
  font-size: 13px;
}

.deadlockboosting-character-options small{
  font-size: 10px;
  grid-column: 1;
  grid-row: 2;
}

.deadlockboosting-character-options strong{
  font-size: 11px;
  grid-column: 2;
  grid-row: 1/3;
  align-self: center;
  padding: 4px 7px;
}

.deadlockboosting-character-selection-status{
  gap: 10px;
}

.deadlockboosting-character-selection-status #character-validation{
  font-size: 12px;
}

.deadlockboosting-character-selection-footer .deadlockboosting-button{
  font-size: 12px;
}

.deadlockboosting-schedule-heading p{
  font-size: 12px;
}

.deadlockboosting-schedule-shell{
  padding: 23px 18px;
}

.deadlockboosting-subtle-button{
  font-size: 10px;
  min-height: 36px;
  padding: 9px 12px;
  margin-top: 11px;
}

.deadlockboosting-schedule-workspace{
  grid-template-columns: 1fr;
  gap: 23px;
  margin-top: 20px;
}

.deadlockboosting-schedule-calendar{
  padding: 16px;
}

.deadlockboosting-calendar-toolbar h3{
  font-size: var(--heading-h3-size,18px);
}

.deadlockboosting-calendar-days button{
  font-size: 12px;
}

.deadlockboosting-calendar-weekdays{
  font-size: 10px;
}

.deadlockboosting-date-list-heading h3{
  font-size: var(--heading-h3-size,18px);
}

.deadlockboosting-date-list-heading button{
  font-size: 10px;
}

#schedule-date-list{
  grid-template-columns: 1fr;
}

.deadlockboosting-availability-day{
  padding: 17px;
}

.deadlockboosting-availability-day h4{
  font-size: 13px;
}

.deadlockboosting-availability-range{
  gap: 9px;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) 25px;
}

.deadlockboosting-availability-range label{
  font-size: 10px;
}

.deadlockboosting-availability-range input{
  font-size: 13px;
  padding: 9px 6px;
}

.deadlockboosting-availability-range .deadlockboosting-remove-range{
  height: 40px;
}

.deadlockboosting-add-range{
  font-size: 11px;
}

.deadlockboosting-schedule-error{
  font-size: 11px;
}

.deadlockboosting-schedule-footer{
  display: block;
}

.deadlockboosting-schedule-footer .deadlockboosting-button{
  width: 100%;
  margin-top: 17px;
}

.deadlockboosting-schedule-footer p{
  font-size: 11px;
}

.deadlockboosting-process-interactive{
  padding: 28px 20px;
}

.deadlockboosting-process-interactive .deadlockboosting-process-intro p{
  font-size: 12px;
  line-height: 1.8;
}

.deadlockboosting-process-tabs{
  gap: 0;
  margin: 27px 0 22px;
}

.deadlockboosting-process-tabs button{
  padding: 0 2px;
  gap: 9px;
}

.deadlockboosting-process-tabs button>span{
  width: 33px;
  height: 33px;
  font-size: 12px;
  box-shadow: 0 0 0 5px white;
}

.deadlockboosting-process-tabs button>b{
  font-size: 10px;
}

.deadlockboosting-process-rail{
  top: 16px;
}

.deadlockboosting-process-panel{
  grid-template-columns: 1fr;
  gap: 22px;
  min-height: 0;
  padding: 0;
}

.deadlockboosting-process-panel-copy h3{
  font-size: var(--heading-h3-size,24px);
  margin-bottom: 13px;
}

.deadlockboosting-process-panel-copy p{
  font-size: 12px;
}

.deadlockboosting-target-chapter .deadlockboosting-chapter-heading>div:first-child>p{
  font-size: 12px;
}

.deadlockboosting-target-rank-grid{
  grid-template-columns: 1fr 1fr;
  gap: 11px;
}
}

@media(prefers-reduced-motion:reduce){

.deadlockboosting-process-rail>span{
  transition: none;
}
}

#services .deadlockboosting-chapter-heading{
  display: block;
}

#services .deadlockboosting-chapter-heading>p{
  max-width: 760px;
  margin-top: 15px;
  font-size: 13px;
  color: var(--muted);
}

@media(max-width:650px){

#services .deadlockboosting-chapter-heading>p{
  font-size: 12px;
}
}

.deadlockboosting-service-switcher>span{
  flex: 1;
  text-align: center;
  border-radius: 5px;
  padding: 13px 10px;
  font-size: 13px;
  font-weight: 700;
  background: #fff;
  color: #245bb4;
  border: 1px solid #c0d3ee;
  box-shadow: 0 2px 6px #2448770b;
}

.deadlockboosting-timezone-confirm{
  display: flex;
  align-items: center;
  gap: 35px;
  border-bottom: 1px solid #e2eaf5;
  padding-bottom: 25px;
}

.deadlockboosting-timezone-identity{
  display: grid;
  gap: 8px;
  min-width: 0;
}

.deadlockboosting-timezone-identity>b{
  font-size: 15px;
  color: #34557f;
  line-height: 1.5;
}

.deadlockboosting-timezone-identity>span{
  font-size: 11px;
  color: #7a8eaa;
}

.deadlockboosting-timezone-identity>details{
  position: relative;
  justify-self: start;
  margin-top: 2px;
}

.deadlockboosting-timezone-identity summary{
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  list-style: none;
  font-size: 11px;
  color: #3165b1;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.deadlockboosting-timezone-search-panel{
  position: absolute;
  left: 0;
  top: 39px;
  width: 390px;
  padding: 18px;
  border: 1px solid #cbdaf0;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 12px 40px #233d6c25;
  z-index: 20;
}

.deadlockboosting-timezone-search-panel>label{
  font-size: 11px;
  font-weight: 600;
  color: #4c678c;
}

.deadlockboosting-timezone-search-panel>input{
  display: block;
  width: 100%;
  min-height: 42px;
  border: 1px solid #cbd9ec;
  background: #f8faff;
  border-radius: 5px;
  font: 12px Inter,Arial,sans-serif;
  padding: 10px 12px;
  margin-top: 9px;
}

#timezone-results{
  display: grid;
  gap: 3px;
  margin-top: 10px;
}

#timezone-results button{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  padding: 11px 7px;
  text-align: left;
  color: #536f94;
  font-size: 11px;
}

#timezone-results button:hover{
  background: #eff5ff;
}

#timezone-results button>b{
  font-size: 10px;
  color: #2a5898;
  white-space: nowrap;
}

#timezone-search-status{
  font-size: 10px;
  color: var(--muted);
  margin-top: 9px;
}

.deadlockboosting-timezone-search-panel .deadlockboosting-subtle-button{
  margin-top: 12px;
  min-height: 37px;
  padding: 9px 12px;
}

.deadlockboosting-time-presets-heading h3{
  font-size: var(--heading-h3-size,20px);
}

.deadlockboosting-time-presets-heading p{
  font-size: 11px;
  color: #778ca8;
  margin-top: 7px;
}

.deadlockboosting-time-presets{
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 9px;
  margin: 16px 0 10px;
}

.deadlockboosting-time-presets button{
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 6px;
  background: #f8faff;
  border: 1px solid #d6e2f2;
  border-radius: 6px;
  padding: 14px 15px;
  min-height: 70px;
  text-align: left;
  color: #45668f;
}

.deadlockboosting-time-presets button b{
  font-size: 12px;
}

.deadlockboosting-time-presets button span{
  font-size: 11px;
  color: #7b90ac;
}

.deadlockboosting-time-presets button:hover{
  background: #eef4ff;
  border-color: #9fbae1;
}

.deadlockboosting-time-presets button[aria-pressed=true]{
  background: #edf4ff;
  border-color: #3c74c8;
  box-shadow: inset 0 0 0 1px #3c74c8;
}

.deadlockboosting-time-presets button[aria-pressed=true]>b{
  color: #285da9;
}

.deadlockboosting-date-list-heading h3{
  font-size: var(--heading-h3-size,16px);
}

.deadlockboosting-availability-day{
  background: #fff;
  padding: 16px;
}

.deadlockboosting-availability-day-heading{
  margin-bottom: 8px;
}

.deadlockboosting-availability-day-heading .deadlockboosting-remove-date{
  font-size: 18px;
  line-height: 1;
  padding: 3px 6px;
}

.deadlockboosting-day-times-summary{
  font-size: 12px;
  color: #446793;
  line-height: 1.8;
  margin: 0 0 9px;
}

.deadlockboosting-availability-range select{
  display: block;
  width: 100%;
  min-width: 0;
  margin-top: 6px;
  min-height: 41px;
  padding: 8px 4px;
  background: #f8faff;
  border: 1px solid #ccdbee;
  border-radius: 4px;
  font: 11px Inter,Arial,sans-serif;
  color: #31527f;
}

.deadlockboosting-availability-range select[aria-invalid=true]{
  border-color: #c18c63;
}

.deadlockboosting-availability-range label{
  font-size: 10px;
}

.deadlockboosting-availability-range{
  gap: 6px;
}

#schedule-date-list{
  grid-template-columns: 1fr;
}

.deadlockboosting-target-rank-grid{
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: start;
}

.deadlockboosting-rank-pick-card{
  min-width: 0;
  border: 1px solid #d4e0f0;
  border-radius: 8px;
  background: #fff;
  transition: border-color .15s,background .15s;
  overflow: hidden;
}

.deadlockboosting-rank-pick-card:hover{
  border-color: #91b0dd;
}

.deadlockboosting-rank-pick-card h3{
  margin: 0;
}

.deadlockboosting-rank-pick-card h3>button{
  position: relative;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 103px;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 20px 36px 18px 21px;
  text-align: left;
  color: #314e77;
}

.deadlockboosting-rank-pick-card h3>button>img{
  width: 58px;
  height: 58px;
  object-fit: contain;
}

.deadlockboosting-rank-pick-card h3>button>span:not(.deadlockboosting-rank-pick-check){
  font: var(--heading-h3-font,700 23px/1.2 Rajdhani,Arial,sans-serif);
}

.deadlockboosting-rank-pick-check{
  display: none;
  position: absolute;
  top: 14px;
  right: 14px;
  border-radius: 50%;
  background: #2d67bf;
  color: white;
  font-size: 11px;
  width: 19px;
  height: 19px;
  line-height: 19px;
  text-align: center;
}

.deadlockboosting-rank-pick-card h4{
  font-size: 12px;
  line-height: 1.6;
  margin: 0 21px 9px;
  color: #617a9d;
}

.deadlockboosting-rank-pick-card>p{
  font-size: 11px;
  line-height: 1.8;
  margin: 0 21px 22px;
  color: #8595ac;
  min-height: 59px;
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target{
  background: #f1f6ff;
  border-color: #3c70c0;
  box-shadow: 0 0 0 1px #3c70c0;
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target .deadlockboosting-rank-pick-check{
  display: block;
}

.deadlockboosting-rank-inline-divisions{
  padding: 16px 20px 21px;
  border-top: 1px solid #d3e0f3;
}

.deadlockboosting-rank-inline-divisions>span{
  display: block;
  font-size: 10px;
  font-weight: 600;
  color: #5e7aa0;
  margin-bottom: 12px;
}

.deadlockboosting-rank-inline-divisions>div{
  display: flex;
  gap: 6px;
}

.deadlockboosting-rank-inline-divisions button{
  flex: 1;
  min-height: 38px;
  border-radius: 5px;
  border: 1px solid #c4d6ef;
  background: white;
  color: #5b7ca8;
  font-size: 12px;
  font-weight: 700;
}

.deadlockboosting-rank-inline-divisions button:hover{
  border-color: #8eadD8;
  background: #e9f1ff;
}

.deadlockboosting-rank-inline-divisions button[aria-pressed=true]{
  background: #3068c4;
  border-color: #3068c4;
  color: white;
}

.deadlockboosting-process-interactive{
  padding-bottom: 30px;
}

@media(max-width:1000px){

.deadlockboosting-target-rank-grid{
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.deadlockboosting-timezone-search-panel{
  width: 340px;
}

.deadlockboosting-time-presets button{
  padding: 13px 11px;
}

.deadlockboosting-time-presets button span{
  font-size: 10px;
}
}

@media(max-width:650px){

.deadlockboosting-service-switcher>span{
  padding: 11px 8px;
  font-size: 11px;
}

.deadlockboosting-timezone-confirm{
  display: block;
  padding-bottom: 20px;
}

.deadlockboosting-timezone-identity{
  margin-top: 18px;
  gap: 6px;
}

.deadlockboosting-timezone-identity>b{
  font-size: 13px;
}

.deadlockboosting-timezone-identity>span{
  font-size: 10px;
  line-height: 1.7;
}

.deadlockboosting-timezone-identity summary{
  font-size: 11px;
}

.deadlockboosting-timezone-search-panel{
  position: static;
  width: 100%;
  max-width: 100%;
  margin-top: 7px;
  padding: 15px;
  box-shadow: none;
}

.deadlockboosting-timezone-identity>details{
  justify-self: stretch;
}

.deadlockboosting-timezone-search-panel>input{
  font-size: 12px;
}

#timezone-results button{
  font-size: 11px;
  padding: 12px 3px;
}

.deadlockboosting-time-presets-heading h3{
  font-size: var(--heading-h3-size,20px);
}

.deadlockboosting-time-presets-heading p{
  font-size: 11px;
}

.deadlockboosting-time-presets{
  gap: 8px;
}

.deadlockboosting-time-presets button{
  min-height: 75px;
  padding: 13px 11px;
}

.deadlockboosting-time-presets button b{
  font-size: 12px;
}

.deadlockboosting-time-presets button span{
  font-size: 10px;
  line-height: 1.6;
}

.deadlockboosting-day-times-summary{
  font-size: 12px;
}

.deadlockboosting-availability-range select{
  font-size: 12px;
  min-height: 43px;
  padding: 9px 4px;
}

.deadlockboosting-availability-range{
  gap: 8px;
}

.deadlockboosting-rank-pick-card h3>button{
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 11px;
  min-height: 134px;
  padding: 19px 16px 12px;
}

.deadlockboosting-rank-pick-card h3>button>img{
  width: 57px;
  height: 57px;
}

.deadlockboosting-rank-pick-card h3>button>span:not(.deadlockboosting-rank-pick-check){
  font-size: var(--heading-h3-size,22px);
}

.deadlockboosting-rank-pick-card h4{
  font-size: 11px;
  margin: 0 16px 8px;
}

.deadlockboosting-rank-pick-card>p{
  font-size: 10px;
  margin: 0 16px 20px;
  min-height: 0;
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target{
  grid-column: 1/-1;
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target h3>button{
  flex-direction: row;
  align-items: center;
  min-height: 98px;
  gap: 19px;
  padding: 18px 25px;
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target h3>button>span:not(.deadlockboosting-rank-pick-check){
  font-size: var(--heading-h3-size,28px);
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target h4,.deadlockboosting-rank-pick-card.deadlockboosting-is-target>p{
  margin-left: 25px;
  margin-right: 25px;
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target>p{
  font-size: 11px;
}

.deadlockboosting-rank-inline-divisions{
  padding: 17px 24px 23px;
}

.deadlockboosting-rank-inline-divisions button{
  min-height: 44px;
}

.deadlockboosting-rank-inline-divisions>span{
  font-size: 11px;
}
}

.deadlockboosting-rank-pick-card{
  cursor: pointer;
}

.deadlockboosting-rank-inline-divisions{
  border-top: 0;
  padding-top: 0;
}

.deadlockboosting-rank-pick-card h3>button:focus-visible{
  outline: 2px solid #2d67bf;
  outline-offset: -4px;
}

.deadlockboosting-opening h1{
  white-space: nowrap;
  font-size: clamp(27px,3.1vw,43px);
  letter-spacing: -1.5px;
  line-height: 1.15;
}

.deadlockboosting-mode-comparison article:first-child,.deadlockboosting-mode-comparison article:first-child.deadlockboosting-chosen-mode{
  border-top-color: #ed9337;
}

.deadlockboosting-mode-comparison article:nth-child(2),.deadlockboosting-mode-comparison article:nth-child(2).deadlockboosting-chosen-mode{
  border-top-color: #5979b1;
}

.deadlockboosting-order-summary #route-label{
  margin-top: 18px;
  margin-bottom: 9px;
}

.deadlockboosting-order-summary #route-meta{
  margin-bottom: 20px;
}

#schedule-window-editor{
  padding: 17px 18px 5px;
  background: #f0f5fe;
  border: 1px solid #c4d7f1;
  border-radius: 6px;
  margin: 14px 0;
}

#schedule-window-editor h4{
  font-size: 13px;
  color: #345b90;
  margin: 0 0 7px;
}

#schedule-window-editor>p{
  font-size: 10px;
  color: #6b84a6;
  margin: 0 0 14px;
}

.deadlockboosting-availability-day .deadlockboosting-availability-range{
  margin-bottom: 9px;
}

.deadlockboosting-availability-day .deadlockboosting-add-range{
  min-height: 28px;
}

.deadlockboosting-day-flexible{
  font-size: 12px;
  color: #627e9f;
  margin-right: 18px;
}

.deadlockboosting-rank-pick-card{
  height: 100%;
  display: flex;
  flex-direction: column;
}

.deadlockboosting-target-rank-grid{
  align-items: stretch;
}

.deadlockboosting-rank-pick-card h3>button{
  min-height: 96px;
}

.deadlockboosting-rank-pick-card>p{
  order: 1;
  min-height: 100px;
  font-size: 12px;
  line-height: 1.85;
  margin-bottom: 14px;
}

.deadlockboosting-rank-inline-divisions{
  order: 2;
  margin-top: auto;
  height: 82px;
  flex-shrink: 0;
  visibility: hidden;
  padding: 0 20px 17px;
}

.deadlockboosting-rank-inline-divisions.deadlockboosting-division-active{
  visibility: visible;
}

.deadlockboosting-rank-inline-divisions>span{
  margin-bottom: 8px;
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target{
  grid-column: auto;
}

.deadlockboosting-rank-pick-card.deadlockboosting-rank-below-current{
  background: #f5f6f9;
  box-shadow: none;
  border-color: #e0e5ed;
  cursor: default;
}

.deadlockboosting-rank-below-current h3>button{
  cursor: default;
  color: #8190a4;
  opacity: 1;
}

.deadlockboosting-rank-below-current h3 img{
  filter: grayscale(1);
  opacity: .5;
}

.deadlockboosting-rank-below-current>p{
  color: #8c98aa;
}

.deadlockboosting-rank-pick-card h3>button:disabled:hover{
  background: transparent;
}

@media(max-width:1000px){

.deadlockboosting-opening h1{
  font-size: clamp(26px,3.5vw,36px);
}

.deadlockboosting-rank-pick-card>p{
  min-height: 85px;
}
}

@media(max-width:650px){

.deadlockboosting-rank-pick-card.deadlockboosting-is-target h3>button,.deadlockboosting-rank-pick-card h3>button{
  flex-direction: column;
  align-items: start;
  gap: 9px;
  padding: 17px 14px 13px;
  min-height: 130px;
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target h3>button>span:not(.deadlockboosting-rank-pick-check),.deadlockboosting-rank-pick-card h3>button>span:not(.deadlockboosting-rank-pick-check){
  font-size: var(--heading-h3-size,21px);
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target>p,.deadlockboosting-rank-pick-card>p{
  margin-left: 14px;
  margin-right: 14px;
  font-size: 11px;
  min-height: 145px;
  line-height: 1.75;
}

.deadlockboosting-rank-inline-divisions{
  height: 78px;
  padding: 0 13px 15px;
}

.deadlockboosting-rank-inline-divisions>div{
  display: none;
}

.deadlockboosting-rank-inline-divisions>span{
  font-size: 10px;
}

.deadlockboosting-availability-range select{
  font-size: 13px;
}

#schedule-window-editor{
  padding: 16px 13px 5px;
}
}

.deadlockboosting-rank-radio-grid{
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.deadlockboosting-rank-pick-card>p{
  min-height: 74px;
}

.deadlockboosting-rank-pick-card h3>button{
  min-height: 86px;
}

@media(max-width:650px){

.deadlockboosting-rank-pick-card>p,.deadlockboosting-rank-pick-card.deadlockboosting-is-target>p{
  min-height: 145px;
}

.deadlockboosting-rank-pick-card h3>button,.deadlockboosting-rank-pick-card.deadlockboosting-is-target h3>button{
  min-height: 130px;
}
}

@media(max-width:650px){

.deadlockboosting-rank-pick-card.deadlockboosting-is-target>p,.deadlockboosting-rank-pick-card>p{
  min-height: 120px;
}

.deadlockboosting-rank-pick-card.deadlockboosting-is-target h3>button,.deadlockboosting-rank-pick-card h3>button{
  min-height: 122px;
}

.deadlockboosting-rank-inline-divisions{
  height: 74px;
  padding-bottom: 11px;
}
}

img[src$="ranks/emerald.png"]{
  scale: .506;
  transform: none;
}

.deadlockboosting-rank-choice img,.deadlockboosting-rank-pick-card img,.deadlockboosting-rank-preview img{
  transition: transform .18s ease;
}

.deadlockboosting-rank-choice:hover img,.deadlockboosting-rank-choice:focus-within img,.deadlockboosting-rank-pick-card:not(.deadlockboosting-rank-below-current):hover img,.deadlockboosting-rank-pick-card:focus-within img{
  transform: scale(1.08);
}

html{
  scroll-behavior: smooth;
}

@media(prefers-reduced-motion:reduce){

html{
  scroll-behavior: auto;
}

.deadlockboosting-rank-choice img,.deadlockboosting-rank-pick-card img,.deadlockboosting-rank-preview img{
  transition: none;
}
}

.deadlockboosting-opening.deadlockboosting-wrap{
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: none;
  min-height: 400px;
  margin: 0;
  padding: 30px 0 40px;
  overflow: hidden;
  background: var(--page);
}

.deadlockboosting-opening-copy{
  position: relative;
  z-index: 2;
  width: calc(100% - 80px);
  max-width: 1240px;
  margin: 0 auto;
  min-width: 0;
}

.deadlockboosting-opening-copy>p{
  max-width: 465px;
}

.deadlockboosting-opening-copy .deadlockboosting-opening-promise{
  max-width: 500px;
}

.deadlockboosting-opening h1{
  font-size: clamp(30px,3.3vw,46px);
  letter-spacing: -1.6px;
}

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  font-size: 14px;
  line-height: 1.85;
}

.deadlockboosting-opening .deadlockboosting-button{
  margin-top: 27px;
}

.deadlockboosting-opening-art{
  position: absolute;
  inset: 0;
  z-index: -1;
  margin: 0;
  align-self: stretch;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  pointer-events: none;
}

.deadlockboosting-opening-art img{
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  border-radius: 0;
  object-fit: cover;
  object-position: center 12%;
}

.deadlockboosting-opening-art:after{
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,#f4f6fb 0%,#f4f6fbeb 24%,#f4f6fb6b 45%,#f4f6fb00 62%),linear-gradient(0deg,#f4f6fb 0%,#f4f6fb00 22%);
}

.deadlockboosting-calculator-section>.deadlockboosting-service-switcher{
  margin-bottom: 30px;
}

.deadlockboosting-calculator-section>.deadlockboosting-section-heading{
  margin-bottom: 25px;
}

@media(min-width:1500px){

.deadlockboosting-opening.deadlockboosting-wrap{
  min-height: 400px;
}

.deadlockboosting-opening-copy>p{
  max-width: 495px;
}

.deadlockboosting-opening-art img{
  object-position: center 9%;
}
}

@media(max-width:1000px) and (min-width:651px){

.deadlockboosting-opening.deadlockboosting-wrap{
  min-height: 540px;
  padding: 65px 0;
}

.deadlockboosting-opening-copy>p{
  max-width: 355px;
}

.deadlockboosting-opening h1{
  font-size: 32px;
}

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  font-size: 12px;
}

.deadlockboosting-opening-art img{
  object-position: 58% 15%;
}

.deadlockboosting-opening-art:after{
  background: linear-gradient(90deg,#f4f6fb 0%,#f4f6fbed 24%,#f4f6fb50 53%,transparent 70%),linear-gradient(0deg,#f4f6fb,transparent 22%);
}
}

@media(max-width:650px){

.deadlockboosting-opening.deadlockboosting-wrap{
  display: flex;
  min-height: 0;
  padding: 42px 0 38px;
}

.deadlockboosting-opening-copy{
  width: calc(100% - 36px);
  max-width: none;
}

.deadlockboosting-opening h1{
  font-size: clamp(24px,7.15vw,36px);
  letter-spacing: -1px;
}

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  font-size: 13px;
  line-height: 1.85;
}

.deadlockboosting-opening .deadlockboosting-button{
  margin-top: 23px;
}

.deadlockboosting-opening-art{
  inset: 0;
  height: 100%;
}

.deadlockboosting-opening-art img{
  object-fit: cover;
  object-position: 76% 18%;
  opacity: .44;
}

.deadlockboosting-opening-art:after{
  background: linear-gradient(90deg,#f4f6fbdb 0%,#f4f6fb8c 50%,#f4f6fb26 100%),linear-gradient(0deg,#f4f6fb 0%,transparent 32%);
}

.deadlockboosting-calculator-section>.deadlockboosting-service-switcher{
  margin-bottom: 24px;
}

.deadlockboosting-calculator-section>.deadlockboosting-section-heading{
  margin-bottom: 20px;
}
}

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  max-width: 465px;
}

@media(min-width:1500px){

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  max-width: 495px;
}
}

@media(max-width:1000px) and (min-width:651px){

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  max-width: min(330px,calc(50vw - 40px));
}
}

@media(max-width:650px){

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  max-width: 410px;
}
}

.deadlockboosting-brand img,.deadlockboosting-topbar .deadlockboosting-brand img{
  width: 43px;
  height: 43px;
}

@media(max-width:650px){

.deadlockboosting-brand img,.deadlockboosting-topbar .deadlockboosting-brand img{
  width: 36px;
  height: 36px;
}

.deadlockboosting-opening-copy>p:not(.deadlockboosting-kicker){
  line-height: 1.75;
}

.deadlockboosting-calculator-section.deadlockboosting-wrap{
  padding-top: 22px;
}
}

@media(min-width:1001px){

.deadlockboosting-opening.deadlockboosting-wrap{
  overflow: visible;
}

.deadlockboosting-opening-art{
  inset: 0 max(13px,calc((100% - 1240px)/2 + 5px)) -25px auto;
  width: 900px;
  overflow: hidden;
  z-index: 1;
  mask-image: linear-gradient(90deg,transparent 0%,transparent 32%,#0006 43%,#000e 57%,#000000f7 68%,#000000f7 100%);
}

.deadlockboosting-opening-art img{
  position: absolute;
  top: -26px;
  width: 900px;
  height: 600px;
  object-fit: contain;
  object-position: center;
}

.deadlockboosting-opening-art:after{
  background: linear-gradient(90deg,#f4f6fb 0%,#f4f6fbcc 25%,transparent 50%,transparent 71%,#f4f6fb14 79%,#f4f6fb70 89%,#f4f6fbdb 96%,#f4f6fb 100%),linear-gradient(0deg,#f4f6fb 0%,transparent 14%);
}

.deadlockboosting-opening.deadlockboosting-wrap:before{
  content: '';
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0;
  left: max(-50px,calc((100% - 1240px)/2 - 90px));
  width: 780px;
  height: 460px;
  background: url('/img/hero-armor-lines.svg') left top/780px 460px no-repeat;
}

.deadlockboosting-calculator-section>.deadlockboosting-service-switcher{
  position: relative;
  z-index: 1;
}
}

@media(min-width:1001px) and (max-width:1399px){

.deadlockboosting-opening.deadlockboosting-wrap:before{
  background-image: url('/img/hero-armor-compact.svg');
}
}

.deadlockboosting-portrait-grid{
  align-items: start;
}

.deadlockboosting-portrait-choice,.deadlockboosting-portrait-choice[aria-pressed=true]{
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 0;
  aspect-ratio: 1;
  padding: 0;
  gap: 0;
  overflow: hidden;
  isolation: isolate;
  border: 0;
  box-shadow: none;
  outline: none;
}

.deadlockboosting-portrait-choice:after{
  content: '';
  position: absolute;
  z-index: 3;
  inset: 0;
  border: 2px solid transparent;
  border-radius: inherit;
  box-shadow: none;
  pointer-events: none;
}

.deadlockboosting-portrait-choice[aria-pressed=true]:after{
  border-color: #2a67cc;
  box-shadow: none;
}

.deadlockboosting-portrait-choice:focus-visible:after{
  border-color: #2a67cc;
  box-shadow: none;
}

.deadlockboosting-character-selection-section,.deadlockboosting-order-summary{
  overflow-anchor: none;
}

.deadlockboosting-character-guidance{
  line-height: 20px;
  min-height: 40px;
}

.deadlockboosting-character-gallery-heading>span{
  line-height: 14px;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#summary-hero-list{
  min-height: 30px;
  align-content: start;
}

.deadlockboosting-portrait-choice>img{
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
  transform: none;
  transition: none;
}

.deadlockboosting-portrait-choice>span{
  position: absolute;
  z-index: 1;
  inset: auto 0 0;
  min-height: 0;
  padding: 24px 6px 9px;
  background: linear-gradient(transparent,#172d4bd9 48%,#172d4bf2);
  color: #fff;
  font-size: 11px;
  line-height: 1.4;
  text-align: center;
  transform: translateY(100%);
  transition: transform .22s ease;
  pointer-events: none;
}

.deadlockboosting-portrait-choice:hover>span,.deadlockboosting-portrait-choice:focus-visible>span{
  transform: translateY(0);
}

.deadlockboosting-portrait-choice:hover>img{
  transform: none;
}

.deadlockboosting-portrait-choice>b{
  z-index: 2;
}

@media(hover:none){

.deadlockboosting-portrait-choice>span{
  transform: none;
  padding-top: 20px;
}

.deadlockboosting-portrait-choice:hover>img{
  transform: none;
}
}

@media(prefers-reduced-motion:reduce){

.deadlockboosting-portrait-choice>img,.deadlockboosting-portrait-choice>span{
  transition: none;
}

.deadlockboosting-portrait-choice:hover>img{
  transform: none;
}
}

.deadlockboosting-rank-choice,.deadlockboosting-rank-choice input,.deadlockboosting-rank-choice>span{
  cursor: pointer;
}

.deadlockboosting-rank-choice:has(input:disabled),.deadlockboosting-rank-choice input:disabled{
  cursor: not-allowed;
}

.deadlockboosting-rank-guide-copy{
  order: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 0 20px 19px;
  gap: 15px;
}

.deadlockboosting-rank-guide-copy>p{
  margin: 0;
  font-size: 12px;
  line-height: 1.8;
  color: #526987;
}

.deadlockboosting-rank-below-current .deadlockboosting-rank-guide-copy{
  opacity: .8;
}

@media(max-width:650px){

.deadlockboosting-target-rank-grid{
  grid-template-columns: minmax(0,1fr);
}

.deadlockboosting-rank-pick-card h3>button,.deadlockboosting-rank-pick-card.deadlockboosting-is-target h3>button{
  flex-direction: row;
  align-items: center;
  min-height: 86px;
  gap: 16px;
}

.deadlockboosting-rank-pick-card h3>button>img{
  width: 48px;
  height: 48px;
}

.deadlockboosting-rank-guide-copy{
  padding: 0 17px 16px;
  gap: 12px;
}

.deadlockboosting-rank-guide-copy>p{
  font-size: 12px;
  line-height: 1.75;
}

.deadlockboosting-rank-inline-divisions>div{
  display: flex;
}

.deadlockboosting-rank-inline-divisions button{
  flex: 1;
}
}

.deadlockboosting-questions{
  display: block;
}

.deadlockboosting-questions .deadlockboosting-faq-intro{
  position: static;
  max-width: none;
  margin-bottom: 28px;
}

.deadlockboosting-questions .deadlockboosting-questions-list{
  width: 100%;
  max-width: none;
}

.deadlockboosting-questions-list details:first-child{
  border-top: 1px solid #d7e1ee;
}

.deadlockboosting-target-rank-grid{
  row-gap: 20px;
}

.deadlockboosting-rank-pick-card{
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
  row-gap: 0;
}

.deadlockboosting-rank-pick-card h3{
  grid-row: 1;
}

.deadlockboosting-rank-guide-copy{
  display: contents;
}

.deadlockboosting-rank-guide-copy>p{
  grid-row: 2;
  margin: 0 20px 19px;
}

.deadlockboosting-rank-inline-divisions{
  grid-row: 4;
  margin-top: 0;
}

.deadlockboosting-rank-below-current .deadlockboosting-rank-guide-copy>p{
  color: #7a8aa1;
}

@media(max-width:650px){

.deadlockboosting-questions .deadlockboosting-faq-intro{
  margin-bottom: 22px;
}

.deadlockboosting-rank-guide-copy>p{
  margin: 0 17px 16px;
}
}

#services.deadlockboosting-chapter{
  padding-top: 56px;
}

@media(max-width:650px){

#services.deadlockboosting-chapter{
  padding-top: 40px;
}
}

.deadlockboosting-direction-icon{
  display: block;
  width: 32px;
  height: 24px;
  flex: none;
  color: #3979cf;
}

.deadlockboosting-order-summary #route-label.deadlockboosting-summary-route{
  display: grid;
  grid-template-columns: minmax(0,1fr) 32px minmax(0,1fr);
  align-items: center;
  gap: 8px;
  margin: 18px 0 12px;
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0;
}

.deadlockboosting-summary-tier{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  min-width: 0;
  text-align: center;
}

.deadlockboosting-summary-tier>small{
  font-size: 10px;
  font-weight: 500;
  color: var(--muted);
}

.deadlockboosting-summary-tier>img{
  width: 56px;
  height: 56px;
  object-fit: contain;
}

.deadlockboosting-summary-tier>span{
  font-size: 12px;
  font-weight: 700;
}

.deadlockboosting-button.deadlockboosting-button-with-icon{
  gap: 12px;
}

.deadlockboosting-button>.deadlockboosting-direction-icon{
  width: 24px;
  height: 18px;
  color: currentColor;
}

.deadlockboosting-direction-icon[data-direction="down"]{
  transform: rotate(90deg);
}

.deadlockboosting-direction-icon[data-direction="up"]{
  transform: rotate(-90deg);
}

.deadlockboosting-opening-actions{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 27px;
}

.deadlockboosting-opening .deadlockboosting-opening-actions>.deadlockboosting-button{
  margin: 0;
  min-width: 160px;
}

.deadlockboosting-button.deadlockboosting-button-secondary,.deadlockboosting-button.deadlockboosting-secondary{
  background: transparent;
  color: #305b94;
  border-color: #a3badd;
  box-shadow: inset 0 2px 0 #ffffff8c,inset 0 -1px 0 #a3badd20,0 calc(var(--button-depth) - var(--button-press)) 0 #b4c6df,0 calc(var(--button-depth) + 4px - var(--button-press)) 12px #2448770d;
}

@media(hover:hover) and (pointer:fine){

.deadlockboosting-button.deadlockboosting-button-secondary:hover:not(:disabled):not([aria-disabled="true"]),.deadlockboosting-button.deadlockboosting-secondary:hover:not(:disabled):not([aria-disabled="true"]){
  background: #e8f0fba6;
  border-color: #829fc5;
}
}

@media(max-width:650px){

.deadlockboosting-opening-actions{
  gap: 12px;
  margin-top: 23px;
  max-width: 370px;
}

.deadlockboosting-opening .deadlockboosting-opening-actions>.deadlockboosting-button{
  flex: 1 1 0;
  min-width: 0;
  padding-inline: 10px;
  font-size: 11px;
  gap: 8px;
}
}

.deadlockboosting-order-summary .deadlockboosting-summary-header{
  justify-content: center;
  text-align: center;
}

#config-form .deadlockboosting-rank-box>legend{
  width: 100%;
  padding: 0;
  text-align: center;
}

#config-form .deadlockboosting-rank-preview{
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 12px 0 18px;
  text-align: center;
}

#config-form>.deadlockboosting-rank-pickers{
  margin-top: 0;
}

#config-form>.deadlockboosting-mode-picker{
  margin-top: 20px;
}

.deadlockboosting-mode-title>h3{
  margin: 0;
  font-size: var(--heading-h3-size,20px);
  line-height: 1.4;
}

.deadlockboosting-brand,.deadlockboosting-topbar .deadlockboosting-brand{
  display: flex;
  align-items: center;
  gap: 11px;
  flex-shrink: 0;
  text-decoration: none;
}

.deadlockboosting-brand img,.deadlockboosting-topbar .deadlockboosting-brand img{
  width: 52px;
  height: 52px;
  object-fit: contain;
  flex: none;
}

.deadlockboosting-brand>span,.deadlockboosting-topbar .deadlockboosting-brand>span{
  font: 800 17px/1.2 Inter,Arial,sans-serif;
  letter-spacing: -.4px;
}

.deadlockboosting-brand strong,.deadlockboosting-topbar .deadlockboosting-brand strong{
  display: block;
  font: 700 13px/1.4 Inter,Arial,sans-serif;
  letter-spacing: 1.2px;
  font-style: normal;
}

@media(max-width:650px){

.deadlockboosting-brand img,.deadlockboosting-topbar .deadlockboosting-brand img{
  width: 44px;
  height: 44px;
}

.deadlockboosting-brand>span,.deadlockboosting-topbar .deadlockboosting-brand>span{
  font-size: 14px;
  letter-spacing: -.3px;
}

.deadlockboosting-brand strong,.deadlockboosting-topbar .deadlockboosting-brand strong{
  font-size: 11px;
  letter-spacing: 1px;
}
}

:root{
  --selection-on: url('/img/selection-on.svg');
  --selection-off: url('/img/selection-off.svg');
}

.deadlockboosting-rank-pick-check,.deadlockboosting-portrait-choice>b{
  content: '';
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 0;
  background: transparent var(--selection-off) center/contain no-repeat;
  box-shadow: none;
  font-size: 0;
  line-height: 0;
  color: transparent;
}

.deadlockboosting-rank-pick-check,.deadlockboosting-portrait-choice>b{
  background-image: var(--selection-on);
}

.deadlockboosting-rank-pick-check{
  top: 12px;
  right: 12px;
}

.deadlockboosting-portrait-choice>b{
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
}

.deadlockboosting-character-options input,.deadlockboosting-mode-picker input{
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  z-index: 1;
  width: 24px;
  height: 24px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent var(--selection-off) center/contain no-repeat;
  cursor: pointer;
  opacity: 1;
}

.deadlockboosting-character-options input{
  left: 15px;
  top: 19px;
}

.deadlockboosting-character-options input+span{
  padding-left: 51px;
}

.deadlockboosting-mode-picker input{
  left: 11px;
  top: 17px;
  width: 22px;
  height: 22px;
}

.deadlockboosting-mode-picker label>span{
  padding-left: 43px;
}

.deadlockboosting-character-options input:checked,.deadlockboosting-mode-picker input:checked{
  background-image: var(--selection-on);
}

.deadlockboosting-character-options input:focus-visible,.deadlockboosting-mode-picker input:focus-visible{
  outline: 2px solid #356cc5;
  outline-offset: 3px;
}

.deadlockboosting-portrait-choice:focus-visible{
  outline: none;
}

.deadlockboosting-mode-comparison button[aria-pressed=true]>span:after{
  content: none;
}

.deadlockboosting-mode-comparison button[aria-pressed=true]:after{
  content: '';
  display: inline-block;
  flex: none;
  width: 24px;
  height: 24px;
  margin-left: 15px;
  background: var(--selection-on) center/contain no-repeat;
}

.deadlockboosting-order-summary{
  border-top: 1px solid #cdd9eb;
}

@media(max-width:650px){

.deadlockboosting-character-options input{
  top: 17px;
  left: 13px;
}

.deadlockboosting-character-options input+span{
  padding-left: 49px;
}

.deadlockboosting-mode-picker input{
  left: 8px;
}

.deadlockboosting-mode-picker label>span{
  padding-left: 37px;
}

.deadlockboosting-rank-pick-check{
  width: 22px;
  height: 22px;
  right: 9px;
  top: 9px;
}
}

@media(forced-colors:active){

.deadlockboosting-portrait-choice:after{
  border-color: ButtonText;
  box-shadow: none;
}

.deadlockboosting-portrait-choice[aria-pressed=true]:after,.deadlockboosting-portrait-choice:focus-visible:after{
  border-color: Highlight;
}

.deadlockboosting-character-options input,.deadlockboosting-mode-picker input{
  appearance: auto;
  -webkit-appearance: auto;
}

.deadlockboosting-rank-pick-check,.deadlockboosting-portrait-choice>b{
  background: none;
  color: Highlight;
  font-size: 20px;
  line-height: 24px;
}
}

.deadlockboosting-process-art-layout{
  overflow: hidden;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-intro{
  margin-bottom: 0;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-tabs{
  margin: 28px 0 30px;
}

.deadlockboosting-process-story{
  display: grid;
  grid-template-columns: minmax(0,1.5fr) minmax(0,1fr);
  gap: 36px;
  align-items: center;
}

.deadlockboosting-process-story-art{
  position: relative;
  margin: 0;
  min-width: 0;
  aspect-ratio: 1.55;
  align-self: center;
}

.deadlockboosting-process-story-art img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 7px;
  display: block;
}

.deadlockboosting-process-story-content{
  min-width: 0;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-panel{
  display: block;
  min-height: 0;
  padding: 0;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-panel-copy h3{
  font-size: var(--heading-h3-size,27px);
  line-height: var(--heading-h3-leading,1.2);
  margin-bottom: 18px;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-panel-copy p{
  font-size: 13px;
  line-height: 1.85;
}

.deadlockboosting-process-tabs button.deadlockboosting-is-reached{
  color: #265bab;
}

.deadlockboosting-process-tabs button.deadlockboosting-is-reached>span{
  background: #3168c3;
  border-color: #3168c3;
  color: #fff;
}

.deadlockboosting-process-tabs button>span{
  transition: background-color .25s,border-color .25s,color .25s;
}

.deadlockboosting-process-tabs button[aria-selected=true]>b{
  color: #203961;
}

.deadlockboosting-process-scroll-track{
  display: flow-root;
}

@media(min-width:651px){

.deadlockboosting-process-scroll-track .deadlockboosting-process-story-art{
  max-height: clamp(210px,calc(100svh - 380px),460px);
}
}

.deadlockboosting-process-scroll-track.deadlockboosting-is-scroll-driven{
  height: var(--process-track-height);
  position: relative;
}

.deadlockboosting-process-scroll-track.deadlockboosting-is-scroll-driven>.deadlockboosting-process-section{
  position: sticky;
  top: var(--process-sticky-top);
  margin-top: 0;
  margin-bottom: 0;
}

.deadlockboosting-process-story-content{
  display: grid;
  align-items: center;
}

.deadlockboosting-process-story-content>.deadlockboosting-process-panel{
  grid-area: 1/1;
  display: block!important;
  visibility: hidden;
  pointer-events: none;
}

.deadlockboosting-process-story-content>.deadlockboosting-process-panel:not([hidden]){
  visibility: visible;
  pointer-events: auto;
  animation: process-copy-reveal .25s ease-out;
}

@keyframes process-copy-reveal{

from{
  opacity: .3;
}

to{
  opacity: 1;
}
}

@media(prefers-reduced-motion:reduce){

.deadlockboosting-process-tabs button>span,.deadlockboosting-process-rail>span{
  transition: none;
}

.deadlockboosting-process-story-content>.deadlockboosting-process-panel:not([hidden]){
  animation: none;
}
}

@media print{

.deadlockboosting-process-scroll-track.deadlockboosting-is-scroll-driven{
  height: auto;
}

.deadlockboosting-process-scroll-track.deadlockboosting-is-scroll-driven>.deadlockboosting-process-section{
  position: static;
}
}

@media(max-width:850px){

.deadlockboosting-process-story{
  grid-template-columns: minmax(0,1.25fr) minmax(0,1fr);
  gap: 23px;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-panel-copy h3{
  font-size: var(--heading-h3-size,24px);
}

.deadlockboosting-process-art-layout .deadlockboosting-process-panel-copy p{
  font-size: 12px;
}
}

@media(max-width:650px){

.deadlockboosting-process-art-layout{
  padding: 25px 18px;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-tabs{
  margin: 25px 0 20px;
}

.deadlockboosting-process-story{
  grid-template-columns: 1fr;
  gap: 22px;
}

.deadlockboosting-process-story-art{
  width: 100%;
}

.deadlockboosting-process-story-content{
  min-height: 200px;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-panel-copy h3{
  font-size: var(--heading-h3-size,23px);
  margin-bottom: 12px;
}
}

#profile-empty[hidden]{
  display: none;
}

#profile-empty{
  padding: 25px;
  background: #f2f6fc;
  border-radius: 7px;
  line-height: 1.75;
  font-size: 13px;
  color: #60738e;
}

.deadlockboosting-delivery-preview dl{
  margin: 0!important;
}

.deadlockboosting-delivery-preview{
  padding-top: 15px!important;
  padding-bottom: 6px!important;
}

.deadlockboosting-delivery-preview{
  margin: 20px 0 8px;
  padding: 15px 0 0;
  border-top: 1px solid #dce5f0;
}

.deadlockboosting-delivery-preview dl{
  margin: 12px 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}

.deadlockboosting-delivery-preview dl>div{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  min-width: 0;
  font-size: 11px;
  line-height: 1.5;
}

.deadlockboosting-delivery-preview dl>div+div{
  padding-left: 15px;
  border-left: 1px solid #dce5f0;
}

.deadlockboosting-delivery-preview dt{
  color: #60738e;
}

.deadlockboosting-delivery-preview dd{
  margin: 0;
  text-align: left;
  font-size: 13px;
  font-weight: 650;
  color: #263f63;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.deadlockboosting-delivery-preview>p{
  font-size: 10px!important;
  line-height: 1.6;
  color: #60738e;
}

@media(max-width:700px){

#case-dialog{
  padding: 29px 22px;
}
}

.deadlockboosting-timezone-confirm{
  padding-bottom: 18px;
}

.deadlockboosting-timezone-confirm .deadlockboosting-timezone-identity{
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 0 22px;
  width: 100%;
  margin-top: 0;
}

.deadlockboosting-timezone-confirm .deadlockboosting-timezone-clock{
  grid-column: 1;
  grid-row: 1 / span 2;
  min-width: 100px;
  color: #284c7f;
  font-size: 24px;
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -.5px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.deadlockboosting-timezone-confirm .deadlockboosting-timezone-clock[hidden]{
  display: none;
}

.deadlockboosting-timezone-confirm #schedule-zone-name{
  grid-column: 2;
  grid-row: 1;
}

.deadlockboosting-timezone-confirm .deadlockboosting-timezone-identity>details{
  grid-column: 2;
  grid-row: 2;
  margin-top: 0;
}

@media(max-width:650px){

.deadlockboosting-timezone-confirm .deadlockboosting-timezone-identity{
  gap: 0 16px;
}

.deadlockboosting-timezone-confirm .deadlockboosting-timezone-clock{
  min-width: 86px;
  font-size: 21px;
}

.deadlockboosting-timezone-confirm .deadlockboosting-timezone-identity>details{
  position: static;
}

.deadlockboosting-timezone-confirm .deadlockboosting-timezone-search-panel{
  position: absolute;
  left: 0;
  top: calc(100% + 8px);
  width: 100%;
  margin-top: 0;
  box-shadow: 0 12px 30px #233d6c18;
}
}

.deadlockboosting-character-selector-heading{
  align-items: center;
}

.deadlockboosting-character-gallery-heading{
  min-height: 28px;
}

.deadlockboosting-character-gallery-heading>#character-count{
  box-sizing: border-box;
  flex: 0 0 112px;
  width: 112px;
  min-height: 28px;
  padding: 5px 9px;
  justify-content: center;
  background: #ffa747;
  border: 1px solid #ed932f;
  border-radius: 5px;
  color: #593311;
  font-size: 11px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
  text-align: center;
}

.deadlockboosting-character-gallery-heading>#character-count.deadlockboosting-is-empty{
  visibility: hidden;
}

.deadlockboosting-character-price-line[hidden]{
  display: none!important;
}

#rank-skin-reward{
  scroll-margin-top: 110px;
}

.deadlockboosting-rank-guide-disclosure>summary{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  list-style: none;
  cursor: pointer;
  padding: 24px 28px;
  font: 700 24px/1.25 var(--display);
  color: var(--navy);
  background: white;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.deadlockboosting-rank-guide-disclosure>summary::-webkit-details-marker{
  display: none;
}

.deadlockboosting-rank-guide-disclosure>summary>span{
  font: 400 24px/1 var(--body);
  color: var(--blue);
  transition: transform .2s;
}

.deadlockboosting-rank-guide-disclosure[open]>summary>span{
  transform: rotate(45deg);
}

.deadlockboosting-rank-guide-body{
  padding-top: 28px;
}

.deadlockboosting-schedule-confirmation{
  font-size: 11px;
  font-weight: 600;
  line-height: 1.7;
  color: var(--blue);
  margin: 12px 0;
}

.deadlockboosting-schedule-calendar>.deadlockboosting-schedule-guidance{
  padding: 12px;
  margin: 16px 0 0;
  border: 1px solid #efd4ad;
  border-radius: 5px;
  background: #fff7eb;
  color: #89531e;
  font-size: 11px;
  line-height: 1.7;
  text-align: left;
}

.deadlockboosting-schedule-guidance[hidden]{
  display: none;
}

.deadlockboosting-target-chapter{
  padding-top: 38px;
  padding-bottom: 38px;
}

#cancellation{
  scroll-margin-top: 110px;
}

.deadlockboosting-landing-page .deadlockboosting-mode-title b{
  line-height: 1.4;
}

.deadlockboosting-landing-page .deadlockboosting-mode-comparison{
  grid-template-rows: repeat(5,auto);
  row-gap: 0;
  align-items: stretch;
}

.deadlockboosting-landing-page .deadlockboosting-mode-comparison article{
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 5;
  row-gap: 0;
}

.deadlockboosting-landing-page .deadlockboosting-mode-title{
  padding-bottom: 20px;
}

.deadlockboosting-landing-page .deadlockboosting-mode-title>b{
  min-height: 0;
}

.deadlockboosting-landing-page .deadlockboosting-mode-comparison dl{
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  margin: 0;
}

.deadlockboosting-landing-page .deadlockboosting-mode-comparison .deadlockboosting-outline-button{
  align-self: stretch;
  min-height: 50px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media(max-width:700px){

.deadlockboosting-rank-guide-disclosure>summary{
  font-size: 21px;
  padding: 20px;
}

.deadlockboosting-rank-guide-body{
  padding-top: 22px;
}

.deadlockboosting-target-chapter{
  padding-top: 25px;
  padding-bottom: 25px;
}
}

@media(prefers-reduced-motion:reduce){

.deadlockboosting-rank-guide-disclosure>summary>span{
  transition: none;
}
}

.deadlockboosting-rank-pick-card{
  grid-row: span 5;
}

.deadlockboosting-rank-guide-copy>p{
  grid-row: 3;
}

.deadlockboosting-rank-inline-divisions{
  grid-row: 5;
}

.deadlockboosting-landing-page{
  --heading-family: var(--body);
  --heading-weight: 700;
  --heading-h2-size: 32px;
  --heading-h2-leading: 1.25;
  --heading-h2-tracking: -.65px;
  --heading-h3-size: 20px;
  --heading-h3-leading: 1.3;
  --heading-h3-tracking: -.2px;
  --heading-h2-font: var(--heading-weight) var(--heading-h2-size)/var(--heading-h2-leading) var(--heading-family);
  --heading-h3-font: var(--heading-weight) var(--heading-h3-size)/var(--heading-h3-leading) var(--heading-family);
}

.deadlockboosting-landing-page h2{
  font: var(--heading-h2-font);
  letter-spacing: var(--heading-h2-tracking);
}

.deadlockboosting-landing-page h3{
  font: var(--heading-h3-font);
  letter-spacing: var(--heading-h3-tracking);
}

@media(max-width:650px){

.deadlockboosting-landing-page{
  --heading-h2-size: 26px;
  --heading-h2-tracking: -.45px;
  --heading-h3-size: 18px;
  --heading-h3-tracking: -.15px;
}
}

.deadlockboosting-questions .deadlockboosting-questions-list{
  display: grid;
  gap: 12px;
  border: 0;
}

.deadlockboosting-questions .deadlockboosting-questions-list>details,.deadlockboosting-questions .deadlockboosting-questions-list>details:first-child{
  margin: 0;
  border: 1px solid #d2deee;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 3px 10px #203f6c04;
  transition: border-color .25s,box-shadow .25s;
}

.deadlockboosting-questions .deadlockboosting-questions-list>details:hover{
  border-color: #adc4e3;
}

.deadlockboosting-questions .deadlockboosting-questions-list>details[data-expanded=true]{
  border-color: #a9c2e4;
  box-shadow: 0 5px 18px #24487708;
}

.deadlockboosting-questions .deadlockboosting-questions-list>details>summary{
  align-items: center;
  gap: 22px;
  min-height: 76px;
  padding: 20px 24px;
  border-radius: 7px;
  font: 700 16px/1.5 var(--body);
  color: #263f63;
  text-decoration: none;
  transition: background-color .25s,color .25s;
}

.deadlockboosting-questions .deadlockboosting-questions-list>details>summary:hover{
  background: #f8faff;
  color: #275fae;
  text-decoration: none;
}

.deadlockboosting-questions .deadlockboosting-questions-list>details[data-expanded=true]>summary{
  color: #275fae;
  background: #f3f7fd;
  border-radius: 7px 7px 0 0;
  text-decoration: none;
}

.deadlockboosting-questions .deadlockboosting-questions-list details p{
  max-width: 880px;
  margin: 0;
  padding: 17px 0 0;
  border-top: 0;
  font-size: 14px;
  line-height: 1.8;
  color: #586f8e;
}

.deadlockboosting-questions .deadlockboosting-questions-list details p+p{
  border: 0;
  padding-top: 10px;
}

.deadlockboosting-questions .deadlockboosting-questions-list>details>p{
  margin: 0 24px 23px;
}

.deadlockboosting-questions .deadlockboosting-questions-list a{
  text-underline-offset: 3px;
}

.deadlockboosting-rank-guide-disclosure>summary{
  font: var(--heading-h3-font);
  padding: 22px 24px;
  transition: background-color .25s,border-color .25s;
}

.deadlockboosting-rank-guide-disclosure>summary:hover{
  background: #f8faff;
  border-color: #adc4e3;
}

@media(max-width:650px){

.deadlockboosting-questions .deadlockboosting-questions-list{
  gap: 10px;
}

.deadlockboosting-questions .deadlockboosting-questions-list>details>summary{
  min-height: 74px;
  padding: 17px 17px;
  gap: 14px;
  font-size: 15px;
}

.deadlockboosting-questions .deadlockboosting-questions-list details p{
  font-size: 13px;
  line-height: 1.8;
  padding-top: 14px;
}

.deadlockboosting-rank-guide-disclosure>summary{
  padding: 20px;
}
}

@media(prefers-reduced-motion:reduce){

.deadlockboosting-questions .deadlockboosting-questions-list>details{
  transition: none;
}
}

.deadlockboosting-configured-options{
  margin: 16px 0 8px;
  border-top: 1px solid var(--line);
}

.deadlockboosting-configured-options>div{
  grid-template-columns: minmax(0,1fr) auto;
  gap: 4px 12px;
  padding: 12px 0;
  align-items: center;
}

.deadlockboosting-configured-options>div>span{
  grid-column: 1;
  grid-row: 1;
  font-size: 10px;
  line-height: 1.4;
}

.deadlockboosting-configured-options>div>b{
  grid-column: 1;
  grid-row: 2;
  font-size: 12px;
  line-height: 1.5;
}

.deadlockboosting-configured-options>div>.deadlockboosting-summary-edit{
  grid-column: 2;
  grid-row: 1/3;
  align-self: center;
  padding: 6px 9px;
  border: 1px solid #d4e0ef;
  border-radius: 4px;
  background: #f7faff;
  color: #3269ad;
  font: 600 10px/1.3 var(--body);
  text-decoration: none;
  transition: background-color .2s,border-color .2s;
}

.deadlockboosting-configured-options>div>.deadlockboosting-summary-edit:hover{
  background: #eaf2fd;
  border-color: #a5bfdf;
  transform: none;
  text-decoration: none;
}

.deadlockboosting-option-editor-open{
  overflow: hidden;
  scrollbar-gutter: stable;
}

dialog.deadlockboosting-option-editor{
  width: min(940px,calc(100% - 40px));
  max-width: none;
  max-height: calc(100dvh - 48px);
  padding: 0;
  margin: auto;
  border: 1px solid #cbd9eb;
  border-radius: 12px;
  background: #fff;
  color: var(--navy);
  box-shadow: 0 24px 80px #162e5340;
  overflow: hidden;
}

dialog.deadlockboosting-option-editor[open]{
  display: flex;
  flex-direction: column;
  animation: editor-enter .2s ease-out;
}

dialog.deadlockboosting-option-editor::backdrop{
  background: #142c4d66;
  backdrop-filter: blur(3px);
}

dialog.deadlockboosting-option-editor[data-editor=role]{
  width: min(590px,calc(100% - 40px));
}

.deadlockboosting-editor-header{
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 22px 26px;
  border-bottom: 1px solid #e3eaf3;
  flex: none;
}

.deadlockboosting-option-editor .deadlockboosting-editor-header h2{
  flex: 1;
  margin: 0;
  font: 700 22px/1.3 var(--body);
  letter-spacing: -.4px;
  outline: none;
}

.deadlockboosting-editor-close{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: 34px;
  height: 34px;
  border: 1px solid #d5e0ee;
  border-radius: 5px;
  background: #f6f9fd;
  color: #3f6089;
  font: 400 22px/1 var(--body);
}

.deadlockboosting-editor-close:hover{
  background: #eaf2fd;
}

.deadlockboosting-editor-body{
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  padding: 24px 26px;
  scrollbar-gutter: stable;
}

.deadlockboosting-editor-footer{
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 16px 26px;
  border-top: 1px solid #e3eaf3;
  background: #fafcff;
}

.deadlockboosting-editor-footer>div{
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.deadlockboosting-editor-footer span{
  font-size: 10px;
  color: var(--muted);
}

.deadlockboosting-editor-footer strong{
  font: 700 24px/1.2 var(--display);
  color: #205dae;
}

.deadlockboosting-editor-footer .deadlockboosting-button{
  min-width: 115px;
  margin: 0;
}

.deadlockboosting-editor-status{
  flex-basis: 100%;
  margin: 0;
  font-size: 12px;
  color: #965c21;
  line-height: 1.5;
}

.deadlockboosting-option-editor .deadlockboosting-editor-body>.deadlockboosting-wrap{
  width: 100%;
  max-width: none;
  margin: 0!important;
  padding: 0!important;
  border: 0;
  background: none;
  box-shadow: none;
}

.deadlockboosting-option-editor .deadlockboosting-character-selector-heading>div,.deadlockboosting-option-editor .deadlockboosting-character-selection-footer,.deadlockboosting-option-editor .deadlockboosting-schedule-heading,.deadlockboosting-option-editor .deadlockboosting-schedule-footer{
  display: none;
}

.deadlockboosting-option-editor .deadlockboosting-character-selector-heading{
  justify-content: flex-end;
  margin: 0 0 14px;
}

.deadlockboosting-option-editor .deadlockboosting-schedule-shell{
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.deadlockboosting-option-editor .deadlockboosting-schedule-workspace{
  grid-template-columns: minmax(230px,.9fr) minmax(0,1.1fr);
  gap: 24px;
}

.deadlockboosting-option-editor .deadlockboosting-portrait-grid{
  grid-template-columns: repeat(6,minmax(0,1fr));
}

.deadlockboosting-option-editor[data-hero-mode=any] .deadlockboosting-character-gallery-heading,.deadlockboosting-option-editor[data-hero-mode=any] .deadlockboosting-portrait-grid{
  display: none;
}

@keyframes editor-enter{

from{
  opacity: 0;
  transform: translateY(6px);
}

to{
  opacity: 1;
  transform: translateY(0);
}
}

@media(max-width:650px){

dialog.deadlockboosting-option-editor,dialog.deadlockboosting-option-editor[data-editor=role]{
  width: calc(100% - 24px);
  max-height: calc(100dvh - 24px);
  border-radius: 9px;
}

.deadlockboosting-editor-header{
  padding: 17px 16px;
}

.deadlockboosting-option-editor .deadlockboosting-editor-header h2{
  font-size: 21px;
}

.deadlockboosting-editor-body{
  padding: 18px 16px;
}

.deadlockboosting-editor-footer{
  padding: 14px 16px;
}

.deadlockboosting-option-editor .deadlockboosting-schedule-workspace{
  grid-template-columns: 1fr;
  gap: 22px;
}

.deadlockboosting-option-editor .deadlockboosting-portrait-grid{
  grid-template-columns: repeat(3,minmax(0,1fr));
}

.deadlockboosting-editor-footer strong{
  font-size: 22px;
}
}

@media(prefers-reduced-motion:reduce){

dialog.deadlockboosting-option-editor[open]{
  animation: none;
}
}

.deadlockboosting-order-summary #route-meta.deadlockboosting-summary-badges{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 14px 0 0;
}

.deadlockboosting-summary-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 4px 12px;
  border: 1px solid #d5e0ef;
  border-radius: 5px;
  background: #f1f6fd;
  color: #426b9b;
  font: 600 11px/1.4 var(--body);
}

.deadlockboosting-calculator-main{
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.deadlockboosting-purchase-care{
  scroll-margin-top: 100px;
  border: 1px solid #d5e0ef;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.deadlockboosting-purchase-care-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 17px 22px;
  border-bottom: 1px solid #e4ebf5;
  background: #f9fbfe;
}

.deadlockboosting-purchase-care-header h3{
  margin: 0;
  color: #223b60;
  font: 700 var(--heading-h3-size,20px)/1.2 var(--body);
  letter-spacing: -.6px;
}

.deadlockboosting-purchase-care-header h3 span{
  color: #3869b0;
}

.deadlockboosting-purchase-care-included{
  font: 500 11px/1.5 var(--body);
  color: #71839e;
}

.deadlockboosting-purchase-care-grid{
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  padding: 20px 0;
}

.deadlockboosting-purchase-care-grid article{
  min-width: 0;
  padding: 0 21px;
}

.deadlockboosting-purchase-care-grid article+article{
  border-left: 1px solid #e3eaf3;
}

.deadlockboosting-purchase-care-grid svg{
  display: block;
  width: 27px;
  height: 27px;
  margin: 0 0 12px;
  color: #4974af;
  stroke: currentColor;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.deadlockboosting-purchase-care-grid h4{
  margin: 0 0 8px;
  color: #284569;
  font: 700 12px/1.5 var(--body);
}

.deadlockboosting-purchase-care-grid p{
  margin: 0;
  color: #687c98;
  font: 400 11px/1.8 var(--body);
}

.deadlockboosting-purchase-care-link{
  display: inline-block;
  margin-top: 10px;
  color: #3565aa;
  font: 600 10px/1.5 var(--body);
  text-decoration: none;
}

.deadlockboosting-purchase-care-link:hover{
  color: #20467e;
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media(min-width:761px) and (max-width:1050px){

.deadlockboosting-purchase-care-grid article{
  padding: 0 14px;
}

.deadlockboosting-purchase-care-header{
  padding: 16px 17px;
}
}

@media(max-width:560px){

.deadlockboosting-calculator-main{
  gap: 15px;
}

.deadlockboosting-purchase-care-header{
  padding: 17px 18px;
  gap: 8px;
}

.deadlockboosting-purchase-care-included{
  max-width: 130px;
  text-align: right;
  font-size: 10px;
}

.deadlockboosting-purchase-care-grid{
  grid-template-columns: 1fr;
  padding: 0 18px;
}

.deadlockboosting-purchase-care-grid article{
  position: relative;
  padding: 18px 0 18px 41px;
}

.deadlockboosting-purchase-care-grid article+article{
  border-left: 0;
  border-top: 1px solid #e3eaf3;
}

.deadlockboosting-purchase-care-grid svg{
  position: absolute;
  left: 0;
  top: 19px;
  width: 25px;
  height: 25px;
  margin: 0;
}

.deadlockboosting-purchase-care-grid h4{
  margin-bottom: 5px;
}

.deadlockboosting-purchase-care-grid p{
  font-size: 12px;
  line-height: 1.7;
}
}

@media(max-width:650px){

.deadlockboosting-calculator-main{
  display: contents;
}

.deadlockboosting-calculator-main>form{
  order: 1;
}

.deadlockboosting-calculator>.deadlockboosting-order-summary{
  order: 2;
}

.deadlockboosting-calculator-main>.deadlockboosting-purchase-care{
  order: 3;
}
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer{
  padding: 35px max(40px,calc((100% - 1240px)/2)) 28px;
  background: #f4f6fb;
  border-top: 1px solid #dce3ef;
  color: #536782;
  font: 400 14px/1.65 Inter,Arial,sans-serif;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer-top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer .deadlockboosting-brand{
  color: #22365b;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer p{
  margin: 0;
  line-height: 1.8;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer-top>p{
  font-size: 11px;
  color: #536782;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer nav{
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-left: auto;
  font-size: 11px;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer nav a{
  color: #405b82;
  text-decoration: none;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer nav a:hover{
  color: #305fc0;
  text-decoration: underline;
  text-underline-offset: 3px;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer nav a:focus-visible{
  outline: 2px solid #305fc0;
  outline-offset: 5px;
  border-radius: 2px;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer-bottom{
  display: flex;
  gap: 20px;
  margin-top: 28px;
  padding-top: 15px;
  border-top: 1px solid #dce3ef;
  font-size: 10px;
  color: #65738a;
}

@media(max-width:650px){

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer{
  padding: 28px 18px 100px;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer-top{
  gap: 22px;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer-top>p{
  font-size: 10px;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer nav{
  width: 100%;
  margin-left: 0;
  gap: 19px;
}

:is(.deadlockboosting-landing-page,.deadlockboosting-policy-page) .deadlockboosting-footer-bottom{
  font-size: 9px;
}
}

[hidden]{
  display: none!important;
}

.deadlockboosting-not-found{
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 32px;
  min-height: 65vh;
  padding-top: 48px;
  padding-bottom: 64px;
}

.deadlockboosting-not-found-copy{
  position: relative;
  z-index: 1;
  min-width: 0;
}

.deadlockboosting-not-found .deadlockboosting-not-found-code{
  font: 700 clamp(72px,9vw,120px)/1 Inter,Arial,sans-serif;
  color: var(--blue);
  letter-spacing: -5px;
  margin: 0 0 18px;
}

.deadlockboosting-not-found h1{
  font: 700 clamp(28px,3.5vw,44px)/1.15 Inter,Arial,sans-serif;
  letter-spacing: -1px;
  margin: 0 0 18px;
}

.deadlockboosting-not-found-copy>p:not(.deadlockboosting-not-found-code){
  font-size: 14px;
  line-height: 1.8;
  color: var(--muted);
  max-width: 440px;
}

.deadlockboosting-not-found-art{
  width: 100%;
  height: auto;
  mask-image: radial-gradient(ellipse 60% 60% at 50% 45%,#000 40%,transparent 85%);
  pointer-events: none;
}

@media(max-width:650px){

.deadlockboosting-not-found{
  grid-template-columns: 1fr;
  gap: 0;
  min-height: 0;
  padding-top: 40px;
  padding-bottom: 32px;
}

.deadlockboosting-not-found-art{
  max-width: 380px;
  justify-self: center;
  margin-top: 20px;
}

.deadlockboosting-not-found .deadlockboosting-opening-actions{
  display: flex;
  flex-wrap: wrap;
}

.deadlockboosting-not-found .deadlockboosting-button{
  flex: 1 1 130px;
  font-size: 11px;
  text-align: center;
  padding-inline: 12px;
}
}

.deadlockboosting-landing-page .deadlockboosting-service-quantity .deadlockboosting-help{
  margin-top: 10px;
}

.deadlockboosting-landing-page[data-service="wins"] #rank-pair{
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 16px 24px;
  align-items: start;
}

.deadlockboosting-landing-page[data-service="wins"] .deadlockboosting-rank-control{
  display: contents;
}

.deadlockboosting-landing-page[data-service="wins"] .deadlockboosting-rank-control>.deadlockboosting-field-title{
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}

.deadlockboosting-landing-page[data-service="wins"] .deadlockboosting-rank-preview{
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  padding: 0 0 8px;
}

.deadlockboosting-landing-page[data-service="wins"] #quantity-area{
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: start;
  min-width: 0;
}

.deadlockboosting-landing-page[data-service="wins"] .deadlockboosting-service-quantity{
  background: none;
  border: 0;
  padding: 0;
}

.deadlockboosting-landing-page[data-service="wins"] .deadlockboosting-service-quantity .deadlockboosting-field{
  font-size: 12px;
  gap: 10px;
}

.deadlockboosting-landing-page[data-service="wins"] .deadlockboosting-service-quantity .deadlockboosting-help{
  font-size: 11px;
  line-height: 1.65;
  margin-top: 10px;
}

.deadlockboosting-landing-page[data-service="wins"] .deadlockboosting-rank-radio-grid{
  grid-column: 1 / -1;
  grid-row: 3;
  grid-template-columns: repeat(6,minmax(0,1fr));
  margin: 0;
}

.deadlockboosting-landing-page[data-service="wins"] .deadlockboosting-division-grid{
  grid-column: 1 / -1;
  grid-row: 4;
  margin: 0;
}

@media(max-width:650px){

.deadlockboosting-landing-page[data-service="wins"] #rank-pair{
  gap: 14px;
}

.deadlockboosting-landing-page[data-service="wins"] .deadlockboosting-rank-radio-grid{
  grid-template-columns: repeat(3,minmax(0,1fr));
}
}

@media(min-width:651px) and (max-width:1000px){

.deadlockboosting-opening.deadlockboosting-wrap:before{
  content: '';
  position: absolute;
  z-index: 0;
  pointer-events: none;
  top: 0;
  left: -50px;
  width: 780px;
  height: 460px;
  background: url('/img/hero-cards-tablet.svg') left top/780px 460px no-repeat;
}
}

@media(min-width:651px){

.deadlockboosting-opening.deadlockboosting-wrap:before{
  z-index: 2;
}
}

@media(min-width:1001px) and (max-width:1150px){

.deadlockboosting-opening.deadlockboosting-wrap:before{
  background-image: url('/img/hero-cards-narrow.svg');
}
}

.deadlockboosting-order-summary .deadlockboosting-summary-price .deadlockboosting-quote-label{
  font: 600 12px/1.4 Inter,Arial,sans-serif;
  letter-spacing: 0;
  text-align: right;
  color: var(--ink);
}

.deadlockboosting-landing-page .deadlockboosting-settings-grid>.deadlockboosting-field{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 7px;
}

.deadlockboosting-landing-page .deadlockboosting-settings-grid>.deadlockboosting-field>select,.deadlockboosting-landing-page .deadlockboosting-settings-grid>.deadlockboosting-field>input{
  margin: 0;
  flex-shrink: 0;
}

.deadlockboosting-landing-page .deadlockboosting-section{
  padding: 0;
}

.deadlockboosting-landing-page .deadlockboosting-calculator-section{
  padding-top: 0;
}

.deadlockboosting-landing-page .deadlockboosting-calculator-section .deadlockboosting-section-heading{
  display: block;
  margin: 28px 0 24px;
}

.deadlockboosting-landing-page .deadlockboosting-calculator{
  background: none;
  border: 0;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}

.deadlockboosting-landing-page .deadlockboosting-calculator form{
  margin: 0;
}

.deadlockboosting-landing-page .deadlockboosting-calculator-main{
  min-width: 0;
}

.deadlockboosting-landing-page #rank-pair{
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 40px;
}

.deadlockboosting-rank-control{
  padding: 0;
  min-width: 0;
  border: 0;
}

.deadlockboosting-rank-control>.deadlockboosting-field-title{
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}

.deadlockboosting-landing-page .deadlockboosting-rank-feature{
  display: flex;
  margin: 0;
  background: none;
  border: 0;
  border-radius: 0;
  min-height: 0;
}

.deadlockboosting-rank-feature>div{
  display: contents;
}

.deadlockboosting-rank-feature strong{
  font-size: 15px;
  text-transform: uppercase;
}

.deadlockboosting-landing-page .deadlockboosting-rank-feature img{
  height: 70px;
  width: 70px;
  object-fit: contain;
}

.deadlockboosting-landing-page .deadlockboosting-rank-grid{
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 7px;
  margin: 0;
}

.deadlockboosting-landing-page .deadlockboosting-rank-option{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 72px;
  width: 100%;
  padding: 7px 2px;
  background: #f8faff;
  border: 1px solid #dce4f0;
  border-radius: 5px;
  box-shadow: none;
  color: #586d8e;
}

.deadlockboosting-landing-page .deadlockboosting-rank-option img{
  width: 29px;
  height: 29px;
  object-fit: contain;
}

.deadlockboosting-landing-page .deadlockboosting-rank-tip{
  position: static;
  display: block;
  visibility: visible;
  opacity: 1;
  background: none;
  transform: none;
  color: inherit;
  padding: 0;
  font-size: 9px;
  line-height: 1.3;
  white-space: normal;
  min-height: 0;
  border: 0;
}

.deadlockboosting-landing-page .deadlockboosting-rank-option[aria-pressed=true]{
  background: #e8f0fd;
  border-color: #769acd;
  color: #234f8e;
  box-shadow: inset 0 0 0 1px #769acd;
}

.deadlockboosting-landing-page .deadlockboosting-subrank-grid{
  grid-template-columns: repeat(6,1fr);
  margin-top: 12px;
  gap: 6px;
}

.deadlockboosting-subrank-grid button{
  min-height: 36px;
  border-radius: 4px;
  font-size: 12px;
}

.deadlockboosting-landing-page .deadlockboosting-settings-grid{
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.deadlockboosting-settings-grid input,.deadlockboosting-settings-grid select{
  min-width: 0;
  width: 100%;
  height: 42px;
  border: 1px solid #d3deee;
  border-radius: 4px;
  padding: 9px;
  font: 12px Inter,Arial,sans-serif;
  color: var(--ink);
  background: #f8faff;
}

.deadlockboosting-settings-grid small{
  font-size: 9px;
  font-weight: 400;
  line-height: 1.5;
}

.deadlockboosting-order-summary h3{
  font: 700 13px Inter,Arial,sans-serif!important;
  text-align: center;
  margin: 3px 0 22px;
}

.deadlockboosting-order-summary .deadlockboosting-summary-price small{
  font-size: 10px;
}

.deadlockboosting-order-summary .deadlockboosting-readiness{
  font-size: 10px;
  margin: 18px 0 0;
  line-height: 1.6;
}

.deadlockboosting-order-summary .deadlockboosting-fineprint{
  font-size: 9px;
}

.deadlockboosting-order-summary .deadlockboosting-button{
  width: 100%;
  font-size: 11px;
}

.deadlockboosting-purchase-care h4{
  margin: 0 0 8px;
}

.deadlockboosting-purchase-care-grid article>svg{
  display: block;
}

.deadlockboosting-purchase-care p{
  margin: 0;
}

.deadlockboosting-process-scroll-track{
  margin-bottom: 65px;
}

.deadlockboosting-process-section{
  margin-bottom: 0;
}

.deadlockboosting-process-story-art img{
  border-radius: 6px;
}

.deadlockboosting-process-panel-copy p{
  color: #bacbe5;
}

.deadlockboosting-process-tabs button{
  font-family: Inter,Arial,sans-serif;
}

.deadlockboosting-landing-page .deadlockboosting-play-inner{
  padding-top: 68px;
  padding-bottom: 68px;
}

.deadlockboosting-landing-page .deadlockboosting-mode-title h3{
  font-size: 20px;
}

.deadlockboosting-mode-jump[aria-pressed=true]{
  border-color: #ed9337;
}

.deadlockboosting-schedule-shell textarea{
  max-width: 700px;
}

.deadlockboosting-landing-page .deadlockboosting-chapter .deadlockboosting-section-heading{
  margin-bottom: 26px;
}

.deadlockboosting-landing-page .deadlockboosting-chapter{
  padding-top: 64px;
  padding-bottom: 54px;
}

.deadlockboosting-landing-page .deadlockboosting-questions{
  padding-top: 54px;
}

.deadlockboosting-questions-list details>summary{
  cursor: pointer;
}

.deadlockboosting-questions-list p{
  margin: 0;
}

.deadlockboosting-service-body{
  margin: 60px 0;
}

.deadlockboosting-landing-page .deadlockboosting-footer>.deadlockboosting-wrap{
  width: 100%;
  max-width: none;
}

.deadlockboosting-landing-page .deadlockboosting-footer{
  margin-top: 50px;
}

.deadlockboosting-footer .deadlockboosting-brand strong{
  display: block;
}

.deadlockboosting-landing-page .deadlockboosting-legal{
  padding-top: 45px;
  padding-bottom: 55px;
}

.deadlockboosting-landing-page .deadlockboosting-checkout-head{
  padding-top: 45px;
}

.deadlockboosting-landing-page .deadlockboosting-checkout-layout{
  margin-bottom: 60px;
}

.deadlockboosting-landing-page .deadlockboosting-cards .deadlockboosting-button.deadlockboosting-secondary{
  color: #355881;
}

.deadlockboosting-landing-page .deadlockboosting-opening-copy{
  z-index: 2;
}

@media(max-width:900px){

.deadlockboosting-landing-page #rank-pair{
  gap: 16px;
}

.deadlockboosting-landing-page .deadlockboosting-settings-grid{
  grid-template-columns: 1fr 1fr;
}
}

@media(max-width:650px){

.deadlockboosting-landing-page #rank-pair{
  gap: 22px;
}

.deadlockboosting-landing-page .deadlockboosting-rank-grid{
  gap: 4px;
}

.deadlockboosting-landing-page .deadlockboosting-rank-option{
  min-height: 58px;
  padding: 5px 1px;
}

.deadlockboosting-landing-page .deadlockboosting-rank-option img{
  width: 23px;
  height: 23px;
}

.deadlockboosting-landing-page .deadlockboosting-rank-tip{
  font-size: 8px;
}

.deadlockboosting-landing-page .deadlockboosting-rank-feature img{
  width: 56px;
  height: 56px;
}

.deadlockboosting-rank-feature strong{
  font-size: 12px;
}

.deadlockboosting-landing-page .deadlockboosting-subrank-grid{
  gap: 3px;
}

.deadlockboosting-subrank-grid button{
  font-size: 10px;
  min-height: 32px;
  padding: 0;
}

.deadlockboosting-landing-page .deadlockboosting-calculator-section .deadlockboosting-section-heading{
  margin: 24px 0 20px;
}

.deadlockboosting-landing-page .deadlockboosting-calculator-section .deadlockboosting-section-heading h2{
  font-size: 24px;
}

.deadlockboosting-landing-page .deadlockboosting-play-inner{
  padding: 45px 0;
}

.deadlockboosting-landing-page .deadlockboosting-chapter{
  padding: 45px 0;
}

.deadlockboosting-landing-page .deadlockboosting-mode-title h3{
  font-size: 18px;
}

.deadlockboosting-process-scroll-track{
  margin-bottom: 45px;
}

.deadlockboosting-landing-page .deadlockboosting-footer{
  padding-bottom: 30px;
}
}

.deadlockboosting-process-panel-copy p{
  color: #657b9b;
}

.deadlockboosting-landing-page .deadlockboosting-character-selection-section{
  padding: 35px;
  margin-top: 64px;
}

.deadlockboosting-landing-page .deadlockboosting-rank-feedback:empty{
  display: none;
}

@media(max-width:650px){

.deadlockboosting-landing-page .deadlockboosting-character-selection-section{
  padding: 22px 18px;
  margin-top: 45px;
}
}

.deadlockboosting-landing-page .deadlockboosting-rank-control+.deadlockboosting-rank-control{
  border-left: 0;
  padding-left: 0;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-story-content{
  background: #edf3fc;
  border: 1px solid #dce6f5;
  border-radius: 10px;
  padding: 30px;
  align-self: center;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-story-art img{
  border-radius: 0;
}

@media(max-width:650px){

.deadlockboosting-process-art-layout .deadlockboosting-process-story-content{
  padding: 22px;
  min-height: 0;
}

.deadlockboosting-process-art-layout .deadlockboosting-process-story{
  gap: 20px;
}
}

.deadlockboosting-character-options{
  grid-template-columns: repeat(2,minmax(0,1fr));
}

.deadlockboosting-rank-inline-divisions>div{
  gap: 4px;
}

.deadlockboosting-rank-inline-divisions button{
  min-width: 0;
  padding-left: 4px;
  padding-right: 4px;
}

.deadlockboosting-rank-guide-disclosure{
  display: block;
}

.deadlockboosting-configured-options b{
  white-space: pre-line;
}

@media(max-width:650px){

.deadlockboosting-character-options{
  grid-template-columns: 1fr;
}
}

.deadlockboosting-target-rank-grid .deadlockboosting-rank-pick-card{
  grid-row: span 3;
}

.deadlockboosting-target-rank-grid .deadlockboosting-rank-guide-copy>p{
  grid-row: 2;
}

.deadlockboosting-target-rank-grid .deadlockboosting-rank-inline-divisions{
  grid-row: 3;
}

#points-field #rank-points-slider{
  display: block;
  width: 100%;
  height: 18px;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  accent-color: #3265bb;
  background: transparent;
  cursor: pointer;
}

#points-field #rank-points-slider:disabled{
  opacity: .4;
  cursor: default;
}

@media(max-width:650px){

.deadlockboosting-landing-page .deadlockboosting-settings-grid{
  grid-template-columns: 1fr;
}
}

.deadlockboosting-landing-page .deadlockboosting-settings-grid>.deadlockboosting-field>label{
  margin: 0;
  padding: 0;
  font-family: Inter,Arial,sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 18px;
  color: var(--ink);
}

.deadlockboosting-configured-options>div>.deadlockboosting-summary-edit.deadlockboosting-needs-selection{
  color: #8b4a10;
  border-color: #ed9b41;
  background: #fff3df;
  box-shadow: none;
}

.deadlockboosting-option-editor .deadlockboosting-character-selector-heading{
  display: none;
}

.deadlockboosting-option-editor .deadlockboosting-editor-footer .deadlockboosting-quote-label{
  font-size: 14px;
}

.deadlockboosting-option-editor .deadlockboosting-character-gallery-heading{
  display: flex;
}

.deadlockboosting-option-editor .deadlockboosting-portrait-grid{
  display: grid;
}

.deadlockboosting-configured-options>.deadlockboosting-summary-option{
  position: relative;
}

.deadlockboosting-configured-options>div>.deadlockboosting-summary-edit.deadlockboosting-selection-error{
  color: #b42318;
  border-color: #d64545;
  background: #fff0ef;
  box-shadow: 0 0 0 1px #d6454530;
}

.deadlockboosting-hero-selection-hint{
  position: absolute;
  z-index: 5;
  right: 0;
  top: calc(100% - 4px);
  padding: 10px 12px;
  max-width: 100%;
  border: 1px solid #d64545;
  border-radius: 7px;
  background: #fff8f7;
  box-shadow: 0 4px 12px #54201b18;
  color: #a62720;
  font: 600 11px/1.5 Inter,Arial,sans-serif;
}

.deadlockboosting-hero-selection-hint:before{
  content: "";
  position: absolute;
  right: 20px;
  top: -5px;
  width: 8px;
  height: 8px;
  background: #fff8f7;
  border-top: 1px solid #d64545;
  border-left: 1px solid #d64545;
  transform: rotate(45deg);
}

.deadlockboosting-option-editor .deadlockboosting-editor-close{
  padding: 0;
  display: grid;
  place-items: center;
  line-height: 1;
}

.deadlockboosting-option-editor .deadlockboosting-editor-close svg{
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
}