@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#ffffff;--ink:#0d0d0a;--muted:#336487;--lavender:#8495ba;--line:#dbe5ec;--gutter:clamp(24px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--muted);outline-offset:5px}.dark button:focus-visible{outline-color:var(--lavender)}.wrap{max-width:1512px;margin:auto;padding-left:var(--gutter);padding-right:var(--gutter)}header{display:flex;align-items:center;gap:36px;justify-content:space-between;padding:25px var(--gutter);border-bottom:1px solid var(--line);max-width:1512px;margin:auto}.brand{font-size:30px;letter-spacing:-1.7px;font-weight:800;line-height:1}.brand span{color:var(--muted)}nav{display:flex;gap:30px;margin-left:auto;font-size:13px;font-weight:600}nav a:hover{text-decoration:underline;text-underline-offset:6px}.languages{display:flex;align-items:center;gap:9px;font-size:12px}.languages button{background:none;border:0;padding:7px 3px;color:var(--muted);min-height:44px;min-width:28px}.languages button[aria-pressed=true]{color:var(--ink);font-weight:800;text-decoration:underline;text-underline-offset:7px}.skip{position:fixed;left:20px;top:-100px;background:var(--paper);padding:12px;z-index:20}.skip:focus{top:12px}.hero{padding-top:36px}.hero-top{display:flex;justify-content:space-between;gap:24px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;margin:0 0 22px}.market{font-size:11px;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:32px;padding:40px 0 64px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(40px,4.5vw,69px);line-height:1.085;letter-spacing:-3px;font-weight:500;max-width:850px;margin-bottom:30px;text-wrap:balance}h2{font-size:clamp(32px,3.3vw,50px);line-height:1.17;letter-spacing:-1.8px;font-weight:500;text-wrap:balance;margin-bottom:26px}h3{line-height:1.35;font-weight:600}p{max-width:68ch}.lead{font-size:17px;line-height:1.7;max-width:60ch}.intro-detail{color:var(--muted);font-size:14px;max-width:63ch;margin-bottom:28px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:17px 22px;font-size:13px;font-weight:600;text-align:left;transition:background .2s,transform .2s;max-width:100%;min-height:54px}.cta:hover{background:var(--muted);transform:translateY(-2px)}.cta span:last-child:not(:first-child){font-size:22px;line-height:1}.micro{font-size:11px;line-height:1.7;color:var(--muted);max-width:57ch;margin:15px 0 0}.hero-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:11px;color:var(--muted)}.hero-bottom span:before{content:'+';margin-right:12px}.orbit{position:relative;min-height:500px;isolation:isolate;transform:translateY(var(--shift,0px))}.orbit-grid{position:absolute;inset:0;background-image:radial-gradient(#8495ba55 1px,transparent 1px);background-size:22px 22px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.ring{position:absolute;left:50%;top:47%;border:1px solid #8495ba70;border-radius:50%;transform:translate(-50%,-50%)}.ring-a{width:230px;height:230px}.ring-b{width:360px;height:360px}.ring-c{width:440px;height:440px;border-style:dashed;border-color:#8495ba40}.core{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);height:180px;width:180px;background:var(--ink);color:var(--paper);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:10px 15px 0 #0d0d0a09}.core-symbol{font-size:90px;line-height:1;font-weight:500;letter-spacing:-8px;margin-left:-8px}.core-symbol span{color:var(--lavender)}.core>span:last-child{font-size:10px;margin-top:14px}.satellite{position:absolute;display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:15px 18px;background:var(--paper);box-shadow:5px 7px 0 #0d0d0a05;font-size:12px;font-weight:600;white-space:nowrap}.node-icon{font-size:19px;color:var(--muted)}.sat-a{top:12%;left:7%;transform:rotate(-5deg)}.sat-b{top:43%;right:-1%;transform:rotate(5deg)}.sat-c{bottom:16%;left:12%;transform:rotate(-3deg)}.orbit-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.dot{width:5px;height:5px;background:var(--muted);border-radius:50%}.dark{background:var(--ink);color:var(--paper)}.process{padding:85px 0 48px}.section-heading{max-width:760px}.section-heading>p:not(.eyebrow){font-size:15px}.dark .eyebrow,.dark .caption{color:var(--lavender)}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:55px}.flow-step{padding:0 28px 0 0;position:relative}.flow-step:not(:first-child){padding-left:28px}.flow-step:before{content:'';position:absolute;top:25px;height:1px;background:#8495ba60;left:0;right:0}.flow-symbol{position:relative;display:flex;align-items:center;justify-content:center;width:51px;height:51px;border:1px solid var(--lavender);background:var(--ink);color:var(--lavender);font-size:25px;margin-bottom:27px;transition:background .4s,color .4s,border-radius .4s}.flow-step.active .flow-symbol{background:var(--lavender);color:var(--ink);border-radius:50%}.flow h3{font-size:19px;margin-bottom:12px}.flow p{font-size:13px;color:#eaf4fa}.human-line{display:flex;gap:16px;align-items:center;border-top:1px solid #8495ba60;padding-top:22px;margin-top:24px}.human-line>span{color:var(--lavender);font-size:28px}.human-line p{font-size:12px;margin:0}.caption{font-size:10px;margin:24px 0 0;max-width:none}.services{padding-top:95px;padding-bottom:90px}.services .section-heading{max-width:900px}.service{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:32px 0}.service:first-child{margin-top:45px}.service:last-child{border-bottom:1px solid var(--line)}.service-title{display:flex;gap:28px}.service-index{font-size:11px;color:var(--muted);padding-top:10px}.service h3{font-size:29px;letter-spacing:-1px}.service-type{display:inline-block;border:1px solid #8495ba;color:var(--muted);font-size:10px;padding:4px 10px;margin-bottom:15px;border-radius:20px}.service-detail p{font-size:14px;margin:0}.approach{background:#ffffff;padding:85px 0}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.approach-grid>div>p:not(.eyebrow){font-size:14px}.principle{border-top:1px solid #dbe5ec;padding:18px 0 0;margin-top:20px}.principle h3{font-size:16px;margin-bottom:8px}.principle p{font-size:13px;color:var(--muted);margin:0}.approach-art{position:relative;min-height:420px;align-self:center;aspect-ratio:1/1;background:var(--paper);border:1px solid #dbe5ec;display:flex;align-items:center;justify-content:center}.art-label{position:absolute;left:28px;top:28px;right:20px;font-size:10px;letter-spacing:.5px}.bracket{font-size:220px;font-weight:400;line-height:1;color:var(--lavender)}.left{margin-right:28px}.right{margin-left:28px}.human-symbol{display:flex;align-items:center;flex-direction:column;gap:14px}.human-symbol div{width:65px;height:65px;border-radius:50%;background:var(--ink)}.human-symbol span{display:block;width:110px;height:90px;border-radius:60px 60px 8px 8px;background:var(--ink)}.art-caption{position:absolute;bottom:35px;font-size:12px}.measurement{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;padding-top:100px;padding-bottom:100px}.measurement p{font-size:14px}.measurement ul{list-style:none;padding:0;margin:30px 0 0}.measurement li{border-top:1px solid var(--line);padding:13px 0;font-size:13px;display:flex;gap:13px}.measurement li:before{content:'↗';color:var(--muted)}.measurement-note{align-self:center;padding:36px;border:1px solid #8495ba;background:#f1f8fc}.note-mark{font-size:65px;color:var(--muted);line-height:1}.measurement-note h3{font-size:23px;margin:18px 0}.measurement-note p:last-child{font-size:12px;color:var(--muted);margin-bottom:0}.closing{padding:85px 0}.close-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.closing h2{font-size:clamp(35px,4vw,60px)}.closing p{font-size:14px;color:#eaf4fa}.closing .close-intro{font-size:17px}.closing .eyebrow{font-size:11px}.light{background:var(--paper);color:var(--ink);border-color:var(--paper);margin-top:12px}.light:hover{background:var(--lavender)}.closing .micro{font-size:11px}.closing .booking-status{font-size:11px;color:var(--lavender);margin:15px 0 0}footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-top:32px;padding-bottom:32px}footer .brand{font-size:25px}footer p,footer>span{font-size:10px;color:var(--muted);margin:0}dialog{border:1px solid var(--line);padding:42px;background:var(--paper);color:var(--ink);max-width:560px;width:calc(100% - 36px)}dialog::backdrop{background:#0d0d0aaa}dialog h2{font-size:30px}dialog p{font-size:14px}dialog .cta{margin-top:24px}.dialog-close{position:absolute;right:8px;top:6px;font-size:27px;background:none;border:0;color:var(--ink);width:44px;height:44px}
@media(min-width:1600px){body{font-size:17px}}@media(max-width:1050px){nav{gap:15px;font-size:11px}.hero-grid{grid-template-columns:1.15fr 1fr}h1{letter-spacing:-2px}.ring-c{width:350px;height:350px}.ring-b{width:300px;height:300px}.satellite{padding:12px;font-size:10px}.orbit{min-height:430px}.approach-grid,.measurement,.close-grid{gap:45px}.approach-art{min-height:340px}.bracket{font-size:170px}.left{margin-right:15px}.right{margin-left:15px}}
@media(max-width:760px){header{padding-top:20px;padding-bottom:20px;flex-wrap:wrap;gap:12px}.brand{font-size:27px}.languages{margin-left:auto;order:1}nav{order:2;width:100%;justify-content:space-between;gap:10px;padding-top:13px;font-size:10px}.hero{padding-top:28px}.hero-top{display:block}.hero-top .eyebrow{font-size:9px;margin-bottom:8px}.market{font-size:10px}.hero-grid{display:flex;flex-direction:column;gap:12px;padding-top:30px;padding-bottom:30px}h1{font-size:39px;line-height:1.12;letter-spacing:-1.7px;margin-bottom:25px}.lead{font-size:15px}.intro-detail{font-size:13px}.cta{font-size:12px;padding:16px 18px;gap:18px}.micro{font-size:10px}.orbit{width:100%;max-width:430px;min-height:375px;margin-top:20px;transform:none}.ring-c{width:320px;height:320px}.ring-b{width:270px;height:270px}.ring-a{width:200px;height:200px}.core{height:150px;width:150px}.core-symbol{font-size:75px}.core>span:last-child{font-size:9px}.sat-a{left:0}.sat-b{right:0}.sat-c{left:8%;bottom:14%}.hero-bottom{font-size:9px;gap:12px}.hero-bottom span{flex:1}.hero-bottom span:before{display:block;margin:0 0 4px}.process,.services,.approach,.closing{padding-top:55px;padding-bottom:55px}h2{font-size:33px;letter-spacing:-1.1px}.section-heading>p:not(.eyebrow){font-size:14px}.flow{grid-template-columns:1fr;margin-top:32px}.flow-step,.flow-step:not(:first-child){padding:0 0 28px 75px;min-height:120px}.flow-step:before{left:25px;top:0;bottom:0;width:1px;height:auto;right:auto}.flow-step:last-child:before{display:none}.flow-symbol{position:absolute;left:0;top:0}.flow h3{font-size:18px;margin-bottom:8px}.flow p{margin:0}.human-line{margin-top:0}.service{grid-template-columns:1fr;gap:12px;padding:26px 0}.service-title{gap:17px}.service h3{font-size:26px;margin:0}.service-detail{padding-left:33px}.service-detail p{font-size:13px}.service:first-child{margin-top:30px}.approach-grid{display:flex;flex-direction:column-reverse;gap:35px}.approach-art{width:100%;min-height:320px;max-width:450px}.measurement{grid-template-columns:1fr;gap:30px;padding-top:55px;padding-bottom:55px}.measurement-note{padding:28px}.close-grid{grid-template-columns:1fr;gap:18px}.closing h2{font-size:39px}.closing .close-intro{font-size:15px}footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px}footer p{width:100%;order:3}dialog{padding:34px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.orbit{transform:none!important}.cta:hover{transform:none}}
/* White and blue direction; original wordmark geometry retained. */
:root{--ice:#f1f8fc;--teal:#7cb2bd;--blue:#336487}
.brand{color:#0d0d0a}.brand span{color:var(--blue)}.hero{background:#fff}.hero h1{color:var(--blue)}
.dark{background:var(--blue);color:#fff}.dark .eyebrow,.dark .caption,.closing .booking-status{color:#eaf4fa}.dark button:focus-visible{outline-color:#fff}
.cta{background:var(--blue);border-color:var(--blue)}.cta:hover{background:#244d6b}.light{background:#fff;color:var(--blue);border-color:#fff}.light:hover{background:var(--ice)}
.orbit{perspective:850px;transition:transform .35s ease-out}.orbit-grid{background-image:radial-gradient(#8495ba80 1px,transparent 1px);background-size:25px 25px}
.ring{border-color:#8495ba90;animation:orbit-turn 22s linear infinite;will-change:transform}.ring-a{border-color:var(--teal);animation-duration:14s;animation-direction:reverse}.ring-b{border-style:dashed;animation-duration:28s}.ring-c{border-color:#8495ba65;animation-duration:40s}
.ring:after{content:'';position:absolute;left:50%;top:-5px;width:10px;height:10px;background:var(--blue);border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #8495ba}.ring-a:after{background:var(--teal)}.ring-c:after{width:7px;height:7px;top:-4px;background:#8495ba}
.core{background:var(--blue);box-shadow:12px 20px 0 #3364870a;transform:translate(calc(-50% + var(--mx,0px)),calc(-50% + var(--my,0px)));transition:transform .3s ease-out}.core-symbol span{color:var(--teal)}
.satellite{border-color:#bccedc;box-shadow:8px 12px 24px #3364870c;animation:float-card 6s ease-in-out infinite;will-change:transform;color:var(--blue)}.sat-a{--angle:-5deg;animation-delay:-1s}.sat-b{--angle:5deg;animation-delay:-3s}.sat-c{--angle:-3deg;animation-delay:-5s}
.flow-symbol{background:var(--blue);color:#fff;border-color:#c7d9e6;transition:background .5s,color .5s,border-radius .5s,transform .5s}.flow-step.active .flow-symbol{background:#fff;color:var(--blue);transform:rotate(360deg)}.flow-step:before{background:#ffffff50}.human-line{border-color:#ffffff50}.human-line>span{color:#fff}
.flow-step:after{content:'';position:absolute;top:22px;left:0;width:7px;height:7px;border-radius:50%;background:#fff;animation:flow-travel 5s linear infinite;animation-delay:var(--delay,0s);pointer-events:none}.flow-step:nth-child(2){--delay:-1.25s}.flow-step:nth-child(3){--delay:-2.5s}.flow-step:last-child:after{display:none}
.service{transition:background .25s}.service:hover{background:var(--ice)}.service h3{transition:transform .25s,color .25s}.service:hover h3{transform:translateX(8px);color:var(--blue)}
.approach{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.approach-art{background:var(--ice);overflow:hidden}.approach-art:before{content:'';position:absolute;inset:18%;border:1px solid #8495ba60;border-radius:50%;animation:human-ring 9s ease-in-out infinite}.human-symbol{position:relative;animation:human-breathe 6s ease-in-out infinite}.human-symbol div,.human-symbol span{background:var(--blue)}.bracket{color:#8495ba;position:relative}.measurement-note{background:var(--ice)}
.motion-controls{display:flex;justify-content:flex-end;padding-bottom:14px}.motion-toggle{border:0;border-bottom:1px solid #8495ba;background:#fff;color:var(--blue);font-size:11px;padding:10px 2px;min-height:44px}.motion-toggle:before{content:'Ⅱ';margin-right:9px}.motion-toggle[aria-pressed=true]:before{content:'▷'}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .orbit,body.motion-paused .core{transform:none;transition:none}body.motion-paused .core{transform:translate(-50%,-50%)}
@keyframes orbit-turn{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes float-card{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-14px) rotate(0deg)}}
@keyframes flow-travel{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(200px);opacity:0}}
@keyframes human-ring{0%,100%{transform:scale(.95)}50%{transform:scale(1.14)}}
@keyframes human-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:760px){.flow-step:after{top:0;left:22px;animation-name:flow-down}.flow-step:last-child:after{display:none}.motion-controls{justify-content:center}}
@keyframes flow-down{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(110px);opacity:0}}
@media(prefers-reduced-motion:reduce){.core{transform:translate(-50%,-50%)!important}.flow-step.active .flow-symbol,.service:hover h3{transform:none}.flow-step:after{display:none}.motion-controls{display:none}}
/* Monochrome foundation, colour reserved for conceptual imagery and details. */
:root{--paper:#fff;--ink:#000;--muted:#505050;--line:#dedede;--blue:#000;--ice:#f7f7f7;--lavender:#8495ba;--teal:#7cb2bd}
.hero h1,.brand,.brand span{color:#000}.dark{background:#000;color:#fff}.dark .eyebrow,.dark .caption,.closing .booking-status{color:#d3d3d3}.flow p,.closing p{color:#e3e3e3}.cta:hover{background:#303030}.light:hover{background:#ededed}.service:hover{background:#f7f7f7}.service:hover h3{color:#000}.service-type{border-color:#bdbdbd}.measurement-note{background:#fff;border-color:#ccc}.approach-art{background:#fff;border-color:#dedede}.approach-art:before{border-color:#8495ba60}.bracket{color:#8495ba}.human-symbol div,.human-symbol span{background:#000}.note-mark{color:#000}.human-line>span{color:#7cb2bd}.flow-symbol{border-color:#aaa}.flow-step.active .flow-symbol{background:#fff;color:#000}.light{color:#000}.motion-toggle{color:#505050;border-color:#bbb}dialog::backdrop{background:#0009}
.power-visual{margin:0;min-height:0;align-self:center;perspective:1000px;width:100%;transform:translateY(var(--shift,0px))}.power-frame{position:relative;overflow:hidden;background:#000;aspect-ratio:1.35;transform:translateZ(0)}.power-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:54% 48%;transform:scale(1.04) translate(var(--mx,0px),var(--my,0px));transition:transform .65s ease-out;animation:power-drift 12s ease-in-out infinite alternate}.power-frame:after{content:'';position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,#7cb2bd 0 50%,#8495ba 50%)}.power-corner{position:absolute;right:18px;top:10px;color:#fff;font-size:25px;font-weight:400}.power-visual figcaption{border-bottom:1px solid #dedede;padding:22px 0;display:flex;flex-direction:column;gap:8px}.power-title{font-size:24px;line-height:1.3;letter-spacing:-.7px;font-weight:500;max-width:28ch}.power-caption{font-size:12px;color:#505050}.hero-grid{grid-template-columns:1.12fr 1fr;gap:clamp(32px,5vw,75px)}
@keyframes power-drift{from{transform:scale(1.04) translate(var(--mx,0px),var(--my,0px))}to{transform:scale(1.10) translate(var(--mx,0px),var(--my,0px))}}
@media(max-width:760px){.power-visual{max-width:none;margin-top:30px}.power-frame{aspect-ratio:1.5}.power-title{font-size:23px}.power-visual figcaption{padding:19px 0}.hero-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){.power-frame img{transform:none!important}.power-visual{transform:none!important}}
/* Generated aligned eye frames; independent holographic interface planes. */
.power-frame.eye-scene{aspect-ratio:1;position:relative;background:#001326;isolation:isolate}.eye-scene:after{display:none}.eye-open,.eye-closed,.holo-base{position:absolute;inset:0;background-image:url('assets/ai-animation-sheet.png');background-size:300% 100%;background-repeat:no-repeat}.eye-open{background-position:0 50%}.eye-closed{background-position:50% 50%;opacity:0;animation:eye-blink 6.4s linear infinite;clip-path:ellipse(43% 28% at 70% 39%)}
@keyframes eye-blink{0%,41%,47%,88%,94%,100%{opacity:0}43%,45%,90%,92%{opacity:1}}
.approach-art.hologram-scene{aspect-ratio:1;min-height:0;border:0;background:#001326;overflow:hidden;isolation:isolate}.hologram-scene:before{display:none}.holo-base{background-position:100% 50%}.holo-panels{position:absolute;inset:0;perspective:700px}.holo-panel{position:absolute;border:1px solid #90e9ffbb;background:linear-gradient(135deg,#70dfff20,#8495ba12);color:#9ceaff;box-shadow:0 0 12px #56ceff40,inset 0 0 15px #70dfff15;backdrop-filter:blur(1px);border-radius:3px;animation:holo-float 7s ease-in-out infinite;transform-style:preserve-3d;pointer-events:none}.panel-a{left:6%;top:20%;width:31%;height:20%;display:flex;gap:9%;align-items:flex-end;padding:6%;--rotate:-8deg}.panel-a i{display:block;background:#8495ba;width:10%;height:40%;box-shadow:0 0 6px #a1eaff}.panel-a i:nth-child(2){height:62%}.panel-a i:nth-child(3){height:52%}.panel-a i:nth-child(4){height:85%}.panel-a i:nth-child(5){height:100%}.panel-b{right:5%;top:40%;width:30%;height:19%;padding:5%;animation-delay:-2s;--rotate:8deg}.panel-b span{float:left;font-size:36px;line-height:1;margin-right:12%}.panel-b b{display:block;background:#7cb2bd;height:2px;margin:10% 0}.panel-c{right:4%;top:15%;width:34%;height:23%;padding:4%;animation-delay:-4s;--rotate:6deg}.panel-c svg{height:100%;width:100%}.panel-d{left:7%;top:48%;width:22%;height:15%;display:grid;place-items:center;animation-delay:-3s;--rotate:-6deg}.panel-d span{font-size:42px;line-height:1}
@keyframes holo-float{0%,100%{transform:translate3d(0,0,0) rotateY(var(--rotate))}50%{transform:translate3d(8px,-16px,25px) rotateY(0deg)}}
@media(max-width:760px){.power-frame.eye-scene{aspect-ratio:1}.approach-art.hologram-scene{width:100%;max-width:450px}.panel-b span{font-size:28px}.panel-d span{font-size:30px}}
@media(prefers-reduced-motion:reduce){.eye-closed{display:none}.holo-panel{transform:none!important}}
/* Full-screen opening: image is a background plane, copy remains selectable. */
header{position:absolute;z-index:5;left:0;right:0;max-width:none;border-bottom:1px solid #ffffff30;color:#fff;background:transparent}header .brand,header .brand span,header .languages button,header .languages button[aria-pressed=true]{color:#fff}header a:focus-visible,header button:focus-visible{outline-color:#fff}
.hero.wrap{position:relative;isolation:isolate;max-width:none;min-height:100svh;padding:150px var(--gutter) 90px;background:#001326;color:#fff;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-top{display:none}.hero-grid{display:block;padding:20px 0;max-width:1512px;width:100%;margin:0 auto}.hero-grid>div:first-child{position:relative;z-index:2;max-width:660px}.hero h1{color:#fff;font-size:clamp(38px,4.4vw,68px);text-shadow:0 2px 24px #0005}.hero .lead{color:#fff}.hero .intro-detail,.hero .micro{color:#e2e8ed}.hero .cta{background:#fff;color:#000;border-color:#fff}.hero .cta:hover{background:#e3e8ed}.hero .power-visual{position:absolute;inset:0;z-index:-2;margin:0;max-width:none;width:100%;height:100%;transform:none!important;perspective:none}.hero .power-frame.eye-scene{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:#001326}.hero .power-visual figcaption{display:none}.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,8,17,.94) 0%,rgba(0,8,17,.8) 32%,rgba(0,8,17,.28) 60%,transparent 82%)}
.hero .eye-open,.hero .eye-closed{left:auto;right:0;width:max(100vw,100svh);height:max(100vw,100svh);top:50%;bottom:auto;transform:translateY(-50%);background-size:300% 100%}.hero .eye-closed{clip-path:ellipse(43% 28% at 70% 39%);animation:eye-blink-visible 4s linear infinite}.hero .motion-controls{position:absolute;bottom:35px;right:var(--gutter);z-index:3;padding:0}.hero .motion-toggle{color:#fff;background:#00132699;border:1px solid #ffffff70;padding:10px 15px}.hero .hero-bottom{position:relative;z-index:2;color:#dce4eb;border-color:#ffffff40;max-width:660px;width:100%;font-size:11px;margin-top:12px}.hero .motion-toggle:focus-visible{outline-color:#fff}
@keyframes eye-blink-visible{0%,36%,53%,100%{opacity:0}40%,48%{opacity:1}}
@media(max-width:760px){header{padding:18px var(--gutter)}.hero.wrap{min-height:100svh;padding-top:155px;padding-bottom:100px;justify-content:flex-end}.hero h1{font-size:clamp(32px,7.8vw,44px);max-width:20ch}.hero .lead{font-size:14px}.hero .intro-detail{font-size:12px}.hero .hero-grid>div:first-child{max-width:100%}.hero .eye-open,.hero .eye-closed{width:max(100vw,85svh);height:max(100vw,85svh);top:0;transform:none;right:-22%}.hero:after{background:linear-gradient(0deg,rgba(0,8,17,.98) 0%,rgba(0,8,17,.88) 42%,rgba(0,8,17,.28) 80%,rgba(0,8,17,.15))}.hero .hero-bottom{font-size:9px}.hero .motion-controls{bottom:25px}.hero .power-visual{margin:0}}
@media(prefers-reduced-motion:reduce){.hero .eye-closed{display:none}.hero .motion-controls{display:none}}
/* Explicit playback is a visitor choice, including with OS reduced motion. */
@media(prefers-reduced-motion:reduce){.hero .motion-controls{display:flex}.motion-explicit .hero .eye-closed{display:block;animation:eye-blink-visible 4s linear infinite!important}.motion-explicit .holo-panel{animation:holo-float 7s ease-in-out infinite!important}.motion-explicit .panel-b{animation-delay:-2s!important}.motion-explicit .panel-c{animation-delay:-4s!important}.motion-explicit .panel-d{animation-delay:-3s!important}}
/* ScrollCraft owns --sc-p. No time-driven animation on holographic panels. */
:root{--sc-canvas:#fff;--sc-surface:#fff;--sc-ink:#000;--sc-ink-soft:#505050;--sc-accent:#7cb2bd;--sc-accent-ink:#000}
.holo-panel,.motion-explicit .holo-panel{animation:none!important;transition:none!important;transform:translate3d(calc((var(--panel-progress,var(--sc-p,.5)) - .5) * var(--travel-x,100px)),calc((var(--panel-progress,var(--sc-p,.5)) - .5) * var(--travel-y,-130px)),0) rotateY(calc((var(--panel-progress,var(--sc-p,.5)) - .5) * 24deg))!important}.panel-b{--travel-x:-130px;--travel-y:110px}.panel-c{--travel-x:80px;--travel-y:-180px}.panel-d{--travel-x:-70px;--travel-y:90px}
.flow-step:after,.approach-art:before{display:none}.eye-open{animation:none!important}.hero .eye-closed{animation:eye-blink-visible 4s linear infinite}.inquiry{display:block;margin-top:20px;background:none;border:0;border-bottom:1px solid #fff;color:#fff;padding:10px 0;font:inherit;font-size:13px;cursor:pointer}.approach-grid{align-items:center}.hologram-scene{position:sticky;top:8vh}.approach{padding-block:100px;min-height:115vh}.languages button{min-width:36px}.languages [aria-pressed=true]{font-weight:800;text-decoration:underline;text-underline-offset:7px}
@media(prefers-reduced-motion:reduce){body:not(.motion-explicit) .holo-panel{transform:none!important}body:not(.motion-explicit) .eye-closed{display:none}}
@media(max-width:760px){.approach{min-height:0;padding-block:55px}.hologram-scene{position:relative;top:auto}}
/* Larger independent trajectories, driven solely by ScrollCraft progress. */
.holo-panel{--travel-x:330px;--travel-y:-280px;box-shadow:0 0 16px #56ceff50,inset 0 0 15px #70dfff20}.panel-b{--travel-x:-280px;--travel-y:250px}.panel-c{--travel-x:240px;--travel-y:-340px}.panel-d{--travel-x:-210px;--travel-y:220px}.holo-panel small{position:absolute;left:8px;top:5px;font-size:clamp(9px,1vw,12px);line-height:1.3;color:#fff;background:#001326b3;padding:3px 5px;white-space:nowrap}.panel-a{padding-top:12%}.panel-b{padding-top:10%}.panel-c{padding-top:9%}.panel-d span{margin-top:15px}.hologram-scene{box-shadow:0 18px 50px #0001}
@media(max-width:760px){.holo-panel{--travel-x:220px;--travel-y:-180px}.panel-b{--travel-x:-180px;--travel-y:160px}.panel-c{--travel-x:170px;--travel-y:-230px}.panel-d{--travel-x:-150px;--travel-y:150px}}
.support-note{border-left:2px solid #7cb2bd;margin-top:32px;padding:8px 0 8px 24px;max-width:720px}.support-note h3{font-size:17px;margin-bottom:8px}.support-note p{font-size:14px;color:#505050;margin:0}
/* Slow eyelid cycle; independent hand and panels follow ScrollCraft progress. */
.hero .eye-closed,.motion-explicit .hero .eye-closed{animation:eye-blink-slow 8s ease-in-out infinite!important}
@keyframes eye-blink-slow{0%,38%,64%,100%{opacity:0}48%,54%{opacity:1}}
.hologram-scene .holo-base{background-image:url('assets/hologram-layers.png');background-size:200% 100%;background-position:left center}
.holo-hand{position:absolute;inset:0;background-image:url('assets/hologram-layers.png');background-size:200% 100%;background-position:right center;transform-origin:28% 100%;transform:translate(calc((var(--panel-progress,var(--sc-p,.5)) - .5) * 65px),calc((var(--panel-progress,var(--sc-p,.5)) - .5) * -90px)) rotate(calc((var(--panel-progress,var(--sc-p,.5)) - .5) * 16deg));pointer-events:none;z-index:2}.holo-panels{z-index:3}
@media(prefers-reduced-motion:reduce){body:not(.motion-explicit) .holo-hand{transform:none!important}}
#service-list{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:42px}.offer{border:1px solid #bbb;padding:clamp(26px,4vw,54px);display:flex;flex-direction:column;align-items:flex-start;background:#fff}.offer:nth-child(2){background:#000;color:#fff;border-color:#000}.offer-name{font-size:clamp(46px,5vw,74px);letter-spacing:-3px;line-height:1.1;margin:16px 0 24px}.offer-type{font-size:11px;letter-spacing:.6px;line-height:1.6}.offer-summary{font-size:22px;line-height:1.4}.offer-body,.offer-points{font-size:14px;line-height:1.8}.offer-points{padding-left:18px;margin-bottom:30px}.offer .cta{margin-top:auto}.offer:nth-child(2) .cta{background:#fff;color:#000}.offer:nth-child(2) .cta:hover{background:#ddd}
.hologram-scroll{padding:0!important;background:#001326;position:relative}.hologram-scroll .sc-stage{height:100svh;width:100%;overflow:hidden}.hologram-scroll .hologram-scene{position:absolute;inset:0;width:100%;max-width:none;height:100%;aspect-ratio:auto;top:0;margin:0;box-shadow:none}.hologram-scroll .holo-base,.hologram-scroll .holo-hand{width:max(100vw,100svh);height:max(100vw,100svh);left:calc((100% - max(100vw,100svh))/2);top:calc((100% - max(100vw,100svh))/2)}.hologram-scroll .holo-panels{inset:8% 12%}.hologram-scroll .panel-a{--travel-x:360px;--travel-y:-180px}.hologram-scroll .panel-b{--travel-x:-330px;--travel-y:220px}.hologram-scroll .panel-c{--travel-x:290px;--travel-y:-250px}.hologram-scroll .panel-d{--travel-x:-250px;--travel-y:180px}.holo-overlay{position:absolute;left:24px;bottom:16px;z-index:5;pointer-events:none}.holo-overlay p{color:#fff;background:#001326cc;padding:8px 12px;font-size:11px;margin:0}.approach-copy{padding-top:80px;padding-bottom:80px}.approach-copy>h2{max-width:850px}.approach-copy #principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
@media(max-width:760px){#service-list{grid-template-columns:1fr}.offer-name{font-size:52px}.hologram-scroll .holo-panels{inset:10% 2%}.hologram-scroll .holo-panel{--travel-x:120px;--travel-y:-130px}.hologram-scroll .panel-b{--travel-x:-100px;--travel-y:140px}.hologram-scroll .panel-c{--travel-x:110px;--travel-y:-150px}.hologram-scroll .panel-d{--travel-x:-120px;--travel-y:100px}.approach-copy #principles{grid-template-columns:1fr;gap:0}.holo-overlay{left:12px;right:12px;bottom:12px}.holo-overlay p{font-size:10px}}
/* Enquiries lives inside the hologram scene; the complete offer stays readable. */
#service-list{grid-template-columns:1fr;max-width:1000px}.offer{display:grid;grid-template-columns:1fr 1fr;column-gap:50px}.offer .offer-type,.offer .offer-name,.offer .offer-summary{grid-column:1}.offer .offer-body,.offer .offer-points,.offer .cta{grid-column:2}.offer .offer-body{grid-row:1/4}.offer .offer-points{grid-row:4}.offer .cta{grid-row:5;justify-self:start}.offer .offer-summary{grid-row:4}.hologram-scroll .sc-stage{isolation:isolate;min-height:800px}.hologram-scroll .hologram-scene{z-index:-2}.hologram-scroll .sc-stage:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,8,18,.96),rgba(0,8,18,.89) 34%,rgba(0,8,18,.3) 63%,transparent 85%)}.enquiries-copy{position:relative;z-index:4;color:#fff;max-width:650px;padding:clamp(30px,4vh,60px) var(--gutter) 65px;padding-right:30px}.enquiries-copy .offer-name{font-size:clamp(42px,4.5vw,68px);margin:10px 0 18px}.enquiries-copy .offer-type{font-size:11px;margin-bottom:0;color:#e2e8ee}.enquiries-copy .offer-summary{font-size:22px;line-height:1.35;margin-bottom:16px}.enquiries-copy .offer-body,.enquiries-copy .offer-points{font-size:13px;line-height:1.65}.enquiries-copy .offer-points{margin:12px 0 16px}.enquiries-copy .cta{margin-top:0}.enquiries-copy .support-note{margin-top:24px;padding:0 0 0 18px}.enquiries-copy .support-note h3{color:#fff;font-size:16px}.enquiries-copy .support-note p{color:#e2e8ee;font-size:12px;line-height:1.6}.hologram-scroll .holo-overlay{left:auto;right:20px;max-width:36%;text-align:right}.hologram-scroll .holo-panels{left:43%;right:3%}.hologram-scroll .holo-base,.hologram-scroll .holo-hand{left:calc((100% - max(100vw,100svh))/2 + 12vw)}
@media(max-width:760px),(max-height:700px){.hologram-scroll{height:auto!important}.hologram-scroll .sc-stage{position:relative!important;height:auto!important;min-height:100svh;overflow:hidden}.enquiries-copy{max-width:650px;padding:50px 24px 95px}.hologram-scroll .sc-stage:after{background:linear-gradient(90deg,#000b,#001326c9 60%,#00132690)}.hologram-scroll .holo-base,.hologram-scroll .holo-hand{left:calc((100% - max(100vw,100svh))/2);top:0}.hologram-scroll .holo-overlay{left:24px;right:24px;max-width:none;text-align:left}.hologram-scroll .holo-panels{inset:8% 4%}.offer{display:flex;gap:0}.enquiries-copy .support-note p{font-size:13px}}
/* One shared ScrollCraft gesture for the pointing hand and its text plane. */
#enquiries{--gesture-x:65px;--gesture-y:-90px;--gesture-p:var(--panel-progress,var(--sc-p,.5))}
#enquiries .enquiries-copy{transform:translate3d(calc((var(--gesture-p) - .5) * var(--gesture-x)),calc((var(--gesture-p) - .5) * var(--gesture-y)),0);transition:none;will-change:transform}
#enquiries .holo-hand{transform:translate(calc((var(--gesture-p) - .5) * var(--gesture-x)),calc((var(--gesture-p) - .5) * var(--gesture-y))) rotate(calc((var(--gesture-p) - .5) * 16deg));transition:none}
.firm-position{font-size:11px;color:#e2e8ed;margin:18px 0 0;max-width:55ch}.investment-principle{font-size:18px;line-height:1.7;max-width:65ch;color:#505050}
@media(max-width:760px),(max-height:700px){#enquiries{--gesture-x:14px;--gesture-y:-34px}#enquiries .enquiries-copy{padding-top:64px;padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-explicit) #enquiries .enquiries-copy,body:not(.motion-explicit) #enquiries .holo-hand{transform:none!important}}

/* Brief integration: preserve existing visual system. */
#service-list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.offer{display:flex;gap:0}.offer-name{font-size:clamp(32px,3.6vw,56px);letter-spacing:-2px;overflow-wrap:anywhere}.offer .cta{margin-top:auto}.detail-section{padding-block:80px}.detail-section>p,.detail-section>ol{max-width:78ch}.detail-section p,.detail-section li,#principles li{line-height:1.8}.proof-cycle{padding-left:24px}.proof-cycle li{padding:20px 12px}.proof-cycle li:nth-child(3){background:#000;color:#fff;padding:32px;margin-block:24px}.decision-limit{border-left:3px solid #7cb2bd;padding-left:24px}#method #principles{display:block;padding-left:24px}#method li{margin-block:16px}details{border-top:1px solid #aaa;padding:22px 0}summary{cursor:pointer;font-size:20px;font-weight:600}details p{max-width:75ch}.languages a{padding:7px;color:inherit;text-decoration:none}.languages a[aria-current=true]{font-weight:800;text-decoration:underline;text-underline-offset:7px}footer{flex-wrap:wrap;gap:24px}.legal-links{display:flex;gap:20px;flex-wrap:wrap}.hero .inquiry{color:white}.enquiries-copy>p{font-size:14px;line-height:1.7}.enquiries-copy .offer-summary{font-size:22px}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #7cb2bd;outline-offset:5px}html:not(.js) .motion-controls{display:none}html:not(.js) .hologram-scroll{height:auto!important}html:not(.js) .sc-stage{position:relative!important;height:auto!important;min-height:100svh}html:not(.js) .eye-closed{animation:none!important;display:none}html:not(.js) .enquiries-copy,html:not(.js) .holo-hand{transform:none!important}
@media(max-width:900px){header{flex-wrap:wrap}header nav{display:flex!important;order:3;width:100%;gap:16px;flex-wrap:wrap;font-size:12px}#service-list{grid-template-columns:1fr}.detail-section{padding-block:48px}.hero h1{font-size:clamp(36px,8vw,64px)}}
@media(prefers-reduced-motion:reduce){body:not(.motion-explicit) *,body:not(.motion-explicit) *:before,body:not(.motion-explicit) *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body:not(.motion-explicit) .hologram-scroll{height:auto!important}body:not(.motion-explicit) .sc-stage{position:relative!important;height:auto!important;min-height:100svh}}
body.motion-paused .eye-closed{animation:none!important;display:none}body.motion-paused .enquiries-copy,body.motion-paused .holo-hand{transform:none!important}
header{position:sticky;top:0;z-index:100;background:#fff;color:#000;width:100%;max-width:none}
header{position:fixed;left:0;right:0;margin:0}body{padding-top:85px}@media(max-width:900px){body{padding-top:125px}html{scroll-padding-top:140px}}

/* fix: brand invisible on white sticky header (stale white-brand rule from full-screen opening design) */
header .brand,header .brand span,header .languages button{color:#0d0d0a}
header .brand span{color:var(--muted)}