@media (max-width:1100px),(hover:none) and (max-width:1366px){html,body{height:auto;min-height:100%;overflow:clip auto}body{overscroll-behavior-y:auto;width:100%;position:static;inset:auto}.experience,.experience.is-home{flex-direction:column;height:auto;min-height:100svh;display:flex;overflow:visible}.topbar{flex:none;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;height:auto;min-height:82px;padding:8px clamp(18px,4vw,36px);display:grid;position:relative}.topbar .brand{width:fit-content;min-width:0;padding:0}.topbar .brand img{object-fit:contain;width:172px;max-width:100%;height:64px;transform:none}.topbar nav:not(.mobile-site-menu){display:none}.mobile-menu-toggle{align-items:center;gap:7px;min-height:44px;font-size:13px;display:inline-flex}.mobile-menu-toggle span{font-size:20px}.client-area{white-space:nowrap;padding:12px 0 12px 14px;font-size:12px}.topbar .mobile-site-menu{z-index:60;background:#fbfaf6;border:1px solid #0525222e;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:min(400px,100vw - 36px);max-height:65svh;padding:12px;display:none;position:absolute;top:100%;right:18px;overflow-y:auto;box-shadow:0 18px 45px #0525222e}.topbar .mobile-site-menu.is-open{display:grid}.topbar .mobile-site-menu button{white-space:normal;min-height:44px;padding:10px;font-size:13px}.stage{flex-direction:column;flex:1 0 auto;min-height:0;display:flex;overflow:visible}.scene,.scene.is-active{align-items:start;width:100%;height:auto;min-height:0;padding:30px clamp(18px,4vw,36px) 24px;transition:none;position:relative;inset:auto;overflow:clip;transform:none}.scene[aria-hidden=true]{display:none}.scene.is-active{visibility:visible;opacity:1;display:block}.scene-copy{max-width:100%}.hero.is-active{grid-template-columns:1fr;align-items:center;gap:20px;display:grid}.hero .hero-copy{width:100%;max-width:760px;padding-top:0;position:relative;inset:auto;transform:none}.hero h1.hero-statement{letter-spacing:-1.4px;margin:0;font-size:clamp(32px,4.5vw,46px);line-height:1.08;position:static;inset:auto}.hero .lead{max-width:680px;margin:22px 0 0;font-size:16px;line-height:1.6;position:static;inset:auto}.hero .lead strong{margin-top:8px;font-size:14px}.hero .tech-visual{opacity:1;width:min(100%,350px);height:290px;margin:0 auto;display:block;position:relative;inset:auto;transform:none}.hero .tech-visual img{object-fit:cover;object-position:right center;width:100%;max-width:100%;height:100%;animation:none;position:static;transform:none}.hero .orbit-system{display:none}.master-explore-controls,.master-explore-controls.is-visible{flex:none;width:min(100%,760px);max-width:none;margin:0;padding:0 clamp(18px,4vw,36px) 24px;position:relative;inset:auto;transform:none}.hero-controls-row{grid-template-columns:minmax(0,1fr) 48px 48px;gap:12px}.hero-cta{min-width:0;height:48px;margin:0}.hero-cta .cta-label{font-size:12px}.hero-arrows button{width:48px;height:48px}.master-explore-controls .nav-hint{letter-spacing:.25px;white-space:normal;text-align:left;max-width:100%;margin:10px 0 0;font-size:10px;line-height:1.5;display:block}.screen-reading{display:none}.mobile-screen-reading{color:#61736d;text-align:left;letter-spacing:.5px;margin:10px 0 0;font-size:10px;line-height:1.4;display:block}.mobile-screen-reading span{color:var(--gold);font-weight:900}.controlbar,.controlbar.is-hidden{display:none}.principles{flex:none;grid-template-columns:repeat(5,minmax(0,1fr));height:auto;min-height:74px;padding:0 12px;display:grid}.principles button{flex-direction:column;justify-content:center;gap:7px;min-width:0;min-height:74px;padding:10px 4px;display:flex}.principles button>span{width:30px;height:30px}.principles button b{letter-spacing:.15px;font-size:clamp(9px,1.4vw,12px);display:block}.principles button i{display:none}.legalbar{flex-wrap:wrap;flex:none;justify-content:space-between;gap:14px;height:auto;min-height:56px;padding:14px 18px;font-size:11px;display:flex}.legalbar p{white-space:normal;margin:0;font-size:11px;display:block;overflow:visible}.legal-links{flex-wrap:wrap;gap:16px}.legal-links button{min-height:30px;font-size:11px}.legalbar .developed{display:flex}.developed span{display:none}.developed img{width:78px;height:28px}.essence-layout,.history-approved-layout,.decision-layout,.ecosystem-approved-layout,.js-brand-layout,.zelo-layout,.ze-layout,.qgpro-layout,.trade-layout,.integration-layout,.final-contact-layout{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;width:100%;height:auto;min-height:0;padding:0;display:grid}.essence-copy,.history-story,.decision-copy,.ecosystem-story,.js-brand-story,.zelo-story,.ze-story,.qgpro-story,.trade-story,.integration-story,.final-contact-story{width:100%;max-width:760px;padding:0;position:relative;inset:auto;transform:none}.essence .essence-title,.history-approved .history-title,.decision-screen .decision-copy h2,.ecosystem-approved .ecosystem-story h2,.js-brand-story h2,.zelo-story h2,.ze-story h2,.qgpro-story h2,.trade-story h2,.integration-story h2,.final-contact-story h2{letter-spacing:-1px;margin:0 0 12px;font-size:clamp(30px,4.5vw,44px);line-height:1.12;position:static}.essence .essence-accent,.history-approved .history-accent,.ecosystem-story h3,.js-brand-story h3,.zelo-story h3,.ze-story h3,.qgpro-story h3,.trade-story h3,.integration-story h3,.final-contact-story h3{margin:0 0 18px;font-size:clamp(22px,3vw,30px);line-height:1.25}.essence-copy>p,.history-story>p,.decision-copy>p,.ecosystem-story>p,.js-brand-story>p,.zelo-story>p,.ze-story>p,.qgpro-story>p,.trade-story>p,.integration-story>p,.final-contact-story>p{max-width:760px;font-size:15px;line-height:1.65;display:block}.essence-visual,.history-founder-visual,.ecosystem-network,.js-flow-engine,.zelo-engine,.ze-world,.qgpro-cockpit,.trade-lab,.integration-lab{align-self:start;width:100%;height:clamp(310px,45vw,480px);min-height:0;max-height:none;margin:0;position:relative;inset:auto;transform:none}.history-founder-visual{grid-template-columns:minmax(140px,.65fr) minmax(0,1fr);gap:24px;height:auto;display:grid}.history-orbit{width:min(100%,240px);margin:0 auto}.history-quote{text-align:left;width:100%;margin:0;position:relative;inset:auto;transform:none}.history-quote>p{font-size:15px;line-height:1.6}.history-quote footer{justify-items:start}.decision-screen .decision-layout{display:grid}.decision-screen .decision-engine{width:100%;max-width:100%;height:auto;min-height:0;margin:0;padding:0;position:relative;inset:auto;transform:none}.decision-screen .decision-engine-title{padding-bottom:8px;font-size:12px;position:static}.decision-screen .decision-network{gap:12px;height:auto;margin-top:12px;display:grid;position:relative;inset:auto}.decision-screen .decision-network>:not(.decision-step){display:none}.decision-screen .decision-network .decision-step{width:100%;min-height:54px;animation:none;position:relative;inset:auto;transform:none}.decision-screen .decision-network .decision-number{width:44px;height:44px;font-size:19px}.decision-screen .decision-network .decision-step p strong{font-size:15px}.decision-screen .decision-network .decision-step p span{font-size:12px}.final-contact-screen .final-contact-layout{display:grid}.final-contact-screen .final-contact-hub{width:100%;height:auto;min-height:0;max-height:none;position:relative;inset:auto;transform:none}.final-contact-screen .gateway-stage{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;height:auto;display:grid;position:relative;inset:auto}.final-contact-screen .gateway-stage>:not(.gateway-channel){display:none}.final-contact-screen .gateway-channel{background:#ffffffeb;border:1px solid #05474133;border-radius:9px;grid-template-columns:28px minmax(0,1fr) 12px;gap:8px;width:100%;min-width:0;min-height:80px;padding:12px;animation:none;position:relative;inset:auto;transform:none}.final-contact-screen .gateway-channel b{font-size:15px}.final-contact-screen .gateway-channel small,.final-contact-screen .gateway-channel em{white-space:normal;font-size:10px}.final-contact-screen .final-contact-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:100%;display:grid}.final-contact-screen .final-contact-details small{font-size:11px}.final-contact-screen .final-contact-details strong{white-space:normal;overflow-wrap:anywhere;font-size:14px}.modal-panel{overscroll-behavior-y:contain;max-height:92svh;overflow-y:auto}}@media (max-width:650px){.topbar{gap:10px;min-height:72px;padding:8px 16px}.topbar .brand img{width:128px;height:54px}.mobile-menu-toggle{gap:4px;padding:0;font-size:11px}.client-area{padding-left:10px;font-size:10px}.client-area span{margin-left:4px}.scene,.scene.is-active{padding:28px 18px 22px}.hero h1.hero-statement{letter-spacing:-1px;font-size:clamp(27px,7.7vw,34px);line-height:1.1}.hero .lead{margin-top:18px;font-size:14px;line-height:1.65}.hero .tech-visual{display:none}.master-explore-controls{padding:0 18px 24px}.hero-controls-row{grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px}.hero-arrows button{width:44px;height:44px}.hero-cta .cta-label{font-size:11px}.principles{padding:0 4px}.principles,.principles button{min-height:60px}.principles button b{display:none}.legalbar{gap:8px 18px;padding:12px 18px}.legalbar .rights-copy{display:none}.legal-links{gap:16px}.history-founder-visual{grid-template-columns:1fr;gap:20px}.history-orbit{width:min(65vw,220px)}.history-quote>p{font-size:14px}.final-contact-screen .gateway-stage{grid-template-columns:1fr}.final-contact-screen .gateway-channel{min-height:68px}.final-contact-screen .final-contact-details{grid-template-columns:1fr 1fr}.final-contact-screen .final-contact-details>a:last-child{grid-column:1/-1}}@media (min-width:700px) and (max-width:1100px),(min-width:700px) and (max-width:1366px) and (hover:none){.hero.is-active{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px}.hero .tech-visual{aspect-ratio:1;width:100%;max-width:380px;height:auto}}@media (max-width:360px){.topbar{gap:6px;padding-inline:12px}.topbar .brand img{width:110px}.client-area{padding-left:7px;font-size:9px}}@media (min-width:651px) and (max-width:1100px) and (max-height:540px){.topbar{min-height:72px;padding-block:8px}.topbar .brand img{height:54px}.hero.is-active{grid-template-columns:1fr}.hero h1.hero-statement{font-size:32px}.hero .tech-visual{display:none}}