/* Code-native experiences; restrained emerald materials, independent content. */
.experience-hint{font-size:14px;line-height:1.75;color:#9fbeac;max-width:310px}.experience-stage{position:relative;overflow:hidden;border:1px solid #53ca9652;background:radial-gradient(ellipse at 50% 50%,#0b2d20,#020b07 75%);isolation:isolate}.scene-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.is-webgl>.scene-canvas{opacity:1}.scene-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:25px}.is-webgl>.scene-fallback{display:none}.scene-corner{position:absolute;left:18px;top:17px;font-size:8px;color:#a0d5b8;letter-spacing:.09em;pointer-events:none}.range-label{display:block;font-size:12px;color:#9dc7b0;margin:22px 0 6px}.experience-range{display:block;width:100%;height:44px;accent-color:#62e4bd;background:transparent;cursor:ew-resize;margin:0}.experience-range:focus-visible{outline-offset:2px}.globe-note{font-size:12px;line-height:1.75;color:#779d86;margin-top:23px;max-width:620px}
.project-globe{background:#040e09df;padding-top:55px}.globe-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.globe-stage{height:530px;box-shadow:0 25px 80px #0007}.globe-canvas{cursor:grab;touch-action:pan-y}.globe-canvas.is-dragging{cursor:grabbing}.globe-fallback svg{width:100%;fill:#1c6147;stroke:#60e5ad;stroke-width:.35}.globe-fallback:after{content:"";position:absolute;inset:25px;background-image:linear-gradient(#56ec9f14 1px,transparent 1px),linear-gradient(90deg,#56ec9f14 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.globe-orbit-label{position:absolute;left:25px;top:25px;color:#8fc9a9;font-size:9px;letter-spacing:.11em;pointer-events:none}.globe-controls{position:absolute;bottom:20px;right:22px;display:flex;gap:8px}.globe-controls button{width:44px;height:44px;border:1px solid #6ff1b14f;background:#04140dbc;color:#9af7c2;backdrop-filter:blur(8px)}.globe-controls button:disabled{opacity:.3;cursor:default}.globe-controls button:hover:enabled{background:#163f2b}.location-choices{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:35px}.location-choices button{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px 13px;background:#04150d;border:1px solid #467c5b70;font-size:13px;color:#a2c5ae}.location-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.location-choices button[aria-pressed=true]{color:#a3ffd0;border-color:#65e9a8;background:#0c2f1d}.location-card{padding:25px 0}.location-card[hidden]{display:none}.location-card .eyebrow{font-size:12px;margin-bottom:18px}.location-card h3{font-size:clamp(29px,3.3vw,48px);line-height:1.2;max-width:480px;margin-bottom:24px}.location-card .text-link{display:inline-block}.globe-info{min-width:0}
.drone-experience{margin-top:30px}.drone-stage{height:330px;box-shadow:0 20px 50px #0005}.drone-fallback svg{width:100%;max-height:100%;fill:#0a281b;stroke:#70e7ae;stroke-width:3}.drone-fallback .landing-ring{fill:none;stroke-width:1}.fallback-airframe{transform:translateY(var(--drone-lift,0px));transform-origin:center}.flight-stage-label{position:absolute;left:18px;bottom:17px;color:#a7ffcb;font-size:11px}.flight-controls{display:flex;gap:0;border:1px solid #55a27950;border-top:0}.flight-controls button{flex:1;min-width:0;min-height:47px;font:10px/1.5 var(--mono);padding:10px 6px;background:#07190f;color:#83ad98;border-right:1px solid #55a27930}.flight-controls button:last-child{border-right:0}.flight-controls button[aria-pressed=true]{background:#123d29;color:#adffcf}.drone-experience .range-label{margin-top:16px;font-size:11px}.drone-experience .experience-hint{font-size:11px;max-width:none;margin-top:5px}.drone-experience .experience-hint span{display:block;color:#638773;font-size:10px;margin-top:3px}
.logo-assembly-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}.blacknest-logo-stage .blacknest-logo{transition:opacity .4s}.blacknest-logo-stage.is-assembling .blacknest-logo{opacity:0}.logo-replay{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px}.logo-replay>span{color:#699f80;font-size:10px}.logo-replay button{font-size:12px;min-height:44px;padding:8px 0;background:none;color:#a7edc4;border-bottom:1px solid #65b89050}.logo-replay button:hover{color:#fff}
/* Six service objects are built with CSS depth, rather than image sprites. */
.tech-icon{position:relative;height:165px;width:100%;max-width:230px;margin:-15px auto 27px;perspective:700px;isolation:isolate}.tech-floor{position:absolute;left:20%;right:20%;bottom:3px;height:65px;border:1px solid #6deba439;border-radius:50%;transform:rotateX(65deg);box-shadow:0 0 40px #3fff9912}.holo-object{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-9deg) rotateY(-22deg);transition:transform .65s cubic-bezier(.2,.8,.2,1);animation:holo-float 6s ease-in-out infinite}.service:hover .holo-object,.service:focus-within .holo-object{transform:rotateX(5deg) rotateY(16deg);animation-play-state:paused}@keyframes holo-float{50%{translate:0 -7px}}.holo-panel{position:absolute;top:35px;left:44px;width:128px;height:92px;border:1px solid #6beaab;background:linear-gradient(125deg,#134a35e6,#06180feb);box-shadow:0 10px 30px #0008;transform-style:preserve-3d;padding:14px}.holo-panel i{display:block;height:2px;background:#70f5b989;margin-bottom:8px;width:75%}.holo-panel i:nth-child(2n){width:48%}.holo-panel b{display:block;font:22px var(--mono);color:#a5ffd4;margin-bottom:10px}.panel-back{transform:translate3d(-17px,-12px,-24px);opacity:.55}.panel-front{transform:translateZ(20px)}.holo-phone{position:absolute;top:13px;left:78px;width:70px;height:131px;border:2px solid #8befbd;border-radius:11px;background:#092719;box-shadow:8px 5px 0 #164b30,0 15px 25px #0006;transform:translateZ(20px);padding:17px 10px}.holo-phone>i{position:absolute;left:23px;top:6px;width:21px;height:3px;border-radius:2px;background:#7adeaa}.phone-apps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-apps>b{display:block;aspect-ratio:1;border:1px solid #70eab19c;background:#2ae58f21;border-radius:3px}.holo-phone>span{position:absolute;bottom:8px;left:20px;width:27px;height:2px;background:#78dba6}.data-cylinder{position:absolute;left:62px;width:105px;height:47px;border:1px solid #6be7a4;border-radius:50% / 30%;background:linear-gradient(90deg,#072218,#1b6844,#072218);box-shadow:0 8px 15px #0006}.data-cylinder:before{content:"";position:absolute;inset:-1px -1px auto;height:24px;border:1px solid #83f6b9;border-radius:50%;background:#155237}.data-cylinder:after{content:"";position:absolute;bottom:10px;right:18px;width:4px;height:4px;background:#a4ffd3;border-radius:50%;box-shadow:8px 0 #8bffbf}.cylinder-a{top:88px;transform:translateZ(-10px)}.cylinder-b{top:54px}.cylinder-c{top:20px;transform:translateZ(10px)}.holo-shield{position:absolute;left:69px;top:17px;width:99px;height:126px;clip-path:polygon(50% 0,96% 18%,91% 66%,74% 87%,50% 100%,26% 87%,9% 66%,4% 18%);background:linear-gradient(135deg,#93ffd0,#14643c);transform:translateZ(20px)}.shield-back{transform:translate3d(-12px,-6px,-18px);opacity:.35}.shield-front:before{content:"";position:absolute;inset:3px;clip-path:inherit;background:linear-gradient(120deg,#0d3321,#20764e)}.holo-shield svg{position:relative;width:100%;height:100%;fill:none;stroke:#b5ffdd;stroke-width:5}.code-window{top:30px;height:108px;transform:translateZ(15px)}.code-window b{font-size:35px;line-height:1.1;margin-bottom:15px}.idea-cube{position:absolute;left:80px;top:45px;width:73px;height:73px;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(33deg)}.idea-cube>i{position:absolute;inset:0;border:1px solid #94ffbf;background:#1ada8312}.cube-front{transform:translateZ(36px)}.cube-back{transform:rotateY(180deg) translateZ(36px)}.cube-left{transform:rotateY(-90deg) translateZ(36px)}.cube-right{transform:rotateY(90deg) translateZ(36px)}.cube-top{transform:rotateX(90deg) translateZ(36px)}.cube-bottom{transform:rotateX(-90deg) translateZ(36px)}.idea-orbit{position:absolute;left:40px;top:60px;width:150px;height:65px;border:1px solid #48dc8b88;border-radius:50%;transform:rotateX(50deg) rotateZ(-18deg)}
.development-process{background:linear-gradient(125deg,#041109f2,#06180fcc);border-top:1px solid #5cbd8938}.process-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:start}.process-visual{position:sticky;top:125px}.process-core{height:280px;display:grid;place-items:center;perspective:900px;position:relative}.process-chip{height:170px;width:200px;border:1px solid #7bedb05c;background:linear-gradient(130deg,#154a2ce8,#02110bdd);transform:rotateX(var(--process-x,13deg)) rotateY(var(--process-y,-22deg));transform-style:preserve-3d;box-shadow:18px 23px 0 #143f273c,35px 35px 55px #0007;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;transition:transform .7s}.process-glyph{font:48px var(--mono);color:#9ef9c3;transform:translateZ(30px)}.process-code{font-size:11px;color:#78c39b;transform:translateZ(25px)}.process-orbit{position:absolute;left:10%;right:10%;height:75%;border:1px solid #4ad58b33;border-radius:50%;transform:rotateX(65deg) rotateZ(-25deg)}.process-choices{border-top:1px solid #5bb78244}.process-choices button{display:flex;gap:20px;align-items:center;width:100%;min-height:47px;padding:11px 15px;border-bottom:1px solid #5bb78225;background:#04100870;text-align:left;font-size:14px;color:#8eb39d;transition:background .25s}.process-choices button .mono{font-size:10px}.process-choices button[aria-pressed=true]{background:#163e28;color:#b5ffcc;border-left:2px solid #6aeaac}.process-story{min-height:53vh;padding:55px 0;border-top:1px solid #5bb78244;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:140px}.process-number{color:#60da9e;font-size:13px;margin-bottom:25px}.process-story h3{font-size:clamp(35px,4vw,57px);margin-bottom:25px}.process-story p{font-size:20px;color:#b0cbbd;line-height:1.8;max-width:630px}.process-story>code{font:12px var(--mono);color:#6da185;margin-top:27px}.process-story.is-active h3{color:#baffd7}
.project-comparison{background:#05110be8;border-top:1px solid #5bb78230}.comparison-viewport{position:relative;height:330px;overflow:hidden;border:1px solid #65a88355;background:#030c07}.compare-diagram{position:absolute;inset:0}.compare-diagram svg{width:100%;height:100%;stroke-width:2;fill:#0d1a14;stroke:#a9747d}.diagram-before{background:radial-gradient(ellipse at center,#461b2433,transparent)}.broken-line{stroke-dasharray:10 15;stroke:#865461}.diagram-after{clip-path:inset(0 0 0 var(--compare,50%));background:radial-gradient(ellipse at center,#164b3080,#03110a)}.diagram-after svg{stroke:#6cebad;fill:#0d3622}.diagram-after circle{fill:#8affa8}.connected-line{stroke:#69dc9f;stroke-width:3}.compare-label{position:absolute;top:22px;font-size:11px;padding:8px 11px;border:1px solid #b96d7854;background:#100b0c;color:#deb0b8;z-index:2}.before-label{left:22px}.after-label{right:22px;border-color:#5ad79554;background:#06190e;color:#a5f9c6}.compare-divider{position:absolute;left:var(--compare,50%);top:0;bottom:0;width:1px;background:#b3ffd7;pointer-events:none;z-index:3}.compare-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border:1px solid #89f9c1;border-radius:50%;background:#0d2d1d;color:#beffdc;font-size:21px}.comparison-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:32px}.comparison-copy h3{font-size:25px;margin-bottom:20px;color:#b4d8c2}.comparison-copy>div:first-child h3{color:#c1949e}.comparison-copy li{padding:13px 0;border-top:1px solid #5fa27c30;font-size:16px;color:#9ebbab;line-height:1.7}.comparison-copy>div:last-child li:before{content:"+";color:#6ee5a7;margin-right:12px}
.erp-overview{background:#06140de8}.erp-overview>h2{font-size:clamp(40px,5.5vw,82px);max-width:1100px}.erp-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:45px}.erp-intro p{font-size:20px;line-height:1.85;color:#b7d0c1}.erp-intro p:first-child{color:#d3eadd;font-size:23px}.erp-workflow{margin-top:75px}.erp-workflow>h3{font-size:32px;margin-bottom:35px}.erp-workflow ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;list-style:none;margin:0;border-top:1px solid #62df9c60}.erp-workflow li{padding-top:28px;position:relative}.erp-workflow li:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:#6bedaa}.erp-workflow li>span{color:#63d89f;font-size:12px}.erp-workflow h4{font-size:21px;line-height:1.3;font-weight:500;margin:20px 0 16px;color:#c8efd7}.erp-workflow p{font-size:15px;line-height:1.75;color:#9cbeaa}.erp-modules{background:#030e08e8;padding-top:70px}.erp-modules .page-section-heading h2{max-width:850px}.erp-module{border-top:1px solid #50966c65}.erp-module:last-child{border-bottom:1px solid #50966c65}.erp-module summary{list-style:none;display:flex;align-items:center;gap:26px;padding:28px 0;cursor:pointer}.erp-module summary::-webkit-details-marker{display:none}.erp-module summary>span{font-size:12px;color:#6fe2a6}.erp-module summary h3{font-size:clamp(24px,2.8vw,38px);flex:1;line-height:1.3}.erp-module summary>i{font-size:29px;font-style:normal;font-weight:300;color:#86f1b3}.erp-module[open] summary>i{transform:rotate(45deg)}.erp-module[open] summary h3{color:#b5ffd4}.erp-module>p{margin:0 70px 35px 49px;max-width:900px;font-size:19px;line-height:1.85;color:#b3cebd}.erp-vision{background:#041109e8;display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-bottom:95px}.erp-vision article{border-top:1px solid #64c99655;padding-top:35px}.erp-vision h2{font-size:clamp(30px,3.3vw,49px);line-height:1.2;margin-bottom:25px}.erp-vision article>p:last-child{font-size:19px;line-height:1.85;color:#a9c8b5}.erp-scope{grid-column:1/-1;color:#729781;font-size:13px;line-height:1.8;border-top:1px solid #4d885e44;padding-top:22px;max-width:1000px}
@media(max-width:1100px){.globe-layout{gap:35px}.globe-stage{height:450px}.drone-stage{height:285px}.flight-controls button{font-size:9px}.process-layout{gap:55px}.process-core{height:240px}.erp-intro{gap:40px}.erp-workflow ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.erp-workflow li{border-top:1px solid #62df9c50}.erp-workflow ol{border-top:0}}
@media(max-width:740px){.project-globe{padding-top:25px}.globe-layout{grid-template-columns:1fr;gap:25px}.globe-stage{height:390px}.globe-info{padding-top:0}.location-choices{margin-bottom:10px}.location-card{padding:20px 0}.location-card h3{font-size:30px}.globe-note{font-size:11px;margin-top:12px}.drone-stage{height:290px}.drone-experience{margin-top:25px}.flight-controls button{font-size:10px;padding:12px 5px}.logo-replay{align-items:flex-start;flex-direction:column;gap:7px;margin-top:18px}.logo-replay button{font-size:11px}.logo-replay>span{font-size:9px}.tech-icon{height:160px;margin-bottom:20px}.process-layout{grid-template-columns:1fr;gap:30px}.process-visual{position:static}.process-core{height:210px}.process-chip{height:145px;width:175px}.process-choices{display:flex;flex-wrap:wrap;gap:0}.process-choices button{width:auto;flex:1;min-width:30%;gap:8px;padding:12px 10px;font-size:12px}.process-choices button[aria-pressed=true]{border-left:0;border-bottom:2px solid #6aeaac}.process-story{min-height:320px;padding:37px 0}.process-story h3{font-size:37px}.process-story p{font-size:18px}.comparison-viewport{height:230px}.compare-label{top:16px;font-size:10px;padding:7px 10px}.before-label{left:14px}.after-label{right:14px}.compare-diagram svg{min-width:610px;position:absolute;left:50%;transform:translateX(-50%)}.comparison-copy{grid-template-columns:1fr;gap:27px;margin-top:20px}.comparison-copy h3{font-size:23px;margin-bottom:15px}.comparison-copy li{font-size:15px}.project-comparison .page-section-heading{margin-bottom:28px}.erp-overview>h2{font-size:10vw}.erp-intro{grid-template-columns:1fr;gap:25px;margin-top:32px}.erp-intro p,.erp-intro p:first-child{font-size:18px}.erp-workflow{margin-top:45px}.erp-workflow>h3{font-size:29px}.erp-workflow ol{gap:30px 22px}.erp-workflow h4{font-size:20px}.erp-workflow p{font-size:14px}.erp-module summary{gap:15px;padding:23px 0}.erp-module summary h3{font-size:24px}.erp-module summary>i{font-size:24px}.erp-module>p{margin:0 5px 26px 0;font-size:17px}.erp-vision{grid-template-columns:1fr;gap:35px;padding-bottom:60px}.erp-vision h2{font-size:31px}.erp-vision article>p:last-child{font-size:17px}.erp-scope{font-size:12px}.range-label{font-size:11px}}
@media(max-width:400px){.globe-stage{height:330px}.globe-orbit-label{font-size:8px;left:16px}.location-choices{gap:6px}.location-choices button{font-size:12px;padding:9px 11px}.drone-stage{height:250px}.flight-controls button{font-size:9px}.erp-workflow ol{grid-template-columns:1fr}.process-choices button{min-width:45%}}
.motion-paused .holo-object{animation:none!important}.motion-paused .process-chip,.motion-paused .holo-object{transition:none!important}.motion-paused .is-assembling .blacknest-logo{opacity:1}.motion-paused .logo-assembly-canvas{opacity:0}
@media(prefers-reduced-motion:reduce){.holo-object{animation:none!important}.process-chip,.holo-object{transition:none!important}.is-assembling .blacknest-logo{opacity:1}.logo-assembly-canvas{opacity:0}}
@media print{.scene-canvas,.logo-assembly-canvas,.logo-replay,.tech-icon,.globe-controls,.process-core,.experience-range,.range-label,.flight-controls{display:none!important}.scene-fallback{display:grid!important}.experience-stage{height:230px}.project-globe,.development-process,.project-comparison,.erp-overview,.erp-modules,.erp-vision{background:white;color:black;padding-block:25px}.process-visual{position:static}.process-story{min-height:0}.process-layout,.erp-intro,.erp-vision{display:block}.erp-module>p{display:block!important}.erp-module{break-inside:avoid}.location-card[hidden]{display:block}.erp-intro p,.erp-vision p,.erp-module>p,.process-story p,.comparison-copy li{color:#333}}