.pickup-guide-page { background:var(--paper); }

.pickup-guide-hero { display:grid; grid-template-columns:minmax(0,1fr) 500px; align-items:center; gap:72px; max-width:1170px; padding:78px 24px 72px; margin:auto; }
.pickup-guide-hero h1 { max-width:680px; margin:10px 0 20px; font-size:clamp(46px,5vw,70px); font-weight:600; letter-spacing:-.045em; line-height:.98; }
.pickup-guide-hero-copy > p:not(.eyebrow) { max-width:570px; margin:0; color:var(--muted); font-size:19px; line-height:1.62; }
.pickup-guide-actions,.pickup-guide-cta-pair { display:flex; flex-wrap:wrap; gap:15px; margin-top:30px; }

.pickup-gap-graphic { position:relative; overflow:hidden; padding:28px; margin:0; border:1px solid #b8d4c4; border-radius:18px 56px 18px 18px; background:linear-gradient(135deg,#dcefe5 0%,#f9f8ed 100%); box-shadow:0 18px 38px rgba(27,64,53,.11); }
.pickup-gap-graphic figcaption,.ready-text-graphic figcaption,.timing-model-graphic figcaption { position:relative; margin-bottom:21px; color:#176450; font:600 12px/1.3 var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.pickup-gap-graphic ol { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:13px; padding:0; margin:0; list-style:none; }
.pickup-gap-graphic li { min-height:142px; padding:17px; border:1px solid rgba(48,101,80,.19); border-radius:12px; background:rgba(255,255,255,.8); }
.pickup-gap-graphic li > span { display:inline-flex; align-items:center; justify-content:center; min-width:35px; height:25px; padding:0 8px; margin-bottom:19px; border-radius:999px; background:#1f514a; color:#fff; font:500 11px var(--mono); letter-spacing:.04em; }
.pickup-gap-graphic li:nth-child(2) > span { background:#d84b22; }.pickup-gap-graphic li:nth-child(3) > span { background:#477bb0; }.pickup-gap-graphic li:nth-child(4) > span { background:#2c725d; }
.pickup-gap-graphic strong,.pickup-gap-graphic small { display:block; }.pickup-gap-graphic strong { max-width:175px; color:var(--ink); font-size:16px; line-height:1.22; }.pickup-gap-graphic small { max-width:190px; margin-top:7px; color:#50665d; font-size:13px; line-height:1.38; }

.pickup-guide-section { max-width:1170px; padding:78px 24px; margin:auto; }
.pickup-guide-heading { max-width:740px; }
.pickup-guide-heading h2,.pickup-guide-two-column h2,.pickup-guide-closing h2 { max-width:750px; margin:0 0 15px; font-size:clamp(34px,3.9vw,53px); font-weight:600; letter-spacing:-.04em; line-height:1.03; }
.pickup-guide-heading > p:not(.eyebrow),.pickup-guide-two-column p,.pickup-guide-closing > p:not(.eyebrow) { max-width:655px; margin:0; color:var(--muted); font-size:18px; line-height:1.62; }
.pickup-guide-reminder { display:flex; max-width:760px; gap:14px; padding:19px 21px; margin:32px 0 0; border-left:4px solid var(--orange); border-radius:4px; background:#fff4ef; color:#46352d; line-height:1.55; }
.pickup-guide-reminder span { color:var(--orange); font-size:23px; line-height:1; }

.pickup-guide-preflight { max-width:none; padding-right:max(24px,calc((100% - 1170px) / 2 + 24px)); padding-left:max(24px,calc((100% - 1170px) / 2 + 24px)); background:#f4f0e7; }
.preflight-checklist { max-width:920px; padding:28px; margin:34px 0 0; border:1px solid #c4d7cb; border-radius:16px; background:#fff; box-shadow:0 15px 34px rgba(27,64,53,.08); }
.preflight-checklist figcaption,.recovery-tracks figcaption { margin-bottom:20px; color:#176450; font:600 12px/1.3 var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.preflight-checklist ul { display:grid; grid-template-columns:1fr 1fr; gap:0 28px; padding:0; margin:0; list-style:none; }
.preflight-checklist li { display:grid; grid-template-columns:34px minmax(0,1fr); gap:13px; align-items:start; padding:18px 0; border-top:1px solid #dbe5de; }
.preflight-checklist li:nth-child(-n+2) { border-top:0; }
.preflight-checklist li:last-child { grid-column:1 / -1; }
.preflight-check { display:grid; width:29px; height:29px; place-items:center; border:2px solid #2c725d; border-radius:6px; background:#e2f2e9; color:#176450; font-weight:700; line-height:1; }
.preflight-checklist strong { display:block; margin:1px 0 5px; color:var(--ink); font-size:17px; }
.preflight-checklist p { max-width:430px; margin:0; color:var(--muted); font-size:15px; line-height:1.5; }

.pickup-guide-meetup { max-width:none; padding-right:max(24px,calc((100% - 1170px) / 2 + 24px)); padding-left:max(24px,calc((100% - 1170px) / 2 + 24px)); background:#eef1eb; }
.meetup-graphic { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:34px; }
.meetup-graphic article { position:relative; min-height:240px; padding:25px 25px 25px 29px; overflow:hidden; border:1px solid #c4d7cb; border-radius:12px; background:#fff; }
.meetup-graphic article::before { position:absolute; top:0; bottom:0; left:0; width:6px; background:#367760; content:""; }
.meetup-graphic article:nth-child(2)::before { background:#dd6c45; }.meetup-graphic article:nth-child(3)::before { background:#6284ad; }
.meetup-graphic article > span { display:grid; width:42px; height:42px; place-items:center; margin-bottom:18px; border-radius:10px; background:#dff2e7; color:#176450; font:700 19px var(--mono); }
.meetup-graphic article:nth-child(2) > span { background:#fff0e8; color:#b64120; }.meetup-graphic article:nth-child(3) > span { background:#e9edf8; color:#426993; }
.meetup-kicker { margin:0 0 7px !important; color:#5b7166 !important; font:500 11px/1.3 var(--mono) !important; letter-spacing:.06em; }
.meetup-graphic h3 { margin:0 0 11px; font-size:25px; letter-spacing:-.025em; }.meetup-graphic p { margin:0; color:var(--muted); line-height:1.55; }

.pickup-guide-two-column { display:grid; grid-template-columns:minmax(0,1fr) 400px; align-items:center; gap:80px; }.pickup-guide-two-column p + p { margin-top:15px; }.pickup-guide-two-column .text-link { display:inline-block; margin-top:25px; }
.ready-text-graphic { padding:27px; margin:0; border:1px solid #bed6e5; border-radius:22px 22px 64px 22px; background:linear-gradient(145deg,#e8f0f5,#f7fbfb); }.ready-text-graphic > div { max-width:305px; min-height:212px; padding:24px 20px; margin:auto; border:8px solid #223b38; border-radius:31px; background:#fff; box-shadow:0 12px 20px rgba(22,52,50,.13); }.ready-text-graphic > div::before { display:block; width:52px; height:5px; margin:0 auto 21px; border-radius:10px; background:#a6b7b2; content:""; }.ready-text-graphic p { width:86%; padding:12px 14px; margin:0 0 15px auto; border-radius:15px 15px 4px 15px; background:#d8f1df; color:#19483c; font-weight:600; line-height:1.42; }.ready-text-graphic small { display:block; color:#50665d; line-height:1.38; }

.pickup-guide-recovery { max-width:none; padding-right:max(24px,calc((100% - 1170px) / 2 + 24px)); padding-left:max(24px,calc((100% - 1170px) / 2 + 24px)); background:#e8f0f5; }
.recovery-tracks { display:grid; grid-template-columns:1fr 1.35fr; gap:16px; max-width:1040px; padding:25px; margin:34px 0 0; border:1px solid #bed3dd; border-radius:16px; background:#f8fbfc; }
.recovery-tracks figcaption { grid-column:1 / -1; margin-bottom:3px; }
.recovery-track { padding:21px; border:1px solid #c9d9d3; border-radius:12px; background:#fff; }
.recovery-track h3 { margin:0 0 17px; color:#426993; font:600 12px/1.3 var(--mono); letter-spacing:.07em; text-transform:uppercase; }
.recovery-track-driver h3 { color:#176450; }
.recovery-track ol { display:flex; gap:0; padding:0; margin:0; list-style:none; }
.recovery-track li { position:relative; display:grid; flex:1; grid-template-columns:29px minmax(0,1fr); gap:10px; min-width:0; padding-right:26px; }
.recovery-track li:last-child { padding-right:0; }
.recovery-track li:not(:last-child)::after { position:absolute; top:13px; right:8px; color:#6f8b83; content:"→"; font:600 17px/1 var(--sans); }
.recovery-track li > span { display:grid; width:27px; height:27px; place-items:center; border-radius:999px; background:#e9edf8; color:#426993; font:600 10px var(--mono); }
.recovery-track-driver li > span { background:#dff2e7; color:#176450; }
.recovery-track strong { display:block; color:var(--ink); font-size:15px; line-height:1.3; }
.recovery-track p { margin:6px 0 0; color:var(--muted); font-size:13px; line-height:1.45; }
.recovery-track b { font-weight:600; }
.pickup-guide-recovery-note { max-width:740px; margin:20px 0 0; color:var(--muted); font-size:15px; line-height:1.55; }
.pickup-guide-recovery-note a { color:#176450; font-weight:600; text-decoration:underline; text-underline-offset:3px; }

.pickup-guide-timing { max-width:none; padding-right:max(24px,calc((100% - 1170px) / 2 + 24px)); padding-left:max(24px,calc((100% - 1170px) / 2 + 24px)); background:#173d39; }.pickup-guide-timing .eyebrow { color:#9ae1bb; }.pickup-guide-timing h2 { color:#fff; }.pickup-guide-timing .pickup-guide-heading > p:not(.eyebrow),.pickup-guide-note { color:#c4dbd1; }
.timing-model-graphic { padding:24px; margin:37px 0 0; border:1px solid #4a766a; border-radius:14px; background:#204944; }.timing-model-graphic figcaption { color:#aee6c4; }.timing-model-graphic ol { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; padding:0; margin:0; list-style:none; }.timing-model-graphic li { position:relative; min-height:164px; padding:18px; border:1px solid #507b6f; border-radius:10px; background:#27554f; color:#fff; }.timing-model-graphic li:last-child { border-color:#e38464; background:#d84b22; }.timing-model-graphic li > span { display:block; margin-bottom:24px; color:#aee6c4; font:500 11px var(--mono); letter-spacing:.07em; }.timing-model-graphic li:last-child > span { color:#ffe2d6; }.timing-model-graphic strong,.timing-model-graphic small { display:block; }.timing-model-graphic strong { max-width:150px; font-size:16px; line-height:1.25; }.timing-model-graphic small { margin-top:8px; color:#c4dbd1; font-size:13px; line-height:1.38; }.timing-model-graphic li:last-child small { color:#ffe2d6; }.pickup-guide-note { max-width:720px; margin:20px 0 0; line-height:1.55; }

.pickup-guide-closing { padding-bottom:104px; text-align:center; }.pickup-guide-closing h2,.pickup-guide-closing > p:not(.eyebrow) { margin-right:auto; margin-left:auto; }.pickup-guide-closing .eyebrow { margin-bottom:13px; }.pickup-guide-cta-pair { justify-content:center; }.pickup-guide-secondary-cta { border:1px solid #176450; background:#fff; color:#176450; }

@media (max-width:900px) { .pickup-guide-hero,.pickup-guide-two-column { grid-template-columns:1fr; gap:42px; }.pickup-guide-hero { padding-top:60px; }.pickup-gap-graphic { max-width:570px; }.pickup-guide-two-column { gap:34px; }.ready-text-graphic { max-width:440px; }.recovery-tracks { grid-template-columns:1fr; }.timing-model-graphic ol { grid-template-columns:1fr 1fr; } }
@media (max-width:620px) { .pickup-guide-hero,.pickup-guide-section { padding:52px 20px; }.pickup-guide-hero h1 { font-size:47px; }.pickup-guide-heading h2,.pickup-guide-two-column h2,.pickup-guide-closing h2 { font-size:39px; }.pickup-guide-actions,.pickup-guide-cta-pair { flex-direction:column; align-items:stretch; }.pickup-guide-actions .button,.pickup-guide-cta-pair .button { width:100%; }.pickup-gap-graphic { padding:20px; }.pickup-gap-graphic ol,.preflight-checklist ul,.meetup-graphic,.timing-model-graphic ol { grid-template-columns:1fr; }.pickup-gap-graphic li,.meetup-graphic article,.timing-model-graphic li { min-height:0; }.preflight-checklist { padding:21px; }.preflight-checklist li:nth-child(2) { border-top:1px solid #dbe5de; }.preflight-checklist li:last-child { grid-column:auto; }.pickup-guide-two-column { gap:28px; }.pickup-guide-preflight,.pickup-guide-meetup,.pickup-guide-recovery,.pickup-guide-timing { padding-right:20px; padding-left:20px; }.ready-text-graphic { padding:21px; }.recovery-tracks { padding:19px; }.recovery-track { padding:18px; }.recovery-track ol { flex-direction:column; gap:19px; }.recovery-track li { padding:0 0 20px; }.recovery-track li:last-child { padding-bottom:0; }.recovery-track li:not(:last-child)::after { top:auto; right:auto; bottom:-1px; left:6px; transform:rotate(90deg); }.pickup-guide-closing { padding-bottom:68px; } }