.uc-hero{
  color:var(--color-ink);
  background:var(--color-warm)
}

.uc-hero__inner{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:center;
  gap:var(--space-8);
  padding-block:var(--space-10)
}

.uc-hero__inner>*{
  min-width:0
}

.uc-hero__copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px
}

.uc-hero__copy h1,
.uc-hero__copy p{
  margin:0
}

.uc-hero__copy h1{
  max-width:12ch
}

.uc-hero__copy>p{
  max-width:620px;
  color:var(--color-muted)
}

.uc-hero__actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:8px
}

.uc-hero__facts{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin:var(--space-5) 0 0;
  padding:var(--space-4) 0 0;
  border-top:1px solid var(--color-line)
}

.uc-hero__facts div{
  min-width:0;
  padding-inline-end:var(--space-3)
}

.uc-hero__facts dt,
.uc-hero__facts dd{
  margin:0
}

.uc-hero__facts dt{
  color:var(--color-muted);
  font-size:var(--text-xs)
}

.uc-hero__facts dd{
  margin-top:8px;
  color:var(--color-ink);
  font:600 var(--text-sm)/1.4 var(--font-mono)
}

.uc-board{
  min-width:0;
  margin:0;
  overflow:hidden;
  border-radius:var(--radius-panel);
  color:var(--color-white);
  background:var(--color-dark);
  box-shadow:var(--shadow-float)
}

.uc-board__visual{
  min-height:360px;
  display:block;
  padding:0;
  color:var(--color-ink);
  background:var(--color-surface)
}

.uc-board__visual img{
  width:100%;
  height:360px;
  max-height:360px;
  object-fit:cover;
  object-position:center 40%
}

.uc-board__caption{
  display:grid;
  grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);
  gap:var(--space-5);
  padding:var(--space-5) var(--space-6);
  color:var(--color-white);
  background:var(--color-dark)
}

.uc-board__caption>*{
  min-width:0
}

.uc-board__identity{
  display:flex;
  flex-direction:column;
  gap:8px
}

.uc-board__identity span{
  color:var(--color-accent);
  font:600 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.08em
}

.uc-board__identity strong{
  color:var(--color-white);
  font-size:var(--text-lg);
  line-height:1.25
}

.uc-board__routes{
  display:grid;
  gap:8px
}

.uc-board__routes>div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:start;
  gap:8px
}

.uc-board__routes p,
.uc-board__routes b,
.uc-board__routes small{
  margin:0
}

.uc-board__routes p{
  display:grid;
  gap:8px;
  color:var(--color-white)
}

.uc-board__routes b{
  color:var(--color-white);
  font-size:var(--text-sm)
}

.uc-board__routes small{
  color:var(--color-faint);
  font-size:var(--text-xs)
}

.uc-board__status{
  width:8px;
  height:8px;
  margin-top:6px;
  border-radius:50%;
  background:var(--color-success)
}

.uc-heading{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  max-width:820px;
  margin-bottom:var(--space-7)
}

.uc-heading h2,
.uc-heading p{
  margin:0
}

.uc-heading p{
  max-width:760px;
  color:var(--color-muted)
}

.uc-heading__eyebrow{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--color-primary);
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.08em
}

.uc-heading--dark{
  color:var(--color-white)
}

.uc-heading--dark h2{
  color:var(--color-white)
}

.uc-heading--dark p{
  color:var(--color-faint)
}

.uc-heading--dark .uc-heading__eyebrow{
  color:var(--color-accent)
}

.uc-audience-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--space-4)
}

.uc-audience-grid>*{
  min-width:0
}

.uc-audience-card{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  padding:var(--space-6);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.uc-audience-card h3,
.uc-audience-card p,
.uc-audience-card ul{
  margin:0
}

.uc-audience-card p{
  color:var(--color-muted)
}

.uc-audience-card ul{
  display:grid;
  gap:8px;
  padding-inline-start:1.1rem;
  color:var(--color-ink-soft);
  font-size:var(--text-sm)
}

.uc-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  margin-bottom:8px;
  border-radius:var(--radius-control);
  color:var(--color-primary);
  background:var(--color-accent-soft)
}

.uc-icon--dark{
  color:var(--color-accent);
  background:var(--color-ink-soft)
}

.uc-note{
  display:grid;
  grid-template-columns:max-content minmax(0,1fr);
  align-items:start;
  gap:var(--space-4);
  margin-top:var(--space-5);
  padding:var(--space-5) var(--space-6);
  border-radius:var(--radius-card);
  color:var(--color-white);
  background:var(--color-dark)
}

.uc-note strong{
  color:var(--color-accent)
}

.uc-note p{
  margin:0;
  color:var(--color-faint)
}

.uc-section-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(max-content,.3fr);
  align-items:start;
  gap:var(--space-7)
}

.uc-section-intro>*{
  min-width:0
}

.uc-section-mark{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-surface)
}

.uc-section-mark span{
  color:var(--color-primary);
  font:600 var(--text-xs)/1 var(--font-mono)
}

.uc-section-mark strong{
  color:var(--color-ink);
  font:500 var(--text-xl)/1.2 var(--font-mono)
}

.uc-section-mark small{
  color:var(--color-muted);
  font-size:var(--text-xs)
}

.uc-flow{
  position:relative;
  display:grid;
  gap:var(--space-4);
  list-style:none;
  margin:0;
  padding:0
}

.uc-flow::before{
  content:"";
  position:absolute;
  top:var(--space-5);
  bottom:var(--space-5);
  left:23px;
  width:1px;
  max-width:100%;
  background:var(--color-line-strong)
}

.uc-flow li{
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:start;
  gap:var(--space-5)
}

.uc-flow li>*{
  min-width:0
}

.uc-flow__number{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  color:var(--color-white);
  background:var(--color-primary);
  font:600 var(--text-xs)/1 var(--font-mono)
}

.uc-flow li>div{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-5) var(--space-6);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-warm)
}

.uc-flow h3,
.uc-flow p{
  margin:0
}

.uc-flow p{
  color:var(--color-muted)
}

.uc-log-panel{
  margin-top:var(--space-7);
  overflow:hidden;
  border-radius:var(--radius-panel);
  color:var(--color-ink);
  background:var(--color-surface)
}

.uc-log-panel__head{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-5) var(--space-6);
  color:var(--color-white);
  background:var(--color-dark)
}

.uc-log-panel__head span{
  color:var(--color-accent);
  font:600 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.08em
}

.uc-log-panel__head strong{
  color:var(--color-white);
  font-size:var(--text-lg)
}

.uc-log-panel__body{
  padding:var(--space-6);
  color:var(--color-ink);
  background:var(--color-surface)
}

.uc-log-panel dl{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
  margin:0
}

.uc-log-panel dl>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px
}

.uc-log-panel dt{
  color:var(--color-primary);
  font-size:var(--text-sm);
  font-weight:700
}

.uc-log-panel dd{
  margin:0;
  color:var(--color-ink-soft)
}

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

.uc-pipeline>*{
  min-width:0
}

.uc-pipeline__lane{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  padding:var(--space-6);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.uc-pipeline__lane h3,
.uc-pipeline__lane p,
.uc-pipeline__lane ul{
  margin:0
}

.uc-pipeline__lane p{
  color:var(--color-muted)
}

.uc-pipeline__lane ul{
  display:grid;
  gap:8px;
  padding-inline-start:1.1rem;
  color:var(--color-ink-soft);
  font-size:var(--text-sm)
}

.uc-pipeline__label{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--color-primary);
  font:700 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.08em
}

.uc-capacity{
  display:grid;
  grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);
  gap:var(--space-6);
  margin-top:var(--space-5);
  padding:var(--space-6);
  border-radius:var(--radius-panel);
  color:var(--color-white);
  background:var(--color-dark)
}

.uc-capacity>*{
  min-width:0
}

.uc-capacity__intro{
  display:flex;
  flex-direction:column;
  gap:8px
}

.uc-capacity__intro h3,
.uc-capacity__intro p{
  margin:0
}

.uc-capacity__intro h3{
  color:var(--color-white)
}

.uc-capacity__intro p{
  color:var(--color-faint)
}

.uc-capacity__items{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4)
}

.uc-capacity__items>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-4);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.uc-capacity__items strong{
  color:var(--color-ink)
}

.uc-capacity__items span{
  color:var(--color-primary);
  font:600 var(--text-xs)/1.4 var(--font-mono)
}

.uc-capacity__items p{
  margin:0;
  color:var(--color-muted);
  font-size:var(--text-sm)
}

.uc-remote-main{
  min-width:0;
  padding:var(--space-7);
  border-radius:var(--radius-panel);
  color:var(--color-ink);
  background:var(--color-warm)
}

.uc-remote-main .uc-heading{
  margin-bottom:var(--space-6)
}

.uc-workbench{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-4)
}

.uc-workbench>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.uc-workbench span{
  color:var(--color-primary);
  font:700 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.06em
}

.uc-workbench strong{
  color:var(--color-ink)
}

.uc-workbench p{
  margin:0;
  color:var(--color-muted)
}

.uc-side-card{
  align-items:flex-start;
  gap:8px
}

.uc-side-card h3,
.uc-side-card p{
  margin:0
}

.uc-side-card .c-btn{
  margin-top:auto
}

.uc-side-card.c-card--dark .c-btn{
  color:var(--color-ink);
  background:var(--color-white);
  border-color:var(--color-white)
}

.uc-ai-layout{
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  align-items:start;
  gap:var(--space-8)
}

.uc-ai-layout>*{
  min-width:0
}

.uc-memory-board{
  overflow:hidden;
  border-radius:var(--radius-panel);
  color:var(--color-ink);
  background:var(--color-white)
}

.uc-memory-board__head{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-5) var(--space-6);
  color:var(--color-ink);
  background:var(--color-accent-soft)
}

.uc-memory-board__head span{
  color:var(--color-primary);
  font:700 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.08em
}

.uc-memory-board__head strong{
  color:var(--color-ink);
  font-size:var(--text-lg)
}

.uc-memory-board__body{
  display:grid;
  padding:var(--space-6);
  color:var(--color-ink);
  background:var(--color-white)
}

.uc-memory-row{
  display:grid;
  grid-template-columns:minmax(max-content,.35fr) minmax(0,1fr);
  align-items:start;
  gap:var(--space-5);
  padding-block:var(--space-4);
  border-bottom:1px solid var(--color-line)
}

.uc-memory-row:last-child{
  border-bottom:0
}

.uc-memory-row span{
  color:var(--color-primary);
  font-weight:700
}

.uc-memory-row p{
  margin:0;
  color:var(--color-muted)
}

.uc-ai-checks{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:start;
  gap:var(--space-4);
  margin-top:var(--space-7)
}

.uc-ai-checks article{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.uc-ai-checks span{
  color:var(--color-primary);
  font:700 var(--text-xs)/1 var(--font-mono)
}

.uc-ai-checks h3,
.uc-ai-checks p{
  margin:0
}

.uc-ai-checks p{
  color:var(--color-muted)
}

.uc-ai-recommendation{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-6);
  margin-top:var(--space-5);
  padding:var(--space-6);
  border-radius:var(--radius-panel);
  color:var(--color-ink);
  background:var(--color-accent-soft)
}

.uc-ai-recommendation>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px
}

.uc-ai-recommendation span{
  color:var(--color-primary);
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.06em
}

.uc-ai-recommendation strong{
  color:var(--color-ink);
  font-size:var(--text-xl)
}

.uc-ai-recommendation p{
  max-width:760px;
  margin:0;
  color:var(--color-ink-soft)
}

.uc-ai-recommendation .c-btn{
  flex:0 0 auto;
  color:var(--color-white);
  background:var(--color-ink);
  border-color:var(--color-ink)
}

.uc-unity-route{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:start;
  gap:var(--space-4)
}

.uc-unity-route article{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-warm)
}

.uc-unity-route h3,
.uc-unity-route p{
  margin:0
}

.uc-unity-route p{
  color:var(--color-muted)
}

.uc-unity-route__code{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--color-primary);
  font:700 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.06em
}

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

.uc-storage-grid>*{
  min-width:0
}

.uc-storage-card{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-6);
  border-radius:var(--radius-card);
  color:var(--color-white);
  background:var(--color-dark)
}

.uc-storage-card--surface{
  color:var(--color-ink);
  background:var(--color-surface)
}

.uc-storage-card h3,
.uc-storage-card p,
.uc-storage-card dl{
  margin:0
}

.uc-storage-card h3{
  color:var(--color-white)
}

.uc-storage-card p{
  color:var(--color-faint)
}

.uc-storage-card--surface h3{
  color:var(--color-ink)
}

.uc-storage-card--surface p{
  color:var(--color-muted)
}

.uc-storage-card dl{
  display:grid;
  gap:8px;
  margin-top:var(--space-3)
}

.uc-storage-card dl>div{
  display:grid;
  grid-template-columns:minmax(max-content,.3fr) minmax(0,1fr);
  gap:var(--space-4);
  padding-block:var(--space-2);
  border-bottom:1px solid var(--color-ink-soft)
}

.uc-storage-card--surface dl>div{
  border-bottom-color:var(--color-line)
}

.uc-storage-card dt{
  color:var(--color-accent);
  font-weight:700
}

.uc-storage-card--surface dt{
  color:var(--color-primary)
}

.uc-storage-card dd{
  margin:0;
  color:var(--color-white)
}

.uc-storage-card--surface dd{
  color:var(--color-ink-soft)
}

.uc-release-table caption{
  padding:var(--space-3) var(--space-4);
  color:var(--color-muted);
  background:var(--color-white);
  font-size:var(--text-xs);
  text-align:left
}

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

.uc-freeze-grid article{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:var(--space-5);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.uc-freeze-grid span{
  color:var(--color-primary);
  font:700 var(--text-xs)/1 var(--font-mono);
  letter-spacing:.08em
}

.uc-freeze-grid h3,
.uc-freeze-grid p{
  margin:0
}

.uc-freeze-grid p{
  color:var(--color-muted)
}

.uc-selection-grid{
  align-items:start
}

.uc-selection-grid .c-price-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:8px
}

.uc-selection-grid .c-price-card h3,
.uc-selection-grid .c-price-card p,
.uc-selection-grid .c-price-card ul{
  margin-top:0;
  margin-bottom:0
}

.uc-selection-grid .c-price-card>p:not(.uc-selection-grid__role){
  color:var(--color-muted)
}

.uc-selection-grid .c-price-card .c-btn{
  margin-top:var(--space-3)
}

.uc-selection-grid__role{
  color:var(--color-primary);
  font-size:var(--text-sm);
  font-weight:700
}

.uc-order-check{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-6);
  margin-top:var(--space-5);
  padding:var(--space-6);
  border-radius:var(--radius-card);
  color:var(--color-ink);
  background:var(--color-white)
}

.uc-order-check>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:8px
}

.uc-order-check strong{
  color:var(--color-ink);
  font-size:var(--text-lg)
}

.uc-order-check p{
  max-width:760px;
  margin:0;
  color:var(--color-muted)
}

.uc-order-check .c-btn{
  flex:0 0 auto
}

.uc-cta__copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px
}

.uc-cta__copy span{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;
  color:var(--color-accent);
  font-size:var(--text-xs);
  font-weight:700;
  letter-spacing:.08em
}

.uc-cta__copy h2,
.uc-cta__copy p{
  margin:0
}

.uc-cta__copy h2{
  max-width:720px;
  color:var(--color-white)
}

.uc-cta__copy p{
  max-width:760px;
  color:var(--color-faint)
}

.uc-cta__actions{
  flex:0 0 auto;
  display:grid;
  gap:8px;
  min-width:max-content
}

.uc-cta__actions .c-btn--ghost{
  color:var(--color-white);
  background:transparent;
  border-color:var(--color-muted)
}

@media(max-width:1100px){
  .uc-audience-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .uc-unity-route{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .uc-ai-checks{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .uc-capacity{
    grid-template-columns:1fr
  }
}

@media(max-width:900px){
  .uc-hero__inner,
  .uc-ai-layout{
    grid-template-columns:1fr
  }

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

  .uc-section-intro{
    grid-template-columns:1fr
  }

  .uc-section-mark{
    max-width:320px
  }

  .uc-pipeline{
    grid-template-columns:1fr
  }

  .uc-capacity__items{
    grid-template-columns:1fr
  }

  .uc-unity-route{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
}

@media(max-width:760px){
  .uc-board__caption{
    grid-template-columns:1fr
  }

  .uc-log-panel dl{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .uc-ai-recommendation,
  .uc-order-check{
    align-items:flex-start;
    flex-direction:column
  }

  .uc-ai-recommendation .c-btn,
  .uc-order-check .c-btn{
    width:100%
  }

  .uc-storage-grid,
  .uc-freeze-grid{
    grid-template-columns:1fr
  }

  .uc-cta__actions{
    width:100%;
    min-width:0
  }
}

@media(max-width:640px){
  .uc-hero__inner{
    gap:var(--space-6);
    padding-block:var(--space-9)
  }

  .uc-hero__actions{
    width:100%
  }

  .uc-hero__actions .c-btn{
    width:100%
  }

  .uc-hero__facts{
    grid-template-columns:1fr;
    gap:var(--space-4)
  }

  .uc-board__visual{
    min-height:260px;
    padding:var(--space-4)
  }

  .uc-board__caption,
  .uc-log-panel__head,
  .uc-log-panel__body{
    padding:var(--space-5)
  }

  .uc-audience-grid,
  .uc-workbench,
  .uc-ai-checks,
  .uc-unity-route{
    grid-template-columns:1fr
  }

  .uc-note{
    grid-template-columns:1fr;
    gap:8px
  }

  .uc-flow::before{
    left:17px
  }

  .uc-flow li{
    grid-template-columns:36px minmax(0,1fr);
    gap:var(--space-3)
  }

  .uc-flow__number{
    width:36px;
    height:36px
  }

  .uc-flow li>div{
    padding:var(--space-5)
  }

  .uc-log-panel dl{
    grid-template-columns:1fr
  }

  .uc-remote-main{
    padding:var(--space-5)
  }

  .uc-memory-row,
  .uc-storage-card dl>div{
    grid-template-columns:1fr;
    gap:8px
  }

  .uc-ai-recommendation{
    padding:var(--space-5)
  }
}

@media(max-width:390px){
  .uc-board__visual{
    min-height:220px
  }

  .uc-audience-card,
  .uc-pipeline__lane,
  .uc-storage-card{
    padding:var(--space-5)
  }

  .uc-section-mark{
    width:100%
  }
}