.systems-section{position:relative;overflow:hidden;padding:130px 0;background:radial-gradient(circle at 78% 50%,rgba(229,54,223,.27),transparent 22%),linear-gradient(130deg,#130217,#31064f 65%,#540d69);color:#fff}.systems-section:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,black 35%,black 75%,transparent)}.systems-grid{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px}.systems-copy h2{font-size:clamp(2.6rem,4.5vw,4.8rem);line-height:1.03;letter-spacing:-.07em;margin:18px 0 24px}.systems-copy>p:not(.eyebrow){color:#d5bfdb;max-width:480px;font-size:16px}.systems-copy .text-link{display:inline-block;margin-top:20px}.system-map{height:510px;position:relative}.map-node{position:absolute;z-index:1;border:1px solid rgba(255,255,255,.32);background:rgba(21,5,31,.72);backdrop-filter:blur(10px);box-shadow:0 14px 35px rgba(0,0,0,.22);transition:transform .35s ease,border-color .35s ease}.map-node:hover{transform:translateY(-8px) scale(1.04);border-color:var(--lime)}.map-node b{display:block;font-size:14px;letter-spacing:-.03em;line-height:1.15}.map-node i{font:10px 'DM Mono',monospace;font-style:normal;color:var(--lime);margin-top:11px;display:block}.node-core{width:170px;height:170px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border-color:var(--blue);background:radial-gradient(circle at 30% 20%,#a91db1,#35064f 70%);box-shadow:0 0 0 18px rgba(229,54,223,.08),0 0 50px rgba(229,54,223,.48)}.node-core:hover{transform:translate(-50%,-58%) scale(1.04)}.node-core span{font-size:42px;font-weight:800;letter-spacing:-.11em}.node-core small{font:10px 'DM Mono',monospace;color:#fff;text-transform:uppercase;letter-spacing:.08em}.node-software{top:30px;left:13%;padding:18px 22px;border-radius:12px}.node-network{top:78px;right:5%;padding:18px 22px;border-radius:12px}.node-infra{bottom:40px;left:10%;padding:18px 22px;border-radius:12px}.node-security{bottom:20px;right:11%;padding:18px 22px;border-radius:12px}.map-line{position:absolute;height:1px;transform-origin:left;background:linear-gradient(90deg,rgba(229,54,223,.15),var(--blue),rgba(30,229,91,.7));animation:signal 3s ease-in-out infinite}.line-a{width:67%;left:17%;top:47%;transform:rotate(-29deg)}.line-b{width:64%;left:26%;top:53%;transform:rotate(33deg);animation-delay:-1.4s}@keyframes signal{50%{filter:brightness(1.8);opacity:.45}}
.journey-section{padding:125px 0 100px;overflow:hidden;background:var(--paper)}.journey-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:44px}.journey-heading h2{font-size:clamp(3.2rem,5.5vw,5.7rem);line-height:.93;letter-spacing:-.08em;margin:16px 0 0}.journey-heading h2 em{font-weight:400;color:#a412a5}.rail-controls{display:flex;align-items:center;gap:10px}.rail-controls p{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 10px 0 0}.rail-button{width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid var(--ink);color:var(--ink);font-size:20px;cursor:pointer;transition:.25s}.rail-button:hover{background:var(--navy);border-color:var(--navy);color:#fff;transform:translateY(-3px)}.journey-rail{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;padding:5px max(24px,calc((100vw - 1180px)/2)) 35px;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}.journey-rail::-webkit-scrollbar{display:none}.journey-rail:active{cursor:grabbing}.journey-card{flex:0 0 min(79vw,425px);min-height:545px;padding:27px;border-radius:18px;display:flex;flex-direction:column;scroll-snap-align:center;position:relative;overflow:hidden;color:#fff;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.journey-card:hover{transform:translateY(-11px) rotate(-.7deg);box-shadow:0 26px 44px rgba(34,5,46,.23)}.journey-start{background:#2e0949}.journey-build{background:linear-gradient(145deg,#8f158d,#e536df)}.journey-connect{background:linear-gradient(145deg,#082c52,#176b75)}.journey-protect{background:linear-gradient(145deg,#1c2538,#0b0d17)}.journey-grow{background:linear-gradient(145deg,#266b45,#0f342b)}.rail-index,.rail-tag{font:10px 'DM Mono',monospace;letter-spacing:.1em}.rail-index{color:rgba(255,255,255,.72)}.journey-card h3{font-size:clamp(2rem,3vw,2.8rem);letter-spacing:-.07em;line-height:.98;margin:26px 0 16px;max-width:330px}.journey-card p{font-size:14px;line-height:1.55;max-width:330px;color:rgba(255,255,255,.82)}.rail-tag{margin-top:auto;padding-top:16px;border-top:1px solid rgba(255,255,255,.27);color:var(--lime)}.journey-art{height:205px;position:relative;margin:24px -12px 0;overflow:hidden}.art-discover:before{content:'';position:absolute;width:190px;height:190px;border:1px solid var(--lime);border-radius:50%;left:26%;top:3%;box-shadow:0 0 0 27px rgba(229,54,223,.2),0 0 0 57px rgba(255,255,255,.07)}.art-discover i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--lime);z-index:1}.art-discover i:nth-child(1){top:24%;left:29%}.art-discover i:nth-child(2){top:63%;left:63%;background:var(--blue)}.art-discover i:nth-child(3){top:76%;left:38%;background:#fff}.art-build{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;align-items:end;padding:15px}.art-build span{background:rgba(255,255,255,.88);border-radius:9px 9px 2px 2px;animation:buildPulse 2.6s ease-in-out infinite}.art-build span:nth-child(1){height:44%;animation-delay:-.3s}.art-build span:nth-child(2){height:76%;animation-delay:-.8s}.art-build span:nth-child(3){height:58%;animation-delay:-1.3s}@keyframes buildPulse{50%{transform:scaleY(.65);transform-origin:bottom}}.art-connect:before,.art-connect:after{content:'';position:absolute;left:10%;right:10%;top:50%;border-top:1px solid var(--lime);transform:rotate(19deg)}.art-connect:after{transform:rotate(-23deg);border-color:var(--blue)}.art-connect i{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 0 0 7px rgba(30,229,91,.18);animation:nodePulse 2s ease-in-out infinite}.art-connect i:nth-child(1){top:20%;left:17%}.art-connect i:nth-child(2){top:63%;left:38%;animation-delay:-.5s}.art-connect i:nth-child(3){top:23%;right:18%;animation-delay:-1s}.art-connect i:nth-child(4){bottom:19%;right:24%;animation-delay:-1.5s}@keyframes nodePulse{50%{box-shadow:0 0 0 14px rgba(30,229,91,.05)}}.art-protect{display:grid;place-items:center}.art-protect:before{content:'';width:130px;height:150px;background:linear-gradient(135deg,var(--lime),#8df9ad);clip-path:polygon(50% 0,94% 18%,87% 78%,50% 100%,13% 78%,6% 18%);filter:drop-shadow(0 11px 12px rgba(0,0,0,.18))}.art-protect span{position:absolute;color:#163920;font-size:45px;font-weight:800}.art-grow{display:flex;gap:13px;align-items:end;padding:0 25px 22px}.art-grow i{display:block;width:20%;border-radius:14px 14px 3px 3px;background:linear-gradient(#d1f961,var(--lime));animation:grow 3s ease-in-out infinite}.art-grow i:nth-child(1){height:30%;animation-delay:-.4s}.art-grow i:nth-child(2){height:52%;animation-delay:-.8s}.art-grow i:nth-child(3){height:76%;animation-delay:-1.2s}@keyframes grow{50%{transform:translateY(-17px)}}.rail-caption{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font:11px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.rail-progress{width:155px;height:2px;background:var(--line);display:block}.rail-progress i{display:block;width:20%;height:100%;background:linear-gradient(90deg,var(--blue),var(--lime));transition:width .25s ease}
.outcomes-section{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:10%;padding-top:135px;padding-bottom:135px}.outcome-visual{min-height:490px;position:relative;border-radius:20px;background:linear-gradient(145deg,#f1ddf3,#d4ffe0);overflow:hidden;display:grid;place-items:center}.outcome-visual:before,.outcome-visual:after{content:'';position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid rgba(49,6,79,.25)}.outcome-visual:before{left:-164px;bottom:-182px;box-shadow:0 0 0 40px rgba(229,54,223,.1),0 0 0 95px rgba(229,54,223,.05)}.outcome-visual:after{right:-196px;top:-160px;box-shadow:0 0 0 45px rgba(30,229,91,.1),0 0 0 100px rgba(30,229,91,.05)}.outcome-frame{width:min(75%,350px);aspect-ratio:1;position:relative;z-index:1;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 24px 42px rgba(49,6,79,.19);display:grid;place-items:center;animation:frameFloat 6s ease-in-out infinite}.outcome-frame img{width:72%;height:auto;object-fit:contain;image-rendering:auto}.visual-status{position:absolute;bottom:20px;left:20px;font:10px 'DM Mono',monospace;color:#17813d;letter-spacing:.08em}.visual-ping{position:absolute;top:18px;right:18px;width:10px;height:10px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 8px rgba(30,229,91,.17);animation:nodePulse 2s ease-in-out infinite}@keyframes frameFloat{50%{transform:translateY(-15px) rotate(1deg)}}.outcomes-copy h2{font-size:clamp(3rem,4.6vw,4.8rem);margin:17px 0 25px}.outcomes-copy h2 em{color:#a412a5}.outcomes-copy>p:not(.eyebrow){color:var(--muted);font-size:16px}.outcomes-copy ul{list-style:none;padding:0;margin:26px 0}.outcomes-copy li{padding:10px 0;border-top:1px solid var(--line);font-size:14px;font-weight:700}.outcomes-copy li:before{content:'✦';color:var(--blue);margin-right:10px}.outcomes-copy .button{margin-top:8px}
@media(max-width:760px){.systems-section{padding:80px 0}.systems-grid,.outcomes-section{grid-template-columns:1fr;gap:45px}.system-map{height:410px}.node-core{width:130px;height:130px}.node-software{left:0;top:15px}.node-network{right:0;top:55px}.node-infra{left:0;bottom:31px}.node-security{right:0;bottom:0}.map-node{padding:13px!important}.map-node b{font-size:12px}.journey-section{padding:75px 0 56px}.journey-heading{display:block}.rail-controls{margin-top:27px}.rail-controls p{flex:1}.journey-card{flex-basis:84vw;min-height:500px}.rail-caption{margin-top:0}.rail-caption>span:first-child{display:none}.outcomes-section{padding-top:80px;padding-bottom:80px}.outcome-visual{min-height:355px;order:2}.outcomes-copy{order:1}.outcome-frame{width:67%}}@media(prefers-reduced-motion:reduce){.map-line,.art-build span,.art-connect i,.art-grow i,.outcome-frame,.visual-ping{animation:none}.journey-card:hover,.map-node:hover{transform:none}}
@media(min-width:761px){.journey-section.horizontal-ready{height:320vh;padding:0;position:relative}.journey-section.horizontal-ready .journey-sticky{position:sticky;top:80px;height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.journey-section.horizontal-ready .journey-heading{margin-bottom:22px}.journey-section.horizontal-ready .journey-heading h2{font-size:clamp(2.7rem,4.5vw,4.7rem)}.journey-section.horizontal-ready .journey-rail{overflow:hidden;padding-bottom:18px;scroll-snap-type:none}.journey-section.horizontal-ready .journey-card{min-height:min(505px,57vh)}.journey-section.horizontal-ready .journey-art{height:min(180px,20vh);margin-top:15px}.journey-section.horizontal-ready .journey-card h3{font-size:clamp(1.8rem,2.5vw,2.5rem);margin-top:18px}.journey-section.horizontal-ready .rail-caption{margin-top:2px}.journey-section.horizontal-ready:before{content:'SCROLL ↓';position:absolute;top:35px;right:max(24px,calc((100vw - 1180px)/2));font:10px 'DM Mono',monospace;letter-spacing:.14em;color:#a412a5}}
@media(max-width:760px){.journey-sticky{position:relative}.journey-rail{scrollbar-width:thin;scrollbar-color:var(--blue) var(--line);padding-bottom:24px}.journey-rail::-webkit-scrollbar{display:block;height:3px}.journey-rail::-webkit-scrollbar-thumb{background:var(--blue)}}