.hub-page{padding:34px;background:#858585}.hub-page .masthead,.hub-page main,.hub-page .foot{max-width:1240px;margin:0 auto;background:var(--paper)}.hub-page .masthead{border-radius:28px 28px 0 0}.hub-page .masthead::after{content:"";position:absolute;left:55px;right:55px;bottom:0;height:1px;background:rgba(255,255,255,.5)}.hub-hero{padding:90px 9%;min-height:560px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 45%,var(--orange) 0 15%,transparent 15.2%),linear-gradient(115deg,transparent 65%,rgba(255,255,255,.05) 65%)}.hub-hero h1{font-size:clamp(58px,8vw,110px);line-height:.86;letter-spacing:-.07em;text-transform:uppercase;margin:25px 0}.hub-hero h1 em{font-style:normal;color:var(--orange)}.hub-hero>p:not(.section-no){max-width:650px;color:#c7c8c3}.hub-stats{display:flex;gap:40px;margin-top:35px}.hub-stats span{display:flex;align-items:baseline;gap:8px;color:#bbb;font-size:12px}.hub-stats b{font:700 28px var(--mono);color:var(--yellow)}.route-section,.projects-section,.resources-section{padding:90px 6%}.hub-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.hub-section-head h2{font-size:clamp(36px,5vw,64px);text-transform:uppercase;line-height:1;margin:8px 0}.hub-section-head>p{max-width:390px;color:#bbb}.route-list{border-top:1px solid #777}.route-stage{display:grid;grid-template-columns:36px 80px 1.4fr 1fr;gap:18px;align-items:start;padding:25px 0;border-bottom:1px solid #666}.stage-check{width:28px;height:28px;border:1px solid #aaa;border-radius:50%;background:transparent;color:#111;cursor:pointer}.route-stage.complete .stage-check{background:var(--yellow);border-color:var(--yellow)}.route-stage.complete .stage-main h3{text-decoration:line-through;color:#999}.stage-n{font:600 11px var(--mono);color:var(--orange);padding-top:6px}.stage-main h3{font-size:22px;margin:0 0 5px}.stage-main p,.stage-output p{color:#bbb;margin:0;font-size:13px}.stage-units{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.stage-units a{color:#111;background:#eee;border-radius:999px;text-decoration:none;padding:5px 10px;font-size:11px}.stage-output{border-left:1px solid #666;padding-left:20px}.stage-output small{color:var(--yellow);font:10px var(--mono)}.projects-section{background:#292b28}.project-ladder{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.project-rung{background:#e9e9e5;color:#111;border-radius:16px;padding:18px;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;text-decoration:none}.project-rung:nth-child(3n){background:var(--orange);color:white}.project-rung>b{font:700 18px var(--mono)}.project-rung h3{margin:0;font-size:16px}.project-rung p{margin:3px 0;color:#666;font-size:12px}.project-rung:nth-child(3n) p{color:#ffe0d2}.project-rung span{font-size:11px}.resource-tools{display:flex;gap:20px;align-items:start;margin-bottom:25px}.resource-tools input{background:#292b28;color:white;border:1px solid #777;border-radius:999px;padding:12px 18px;min-width:260px}.resource-tools>div{display:flex;gap:7px;flex-wrap:wrap}.resource-tools button{background:transparent;color:white;border:1px solid #777;border-radius:999px;padding:8px 12px;cursor:pointer}.resource-tools button.active{background:var(--orange);border-color:var(--orange)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resource-card{background:#e8e8e4;color:#111;border-radius:16px;padding:20px;min-height:165px;text-decoration:none;display:flex;flex-direction:column}.resource-card:hover{background:var(--yellow)}.resource-card>span{font:600 10px var(--mono);color:var(--orange)}.resource-card h3{font-size:17px;margin:15px 0 4px}.resource-card p{margin:0;color:#666;font-size:12px}.resource-card div{margin-top:auto;font:10px var(--mono)}.resource-card div b{float:right}.hub-credit{margin-top:28px;color:#aaa;font-size:12px}.hub-credit a{color:var(--yellow)}.hub-page .foot{border-radius:0 0 28px 28px}.hub-page .foot a{color:var(--orange)}@media(max-width:800px){.hub-page{padding:12px}.hub-hero{padding:65px 25px}.hub-section-head{display:block}.route-stage{grid-template-columns:32px 62px 1fr}.stage-output{grid-column:3;border-left:0;padding:10px 0 0}.project-ladder,.resource-grid{grid-template-columns:1fr}.resource-tools{display:block}.resource-tools input{width:100%;margin-bottom:12px}.hub-page .masthead::after{left:22px;right:22px}}