.shipment-page{--signal:#b7ff19}
.shipment-hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)}
.dispatch-terminal{position:relative;z-index:2;align-self:center;min-height:470px;padding:28px;background:#0d0d0d;border:1px solid #ffffff35;box-shadow:14px 14px 0 var(--signal);transform:rotate(1deg);overflow:hidden}
.dispatch-terminal:before{content:'';position:absolute;right:-15%;bottom:-35%;width:70%;aspect-ratio:1;border:1px solid #b7ff193f;border-radius:50%;box-shadow:0 0 0 45px #b7ff1909,0 0 0 90px #b7ff1906}
.terminal-head{position:relative;z-index:2;display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #ffffff28;font:700 8px monospace;letter-spacing:.15em}.terminal-head b{color:var(--signal)}
.terminal-message{position:relative;z-index:2;width:66%;margin:38px 0 75px;padding:22px;background:var(--paper);color:#080808;display:grid;gap:9px;clip-path:polygon(0 0,100% 0,100% 84%,17% 84%,9% 100%,9% 84%,0 84%)}.terminal-message small{font:700 7px monospace;letter-spacing:.12em;color:#60763a}.terminal-message strong{font:800 clamp(25px,2.6vw,42px)/1 Oswald}.terminal-message span{font:700 9px monospace}
.dispatch-terminal ol{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none}.dispatch-terminal ol:before{content:'';position:absolute;left:8%;right:8%;top:10px;height:2px;background:linear-gradient(90deg,var(--signal),#b7ff1945)}.dispatch-terminal li{position:relative;display:grid;justify-items:center;gap:13px;color:#a6a69f;font:700 7px monospace;text-align:center}.dispatch-terminal li span{z-index:2;display:grid;place-items:center;width:21px;height:21px;border:2px solid var(--signal);border-radius:50%;background:#0d0d0d;color:var(--signal)}.dispatch-terminal>p{position:absolute;left:28px;bottom:18px;margin:0;color:#71716d;font:700 7px monospace;text-transform:uppercase;letter-spacing:.1em}
.missing-data-demo{align-self:center;display:grid;grid-template-columns:auto 1fr auto auto 1fr;align-items:center;gap:13px;padding:34px;background:#090909;color:var(--paper);border-left:7px solid var(--signal);box-shadow:10px 10px 0 #141414}.missing-data-demo>span{font:700 8px monospace;color:#888;letter-spacing:.12em}.missing-data-demo>div{display:flex;flex-wrap:wrap;gap:7px}.missing-data-demo>div b,.missing-data-demo>strong{padding:10px 12px;border:1px solid #ffffff30;font:700 8px monospace}.missing-data-demo>strong{color:#080808;background:var(--signal);border-color:var(--signal)}.missing-data-demo>i{color:var(--signal);font:800 26px Oswald}
.shipment-workflow{grid-template-columns:repeat(6,1fr)}
.next-level{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;margin-top:32px;padding:22px 24px;border:1px dashed #b7ff1970;background:#b7ff1908}.next-level>span{color:var(--signal);font:800 18px Oswald}.next-level p{margin:0;color:#b4b4af;font-size:11px;line-height:1.55}.next-level b{font:700 7px monospace;color:#6f6f69;letter-spacing:.12em}
.process-compare{grid-column:1/-1;display:grid;gap:16px}.process-line{display:grid;grid-template-columns:120px 1fr;gap:26px;align-items:center;padding:28px;border:1px solid #ffffff2f}.process-line span{font:800 20px Oswald}.process-line p{margin:0;font:600 clamp(13px,1.3vw,18px)/1.65 Inter}.process-before{opacity:.58}.process-after{border-color:var(--signal);background:#b7ff1909}.process-after span{color:var(--signal)}
.transform-section{background:var(--paper);color:#080808}.transform-chain{grid-column:1/-1;display:grid;justify-items:center;gap:18px;padding:clamp(28px,5vw,70px);background:#080808;color:var(--paper);box-shadow:16px 16px 0 var(--signal)}.transform-chain article{width:min(100%,760px);padding:24px;border:1px solid #ffffff35}.transform-chain article>span{display:block;margin-bottom:16px;color:var(--signal);font:700 8px monospace;letter-spacing:.14em}.transform-chain strong{font:800 clamp(25px,3.3vw,52px)/1.1 Oswald}.transform-chain p{font:600 12px/1.6 monospace;color:#aaa}.transform-chain>i{color:#5d790e;font:700 9px monospace;font-style:normal;letter-spacing:.12em}.transform-result{background:var(--signal)!important;color:#080808!important;border-color:var(--signal)!important;transform:rotate(-1deg)}.transform-result>span{color:#314300!important}.transform-result q{display:block;font:700 clamp(18px,2.1vw,31px)/1.35 Inter}.transform-account strong{color:var(--signal);font-family:monospace;font-size:clamp(18px,2.5vw,34px)}
.scope-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.scope-grid article{min-height:210px;padding:28px;border:1px solid #ffffff2c;background:#0d0d0d}.scope-grid span{color:var(--signal);font:800 11px monospace}.scope-grid p{margin:42px 0 0;color:#b2b2ac;font-size:13px;line-height:1.6}
@media(max-width:900px){.shipment-hero{grid-template-columns:1fr}.dispatch-terminal{width:100%}.shipment-workflow{grid-template-columns:repeat(3,1fr)}.scope-grid{grid-template-columns:1fr}}
@media(max-width:760px){.shipment-hero{padding-bottom:70px}.dispatch-terminal{min-height:400px;padding:18px;box-shadow:7px 7px 0 var(--signal);transform:none}.terminal-message{width:82%;margin:28px 0 66px;padding:17px}.dispatch-terminal ol{gap:2px}.dispatch-terminal li{font-size:5px}.dispatch-terminal>p{left:18px;max-width:30ch}.missing-data-demo{grid-template-columns:1fr;padding:22px;gap:10px}.missing-data-demo>i{transform:rotate(90deg);width:max-content}.shipment-workflow{grid-template-columns:1fr 1fr}.next-level{grid-template-columns:1fr;gap:12px}.process-line{grid-template-columns:1fr;gap:12px;padding:20px}.transform-chain{padding:22px 14px;box-shadow:7px 7px 0 var(--signal)}.transform-chain article{padding:18px}.scope-grid article{min-height:170px}.scope-grid p{margin-top:28px}}