@font-face{font-family:"Inter Display";src:url("/assets/fonts/InterDisplay-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter Display";src:url("/assets/fonts/InterDisplay-Medium.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter Display";src:url("/assets/fonts/InterDisplay-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter Display";src:url("/assets/fonts/InterDisplay-Bold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Inter Display";src:url("/assets/fonts/InterDisplay-Black.woff2") format("woff2");font-weight:900;font-display:swap}
:root{--ink:#0E1A2B;--ink2:#15253B;--ink3:#2A4060;--mist:#B7C6D8;--teal:#12C4B0;--teal2:#0E8F81;--teal-ink:#07665C;--amber:#F2A93B;--coral:#FF6B5A;--floor:#DCE3E2;--paper:#FCFCF9;--muted:#3B4A5C;--gap:1.75rem;--sans:"Inter Display",Inter,"Segoe UI",Roboto,system-ui,sans-serif;--mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"DejaVu Sans Mono","Liberation Mono",monospace}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html:not(.js) .js-only{display:none!important}
body{margin:0;background:var(--floor);color:var(--ink);font:500 1rem/1.5 var(--sans)}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.1}
a{color:inherit;text-underline-offset:.2em}
.wrap{width:min(100% - 2rem,86rem);margin-inline:auto}
@media(min-width:700px){.wrap{width:min(100% - 3.5rem,86rem)}}
.hero>*,.bench>*,.bench__right>*,.ops>*,.insp>*,.panels>*,.belt>*{min-width:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.mono{font-family:var(--mono)}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.dark :focus-visible{outline-color:var(--teal)}
.skip{position:absolute;left:1rem;top:-5rem;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:2}
.skip:focus{top:1rem}

.btn{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:2.75rem;padding:.6rem 1.1rem;border:2px solid currentColor;border-radius:3px;background:transparent;color:inherit;font:600 .9375rem/1.2 var(--sans);text-decoration:none;cursor:pointer}
.btn:hover{background:rgba(18,196,176,.16)}
.btn--primary{background:var(--teal);border-color:var(--teal);color:var(--ink)}
.btn--primary:hover{background:#45D8C7}
.btn:disabled{cursor:not-allowed;opacity:.45}
.btn--sm{min-height:2.5rem;padding:.35rem .75rem;font-size:.8125rem}

.top{border-bottom:2px solid var(--ink)}
.top__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;padding-block:.85rem}
.brand{display:flex;align-items:center;gap:.7rem}
.mark{width:2.5rem;height:2.5rem;flex:none}
.brand__name{font-weight:900;font-size:1.625rem;letter-spacing:.05em;text-transform:uppercase;line-height:1}
.brand__tag{font-size:.8125rem;font-weight:600;color:var(--muted);border-left:2px solid var(--ink);padding-left:.7rem;line-height:1.2}
.back{font-weight:600;font-size:.9375rem;padding-block:.5rem}

.hero{display:grid;gap:2rem;padding-block:2.5rem 3rem}
.hero h1{font-weight:900;font-size:clamp(2.4rem,1.1rem + 5.2vw,5.25rem);line-height:.96;letter-spacing:-.04em;max-width:12ch}
.hero__lede{margin-top:1.5rem;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);max-width:36rem}
.hero__note{margin-top:1rem;max-width:36rem;font-size:.9375rem;color:var(--muted);padding-left:.9rem;border-left:4px solid var(--teal-ink)}
@media(min-width:1000px){.hero{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;column-gap:4rem;padding-block:4rem}}
.deck{background:var(--ink);color:#fff;border-radius:4px;padding:1rem;display:grid;gap:1rem;container-type:inline-size}
@media(min-width:520px){.deck{padding:1.25rem}}
.deck__title{font-size:1rem;font-weight:700;color:var(--mist)}
.deck__buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.deck__buttons .btn{width:100%;padding-inline:.5rem}
.deck__buttons #btn-run{grid-column:1/-1;white-space:nowrap}
@container (min-width:26rem){
  .deck__buttons{grid-template-columns:repeat(3,minmax(0,1fr))}
  .deck__buttons #btn-run{grid-column:auto}
}
.toggle{display:flex;gap:.6rem;align-items:flex-start;font-size:.9375rem;color:var(--mist);cursor:pointer}
.toggle input{width:1.25rem;height:1.25rem;margin:.1rem 0 0;accent-color:var(--teal);flex:none}
.totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--ink3);border:1px solid var(--ink3)}
.totals div{background:var(--ink);padding:.7rem .8rem;display:flex;flex-direction:column-reverse;gap:.2rem}
.totals dt{font-size:.8125rem;color:var(--mist);line-height:1.25}
.totals dd{margin:0;font-weight:900;font-size:2rem;line-height:1;font-variant-numeric:tabular-nums}
.totals .is-ok dd{color:var(--teal)}
.totals .is-held dd{color:var(--amber)}
@media(min-width:520px){.totals{grid-template-columns:repeat(4,minmax(0,1fr))}}
.deck__foot{display:flex;justify-content:space-between;gap:1rem;font-size:.875rem;color:var(--mist);align-items:baseline}
.deck__status{color:#fff}
.tick{font-family:var(--mono);white-space:nowrap}

.flow{background:var(--ink);color:#fff;padding-block:3rem 3.5rem}
.flow__head{display:grid;gap:.75rem 3rem;margin-bottom:2rem}
.flow__head h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.75rem);font-weight:900;letter-spacing:-.03em}
.flow__head p{color:var(--mist);max-width:40rem}
@media(min-width:1000px){.flow__head{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:end}}
.belt{display:grid;gap:1.25rem;grid-template-columns:minmax(0,1fr)}
.st{position:relative;background:var(--ink2);border:1px solid var(--ink3);border-radius:4px;padding:1rem;display:flex;flex-direction:column;gap:.55rem}
.st__head{display:flex;align-items:baseline;gap:.6rem}
.st__num{font-weight:900;font-size:1.875rem;line-height:.9;color:var(--teal);letter-spacing:-.03em}
.st__icon{width:2rem;height:1.5rem;color:var(--teal);flex:none;align-self:center}
.st h3{font-size:1.0625rem;font-weight:700}
.st__rule{font:400 .8125rem/1.45 var(--mono);color:var(--mist)}
.st__count{display:flex;flex-wrap:wrap;gap:.2rem 1rem;margin:0}
.st__count div{display:flex;gap:.35rem;align-items:baseline}
.st__count dt{font-size:.8125rem;color:var(--mist)}
.st__count dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.st__count .is-ok dd{color:var(--teal)}
.st__count .is-held dd{color:var(--amber)}
.st__count .is-fail dd{color:var(--coral)}
.st__exit{font-size:.8125rem;color:var(--amber);display:flex;gap:.45rem;align-items:center}
.st__exit::before{content:"";width:.9rem;height:.9rem;flex:none;background:repeating-linear-gradient(45deg,var(--amber) 0 3px,transparent 3px 6px)}
.st__now{min-height:1.75rem}
.st__now.is-empty{visibility:hidden}
.pkg{display:inline-block;font:600 .8125rem/1.4 var(--mono);background:var(--paper);color:var(--ink);padding:.15rem .5rem;border-radius:2px;border-left:4px solid var(--teal)}
.pkg--in{animation:slide .38s cubic-bezier(.2,.8,.2,1)}
@keyframes slide{from{transform:translateX(-1.5rem);opacity:0}to{transform:none;opacity:1}}
.st__inspect{margin-top:auto;align-self:flex-start;color:#fff;border-color:var(--mist)}
.st--dock{background:transparent;border:2px dashed var(--teal)}
.dock__ids{font:600 .875rem/1.5 var(--mono)}
.st--queue{border-color:var(--amber)}
.st--queue .st__num{color:var(--amber)}
.st--alert .st__num{color:var(--mist)}
.st.is-active{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal);animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{50%{box-shadow:0 0 0 5px rgba(18,196,176,.35)}}
.legend{font-size:.875rem;color:var(--mist);display:grid;gap:.6rem;align-content:start}
.legend h3{font-size:.9375rem;color:#fff}
.legend ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.legend li{display:flex;align-items:center;gap:.6rem}
.sw{flex:none;width:2rem;height:.6rem}
.sw--pass{background:repeating-linear-gradient(90deg,var(--teal) 0 5px,var(--teal2) 5px 7px)}
.sw--chute{background:repeating-linear-gradient(45deg,var(--amber) 0 4px,var(--ink) 4px 8px);outline:1px solid var(--amber)}
.sw--pkg{height:1rem;width:1.6rem;background:var(--paper);border-left:4px solid var(--teal)}
.sw--fail{background:var(--coral)}
.chute,.lane{display:none}
@media(max-width:699px){
  .st:not(.st--intake):not(.st--queue)::before{content:"";position:absolute;left:1.6rem;top:calc(-1.25rem - 1px);width:8px;height:1.25rem;background:repeating-linear-gradient(180deg,var(--teal) 0 5px,var(--teal2) 5px 7px)}
  .st--alert::before{background:var(--mist)}
}
@media(min-width:700px) and (max-width:1099px){.belt{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){
  .belt{grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:auto 3.5rem auto;column-gap:var(--gap);row-gap:0}
  .st--intake{grid-column:1;grid-row:1}.st--validate{grid-column:2;grid-row:1}.st--dedupe{grid-column:3;grid-row:1}.st--stock{grid-column:4;grid-row:1}.st--dock{grid-column:5;grid-row:1}
  .st--queue{grid-column:4;grid-row:3}.st--alert{grid-column:5;grid-row:3}
  .legend{grid-column:1;grid-row:2/4;padding-top:2rem}
  .legend ul{grid-template-columns:1fr}
  .st__exit{display:none}
  .chute{display:block;position:relative;grid-row:2/4;align-self:start;justify-self:center;width:10px;height:calc(5rem + 10px);background:repeating-linear-gradient(-45deg,var(--amber) 0 5px,var(--ink) 5px 10px)}
  .chute--v{grid-column:2}.chute--d{grid-column:3}.chute--s{grid-column:4;grid-row:2;height:3.5rem}
  .chute span{position:absolute;left:18px;top:.7rem;font-size:.8125rem;color:var(--amber);white-space:nowrap}
  .lane{display:block;position:relative;grid-column:2/4;grid-row:3;align-self:start;margin-top:1.5rem;height:10px;margin-left:calc((100% - var(--gap))/4);margin-right:calc(var(--gap) * -1);background:repeating-linear-gradient(-45deg,var(--amber) 0 5px,var(--ink) 5px 10px)}
  .lane span{position:absolute;top:1.1rem;left:0;font-size:.8125rem;color:var(--amber)}
  .st--intake::after,.st--validate::after,.st--dedupe::after,.st--stock::after,.st--queue::after{content:"";position:absolute;top:1.6rem;right:calc(var(--gap) * -1 - 1px);width:var(--gap);height:8px;background:repeating-linear-gradient(90deg,var(--teal) 0 5px,var(--teal2) 5px 7px)}
  .st--queue::after{background:var(--mist)}
}

.bench{display:grid;gap:2.5rem;padding-block:3rem}
.bench__right{display:flex;flex-direction:column;gap:1.75rem}
.sec-title{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:900;letter-spacing:-.025em}
.sub-title{font-size:1.25rem;font-weight:800;letter-spacing:-.015em}
.rail__hint,.queue__hint{margin:.5rem 0 1.25rem;color:var(--muted);max-width:38rem}
.labels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media(max-width:699px){.labels{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(14rem,16rem);overflow-x:auto;scroll-snap-type:x mandatory;padding:.25rem .25rem 1rem}.lbl{scroll-snap-align:start}}
@media(min-width:1100px){.labels{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}
.lbl{background:var(--paper);border:1px solid #C3CCCC;border-top:3px dashed var(--ink);border-radius:2px;padding:.8rem;display:flex;flex-direction:column;gap:.45rem}
.lbl.is-sel{outline:3px solid var(--ink);outline-offset:-3px}
.lbl__top{display:flex;justify-content:space-between;align-items:center}
.lbl__brand{font-weight:900;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase}
.lbl__zone{background:var(--ink);color:var(--paper);font-weight:900;font-size:1.25rem;padding:.1rem .55rem;line-height:1.2}
.lbl__id{font:700 1.25rem/1.2 var(--mono)}
.lbl__bar{display:block;width:100%;height:2.25rem;fill:var(--ink)}
.lbl__meta{display:flex;flex-wrap:wrap;gap:.2rem 1rem;margin:0;font-size:.8125rem}
.lbl__meta dt{color:var(--muted)}
.lbl__meta dd{margin:0;font-family:var(--mono);font-weight:600}
.lbl__miss{font-style:italic;color:#8A4B00}
.lbl__item{font-size:.875rem}
.chip{display:inline-block;align-self:flex-start;font-size:.8125rem;font-weight:600;line-height:1.4;padding:.15rem .5rem;border-radius:2px;border:1px solid var(--ink);color:var(--ink)}
.chip--ready{background:var(--teal);border-color:var(--teal)}
.chip--held{background:var(--amber);border-color:var(--amber)}
.chip--fail{background:var(--coral);border-color:var(--coral)}
.chip--wait{color:var(--muted);border-color:#8C9A9C}
.chip--move{background:var(--ink);color:#fff}
.chip--review{background:#fff;border-style:dashed}
.lbl__inspect{align-self:flex-start;margin-top:.15rem}

.insp{background:var(--ink);color:#fff;border-radius:4px;padding:1.25rem;display:grid;gap:1rem;align-content:start}
.insp__head{display:grid;gap:.5rem}
.insp__title{font-size:1.5rem;font-weight:900;letter-spacing:-.02em}
.insp__ctx{font:600 .9375rem var(--mono);color:var(--teal)}
.insp__state{font-size:.875rem;color:var(--mist)}
.pick{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.25rem}
.pick label{display:grid;gap:.25rem;font-size:.8125rem;color:var(--mist);flex:1 1 10rem}
.pick select{font:500 .9375rem var(--sans);min-height:2.75rem;padding:.4rem .6rem;background:var(--ink2);color:#fff;border:1px solid var(--mist);border-radius:3px}
.pick select:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-color:#fff}
.pick select:disabled{opacity:.6}
.tabs{display:flex;border-bottom:1px solid var(--ink3);overflow-x:auto}
.tab{font:600 .9375rem var(--sans);background:none;border:0;border-bottom:3px solid transparent;color:var(--mist);padding:.7rem 1rem;min-height:2.75rem;cursor:pointer;white-space:nowrap}
.tab[aria-selected="true"]{color:#fff;border-bottom-color:var(--teal)}
.tab:focus-visible{outline-offset:-3px}
.panels{display:grid;gap:1rem}
.panel__title{font-size:.9375rem;color:var(--mist);margin-bottom:.4rem}
.js .panel__title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.code{margin:0;background:#0A1422;border:1px solid var(--ink3);border-radius:3px;padding:1rem;max-height:22rem;overflow:auto;font:400 .8125rem/1.55 var(--mono);color:#E3EAF3;white-space:pre}
.stock{overflow-x:auto}
.stock .sub-title{margin-bottom:.6rem}
.tbl,.qtable{width:100%;border-collapse:collapse;background:var(--paper);font-size:.875rem}
.tbl th,.tbl td,.qtable th,.qtable td{text-align:left;padding:.55rem .7rem;border-bottom:1px solid #D3DADA;vertical-align:top}
.tbl thead th,.qtable thead th{font-size:.8125rem;color:var(--muted);background:#EDF1F0;font-weight:600}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.runlog{display:flex;flex-direction:column}
.log{list-style:none;margin:.75rem 0 0;padding:0;background:var(--paper);border:1px solid #C3CCCC;border-top:3px solid var(--ink);max-height:15rem;overflow:auto;font:400 .8125rem/1.45 var(--mono)}
.log li{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:.5rem;padding:.45rem .7rem;border-bottom:1px solid #E2E7E7}
.log__t{color:var(--muted)}
.log--held{box-shadow:inset 4px 0 0 var(--amber)}
.log--fail{box-shadow:inset 4px 0 0 var(--coral)}
.log--ok{box-shadow:inset 4px 0 0 var(--teal-ink)}
.log--alert{box-shadow:inset 4px 0 0 var(--ink)}
@media(min-width:1100px){
  /* Labels run as one 4 x 2 rack; below it the inspector pairs with stock and log. */
  .bench__right{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto 1fr;gap:1.75rem 2.5rem}
  .bench__right .insp{grid-column:1;grid-row:1/3}
  .bench__right .stock{grid-column:2;grid-row:1}
  .bench__right .runlog{grid-column:2;grid-row:2;display:block;position:relative;min-height:9rem}
  .bench__right .runlog .log{position:absolute;top:2.125rem;right:0;bottom:0;left:0;margin:0;max-height:none}
  .bench .code{max-height:13rem}
  .js .bench .code{height:13rem}
}

.ops{display:grid;gap:2rem;padding-bottom:4rem}
.qtable{font-size:.9375rem}
.qtable td.mono{white-space:nowrap}
.qdetail{display:block;font:400 .8125rem/1.4 var(--mono);color:var(--muted);margin-top:.15rem}
.act{display:flex;flex-wrap:wrap;gap:.4rem}
.act__none{color:var(--muted);font-size:.875rem}
.queue__empty{background:var(--paper);padding:1rem;border:1px dashed #8C9A9C}
@media(min-width:1100px){
  .qtable td{vertical-align:middle}
  .qtable .chip{white-space:nowrap}
  .qtable td[data-label="Status"]{white-space:nowrap}
  .qtable td[data-label="Actions"]{width:1%;white-space:nowrap}
  .act{flex-wrap:nowrap}
  .act__none{white-space:nowrap}
}
/* Below 1100 px each queue record is a stacked card. */
@media(max-width:1099px){
  .qtable{background:transparent}
  .qtable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .qtable,.qtable tbody{display:block}
  .qtable tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;background:var(--paper);border-top:3px solid var(--ink);padding:.75rem;margin-bottom:.75rem}
  .qtable td{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:0;border:0;min-width:0}
  .qtable td::before{content:attr(data-label);font:600 .75rem/1.3 var(--sans);color:var(--muted)}
  .qtable td[data-label="Order"]{font-weight:700;font-size:1.0625rem;justify-content:center}
  .qtable td[data-label="Status"]{grid-column:2;grid-row:1;align-items:flex-end;justify-content:center}
  .qtable td[data-label="Status"] .chip{align-self:flex-end;text-align:right}
  .qtable td[data-label="Order"]::before,.qtable td[data-label="Status"]::before,.qtable td[data-label="Actions"]::before{content:none}
  .qtable td[data-label="Reason"],.qtable td[data-label="Actions"]{grid-column:1/-1}
  .act .btn{white-space:nowrap}
}
@media(min-width:700px) and (max-width:1099px){
  .qtable tr{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem 1.5rem;padding:.9rem 1rem}
  .qtable td[data-label="Order"]{grid-column:1/3;grid-row:1}
  .qtable td[data-label="Status"]{grid-column:3;grid-row:1}
  .qtable td[data-label="Status"] .chip{white-space:nowrap}
  .qtable td[data-label="Reason"]{grid-column:1;grid-row:2}
  .qtable td[data-label="Held at"]{grid-column:2;grid-row:2}
  .qtable td[data-label="Attempts"]{grid-column:3;grid-row:2}
  .qtable td[data-label="Actions"]{grid-column:1/-1;grid-row:3;padding-top:.6rem;border-top:1px solid #D3DADA}
  .act{flex-wrap:nowrap}
}
.msg{background:var(--ink);color:#fff;border-radius:4px;padding:1.1rem 1.2rem;border-left:6px solid var(--amber);margin-top:.75rem}
.msg__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;font-size:.875rem;margin-bottom:.75rem}
.msg__chan{font-family:var(--mono);color:var(--teal);font-weight:600}
.msg__from{font-weight:700}
.msg__body{display:grid;gap:.5rem;font-size:.9375rem}
.msg__body ul{margin:0;padding-left:1.1rem;display:grid;gap:.25rem}
.msg__head{font-weight:700}
.msg__foot{margin-top:.9rem;padding-top:.7rem;border-top:1px solid var(--ink3);font-size:.8125rem;color:var(--mist)}
@media(min-width:1100px){
  /* Alert slip printed under the full-width queue bench. */
  .msg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:3rem;align-items:start;padding:1.4rem 1.6rem}
  .msg__body{display:contents}
  .msg__meta{grid-column:1;grid-row:1;justify-content:flex-start;margin-bottom:.6rem}
  .msg__head{grid-column:1;grid-row:2;font-size:1.25rem;line-height:1.3}
  .msg__body ul{grid-column:2;grid-row:1/3;align-self:center;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 2.5rem;font-size:.9375rem}
  .msg__foot{grid-column:1/-1;grid-row:3;margin-top:1.1rem}
}

.close{background:var(--ink);color:#fff;padding-block:3.5rem}
.close__in{display:grid;gap:2rem}
.close h2{font-size:clamp(1.75rem,1.2rem + 2vw,3rem);font-weight:900;letter-spacing:-.03em;max-width:20ch}
.close__list{list-style:none;margin:0;padding:0;display:grid;gap:1.25rem}
.close__list li{border-top:2px solid var(--teal);padding-top:.8rem;color:var(--mist);max-width:34rem}
.close__list strong{display:block;color:#fff;font-size:1.125rem;margin-bottom:.25rem}
@media(min-width:900px){.close__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}}
.close__cta{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center}
.close__cta p{color:var(--mist);max-width:36rem}
.foot{padding-block:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;font-size:.875rem;color:var(--muted)}
.foot a{color:var(--ink);font-weight:600}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}