/* The homepage journey shares the blue/cyan/purple reference palette. */
.reference-home .scroll-journey{--chapter-color:#356dff;background:#f5f9ff;color:#111f45;--scene-hue:220}
.reference-home .scroll-journey .journey-intro{background:linear-gradient(135deg,#eefaff,#f5f1ff);padding-top:65px;padding-bottom:55px}
.reference-home .scroll-journey .journey-intro h2 span{color:#416cff}
.reference-home .scroll-journey .journey-intro p,.reference-home .scroll-journey .journey-finish p{color:#657492}
.reference-home .scroll-journey .journey-start,.reference-home .scroll-journey .journey-explore{color:#305cf5;font-weight:750}
.reference-home .journey-enhanced .journey-sticky{background:radial-gradient(ellipse at calc(75% - var(--scene-progress,0)*15%) 38%,hsl(var(--scene-hue) 100% 90% / .85),transparent 58%),linear-gradient(130deg,#f7fcff,#f0f3ff 60%,#f7efff);transition:background .5s}
.reference-home .scroll-journey .journey-shell{max-width:1320px}
.reference-home .scroll-journey .journey-hud,.reference-home .scroll-journey .journey-rail a{color:#657492}
.reference-home .scroll-journey .journey-rail{border-color:#cfdbf1}
.reference-home .scroll-journey .journey-rail a[aria-current=step]{color:#435cfb}
.reference-home .scroll-journey .journey-rail a[aria-current=step]:after{background:linear-gradient(90deg,#19c6f4,#7651ff);height:3px;box-shadow:0 2px 12px #356dff55}
.reference-home .scroll-journey .journey-counter b,.reference-home .scroll-journey .journey-kicker,.reference-home .scroll-journey .journey-scroll-label{color:#5363f3}
.reference-home .scroll-journey .journey-subtitle{color:#34578e;font-size:18px}
.reference-home .scroll-journey .journey-description{color:#617392}
.reference-home .scroll-journey .journey-module-links a{color:#254a81;background:#ffffffba;border:1px solid #dce6f8;border-radius:9px;padding:9px 10px;box-shadow:0 5px 15px #4667b708}
.reference-home .scroll-journey .journey-module-links a:hover{border-color:#6874ff;box-shadow:0 6px 18px #4667b724}
.reference-home .scroll-journey .journey-module-links a span,.reference-home .scroll-journey .journey-skip{color:#5262ed}
.reference-home .scroll-journey .journey-visual{padding:18px;border:1px solid #ffffff;border-radius:30px;background:linear-gradient(135deg,#ffffffd9,#edf4ffb0);box-shadow:0 25px 70px #4166ba1c;transform:translateY(calc(var(--scene-progress,0)*-10px))}
.reference-home .scroll-journey .journey-halo{background:radial-gradient(ellipse,#4ccfff55,#865dff22 45%,transparent 70%);transform:translateX(var(--scene-drift,0px));filter:blur(22px)}
.reference-home .scroll-journey .journey-diagram rect{fill:#fff;stroke:#6672ff;stroke-opacity:.65}
.reference-home .scroll-journey .journey-core rect:first-child{fill:#eaf0ff;stroke:#5069ff;filter:drop-shadow(0 12px 14px #536cff44)}
.reference-home .scroll-journey .journey-core rect:nth-child(2){fill:#f8fbff}
.reference-home .scroll-journey .journey-core path,.reference-home .scroll-journey .journey-satellite path{stroke:#4569ee}
.reference-home .scroll-journey .journey-wire{stroke:#476dff;stroke-width:2.5}
.reference-home .scroll-journey .journey-orbit{stroke:#6279e9;stroke-opacity:.3}
.reference-home .scroll-journey .journey-diagram text{fill:#56739c}
.reference-home .scroll-journey .journey-flow>span{background:white;border:1px solid #d9e4fa;color:#23416c;box-shadow:0 6px 18px #4166ba0c}
.reference-home .scroll-journey .journey-flow small,.reference-home .scroll-journey .journey-flow b{color:#6656f6}
.reference-home .scroll-journey .journey-illustration{color:#7386a5}
.reference-home .scroll-journey .journey-meter{height:4px;background:#dae4fa;border-radius:10px}
.reference-home .scroll-journey .journey-meter i{background:linear-gradient(90deg,#16c6f0,#376dff,#ac4dff);box-shadow:0 0 15px #6072ff66}
.reference-home .scroll-journey .journey-bottom strong{color:#355584}
.reference-home .scroll-journey .journey-bottom a{color:#624ff6;font-weight:750}
.reference-home .scroll-journey .journey-finish{background:linear-gradient(135deg,#ecf9ff,#f3edff)}
@media(max-width:720px){.reference-home .scroll-journey .journey-visual{padding:9px;border-radius:18px}.reference-home .scroll-journey .journey-subtitle{font-size:12px}.reference-home .scroll-journey .journey-module-links a{padding:4px 6px;font-size:8px}.reference-home .scroll-journey .journey-intro{padding-top:45px;padding-bottom:35px}}
@media(prefers-reduced-motion:reduce){.reference-home .scroll-journey .journey-visual,.reference-home .scroll-journey .journey-halo{transform:none}}
.reference-home.is-motion-paused .scroll-journey .journey-visual,.reference-home.is-motion-paused .scroll-journey .journey-halo{transform:none}
/* A single pinned product stage: scroll changes the selected department. */
.reference-home .journey-enhanced .journey-track{height:1045svh}
.reference-home .journey-enhanced .journey-sticky{top:0;height:100svh;min-height:0}
.reference-home .scroll-journey .journey-shell{max-width:1400px;padding:26px 44px}
.reference-home .scroll-journey .journey-hud{margin-bottom:16px}
.reference-home .scroll-journey .journey-rail{gap:5px;padding:6px;border:1px solid #dce5f7;background:#ffffffb8;border-radius:16px;margin-bottom:32px;box-shadow:0 8px 28px #506aae08}
.reference-home .scroll-journey .journey-rail a{border-radius:10px;display:flex;align-items:center;gap:8px;padding:12px 8px;transition:background .25s,color .25s;flex:1}
.reference-home .scroll-journey .journey-rail a span{font-size:9px;color:#8a9ab8}
.reference-home .scroll-journey .journey-rail b{font-size:9px;line-height:1.4;margin:0;font-weight:650}
.reference-home .scroll-journey .journey-rail a[aria-current=step]{background:linear-gradient(110deg,#2f77ff,#7850ff);color:white;box-shadow:0 5px 16px #536dff30}
.reference-home .scroll-journey .journey-rail a[aria-current=step] span{color:#ffffffc9}
.reference-home .scroll-journey .journey-rail a[aria-current=step]:after{display:none}
.reference-home .journey-enhanced .journey-scenes{height:min(550px,calc(100svh - 220px));min-height:0}
.reference-home .scroll-journey .journey-scene{grid-template-columns:.95fr 1.05fr;gap:64px}
.reference-home .scroll-journey .journey-copy h3{font-size:clamp(36px,3.3vw,59px);line-height:1.08;margin:16px 0 20px;letter-spacing:-.055em}
.reference-home .scroll-journey .journey-subtitle{font-size:16px;margin-bottom:8px}
.reference-home .scroll-journey .journey-description{font-size:13px;max-width:480px;line-height:1.7;margin-bottom:20px}
.reference-home .scroll-journey .journey-module-links{gap:7px 10px}
.reference-home .scroll-journey .journey-module-links a{font-size:10px;padding:9px 11px;line-height:1.45}
.reference-home .scroll-journey .journey-explore{margin-top:19px;padding:11px 16px;background:#edf0ff;border:1px solid #c9d6ff;border-radius:8px;font-size:11px;gap:32px}
.reference-home .scroll-journey .showcase-visual{padding:0;border:0;background:none;box-shadow:none;perspective:1100px}
.showcase-photo{position:relative;width:94%;height:290px;overflow:hidden;border-radius:22px;border:6px solid white;box-shadow:0 20px 55px #3d68b826;transform:rotate(-2deg)}
.showcase-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(calc(1.04 + var(--scene-progress,0)*.06))}
.showcase-photo-shade{position:absolute;inset:0;background:linear-gradient(transparent 45%,#071c4c95)}
.showcase-photo-label{position:absolute;bottom:18px;left:19px;color:white;font-size:14px;font-weight:700;letter-spacing:-.025em}
.showcase-product{position:relative;z-index:2;width:85%;margin:-112px 0 0 auto;background:#ffffffed;border:1px solid white;border-radius:15px;padding:17px 20px;box-shadow:0 22px 60px #3153a92a;backdrop-filter:blur(16px);transform:perspective(1000px) rotateY(calc(-5deg + var(--scene-progress,0)*10deg)) translateY(calc(var(--scene-progress,0)*-8px));transition:box-shadow .3s}
.showcase-product-top{display:flex;align-items:center;gap:6px;border-bottom:1px solid #e9eef8;padding-bottom:11px;font-size:11px;color:#172b50}
.showcase-logo{display:grid;place-items:center;width:23px;height:23px;background:linear-gradient(130deg,#18c9f1,#7456ff);border-radius:7px;color:white;font-weight:800;font-size:12px}
.showcase-product-top strong>span{color:#22b492}
.showcase-product-top small{margin-left:auto;font-size:6px;letter-spacing:.07em;color:#8292ae;background:#f1f5fc;padding:4px 6px;border-radius:4px}
.showcase-product-top i{font-size:10px;font-style:normal;color:#8e9db8;letter-spacing:1px}
.showcase-product-heading{display:flex;justify-content:space-between;align-items:center;margin:12px 0 9px}
.showcase-product-heading small{font-size:7px;color:#8d9ab2}
.reference-home .scroll-journey .showcase-product-heading h4{font-size:15px;letter-spacing:-.025em;color:#1a3058;margin-top:3px}
.showcase-product-heading>span{width:26px;height:26px;background:#eef3ff;border-radius:8px;text-align:center;line-height:26px;color:#4568ff}
.showcase-rows>div{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf1f8;font-size:9px;color:#476289}
.showcase-row-icon{display:grid;place-items:center;background:#eef1ff;color:#6371f6;width:24px;height:24px;border-radius:7px;font-size:13px}
.showcase-rows strong{font-weight:600;font-size:9px}.showcase-rows em{margin-left:auto;font-style:normal;font-size:7px;color:#738bab;background:#f2f8ff;padding:4px 6px;border-radius:5px}.showcase-rows b{color:#6d7cf6}
.showcase-mini-foot{display:flex;align-items:center;gap:5px;font-size:6px;color:#7c91b1;margin-top:10px}.showcase-mini-foot i{width:4px;height:4px;background:#12c695;border-radius:50%}.showcase-mini-foot>span{margin-left:auto}
.showcase-float{position:absolute;z-index:3;left:-18px;top:37%;display:flex;align-items:center;gap:9px;background:white;border:1px solid #e5ecfb;box-shadow:0 9px 25px #4366ac24;border-radius:12px;padding:12px 15px;color:#304b7c;transform:translateY(calc(var(--scene-progress,0)*-25px))}
.showcase-float>b{background:#e8f7ff;color:#387ef7;border-radius:9px;width:30px;height:30px;display:grid;place-items:center;font-size:20px}.showcase-float>span{font-size:9px;font-weight:700}.showcase-float small{display:block;font-size:7px;font-weight:400;color:#8b9cb9;margin-top:3px}
.reference-home .scroll-journey .showcase-diagram{position:absolute;right:-10px;top:-17px;width:83px;height:83px;z-index:2;border-radius:20px;background:#ffffffde;box-shadow:0 9px 24px #5368ae22;backdrop-filter:blur(10px)}
.reference-home .scroll-journey .showcase-diagram svg{height:100%;width:100%;max-height:none}
.reference-home .scroll-journey .showcase-diagram .journey-satellite,.reference-home .scroll-journey .showcase-diagram .journey-wire,.reference-home .scroll-journey .showcase-diagram text{display:none}
.reference-home .scroll-journey .showcase-diagram .journey-core{transform:translate(250px,190px) scale(1.7)}
.reference-home .scroll-journey .showcase-visual .journey-flow{margin-top:18px;gap:9px}
.reference-home .scroll-journey .showcase-visual .journey-flow>span{font-size:9px;padding:10px;border-radius:9px;background:#ffffffa8;box-shadow:none}
.reference-home .scroll-journey .showcase-visual .journey-flow small{font-size:7px;margin-bottom:4px}
.reference-home .scroll-journey .journey-illustration{font-size:7px;margin-top:8px}
.showcase-bars{display:flex;align-items:end;height:104px;gap:13px;padding:10px 12px 16px;background:linear-gradient(#fff,#f5f8ff);border-radius:8px}
.showcase-bars>span{flex:1;height:100%;position:relative;display:flex;align-items:end}.showcase-bars i{height:var(--bar);width:100%;background:linear-gradient(#37baff,#7064ff);border-radius:5px 5px 0 0}.showcase-bars small{position:absolute;top:calc(100% + 3px);font-size:6px;color:#8596b3;width:100%;text-align:center}
.showcase-permissions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px;padding:10px;font-size:8px;background:#f7faff;border-radius:9px;color:#657a9e}.showcase-permissions span{font-size:7px;color:#92a0b7}.showcase-permissions b{color:#1fbf99}.showcase-permissions strong{font-weight:500}
.showcase-ai{background:linear-gradient(135deg,#f1f8ff,#f6f0ff);padding:13px;border-radius:10px}.showcase-ai>span{font-size:22px;color:#8061ff}.reference-home .scroll-journey .showcase-ai p{font-size:10px;color:#3c5682;margin:5px 0 11px}.showcase-ai>div{font-size:8px;background:white;border:1px solid #e6eafa;padding:9px;border-radius:6px;color:#a1abc0}.showcase-ai b{float:right;color:#6068ff}
.showcase-network{text-align:center;padding:8px}.showcase-network>span{display:inline-block;background:linear-gradient(130deg,#3676ff,#8858ff);color:white;padding:9px 20px;border-radius:8px;font-size:11px;font-weight:700}.showcase-network>i{display:block;height:17px;width:1px;background:#a4b7ff;margin:auto}.showcase-network>div{display:flex;gap:8px}.showcase-network b{flex:1;background:#f1f5ff;border:1px solid #e1e8ff;padding:9px 5px;font-size:8px;color:#627da9;border-radius:6px}
@media(max-width:1100px){.reference-home .scroll-journey .journey-shell{padding:20px 30px}.reference-home .scroll-journey .journey-scene{gap:35px}.reference-home .scroll-journey .journey-rail a{gap:4px;padding:10px 5px}.reference-home .scroll-journey .journey-rail b{font-size:8px}.reference-home .scroll-journey .journey-copy h3{font-size:39px}.showcase-photo{height:250px}.showcase-product{padding:13px 15px;width:90%;margin-top:-90px}.showcase-float{left:-12px;padding:10px}.reference-home .scroll-journey .journey-module-links a{font-size:9px}}
@media(max-width:720px){
 .reference-home .scroll-journey .journey-shell{padding:16px 20px}
 .reference-home .scroll-journey .journey-hud{margin-bottom:10px}
 .reference-home .scroll-journey .journey-rail{overflow-x:auto;scrollbar-width:none;margin-bottom:18px;padding:4px;flex-shrink:0;max-width:100%}
 .reference-home .scroll-journey .journey-rail::-webkit-scrollbar{display:none}
 .reference-home .scroll-journey .journey-rail a{flex:0 0 143px;padding:10px 9px;gap:7px}
 .reference-home .scroll-journey .journey-rail b{display:block;font-size:9px;white-space:nowrap}
 .reference-home .scroll-journey .journey-rail a span{font-size:8px}
 .reference-home .journey-enhanced .journey-scenes{height:calc(100svh - 190px)}
 .reference-home .scroll-journey .journey-scene{gap:17px;justify-content:center}
 .reference-home .scroll-journey .journey-copy h3{font-size:31px;margin:10px 0 9px}
 .reference-home .scroll-journey .journey-subtitle{font-size:11px;margin-bottom:5px}
 .reference-home .scroll-journey .journey-description{font-size:10px;line-height:1.6;margin-bottom:9px}
 .reference-home .scroll-journey .journey-module-links{gap:4px 7px}
 .reference-home .scroll-journey .journey-module-links a{font-size:8px;padding:5px 7px}
 .reference-home .scroll-journey .journey-explore{margin-top:9px;padding:7px 10px;font-size:9px}
 .showcase-photo{height:175px;width:88%;border-width:4px;border-radius:15px;transform:rotate(-2deg)}
 .showcase-photo-label{font-size:10px;bottom:12px;left:11px;max-width:60%}
 .showcase-product{width:70%;padding:9px 11px;margin-top:-105px;border-radius:11px;min-height:150px}
 .showcase-product-top{padding-bottom:6px;font-size:8px;gap:4px}.showcase-logo{width:17px;height:17px;border-radius:5px;font-size:9px}.showcase-product-top small{font-size:4px;padding:3px}.showcase-product-top i{display:none}
 .showcase-product-heading{margin:7px 0 5px}.showcase-product-heading small{font-size:5px}.reference-home .scroll-journey .showcase-product-heading h4{font-size:11px}.showcase-product-heading>span{height:19px;width:19px;line-height:19px;font-size:10px}
 .showcase-rows>div{padding:5px 0;gap:5px}.showcase-row-icon{height:17px;width:17px;font-size:10px;border-radius:5px}.showcase-rows strong{font-size:6px}.showcase-rows em{font-size:5px;padding:3px}.showcase-rows b{font-size:7px}.showcase-mini-foot{font-size:4px;margin-top:6px}
 .showcase-float{top:13px;left:9px;padding:6px 8px;border-radius:8px;gap:5px}.showcase-float>b{height:21px;width:21px;font-size:14px;border-radius:6px}.showcase-float>span{font-size:6px}.showcase-float small{font-size:5px}
 .reference-home .scroll-journey .showcase-diagram{height:45px;width:45px;top:-9px;right:6px;border-radius:12px}
 .reference-home .scroll-journey .showcase-visual .journey-flow{display:none}
 .reference-home .scroll-journey .journey-illustration{font-size:6px;margin-top:5px}
 .showcase-bars{height:71px;padding:4px 6px 12px;gap:7px}.showcase-bars small{font-size:4px}
 .showcase-permissions{font-size:6px;gap:6px;padding:7px}.showcase-permissions span{font-size:5px}
 .showcase-ai{padding:7px}.showcase-ai>span{font-size:15px}.reference-home .scroll-journey .showcase-ai p{font-size:7px;margin:2px 0 6px}.showcase-ai>div{font-size:6px;padding:6px}
 .showcase-network{padding:4px}.showcase-network>span{font-size:8px;padding:6px 13px}.showcase-network>i{height:12px}.showcase-network b{font-size:5px;padding:7px 3px}
 .reference-home .scroll-journey .journey-bottom{padding-top:12px}.reference-home .scroll-journey .journey-bottom p{padding-right:0;font-size:9px}.reference-home .scroll-journey .journey-bottom p a{position:static;margin-left:auto;font-size:9px}.reference-home .scroll-journey .journey-bottom p>span{font-size:6px}
}
@media(max-width:720px) and (max-height:740px){.reference-home .scroll-journey .journey-copy h3{font-size:27px;margin:7px 0}.reference-home .scroll-journey .journey-description{display:none}.reference-home .scroll-journey .journey-scene{gap:11px}.showcase-photo{height:145px}.showcase-product{margin-top:-100px}.reference-home .scroll-journey .journey-shell{padding-top:12px;padding-bottom:12px}.reference-home .scroll-journey .journey-rail{margin-bottom:11px}.reference-home .journey-enhanced .journey-scenes{height:calc(100svh - 170px)}}
@media(prefers-reduced-motion:reduce){.reference-home .scroll-journey .showcase-product,.reference-home .scroll-journey .showcase-float,.reference-home .scroll-journey .showcase-photo,.reference-home .scroll-journey .showcase-photo img{transform:none;transition:none}.reference-home .scroll-journey .journey-scene{transition:none}}
.reference-home.is-motion-paused .showcase-product,.reference-home.is-motion-paused .showcase-float,.reference-home.is-motion-paused .showcase-photo img{transform:none}
.showcase-photo img{object-position:center 25%}
@media(max-width:720px){
 .reference-home .scroll-journey .showcase-visual{height:240px;flex-shrink:0}
 .showcase-product{position:absolute;right:0;bottom:14px;margin:0}
 .reference-home .scroll-journey .showcase-visual .journey-illustration{position:absolute;bottom:0;width:100%;text-align:center}
 .reference-home .journey-enhanced .journey-scenes{height:calc(100svh - 215px)}
 .reference-home .scroll-journey .journey-bottom{padding-bottom:25px}
}
@media(max-width:720px) and (max-height:740px){
 .reference-home .scroll-journey .showcase-visual{height:170px}
 .showcase-photo{height:130px}
 .showcase-product{height:145px;min-height:0;overflow:hidden;bottom:12px;padding:7px 9px}
 .showcase-product-heading{margin:5px 0 3px}
 .showcase-product-top small{display:none}
 .showcase-rows>div{padding:4px 0}
 .reference-home .scroll-journey .journey-module-links a{font-size:7px;padding:4px 6px}
 .reference-home .scroll-journey .journey-module-links{gap:3px 6px}
 .reference-home .scroll-journey .journey-copy h3{font-size:26px;margin:6px 0}
 .reference-home .scroll-journey .journey-explore{margin-top:7px;padding:6px 9px}
 .reference-home .journey-enhanced .journey-scenes{height:calc(100svh - 190px)}
}