.hero-shell[data-hero-form="terminal"]{background:var(--paper);color:#26232A}
.hero-shell[data-hero-form="terminal"] .hero{padding-block:var(--hero-top) var(--space-5)}
.hero-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:var(--space-5)}
.hero-copy,.hero-summary{min-width:0}
.hero-copy .c-kicker{color:#62319B}
.hero-copy h1{max-width:18ch;margin:var(--space-2) 0 var(--space-3);font-size:var(--text-display);line-height:1.15}
.hero-copy h1 em{color:#85209F;font-style:normal}
.hero-intro{max-width:39rem;margin:0;color:#5C5660;font-size:var(--text-lg);overflow-wrap:break-word}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start;margin-top:var(--space-3)}
.hero-note{margin:var(--space-3) 0 0;color:#5C5660;font-size:var(--text-sm)}
.hero-summary{align-self:start;margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--mint);color:#203630}
.ready-chip{display:inline-flex;align-items:center;gap:.5rem;width:fit-content;max-width:100%;padding:.55rem .9rem;border-radius:var(--radius-pill);background:#FFFDFC;color:#203630;font-size:var(--text-sm);font-weight:700;line-height:1.3}
.ready-dot{width:.5rem;height:.5rem;flex:none;border-radius:50%;background:#62319B}
.hero-summary p{margin:var(--space-3) 0 0;color:#203630;overflow-wrap:break-word}
.tool-strip{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-5);padding:var(--space-2) 0;border-block:1px solid var(--line);color:#5C5660}
.tool-strip>span{margin-right:var(--space-2);font:700 var(--text-xs)/1.5 var(--font-mono)}
.tool-strip strong{padding:.4rem .8rem;border-radius:var(--radius-sm);background:var(--blue);color:#252F40;font-size:var(--text-sm);font-weight:650}
.tool-strip small{margin-left:auto;color:#5C5660}
.hero-art{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);align-items:stretch;gap:var(--space-3);min-width:0;margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--peach);color:#392B29;overflow:hidden}
.art-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.queue-card,.runner-card{position:relative;z-index:1;min-width:0;border-radius:var(--radius-md);overflow:hidden}
.queue-card{display:flex;flex-direction:column;background:#26232A;color:#F4EEF5}
.float-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:#343039;color:#F4EEF5;font:var(--text-xs)/1.5 var(--font-mono)}
.float-title span{color:#D6CBD9}
.cluster{min-width:0;max-height:19.5rem;overflow:auto;padding:var(--space-2) var(--space-3);font:var(--text-xs)/1.7 var(--font-mono);scrollbar-color:#807385 #26232A}
.runner-line{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--space-1);min-width:0;white-space:pre-wrap;overflow-wrap:anywhere}
.runner-line b{color:#AFA1B4;font-weight:400}
.runner-line span{width:auto;min-width:0;color:#F4EEF5;white-space:normal;overflow-wrap:anywhere}
.runner-line strong,.runner-line em{color:#E9B8F3;font-style:normal}
.runner-card{display:flex;flex-direction:column;background:#FFFDFC;color:#302821}
.node-label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid #C4BDAA;background:#F3F0DB;color:#363421}
.node-label strong{font-size:var(--text-sm)}
.node-label small{font-family:var(--font-mono);color:#514C32}
.build-row{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line)}
.build-row b{color:#62319B;font:700 var(--text-sm)/1.5 var(--font-mono)}
.build-row div{min-width:0}
.build-row strong,.build-row small{display:block;overflow-wrap:break-word}
.build-row strong{font-size:var(--text-sm);line-height:1.4}
.build-row small{margin-top:.25rem;color:#5C5660}
.status-live{margin-top:auto;padding:var(--space-2) var(--space-3);background:#E5F2ED;color:#203630;font-size:var(--text-xs);font-weight:700}
.art-caption{margin:var(--space-2) 0 0;color:#5C5660;font-size:var(--text-sm)}
.art-caption strong{color:#26232A}

.home-workflow{background:var(--white);color:#26232A}
.workflow-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;gap:var(--space-3)}
.workflow-panel,.workflow-copy{min-width:0;padding:var(--space-4);border-radius:var(--radius-md)}
.workflow-panel{background:var(--blue);color:#252F40}
.workflow-copy{display:flex;flex-direction:column;background:var(--mint);color:#203630}
.workflow-copy .c-kicker{color:#203630}
.workflow-copy h3{margin:var(--space-2) 0;font-size:var(--text-card);line-height:1.25}
.workflow-copy p{margin:0;color:#203630}
.workflow-copy .c-text-link{align-self:flex-start;margin-top:auto;padding-top:var(--space-3);color:#203630}
.topline{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);font:700 var(--text-xs)/1.5 var(--font-mono)}
.topline span:last-child{padding:.4rem .7rem;border-radius:var(--radius-pill);background:#FFFDFC;color:#62319B}
.task-visual{margin-top:var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:#FFFDFC;color:#252F40}
.task-row{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:var(--space-2) 0;border-bottom:1px solid var(--line)}
.task-row:last-child{border-bottom:0}
.task-row>*{min-width:0;overflow-wrap:break-word}
.task-row .num,.task-row small{font:var(--text-xs)/1.4 var(--font-mono);color:#586273}
.task-row strong{font-size:var(--text-sm)}
.task-row .complete{color:#62319B}
.workflow-foot{margin:var(--space-2) 0 0;color:#5C5660;font-size:var(--text-xs)}

.home-plans{background:var(--paper);color:#26232A}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:var(--space-3)}
.plan-grid .c-price-card{min-width:0}
.plan-grid .c-price-card h3{font-size:clamp(1.18rem,7cqi,1.35rem)}
.plan-grid .c-price-card .spec{margin-bottom:var(--space-3)}
.plan-grid .c-price-card .amount{font-size:clamp(1.3rem,8cqi,2rem)}
.plans-under,.region-note{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.plans-under p,.region-note p{margin:0;color:#5C5660;font-size:var(--text-sm)}

.data-band{padding-block:var(--space-5);background:#26232A;color:#F5EFF5}
.data-band-top{display:flex;justify-content:space-between;align-items:end;gap:var(--space-4)}
.data-band .c-kicker{color:#E9B8F3}
.data-band h2{margin:var(--space-2) 0 0;font-size:clamp(2rem,3.2vw,2.8rem)}
.data-band-top p{max-width:24rem;margin:0;color:#E5DBE6}
.data-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:var(--space-4);border-top:1px solid var(--line-dark)}
.data-item{min-width:0;padding:var(--space-3) var(--space-3) 0 0}
.data-item+.data-item{padding-left:var(--space-3);border-left:1px solid var(--line-dark)}
.data-item strong{font-family:var(--font-body);font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.25;overflow-wrap:break-word}
.data-item p{margin:.5rem 0 0;color:#E5DBE6;font-size:var(--text-sm)}

.uses{background:var(--white);color:#26232A}
.uses-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:var(--space-5)}
.uses-heading{position:sticky;top:6rem;min-width:0}
.uses-heading h2{margin:var(--space-2) 0}
.uses-heading p{max-width:27rem;color:#5C5660}
.use-list{min-width:0}
.use-item{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-2);padding:var(--space-3) 0;border-top:1px solid var(--line)}
.use-item:last-child{border-bottom:1px solid var(--line)}
.use-item .number{font:700 1.8rem/1 var(--font-body);color:#85209F}
.use-item h3{margin:0 0 .4rem;font-size:var(--text-card)}
.use-item p{margin:0;color:#5C5660;font-size:var(--text-sm)}

.steps{background:var(--sand);color:#302821}
.steps h2{margin:var(--space-2) 0 0}
.steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:var(--space-3);margin-top:var(--space-4)}
.step-card{display:flex;flex-direction:column;min-width:0;height:100%;padding:var(--space-4);border-radius:var(--radius-md)}
.step-card:first-child{background:var(--cream);color:#363421}
.step-card:last-child{background:var(--blue);color:#252F40}
.step-card .c-kicker{color:inherit}
.step-card h3{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-card)}
.step-card p{max-width:32rem;margin:0;font-size:var(--text-sm)}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:#FFFDFC;color:#26232A}
.metric{min-width:0;padding-inline:var(--space-3)}
.metric+.metric{border-left:1px solid var(--line)}
.metric strong{display:block;font:700 2rem/1.2 var(--font-body);overflow-wrap:break-word}
.metric span{display:block;margin-top:.3rem;color:#5C5660;font-size:var(--text-sm)}

.regions{background:var(--white);color:#26232A}
.region-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:var(--space-2)}
.region-card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--sand);color:#302821}
.region-card:nth-child(2){background:var(--mint);color:#203630}
.region-card:nth-child(3){background:var(--peach);color:#392B29}
.region-card:nth-child(4){background:var(--blue);color:#252F40}
.region-card:nth-child(5){background:var(--cream);color:#363421}
.region-card .code{font:700 var(--text-xs)/1.3 var(--font-mono);opacity:.8}
.region-card strong{margin-top:var(--space-4);font-size:var(--text-lg);line-height:1.3;overflow-wrap:break-word}
.region-card small{margin-top:auto;padding-top:var(--space-2);font-size:var(--text-xs)}

.reading{background:var(--peach);color:#392B29}
.home-blog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));align-items:stretch;gap:var(--space-3)}
.home-blog__card{display:flex;flex-direction:column;height:100%;min-width:0;padding:var(--space-4);border-radius:var(--radius-md);background:#FFFDFC;color:#26232A;transition:transform .2s,box-shadow .2s}
.home-blog__card[hidden]{display:none}
.home-blog__card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.home-blog__card .pill{display:inline-flex;align-items:center;gap:.4em;align-self:flex-start;width:fit-content;padding:.4em .9em;border-radius:999px;background:#E5F2ED;color:#203630;font-size:var(--text-xs);line-height:1}
.home-blog__card h3{margin:var(--space-2) 0 var(--space-2);font-size:var(--text-card)}
.home-blog__card p{margin:0;color:#5C5660;font-size:var(--text-sm)}
.home-blog__empty{margin:0;padding:var(--space-3);border-radius:var(--radius-md);background:#FFFDFC;color:#26232A}
.home-blog__empty[hidden]{display:none}
.home-blog__empty a{color:#62319B;text-decoration:underline;text-underline-offset:.2em}

.faq-section{background:var(--white);color:#26232A}
.faq-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:var(--space-5)}
.faq-layout h2{margin:var(--space-2) 0}
.faq-layout p{color:#5C5660}
.faq-layout .c-faq{background:var(--white);color:#26232A}
.faq-layout .c-faq .answer{padding:var(--space-2) 0 var(--space-3);border-top:1px solid var(--line);color:#5C5660}
.faq-layout .c-faq[open] summary{padding-bottom:var(--space-2)}
.faq-layout .c-faq .answer a:not(.c-btn){color:#62319B}

.closing-section{padding-block:var(--space-5);background:var(--paper);color:#26232A}
.closing{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4);overflow:hidden;padding:var(--space-5);border-radius:var(--radius-lg);background:#4B246B;color:#FFFDFC}
.closing::after{content:"";position:absolute;right:-15rem;top:-20rem;width:38rem;height:38rem;border:6rem solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}
.closing>*{position:relative;z-index:1;min-width:0}
.closing .c-kicker{color:#F0D7F5}
.closing h2{margin:var(--space-2) 0;font-size:clamp(2rem,3.6vw,3.2rem)}
.closing p{margin:0;color:#F0E3F2}
.closing-actions{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}
.closing .c-btn-ghost{background:transparent;color:#FFFDFC;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.closing .c-btn-secondary{background:#FFFDFC;color:#4B246B;border-color:#FFFDFC}

@media(max-width:64rem){
  .hero-heading{gap:var(--space-3)}
  .task-row{grid-template-columns:2rem minmax(0,1fr)}
  .task-row small{grid-column:2}
  .region-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}
  .data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .data-item:nth-child(3){padding-left:0;border-left:0}
}
@media(max-width:42rem){
  .hero-shell[data-hero-form="terminal"] .hero{padding-block:var(--space-4)}
  .hero-heading,.workflow-grid,.plan-grid,.steps-grid,.uses-layout,.faq-layout,.closing{grid-template-columns:minmax(0,1fr)}
  .hero-heading{gap:var(--space-3)}
  .hero-copy h1{font-size:clamp(2.7rem,10vw,3.4rem)}
  .hero-summary{margin-top:0;padding:var(--space-3)}
  .hero-actions .c-btn{width:100%}
  .tool-strip{margin-top:var(--space-4)}
  .tool-strip small{width:100%;margin-left:0}
  .hero-art{width:min(calc(100% - var(--gutter)*2),100%);grid-template-columns:minmax(0,1fr);height:auto;margin-inline:auto;padding:var(--space-3);overflow:visible;transform:none}
  .hero-art .queue-card,.hero-art .runner-card{grid-column:1;width:auto}
  .art-backdrop{max-width:100%;pointer-events:none}
  .cluster{max-height:17rem}
  .workflow-panel,.workflow-copy{padding:var(--space-3)}
  .workflow-copy .c-text-link{margin-top:var(--space-3);padding-top:0}
  .task-row{grid-template-columns:1.5rem minmax(0,1fr)}
  .task-row small{grid-column:2}
  .data-band-top{display:block}
  .data-band-top p{margin-top:var(--space-2)}
  .uses-heading{position:static}
  .step-card{padding:var(--space-3)}
  .step-card h3{margin-top:var(--space-3)}
  .metrics{grid-template-columns:minmax(0,1fr)}
  .metric{padding:var(--space-2)}
  .metric+.metric{border-left:0;border-top:1px solid var(--line)}
  .closing{padding:var(--space-3)}
  .closing-actions{margin-top:var(--space-3)}
}
@media(max-width:25rem){
  .region-grid{grid-template-columns:minmax(0,1fr)}
  .data-grid{grid-template-columns:minmax(0,1fr)}
  .data-item,.data-item+.data-item,.data-item:nth-child(3){padding:var(--space-2) 0;border-left:0}
  .data-item+.data-item{border-top:1px solid var(--line-dark)}
}
@media(prefers-reduced-motion:reduce){
  .home-blog__card{transition:none}
}
