/* delivery page: extends collabs.css + pages.css */
.xd-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:center}
.xd-hero .hero-c{margin:0}
.xd-orbit{position:relative;overflow:hidden;border-radius:50%;width:min(80%,300px);aspect-ratio:1;justify-self:center;margin:4px 0 8px}
.xd-ring{position:absolute;left:50%;top:50%;translate:-50% -50%;border-radius:50%;border:2px dashed rgba(243,239,217,.22);pointer-events:none}
.xd-ring.r-a{width:84%;aspect-ratio:1;animation:spin 70s linear infinite}
.xd-ring.r-b{width:48%;aspect-ratio:1;border-style:dotted;border-color:color-mix(in srgb,var(--acc) 55%,transparent);animation:spin 40s linear infinite reverse}
.xd-core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:34%;aspect-ratio:1;border-radius:50%;background:var(--acc);color:var(--onacc);border:var(--bw) solid var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 0 0 8px color-mix(in srgb,var(--acc) 18%,transparent),0 0 60px color-mix(in srgb,var(--acc) 55%,transparent),inset -10px -12px 0 rgba(6,40,27,.25);text-align:center;z-index:2}
.xd-core .wmark{width:38%;background:var(--onacc)}
.xd-core b{font-family:var(--disp);font-weight:900;font-size:clamp(22px,6vw,34px);line-height:1}
.xd-core i{font-style:normal;font-size:clamp(7px,1.9vw,9.5px);font-weight:800;letter-spacing:.1em;line-height:1.15;max-width:80%}
.xd-spin{position:absolute;inset:0;animation:spin 48s linear infinite}
.xo{position:absolute;left:50%;top:50%;width:22%;aspect-ratio:1;margin:-11% 0 0 -11%;transform:rotate(calc(var(--i)*360deg/7)) translateY(-172%) rotate(calc(var(--i)*-360deg/7))}
.xo-in{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--c);border:var(--bw) solid var(--ink);position:relative;overflow:hidden;box-shadow:inset -8px -10px 0 color-mix(in srgb,var(--k) 22%,transparent);animation:spin 48s linear infinite reverse}
.xo-in::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.55),transparent 40%)}
.xo-logo{display:block;width:72%;max-height:72%;background:var(--k);-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat}
.xd-flow{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;margin:14px 0 12px}
.xd-card{position:relative;max-width:none}
.xd-n{position:absolute;top:-14px;right:14px;font-family:var(--disp);font-weight:900;font-size:13px;background:var(--acc);color:var(--onacc);border:var(--bw) solid var(--onacc);padding:2px 8px}
.dlv-one{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.dlv-one[hidden],.dlv-pick[hidden]{display:none}
.xd-card .code{--c:var(--gold);--k:#2E1F00;font-size:clamp(28px,8.5vw,56px);white-space:nowrap;max-width:100%}
.xd-swap{font-size:10px;font-weight:800;letter-spacing:.08em;text-decoration:underline;text-underline-offset:3px;color:var(--onacc)}
.xd-q{display:block;font-size:11px;font-weight:800;letter-spacing:.06em;margin-bottom:8px}
.dlv-chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}
.dlv-chips button{font-family:var(--disp);font-weight:800;font-size:12px;padding:11px 6px;background:var(--onacc);color:var(--ink);border:var(--bw) solid var(--onacc);box-shadow:3px 3px 0 var(--acc);transition:transform .15s var(--ease)}
.dlv-chips button:hover{transform:translate(-2px,-2px)}
.dlv-chips button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--acc)}
#dlv-form{width:100%}
.xd-row{display:flex;gap:8px;width:100%}
.xd-row input{flex:1;min-width:0;min-height:48px;padding:0 12px;border:var(--bw) solid var(--onacc);background:#fff;color:var(--onacc);font-family:var(--disp);font-size:22px;letter-spacing:.1em}
.xd-row input:focus{outline:3px solid var(--acc);outline-offset:2px}
.dlv-res{width:100%}
.dlv-res p{font-size:12px;font-weight:700;margin:8px 0 10px;line-height:1.45}
.dlv-res.is-ok p b{color:#0A7A4E}
.dlv-res.is-bad p b{color:#B3261E}
.dlv-res .btn{border-color:var(--onacc)}
.xd-note{margin-top:4px}
.dlv-toast{position:fixed;left:50%;bottom:74px;z-index:95;transform:translate(-50%,30px);opacity:0;background:var(--gold);color:#2E1F00;font-size:11px;font-weight:800;padding:10px 14px;border:var(--bw) solid #2E1F00;transition:.25s var(--ease);pointer-events:none;width:min(calc(100vw - 32px),480px);text-align:center}
.dlv-toast.is-on{transform:translate(-50%,0);opacity:1}
.hubs h2,.about h2{display:flex;align-items:center;gap:8px}
.xd-hub{cursor:default}
.xd-hub:active{transform:none;box-shadow:5px 5px 0 var(--c)}
.xd-links{display:flex;flex-direction:column;gap:6px;margin-top:6px;position:relative;z-index:1}
.xd-l{display:flex;align-items:center;justify-content:space-between;gap:8px;text-decoration:none;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:8px 10px;border:2px solid var(--ink);background:color-mix(in srgb,var(--bb) 70%,#000);transition:background .15s,color .15s}
.xd-l:first-child{background:var(--c);color:var(--k);border-color:var(--k)}
.xd-l:hover{background:var(--ink);color:var(--onacc)}
.xd-l .ic{width:14px;height:14px}
.xd-hubs{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:10px 0}
.xd-area{border:var(--bw) solid var(--ink);background:var(--panel);padding:14px;box-shadow:5px 5px 0 var(--acc);position:relative;overflow:hidden}
.xd-area::after{content:"";position:absolute;right:-30px;bottom:-24px;width:160px;aspect-ratio:600/378;background:var(--ink);opacity:.05;-webkit-mask:url(/assets/logos/w.png) center/contain no-repeat;mask:url(/assets/logos/w.png) center/contain no-repeat}
.xd-area h3{font-family:var(--disp);font-size:16px;margin-bottom:4px}
.xd-area p{font-size:12px;color:var(--soft);margin-bottom:8px}
.xd-area .xd-from{color:var(--acc);font-size:10px;font-weight:800;letter-spacing:.08em}
.xd-area .xd-zips{font-size:10px}
.xd-area .btn{position:relative;z-index:1}
.xd-out{font-size:12px;color:var(--soft)}
.xd-out a{color:var(--acc)}
.xd-facts{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}
.xd-facts li{display:flex;flex-direction:column;gap:3px;border:2px solid var(--soft);padding:10px}
.xd-facts b{font-family:var(--disp);font-size:12px;color:var(--acc)}
.xd-facts span{font-size:11px}
@media (min-width:760px){
  .xd-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px}
  .xd-orbit{width:min(100%,460px)}
  .hub-grid .xd-hub:last-child{grid-column:span 2}
  .xd-flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dlv-chips{grid-template-columns:repeat(4,minmax(0,1fr))}
  .xd-hubs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .xd-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.a-still .xd-spin,.a-still .xo-in,.a-still .xd-ring{animation:none!important}
@media (prefers-reduced-motion:reduce){.xd-spin,.xo-in,.xd-ring{animation:none!important}}