.delivery-page h1 { max-width: 780px; }
.delivery-hero { min-height: 690px; display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; gap: 80px; padding-block: 76px 100px; }
.delivery-kicker { margin: 0 0 18px; color: var(--cyan); font-size: 11px; font-weight: 780; text-transform: uppercase; letter-spacing: .12em; }
.delivery-notice { max-width: 680px; display: grid; grid-template-columns: 28px 1fr; gap: 10px; margin-top: 24px; padding: 17px 18px; border: 1px solid rgba(89,229,167,.25); border-radius: 15px; background: rgba(89,229,167,.055); }
.delivery-notice > .icon { width: 24px; height: 24px; color: var(--mint); }
.delivery-notice > .icon:not(.icon-check) { color: var(--cyan); }
.delivery-notice strong { color: var(--mint); font-size: 13px; }
.delivery-notice p { margin: 3px 0 0; color: var(--muted); font-size: 11px; }
.delivery-orbit { position: relative; min-height: 440px; display: grid; place-items: center; }
.delivery-orbit::before, .delivery-orbit::after { content: ""; position: absolute; border: 1px solid rgba(79,231,255,.28); border-radius: 50%; }
.delivery-orbit::before { width: 390px; height: 235px; transform: rotate(-16deg); box-shadow: 0 0 80px rgba(79,231,255,.1); }
.delivery-orbit::after { width: 280px; height: 400px; border-color: rgba(155,100,255,.3); transform: rotate(28deg); }
.delivery-orbit img { position: relative; z-index: 1; width: min(285px, 65%); border-radius: 24%; box-shadow: 0 35px 100px rgba(0,0,0,.62), 0 0 70px rgba(79,231,255,.2); }
.artifact-band { padding-block: 130px; }
.artifact-heading { display: flex; justify-content: space-between; align-items: end; gap: 50px; margin-bottom: 46px; }
.artifact-heading p { max-width: 440px; color: var(--muted); }
.artifact-table { border-top: 1px solid var(--line); }
.artifact-row { min-height: 98px; display: grid; grid-template-columns: .7fr .3fr 1.7fr; align-items: center; gap: 24px; border-bottom: 1px solid var(--line); }
.artifact-row strong { font-size: 15px; }
.artifact-row span { color: var(--muted-strong); font-size: 13px; }
.artifact-row code { overflow-wrap: anywhere; color: var(--cyan); font-family: "SF Mono", ui-monospace, monospace; font-size: 11px; }
.artifact-header { min-height: 48px; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.delivery-install { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; padding-block: 130px; border-top: 1px solid var(--line); }
.delivery-install > div > p, .delivery-support > div > p { color: var(--muted); font-size: 17px; }
.delivery-install .install-warning { grid-column: 1 / -1; }
.delivery-support { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; padding-block: 130px; border-top: 1px solid var(--line); }
@media (max-width: 900px) { .delivery-hero, .delivery-install, .delivery-support { grid-template-columns: 1fr; } .delivery-orbit { min-height: 360px; } }
@media (max-width: 620px) { .delivery-hero, .artifact-band, .delivery-install, .delivery-support { padding-block: 90px; gap: 50px; } .artifact-heading { display: block; } .artifact-heading p { margin-top: 18px; } .artifact-header { display: none; } .artifact-row { min-height: 140px; grid-template-columns: 1fr auto; gap: 5px 12px; align-content: center; } .artifact-row code { grid-column: 1 / -1; margin-top: 8px; } .delivery-orbit { min-height: 300px; } .delivery-orbit::before { width: 290px; height: 175px; } .delivery-orbit::after { width: 210px; height: 300px; } }