.route-explorer{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;margin-block:88px 45px;align-items:center}.explorer-intro h2{font-size:clamp(42px,4.7vw,68px);line-height:.98;margin-bottom:25px}.explorer-intro>p{max-width:410px}.route-choices{margin-top:30px;display:grid}.route-choice{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:14px;width:100%;text-align:left;border:0;border-top:1px solid var(--line);background:transparent;color:var(--slate);padding:20px 14px;border-radius:0;font-weight:700;font-size:16px;transition:background .2s}.route-choice:last-child{border-bottom:1px solid var(--line)}.route-choice small{display:block;font-weight:400;font-size:12px;margin-top:4px}.choice-number{font:12px Consolas,monospace;color:var(--muted)}.route-choice[aria-pressed=true]{background:#d4eade;border-color:#a1cbb9;border-radius:7px}.route-choice[data-route=cloud][aria-pressed=true]{background:#d6eefa;border-color:#a9cfe3}.route-choice[data-route=frontier][aria-pressed=true]{background:#ffe0d2;border-color:#efb39e}.route-choice:hover{background:#ffffffa6}.route-choice>span:last-child{font-size:22px;color:var(--red)}.route-board{background:#fafdff;border:1px solid #cfdee8;border-radius:18px;overflow:hidden;box-shadow:0 18px 45px #8aa9bc12}.board-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 26px;border-bottom:1px solid #e2eaf0}.board-heading .mono{font-size:10px}.board-indicator{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.board-indicator i{width:6px;height:6px;background:#78a18d;border-radius:50%}.capability-map{display:block;width:100%;padding:14px 0}.map-path{fill:none;stroke-width:17;stroke-linecap:round;opacity:.25;transition:opacity .25s}.local-path{stroke:#8bcbb3}.cloud-path{stroke:#99d0ec}.frontier-path{stroke:#ffb399}.route-board[data-active-route=local] .local-path,.route-board[data-active-route=cloud] .cloud-path,.route-board[data-active-route=frontier] .frontier-path{opacity:1}.route-example{margin:0 26px 24px;padding:25px;border-radius:10px;background:#eaf5ef;min-height:222px}.route-badge{display:inline-block;font:11px Consolas,monospace;text-transform:uppercase;letter-spacing:.05em;margin-bottom:15px;color:#28624e}.route-example h3{font-size:27px;margin-bottom:13px;max-width:380px}.route-example p{font-size:14px;margin:0;max-width:470px}.route-board[data-active-route=cloud] .route-example{background:#e9f4fb}.route-board[data-active-route=cloud] .route-badge{color:#235c7b}.route-board[data-active-route=frontier] .route-example{background:#fff0e8}.route-board[data-active-route=frontier] .route-badge{color:#9b3823}.board-footnote{border-top:1px solid #e1eaf0;padding:18px 26px;font-size:11px;color:var(--muted)}.board-footnote a{display:block;margin-top:5px;font-size:12px}.work-value{margin-block:70px 75px;padding:38px 45px 0;background:linear-gradient(125deg,#fff8f3,#ffebe0);border:1px solid #f0cebd;border-radius:16px;position:relative;overflow:hidden}.value-heading{display:flex;align-items:center;justify-content:space-between}.value-heading .eyebrow{margin:0}.value-mark{font-size:43px;color:var(--red);line-height:1}.value-columns{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;padding-block:32px 45px}.value-intro h2{font-size:clamp(44px,4.8vw,69px);line-height:.99;margin-bottom:28px}.value-intro h2 em{font-style:normal;color:#c53c25}.value-intro p{max-width:380px;font-size:18px}.text-link{display:inline-block;font-size:13px;font-weight:700;margin-top:15px;max-width:100%}.text-link span{margin-left:7px}.value-checks{list-style:none;margin:0;padding:0;align-self:center}.value-checks li{display:grid;grid-template-columns:38px 1fr;gap:17px;padding:23px 0;border-bottom:1px solid #e7c6b5}.value-checks li:first-child{border-top:1px solid #e7c6b5}.value-number{font:13px Consolas,monospace;color:#aa3e28;padding-top:4px}.value-checks h3{font-size:25px;margin-bottom:11px}.value-checks p{font-size:15px;margin:0;max-width:430px}.value-bottom{border-top:1px solid #e7c6b5;display:flex;justify-content:space-between;gap:25px;align-items:center;padding:25px 0}.acceptance-trail{display:flex;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px}.acceptance-trail>i{font-style:normal;color:#9a7b6d}.acceptance-trail>strong{background:#d9ecdf;padding:10px 14px;border-radius:6px;color:#2b5945;font-size:12px}.acceptance-trail>strong span{margin-right:6px}.value-bottom>p{font-size:11px;text-align:right;margin:0;flex-shrink:0;line-height:1.8}
@media(max-width:1100px){.route-explorer{gap:35px}.work-value{padding:30px 30px 0}.value-columns{gap:40px}.acceptance-trail{gap:10px;font-size:12px}}
@media(max-width:900px){.route-explorer{grid-template-columns:1fr 1.15fr;gap:25px;margin-top:55px}.explorer-intro h2{font-size:45px}.explorer-intro>p{font-size:15px}.route-choice{font-size:14px;padding:17px 10px;gap:8px;grid-template-columns:22px 1fr 16px}.route-choice small{font-size:11px}.board-heading{padding:19px 18px;flex-wrap:wrap}.route-example{margin:0 18px 18px;padding:20px;min-height:260px}.route-example h3{font-size:25px}.board-footnote{padding:17px 18px}.value-columns{gap:30px}.value-intro h2{font-size:49px}.value-checks h3{font-size:23px}.value-checks li{grid-template-columns:23px 1fr;gap:12px}.value-bottom{flex-direction:column;align-items:flex-start;gap:18px}.value-bottom>p{text-align:left}}
@media(max-width:650px){.route-explorer{grid-template-columns:1fr;gap:28px;margin-block:48px 18px}.explorer-intro h2{font-size:46px}.explorer-intro>p{font-size:16px}.route-choices{margin-top:22px}.route-choice{font-size:16px;padding:19px 13px;grid-template-columns:26px 1fr 20px}.route-choice small{font-size:12px}.route-example{min-height:245px}.route-example h3{font-size:27px}.board-heading .mono{font-size:9px}.board-indicator{font-size:10px}.route-board{border-radius:12px}.work-value{margin-block:42px;padding:24px 22px 0;border-radius:12px}.value-heading .eyebrow{font-size:10px}.value-columns{grid-template-columns:1fr;gap:28px;padding-block:25px 30px}.value-intro h2{font-size:47px}.value-intro p{font-size:17px}.value-checks li{padding:24px 0;grid-template-columns:26px 1fr}.value-checks h3{font-size:24px}.acceptance-trail{gap:10px;row-gap:14px;font-size:11px}.acceptance-trail>strong{padding:9px 12px}.value-bottom{padding-block:22px}.text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){.route-choice,.map-path{transition:none}}