/* Public spatial system; superseded same-selector declarations removed. */
:root{color-scheme:dark;--bg:#030e1b;--surface:#071b2d;--ink:#f3f8fc;--muted:#c3d4e0;--cyan:#7fddff;--line:#77c9ef35;--gold:#f0cc7d;--space:clamp(22px,4.5vw,76px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 Arial,sans-serif}
h1,h2,h3,p{margin:0 0 18px}
h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.05}
h1{font-size:clamp(40px,4.3vw,68px);text-wrap:balance}
h2{font-size:clamp(27px,3vw,42px)}
h3{font-size:16px;font-weight:500;line-height:1.35}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{touch-action:manipulation}
button,summary{cursor:pointer}
button{color:inherit}
img{max-width:100%}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
.skip{position:fixed;top:8px;inset-inline-start:8px;clip-path:inset(50%);transform:translateY(-160%);z-index:100;background:var(--bg);padding:12px}
.skip:focus{clip-path:none;transform:none}
.wrap{max-width:1440px;margin:auto;padding:55px var(--space)}
.site-header{min-height:80px;display:flex;align-items:center;gap:22px;padding:12px 3%;background:#030b14ed;border-bottom:1px solid var(--line);position:relative;z-index:30}
.brand{display:flex;align-items:center;gap:12px;white-space:nowrap;font:28px/1 Georgia,serif}
.brand img{flex-shrink:0;filter:drop-shadow(0 0 12px #deb25940)}
.brand small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:2px;color:var(--gold);margin-top:5px}
.site-header nav{display:flex;align-items:center;justify-content:center;gap:20px;margin-inline-start:auto}
.nav-link{font-size:12px;position:relative;padding:12px 0;line-height:1.4;max-width:110px}
.nav-link span{display:none}
.nav-link.current:after{content:'';position:absolute;bottom:2px;inset-inline:0;height:1px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}
.header-enter,.cta{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:12px 24px;border-radius:30px;font-size:13px;border:1px solid #99d8f54d}
.header-enter,.primary{background:linear-gradient(110deg,#fff0b6,#edb34f);color:#09131b;border-color:#f5d68d;box-shadow:0 0 22px #d7af5835}
.header-enter{white-space:nowrap;padding:11px 19px}
.secondary{background:#061522a8;backdrop-filter:blur(10px);color:#edfaff}
.cta:hover,.header-enter:hover{filter:brightness(1.1);transform:translateY(-1px)}
.text-link{display:inline-flex;align-items:center;gap:14px;color:var(--cyan);padding:12px 0;min-height:44px;font-size:13px}
#nav-toggle{display:none}
.languages{font-size:12px;position:relative}
.languages summary{min-width:50px;min-height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:30px}
.languages>div{position:absolute;inset-inline-end:0;top:50px;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:15px;min-width:260px;background:#051320;border:1px solid var(--line);border-radius:15px;box-shadow:0 20px 40px #0009}
.languages a{padding:9px;min-height:44px}
.cinematic{position:relative;isolation:isolate;overflow:hidden;background:#061321}
.scene-backdrop{display:block;position:absolute;inset:0;z-index:-3;overflow:hidden}
.scene-backdrop img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.015);transition:transform .3s ease-out}
.cinematic .scene-backdrop{inset:-12px}
.hero-shade{position:absolute;inset:0;z-index:-1}
.hero-copy{position:relative;z-index:5;padding:55px var(--space) 35px;pointer-events:none}
.hero-copy a{pointer-events:auto}
.hero-copy h1{text-shadow:0 2px 25px #0008}
.hero-home .hero-copy h1{line-height:.99;letter-spacing:.01em}
.hero-home .hero-copy h1>span{color:#f8df9e}
.eyebrow{font:12px/1.4 Arial,sans-serif;letter-spacing:.1em;color:var(--cyan);text-transform:uppercase;margin-bottom:22px}
.hero-home .eyebrow{display:none}
.hero-summary{line-height:1.5;color:#d0dce5;max-width:440px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.qualitative{display:flex;gap:18px;font-size:11px;color:#d2e7f3}
.qualitative span{border-inline-start:1px solid #76d9ff60;padding-inline-start:12px}
.scene-caption{position:absolute;inset-inline-end:24px;font-size:10px;color:#bdd5e4;padding:3px 10px;border-radius:10px}
.spatial-stage{position:absolute;perspective:900px;transform-style:preserve-3d;pointer-events:none;z-index:1}
.spatial-canvas{width:100%;height:100%;position:absolute;inset:0}
.holo-platform{position:absolute;left:15%;width:70%;height:28%;transform:rotateX(65deg);transform-style:preserve-3d}
.holo-platform i{display:block;position:absolute;inset:0;border:1px solid #6dd6ff90;border-radius:50%;box-shadow:0 0 15px #5ac9ff35,inset 0 0 15px #5ac9ff20}
.holo-platform i:nth-child(2){inset:15%;transform:translateZ(18px)}
.holo-platform i:nth-child(3){inset:30%;transform:translateZ(38px)}
.spatial-swallow{position:absolute;width:38%;left:28%;top:32%;filter:drop-shadow(0 0 18px #f3c4629a);transform:translateZ(60px) rotateY(-12deg)}
.directions-shell{max-width:1600px;margin:auto;border-top:1px solid var(--line);position:relative;z-index:6}
.section-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:12px}
.section-top h2{font-size:27px;margin:0}
.section-top p{color:var(--muted);font-size:14px;margin:8px 0}
.direction-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.direction-tile{position:relative;transition:transform .25s,border-color .25s}
.direction-tile:hover{border-color:#7fdcffa0}
.tile-scene{position:relative;isolation:isolate;perspective:500px}
.tile-scene .scene-backdrop img{object-position:75% center;transform:scale(1.1)}
.tile-scene:after{content:'';position:absolute}
.direction-tile h3{font-size:12px;line-height:1.3;margin:0}
.direction-number{display:block;color:var(--cyan)}
.tile-arrow{position:absolute;right:10px;font-size:12px;color:var(--cyan)}
.tile-economy .scene-backdrop img{filter:hue-rotate(12deg) brightness(.5)}
.tile-trust .scene-backdrop img{filter:hue-rotate(25deg) brightness(.45)}
.tile-health .scene-backdrop img{filter:hue-rotate(-15deg) brightness(.45)}
.tile-logistics .scene-backdrop img{filter:brightness(.5)}
.company-story{position:relative;isolation:isolate;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#061321}
.company-story:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03111ff5,#03111f80 45%,transparent);z-index:-1}
.company-story>div{max-width:510px}
.company-story h2{max-width:410px}
.company-story p{color:var(--muted)}
.customer-doors{display:grid;grid-template-columns:repeat(3,1fr)}
.customer-door{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;font-size:16px}
.customer-door span{color:var(--cyan)}
.process-glass{border:1px solid #a4def140;position:relative;z-index:4}
.process-steps{display:grid;grid-template-columns:repeat(8,1fr);padding:0;list-style:none;margin:20px 0 0}
.process-steps li{position:relative}
.process-steps li:not(:last-child):after{content:'→';position:absolute;right:-12px;color:var(--cyan)}
.process-steps h3{line-height:1.5}
.process-object{position:relative;perspective:300px;display:flex;align-items:center;justify-content:center}
.process-object:after{content:'';position:absolute;border-radius:50%;border:1px solid #89deff90}
.service-story{display:grid;grid-template-columns:1fr 1fr}
.service-story article{border:1px solid var(--line);background:linear-gradient(135deg,#0b2337,#04111e)}
.service-story p{color:var(--muted)}
.data-branch{border:1px solid var(--line)}
.data-branch>ol{display:flex;flex-wrap:wrap;color:var(--cyan);padding:0;list-style:none}
.data-branch .customer-doors{padding:15px 0 0}
.scope-note{margin:35px 3%;padding:25px;border-inline-start:2px solid var(--cyan);color:var(--muted)}
.page-heading{background:radial-gradient(ellipse at 80% 0,#123857,transparent 70%)}
.page-heading h1{max-width:900px}
.page-heading p{max-width:780px;font-size:19px;color:var(--muted)}
.conversation{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;max-width:1280px;margin:25px auto 70px;padding:36px var(--space);background:#081b2c;border:1px solid var(--line);border-radius:20px}
.conversation-ceo{padding-top:30px}
.conversation-ceo h2{margin-top:20px}
.conversation-ceo p{font-size:19px;color:var(--muted)}
.conversation-ceo small{color:var(--muted)}
fieldset{border:0;margin:0;padding:0}
legend{font:27px/1.2 Georgia,serif;padding:24px 0}
label{display:block;font-size:13px;color:var(--muted);margin-bottom:18px}
input,textarea,select{display:block;width:100%;border:1px solid #a7c9de70;border-radius:6px;background:#020c17;color:#f4f9fc;min-height:48px;padding:12px;margin-top:7px}
textarea{min-height:130px;resize:vertical}
.check{display:flex;align-items:flex-start;gap:12px}
.check input{width:20px;min-height:20px;margin-top:3px;flex-shrink:0}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.form-grid>.form-grid{grid-column:1/-1}
.conversation-progress{display:flex;gap:15px}
.conversation-progress span{font-size:12px;min-width:40px;padding-bottom:8px;border-bottom:2px solid var(--line);color:var(--muted)}
.conversation-progress .current{color:var(--cyan);border-color:var(--cyan)}
.conversation-actions{display:flex;gap:15px;margin-top:20px}
.conversation-actions button{min-height:48px;min-width:70px;padding:12px 22px;border:1px solid var(--line);border-radius:25px;background:#08263b}
.conversation-actions .btn{background:#bcecff;color:#04111e}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.form-status{min-height:24px;margin-top:18px;color:var(--cyan)}
#candidate-review{overflow-wrap:anywhere}
.account-panel{max-width:700px}
.legal-copy{max-width:1100px}
.legal-copy p{color:var(--muted)}
footer{display:flex;align-items:center;gap:25px;padding:40px 3%;border-top:1px solid var(--line);background:#020a13}
footer>div{display:flex;gap:20px;margin-inline-start:auto;flex-wrap:wrap}
footer p{font-size:12px;color:var(--muted);margin:0}
footer .text-link{font-size:12px}
[hidden]{display:none!important}
[dir=rtl] .hero-copy{text-align:right}
[dir=rtl] .hero-shade{transform:scaleX(-1)}
[dir=rtl] .spatial-stage{left:4%}
[dir=rtl] .process-steps li:after{right:auto;left:-12px;transform:scaleX(-1)}
@media(min-width:1500px){.cinematic{min-height:620px}
.hero-copy{padding-top:70px;max-width:670px}}
@media(max-width:1150px){.site-header{gap:14px}
.site-header nav{gap:12px}
.nav-link{font-size:11px}
.header-enter{display:none}
.direction-rail{grid-template-columns:repeat(4,1fr)}
.tile-scene{height:130px}
.process-steps li:nth-child(4):after{display:none}
.spatial-stage{left:54%;width:42%}}
@media(max-width:760px){.site-header{min-height:72px;padding:10px 20px;gap:12px}
.brand{font-size:24px}
.brand img{width:42px;height:42px}
.brand small{font-size:7px}
.languages{margin-inline-start:auto}
#nav-toggle{display:block;order:4;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:#091b2c;padding:8px}
.site-header nav{display:none;position:absolute;top:72px;inset-inline:0;background:#03121ffa;border-bottom:1px solid var(--line);padding:18px 24px}
.site-header.open nav{display:flex;flex-direction:column;align-items:stretch;gap:5px}
.nav-link{font-size:15px;max-width:none;min-height:44px}
.cinematic{display:flex;align-items:flex-start}
.hero-lead{max-width:370px}
.hero-summary{max-width:370px}
.hero-actions{gap:10px;margin-top:20px}
.cta{font-size:12px;padding:12px 18px}
.qualitative{font-size:10px;gap:10px}
.cinematic>.scene-backdrop img{object-fit:cover}
.spatial-stage{left:25%;top:auto;bottom:10px;width:70%;height:300px}
.spatial-swallow{width:100px}
.scene-caption{font-size:9px;bottom:5px}
.section-top{align-items:flex-start;gap:15px}
.section-top h2{font-size:25px}
.section-top>.text-link{max-width:135px;font-size:11px;padding-top:0}
.direction-rail{grid-template-columns:repeat(2,1fr)}
.company-story{padding:26px}
.company-story:after{background:#02101dba}
.company-story h2{font-size:32px}
.customer-doors{grid-template-columns:1fr}
.customer-door{font-size:16px;padding:20px}
.process-steps li:nth-child(even):after{display:none}
.data-branch .customer-doors{padding:0}
.conversation{grid-template-columns:1fr;margin:15px 18px 40px;padding:25px;gap:15px}
.conversation-ceo{padding:0}
.conversation-ceo img{width:45px;height:45px}
.conversation-ceo h2{font-size:29px}
.conversation-ceo p{font-size:16px}
.form-grid{grid-template-columns:1fr}
.conversation-actions{justify-content:space-between}
.page-heading h1{font-size:39px}
.page-heading p{font-size:17px}
footer{flex-wrap:wrap;padding:30px 24px}
footer>div{margin:0;gap:15px;width:100%}
[dir=rtl] .hero-shade{transform:none}
[dir=rtl] .spatial-stage{left:5%}
.languages>div{inset-inline-end:-40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
.spatial-stage{transform:none!important}
.scene-backdrop img{transform:none!important}}
.service-sculpture{position:absolute;inset:0}
.tile-scene .service-sculpture{z-index:2}
.constructed-world{background:radial-gradient(ellipse at 72% 36%,#256a9444,transparent 45%),linear-gradient(115deg,#020c18,#102c45 65%,#081529);perspective:700px}
.world-window{position:absolute;inset:6% -10% 22% 40%;border:12px solid #1a344a;border-radius:45% 0 0 0;transform:rotateY(-20deg);box-shadow:inset 0 0 70px #1d88c766,0 0 10px #7bdcff66}
.world-grid{position:absolute;inset:50% -30% -65%;transform:rotateX(64deg);background:repeating-linear-gradient(90deg,transparent 0 95px,#6ecfff25 96px 97px),repeating-linear-gradient(0deg,transparent 0 95px,#6ecfff25 96px 97px);box-shadow:0 0 45px #2cbaff55}
.world-trust{filter:hue-rotate(12deg)}
.world-health{filter:hue-rotate(-12deg)}
.world-logistics .world-grid{transform:rotateX(62deg) rotateZ(-18deg)}
@media(max-width:760px){.hero-economy .spatial-stage,.hero-trust .spatial-stage,.hero-health .spatial-stage,.hero-logistics .spatial-stage{left:15%;width:80%;top:auto;bottom:5px;height:300px}}
[dir=rtl] .hero-economy .spatial-stage,[dir=rtl] .hero-trust .spatial-stage,[dir=rtl] .hero-health .spatial-stage,[dir=rtl] .hero-logistics .spatial-stage{left:2%}
.noscript-note{padding:20px var(--space);border-bottom:1px solid var(--line);color:var(--muted)}
html:not(.enhanced) form{display:none}
html:not(.enhanced) #nav-toggle{display:none}
@media(max-width:760px){html:not(.enhanced) .site-header{flex-wrap:wrap}
html:not(.enhanced) .site-header nav{display:flex;position:static;flex-wrap:wrap;width:100%;order:5;padding:0;background:none}
html:not(.enhanced) .nav-link{flex:1 1 40%}}
.world-environment{position:absolute;inset:0;filter:saturate(.8)}
.world-environment img{object-position:70% center}
.world-window{background:linear-gradient(0deg,#24608622,transparent 65%);border-color:#16334977}
.spatial-stage .service-sculpture{transform:translateZ(45px) rotateY(-10deg) scale(.86)}
.cinematic{--pointer-x:0;--pointer-y:0;--scene-accent:#7fddff;min-height:555px;perspective:1300px}
.hero-demand,.hero-trust{--scene-accent:#b7a5ff}
.hero-governance{--scene-accent:#73f3dd}
.hero-economy{--scene-accent:#89e8cd}
.hero-logistics{--scene-accent:#89caff}
.cinematic>.scene-backdrop{transform:translate3d(calc(var(--pointer-x)*-18px),calc(var(--pointer-y)*-8px),0) scale(1.03);transition:transform .3s ease-out}
.hero-copy{padding-top:50px;padding-bottom:28px;max-width:610px}
.hero-copy h1{font-size:clamp(42px,4vw,61px);line-height:1.04}
.hero-home .hero-copy h1{font-size:64px;max-width:590px}
.hero-lead{font-size:17px;line-height:1.5;max-width:455px}
.hero-summary{font-size:13px}
.hero-actions{margin-top:22px}
.qualitative{margin-top:22px}
.hero-shade{background:linear-gradient(90deg,#010a13e8 0%,#010b16b0 28%,#020e1920 56%,transparent 80%),linear-gradient(0deg,#03111d 0%,transparent 14%)}
.spatial-stage{left:54%;top:13%;width:43%;height:84%;filter:drop-shadow(0 8px 20px #001f3d80)}
.spatial-canvas{opacity:.95;filter:drop-shadow(0 0 7px #7bd9ff45);z-index:2}
.hero-home .spatial-stage{left:38%;top:4%;height:96%;width:45%}
.hero-home .spatial-canvas{opacity:.65}
.hero-home .spatial-swallow{left:33%;top:36%;width:30%;z-index:3;filter:drop-shadow(1px 2px 0 #684a20) drop-shadow(0 0 28px #efc870b0)}
.hero-trade .spatial-canvas,.hero-work .spatial-canvas,.hero-demand .spatial-canvas,.hero-governance .spatial-canvas{opacity:.48;width:60%;height:60%;left:40%;top:44%}
.hero-economy .spatial-stage,.hero-trust .spatial-stage,.hero-health .spatial-stage,.hero-logistics .spatial-stage{left:50%;top:2%;width:49%;height:98%}
.hero-economy .spatial-canvas,.hero-trust .spatial-canvas,.hero-health .spatial-canvas,.hero-logistics .spatial-canvas{opacity:.45;width:52%;height:52%;left:48%;top:48%}
[data-renderer=webgl] .spatial-stage>.service-sculpture{display:block;opacity:1;z-index:3}
.world-environment{opacity:.72}
.world-window{opacity:.4}
.world-grid{opacity:.6}
.holo-platform{opacity:.45;top:71%}
.spatial-stage>.service-sculpture{opacity:.75}
.intelligence-panel{position:absolute;display:flex;flex-direction:column;gap:9px;min-width:120px;width:30%;max-width:175px;padding:16px;color:#def6ff;border:1px solid #8bdfff70;background:linear-gradient(135deg,#114f7755,#021320ca);box-shadow:inset 0 0 24px #43b5ff16,0 0 18px #23aaff1b;backdrop-filter:blur(3px);border-radius:7px;transform:perspective(700px) rotateY(-17deg) translateZ(55px);font-size:11px;z-index:5}
.intelligence-0{left:0;top:16%}
.intelligence-1{top:4%;transform:perspective(700px) rotateY(18deg) translateZ(90px)}
.intelligence-2{bottom:20%;transform:perspective(700px) rotateY(18deg) translateZ(110px)}
.panel-signal{width:7px;height:7px;border-radius:50%;background:var(--scene-accent);box-shadow:0 0 12px var(--scene-accent)}
.data-traces{height:25px;display:flex;align-items:flex-end;gap:7px;opacity:.8}
.data-traces i{width:9px;height:14px;background:linear-gradient(0deg,#4ba6d430,var(--scene-accent));border-top:1px solid #d8faff}
.data-traces i:nth-child(2){height:22px}
.data-traces i:nth-child(3){height:17px}
.data-traces i:nth-child(4){height:25px}
.data-traces i:nth-child(5){height:19px}
.environment-beams{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen}
.environment-beams i{position:absolute;width:2px;height:74%;top:0;left:57%;transform:rotate(14deg);background:linear-gradient(transparent,#9ee9ff70,transparent);box-shadow:0 0 35px 9px #36baff0c}
.environment-beams i:nth-child(2){left:78%;height:90%;transform:rotate(-14deg);opacity:.55}
.environment-beams i:nth-child(3){left:88%;transform:rotate(30deg);opacity:.5}
.foreground-console{position:absolute;width:32%;height:94px;right:-2%;bottom:-36px;border:2px solid #59a2c760;background:linear-gradient(145deg,#0d2a3a,#030d19 70%);transform:perspective(500px) rotateX(53deg) rotateZ(-8deg) translate3d(calc(var(--pointer-x)*22px),0,0);box-shadow:0 -1px 14px #78dfff33;z-index:4;display:flex;gap:10px;padding:18px;pointer-events:none}
.foreground-console i{flex:1;border:1px solid #87daef30;background:repeating-linear-gradient(0deg,#58bce815 0 2px,transparent 3px 9px)}
.scene-caption{z-index:8;bottom:8px;background:#020b13d9}
.directions-shell{margin-top:-1px;padding:12px 2.8% 16px;background:linear-gradient(180deg,#071925cf,#020c17f7);backdrop-filter:blur(12px);border:1px solid #87c9e93d;border-radius:18px 18px 0 0;box-shadow:0 -18px 40px #010b1730}
.direction-rail{gap:4px}
.direction-tile{border:0;background:transparent;overflow:visible;border-radius:0;transform-style:preserve-3d}
.direction-tile:hover{transform:translateY(-7px) rotateX(3deg)}
.tile-scene{overflow:visible;transform-style:preserve-3d}
.tile-scene .scene-backdrop{inset:9% 10% 17%;border:1px solid #80ddff35;border-radius:44% 44% 18% 18%;opacity:.6;transform:perspective(350px) rotateY(-8deg);box-shadow:inset 0 0 20px #1eb8ff35}
.tile-scene .service-sculpture{inset:0 -5%;filter:drop-shadow(0 0 5px #7adfff55)}
.tile-scene:after{inset:auto 4% 5%;height:25px;background:linear-gradient(#183a50,#030a13 60%,#38607b 64%,#061320 74%);border-radius:50%;border:1px solid #73d4ff90;box-shadow:0 4px 0 #020a12,0 7px 0 #133248,0 10px 16px #000a;z-index:-1}
.direction-number{font-size:18px;padding:4px 13px 0}
.direction-tile h3{padding:0 13px 6px;min-height:40px}
.tile-arrow{bottom:5px}
.process-glass{isolation:isolate;margin:-1px 2% 14px;padding:18px 24px;border-radius:15px;background:#031320a8;box-shadow:inset 0 1px 0 #a5e5ff22,0 -6px 26px #00142166;overflow:hidden}
.process-environment{position:absolute;inset:0;z-index:-2;opacity:.22;filter:blur(3px) saturate(.65)}
.process-glass:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#04131eec,#0415229c,#04131eec)}
.process-glass .section-top p{font-size:12px;max-width:950px}
.process-steps{gap:17px;margin-top:2px;perspective:1000px}
.process-object{transform-style:preserve-3d}
.process-object .service-sculpture{filter:drop-shadow(0 0 8px #50b7ff66)}
.process-object:after{width:85%;height:16px;bottom:9px;background:#031524;border-color:#87ddff80;box-shadow:0 3px 0 #123e5d,0 6px 0 #06101e,0 8px 12px #0009;z-index:-1}
.process-steps h3{font-size:12px}
.process-steps li:not(:last-child):after{font-size:22px;text-shadow:0 0 12px #8bdfff}
.service-story{gap:12px;margin:14px 2%}
.service-story article{padding:27px;border-radius:12px}
.value-scene{position:relative;isolation:isolate;overflow:hidden}
.value-scene .scene-backdrop{opacity:.65}
.value-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#031222f5,#031222a0);z-index:-1}
.service-story h2{font-size:32px}
.service-story p{font-size:14px}
.data-branch{margin:14px 2%;padding:25px;background:linear-gradient(115deg,#0e2a3b80,#04131de0);border-radius:12px}
.data-branch>ol{perspective:900px;gap:14px}
.data-branch>ol>li{padding:14px 20px;background:linear-gradient(130deg,#29608255,#05182bab);border:1px solid #7bd5f250;transform:rotateY(-10deg);box-shadow:4px 4px 0 #02111e;position:relative}
.data-branch>ol>li:not(:last-child):after{content:'→';position:absolute;right:-15px;top:14px}
.company-story{min-height:230px;margin:14px 2%;padding:28px}
.company-story h2{font-size:34px}
.customer-doors{padding:16px 2% 28px;gap:12px}
.customer-door{background:#04142299;backdrop-filter:blur(5px);padding:20px}
@keyframes environmental-breath{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes data-travel{0%{transform:scaleY(.75);opacity:.5}100%{transform:scaleY(1);opacity:1}}
@media(prefers-reduced-motion:no-preference) and (pointer:fine){.scene-visible .environment-beams{animation:environmental-breath 9s ease-in-out infinite}
.scene-visible .data-traces i{transform-origin:bottom;animation:data-travel 5s ease-in-out alternate infinite}
.scene-visible .data-traces i:nth-child(2n){animation-delay:-2s}
.direction-tile:hover .service-sculpture{transform:perspective(600px) rotateY(8deg) translateZ(30px)}
.process-steps li:hover .process-object{transform:translateY(-5px)}}
@media(max-width:1150px){.hero-copy{max-width:550px}
.hero-copy h1{font-size:52px}
.intelligence-panel{width:29%;font-size:10px;min-width:90px;padding:10px}
.process-steps{grid-template-columns:repeat(4,1fr)}
.process-object{height:122px}}
@media(max-width:760px){.cinematic{min-height:750px}
.hero-copy{padding:30px 24px 305px;width:100%;max-width:none}
.hero-copy h1,.hero-home .hero-copy h1{font-size:40px;line-height:1.05;max-width:100%}
.hero-lead{font-size:17px}
.hero-summary{font-size:13px}
.hero-shade{background:linear-gradient(180deg,#02101efa 0%,#02101ee8 34%,#02101e50 58%,transparent 77%,#03111dec 100%)}
.cinematic>.scene-backdrop{top:30%;height:70%;transform:none}
.cinematic>.scene-backdrop img{object-position:70% bottom}
.spatial-stage,.hero-home .spatial-stage,.hero-economy .spatial-stage,.hero-trust .spatial-stage,.hero-health .spatial-stage,.hero-logistics .spatial-stage{left:5%;top:auto;bottom:0;width:94%;height:315px}
.hero-home .spatial-canvas{opacity:.6}
.hero-home .spatial-swallow{width:24%;left:38%;top:37%}
.hero-trade .spatial-canvas,.hero-work .spatial-canvas,.hero-demand .spatial-canvas,.hero-governance .spatial-canvas{width:75%;height:75%;top:27%;left:26%;opacity:.62}
.intelligence-panel{min-width:90px;max-width:115px;font-size:9px;padding:9px;gap:4px}
.intelligence-0{left:0;top:26%}
.intelligence-1{top:9%}
.intelligence-2{display:none}
.data-traces{height:18px}
.data-traces i{max-height:18px;width:6px}
.foreground-console{width:60%;height:50px;bottom:-20px}
.environment-beams{opacity:.4}
.directions-shell{padding:18px 16px}
.direction-rail{gap:18px 8px}
.direction-tile h3{font-size:13px}
.process-glass{margin:0 14px 14px;padding:20px 16px}
.process-glass .section-top p{font-size:13px}
.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.process-steps h3{font-size:13px;line-height:1.5}
.service-story{margin:14px;grid-template-columns:1fr}
.service-story article{padding:24px}
.service-story h2{font-size:29px}
.data-branch{margin:14px;padding:24px}
.data-branch>ol{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.data-branch>ol>li{padding:12px;font-size:13px;transform:none}
.data-branch>ol>li:after{display:none}
.company-story{margin:14px;min-height:290px}
.customer-doors{padding:14px}
.hero-home .qualitative{margin-bottom:0}}
[dir=rtl] .cinematic>.scene-backdrop{transform:scaleX(-1) translate3d(calc(var(--pointer-x)*-18px),0,0)}
[dir=rtl] .foreground-console{right:auto;left:-2%;transform:perspective(500px) rotateX(53deg) rotateZ(8deg)}
[dir=rtl] .spatial-stage,[dir=rtl] .hero-economy .spatial-stage,[dir=rtl] .hero-trust .spatial-stage,[dir=rtl] .hero-health .spatial-stage,[dir=rtl] .hero-logistics .spatial-stage{left:1%}
[dir=rtl] .hero-home .spatial-stage{left:18%}
[dir=rtl] .data-branch>ol>li:after{right:auto;left:-15px;transform:scaleX(-1)}
@media(max-width:760px){[dir=rtl] .spatial-stage,[dir=rtl] .hero-home .spatial-stage{left:1%}
[dir=rtl] .cinematic>.scene-backdrop{transform:scaleX(-1)}}
@media(prefers-reduced-motion:reduce){.cinematic>.scene-backdrop,.spatial-stage{transform:none!important}
[dir=rtl] .cinematic>.scene-backdrop{transform:scaleX(-1)!important}
.environment-beams,.data-traces i{animation:none!important}
.direction-tile:hover{transform:none}}
.cinematic,.directions-shell{overflow:clip;contain:paint}
.payment-truth{margin:14px 3%;color:var(--muted);font-size:13px}
.intelligence-1{right:8%}
.intelligence-2{right:5%}
.process-steps h3{position:relative;z-index:3}
@media(max-width:760px){.hero-home .hero-copy h1{font-size:clamp(31px,10vw,40px)}
.hero-copy h1{overflow-wrap:anywhere}
.intelligence-1{right:10%}}
.service-sculpture{background-image:url('/assets/scenes/service-atlas.webp');background-repeat:no-repeat;background-size:800% 200%;background-position:0 42%;width:100%;height:100%;filter:drop-shadow(0 4px 8px #0008)}
.sculpture-work{background-position-x:14.285714%}
.sculpture-demand{background-position-x:28.571429%}
.sculpture-governance{background-position-x:42.857143%}
.sculpture-economy{background-position-x:57.142857%}
.sculpture-trust{background-position-x:71.428571%}
.sculpture-health{background-position-x:85.714286%}
.sculpture-logistics{background-position-x:100%}
.tile-scene .service-sculpture{width:88%;height:100%;left:6%;top:0;background-size:800% 200%;transform:perspective(600px) rotateY(-5deg) translateZ(18px)}
.tile-scene .scene-backdrop{display:none}
.tile-scene{height:170px}
.tile-scene:after{display:none}
.process-object{height:150px}
.process-object .service-sculpture{width:100%;height:100%;left:0;top:0;transform:perspective(600px) rotateY(-5deg) translateZ(10px)}
.process-object:after{display:none}
.process-steps h3{margin-top:0}
.process-steps li:not(:last-child):after{top:66px}
.spatial-stage>.service-sculpture{background-size:800% 200%;width:64%;height:82%;left:18%;top:8%}
@media(max-width:760px){.tile-scene{height:185px}
.process-object{height:165px}
.tile-scene .service-sculpture{width:100%;left:0}
.spatial-stage>.service-sculpture{width:58%;height:80%;left:22%;top:8%}}
.service-sculpture{mask:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
@media(min-width:1151px){.tile-scene{height:145px}}