.questions-page{
  background:#ffffff;
  color:#46505f
}

.questions-hero{
  padding-block:var(--hero-pad);
  background:#ffffff;
  color:#46505f
}

.questions-hero__layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.92fr);
  align-items:start;
  gap:clamp(2.5rem,6vw,5.5rem)
}

.questions-hero__layout>*{
  min-width:0
}

.questions-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:0;
  text-align:left
}

.questions-hero__copy .c-kicker{
  margin-bottom:.875rem
}

.questions-hero__copy h1{
  max-width:13.5ch;
  color:#11182a;
  font-size:clamp(2.75rem,5vw,4rem);
  line-height:1.15;
  letter-spacing:-.055em;
  overflow-wrap:anywhere
}

.questions-hero__lead{
  max-width:42rem;
  margin-top:var(--space-2);
  color:#46505f;
  font-size:var(--text-md);
  line-height:1.65
}

.questions-hero__actions{
  justify-content:flex-start;
  margin-top:var(--space-3);
  margin-bottom:var(--space-3)
}

.questions-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin:0;
  padding-top:var(--space-2);
  border-top:1px solid #e1e3e8
}

.questions-hero__facts div{
  min-width:0;
  padding:.75rem var(--space-2) 0 0
}

.questions-hero__facts div+div{
  padding-left:var(--space-2);
  border-left:1px solid #e1e3e8
}

.questions-hero__facts dt,
.questions-hero__facts dd{
  min-width:0;
  color:#596371;
  overflow-wrap:anywhere
}

.questions-hero__facts dd{
  margin-top:.375rem;
  color:#11182a;
  font-size:var(--text-md);
  font-weight:700
}

.questions-hero__stage{
  min-width:0;
  align-self:start;
  height:auto;
  padding:clamp(1.5rem,3vw,2.5rem);
  overflow:hidden;
  border-radius:var(--radius-lg);
  background-color:#2946a3;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(255,255,255,.22) 1px,transparent 1.5px),
    linear-gradient(145deg,#2946a3 0%,#006c93 100%);
  background-size:18px 18px,100% 100%;
  color:#ffffff
}

.session-board{
  width:100%;
  max-width:none;
  height:auto;
  overflow:hidden;
  border-radius:var(--radius-md);
  background:#f2f5f8;
  color:#24313b;
  box-shadow:0 16px 38px rgba(17,24,42,.18)
}

.session-board__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:var(--space-2);
  padding:1.5rem;
  background:#f2f5f8;
  color:#24313b
}

.session-board__head>div{
  min-width:0
}

.session-board__label{
  display:block;
  margin-bottom:.5rem;
  color:#2946a3;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.08em;
  overflow-wrap:anywhere
}

.session-board__head strong{
  display:block;
  color:#24313b;
  font-family:var(--font-heading);
  font-size:var(--text-lg);
  line-height:1.2;
  overflow-wrap:anywhere
}

.session-board__stamp{
  flex:0 0 auto;
  width:fit-content;
  max-width:45%;
  padding:.45rem .7rem;
  border-radius:999px;
  background:#2946a3;
  color:#ffffff;
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1.2;
  text-align:center;
  overflow-wrap:anywhere
}

.session-board__rows{
  list-style:none;
  margin:0;
  padding:0 1.5rem;
  background:#ffffff;
  color:#46505f
}

.session-board__rows li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:.875rem;
  min-width:0;
  padding:1rem 0;
  border-top:1px solid #e1e3e8
}

.session-board__rows li>div{
  min-width:0
}

.session-board__rows strong{
  display:block;
  color:#11182a;
  font-size:var(--text-sm);
  line-height:1.4;
  overflow-wrap:anywhere
}

.session-board__rows small{
  display:block;
  margin-top:.375rem;
  color:#596371;
  overflow-wrap:anywhere
}

.session-board__code{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#f2f5f8;
  color:#2946a3;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:750;
  line-height:1
}

.session-board__state{
  display:inline-flex;
  width:fit-content;
  max-width:100%;
  align-items:center;
  justify-content:center;
  padding:.4rem .65rem;
  border-radius:999px;
  background:#f2f6f1;
  color:#253229;
  font-size:var(--text-xs);
  font-weight:700;
  line-height:1.2;
  overflow-wrap:anywhere
}

.session-board__foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  padding:1.25rem 1.5rem;
  background:#11182a;
  color:#dce2ef;
  font-size:var(--text-xs)
}

.session-board__foot span{
  min-width:0;
  color:#dce2ef;
  overflow-wrap:anywhere
}

.questions-index{
  background:#fafafc;
  color:#46505f
}

.questions-section-head{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  max-width:48rem
}

.questions-section-head .c-kicker{
  margin-bottom:.875rem
}

.questions-section-head h2{
  color:#11182a
}

.questions-section-head p{
  max-width:44rem;
  margin-top:var(--space-2);
  color:#596371;
  font-size:var(--text-md)
}

.questions-index__grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));
  align-items:start;
  gap:var(--space-2);
  margin-top:var(--space-4)
}

.questions-index__item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:1.5rem;
  border-radius:var(--radius-md);
  transition:transform .18s ease,box-shadow .18s ease
}

.questions-index__item:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-soft)
}

.questions-index__item--sand{
  background:#f5f2ed;
  color:#302b27
}

.questions-index__item--slate{
  background:#f2f5f8;
  color:#24313b
}

.questions-index__item--rose{
  background:#f7f1f4;
  color:#352934
}

.questions-index__item--sage{
  background:#f2f6f1;
  color:#253229
}

.questions-index__number{
  display:inline-flex;
  width:fit-content;
  align-self:flex-start;
  margin-bottom:.875rem;
  color:#2946a3;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:750;
  line-height:1
}

.questions-index__item strong{
  color:inherit;
  font-family:var(--font-heading);
  font-size:var(--text-md);
  line-height:1.25;
  overflow-wrap:anywhere
}

.questions-index__item small{
  margin-top:.5rem;
  color:inherit;
  opacity:.78;
  overflow-wrap:anywhere
}

.question-topic{
  scroll-margin-top:calc(var(--header-height) + 1.5rem)
}

.question-topic--white{
  background:#ffffff;
  color:#46505f
}

.question-topic--sand{
  background:#f5f2ed;
  color:#302b27
}

.question-topic--slate{
  background:#f2f5f8;
  color:#24313b
}

.question-topic--rose{
  background:#f7f1f4;
  color:#352934
}

.question-topic--sage{
  background:#f2f6f1;
  color:#253229
}

.question-topic__layout{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  align-items:start;
  gap:clamp(2.5rem,6vw,5.5rem)
}

.question-topic__layout>*{
  min-width:0
}

.question-topic__intro{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0
}

.question-topic__intro .c-kicker{
  margin-bottom:.875rem
}

.question-topic--sand .question-topic__intro .c-kicker,
.question-topic--rose .question-topic__intro .c-kicker,
.question-topic--sage .question-topic__intro .c-kicker,
.question-topic--slate .question-topic__intro .c-kicker{
  color:#2946a3
}

.question-topic__intro h2{
  color:inherit
}

.question-topic__intro>p{
  margin-top:var(--space-2);
  color:inherit;
  opacity:.82;
  font-size:var(--text-md)
}

.question-topic__note{
  display:grid;
  gap:.5rem;
  width:100%;
  margin-top:var(--space-3);
  padding:1.5rem;
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#302b27
}

.question-topic__note strong,
.question-topic__note span{
  color:#302b27
}

.faq-accordion{
  min-width:0
}

.faq-accordion details{
  min-width:0;
  border-bottom:1px solid
}

.faq-accordion details:first-child{
  border-top:1px solid #e1e3e8
}

.faq-accordion--white details{
  border-color:#e1e3e8;
  background:#ffffff;
  color:#46505f
}

.faq-accordion--sand details{
  border-color:#e1e3e8;
  background:#f5f2ed;
  color:#302b27
}

.faq-accordion--slate details{
  border-color:#e1e3e8;
  background:#f2f5f8;
  color:#24313b
}

.faq-accordion--rose details{
  border-color:#e1e3e8;
  background:#f7f1f4;
  color:#352934
}

.faq-accordion--sage details{
  border-color:#e1e3e8;
  background:#f2f6f1;
  color:#253229
}

.faq-accordion summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-2);
  min-width:0;
  padding:1.25rem 0;
  color:inherit;
  font-weight:700;
  line-height:1.45;
  cursor:pointer;
  list-style:none;
  overflow-wrap:anywhere
}

.faq-accordion summary::-webkit-details-marker{
  display:none
}

.faq-accordion summary svg{
  flex:0 0 auto;
  width:1.125rem;
  height:1.125rem;
  transition:transform .18s ease
}

.faq-accordion details[open] summary{
  padding-bottom:1rem
}

.faq-accordion details[open] summary svg{
  transform:rotate(45deg)
}

.faq-answer{
  padding:1rem 0 1.5rem;
  border-top:1px solid;
  color:inherit
}

.faq-accordion--white .faq-answer,
.faq-accordion--sand .faq-answer,
.faq-accordion--slate .faq-answer,
.faq-accordion--rose .faq-answer,
.faq-accordion--sage .faq-answer{
  border-color:#e1e3e8
}

.faq-answer p,
.faq-answer li{
  color:inherit;
  opacity:.88
}

.faq-answer a:not(.c-btn){
  color:#203985;
  font-weight:650;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.18em
}

.faq-answer__action{
  margin-top:var(--space-3)
}

.faq-answer__actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:var(--space-3)
}

.delivery-ledger{
  width:100%;
  margin:var(--space-3) 0 0
}

.delivery-ledger div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:var(--space-2);
  min-width:0;
  padding:.875rem 0;
  border-bottom:1px solid #e1e3e8
}

.delivery-ledger div:first-child{
  border-top:1px solid #e1e3e8
}

.delivery-ledger dt,
.delivery-ledger dd{
  min-width:0;
  color:#46505f;
  overflow-wrap:anywhere
}

.delivery-ledger dd{
  color:#11182a;
  font-weight:700
}

.model-pair{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--space-3);
  margin-top:var(--space-4)
}

.model-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
  padding:clamp(1.5rem,3vw,2.25rem);
  border-radius:var(--radius-md)
}

.model-card--light{
  background:#ffffff;
  color:#46505f
}

.model-card--dark{
  background:#11182a;
  color:#c8cede
}

.model-card .c-badge{
  align-self:flex-start;
  margin-bottom:.875rem
}

.model-card--dark .c-badge{
  background:#f2f6f1;
  color:#253229
}

.model-card h3{
  color:inherit
}

.model-card--light h3{
  color:#11182a
}

.model-card--dark h3{
  color:#ffffff
}

.model-card__specs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  width:100%;
  gap:.5rem;
  margin:var(--space-3) 0 0
}

.model-card__specs div{
  min-width:0;
  padding:.875rem;
  border-radius:var(--radius-sm)
}

.model-card--light .model-card__specs div{
  background:#f2f5f8;
  color:#24313b
}

.model-card--dark .model-card__specs div{
  background:#070b24;
  color:#dce2ef
}

.model-card__specs dt,
.model-card__specs dd{
  min-width:0;
  color:inherit;
  overflow-wrap:anywhere
}

.model-card__specs dd{
  margin-top:.375rem;
  font-weight:700
}

.model-card>p{
  margin-top:var(--space-3);
  color:inherit
}

.model-card--light>p{
  color:#46505f
}

.model-card--dark>p{
  color:#c8cede
}

.model-card>.c-btn{
  margin-top:var(--space-3)
}

.model-card__button-light{
  display:inline-flex;
  min-height:2.75rem;
  align-items:center;
  justify-content:center;
  width:fit-content;
  padding:.72rem 1.25rem;
  border:1px solid #ffffff;
  border-radius:999px;
  background:#ffffff;
  color:#11182a;
  font-size:var(--text-sm);
  font-weight:650;
  line-height:1.25;
  text-align:center;
  transition:transform .18s ease,background-color .18s ease
}

.model-card__button-light:hover{
  transform:translateY(-1px);
  background:#f2f5f8
}

.questions-follow{
  margin-top:var(--space-4)
}

.region-table,
.pricing-table{
  display:table;
  width:100%
}

.region-table caption,
.pricing-table caption{
  padding:1rem;
  background:#ffffff;
  color:#596371;
  font-size:var(--text-sm);
  text-align:left
}

.region-table th,
.region-table td,
.pricing-table th,
.pricing-table td{
  text-align:left;
  vertical-align:middle
}

.region-table tbody th,
.pricing-table tbody th{
  background:#fafafc;
  color:#24313b
}

.payment-methods{
  display:grid;
  gap:var(--space-2);
  width:100%;
  list-style:none;
  margin:var(--space-3) 0 0;
  padding:0
}

.payment-methods li{
  display:grid;
  gap:.5rem;
  min-width:0;
  padding:1.5rem;
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#24313b
}

.payment-methods strong,
.payment-methods span{
  color:#24313b;
  overflow-wrap:anywhere
}

.access-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
  gap:var(--space-3);
  margin-top:var(--space-4)
}

.access-card{
  min-width:0;
  padding:clamp(1.5rem,3vw,2.25rem);
  border-radius:var(--radius-md)
}

.access-card--desktop{
  background:#ffffff;
  color:#253229
}

.access-card--ssh{
  background:#11182a;
  color:#c8cede
}

.access-card__icon{
  display:inline-flex;
  width:2.75rem;
  height:2.75rem;
  align-items:center;
  justify-content:center;
  margin-bottom:.875rem;
  border-radius:var(--radius-sm)
}

.access-card--desktop .access-card__icon{
  background:#f2f5f8;
  color:#2946a3
}

.access-card--ssh .access-card__icon{
  background:#070b24;
  color:#ffffff
}

.access-card__icon svg{
  width:1.25rem;
  height:1.25rem
}

.access-card h3{
  color:inherit
}

.access-card--desktop h3{
  color:#253229
}

.access-card--ssh h3{
  color:#ffffff
}

.access-card p{
  margin-top:var(--space-2);
  color:inherit
}

.access-card--desktop p{
  color:#46505f
}

.access-card--ssh p{
  color:#c8cede
}

.expiry-checklist{
  display:grid;
  gap:var(--space-2);
  width:100%;
  list-style:none;
  margin:var(--space-3) 0 0;
  padding:0
}

.expiry-checklist li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:var(--space-2);
  min-width:0;
  padding:1.5rem;
  border-radius:var(--radius-md);
  background:#ffffff;
  color:#352934
}

.expiry-checklist li>span{
  display:inline-flex;
  width:2rem;
  height:2rem;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#2946a3;
  color:#ffffff;
  font-family:var(--font-mono);
  font-size:var(--text-xs);
  font-weight:750;
  line-height:1
}

.expiry-checklist li>div{
  min-width:0
}

.expiry-checklist strong,
.expiry-checklist p{
  color:#352934;
  overflow-wrap:anywhere
}

.expiry-checklist p{
  margin-top:.5rem;
  opacity:.82
}

.questions-closing{
  background:#ffffff;
  color:#46505f
}

.questions-closing__card{
  background:#11182a;
  color:#c8cede
}

.questions-closing__copy{
  min-width:0;
  max-width:43rem
}

.questions-closing__kicker{
  margin-bottom:.875rem;
  color:#9eb5ff
}

.questions-closing__copy h2{
  color:#ffffff
}

.questions-closing__copy p{
  margin-top:var(--space-2);
  color:#c8cede
}

.questions-closing__actions{
  display:flex;
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  gap:.75rem
}

.questions-closing__actions .c-btn{
  width:100%;
  min-width:12rem
}

.questions-closing__primary{
  background:#ffffff;
  color:#11182a;
  border-color:#ffffff
}

.questions-closing__primary:hover{
  background:#f2f5f8
}

.questions-closing__secondary{
  background:transparent;
  color:#ffffff;
  border-color:rgba(255,255,255,.42)
}

.questions-closing__secondary:hover{
  border-color:#ffffff
}

@media(max-width:64rem){
  .questions-hero__layout,
  .question-topic__layout{
    grid-template-columns:1fr
  }

  .questions-hero__copy h1{
    max-width:16ch
  }

  .questions-hero__stage{
    width:100%
  }

  .model-pair,
  .access-grid{
    grid-template-columns:1fr
  }
}

@media(max-width:42rem){
  .questions-hero__layout{
    gap:var(--space-4)
  }

  .questions-hero__copy h1{
    max-width:none;
    font-size:clamp(2.5rem,13vw,3.25rem)
  }

  .questions-hero__lead{
    font-size:var(--text-base)
  }

  .questions-hero__facts{
    grid-template-columns:1fr
  }

  .questions-hero__facts div{
    padding:.875rem 0
  }

  .questions-hero__facts div+div{
    padding-left:0;
    border-top:1px solid #e1e3e8;
    border-left:0
  }

  .questions-hero__stage{
    height:auto;
    padding:1rem;
    overflow:hidden
  }

  .session-board__head,
  .session-board__foot{
    align-items:flex-start;
    flex-direction:column
  }

  .session-board__stamp{
    max-width:100%
  }

  .session-board__rows li{
    grid-template-columns:auto minmax(0,1fr)
  }

  .session-board__state{
    grid-column:2;
    justify-self:start
  }

  .questions-index__grid{
    grid-template-columns:1fr
  }

  .model-card__specs{
    grid-template-columns:1fr
  }

  .delivery-ledger div{
    grid-template-columns:1fr;
    gap:.375rem
  }

  .faq-accordion summary{
    align-items:flex-start
  }

  .faq-answer__actions{
    align-items:stretch;
    flex-direction:column
  }

  .faq-answer__actions .c-btn,
  .faq-answer__action,
  .model-card>.c-btn,
  .model-card__button-light{
    width:100%
  }

  .questions-closing__actions{
    width:100%;
    align-items:stretch
  }

  .questions-closing__actions .c-btn{
    min-width:0
  }
}

@media(max-width:24.375rem){
  .questions-hero__stage{
    padding:.75rem
  }

  .session-board__head,
  .session-board__rows,
  .session-board__foot{
    padding-inline:1rem
  }

  .session-board__rows li{
    gap:.625rem
  }

  .questions-index__item,
  .question-topic__note,
  .model-card,
  .access-card,
  .payment-methods li,
  .expiry-checklist li{
    padding:1.5rem
  }
}

@media(prefers-reduced-motion:reduce){
  .questions-index__item,
  .model-card__button-light,
  .faq-accordion summary svg{
    transition:none
  }
}