/* White titanium: a shared visual system for the immersive edition. */
body[data-style=future]{--ink:#142138;--muted:#56647b;--accent:#4e4de2;--button-bg:#343bcc;--soft:#eef2ff;--border:#dce4ef;--tech-cyan:#057f98;--tech-metal:#b0bfd3;--tech-mono:ui-monospace,SFMono-Regular,Consolas,monospace}
[data-style=future] .header{background:#ffffffef}
[data-style=future] .brand-mark{filter:drop-shadow(0 4px 6px #414de529)}
[data-style=future] .button{border-radius:4px;box-shadow:0 5px 0 #232b9616,0 12px 28px #434cc21a}
[data-style=future] .service-card{border-radius:4px;border-top:2px solid #d0dbed;background:linear-gradient(145deg,#fff 35%,#f5f8fe);box-shadow:0 12px 30px #19356c06}
[data-style=future] .service-card:hover{border-top-color:var(--accent);box-shadow:0 16px 35px #19356c12}
[data-style=future] .service-icon{border-radius:5px;box-shadow:3px 4px 0 #dfe5f5;transform:rotate(-5deg)}
[data-style=future] .flow{border-radius:5px;background:linear-gradient(140deg,#f1f5fd,#fff);box-shadow:12px 14px 0 #f5f7fc}
[data-style=future] .proof-item strong{font-weight:550;color:#243564}
[data-style=future] .proof-item{position:relative}
[data-style=future] .proof-item:after{content:'';position:absolute;left:35px;bottom:-18px;width:30px;height:2px;background:linear-gradient(90deg,#555ee4,#36c5d1)}
[data-style=future] .proof-item:first-child:after{left:0}
[data-style=future] .company{background:linear-gradient(180deg,#fbfcff,#fff 50%)}
[data-style=future] .blog-cover{border-radius:4px;border:1px solid #dce4ef;background-image:linear-gradient(120deg,#ffffff70,#ffffff00)}
.experience-hero{--signal:#4e4de2;background:radial-gradient(ellipse at 78% 40%,#eaf2ff9c,transparent 49%),#fff}
.experience-rail{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;font:10px/1.5 var(--tech-mono);letter-spacing:1.5px;color:#526580}
.experience-rail span{display:flex;align-items:center;gap:9px}.experience-rail i,.lab-toolbar i{width:5px;height:5px;display:inline-block;background:#157f92;box-shadow:0 0 0 4px #caecf14f}.experience-rail b{font-size:20px;font-weight:400;margin-left:20px}
.experience-hero .hero-grid{min-height:665px;grid-template-columns:1fr 1.08fr;padding-top:12px;padding-bottom:12px}
.experience-hero .hero-copy{padding-top:8px}
.experience-hero .hero-copy:before{background:radial-gradient(ellipse at 32% 46%,#fff 12%,#ffffffef 52%,#ffffff00 74%);inset:-70px -60px -90px -70px}
.experience-hero h1{font-size:clamp(54px,5.1vw,78px);font-weight:550;letter-spacing:-4px;line-height:1.04;margin-bottom:28px}
.experience-hero h1 em{background:linear-gradient(110deg,#313b8d,#5963e4 48%,#087d98);background-clip:text;color:transparent}
.experience-hero .hero-copy>.eyebrow{letter-spacing:1.4px;font-size:10px;color:#52617a}
.experience-hero .intro{max-width:465px;font-size:15px;line-height:1.9}
.experience-hero .dimension{height:620px;margin-left:-8px;margin-right:-30px}
.experience-hero #space-scene{z-index:2;filter:drop-shadow(0 14px 10px #30457c15)}
.experience-hero .dimension-overlay{z-index:1}
.experience-hero .scene-halo{inset:8%;opacity:1;background:radial-gradient(ellipse,#c0d2ff70,#cff5ff30 50%,transparent 70%)}
.experience-hero .coordinate{display:none}
.experience-hero .orbit-tag{z-index:4;border:1px solid #bccbe4;border-left:2px solid #6f78e1;border-radius:3px;background:#ffffffeb;box-shadow:6px 8px 0 #6c8ab10b,0 10px 30px #213d7d0e;font-size:11px;padding:10px 13px;backdrop-filter:blur(8px)}
.experience-hero .orbit-1{right:0;top:18%;left:auto}.experience-hero .orbit-2{right:0;top:65%}.experience-hero .orbit-3{left:0;bottom:28%}
.experience-hero .scene-controls,.experience-hero .agent-caption{z-index:5;bottom:0}.experience-hero .agent-caption{left:9%}.experience-hero .scene-controls{right:3%}
.experience-hero .agent-caption small{color:#52617a;font-size:10px}
.experience-hero .agent-shadow{bottom:16%;background:#2e609954;filter:blur(16px)}
.hero-capabilities{display:flex;gap:21px;align-items:center;margin-top:32px;font:10px/1.3 var(--tech-mono);letter-spacing:1.1px;color:#526580}
.hero-capabilities span{display:flex;align-items:center;gap:6px}.hero-capabilities i{width:4px;height:4px;border:1px solid #6a89b4}
.experience-hero .hero-note{margin-top:14px;font-size:11px}
.experience-hero .circuit-console{border-radius:4px;margin-top:25px;margin-bottom:18px;border-color:#c9d7e9;border-left:3px solid #6261db;background:#fffffff0;box-shadow:0 10px 30px #384e7307;padding:17px 24px}
.experience-hero .circuit-route-buttons button{border-radius:3px;min-width:65px}
.experience-hero .circuit-route-buttons button[aria-pressed=true]{background:#eaf0fd;border-color:#8a9dd1;color:#343ca5}
.experience-hero .circuit-veil{background:linear-gradient(180deg,#fff 0%,#ffffff00 24%,#ffffff00 88%,#fff 100%)}
.experience-hero .hero-bottom{padding:19px 0 22px;font:10px/1.5 var(--tech-mono)}
.portal{position:absolute;inset:6% 3% 8%;pointer-events:none;z-index:0;perspective:900px}
.portal-disc{position:absolute;inset:10% 8%;border-radius:50%;background:radial-gradient(ellipse,#f7fbff00 32%,#deeaff68 69%,#fff8 70%,#adc2e11f 71%,#fff0 72%);box-shadow:inset 0 0 65px #77abdd17}
.portal-ring{position:absolute;inset:6%;border-radius:50%;border:1px solid #9eaccb80;transform-style:preserve-3d}
.portal-ring:after{content:'';position:absolute;inset:7px;border-radius:50%;border:1px dashed #8fabc16b}
.ring-a{transform:rotateY(-30deg) rotateZ(-20deg);border-top:3px solid #b6c7e7;border-right:4px solid #7c8caf;border-bottom:2px solid #e5ebf5;box-shadow:4px 3px 0 #f9fcff,-2px -1px 0 #a4b4ce,0 0 25px #7698e724;animation:portal-breathe 9s ease-in-out infinite}
.ring-b{inset:0 11%;transform:rotateY(56deg) rotateZ(30deg);border:1px solid #748dc37d;animation:portal-precess 24s linear infinite}
.ring-c{inset:17% -3%;transform:rotateX(58deg) rotateZ(-24deg);border-color:#32a6ba8c;box-shadow:0 0 14px #51c6e412;animation:portal-precess-alt 18s linear infinite}
.portal-axis{position:absolute;left:50%;top:5%;height:90%;width:1px;background:linear-gradient(transparent,#849ab34a,transparent);transform:rotate(35deg)}.axis-b{transform:rotate(-55deg)}
.portal-index{position:absolute;top:0;left:4%;color:#516887;font:9px/1.5 var(--tech-mono);letter-spacing:1px}.index-right{left:auto;right:1%;top:3%;font-size:8px;color:#177b98}
.holo-floor{position:absolute;left:14%;right:9%;height:20%;bottom:10%;transform:perspective(550px) rotateX(66deg);border:1px solid #839dd27a;border-radius:50%;background:radial-gradient(ellipse,#6ba5e929,transparent 67%);box-shadow:0 9px 0 #d6e2f047,0 10px 0 #9cb9d942,0 19px 0 #e6eef94d;z-index:0}
.holo-floor i{position:absolute;inset:15%;border-radius:50%;border:1px dashed #51a3cc99;animation:floor-spin 35s linear infinite}.holo-floor i:nth-child(2){inset:28%;border-style:solid;border-color:#fff}.holo-floor i:nth-child(3){inset:-13%;border:1px solid #95b8de4d}
@keyframes floor-spin{to{transform:rotate(360deg)}}
@keyframes portal-breathe{50%{transform:rotateY(-18deg) rotateZ(-12deg)}}
@keyframes portal-precess{50%{transform:rotateY(70deg) rotateZ(-12deg)}}
@keyframes portal-precess-alt{50%{transform:rotateX(70deg) rotateZ(20deg)}}
/* An exploded, perspective-rendered architecture model. */
.signal-lab{--lab-accent:#575cde;--lab-glow:#969cff38;background:#fff;border-top:1px solid var(--border);padding-top:85px;padding-bottom:90px}
.signal-lab[data-mode="0"]{--lab-accent:#2774c7;--lab-glow:#73b6ec38}.signal-lab[data-mode="1"]{--lab-accent:#17877a;--lab-glow:#5acfbb38}.signal-lab[data-mode="3"]{--lab-accent:#087d9b;--lab-glow:#66d5e938}
.signal-lab .section-head{margin-bottom:37px}.signal-lab h2{font-size:clamp(32px,3.4vw,49px)}.signal-lab .section-intro{max-width:360px;font-size:14px}.signal-lab .eyebrow{font-size:10px;color:#536680}
.lab-shell{border:1px solid #cbd8e8;border-radius:6px;box-shadow:0 26px 65px #263f6510;overflow:hidden;background:#fff}
.lab-toolbar{padding:15px 25px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:#52617a;font-size:11px;letter-spacing:.5px;background:#fafcff}
.lab-toolbar>span{display:flex;align-items:center;gap:10px}.lab-motion{height:34px;width:34px;display:grid;place-items:center;background:#fff;border:1px solid #ccd7e6;border-radius:50%}.lab-motion .icon{width:13px;height:13px}
.lab-layout{display:grid;grid-template-columns:1.55fr 1fr;min-height:525px}
.lab-viewport{position:relative;min-width:0;min-height:525px;overflow:hidden;perspective:1100px;background:radial-gradient(ellipse at 52% 42%,#e8f0ff,#f8fbff 57%,#fff 90%)}
.lab-viewport:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#ffffff66,transparent 18%,transparent 82%,#fff9)}
.lab-coordinates{position:absolute;left:25px;right:25px;top:24px;display:flex;justify-content:space-between;font:9px/1.6 var(--tech-mono);letter-spacing:1px;color:#687b94;z-index:2}
.lab-plane{position:absolute;width:620px;height:430px;left:50%;top:45%;margin:-215px 0 0 -310px;background:repeating-linear-gradient(0deg,transparent 0 29px,#98b1d01a 29px 30px),repeating-linear-gradient(90deg,transparent 0 29px,#98b1d01a 29px 30px),#f1f6fdba;border:1px solid #aebfd878;box-shadow:0 7px 0 #e1e9f3,0 8px 0 #b8c8dd,0 16px 0 #e9eff6,0 17px 0 #cad6e5,20px 65px 80px #465d8c26;transform-style:preserve-3d;transform:rotateX(calc(48deg + var(--pointer-y,0deg))) rotateZ(calc(-28deg + var(--pointer-x,0deg))) scale(.87);transition:transform .5s ease}
.lab-traces{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:#849fcf;stroke-width:1.5}.lab-traces>g:first-child{opacity:.52}.trace-current{stroke:var(--lab-accent);stroke-width:3;stroke-dasharray:14 190;filter:drop-shadow(0 0 4px var(--lab-accent));animation:signal-travel 5s linear infinite}.trace-nodes{stroke:var(--lab-accent);fill:#fff;stroke-width:3}
.lab-stack{position:absolute;left:50%;top:50%;width:200px;height:170px;margin:-85px 0 0 -100px;transform-style:preserve-3d}
.stack-layer{position:absolute;inset:0;border:1px solid #91a6c79c;background:linear-gradient(135deg,#ffffffcf,#c8d9ec60);box-shadow:0 4px 0 #a8bdd5a6,0 7px 0 #f4f9ffe3,15px 20px 35px #4c6b9229;transform-style:preserve-3d;backdrop-filter:blur(2px)}
.stack-layer span{position:absolute;left:13px;bottom:9px;font:9px/1.5 var(--tech-mono);color:#40536e}.stack-layer i{position:absolute;inset:15px;border:1px dashed #8fa9c96b}
.layer-0{transform:translateZ(100px)}.layer-1{transform:translateZ(68px);inset:-12px}.layer-2{transform:translateZ(36px);inset:-24px;background:#dae5f787}.layer-3{transform:translateZ(4px);inset:-36px}
.signal-lab[data-mode="0"] .layer-0,.signal-lab[data-mode="1"] .layer-3,.signal-lab[data-mode="2"] .layer-2,.signal-lab[data-mode="3"] .layer-1{border-color:var(--lab-accent);box-shadow:0 4px 0 var(--lab-accent),0 0 35px var(--lab-glow),15px 20px 35px #4c6b9229}
.lab-core{position:absolute;inset:35px 50px;transform:translateZ(135px);background:linear-gradient(125deg,#405474,#0e1d32 70%,#526b87);color:#fff;border:2px solid #b7c9e1;box-shadow:0 5px 0 #26394f,0 7px 0 #a7c0dc,0 12px 0 #142c49,0 15px 0 #839bbe,0 0 35px var(--lab-glow);display:flex;align-items:center;justify-content:center;flex-direction:column;animation:core-levitate 7s ease-in-out infinite}
.lab-core>span{font:700 48px/1 var(--heading);text-shadow:0 0 15px #79b5ffb0}.lab-core small{font:7px/2 var(--tech-mono);letter-spacing:1.5px;color:#b6e6ff}.lab-core:before,.lab-core:after{content:'';position:absolute;left:-11px;top:12px;bottom:12px;width:8px;background:repeating-linear-gradient(#bdcee6 0 3px,transparent 3px 8px)}.lab-core:after{left:auto;right:-11px}
.lab-rack{position:absolute;width:115px;transform:translateZ(18px);transform-style:preserve-3d}.rack-left{left:29px;top:29px}.rack-right{right:20px;bottom:22px}
.rack-unit{height:28px;border:1px solid #a4b8d1;border-bottom:5px solid #94aaca;background:linear-gradient(110deg,#fff,#c2d2e8 64%,#e6eef9);box-shadow:7px 5px 0 #bdcbe0;display:flex;align-items:center;gap:5px;padding:4px 8px;margin-bottom:3px}.rack-unit>span{height:8px;width:38px;background:repeating-linear-gradient(90deg,#527096 0 3px,#1a3355 3px 6px)}.rack-unit i{height:3px;width:3px;border-radius:50%;background:#159fb2;box-shadow:0 0 5px #60d4dd;animation:port-blink 2.7s steps(2,end) infinite}.rack-unit:nth-child(even) i{animation-delay:1.1s}.rack-unit b{font:6px var(--tech-mono);color:#516682;margin-left:auto}
.plane-label{position:absolute;font:9px/1.2 var(--tech-mono);letter-spacing:1.5px;color:#526889;transform:translateZ(4px)}.label-web{left:18px;top:165px}.label-api{right:28px;top:58px}.label-erp{left:65px;bottom:43px}.label-ai{right:160px;bottom:50px}
.lab-reticle{position:absolute;inset:54px 25px 57px;pointer-events:none}.lab-reticle span{position:absolute;font:18px/1 var(--tech-mono);color:#94aac5}.lab-reticle span:nth-child(2){right:0}.lab-reticle span:nth-child(3){bottom:0}.lab-reticle span:nth-child(4){bottom:0;right:0}
.lab-floor-note{position:absolute;bottom:22px;left:25px;right:25px;font:11px/1.5 var(--font);display:flex;justify-content:space-between;color:#526580}.lab-floor-note span{color:var(--lab-accent)}
.lab-panel{padding:30px;border-left:1px solid #dce4ef;display:flex;flex-direction:column;justify-content:center;min-width:0}
.lab-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:30px}.lab-tabs button{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;border:1px solid #d8e1ed;background:#fff;padding:12px 10px;font:600 12px/1.3 var(--font);color:#56677d;min-height:66px;transition:border-color .2s,background .2s}.lab-tabs button>span{font:8px/1 var(--tech-mono);color:#6d7c90}.lab-tabs button .icon{position:absolute;right:7px;top:10px;width:12px;height:12px}.lab-tabs button[aria-pressed=true]{color:var(--lab-accent);border-color:var(--lab-accent);background:linear-gradient(135deg,#fff,var(--lab-glow));box-shadow:inset 0 -2px var(--lab-accent)}
.lab-section-code{font:9px/1.5 var(--tech-mono);letter-spacing:1px;color:var(--lab-accent);margin-bottom:18px}
.lab-description h3{font-size:29px;font-weight:500;letter-spacing:-.9px;line-height:1.25;margin-bottom:19px}.lab-description>p:last-child{font-size:14px;line-height:1.85;color:var(--muted)}
.lab-service-link{margin-top:26px;color:var(--lab-accent);font-size:12px;align-self:flex-start}
.lab-workflow{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #dce4ef;background:#f8faff}.lab-workflow>div{display:flex;gap:12px;align-items:center;padding:23px 20px;border-right:1px solid #dce4ef;min-width:0}.lab-workflow>div:last-child{border-right:0}.lab-workflow span{font:9px/1.3 var(--tech-mono);color:var(--lab-accent)}.lab-workflow strong{font-size:12px;font-weight:500;line-height:1.5}.lab-workflow .icon{margin-left:auto;width:15px;height:15px;color:var(--lab-accent)}
.lab-disclaimer{border-top:1px solid #dce4ef;padding:13px 25px;color:#607087;font-size:10px;line-height:1.8}
@keyframes signal-travel{to{stroke-dashoffset:-408}}
@keyframes core-levitate{50%{transform:translateZ(146px)}}
@keyframes port-blink{50%{opacity:.35}}
.motion-paused *,.is-offscreen *{animation-play-state:paused!important}
@media(min-width:761px) and (max-width:1100px){.experience-hero .hero-grid{grid-template-columns:1fr 1fr;min-height:610px}.experience-hero .dimension{height:520px;margin-right:-15px}.experience-hero h1{font-size:55px;letter-spacing:-2.5px}.experience-hero .hero-copy>.eyebrow{font-size:9px}.experience-hero .orbit-tag{font-size:9px;padding:7px}.experience-hero .orbit-3{left:0;bottom:23%}.experience-hero .agent-caption{left:4%}.lab-layout{grid-template-columns:1.2fr 1fr}.lab-panel{padding:23px}.lab-plane{transform:rotateX(48deg) rotateZ(-28deg) scale(.65)}.lab-description h3{font-size:25px}.lab-workflow>div{padding:20px 12px;gap:8px}.lab-workflow strong{font-size:11px}.lab-tabs{gap:4px}.lab-tabs button{padding:12px 8px}}
@media(max-width:760px){.experience-rail{padding-top:19px;font-size:8px;letter-spacing:.8px}.experience-rail>span:last-child{display:none}.experience-hero .hero-grid{display:flex;flex-direction:column;min-height:0;padding-top:37px;padding-bottom:12px}.experience-hero .hero-copy{width:100%;padding:0}.experience-hero h1{font-size:clamp(43px,7.8vw,65px);letter-spacing:-2px;line-height:1.09;margin-bottom:24px}.experience-hero .hero-copy>.eyebrow{font-size:9px;margin-bottom:19px}.experience-hero .intro{font-size:14px;line-height:1.85;max-width:550px}.experience-hero .hero-actions{margin-top:25px;gap:24px}.experience-hero .hero-actions .button{font-size:13px;padding:14px 18px}.hero-capabilities{margin-top:26px;gap:22px}.experience-hero .hero-note{margin-top:12px}.experience-hero .dimension{height:500px;width:100%;max-width:550px;margin:35px 0 0}.experience-hero .circuit-console{margin-top:17px;padding:18px}.experience-hero .orbit-1{right:0;top:20%}.experience-hero .orbit-2{right:0;top:66%}.experience-hero .orbit-3{left:0;bottom:25%}.experience-hero .orbit-tag{font-size:10px;padding:8px;gap:6px}.experience-hero .agent-caption{left:1%;bottom:0}.experience-hero .scene-controls{right:0;bottom:0}.experience-hero .circuit-veil{background:linear-gradient(#fff 0%,#ffffffc9 35%,#ffffff00 52%,#fff 100%)}.experience-hero .hero-bottom{font-size:8px;letter-spacing:1px}.experience-hero .hero-copy:before{inset:-20px;background:#fff;filter:blur(25px)}.portal-index{font-size:8px;left:0}.index-right{left:auto;right:0;font-size:7px}.signal-lab{padding-block:60px}.signal-lab .section-head{align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:28px}.signal-lab .section-intro{max-width:100%}.signal-lab h2{font-size:34px;letter-spacing:-1.2px}.lab-layout{grid-template-columns:1fr}.lab-viewport{min-height:390px}.lab-panel{border-left:0;border-top:1px solid #dce4ef;padding:25px}.lab-plane{transform:rotateX(48deg) rotateZ(-28deg) scale(.68);top:49%}.lab-toolbar{padding:12px 18px;font-size:10px}.lab-coordinates{left:18px;right:18px;font-size:8px}.lab-reticle{inset:52px 18px}.lab-floor-note{left:18px;right:18px;font-size:10px}.lab-tabs{margin-bottom:24px;gap:9px}.lab-tabs button{min-height:64px}.lab-description h3{font-size:28px}.lab-workflow{grid-template-columns:repeat(2,1fr)}.lab-workflow>div{padding:18px 14px;border-bottom:1px solid #dce4ef;gap:8px}.lab-workflow>div:nth-child(2){border-right:0}.lab-workflow>div:nth-child(n+3){border-bottom:0}.lab-workflow strong{font-size:11px}.lab-disclaimer{padding:14px 18px;font-size:10px}}
@media(max-width:480px){.experience-hero .dimension{height:400px;margin-top:30px}.experience-hero .agent-caption small{max-width:130px;font-size:9px}.experience-hero .scene-controls>span{max-width:95px}.experience-hero .scene-controls{font-size:9px;gap:7px}.experience-hero .orbit-tag{font-size:9px;padding:7px}.experience-hero .hero-actions .text-link{font-size:12px}.lab-viewport{min-height:330px}.lab-plane{transform:rotateX(48deg) rotateZ(-28deg) scale(.49)}.lab-panel{padding:22px 18px}.lab-tabs{gap:5px}.lab-description h3{font-size:25px}.signal-lab h2{font-size:30px}}
@media(max-width:360px){.experience-hero h1{font-size:39px}.experience-hero .dimension{height:350px}.experience-hero .agent-caption{gap:6px;font-size:9px}.experience-hero .agent-caption small{max-width:107px;font-size:8px}.experience-hero .orbit-tag{font-size:8px;padding:6px}.experience-hero .hero-actions{gap:15px}.experience-hero .hero-actions .button{padding:13px;font-size:12px}.experience-hero .hero-actions .text-link{font-size:11px}.lab-plane{transform:rotateX(48deg) rotateZ(-28deg) scale(.42)}.lab-tabs button{font-size:11px}.lab-tabs button .icon{width:10px;height:10px}.lab-workflow strong{font-size:10px}}
@media(prefers-reduced-motion:reduce){.experience-hero *,.signal-lab *{animation:none!important;transition:none!important}.lab-plane{--pointer-x:0deg;--pointer-y:0deg}}