/* Roti Innovation Roadmap — scroll-driven experience */
body.page-roadmap { --rr-blue:#4ee6ff; --rr-cyan:#75f7e8; --rr-violet:#a989ff; --rr-progress:0; }
body.page-roadmap #main-content { overflow: clip; }
.ra-roadmap-experience { position:relative; background:#07090b; color:var(--ra-ivory); isolation:isolate; }
.ra-roadmap-experience::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; background:radial-gradient(circle at calc(75% + var(--rr-mouse-x,0px)) 30%,rgba(212,175,55,.055),transparent 28%),radial-gradient(circle at 85% 70%,rgba(78,230,255,.035),transparent 30%); }
.ra-roadmap-hero { position:relative; min-height:100svh; display:grid; align-items:center; overflow:hidden; padding-top:var(--ra-header); background:radial-gradient(circle at 72% 42%,rgba(212,175,55,.11),transparent 22%),linear-gradient(120deg,#060709 5%,#0b0d10 58%,#090a0d); border-bottom:1px solid rgba(212,175,55,.16); }
.ra-roadmap-hero::after { content:""; position:absolute; inset:auto 0 0; height:28vh; pointer-events:none; background:linear-gradient(180deg,transparent,#07090b); }
.ra-roadmap-hero__field { position:absolute; inset:0; opacity:.38; pointer-events:none; transform:translate3d(0,calc(var(--rr-hero-y,0px) * -1),0); }
.ra-roadmap-hero__field > img { position:absolute; width:min(70vw,1120px); height:80%; right:-6%; top:7%; object-fit:contain; opacity:.22; filter:drop-shadow(0 0 30px rgba(212,175,55,.12)); }
.ra-roadmap-orbit { position:absolute; right:10%; top:50%; border:1px solid rgba(212,175,55,.12); border-radius:50%; transform:translateY(-50%) rotate(calc(var(--rr-progress) * 160deg)); }
.ra-roadmap-orbit::after { content:""; position:absolute; width:7px; height:7px; left:-4px; top:50%; border-radius:50%; background:var(--ra-gold-light); box-shadow:0 0 20px rgba(212,175,55,.8); }
.ra-roadmap-orbit--one { width:min(48vw,700px); aspect-ratio:1; }
.ra-roadmap-orbit--two { width:min(62vw,940px); aspect-ratio:1; opacity:.5; transform:translateY(-50%) rotate(calc(var(--rr-progress) * -90deg)); }
.ra-roadmap-hero__inner { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.62fr); align-items:center; gap:70px; min-height:calc(100svh - var(--ra-header)); padding-top:70px; padding-bottom:100px; }
.ra-roadmap-hero__copy { max-width:940px; }
.ra-roadmap-hero h1 { margin:18px 0 26px; max-width:1050px; font-family:Sora,Inter,sans-serif; font-weight:300; font-size:clamp(4rem,7.2vw,8.8rem); line-height:.91; letter-spacing:-.07em; color:var(--ra-ivory); }
.ra-roadmap-hero h1 em { font-style:normal; background:linear-gradient(105deg,#a97e34,#f0d486 48%,#b18a3f); -webkit-background-clip:text; background-clip:text; color:transparent; }
.ra-roadmap-hero__lead { max-width:850px; margin:0 0 16px; color:var(--ra-ivory); font-family:Sora,Inter,sans-serif; font-size:clamp(1.08rem,1.55vw,1.45rem); font-weight:300; line-height:1.55; }
.ra-roadmap-hero__copy > p:not(.ra-roadmap-hero__lead) { max-width:800px; margin:0; color:var(--ra-muted); font-size:.94rem; }
.ra-roadmap-scroll-cue { display:inline-flex; align-items:center; gap:20px; margin-top:48px; color:var(--ra-gold-light); font-size:.64rem; font-weight:600; letter-spacing:.19em; text-transform:uppercase; }
.ra-roadmap-scroll-cue i { position:relative; display:block; width:72px; height:1px; overflow:hidden; background:rgba(212,175,55,.2); }
.ra-roadmap-scroll-cue i::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,var(--ra-gold-light),transparent); animation:rr-cue 1.7s ease-in-out infinite; transform:translateX(-100%); }
@keyframes rr-cue { to { transform:translateX(100%); } }
.ra-roadmap-hero__mark { position:relative; min-height:530px; display:grid; place-items:center; }
.ra-roadmap-hero__mark img { position:relative; z-index:2; width:min(26vw,380px); opacity:.85; filter:drop-shadow(0 0 60px rgba(212,175,55,.22)); transform:translate3d(0,calc(var(--rr-hero-y,0px) * .24),0) rotate(calc(var(--rr-progress) * 4deg)); }
.ra-roadmap-hero__mark > span { position:absolute; width:80%; height:1px; background:linear-gradient(90deg,transparent,rgba(212,175,55,.55),transparent); transform-origin:center; }
.ra-roadmap-hero__mark > span:nth-of-type(1){ transform:rotate(0deg) scaleX(calc(.65 + var(--rr-progress) * .35)); }
.ra-roadmap-hero__mark > span:nth-of-type(2){ transform:rotate(60deg) scaleX(calc(.6 + var(--rr-progress) * .4)); }
.ra-roadmap-hero__mark > span:nth-of-type(3){ transform:rotate(-60deg) scaleX(calc(.6 + var(--rr-progress) * .4)); }

.ra-roadmap-layout { position:relative; display:grid; grid-template-columns:235px minmax(0,1fr); gap:68px; align-items:start; padding-top:90px; padding-bottom:0; }
.ra-roadmap-nav { position:sticky; top:calc(var(--ra-header) + var(--ra-admin-bar-offset,0px) + 36px); z-index:15; align-self:start; padding:22px 0 24px; border-top:1px solid rgba(212,175,55,.28); border-bottom:1px solid rgba(212,175,55,.13); }
.ra-roadmap-nav__head { display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; color:var(--ra-muted); font-size:.57rem; letter-spacing:.18em; text-transform:uppercase; }
.ra-roadmap-nav__head b { color:var(--ra-gold-light); font-family:Sora,sans-serif; font-size:.8rem; font-weight:500; }
.ra-roadmap-nav ol { display:grid; gap:2px; margin:0; padding:0; list-style:none; }
.ra-roadmap-nav a { position:relative; display:grid; grid-template-columns:35px 1fr 20px; align-items:center; min-height:48px; gap:8px; color:rgba(242,239,233,.42); transition:color .3s,transform .35s var(--ra-ease); }
.ra-roadmap-nav a > span { color:rgba(212,175,55,.48); font-family:Sora,sans-serif; font-size:.57rem; }
.ra-roadmap-nav a strong { font-size:.68rem; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }
.ra-roadmap-nav a i { justify-self:end; width:8px; height:8px; border:1px solid rgba(212,175,55,.25); border-radius:50%; transition:background .3s,box-shadow .3s,transform .3s; }
.ra-roadmap-nav a:hover,.ra-roadmap-nav a.is-active { color:var(--ra-ivory); transform:translateX(3px); }
.ra-roadmap-nav a.is-active > span { color:var(--ra-gold-light); }
.ra-roadmap-nav a.is-active i { background:var(--ra-gold-light); border-color:var(--ra-gold-light); box-shadow:0 0 14px rgba(212,175,55,.8); transform:scale(1.1); }
.ra-roadmap-nav__signal { display:flex; align-items:center; gap:9px; margin-top:18px; padding-top:15px; border-top:1px solid rgba(255,255,255,.05); color:rgba(242,239,233,.35); font-size:.56rem; letter-spacing:.11em; text-transform:uppercase; }
.ra-roadmap-nav__signal i { width:6px; height:6px; border-radius:50%; background:var(--ra-success); box-shadow:0 0 12px rgba(122,214,167,.6); }

.ra-roadmap-track { position:relative; min-width:0; }
.ra-roadmap-spine { position:absolute; z-index:3; top:0; bottom:0; left:28px; width:1px; background:rgba(212,175,55,.12); }
.ra-roadmap-spine > span { position:absolute; inset:0 0 auto; height:calc(var(--rr-progress) * 100%); background:linear-gradient(180deg,var(--ra-gold-dark),var(--ra-gold-light) 56%,var(--rr-cyan)); box-shadow:0 0 15px rgba(212,175,55,.32); }
.ra-roadmap-spine > i { position:absolute; z-index:2; left:50%; top:calc(var(--rr-progress) * 100%); width:9px; height:9px; border-radius:50%; background:#fff4be; box-shadow:0 0 8px #fff4be,0 0 30px rgba(212,175,55,.7); transform:translate(-50%,-50%); transition:top .08s linear; }
.ra-roadmap-chapter { position:relative; min-height:110vh; padding:72px 0 120px 100px; scroll-margin-top:calc(var(--ra-header) + 30px); }
.ra-roadmap-chapter + .ra-roadmap-chapter { border-top:1px solid rgba(255,255,255,.035); }
.ra-roadmap-node { position:absolute; z-index:4; left:4px; top:96px; display:grid; place-items:center; width:49px; height:49px; border:1px solid rgba(212,175,55,.25); border-radius:50%; background:#0a0c0f; color:rgba(212,175,55,.5); font-family:Sora,sans-serif; font-size:.58rem; transition:border-color .4s,color .4s,box-shadow .4s,transform .4s; }
.ra-roadmap-chapter.is-active .ra-roadmap-node { color:#fff2bd; border-color:var(--ra-gold-light); box-shadow:0 0 0 5px rgba(212,175,55,.04),0 0 25px rgba(212,175,55,.18); transform:scale(1.08); }
.ra-roadmap-chapter__inner { position:relative; max-width:1220px; }
.ra-roadmap-chapter__header { display:grid; grid-template-columns:120px minmax(0,1fr); gap:30px; max-width:1040px; margin-bottom:65px; }
.ra-roadmap-chapter__number { padding-top:7px; color:rgba(212,175,55,.25); font-family:Sora,sans-serif; font-size:clamp(3.8rem,6vw,6.8rem); font-weight:300; line-height:.85; letter-spacing:-.06em; }
.ra-roadmap-chapter h2,.ra-roadmap-horizon h2 { margin:10px 0 18px; font-family:Sora,Inter,sans-serif; font-size:clamp(3rem,5.8vw,6.9rem); font-weight:300; line-height:.94; letter-spacing:-.065em; }
.ra-roadmap-chapter__lead { max-width:850px; margin:0 0 17px; color:var(--ra-ivory); font-family:Sora,sans-serif; font-size:clamp(1.04rem,1.5vw,1.36rem); font-weight:300; line-height:1.5; }
.ra-roadmap-chapter__header p:last-child { max-width:850px; margin:0; color:var(--ra-muted); }
[data-roadmap-reveal] { opacity:.15; transform:translate3d(0,45px,0) scale(.985); transition:opacity .8s var(--ra-ease),transform .9s var(--ra-ease); transition-delay:calc(var(--i,0) * 55ms); }
[data-roadmap-reveal].is-visible { opacity:1; transform:none; }
[data-roadmap-depth] { transform:translate3d(0,var(--rr-depth-y,0px),0); will-change:transform; }

.ra-roadmap-foundation { position:relative; display:grid; grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr); gap:55px; align-items:center; min-height:560px; }
.ra-roadmap-foundation::before { content:""; position:absolute; inset:5% 0; opacity:.24; background:url('../icons/circuit-field.svg') center/cover no-repeat; mask-image:linear-gradient(90deg,transparent,#000 18%,#000 85%,transparent); }
.ra-roadmap-foundation__core { position:relative; z-index:2; display:grid; place-items:center; aspect-ratio:1; }
.ra-roadmap-foundation__core img { width:52%; filter:drop-shadow(0 0 40px rgba(212,175,55,.28)); }
.ra-roadmap-foundation__core > span { position:absolute; border:1px solid rgba(212,175,55,.16); border-radius:50%; }
.ra-roadmap-foundation__core .r1 { inset:18%; }
.ra-roadmap-foundation__core .r2 { inset:7%; border-style:dashed; transform:rotate(calc(var(--rr-progress) * 180deg)); }
.ra-roadmap-foundation__core .r3 { inset:-5%; opacity:.5; transform:rotate(calc(var(--rr-progress) * -100deg)); }
.ra-roadmap-focus-grid { position:relative; z-index:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.ra-roadmap-focus { display:flex; align-items:center; gap:13px; min-height:64px; padding:15px 18px; border:1px solid rgba(255,255,255,.055); background:linear-gradient(120deg,rgba(255,255,255,.026),rgba(255,255,255,.008)); color:var(--ra-copy); font-size:.73rem; }
.ra-roadmap-focus i { width:7px; height:7px; flex:0 0 auto; border-radius:50%; border:1px solid var(--ra-gold); box-shadow:0 0 10px rgba(212,175,55,.28); }

.ra-roadmap-product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; perspective:1300px; }
.ra-roadmap-product { display:grid; grid-template-columns:minmax(180px,.75fr) 1fr; min-height:255px; overflow:hidden; border:1px solid rgba(212,175,55,.14); background:linear-gradient(145deg,rgba(23,26,31,.78),rgba(9,11,14,.86)); box-shadow:0 24px 60px rgba(0,0,0,.28); }
.ra-roadmap-product__screen { position:relative; min-height:250px; overflow:hidden; background:radial-gradient(circle,rgba(212,175,55,.08),transparent 40%),#080a0c; }
.ra-roadmap-product__screen::after { content:""; position:absolute; inset:0; opacity:.0; background:linear-gradient(180deg,transparent 40%,rgba(78,230,255,.12) 50%,transparent 60%); transform:translateY(-100%); transition:opacity .3s; }
.ra-roadmap-chapter.is-active .ra-roadmap-product__screen::after { opacity:1; animation:rr-scan 3.2s linear infinite; }
@keyframes rr-scan { to { transform:translateY(100%); } }
.ra-roadmap-product__screen img { width:100%; height:100%; object-fit:cover; filter:saturate(.72) brightness(.75); transition:filter .8s,transform 1.2s var(--ra-ease); }
.ra-roadmap-product__screen img.is-fallback { object-fit:contain; padding:25%; }
.ra-roadmap-chapter.is-active .ra-roadmap-product__screen img { filter:saturate(.98) brightness(.95); transform:scale(1.035); }
.ra-roadmap-power-led { position:absolute; left:14px; bottom:14px; width:7px; height:7px; border-radius:50%; background:#27302d; transition:background .5s,box-shadow .5s; }
.ra-roadmap-chapter.is-active .ra-roadmap-power-led { background:var(--rr-cyan); box-shadow:0 0 16px rgba(78,230,255,.9); }
.ra-roadmap-product > div:last-child { display:grid; align-content:center; padding:26px; }
.ra-roadmap-product small,.ra-roadmap-rack-unit small { color:var(--ra-gold); font-size:.53rem; letter-spacing:.14em; text-transform:uppercase; }
.ra-roadmap-product h3,.ra-roadmap-rack-unit h3 { margin:7px 0 9px; font-family:Sora,sans-serif; font-size:1.45rem; font-weight:400; }
.ra-roadmap-product p { margin:0; color:var(--ra-muted); font-size:.73rem; line-height:1.55; }

.ra-roadmap-statement { position:relative; margin:25px 0 70px; padding:38px 42px 38px 48px; border:0; border-left:1px solid var(--ra-gold); color:var(--ra-ivory); background:linear-gradient(90deg,rgba(212,175,55,.065),transparent 70%); font-family:Sora,sans-serif; font-size:clamp(1.45rem,2.4vw,2.5rem); font-weight:300; line-height:1.35; }
.ra-roadmap-statement strong { color:var(--ra-gold-light); font-weight:400; }
.ra-roadmap-statement--center { text-align:center; border-left:0; border-top:1px solid rgba(212,175,55,.24); background:radial-gradient(circle at center,rgba(212,175,55,.05),transparent 60%); }
.ra-roadmap-rack { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; perspective:1500px; }
.ra-roadmap-rack-unit { position:relative; min-height:290px; overflow:hidden; border:1px solid rgba(212,175,55,.13); background:#0b0d10; box-shadow:0 22px 55px rgba(0,0,0,.32); }
.ra-roadmap-rack-unit__media { height:215px; display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle,rgba(212,175,55,.07),transparent 44%); }
.ra-roadmap-rack-unit__media img { width:100%; height:100%; object-fit:cover; filter:saturate(.72) brightness(.72); transition:filter .7s,transform .9s var(--ra-ease); }
.ra-roadmap-rack-unit__media img.is-fallback { object-fit:contain; padding:29%; opacity:.62; }
.ra-roadmap-rack-unit > div:last-child { padding:16px 17px 19px; }
.ra-roadmap-rack-unit h3 { margin-bottom:0; font-size:1.12rem; }
.ra-roadmap-chapter.is-active .ra-roadmap-rack-unit__media img { filter:saturate(.95) brightness(.9); transform:scale(1.045); }

.ra-roadmap-aura { position:relative; display:grid; grid-template-columns:minmax(390px,1fr) minmax(300px,.72fr); gap:70px; align-items:center; min-height:670px; }
.ra-roadmap-aura::before { content:""; position:absolute; inset:-10% -10%; opacity:.65; pointer-events:none; background:radial-gradient(circle at 30% 50%,rgba(78,230,255,.09),transparent 22%),radial-gradient(circle at 36% 52%,rgba(169,137,255,.08),transparent 30%); filter:blur(5px); }
.ra-roadmap-aura__core { position:relative; display:grid; place-items:center; min-height:600px; }
.ra-roadmap-aura__orb { position:relative; z-index:4; display:grid; place-items:center; align-content:center; width:min(28vw,330px); aspect-ratio:1; border:1px solid rgba(240,212,134,.65); border-radius:50%; background:radial-gradient(circle at 42% 36%,rgba(117,247,232,.18),transparent 20%),radial-gradient(circle at 60% 65%,rgba(169,137,255,.24),transparent 28%),radial-gradient(circle,rgba(212,175,55,.15),#0b0d12 62%); box-shadow:inset 0 0 55px rgba(78,230,255,.08),0 0 70px rgba(212,175,55,.12),0 0 120px rgba(78,230,255,.07); }
.ra-roadmap-aura__orb b { color:var(--ra-gold-light); font-family:Sora,sans-serif; font-size:clamp(2.4rem,4vw,4.6rem); font-weight:300; letter-spacing:.08em; }
.ra-roadmap-aura__orb small { color:var(--rr-cyan); font-size:.58rem; letter-spacing:.26em; }
.ra-roadmap-aura__halo { position:absolute; z-index:2; border:1px solid rgba(78,230,255,.12); border-radius:50%; transform:rotate(calc(var(--rr-progress) * 140deg)); }
.ra-roadmap-aura__halo.h1 { width:390px; height:390px; }
.ra-roadmap-aura__halo.h2 { width:490px; height:490px; border-color:rgba(169,137,255,.1); border-style:dashed; transform:rotate(calc(var(--rr-progress) * -90deg)); }
.ra-roadmap-aura__halo.h3 { width:590px; height:590px; border-color:rgba(212,175,55,.08); }
.ra-roadmap-aura__core > i { --angle:calc(var(--p) * 12.857deg); position:absolute; z-index:3; width:4px; height:4px; border-radius:50%; background:var(--rr-cyan); box-shadow:0 0 11px rgba(78,230,255,.8); transform:rotate(var(--angle)) translateY(-240px) scale(var(--s,.7)); opacity:var(--o,.55); }
.ra-roadmap-chapter.is-active .ra-roadmap-aura__core > i { animation:rr-particle 5s ease-in-out infinite alternate; animation-delay:calc(var(--p) * -90ms); }
@keyframes rr-particle { to { transform:rotate(calc(var(--angle) + 16deg)) translateY(-275px) scale(1.1); } }
.ra-roadmap-capabilities { position:relative; z-index:2; display:grid; gap:9px; }
.ra-roadmap-capabilities span { display:flex; align-items:center; min-height:52px; padding:0 18px; border-left:1px solid rgba(78,230,255,.35); color:var(--ra-copy); background:linear-gradient(90deg,rgba(78,230,255,.045),transparent); font-size:.72rem; letter-spacing:.05em; }

.ra-roadmap-chain { display:flex; align-items:center; justify-content:center; gap:0; min-height:380px; perspective:1400px; overflow:visible; }
.ra-roadmap-chain__module { position:relative; z-index:2; flex:0 1 150px; min-height:150px; display:grid; place-items:center; align-content:center; gap:5px; border:1px solid rgba(212,175,55,.2); background:linear-gradient(145deg,#171a1f,#0b0d10); box-shadow:0 22px 55px rgba(0,0,0,.36); }
.ra-roadmap-chain__module i { width:14px; height:14px; margin-bottom:8px; border:1px solid var(--ra-gold); border-radius:50%; }
.ra-roadmap-chain__module strong { font-family:Sora,sans-serif; font-size:.76rem; letter-spacing:.12em; }
.ra-roadmap-chain__module small { color:var(--ra-muted); font-size:.58rem; }
.ra-roadmap-chain__link { position:relative; z-index:1; flex:0 1 70px; height:1px; overflow:hidden; background:rgba(212,175,55,.18); }
.ra-roadmap-chain__link b { position:absolute; inset:0; background:linear-gradient(90deg,transparent,var(--rr-cyan),transparent); transform:translateX(-100%); }
.ra-roadmap-chapter.is-active .ra-roadmap-chain__link b { animation:rr-flow 1.7s linear infinite; animation-delay:calc(var(--i,0) * 100ms); }
@keyframes rr-flow { to { transform:translateX(100%); } }

.ra-roadmap-platform { position:relative; min-height:720px; display:grid; place-items:center; overflow:hidden; }
.ra-roadmap-platform::before,.ra-roadmap-platform::after { content:""; position:absolute; inset:15%; border:1px solid rgba(212,175,55,.1); border-radius:50%; transform:rotate(calc(var(--rr-progress) * 60deg)); }
.ra-roadmap-platform::after { inset:25%; border-color:rgba(78,230,255,.08); transform:rotate(calc(var(--rr-progress) * -95deg)); }
.ra-roadmap-platform__center { position:relative; z-index:4; display:grid; place-items:center; width:220px; aspect-ratio:1; border:1px solid rgba(212,175,55,.35); border-radius:50%; background:radial-gradient(circle,rgba(212,175,55,.08),#0b0d10 66%); box-shadow:0 0 70px rgba(212,175,55,.09); }
.ra-roadmap-platform__center img { width:42%; }
.ra-roadmap-platform__center span { margin-top:-28px; color:var(--ra-gold-light); font-family:Sora,sans-serif; font-size:.8rem; letter-spacing:.12em; }
.ra-roadmap-platform__node { --a:calc(var(--i) * 36deg); position:absolute; z-index:3; left:50%; top:50%; display:grid; place-items:center; width:160px; min-height:56px; padding:10px; border:1px solid rgba(255,255,255,.07); background:rgba(15,18,22,.92); color:var(--ra-copy); font-size:.65rem; text-align:center; transform:translate(-50%,-50%) rotate(var(--a)) translateY(-275px) rotate(calc(var(--a) * -1)); }

.ra-roadmap-milestone { display:grid; grid-template-columns:120px minmax(0,1fr); gap:28px; align-items:start; margin-top:70px; padding:30px 0; border-top:1px solid rgba(212,175,55,.2); border-bottom:1px solid rgba(212,175,55,.08); }
.ra-roadmap-milestone span { color:var(--ra-gold); font-size:.57rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.ra-roadmap-milestone strong { max-width:850px; color:var(--ra-ivory); font-family:Sora,sans-serif; font-size:clamp(1.2rem,1.9vw,1.8rem); font-weight:300; line-height:1.35; }

.ra-roadmap-horizon { position:relative; min-height:100svh; display:grid; align-items:center; margin-left:-100px; padding:130px 20px 140px 100px; overflow:hidden; scroll-margin-top:var(--ra-header); border-top:1px solid rgba(212,175,55,.12); }
.ra-roadmap-horizon__glow { position:absolute; inset:0; background:radial-gradient(circle at 68% 52%,rgba(212,175,55,.09),transparent 22%),radial-gradient(circle at 82% 58%,rgba(78,230,255,.05),transparent 20%); }
.ra-roadmap-horizon__inner { position:relative; z-index:2; max-width:980px; }
.ra-roadmap-horizon h2 em { font-style:normal; color:var(--ra-gold-light); }
.ra-roadmap-horizon p { max-width:780px; color:var(--ra-muted); }
.ra-roadmap-horizon__list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:900px; margin:35px 0; }
.ra-roadmap-horizon__list span { padding:18px 20px; border:1px solid rgba(212,175,55,.1); background:rgba(255,255,255,.015); color:var(--ra-copy); font-size:.76rem; }
.ra-roadmap-horizon__tagline { margin:55px 0 0; color:var(--ra-ivory); font-family:Sora,sans-serif; font-size:clamp(1.1rem,2vw,1.8rem); font-weight:300; letter-spacing:.03em; }
.ra-roadmap-horizon__tagline i { color:var(--ra-gold-light); font-style:normal; }
.ra-roadmap-horizon__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:38px; }

.ra-roadmap-hud { position:fixed; z-index:250; right:22px; bottom:22px; min-width:190px; padding:14px 16px; border:1px solid rgba(212,175,55,.2); background:rgba(8,10,12,.8); backdrop-filter:blur(14px); box-shadow:0 18px 45px rgba(0,0,0,.35); opacity:0; transform:translateY(15px); pointer-events:none; transition:opacity .35s,transform .35s; }
.ra-roadmap-hud.is-visible { opacity:1; transform:none; }
.ra-roadmap-hud > div:first-child { display:flex; justify-content:space-between; gap:15px; color:rgba(242,239,233,.42); font-size:.51rem; letter-spacing:.12em; text-transform:uppercase; }
.ra-roadmap-hud strong { color:var(--ra-gold-light); font-family:Sora,sans-serif; font-weight:500; }
.ra-roadmap-hud__wave { display:flex; align-items:center; gap:3px; height:20px; margin:8px 0 6px; }
.ra-roadmap-hud__wave i { width:2px; height:5px; background:linear-gradient(180deg,var(--rr-cyan),var(--ra-gold)); animation:rr-hud-wave .7s ease-in-out infinite alternate; }
.ra-roadmap-hud__wave i:nth-child(2){animation-delay:-.12s}.ra-roadmap-hud__wave i:nth-child(3){animation-delay:-.3s}.ra-roadmap-hud__wave i:nth-child(4){animation-delay:-.2s}.ra-roadmap-hud__wave i:nth-child(5){animation-delay:-.43s}.ra-roadmap-hud__wave i:nth-child(6){animation-delay:-.08s}.ra-roadmap-hud__wave i:nth-child(7){animation-delay:-.26s}
@keyframes rr-hud-wave { to { height:18px; } }
.ra-roadmap-hud small { color:var(--ra-success); font-size:.5rem; letter-spacing:.12em; text-transform:uppercase; }

@media (max-width:1200px){
  .ra-roadmap-layout{grid-template-columns:190px minmax(0,1fr);gap:42px}.ra-roadmap-chapter{padding-left:82px}.ra-roadmap-rack{grid-template-columns:repeat(2,minmax(0,1fr))}.ra-roadmap-aura{grid-template-columns:1fr}.ra-roadmap-aura__core{min-height:560px}.ra-roadmap-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.ra-roadmap-chain{flex-wrap:wrap;gap:8px}.ra-roadmap-chain__link{flex-basis:30px}.ra-roadmap-platform__node{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-235px) rotate(calc(var(--a) * -1));}
}
@media (max-width:900px){
  .ra-roadmap-hero__inner{grid-template-columns:1fr}.ra-roadmap-hero__mark{position:absolute;right:-16%;top:22%;width:52%;opacity:.32}.ra-roadmap-hero__copy{position:relative;z-index:2}.ra-roadmap-layout{display:block;padding-top:20px}.ra-roadmap-nav{display:none}.ra-roadmap-track{padding-left:0}.ra-roadmap-spine{left:24px}.ra-roadmap-chapter{min-height:auto;padding:90px 0 100px 76px}.ra-roadmap-node{left:0}.ra-roadmap-chapter__header{grid-template-columns:1fr}.ra-roadmap-chapter__number{display:none}.ra-roadmap-foundation{grid-template-columns:1fr}.ra-roadmap-foundation__core{max-width:470px;margin:auto}.ra-roadmap-product-grid{grid-template-columns:1fr}.ra-roadmap-aura__orb{width:min(48vw,330px)}.ra-roadmap-platform{min-height:620px;transform:scale(.9)}.ra-roadmap-horizon{margin-left:-76px;padding-left:76px}.ra-roadmap-hud{right:12px;bottom:12px;min-width:165px}.ra-roadmap-milestone{grid-template-columns:1fr;gap:7px}.ra-roadmap-focus-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .ra-roadmap-hero{min-height:900px}.ra-roadmap-hero__inner{padding-top:50px;padding-bottom:120px}.ra-roadmap-hero h1{font-size:clamp(3.4rem,16vw,5.2rem)}.ra-roadmap-hero__mark{right:-44%;top:30%;width:90%}.ra-roadmap-scroll-cue{margin-top:34px}.ra-roadmap-chapter{padding-left:62px}.ra-roadmap-spine{left:18px}.ra-roadmap-node{left:-5px;width:47px;height:47px}.ra-roadmap-chapter h2,.ra-roadmap-horizon h2{font-size:clamp(2.7rem,12vw,4.4rem)}.ra-roadmap-focus-grid{grid-template-columns:1fr}.ra-roadmap-product{grid-template-columns:1fr}.ra-roadmap-product__screen{min-height:220px}.ra-roadmap-rack{grid-template-columns:1fr}.ra-roadmap-aura__core{min-height:440px;transform:scale(.78)}.ra-roadmap-capabilities{grid-template-columns:1fr}.ra-roadmap-chain{display:grid;grid-template-columns:1fr}.ra-roadmap-chain__module{min-height:105px}.ra-roadmap-chain__link{width:1px;height:28px;justify-self:center;flex:none}.ra-roadmap-chain__link b{background:linear-gradient(180deg,transparent,var(--rr-cyan),transparent);transform:translateY(-100%)}.ra-roadmap-chapter.is-active .ra-roadmap-chain__link b{animation-name:rr-flow-y}@keyframes rr-flow-y{to{transform:translateY(100%)}}.ra-roadmap-platform{min-height:760px;transform:scale(.72);transform-origin:center}.ra-roadmap-horizon{margin-left:-62px;padding-left:62px}.ra-roadmap-horizon__list{grid-template-columns:1fr}.ra-roadmap-horizon__actions{flex-direction:column;align-items:stretch}.ra-roadmap-horizon__actions .ra-button{width:100%}.ra-roadmap-hud{display:none}.ra-roadmap-statement{padding:28px 20px 28px 26px}.ra-roadmap-milestone{margin-top:45px}.ra-roadmap-hero__field>img{width:130vw;right:-55%;opacity:.13}
}
@media (prefers-reduced-motion:reduce){
  .ra-roadmap-orbit,.ra-roadmap-hero__mark img,.ra-roadmap-foundation__core .r2,.ra-roadmap-foundation__core .r3,.ra-roadmap-aura__halo,.ra-roadmap-platform::before,.ra-roadmap-platform::after{transform:none!important}.ra-roadmap-hud__wave i,.ra-roadmap-scroll-cue i::after,.ra-roadmap-aura__core>i,.ra-roadmap-product__screen::after,.ra-roadmap-chain__link b{animation:none!important}[data-roadmap-reveal]{opacity:1!important;transform:none!important}[data-roadmap-depth]{transform:none!important}
}