@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f6f5ef;--green:#173d32;--black:#0a0a0a;--orange:#f2762c;--muted:#6b736e;--line:#d7dcd5;--pad:6vw}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--green);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}body[data-page=optron],body[data-page=xmax]{background:#050505;color:#f5f4ef}body:has(dialog[open]){overflow:hidden}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:6px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}img{max-width:100%;display:block}button{background:none;border:0}em{font-style:normal}a,button{touch-action:manipulation}.skip{position:fixed;z-index:100;top:-60px;background:var(--green);color:white;padding:12px}.skip:focus{top:0}[hidden]{display:none!important}
.nav{height:106px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px;position:relative;z-index:20}.brand{width:245px;flex-shrink:0}.brand img{width:100%;height:auto}.nav nav{display:flex;align-items:center;gap:32px;font-size:12px}.nav a[data-nav]{position:relative;padding:15px 0}.nav a[data-nav][aria-current=page]:after{content:'';height:4px;width:4px;background:var(--orange);border-radius:50%;position:absolute;bottom:5px;left:50%}.contact-link{border:1px solid currentColor;border-radius:30px;padding:13px 19px}.contact-link span{margin-left:22px}body:not([data-page=home]) .nav{border-color:#242424}body:not([data-page=home]) .brand{background:var(--paper);padding:8px 12px;border-radius:6px}
.holding-hero{position:relative;min-height:780px;height:calc(100svh - 106px);max-height:1000px;padding:70px var(--pad) 90px;display:grid;grid-template-columns:1fr 1.13fr;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:3;max-width:600px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:flex;align-items:center;gap:10px;line-height:1.7}.eyebrow i,.live-dot{width:6px;height:6px;background:var(--orange);border-radius:50%;display:inline-block;flex:none}.holding-hero h1{font-size:clamp(66px,7.3vw,118px);line-height:.99;letter-spacing:-6px;font-weight:500;margin:25px 0 28px}.holding-hero h1 em{color:var(--orange)}.hero-copy>p{font-size:15px;line-height:1.85;max-width:365px;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin-top:32px;flex-wrap:wrap}.button{display:inline-flex;gap:30px;align-items:center;justify-content:space-between;border-radius:30px;padding:16px 23px;font-size:12px;transition:transform .25s,background .25s;line-height:1.3}.button:hover{transform:translateY(-3px)}.primary{background:var(--green);color:white}.orange{background:var(--orange);color:#080808;font-weight:700}.plain{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:5px;line-height:1.7}.hero-art{height:100%;position:relative;margin-right:-5vw;margin-left:-5vw;min-height:480px}.scene{width:100%;height:100%;position:relative;isolation:isolate}.scene canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab;position:relative;z-index:1}.scene canvas:active{cursor:grabbing}.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:70px;font-weight:700;letter-spacing:-5px;opacity:.13}.scene-fallback span{font-size:9px;letter-spacing:2px;margin-top:20px}.scene.ready .scene-fallback{display:none}.art-label{position:absolute;bottom:22px;left:12%;right:12%;display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.3px;pointer-events:none}.art-label>span:last-child{margin-left:auto;color:var(--muted)}.hero-bottom{position:absolute;bottom:26px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;letter-spacing:1.5px;color:var(--muted)}.hero-bottom a{font-size:22px;color:var(--green)}
.direction-bar{border-block:1px solid var(--line);padding:18px var(--pad);display:flex;align-items:center;gap:30px;justify-content:space-between;background:#eeeee6}.direction-bar>span{font-size:8px;letter-spacing:1.4px;max-width:115px;line-height:1.7}.direction-bar>div[role=group]{display:flex;gap:5px}.direction-bar button{padding:12px 16px;font-size:10px;border-radius:25px;border:1px solid transparent}.direction-bar button b{font-weight:500;margin-left:7px}.direction-bar button.selected{background:var(--green);color:white}.motion-tools{display:flex;align-items:center;gap:15px}.motion-tools #pause{border:1px solid #bcc9bc;border-radius:50%;width:35px;height:35px;padding:0;font-size:12px}.motion-tools label{font-size:9px;display:flex;align-items:center;gap:8px}.motion-tools input{accent-color:var(--green);width:75px}
.section{padding:100px var(--pad)}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}h2{font-size:clamp(35px,4vw,62px);font-weight:500;line-height:1.14;letter-spacing:-2.6px}.section-top .eyebrow,.company .eyebrow{margin-bottom:23px}.section-top>p{max-width:320px;font-size:13px;line-height:1.9;color:var(--muted)}.worlds{display:grid;grid-template-columns:1fr 1fr;gap:20px}.world{background:#080909;border-radius:16px;min-height:500px;color:white;overflow:hidden;padding:30px;position:relative;transition:transform .35s}.world:hover{transform:translateY(-5px)}.world-index{font-size:9px;letter-spacing:1.5px;color:#a3a7a3}.world-orbit{height:280px;position:relative;display:grid;place-items:center;perspective:600px}.world-orbit>span{font-size:95px;line-height:1;font-family:Manrope;font-weight:800;color:#f8f5ed;text-shadow:0 0 35px #f2762c66}.world-orbit i{position:absolute;width:200px;height:200px;border:1px solid #f2762c;border-radius:50%;transform:rotateX(60deg) rotateZ(35deg);box-shadow:0 0 20px #f2762c22;animation:orbitA 8s linear infinite}.world-orbit i:nth-child(2){transform:rotateY(65deg) rotateZ(-35deg);border-color:#627d6e;animation:orbitB 10s linear infinite}.world-orbit i:nth-child(3){width:160px;height:160px;transform:rotateX(20deg) rotateY(40deg);border-color:#ffffff55;animation:orbitA 12s linear infinite reverse}.world-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.world h3{font-size:33px;font-weight:500;letter-spacing:-1.5px}.world p{font-size:12px;color:#a3a7a3;margin-top:10px;line-height:1.7}.circle-arrow{border:1px solid #5c665f;border-radius:50%;width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;font-size:20px}.world-enter{font-size:8px;letter-spacing:2px;display:block;margin-top:27px;color:#d8dcd5}.product-preview{height:280px;display:grid;place-items:center}.product-preview img{height:240px;width:240px;object-fit:contain;border-radius:8px;transform:rotate(-8deg);transition:transform .5s}.world:hover .product-preview img{transform:rotate(0) scale(1.05)}.company{display:grid;grid-template-columns:1fr 1fr;gap:12%;border-top:1px solid var(--line)}.company p{font-size:14px;color:var(--muted);line-height:1.9;margin-bottom:22px}.company .lead{font-size:21px;color:var(--green);line-height:1.6}
.dark{background:#050505;color:#f3f2ed}.dark .eyebrow{color:#9da49f}.dark .eyebrow i{background:var(--orange)}.product-hero{display:grid;grid-template-columns:1fr 1fr;min-height:720px;align-items:center;gap:10px;padding-top:80px;padding-bottom:70px;overflow:hidden}.product-copy{position:relative;z-index:2}.product-name{font-size:14px;letter-spacing:5px;margin-top:30px;font-weight:700}.product-name b{color:var(--orange)}.product-hero h1{font-size:clamp(48px,5.5vw,86px);line-height:1.05;letter-spacing:-4px;font-weight:500;margin:24px 0}.product-hero h1 em{color:var(--orange)}.product-copy>p{font-size:14px;line-height:1.9;color:#a7ada8;max-width:405px}.availability{display:block;font-size:9px;line-height:1.7;color:#828a83;margin-top:24px}.product-scene{height:520px;min-width:0}.dark .section{border-bottom:1px solid #202321}.dark .section-top>p{color:#929b95}.mode-grid,.ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.mode-grid article{border-top:1px solid #3b443e;padding-top:20px}.mode-grid article>span{font-size:9px;letter-spacing:1.5px;color:var(--orange)}.mode-grid h3,.ecosystem-grid h3{font-size:23px;line-height:1.4;font-weight:500;margin:24px 0 13px;letter-spacing:-.7px}.mode-grid p,.ecosystem-grid p{font-size:13px;line-height:1.9;color:#929b95}.bridge-feature{display:flex;align-items:center;gap:35px;padding:40px;border:1px solid #2e352e;border-radius:15px;margin-bottom:35px;background:radial-gradient(ellipse at 0 50%,#173d3233,transparent 70%);transition:border-color .3s}.bridge-feature:hover{border-color:var(--orange)}.bridge-feature>div:nth-child(2){flex:1}.bridge-feature h3{font-size:35px;letter-spacing:-1.2px;font-weight:500;margin:15px 0}.bridge-feature p{font-size:13px;color:#929b95;line-height:1.8;max-width:490px}.bridge-symbol{display:flex;align-items:center;gap:10px}.bridge-symbol i{width:44px;height:52px;border:2px solid #e4e9e0;border-radius:10px;box-shadow:0 0 20px #ffffff11}.bridge-symbol span{font-size:30px;color:var(--orange)}.ecosystem-grid{gap:20px}.ecosystem-grid article{background:#111311;padding:28px;border-radius:12px}.ecosystem-grid h3{margin-top:18px}.ecosystem-grid small{font-size:9px;color:#d2a079;display:block;margin-top:25px}.ecosystem-grid .eyebrow{font-size:8px;letter-spacing:1px}.ecosystem-note{font-size:11px;color:#949d95;margin-top:30px;line-height:1.8}.ecosystem-note a{color:#f0ece5;border-bottom:1px solid #718373}
.xmax-logo{width:170px;height:auto;filter:invert(1);mix-blend-mode:screen;margin-top:30px}.phone-stage{position:relative;min-width:0;text-align:center}.phone-stage .product-scene{height:500px}.layer-button{border:1px solid #475048;padding:12px 22px;border-radius:25px;font-size:11px;display:inline-flex;gap:30px;align-items:center}.layer-button[aria-pressed=true]{border-color:var(--orange);color:var(--orange)}.phone-stage>small{display:block;color:#7a847c;font-size:8px;margin-top:12px;letter-spacing:.6px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery button{background:#111411;border:1px solid #242b25;padding:0;border-radius:12px;overflow:hidden;text-align:left;transition:transform .3s,border-color .3s}.gallery button:hover{transform:translateY(-5px);border-color:#f2762c88}.gallery img{width:100%;aspect-ratio:1;object-fit:contain;background:#111}.gallery button>span{display:flex;justify-content:space-between;align-items:center;padding:21px;font-size:11px}.gallery button>span b{font-size:20px;font-weight:400}.enquiry{padding:50px 0 0;display:flex;align-items:center;justify-content:space-between;gap:25px}.enquiry h3{font-size:29px;font-weight:500;letter-spacing:-1px}.enquiry p{font-size:12px;line-height:1.8;max-width:300px;color:#949d95}
footer{padding:65px var(--pad) 28px;background:#173d32;color:#f4f3eb}.footer-top>.eyebrow{color:#b9c6bd;font-size:9px}.footer-top>a{display:inline-block;font-family:Manrope;font-size:clamp(32px,4.6vw,70px);letter-spacing:-2px;line-height:1.17;margin-top:25px;font-weight:500}.footer-top em{color:#f7a26b}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #4f6757;padding-top:28px;margin-top:60px;font-size:9px;letter-spacing:.7px;color:#bcc9bf}.footer-bottom>div{display:flex;gap:25px}body:not([data-page=home]) footer{background:#0c100d}.footer-bottom a:hover{color:white}
dialog{border:1px solid #343b35;border-radius:15px;background:#0c100d;color:white;padding:55px 60px 25px;max-width:min(92vw,1100px);max-height:94svh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(12px)}dialog img{max-height:70svh;max-width:75vw;object-fit:contain;margin:auto}dialog p{font-size:11px;text-align:center;margin-top:20px;color:#aeb7af}.close-dialog{position:absolute;right:15px;top:12px;font-size:30px;width:35px;height:35px}.gallery-prev,.gallery-next{position:absolute;top:50%;font-size:25px;width:35px;height:45px}.gallery-prev{left:10px}.gallery-next{right:10px}
body[data-direction=field][data-page=home]{--paper:#ecefe9}.holding-hero,.direction-bar{transition:background .5s,color .5s}body[data-direction=field] .holding-hero{background:radial-gradient(ellipse at 80% 55%,#cadbd133,transparent 65%)}body[data-direction=kinetic] .holding-hero{background:radial-gradient(ellipse at 80% 55%,#f2762c09,transparent 60%)}body[data-direction=kinetic] .holding-hero h1 em{color:var(--green);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}body.paused *{animation-play-state:paused!important}@keyframes orbitA{to{transform:rotateX(60deg) rotateZ(395deg)}}@keyframes orbitB{to{transform:rotateY(65deg) rotateZ(325deg)}}
@media(min-width:1700px){:root{--pad:max(6vw,calc((100vw - 1550px)/2))}}@media(max-width:1050px){.direction-bar{gap:12px}.direction-bar>span{display:none}.holding-hero{grid-template-columns:1fr 1fr;min-height:720px}.holding-hero h1{font-size:78px;letter-spacing:-4px}.hero-art{margin-left:-8vw;margin-right:-7vw}.nav nav{gap:20px}.brand{width:220px}.product-hero h1{font-size:60px}.product-scene{height:450px}.gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){:root{--pad:6vw}html{scroll-padding-top:90px}.nav{height:auto;min-height:98px;flex-wrap:wrap;padding-top:16px;padding-bottom:11px;gap:6px}.brand{width:190px}.nav nav{gap:22px;width:100%;justify-content:flex-start;font-size:10px}.nav a[data-nav]{padding:9px 0}.contact-link{margin-left:auto;border:0;padding:9px 0}.contact-link span{margin-left:3px}.holding-hero{display:flex;flex-direction:column;align-items:stretch;height:auto;max-height:none;min-height:0;padding:40px var(--pad) 25px}.holding-hero .eyebrow{font-size:8px;letter-spacing:1.3px}.holding-hero h1{font-size:clamp(58px,13.5vw,85px);letter-spacing:-3.8px;line-height:1.02;margin:22px 0}.hero-copy>p{font-size:13px;max-width:360px;line-height:1.8}.actions{gap:20px;margin-top:24px}.button{font-size:11px;padding:15px 20px;gap:20px}.plain{font-size:11px}.hero-art{height:390px;min-height:0;margin:5px -6vw 20px}.art-label{bottom:0;left:6%;right:6%;font-size:7px;letter-spacing:.9px}.hero-bottom{position:static;font-size:7px;letter-spacing:.8px;gap:10px}.hero-bottom>span:nth-child(2){display:none}.direction-bar{padding:16px var(--pad);flex-wrap:wrap;justify-content:center;gap:17px}.direction-bar>div[role=group]{width:100%;justify-content:space-between;gap:4px}.direction-bar button{padding:10px 11px;font-size:9px}.direction-bar button b{margin-left:4px}.motion-tools{margin-left:auto;gap:15px}.motion-tools label{font-size:9px}.motion-tools input{width:90px}.section{padding:65px var(--pad)}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:22px;max-width:100%;font-size:12px}h2{font-size:38px;letter-spacing:-1.8px}.section-top .eyebrow,.company .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:18px}.worlds{grid-template-columns:1fr;gap:20px}.world{min-height:450px;padding:25px}.world-orbit,.product-preview{height:240px}.product-preview img{height:210px;width:210px}.world h3{font-size:30px}.company{grid-template-columns:1fr;gap:30px}.company .lead{font-size:19px}.company p{font-size:13px}.product-hero{grid-template-columns:1fr;gap:0;min-height:0;padding-top:40px}.product-hero h1{font-size:clamp(43px,11.5vw,68px);letter-spacing:-2.7px}.product-copy>p{font-size:13px}.product-copy .eyebrow{font-size:8px;letter-spacing:1px}.product-name{margin-top:25px}.product-scene{height:370px;margin-top:20px}.mode-grid,.ecosystem-grid{grid-template-columns:1fr;gap:28px}.mode-grid h3{margin:18px 0 10px}.mode-grid p,.ecosystem-grid p{font-size:12px}.bridge-feature{padding:25px;gap:20px;flex-wrap:wrap}.bridge-symbol{transform:scale(.8);transform-origin:left center;width:105px}.bridge-feature>div:nth-child(2){min-width:100%;order:2}.bridge-feature>.circle-arrow{margin-left:auto}.bridge-feature h3{font-size:29px}.bridge-feature .eyebrow{font-size:8px;letter-spacing:1px}.bridge-feature p{font-size:12px}.ecosystem-grid article{padding:26px}.xmax-logo{width:145px}.phone-stage .product-scene{height:400px}.gallery{grid-template-columns:1fr 1fr;gap:12px}.gallery button>span{padding:13px 10px;font-size:9px;gap:5px}.gallery button>span b{font-size:16px}.enquiry{flex-direction:column;align-items:flex-start;gap:18px}.enquiry h3{font-size:28px}.enquiry p{max-width:100%}.footer-top>a{font-size:34px;letter-spacing:-1.4px}.footer-top>.eyebrow{font-size:8px}.footer-bottom{flex-wrap:wrap;margin-top:40px;gap:20px;font-size:8px}.footer-bottom>div{width:100%;gap:25px}dialog{padding:55px 25px 20px;max-width:96vw}dialog img{max-width:80vw}.gallery-prev{left:0}.gallery-next{right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.product-name{display:flex;align-items:center;gap:12px}.product-name img{width:45px;height:45px;border-radius:10px;object-fit:cover}

.global-motion{display:none}body:not([data-page=home]) .global-motion{display:block;border:1px solid #475048;border-radius:50%;height:30px;width:30px;padding:0;font-size:11px;flex:none}@media(max-width:700px){body:not([data-page=home]) .contact-link{margin-left:auto}.nav nav{gap:18px}}

.bridge-logo{width:100px;height:100px;object-fit:contain;border-radius:12px;flex:none}.world-logo-stage{height:280px;display:grid;place-items:center}.world-logo-stage img{width:165px;height:165px;border-radius:32px;transform:rotate(-8deg);transition:transform .4s}.world:hover .world-logo-stage img{transform:rotate(0) scale(1.04)}.bridge-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;min-height:740px}.bridge-hero-logo{width:75px;height:75px;object-fit:contain;margin:26px 0}.bridge-hero h1,.xmax-detail h1{font-size:clamp(46px,5vw,78px);font-weight:500;line-height:1.08;letter-spacing:-3px}.bridge-hero h1 em,.xmax-detail h1 em{color:var(--orange)}.bridge-hero p{color:#a7ada8;font-size:14px;line-height:1.9;max-width:440px;margin-top:24px}.bridge-diagram{padding:60px 20px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;position:relative}.bridge-diagram img{width:280px;height:280px;object-fit:contain;flex-basis:100%;max-width:300px;margin:auto}.bridge-diagram span{font-size:9px;letter-spacing:2px;color:#abb6ad}.bridge-diagram i{width:60px;height:1px;background:#f2762c}.xmax-links{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.xmax-links>a{padding:25px;border:1px solid #2d352f;border-radius:12px}.xmax-links span{font-size:8px;letter-spacing:1px;color:var(--orange)}.xmax-links h3{font-size:23px;letter-spacing:-.6px;margin:20px 0}.xmax-links p{font-size:12px;line-height:1.8;color:#949e96}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;margin-top:50px}.detail-grid>img{width:100%;border-radius:14px}.detail-grid p,.detail-grid li{font-size:14px;line-height:1.9;color:#a7ada8}.detail-grid p{margin-top:25px}.detail-grid ul{padding-left:18px;margin:25px 0}.detail-grid .eyebrow{margin-bottom:22px}.detail-note{font-size:11px!important}.wide-product{max-width:700px;width:100%;margin:70px auto 0;border-radius:14px}.installation-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.installation-grid img{width:100%;object-fit:contain;border-radius:12px}.xmax-detail>.section-top{margin-top:60px}@media(max-width:700px){.nav nav{gap:13px;font-size:9px}.contact-link{font-size:9px}.bridge-hero{grid-template-columns:1fr;gap:15px;padding-top:40px;min-height:0}.bridge-hero h1,.xmax-detail h1{font-size:45px;letter-spacing:-2px}.bridge-hero p{font-size:13px}.bridge-diagram{padding:25px 15px}.bridge-diagram img{max-width:220px}.bridge-logo{width:80px;height:80px}.world-logo-stage{height:240px}.xmax-links{grid-template-columns:1fr;gap:15px}.detail-grid{grid-template-columns:1fr;gap:35px}.detail-grid p,.detail-grid li{font-size:13px}.installation-grid{grid-template-columns:1fr;gap:20px}}
body:not([data-page=home]){background:#050505;color:#f5f4ef}