.offer{padding-block:48px 40px;scroll-margin-top:12px}
.offer-heading{margin-bottom:38px}
.offer-heading h2{max-width:none;font-size:clamp(2rem,4.3vw,4rem);font-weight:500;line-height:1.12;letter-spacing:-.055em}
.offer-selector{display:none}
.offer-panel{padding:32px 0;border-top:1px solid var(--line)}
.offer-copy{min-width:0;overflow-wrap:anywhere}
.offer-fallback-label{display:block;color:var(--muted);font-size:.875rem;margin-bottom:10px}
.offer[data-ready] .offer-fallback-label{display:none}
.offer-copy h3{font-size:clamp(1.7rem,2.5vw,2.2rem);line-height:1.25;letter-spacing:-.04em;font-weight:500;max-width:24ch}
.offer-copy>p{margin-top:18px;max-width:51ch;color:var(--muted);line-height:1.7}
.offer-result{margin-top:28px;padding-left:18px;border-left:2px solid var(--blue)}
.offer-result dt{font-size:.8125rem;color:var(--muted);margin-bottom:5px}
.offer-result dd{margin:0;max-width:43ch;line-height:1.5;font-size:1.0625rem}
.offer-sketch{display:block}
.offer:not([data-ready]) .offer-sketch{max-width:440px;margin:24px 0}
.offer-foot{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-top:28px;font-size:.9375rem}
.offer-foot p{color:var(--muted);max-width:55ch}
.offer[data-ready] .offer-stations{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:24px}
.offer[data-ready] .offer-selector{grid-row:1;grid-column:var(--station);display:flex;align-items:flex-start;flex-direction:column;position:relative;border:0;background:none;padding:0 0 24px;text-align:left;color:var(--muted);min-width:0}
.offer-selector::before{content:"";position:absolute;left:14px;right:-24px;top:15px;border-top:1px solid #aab9c7}
.offer-selector:last-of-type::before{right:0}
.offer-marker{position:relative;z-index:1;background:var(--paper);border:1px solid #aab9c7;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;font-size:.75rem;transition:background .2s,color .2s,border-color .2s}
.offer-name{display:block;margin-top:18px;font-family:Jakarta,Arial,sans-serif;font-size:clamp(.95rem,1.4vw,1.2rem);font-weight:500;line-height:1.4;letter-spacing:-.025em;overflow-wrap:break-word}
.offer-selector[aria-expanded="true"],.offer-selector:hover{color:var(--ink)}
.offer-selector[aria-expanded="true"] .offer-marker{background:var(--blue);border-color:var(--blue);color:#fff}
.offer-selector[aria-expanded="true"]::after{content:"";height:2px;background:var(--blue);position:absolute;bottom:0;left:0;right:0}
.offer-selector:focus-visible{outline-offset:7px;border-radius:2px}
.offer[data-ready] .offer-panel{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:center;min-height:326px;padding:28px 32px;background:#fff;border:1px solid var(--line);border-radius:0 0 12px 12px}
.offer[data-ready] .offer-panel[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.offer[data-ready] .offer-panel[aria-hidden="false"]{animation:offer-select .22s ease-out}
.offer[data-ready] .offer-sketch{display:block;margin:0;min-width:0}
.offer-sketch>svg{width:100%;height:auto;max-height:238px;overflow:visible;fill:none;stroke:#94aabc;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.offer-sketch>svg :is(path,rect,circle){vector-effect:non-scaling-stroke}
.offer-sketch .sketch-paper{fill:#f8fafc;stroke:#bac9d5}
.offer-sketch .sketch-node{fill:#fff;stroke:#94aabc}
.offer-sketch .sketch-blue{stroke:var(--blue)}
.offer-sketch .sketch-fill{fill:var(--blue);stroke:var(--blue)}
.offer-sketch .sketch-soft{fill:#edf3fc;stroke:#b9ccec}
.offer-sketch .sketch-dash{stroke-dasharray:4 6}
.offer-sketch text{fill:var(--muted);stroke:none;font:16px Chivo,Arial,sans-serif;text-anchor:middle}
.offer-sketch .sketch-label{fill:var(--ink);font-size:16px}
.offer-sketch figcaption{text-align:center;font-size:.8125rem;color:var(--muted);margin-top:6px}
.offer-sketch .sketch-packet{fill:var(--blue);stroke:#fff;stroke-width:1}
.offer-sketch .sketch-packet-muted{fill:#94aabc}
.offer-sketch [data-motion-travel],.offer-sketch [data-motion-pulse]{opacity:0}
.offer-motion-toggle{display:none;align-items:center;justify-content:center;gap:7px;min-height:36px;margin:6px auto 0;padding:4px 8px;border:0;background:none;color:var(--muted);font-size:.75rem;line-height:1.3;border-radius:4px}
.offer[data-motion-ready] .offer-motion-toggle{display:flex}
.offer-motion-toggle:hover{color:var(--blue)}
.offer-motion-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.offer-motion-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@keyframes offer-select{from{opacity:.45}to{opacity:1}}
@media(max-width:1100px){.offer[data-ready] .offer-panel{gap:32px;padding:30px}.offer[data-ready] .offer-stations{column-gap:18px}.offer-selector::before{right:-18px}}
@media(max-width:760px){
 .offer{padding-block:72px 64px}.offer-heading{margin-bottom:32px}.offer-heading h2{font-size:clamp(2rem,7vw,3.25rem)}
 .offer[data-ready] .offer-stations{display:block}
 .offer[data-ready] .offer-selector{display:grid;grid-template-columns:31px minmax(0,1fr) 18px;gap:18px;align-items:center;width:100%;padding:20px 0;border-top:1px solid var(--line);scroll-margin-top:8px}
 .offer-selector::before{display:none}.offer-name{margin:0;font-size:1.0625rem}.offer-selector::after{content:"+";font-size:1.3rem;line-height:1;text-align:center;color:var(--muted)}
 .offer-selector[aria-expanded="true"]::after{content:"−";position:static;height:auto;background:none;color:var(--ink)}
 .offer[data-ready] .offer-panel{display:block;padding:24px 22px 20px;min-height:0;margin-bottom:20px;border-radius:8px}
 .offer[data-ready] .offer-panel[aria-hidden="true"]{display:none}
 .offer-copy h3{font-size:1.65rem}.offer-copy>p{font-size:.9375rem;margin-top:14px}.offer-result{margin-top:22px;padding-left:14px}.offer-result dd{font-size:1rem}
 .offer[data-ready] .offer-sketch{margin-top:24px}.offer-sketch>svg{max-height:210px}.offer-sketch figcaption{margin-top:0;font-size:.75rem}
 .offer-foot{display:block;padding-top:24px;border-top:1px solid var(--line)}
}
@media(prefers-reduced-motion:reduce){.offer[data-ready] .offer-panel{animation:none}.offer-marker{transition:none}.offer[data-motion-ready] .offer-motion-toggle{display:none}}
@media(forced-colors:active){.offer-selector[aria-expanded="true"] .offer-marker{background:Highlight;color:HighlightText}.offer-selector[aria-expanded="true"]{outline:2px solid Highlight;outline-offset:4px}.offer-sketch>svg{stroke:CanvasText}.offer-sketch :is(.sketch-blue,.sketch-fill){stroke:Highlight}.offer-sketch :is(.sketch-paper,.sketch-node,.sketch-soft){fill:Canvas;stroke:CanvasText}.offer-sketch .sketch-fill{fill:Highlight}.offer-sketch text{fill:CanvasText}.offer[data-motion-ready] .offer-motion-toggle{display:none}}

.offer-motion-play,.offer-motion-toggle[data-playing="false"] .offer-motion-pause{display:none}
.offer-motion-toggle[data-playing="false"] .offer-motion-play{display:block}