.roadmap{margin:28px 0 48px;scroll-margin-top:32px}.roadmap .roadmap-intro{border-top:3px solid #94723e;padding:24px 0 12px}.roadmap .roadmap-intro h3{margin:0 0 12px;font-size:clamp(28px,4vw,38px)}.roadmap .roadmap-intro p{margin:10px 0;font-size:14px}.roadmap-filters{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.roadmap-filters button{color:#62533f;cursor:pointer;background:0 0;border:1px solid #94723e55;justify-content:space-between;align-items:center;gap:12px;min-height:46px;padding:12px 16px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;display:flex}.roadmap-filters button span{opacity:.7;font-size:11px}.roadmap-filters button[aria-pressed=true]{color:#fff8eb;background:#30291e;border-color:#30291e}.roadmap .roadmap-count{margin:0 0 20px;font-size:12px}.roadmap-track{gap:12px;display:grid}.roadmap-milestone{background:#f7f0e3;border:1px solid #94723e40}.roadmap-milestone[hidden]{display:none}.roadmap-milestone summary{cursor:pointer;align-items:center;gap:20px;padding:22px;list-style:none;display:flex}.roadmap summary::-webkit-details-marker{display:none}.roadmap-number{color:#94723e;letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:25px}.roadmap-label{flex:1;gap:7px;min-width:0;display:grid}.roadmap-label strong{color:#30291e;font-size:18px;line-height:1.35}.roadmap-phase{color:#79674b;font-size:11px}.roadmap-phase--now{color:#41624f}.roadmap-expand{color:#94723e;font-size:24px;transition:transform .2s}.roadmap-milestone[open]{border-color:#94723e90}.roadmap-milestone[open]>summary .roadmap-expand{transform:rotate(45deg)}.roadmap-detail{padding:0 24px 24px 72px}.roadmap .roadmap-detail p,.roadmap li{font-size:14px;line-height:1.75}.roadmap h4{color:#30291e;margin:24px 0 12px;font-size:13px;font-weight:650}.roadmap ul{color:#62533f;gap:9px;padding-left:18px;display:grid}.roadmap-criteria{background:#e6dac24d;border-left:2px solid #94723e;margin-top:24px;padding:4px 18px}.roadmap-criteria h4{margin-top:12px}.roadmap .roadmap-criteria p{margin-bottom:12px}.roadmap .roadmap-route{flex-wrap:wrap;gap:8px;margin-top:24px;padding:0;list-style:none;display:flex}.roadmap .roadmap-route li{border:1px solid #94723e40;padding:5px 9px;font-size:11px}.roadmap-notes{border-top:1px solid #94723e40;margin-top:28px}.roadmap-notes details{border-bottom:1px solid #94723e40;padding:18px 0}.roadmap-notes summary{cursor:pointer;color:#30291e;font-size:14px;font-weight:600}.roadmap .roadmap-notes p{margin-bottom:0;font-size:13px}.roadmap button:focus-visible,.roadmap summary:focus-visible{outline-offset:3px;outline:2px solid #94723e}@media (max-width:600px){.roadmap-filters{grid-template-columns:1fr 1fr;display:grid}.roadmap-milestone summary{gap:12px;padding:18px 14px}.roadmap-label strong{font-size:16px}.roadmap-number{font-size:20px}.roadmap-detail{padding:0 16px 20px}.roadmap-criteria{padding-inline:12px}}@media (prefers-reduced-motion:reduce){.roadmap-expand{transition:none}}@media print{.roadmap-filters,.roadmap-count,.roadmap-expand{display:none}.roadmap-milestone[hidden]{display:block}.roadmap details>*{display:block!important}.roadmap-milestone{break-inside:avoid;margin-bottom:12px}}
.roadmap-page{color:#30291e;background:#ece2ce;min-height:100svh}.roadmap-page-nav{background:#f4ecdc;border-bottom:1px solid #94723e30;justify-content:space-between;align-items:center;gap:24px;padding:12px clamp(24px,5vw,80px);display:flex}.roadmap-page-nav img{width:132px;height:auto}.roadmap-page-nav nav,.roadmap-page-footer nav{flex-wrap:wrap;gap:24px;font-size:13px;display:flex}.roadmap-page-main{max-width:1280px;margin:auto;padding:64px 40px 80px}.roadmap-page-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(44px,7vw,88px);font-weight:700;line-height:1.02}.roadmap-page-heading>p{color:#62533f;max-width:580px;margin-top:24px;font-size:16px;line-height:1.8}.roadmap-page-layout{grid-template-columns:minmax(220px,.4fr) minmax(0,1fr);align-items:start;gap:48px;margin-top:48px;display:grid}.roadmap-page-art{position:sticky;top:24px}.roadmap-page-art>img{object-fit:contain;object-position:center top;width:100%;height:400px;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.roadmap-page-art h2{margin:0 0 16px;font-size:22px;font-weight:650}.roadmap-page-art p{color:#62533f;font-size:14px;line-height:1.8}.roadmap-page-art a{border-bottom:1px solid #94723e;padding:14px 0;font-size:14px;display:inline-block}.roadmap-page .roadmap{margin-top:0}.roadmap-page .roadmap-intro h2{letter-spacing:-.03em;margin-bottom:16px;font-size:30px;font-weight:650}.roadmap-page .roadmap p{color:#62533f;margin-block:14px;line-height:1.8}.roadmap-page .roadmap ul{list-style:outside}.roadmap-page-footer{color:#62533f;border-top:1px solid #94723e30;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:28px 5vw;font-size:12px;display:flex}.roadmap-page a:focus-visible{outline-offset:4px;outline:2px solid #94723e}@media (max-width:800px){.roadmap-page-main{padding:40px 24px}.roadmap-page-nav{flex-wrap:wrap;gap:12px;padding:14px 24px}.roadmap-page-nav nav{gap:18px;font-size:12px}.roadmap-page-layout{grid-template-columns:1fr;gap:24px;margin-top:32px}.roadmap-page-art{grid-template-columns:95px minmax(0,1fr);align-items:center;gap:20px;display:grid;position:static}.roadmap-page-art>img{height:180px}.roadmap-page-art h2{margin-bottom:10px;font-size:18px}.roadmap-page-art p{font-size:13px}.roadmap-page-art a{padding-block:10px;font-size:12px}}.roadmap-page-main{max-width:1600px}.roadmap-page-heading{isolation:isolate;padding:20px 0 40px;position:relative}.roadmap-page-heading:before{content:"";z-index:-1;pointer-events:none;aspect-ratio:2005/875;opacity:.65;-webkit-mask-composite:source-in;background:url(/images/library/hero-dunes.png) 50%/100% 100% no-repeat;width:58%;position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 80%,#0000),linear-gradient(#000 30%,#0000 60%);mask-image:linear-gradient(90deg,#0000,#000 18% 80%,#0000),linear-gradient(#000 30%,#0000 60%);-webkit-mask-composite:source-in;mask-composite:intersect}@media (max-width:800px){.roadmap-page-heading:before{opacity:.18;width:100%;top:66%}}.roadmap-page-layout{margin-top:12px;display:block}.roadmap-page .roadmap-intro{border-top:1px solid #94723e44;max-width:780px}.roadmap-banners{scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#94723e #dfd1b6;align-items:stretch;gap:20px;padding:16px 4px 28px;display:flex;overflow-x:auto}.roadmap-banner{text-align:left;color:#30291e;cursor:pointer;scroll-snap-align:start;font:inherit;background:0 0;border:0;flex-direction:column;flex:0 0 250px;align-items:center;padding:0;display:flex;position:relative}.roadmap-banner:before{content:"";background:#94723e;width:calc(100% + 48px);height:1px;position:absolute;top:16px;left:-24px}.banner-phase{text-align:center;color:#f7edda;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);background:#30291e;min-width:110px;padding:8px 18px;font-size:12px;position:relative}.banner-icon{color:#94723e;margin:22px 0}.banner-body{clip-path:polygon(0 0,44% 0,50% 8px,56% 0,100% 0,100% calc(100% - 30px),50% 100%,0 calc(100% - 30px));background:#94723e;flex-direction:column;flex:1;width:100%;min-height:320px;padding:26px 24px 56px;display:flex;position:relative}.banner-body:before{content:"";clip-path:inherit;z-index:-1;background:#f4ecdc;position:absolute;inset:1px}.roadmap-banner[aria-pressed=true] .banner-body:before{background:#30291e}.roadmap-banner[aria-pressed=true] .banner-body{color:#f7edda}.banner-number{color:#b18c50;margin-bottom:18px;font-size:12px}.banner-body strong{letter-spacing:-.025em;font-size:20px;line-height:1.2}.banner-outcome{opacity:.8;margin:18px 0 22px;font-size:13px;line-height:1.65}.banner-action{color:#b18c50;margin-top:auto;font-size:12px}.roadmap-selected{background:#f4ecdc;border:1px solid #94723e60;margin-top:30px;padding:32px}.selected-heading{align-items:center;gap:24px;display:flex}.selected-heading>span{color:#94723e;letter-spacing:-.06em;font-size:42px}.roadmap-page .selected-heading p{margin:0 0 6px;font-size:12px}.selected-heading h3{letter-spacing:-.035em;font-size:28px;font-weight:650;line-height:1.2}.selected-columns{grid-template-columns:1fr 1fr;gap:40px;display:grid}.roadmap-selected li,.roadmap-selected p{font-size:14px;line-height:1.8}.roadmap-banner:focus-visible{outline-offset:2px;outline:2px solid #94723e}@media (max-width:800px){.roadmap-page-main{padding:32px 20px}.roadmap-banner{flex-basis:240px}.roadmap-banners{gap:16px}.roadmap-selected{padding:22px 18px}.selected-columns{grid-template-columns:1fr;gap:0}.selected-heading{gap:16px}.selected-heading h3{font-size:23px}}