/* Floating glass islands */
.hero-video[hidden]{display:none}
:root{--glass:linear-gradient(140deg,#aed3c129,#2d524222);--glass-border:#d2e8d740}
.hero{height:100svh;min-height:820px;max-height:1100px}.hero-media{position:absolute;inset:0;z-index:-4;background:#071512 url('./assets/shanshui-landscape.png') 66% center/cover;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover;object-position:66% center;display:block}.hero:before{z-index:-2;background:linear-gradient(90deg,#06140fed 0%,#06140f88 36%,#06140f12 71%),linear-gradient(0deg,#081712 0%,transparent 33%,transparent 75%,#06140f55)}.hero-content{padding-top:clamp(210px,25vh,290px);transform:translateY(var(--hero-shift,0px));will-change:transform}.hero .hero-description{font-size:16px;color:#ccdacd;text-shadow:0 2px 14px #00150e}.hero-caption{right:26px;color:#e4eee1bd}.global-nav{border-bottom:0}.global-nav .brand{padding:4px 15px 4px 5px;border-radius:40px;background:#09211b30;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nav-contact{border-radius:25px;background:#143b283b;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.button{border-radius:40px;padding:16px 27px;box-shadow:inset 0 1px #fff5,0 8px 25px #001b1520;transition:transform .4s,box-shadow .4s,background .4s}.button:hover{transform:translateY(-3px) scale(1.025);box-shadow:inset 0 1px #fff7,0 12px 35px #95ce9c28}.hero-actions .text-link{border:0;color:#d6e6d6}.hero-actions .text-link span{width:28px;height:28px;border:1px solid #bbd9c456;border-radius:50%;display:grid;place-items:center}
.floating-nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 28px));z-index:80;border:1px solid #d9efdd3d;border-radius:27px;background:linear-gradient(125deg,#294b3be0,#0c231bcc);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:0 16px 50px #0005,inset 0 1px #ffffff20;animation:dock-in .5s cubic-bezier(.2,.8,.2,1)}.floating-nav[hidden]{display:none}.dock-row{display:flex;justify-content:space-between;align-items:center;padding:10px 13px 10px 23px;gap:20px}.dock-brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:550;white-space:nowrap}.dock-brand img{width:30px;height:30px;object-fit:contain}.dock-actions{display:flex;align-items:center;gap:20px}.dock-menu-toggle{background:transparent;border:0;font-size:12px;display:flex;align-items:center;gap:10px;padding:9px;color:#deeadc}.dock-menu-toggle span{transition:transform .3s}.dock-menu-toggle[aria-expanded=true] span{transform:rotate(180deg)}.dock-row .button{padding:10px 18px;font-size:12px;gap:10px}.dock-progress{position:absolute;bottom:0;left:26px;right:26px;height:1px;background:#d9efdd16;overflow:hidden}.dock-progress span{display:block;width:100%;height:100%;background:#c1e4c9;transform:scaleX(var(--page-progress,0));transform-origin:left}.dock-menu{position:absolute;right:0;top:calc(100% + 10px);width:260px;padding:12px;border:1px solid #d9efdd33;border-radius:24px;background:#183a2df0;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:0 20px 50px #0006}.dock-menu[hidden]{display:none}.dock-menu a{display:flex;align-items:center;justify-content:space-between;padding:15px 17px;border-radius:14px;font-size:13px;color:#dce8d8;transition:background .3s}.dock-menu a:hover,.dock-menu a[aria-current=true]{background:#c3debe19}.dock-menu span{font-size:10px;color:#a4b99f}@keyframes dock-in{from{opacity:0;translate:0 -15px}to{opacity:1;translate:0 0}}
.hero-islands{position:absolute;inset:0;pointer-events:none;z-index:4}.hero-island{position:absolute;display:flex;align-items:center;gap:15px;padding:17px 21px;background:linear-gradient(130deg,#c0dcc322,#3a71592d);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);border:1px solid #e5f4df4a;border-radius:23px;box-shadow:0 18px 42px #05201645,inset 0 1px #fff2;color:#eef6e6;animation:island-drift 9s ease-in-out infinite alternate;pointer-events:auto;transition:background .4s,box-shadow .4s}.hero-island:hover{background:#badfc02e;box-shadow:0 18px 55px #07211770,inset 0 1px #fff4}.island-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid #d7ebca33;background:#c4e0c114;font-family:var(--serif);font-size:19px}.hero-island strong{display:block;font-weight:400;font-size:14px;letter-spacing:2px}.hero-island small{display:block;margin-top:6px;color:#cadbc6;font-size:8px;letter-spacing:1.5px}.island-one{left:59%;top:29%}.island-two{right:8%;top:54%;animation-delay:-3s}.island-three{left:51%;bottom:14%;animation-delay:-6s}@keyframes island-drift{from{transform:translate3d(0,-7px,0)}to{transform:translate3d(0,7px,0)}}.motion-paused .hero-island{animation-play-state:paused}.hero-bottom{bottom:28px}.motion-control{padding:12px 17px;background:#264b3555;border-color:#d0e9c754;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.philosophy{position:relative;z-index:5;border:0;gap:20px;padding:0 0 45px;margin-top:-1px}.philosophy>div{background:var(--glass);border:1px solid var(--glass-border);border-radius:28px;padding:26px 30px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 16px 45px #0002,inset 0 1px #e4f3d912;transition:transform .5s,background .5s}.philosophy>div+div{border-left:1px solid var(--glass-border);padding-left:30px}.philosophy>div:hover{transform:translateY(-6px);background:#9ec8a61c}.philosophy strong{font-size:34px}.philosophy p{color:#adbdac}.philosophy span{color:#819e87}
.section{background:transparent!important;padding:105px 0;isolation:isolate}.section:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 75% 38%,#39674e35,transparent 65%),url('./assets/shanshui-landscape.png') center/cover;opacity:.12;mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent);filter:saturate(.6)}.platforms,.service{color:#eff3e9}.section .blue,.service .blue,.platforms .blue{color:#a1bda3}.section h2{color:#e9efdf}.section-heading>p,.platforms .section-heading>p{color:#a5bca9}
.platform-tabs{gap:5px;padding:7px;background:#c5e0ba0c;border:1px solid #bad6b32b;border-radius:34px;width:fit-content;max-width:100%;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin-bottom:30px}.platform-tabs button{padding:13px 20px;border:0;border-radius:28px;font-size:12px;color:#b5c9b7;transition:color .35s,background .35s,box-shadow .35s}.platform-tabs button[aria-selected=true]{background:#cfe2c9;color:#1d3828;box-shadow:0 5px 15px #001d1640}.platform-panel{border:1px solid #b8d7b73d;border-radius:36px;background:linear-gradient(115deg,#b8d0b514,#b7dec90b);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 30px 80px #0003,inset 0 1px #fff1;min-height:410px}.platform-copy{padding:54px}.tiny-label{color:#99b19a}.platform-copy h3{color:#e5eddf}.platform-copy p{color:#a9bfa9}.text-link{color:#c2d9b6;border-color:#93b29250}.platform-art{background:radial-gradient(ellipse,#a5c1ae0e,transparent 65%)}.platform-art img{mix-blend-mode:normal;filter:saturate(.7);border-radius:24px;box-shadow:0 15px 40px #00170f60;padding:6px;background:#ecf1eaff}.orbit{border-color:#c7e7cb30}.orbit-two{border-color:#c7e7cb18}.connected{color:#abc5b0}.connected i{background:#b3edcd}
.solution-carousel{position:relative}.solution-grid{display:flex;gap:24px;overflow-x:auto;padding:18px 2px 30px;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.solution-grid::-webkit-scrollbar{display:none}.solution-card{flex:0 0 calc((100% - 48px)/3);min-width:0;min-height:370px;padding:32px;scroll-snap-align:start;background:linear-gradient(145deg,#b6dec51c,#2243353d);border:1px solid #c6e0bd38;border-radius:32px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 35px #0002,inset 0 1px #ffffff15;transition:transform .55s,border-color .55s,background .55s}.solution-card:hover{transform:translateY(-7px);border-color:#d5eccc80;background:linear-gradient(145deg,#b6dec52b,#31534155)}.solution-card:nth-child(2n){background:linear-gradient(145deg,#d9dcb31a,#30453638)}.solution-card:after{border-color:#d5eccc15;box-shadow:0 0 0 12px #cedcc608,0 0 0 26px #cedcc606,0 0 0 44px #cedcc604}.card-top{height:135px}.card-top>span:first-child{color:#a5c1a5}.card-symbol{background:#bad4b40c;border:1px solid #d0e4bf22;border-radius:20px;padding:13px 15px;font-size:33px;color:#d3e1bf}.solution-card h3{font-size:25px}.solution-card p{color:#a8bda9}.detail-button{width:35px;height:35px;background:#d0e6c819;border:1px solid #d1e8c62e;color:#dfecd3}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:8px}.carousel-arrow{border:1px solid #c4dab829;background:#afcaa916;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);width:43px;height:43px;border-radius:50%;font-size:20px;color:#d3e6ce;transition:background .3s,opacity .3s}.carousel-arrow:hover{background:#aecda62c}.carousel-arrow:disabled{opacity:.25;cursor:default}.carousel-pill{height:43px;padding:0 19px;border:1px solid #c4dab829;border-radius:25px;background:#afcaa90c;display:flex;gap:17px;align-items:center;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.carousel-dots{display:flex;gap:8px}.carousel-dot{border:0;width:7px;height:7px;border-radius:7px;background:#96b39666;padding:0;transition:width .4s,background .4s}.carousel-dot[aria-current=true]{width:24px;background:#d6e8c8}.carousel-status{font-size:9px;color:#a0b59c;min-width:28px}
.service-large,.service-stack article{background:var(--glass);border:1px solid var(--glass-border);border-radius:30px;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 50px #0003,inset 0 1px #ffffff15;transition:transform .5s,border-color .5s}.service-stack article:hover{transform:translateX(-5px);border-color:#d1eac254}.service-large{border-radius:36px}.service-visual{background:radial-gradient(ellipse,#acd3b424,transparent 65%)}.service-visual img{filter:saturate(.8);transition:transform .8s}.service-large:hover .service-visual img{transform:translateY(-9px)}.service-large h3,.service-stack h3{color:#e4eddc}.service-large p,.service-stack p{color:#acc0a8}.service-number{color:#a8bd9299}.visual-label{color:#aec5a4}.muted{color:#90a789}.stats{border:0;gap:18px;margin-top:32px;padding:0}.stats>div{padding:31px 25px;background:#b0cda610;border:1px solid #bddab831;border-radius:27px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 15px 30px #0002}.stats strong{color:#cfdfba;font-size:45px}.stats p{color:#a9bda2}.stats-note{color:#859d82;margin-left:9px}.steps{gap:23px}.steps article{padding:32px;border:1px solid #c9dfbf38;border-radius:28px;background:var(--glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 20px 40px #0002;transition:transform .5s}.steps article:hover{transform:translateY(-5px)}.steps article:before{display:none}.steps article>span{color:#c2d3ad}.steps p{color:#aac0a4}.contact-box{border-radius:36px;background:linear-gradient(120deg,#d0e1b921,#9ec1a411);border-color:#d3e7bf47;box-shadow:0 30px 70px #0004,inset 0 1px #ffffff1a;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.contact-box p{color:#adc3a1}.secondary{background:#bdd5ae15;color:#dce8cd;border-color:#d4e8bf40}.secondary:hover{background:#bdd5ae29}
dialog{border-radius:34px;background:linear-gradient(125deg,#31503bea,#142c20ed);backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);color:#eef2df;border:1px solid #d5e6c454;box-shadow:0 35px 100px #0009;animation:dialog-enter .4s cubic-bezier(.16,1,.3,1)}dialog h2{color:#edf1de}dialog .eyebrow{color:#aec4a0}dialog>p:not(.eyebrow){color:#b2c6a6}dialog ul{color:#d0dec0}.dialog-close{color:#d6e6c8;border-color:#ccdfbd3b;background:#d3e3c515}.dialog-close:hover{background:#d3e3c52d}@keyframes dialog-enter{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1000px){.hero{min-height:800px}.hero-island{padding:13px 15px;gap:10px}.hero-island strong{font-size:12px}.hero-island small{font-size:7px}.island-one{left:62%;top:28%}.island-two{right:4%;top:52%}.island-three{left:58%;bottom:15%}.island-icon{width:30px;height:30px;font-size:16px}.platform-tabs button{padding:12px 13px;font-size:11px}.solution-card{flex-basis:calc((100% - 24px)/2)}.stats>div{padding:28px 20px}.stats strong{font-size:37px}.steps article{padding:28px}}
@media(max-width:600px){.hero{height:970px;min-height:900px}.hero-video{object-position:63% center}.hero:before{background:linear-gradient(#06140fbb 0%,#06140fac 22%,#06140f45 48%,#06140f12 64%,#081712 100%)}.hero-content{padding-top:156px;transform:none!important}.hero h1{font-size:49px}.hero .hero-description{font-size:13px;color:#d0dfd0}.hero-actions{gap:20px}.hero-actions .button{padding:15px 20px}.hero-actions .text-link{font-size:11px;gap:7px}.hero-actions .text-link span{width:23px;height:23px}.hero-caption{display:none}.global-nav{height:78px}.global-nav .brand{padding-right:12px}.global-nav nav{gap:15px}.floating-nav{top:10px;border-radius:23px}.dock-row{padding:9px 10px 9px 13px;gap:8px}.dock-brand{font-size:13px;gap:5px}.dock-brand img{width:26px;height:26px}.dock-actions{gap:8px}.dock-row .button{font-size:10px;padding:10px 13px;gap:5px}.dock-menu-toggle{font-size:11px;gap:7px;padding:8px 4px}.dock-menu{width:230px}.hero-island{padding:13px 15px;border-radius:22px}.hero-island strong{font-size:12px;letter-spacing:1px}.hero-island small{font-size:7px;letter-spacing:1px}.island-one{top:58%;left:6%;right:auto}.island-two{top:70%;right:6%}.island-three{bottom:11%;left:10%}.hero-bottom{bottom:24px}.scene-index{font-size:7px}.motion-control{font-size:9px;padding:11px 12px}.philosophy{gap:10px;margin-top:0;padding-bottom:20px}.philosophy>div,.philosophy>div+div{padding:20px 8px;border-radius:23px}.philosophy strong{font-size:27px}.philosophy p{font-size:10px;line-height:2}.philosophy span{font-size:6px;letter-spacing:.7px}.section{padding:76px 0}.platform-tabs{gap:4px;max-width:calc(100% + 20px);margin-right:-20px;padding:6px;border-radius:28px}.platform-tabs button{padding:11px 16px;font-size:10px}.platform-panel{border-radius:29px}.platform-copy{padding:32px 28px 0}.platform-copy p{font-size:13px}.platform-art{min-height:280px}.platform-art img{width:150px;border-radius:22px}.solution-grid{gap:16px;padding:12px 2px 24px}.solution-card{flex-basis:89%;min-height:345px;padding:28px;border-radius:29px}.card-top{height:114px}.card-top>span:first-child{font-size:8px}.card-symbol{font-size:28px;padding:11px 13px;border-radius:17px}.solution-card h3{font-size:25px}.solution-card p{font-size:13px}.carousel-controls{gap:10px}.carousel-pill{padding:0 15px;gap:12px}.carousel-dots{gap:6px}.carousel-dot[aria-current=true]{width:18px}.service-large{border-radius:29px}.service-stack article{border-radius:26px;padding:28px}.service-stack p{font-size:13px}.stats{gap:13px;margin-top:25px}.stats>div{padding:27px 19px;border-radius:25px}.stats strong{font-size:38px}.stats p{font-size:10px}.steps{gap:16px;margin:36px 0}.steps article{padding:28px 25px 28px 67px;border-radius:26px}.steps article>span{left:26px;top:32px}.steps h3{font-size:23px}.steps p{font-size:13px}.contact-box{border-radius:29px;padding:32px 27px}dialog{border-radius:29px}.hero-islands{opacity:.95}}
@media(prefers-reduced-motion:reduce){.hero-content{transform:none!important}.hero-island,.floating-nav,dialog{animation:none}.solution-grid{scroll-behavior:auto}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.hero-island,.platform-panel,.solution-card,.service-large,.service-stack article,.stats>div,.steps article,.contact-box,.philosophy>div{background:#193127f2}.floating-nav,.dock-menu{background:#193127}}