/* The V3 reference is composed as continuous, monumental scenes. */
.cinematic-section{isolation:isolate;overflow:clip;border-top:1px solid #9fc9ff29;background:#061632 url('./cinematic-architecture.webp') center/cover no-repeat;position:relative}
.cinematic-section:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#031229a6,transparent 65%),linear-gradient(0deg,#03132a77,transparent 22%)}
.cinematic-section .section-heading h2{color:#fff6e3;font-weight:690;letter-spacing:-.061em;line-height:.99}
.cinematic-section h2 span{color:#ff6046}.cinematic-section .eyebrow{font-size:9px;color:#dce4ee;letter-spacing:.21em}
.portal-services{height:850px;padding:90px 0;min-height:750px;background-position:center}.portal-services>.wrap{height:100%;position:relative}
.portal-services .section-top,.portal-services .section-heading{position:relative;z-index:4;display:block;width:32%;margin:0}.portal-services .section-top>.micro{display:none}.portal-services .section-heading h2{font-size:clamp(62px,5.7vw,86px);margin:24px 0 20px}.portal-services .section-heading>p{font-size:17px;color:#dde5f4;line-height:1.5}.service-main-cta{position:relative;z-index:4;margin-top:25px;min-height:48px;padding:13px 24px;font-size:13px;gap:15px}
.service-spatial{position:absolute;left:31%;right:-3%;top:-70px;bottom:-60px;width:auto;height:auto;margin:0;z-index:1}
.service-list{position:absolute;left:35%;right:0;bottom:60px;gap:32px;z-index:3;pointer-events:none}.service-list article{border:0;padding:12px 10px;background:linear-gradient(0deg,#08244ab3,transparent);border-radius:3px;pointer-events:auto}.service-list article>.micro{display:none}.service-list h3{font-size:24px;font-weight:600;color:#fff3da;margin:0 0 10px;letter-spacing:-.04em}.service-list p{font-size:13px;line-height:1.55;color:#e2e9f8;margin:0 0 6px}.service-list .text-link{font-size:10px;line-height:1.4;border:0;min-height:35px;color:#cfdef5}
.portal-solutions{padding:90px 0 100px;background-position:62% center}.portal-solutions .section-heading{grid-template-columns:1.7fr 1fr;gap:90px;margin:0 0 38px;align-items:start}.portal-solutions .section-heading h2{font-size:clamp(58px,5.5vw,80px)}.portal-solutions .section-heading>p{font-size:14px;max-width:265px;margin-left:auto;padding-top:12px;color:#dde7fb}.problem-tabs{gap:5px 16px;margin-bottom:25px}.problem-tabs button{border:0;background:#051a3566;border-radius:30px;font-size:12px;padding:13px 20px;min-height:46px}.problem-tabs button[aria-selected=true]{box-shadow:0 0 25px #fff2d322}.demo-console{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:32px;align-items:start;perspective:1600px}.demo-console-main{min-width:0;filter:drop-shadow(0 20px 25px #00204c55)}.problem-panel{border:1px solid #b6d7ff9e;background:linear-gradient(120deg,#254e8680,#09234bbb);box-shadow:0 0 23px #91c4ff20,inset 0 0 30px #82b7ff0a;border-radius:12px;padding:29px;backdrop-filter:blur(14px)}.case-intro{grid-template-columns:1.1fr 1fr;gap:14px 24px;margin-bottom:22px}.case-intro h3{font-size:27px}.case-intro>p{font-size:12px;line-height:1.75}.case-intro>.micro{font-size:8px;letter-spacing:.08em}.integration-stage{grid-template-columns:155px 25px 1fr;gap:10px}.source-stack>div{padding:16px 12px;background:#1f4a7966;border:1px solid #afd4ff29}.source-stack strong{font-size:13px}.source-stack small{font-size:10px}.joined-view{padding:22px 18px;background:#071d4099;border:1px solid #b5d8ff33;min-height:210px}.joined-view>p{font-size:15px}.joined-row{font-size:12px;gap:15px}.joined-row small{font-size:10px}.case-actions>span{font-size:10px}.case-actions .ghost-action{font-size:12px}.problem-panel .case-note{font-size:11px}.demo-previews{display:grid;gap:18px;padding-top:2px}.demo-preview{width:100%;border:1px solid #bbd9ffb3;border-radius:10px;background:#071b3d;overflow:hidden;padding:0;box-shadow:0 0 18px #8dc4ff18;transition:transform .25s,border-color .25s;text-align:left}.demo-preview:hover{transform:translateY(-4px);border-color:#fff2d4}.demo-preview img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover}.demo-preview>span{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;color:#f6eedf}.demo-preview b{font-weight:400;font-size:20px}.demo-previews>p{font-size:10px;line-height:1.7;color:#d6e3f6;margin-top:-5px}.solution-cta{background:#061b3b66;padding:18px 22px;border-top:1px solid #abd1ff2d;border-radius:0 0 10px 10px;margin-top:28px;backdrop-filter:blur(8px)}.solution-cta p{font-size:14px}.solution-cta .button{font-size:13px;min-height:48px;padding:13px 22px}
.portal-lab{height:900px;min-height:780px;isolation:isolate;background:#06132b}.lab-atmosphere{background:linear-gradient(90deg,#02112682,transparent 65%),url('./cinematic-architecture.webp') center/cover;z-index:-3}.lab-scene{z-index:2;pointer-events:none}.lab-copy{z-index:1;padding:110px 0 330px;width:calc(100% - 112px)}.lab-copy .eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:35px}.lab-copy h2{font-size:clamp(54px,5.4vw,79px);max-width:580px;margin-bottom:27px;letter-spacing:-.055em;line-height:.99}.lab-copy>p:not(.eyebrow){font-size:15px;max-width:390px}.connected-word{font-size:17.8vw;line-height:1;font-weight:710;letter-spacing:-.077em;color:#fff3d8;position:absolute;left:0;right:0;top:47%;pointer-events:none;white-space:nowrap;text-shadow:0 8px 45px #02133044}.connected-word>span{color:#ff6046}.experience-modes,.lab-actions{position:relative;z-index:4}.experience-modes{position:absolute;bottom:75px;left:0;max-width:630px;margin:0}.experience-modes button{font-size:11px;background:#04142de6;border-color:#b6d7ff55}.lab-actions{position:absolute;bottom:135px;left:0;margin:0;gap:15px}.lab-actions .button{min-height:46px;padding:13px 22px;font-size:12px;gap:15px}.lab-actions .quiet-action{font-size:10px;color:#d9e5fa}.scene-caption{z-index:4;right:55px;bottom:45px;font-size:8px;color:#d6e1f4}
.portal-worlds{height:860px;padding:95px 0 80px;background-position:62% center}.portal-worlds>.wrap{height:100%;position:relative}.portal-worlds .section-top,.portal-worlds .section-heading{position:relative;z-index:3;display:block;width:35%;margin:0}.portal-worlds .section-top>.micro{display:none}.portal-worlds .section-heading h2{font-size:clamp(55px,5vw,74px);margin:25px 0 20px}.world-subtitle{display:block;font-size:25px;font-weight:400;color:#fff5e2;margin-bottom:10px;letter-spacing:-.04em}.portal-worlds .section-heading>p{font-size:15px;color:#e2e9f6}.world-portals{position:absolute;left:33%;right:-4%;top:-85px;bottom:-50px;height:auto;margin:0;z-index:1}.world-selection{position:absolute;bottom:65px;left:0;width:36%;z-index:3;border:0;gap:0 20px}.world-selection button{font-size:10px;gap:6px;min-height:42px;color:#dce6f5}.world-selection-copy{display:flex;flex-direction:column;align-items:start;gap:17px;position:relative;z-index:3;width:33%;margin:34px 0 0}.world-selection-copy .micro{font-size:8px}.world-selection-copy h3{font-size:23px;margin:6px 0}.world-selection-copy p{font-size:12px;max-width:310px}.world-selection-copy>div:last-child{align-items:start;gap:10px}.world-selection-copy .button{font-size:12px;padding:13px 22px;gap:15px;min-height:48px}.world-selection-copy .quiet-action{font-size:10px;color:#dae5f8}.portal-worlds .world-note{position:absolute;z-index:3;bottom:5px;left:0;width:90%;max-width:800px;font-size:10px;color:#c5d6ec;margin:0;line-height:1.6;background:#03152b88;padding:8px 12px;border-radius:5px}
.portal-process{height:830px;padding:90px 0;background-position:62% center}.portal-process>.wrap{height:100%;position:relative}.portal-process .eyebrow,.portal-process .section-heading{position:relative;z-index:3;width:40%}.portal-process .section-heading{display:block;margin:25px 0}.portal-process .section-heading h2{font-size:clamp(53px,5vw,74px);margin:0 0 22px}.portal-process .section-heading>p{font-size:15px;max-width:370px;color:#e1e9f6}.process-layout{display:block}.process-scene{position:absolute;left:36%;right:-3%;top:-45px;bottom:25px;height:auto;z-index:1;pointer-events:none}.process-copy{position:relative;z-index:3;width:37%;padding-top:25px}.stellar-steps{gap:3px 13px;display:flex;flex-wrap:wrap}.stellar-steps button{background:#04182e88;border:0;border-bottom:1px solid #aed4ff66;font-size:10px;padding:9px 0;min-height:38px}.stellar-story{margin:25px 0 15px}.stellar-story h3{font-size:24px;color:#fff1da}.stellar-story p{font-size:13px;line-height:1.7;min-height:0;margin-top:12px;color:#dce6f6}.process-copy>.text-link{font-size:12px}.process-copy>.quiet-action{display:block;font-size:10px;color:#d4e2f5}.orbit-label{position:absolute;z-index:2;font-size:12px;font-weight:550;color:#fff1d8;text-shadow:0 2px 10px #041429;pointer-events:none}.orbit-idea{left:48%;top:10%}.orbit-concept{right:12%;top:46%}.orbit-build{right:18%;bottom:19%}
.contact-section{background:linear-gradient(90deg,#061932d9,#05142bea),url('./cinematic-architecture.webp') center bottom/cover}.inquiry-form{backdrop-filter:blur(10px);background:#12336770;border:1px solid #98c6ff66;box-shadow:0 0 35px #80b2ff0d}.site-footer{border-top-color:#98c6ff44}.faq-section{background:#06142c}
@media(min-width:1600px){.portal-services,.portal-worlds{height:950px}.portal-process{height:900px}.portal-lab{height:1000px}.service-list{bottom:180px}.portal-services .section-heading h2{font-size:95px}}
@media(max-width:1100px) and (min-width:801px){.portal-services{height:740px;padding:75px 0}.portal-services .section-heading h2{font-size:60px}.service-list{bottom:140px;gap:12px;left:35%;right:-1%}.service-list h3{font-size:19px}.service-list p{font-size:11px}.service-list .text-link{font-size:9px}.demo-console{grid-template-columns:minmax(0,1fr) 240px;gap:20px}.case-intro{grid-template-columns:1fr;gap:15px}.integration-stage{grid-template-columns:130px 20px 1fr}.portal-worlds{height:780px;padding:80px 0}.portal-worlds .section-heading h2{font-size:53px}.world-selection{width:42%;bottom:35px}.world-selection-copy{width:35%;margin-top:25px}.world-selection-copy .button{font-size:11px;padding:12px 18px}.portal-process{height:800px}.portal-process .section-heading h2{font-size:54px}.lab-copy{width:calc(100% - 64px)}.lab-copy h2{font-size:59px}.lab-actions{gap:10px}}
@media(max-width:800px), (max-width:1000px) and (max-height:500px){.cinematic-section{background-size:auto 900px;background-position:60% top}.cinematic-section:before{background:linear-gradient(180deg,#04132bd9,transparent 70%),linear-gradient(0deg,#04162cee,transparent 30%)}.portal-services,.portal-worlds,.portal-process{height:auto;min-height:0;padding:65px 0}.portal-services>.wrap,.portal-worlds>.wrap,.portal-process>.wrap{height:auto}.portal-services .section-top,.portal-services .section-heading,.portal-worlds .section-top,.portal-worlds .section-heading,.portal-process .eyebrow,.portal-process .section-heading{width:100%}.portal-services .section-heading h2,.portal-worlds .section-heading h2,.portal-process .section-heading h2{font-size:clamp(42px,7vw,65px);margin:20px 0}.portal-services .section-heading>p{font-size:16px}.service-main-cta{margin:0 0 12px;font-size:12px}.service-spatial{position:relative;inset:auto;width:100%;height:450px;margin:5px 0 15px;z-index:1}.service-list{position:relative;inset:auto;width:100%;gap:18px;margin-top:-110px;z-index:3;pointer-events:auto}.service-list article{padding:20px 12px;background:linear-gradient(0deg,#031a3aee,#071c3677);border:1px solid #b7d7ff29;backdrop-filter:blur(6px)}.service-list h3{font-size:21px;line-height:1.1}.service-list p{font-size:12px}.service-list .text-link{font-size:10px}.portal-solutions{padding:65px 0;background-size:auto 1000px}.portal-solutions .section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.portal-solutions .section-heading h2{font-size:clamp(42px,7vw,65px)}.portal-solutions .section-heading>p{font-size:14px;margin:0;max-width:550px;padding:0}.problem-tabs{gap:6px}.problem-tabs button{font-size:11px;padding:12px 13px}.demo-console{grid-template-columns:1fr;gap:22px}.problem-panel{padding:25px}.case-intro{grid-template-columns:1fr;gap:15px}.case-intro h3{font-size:29px}.case-intro>p{font-size:14px}.case-intro>.micro{font-size:8px}.integration-stage{grid-template-columns:1fr;gap:15px}.source-stack{grid-template-columns:repeat(3,1fr)}.source-stack strong{font-size:12px}.joined-view{min-height:150px}.demo-previews{grid-template-columns:1fr 1fr;gap:15px}.demo-preview>span{font-size:11px;padding:12px}.demo-previews>p{grid-column:1/-1;font-size:10px}.solution-cta{padding:20px;align-items:start;gap:18px}.solution-cta p{font-size:14px}.portal-lab{height:auto;min-height:0;padding:65px 0;display:flex;flex-direction:column;overflow:clip}.lab-atmosphere{background:linear-gradient(180deg,#04142be0,transparent 65%),url('./cinematic-architecture.webp') 57% center/auto 100%;z-index:-3}.lab-copy{display:contents}.lab-copy .eyebrow,.lab-copy h2,.lab-copy>p:not(.eyebrow){order:0;width:calc(100% - 40px);max-width:none;margin-inline:auto}.lab-copy h2{font-size:clamp(41px,7vw,65px);margin-bottom:20px;line-height:1.02}.lab-copy>p:not(.eyebrow){font-size:14px}.lab-scene{position:relative;inset:auto;width:100%;height:420px;z-index:2;order:1}.connected-word{top:43%;left:20px;right:20px;font-size:19vw;z-index:1;pointer-events:none}.experience-modes,.lab-actions{position:relative;inset:auto;order:2;z-index:3;margin-inline:auto;width:calc(100% - 40px);margin-top:16px;max-width:none}.experience-modes{justify-content:start;gap:6px}.experience-modes button{font-size:11px;padding:12px 15px;min-height:44px}.lab-actions{flex-wrap:wrap;gap:12px}.lab-actions .button{font-size:12px}.lab-actions .quiet-action{font-size:10px}.world-portals{position:relative;inset:auto;width:100%;height:420px;z-index:1;margin:20px 0 10px}.world-selection{position:relative;inset:auto;width:100%;border-top:1px solid #b1d0ff4a;padding-top:12px;margin-top:15px;gap:0 18px}.world-selection button{font-size:11px;min-height:44px}.world-selection-copy{position:relative;inset:auto;width:100%;margin-top:25px;gap:18px}.world-selection-copy p{font-size:13px;max-width:650px}.world-selection-copy h3{font-size:27px}.world-selection-copy .micro{font-size:9px}.world-selection-copy .button{font-size:13px;min-height:49px}.world-subtitle{font-size:24px}.portal-worlds .section-heading>p{font-size:14px}.portal-worlds .world-note{position:relative;inset:auto;width:100%;margin-top:25px;font-size:11px;padding:0;background:none}.process-scene{position:relative;inset:auto;width:100%;height:420px;z-index:1;margin-top:20px}.process-layout{display:flex;flex-direction:column}.process-copy{position:relative;inset:auto;width:100%;padding-top:20px}.stellar-steps{gap:5px 16px}.stellar-steps button{font-size:11px;min-height:44px}.stellar-story h3{font-size:27px}.stellar-story p{font-size:14px}.portal-process .section-heading>p{font-size:14px;max-width:650px}.process-copy .quiet-action{font-size:11px}.orbit-label{font-size:10px}.orbit-idea{top:17%}.orbit-build{bottom:20%}.orbit-concept{right:7%}}
@media(max-width:480px){.portal-services,.portal-worlds,.portal-process,.portal-solutions{padding:55px 0}.portal-services .section-heading h2,.portal-worlds .section-heading h2,.portal-process .section-heading h2,.portal-solutions .section-heading h2{font-size:clamp(36px,10vw,48px)}.service-spatial{height:350px;margin-inline:-10px;width:calc(100% + 20px)}.service-list{grid-template-columns:1fr;margin:0;gap:12px}.service-list article{padding:19px 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.service-list h3{font-size:23px;margin:0;grid-column:1/-1}.service-list p{font-size:13px;margin:0}.service-list .text-link{font-size:11px;align-self:end;justify-self:end}.problem-panel{padding:20px}.case-intro h3{font-size:27px}.case-intro>.micro{font-size:7px}.case-intro>p{font-size:13px}.source-stack{grid-template-columns:1fr}.source-stack>div{padding:12px 15px}.source-stack strong{font-size:13px}.source-stack small{font-size:11px}.joined-view{padding:17px;gap:13px}.joined-row{grid-template-columns:1fr;font-size:14px}.joined-row small{font-size:11px}.case-actions .ghost-action{font-size:12px}.case-actions>span{font-size:11px}.demo-previews{gap:10px}.demo-preview>span{font-size:10px;padding:10px;gap:4px}.demo-preview b{font-size:16px}.demo-previews>p{font-size:9px}.lab-copy h2{font-size:clamp(36px,10vw,48px)}.lab-scene{height:330px}.connected-word{font-size:19vw;top:44%;left:20px;right:20px;letter-spacing:-.077em}.experience-modes button{font-size:10px;padding:12px 13px}.lab-actions .button{font-size:11px;padding:13px 18px}.world-portals{height:350px;margin-inline:-10px;width:calc(100% + 20px)}.world-selection-copy h3{font-size:25px}.world-subtitle{font-size:22px}.world-selection button{font-size:10px}.process-scene{height:350px}.stellar-story h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.demo-preview{transition:none}.demo-preview:hover{transform:none}}

/* The original-world project gets the same atmosphere without changing its controls. */
.world-project .world-story{position:relative;isolation:isolate}
.world-project .world-story:before{content:'';position:absolute;z-index:-1;inset:0 calc((100% - 100vw)/2);background:linear-gradient(180deg,#04132bc9,#04132bf2),url('./cinematic-architecture.webp') center/cover;pointer-events:none}
.world-project .world-region-list article{background:linear-gradient(145deg,#17345d88,#04162aaf);border:1px solid #b0d4ff6b;box-shadow:0 0 24px #8bbfff12;overflow:hidden;backdrop-filter:blur(10px)}
.world-project .world-cover{width:calc(100% + 64px);max-width:none;height:260px;object-fit:cover;margin:-32px -32px 26px}
.world-project .world-region-list h3{color:#fff3dc}
@media(max-width:800px), (max-width:1000px) and (max-height:500px){.world-project .world-cover{height:220px}}
@media(max-width:480px){.world-project .world-cover{width:calc(100% + 44px);height:200px;margin:-22px -22px 22px}}

/* Image materials are layered in the same interactive, reflected scene. */
.service-spatial .service-fallback{background:url('./cinematic-services-render.webp') center/contain no-repeat}
.service-spatial .service-fallback i{display:none}
.lab-scene .portal-fallback{background:url('./cinematic-lab-render.webp') 66% center/auto 90% no-repeat}
.process-scene .constellation-fallback{height:100%;background:url('./cinematic-process-render.webp') center/contain no-repeat}
@media(max-width:800px), (max-width:1000px) and (max-height:500px){.lab-scene .portal-fallback{background-position:center}}

@media(min-width:1001px), (min-width:801px) and (min-height:501px){.portal-lab{display:block}.lab-copy{z-index:auto}.lab-copy h2,.lab-copy>p{position:relative;z-index:3}.lab-copy h2{max-width:640px}.connected-word{z-index:auto;top:51%;font-size:18.4vw}.connected-word .connected-front{position:relative;z-index:3;color:#fff3d8}.connected-word .connected-behind{position:relative;z-index:1;color:#fff3d8}.connected-word .connected-dot{color:#ff6046}.portal-process .section-heading{width:49%}}
@media(max-width:800px), (max-width:1000px) and (max-height:500px){.connected-word>span{color:#fff3d8}.connected-word .connected-dot{color:#ff6046}}

.overview-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}
.overview-metrics>div{background:linear-gradient(135deg,#3b67a04f,#0b214555);border:1px solid #acd0ff16;padding:17px 12px;border-radius:6px}
.overview-metrics strong{display:block;font-size:27px;font-weight:550;color:#fff3df;line-height:1.15}
.overview-metrics span{display:block;font-size:10px;line-height:1.4;color:#dce7f7;margin-top:7px}
.overview-bars{display:grid;gap:12px;margin:0 0 26px;padding:18px;border-radius:6px;background:#173c6659}
.overview-bars>div{display:grid;grid-template-columns:130px minmax(40px,1fr) 40px;gap:14px;align-items:center;font-size:11px;color:#f4eddf}
.overview-bars i{height:11px;border-radius:30px;background:#597da54d;overflow:hidden}
.overview-bars b{display:block;height:100%;background:linear-gradient(90deg,#9ad8ff,#599aca);border-radius:30px;width:59%}
.overview-bars>div:last-child b{background:linear-gradient(90deg,#ff7852,#ff4c42);width:67%}
.overview-bars strong{text-align:right;font-weight:450;font-size:12px}
#case-0 .case-intro{grid-template-columns:1fr;gap:10px;margin-bottom:15px}
#case-0 .case-intro h3{font-size:28px}#case-0 .case-intro>p{max-width:600px;font-size:12px}
@media(max-width:480px){.overview-metrics{grid-template-columns:repeat(2,1fr)}.overview-metrics span{font-size:11px}.overview-bars{padding:14px}.overview-bars>div{grid-template-columns:1fr 42px;gap:8px;font-size:12px}.overview-bars i{grid-column:1/3;grid-row:auto}.overview-bars strong{grid-column:2;grid-row:1}.overview-bars>div{position:relative}.overview-bars strong{position:absolute;right:0;top:0}.overview-bars>div>span{padding-right:45px;grid-column:1/3}}

#case-0 .joined-view{display:block;padding:18px;min-height:230px}
#case-0 .overview-metrics{margin:12px 0;gap:8px}#case-0 .overview-metrics>div{padding:12px 9px}
#case-0 .overview-bars{margin:0;padding:14px 12px;gap:10px}
#case-0 .overview-bars>div{grid-template-columns:112px minmax(30px,1fr) 40px;gap:10px;font-size:10px}
#case-0 .source-stack>div{padding:12px}
.process-main-cta{position:relative;z-index:3;font-size:13px;padding:13px 24px;min-height:48px;margin-top:3px;gap:15px}
@media(min-width:1001px), (min-width:801px) and (min-height:501px){.lab-actions{bottom:30px}.experience-modes{bottom:-30px}}
@media(max-width:480px){#case-0 .overview-bars>div{grid-template-columns:1fr 42px;font-size:11px}#case-0 .joined-view{padding:16px}.process-main-cta{font-size:12px}}

@media(min-width:1001px), (min-width:801px) and (min-height:501px){.portal-services .section-heading h2{font-size:clamp(44px,5.4vw,86px);width:max-content;max-width:none;white-space:nowrap}.portal-process .section-heading h2{font-size:clamp(42px,5vw,74px)}}
.portal-solutions .section-heading>p{background:#03162a9e;padding:14px;border-radius:6px;backdrop-filter:blur(5px)}