body{position:relative;isolation:isolate}body main{position:relative;z-index:2}.journey-world{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 29%, #000 46%, #000 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, 0.08) 29%, #000 46%, #000 100%);opacity:.96}.journey-world #journeyCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;filter:saturate(1.08) contrast(1.03)}.journey-world .journey-shade{position:absolute;inset:0;background:linear-gradient(90deg, transparent 42%, rgba(7, 11, 20, 0.02) 60%, rgba(7, 11, 20, 0.16));mix-blend-mode:multiply}.journey-hud{position:absolute;right:clamp(18px,3vw,44px);bottom:clamp(22px,5vh,58px);width:210px;padding:15px 16px;border-radius:18px !important;background:rgba(8,14,25,.54) !important;border:1px solid rgba(110,216,231,.18);box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(22px) saturate(1.15);font-family:Outfit,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.09em}.journey-hud .journey-hud-top{display:flex;align-items:center;justify-content:space-between;color:#8290a7;font-size:9px}.journey-hud #journeyNum{font-size:23px;color:#dce7ff;font-weight:700}.journey-hud #journeyTitle{display:block;margin-top:4px;font-size:11px;color:#f8fbff}.journey-hud .journey-state{display:block;margin-top:7px;color:#6ed8e7;font-size:9px;font-weight:700}.journey-hud .journey-trackline{height:2px;margin-top:11px;background:rgba(255,255,255,.09);border-radius:99px;overflow:hidden}.journey-hud .journey-trackline i{display:block;width:0;height:100%;background:linear-gradient(90deg, #aa8cff, #6ed8e7, #6bd99e);box-shadow:0 0 12px rgba(110,216,231,.7);transition:width .12s linear}.top{z-index:90;background:rgba(8,13,23,.68);border-color:rgba(255,255,255,.14);box-shadow:0 20px 55px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.045)}.hero{position:relative;z-index:3}.hero>div:first-child{text-shadow:0 4px 30px rgba(0,0,0,.24)}.hero-portal{background:linear-gradient(145deg, rgba(13, 22, 39, 0.18), rgba(7, 12, 22, 0.05)) !important;border-color:rgba(190,218,255,.25) !important;box-shadow:0 38px 130px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.1),inset 0 0 80px rgba(94,126,220,.055) !important;backdrop-filter:blur(1.5px) saturate(1.18);overflow:hidden;isolation:isolate}.hero-portal:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg, rgba(255, 255, 255, 0.1), transparent 19%, transparent 73%, rgba(110, 216, 231, 0.055));pointer-events:none;z-index:3}.hero-portal .portal-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#000, transparent 78%);opacity:.45}.hero-portal .portal-label{position:absolute;left:22px;bottom:22px;z-index:4;padding:12px 14px;border-radius:14px;background:rgba(5,10,18,.58);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(14px);font-family:Outfit,system-ui,sans-serif}.hero-portal .portal-label span{display:block;color:#8796ad;font-size:9px;letter-spacing:.13em}.hero-portal .portal-label strong{display:block;margin-top:4px;color:#f4f8ff;font-size:12px;letter-spacing:.08em}.hero-portal .portal-checks{position:absolute;right:18px;top:18px;z-index:4;display:flex;gap:6px}.hero-portal .portal-checks span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;border:1px solid rgba(110,216,231,.2);background:rgba(6,11,20,.52);color:#8ba1bb;font:600 8px Outfit}.hero-portal .float{z-index:4;background:rgba(7,12,22,.54)}.glass{position:relative;overflow:hidden;transition:transform .28s cubic-bezier(0.2, 0.75, 0.2, 1),border-color .28s ease,box-shadow .28s ease}.glass:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg, rgba(255, 255, 255, 0.045), transparent 28%, transparent 70%, rgba(120, 166, 255, 0.028));opacity:.75}.glass:hover{box-shadow:0 34px 95px rgba(0,0,0,.4),0 0 0 1px rgba(120,166,255,.055),inset 0 1px rgba(255,255,255,.07)}.card:hover,.phase:hover,.step:hover,.member:hover,.resource:hover,.cost:hover{transform:translateY(-5px) scale(1.008)}.section{z-index:2}.section .head{position:relative;z-index:2}.section:before{content:"";position:absolute;right:-12vw;top:12%;width:48vw;height:65%;background:radial-gradient(circle, rgba(85, 108, 185, 0.07), transparent 66%);pointer-events:none;z-index:-1}.alt{background:linear-gradient(180deg, rgba(7, 11, 20, 0.7), rgba(255, 255, 255, 0.014), rgba(7, 11, 20, 0.58))}.road div{transition:.26s ease}.road div:hover{transform:translateY(-4px);border-color:rgba(110,216,231,.33);background:rgba(110,216,231,.055)}.router-buttons button,.tabs button,.pill,.btn{transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.router-buttons button:hover,.tabs button:hover,.pill:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.18)}input[type=range]{accent-color:#6ed8e7}.top-gap{margin-top:18px}.token-swatch-primary{background:#78a6ff}.token-swatch-surface{background:#0b1120}.token-swatch-success{background:#6bd99e}.collision-rule{color:var(--red);font-weight:700}#done{padding-bottom:48vh}.receipt>div{transition:background .24s ease,color .24s ease,transform .24s ease}.receipt>div b{color:#445264 !important;text-shadow:none;transition:.24s ease}.receipt>div.journey-receipt-passed{background:rgba(107,217,158,.055);color:#e7fff1;transform:translateX(3px)}.receipt>div.journey-receipt-passed b{color:#6bd99e !important;text-shadow:0 0 14px rgba(107,217,158,.55)}html[dir=rtl] .receipt>div.journey-receipt-passed{transform:translateX(-3px)}body[data-journey-passed=true] .journey-state{color:#6bd99e;text-shadow:0 0 14px rgba(107,217,158,.48)}body[data-journey-section="7"] #ci .glass,body[data-journey-section="13"] #done .glass{border-color:rgba(107,217,158,.25)}@media(max-width: 980px){.journey-world{mask-image:linear-gradient(90deg, transparent 0%, transparent 14%, #000 42%, #000 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0%, transparent 14%, #000 42%, #000 100%);opacity:.82}.journey-hud{width:180px;right:14px;bottom:18px}.hero-portal{min-height:500px}}@media(max-width: 600px){.journey-world{top:66px;bottom:auto;height:42vh;mask-image:linear-gradient(180deg, #000 0%, #000 68%, transparent 100%);-webkit-mask-image:linear-gradient(180deg, #000 0%, #000 68%, transparent 100%);opacity:.92}.journey-hud{right:10px;bottom:20px;width:146px;padding:9px 10px;border-radius:13px !important}.journey-hud #journeyNum{font-size:17px}.journey-hud .journey-hud-top{font-size:7px}.journey-hud #journeyTitle{font-size:8px}.journey-hud .journey-state{font-size:7px;margin-top:4px}.journey-hud .journey-trackline{margin-top:7px}.hero{padding-top:calc(42vh + 90px);display:block}.hero-portal{height:42vh;min-height:0;position:absolute;top:66px;left:12px;right:12px;width:auto;z-index:-1;opacity:.08;pointer-events:none}.section{padding-top:calc(42vh + 44px)}.section .wrap{position:relative;z-index:3}}@media(prefers-reduced-motion: reduce){.glass,.card,.phase,.step,.member,.resource,.cost,.router-buttons button,.tabs button,.pill,.btn{transition:none !important;transform:none !important}}.journey-world{background:#040711 url("assets/blender/builder-racer-preview.png") center center/cover no-repeat;border:1px solid rgba(174,205,255,.22);box-shadow:0 35px 110px rgba(0,0,0,.52),0 0 70px rgba(84,128,255,.1),inset 0 1px rgba(255,255,255,.08);isolation:isolate;mask-image:none;-webkit-mask-image:none;opacity:1}.journey-world #journeyCanvas{opacity:0;transition:opacity .35s ease}.journey-world.is-live #journeyCanvas{opacity:1}.journey-world.is-fallback #journeyCanvas{opacity:0}.journey-world:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg, rgba(255, 255, 255, 0.07), transparent 20%, transparent 74%, rgba(89, 224, 255, 0.045));box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}.journey-world .journey-shade{z-index:1;background:linear-gradient(180deg, rgba(2, 4, 10, 0.02), transparent 60%, rgba(2, 4, 10, 0.45)),linear-gradient(90deg, transparent 55%, rgba(2, 4, 10, 0.12))}.journey-world .journey-hud{z-index:4}@media(min-width: 981px){.journey-world{position:fixed;top:94px;right:max(20px,(100vw - var(--max))/2);bottom:auto;left:auto;width:clamp(440px,44vw,620px);height:calc(100vh - 120px);border-radius:32px;z-index:35;overflow:hidden}.hero{grid-template-columns:minmax(0, 1fr) clamp(440px,44vw,620px);gap:38px}.hero-portal{visibility:hidden}.section>.wrap,.cta.wrap{padding-right:clamp(470px,46vw,650px)}html[dir=rtl] .section>.wrap,html[dir=rtl] .cta.wrap{padding-right:clamp(470px,46vw,650px);padding-left:0}.section .head{grid-template-columns:1fr;gap:10px}.grid5{grid-template-columns:repeat(2, minmax(0, 1fr))}.grid5>.card:last-child{grid-column:1/-1}.road{grid-template-columns:repeat(3, minmax(0, 1fr))}.split,.brief,.ctx,.router,.done,.design-demo{grid-template-columns:1fr}.timeline,.steps,.ui-flow,.teams,.resources{grid-template-columns:repeat(2, minmax(0, 1fr))}.costs{grid-template-columns:1fr}#done{padding-bottom:100px}}@media(max-width: 980px){.journey-world{position:sticky;top:76px;right:auto;bottom:auto;left:auto;width:min(100% - 28px,820px);height:44vh;min-height:320px;margin:76px auto 18px;border-radius:28px;z-index:80;overflow:hidden;mask-image:none;-webkit-mask-image:none;opacity:1}.hero{padding-top:34px;min-height:auto}.hero-portal{display:none}.section{padding-top:78px}.section,.hero{scroll-margin-top:calc(44vh + 92px)}#done{padding-bottom:90px}}@media(max-width: 600px){.journey-world{top:66px;width:calc(100% - 20px);height:38vh;min-height:260px;margin:66px 10px 12px;border-radius:22px;z-index:80}.journey-hud{right:9px;bottom:9px;width:142px;padding:9px 10px;border-radius:12px !important}.hero{padding-top:26px;min-height:auto}.section{padding:64px 0}.section,.hero{scroll-margin-top:calc(38vh + 80px)}#done{padding-bottom:72px}.hero-portal{display:none !important}}