.use-page{background:#24211E;color:#FFFFFF}
.use-page [hidden]{display:none!important}
.use-page a:not(.c-btn):focus-visible{outline-offset:4px}
.use-page .use-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:start;gap:var(--space-5);width:100%;margin-inline:0;padding-block:var(--space-6);padding-inline:max(var(--gutter),(100% - 75rem)/2);background:#FFFFFF;color:#24211E}
.use-hero__copy,.use-stage{min-width:0}
.use-hero__copy{display:flex;flex-direction:column;align-items:flex-start}
.use-hero__copy .c-kicker{margin-bottom:var(--space-2)}
.use-hero__copy h1{max-width:12em;color:#24211E;font-size:clamp(2.6rem,4.1vw,4rem);line-height:1.17}
.use-hero__copy>p:not(.use-hero__foot){max-width:37rem;margin-top:var(--space-3);color:#4A453F;font-size:var(--text-lg);overflow-wrap:break-word}
.use-hero__actions{justify-content:flex-start;margin-top:var(--space-3)}
.use-hero__foot{margin-top:var(--space-3);color:#6F685F;font-size:var(--text-sm)}
.use-stage{overflow:hidden;border-radius:var(--radius-cover);background:#F3F1EC;color:#24211E;box-shadow:var(--shadow-stage)}
.use-stage__top,.use-stage__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}
.use-stage__top{background:#3A3530;color:#F7F3EC;font-weight:700}
.use-stage__code,.use-stage__bottom{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.use-stage__body{padding:var(--space-4) var(--space-3)}
.use-stage__eyebrow{margin-bottom:var(--space-2);color:#6F685F;font-size:var(--text-sm)}
.use-stage__body h2{max-width:19rem;margin-bottom:var(--space-4);color:#24211E;font-size:clamp(1.55rem,2.3vw,2.2rem);line-height:1.23}
.use-stage__line{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-2);padding-block:var(--space-2);border-top:1px solid rgba(36,33,30,.12);font-size:var(--text-sm)}
.use-stage__line span{min-width:0;overflow-wrap:break-word}
.use-stage__line strong{color:#934D00;font-family:var(--font-mono);font-size:var(--text-sm);text-align:right;overflow-wrap:break-word}
.use-stage__bottom{background:#E4EBE8;color:#1F2D28}
.use-dark{padding-block:var(--space-6);background:#24211E;color:#FFFFFF}
.use-section-head{max-width:46rem;margin-bottom:var(--space-4)}
.use-section-head .c-kicker{margin-bottom:var(--space-2)}
.use-section-head h2{font-size:var(--text-section);line-height:1.19}
.use-section-head>p{margin-top:var(--space-2);color:#C9C1B7}
.use-case{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:var(--space-5);min-width:0;padding:var(--space-4);border-radius:var(--radius-card)}
.use-case+.use-case{margin-top:var(--space-3)}
.use-case--violet{background:#2E2C33;color:#F4F2EE}
.use-case--char{background:#3A3530;color:#F7F3EC}
.use-case--mist{background:#E4EBE8;color:#1F2D28}
.use-case__intro,.use-case__detail{min-width:0}
.use-case__index{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;border-radius:999px;background:#FFD84D;color:#24211E;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1}
.use-case__intro h2{margin-top:var(--space-2);font-size:clamp(1.7rem,2.7vw,2.4rem);line-height:1.22}
.use-case__intro p{margin-top:var(--space-2)}
.use-case--violet .use-case__intro p,.use-case--violet .use-case__detail li{color:#D3CED8}
.use-case--char .use-case__intro p,.use-case--char .use-case__detail li{color:#DDD4C9}
.use-case--mist .use-case__intro p,.use-case--mist .use-case__detail li{color:#354941}
.use-case__detail h3{font-size:var(--text-card)}
.use-case__detail ul{display:grid;gap:var(--space-2);margin:var(--space-2) 0 0;padding-left:1.25rem}
.use-case__detail li{padding-left:.15rem;overflow-wrap:break-word}
.use-case__recommend{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid rgba(247,243,236,.17);font-size:var(--text-sm)}
.use-case--mist .use-case__recommend{border-color:rgba(31,45,40,.15)}
.use-case__recommend strong{margin-right:.7em;color:#FFD84D}
.use-case--mist .use-case__recommend strong{color:#934D00}
.use-advisor{padding-block:var(--space-6);background:#F3F1EC;color:#24211E}
.use-advisor .use-section-head>p{color:#4A453F}
.use-advisor .table-scroll{position:relative;overflow-x:auto;border-radius:var(--radius-card);background:#FFFFFF;color:#24211E}
.use-advisor__table{display:table;width:100%;min-width:54rem;background:#FFFFFF;color:#24211E;font-variant-numeric:tabular-nums}
.use-advisor__table th:first-child,.use-advisor__table td:first-child{width:25%}
.use-advisor__table tbody th{padding:1rem 1.25rem;border-bottom:1px solid rgba(36,33,30,.12);background:#FFFFFF;color:#24211E;font-size:var(--text-sm);font-weight:700;text-align:left;vertical-align:top}
.use-advisor__table tbody tr:last-child th{border-bottom:0}
.use-advisor__table span{color:#6F685F;font-weight:400}
.use-advisor__note{margin-top:var(--space-3);color:#4A453F;font-size:var(--text-sm)}
.use-advisor__note a:not(.c-btn){color:#934D00;text-decoration:underline;text-underline-offset:.2em}
.use-start{padding-block:var(--space-6);background:#2E2C33;color:#F4F2EE}
.use-start .use-section-head>p{color:#D3CED8}
.use-start__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);list-style:none;margin:0;padding:0}
.use-start__steps li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--space-3);min-width:0;padding:var(--space-3);border-radius:var(--radius-card);background:#3A3530;color:#F7F3EC}
.use-start__number{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);background:#FFD84D;color:#24211E;font-family:var(--font-mono);font-size:var(--text-sm);font-variant-numeric:tabular-nums}
.use-start__steps h3{font-size:var(--text-card)}
.use-start__steps p{margin-top:var(--space-1);color:#DDD4C9;font-size:var(--text-sm)}
.use-start__actions{justify-content:flex-start;margin-top:var(--space-3)}
.use-close{padding-block:var(--space-6);background:#F3F1EC;color:#24211E}
.use-close__card{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,auto);align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-cover);background:#24211E;color:#FFFFFF}
.use-close__card>div{min-width:0}
.use-close__card .c-kicker{margin-bottom:var(--space-2)}
.use-close__card h2{font-size:var(--text-section)}
.use-close__card p{max-width:37rem;margin-top:var(--space-2);color:#D1C9BF}
.use-close__actions{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3)}
.use-close__actions .c-btn{width:100%}
@media(max-width:64rem){
  .use-page .use-hero{gap:var(--space-3)}
  .use-case{gap:var(--space-3)}
}
@media(max-width:48rem){
  .use-page .use-hero{grid-template-columns:minmax(0,1fr);padding-block:var(--space-5)}
  .use-stage{width:100%;height:auto}
  .use-case{grid-template-columns:minmax(0,1fr)}
  .use-start__steps{grid-template-columns:minmax(0,1fr)}
  .use-close__card{grid-template-columns:minmax(0,1fr)}
  .use-close__actions{align-items:stretch}
}
@media(max-width:42rem){
  .use-hero__copy h1{font-size:clamp(2.35rem,9vw,3.2rem)}
  .use-hero__copy>p:not(.use-hero__foot){font-size:var(--text-base)}
  .use-hero__actions,.use-start__actions{width:100%}
  .use-hero__actions .c-btn,.use-start__actions .c-btn{flex:1 1 100%}
  .use-stage__line{grid-template-columns:minmax(0,1fr)}
  .use-stage__line strong{text-align:left}
  .use-dark,.use-advisor,.use-start,.use-close{padding-block:var(--space-5)}
  .use-case,.use-close__card{padding:var(--space-3)}
  .use-start__steps li{grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-2)}
  .use-start__number{width:2.25rem;height:2.25rem}
}