#language-toggle{border:1px solid #bbc9ae;border-radius:30px;min-width:43px;min-height:36px;background:transparent;color:#234333;font:600 10px BeVietnam,Arial;cursor:pointer}#language-toggle:hover{background:#e2ebd3}.header-actions{gap:12px}.hero-atmosphere{transform:translate3d(0,var(--atmosphere-y,0px),0) scale(1.08);background-size:70px 70px}.hero-immersive:after{content:'';position:absolute;width:480px;height:480px;top:7%;right:6%;background:radial-gradient(circle,#bbd38722,transparent 68%);border-radius:50%;z-index:-1;pointer-events:none;animation:halo-breathe 12s ease-in-out infinite}.hero-visual{filter:drop-shadow(0 30px 35px #051e1925)}.fallback-core{animation:core-breathe 8s ease-in-out infinite}.fallback-orbit{animation:orbit-breathe 10s ease-in-out infinite}.fallback-orbit.orbit-b{animation-delay:-5s}.journey{position:relative}.steps{position:relative}.steps:before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(#bcd18e,#315c43);transform:scaleY(var(--journey-progress,0));transform-origin:top;box-shadow:0 0 16px #aecb6a55;transition:transform .25s linear}.step-number{transition:background .5s,box-shadow .5s,color .5s}.steps article.step-active .step-number{background:#204b38;color:#e4edcd;box-shadow:0 0 0 7px #c6dba033,0 8px 18px #24492c20}.module-card,.plan-card{transition:transform .45s cubic-bezier(.22,.68,0,1),box-shadow .45s}.module-card:hover,.plan-card:hover{transform:translateY(-5px)}.product-stage{position:relative;isolation:isolate}.product-stage:before{content:'';position:absolute;inset:5% 3% 10%;border-radius:50%;background:radial-gradient(ellipse,#bbce9a44,transparent 68%);z-index:-1;transform:translateY(var(--stage-y,0px));pointer-events:none}.draft-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.draft-actions button{padding:10px;border:1px solid #c8d2bb;border-radius:6px;background:transparent;font:inherit;font-size:10px;cursor:pointer;flex:1}.draft-actions button:disabled{opacity:.5;cursor:default}#draft-status,#support-status{font-size:11px;min-height:1.6em;margin:8px 0;line-height:1.6}.support-toggle{position:fixed;bottom:24px;right:24px;z-index:40;display:flex;align-items:center;gap:10px;border:1px solid #aac092;background:#214b39;color:#f2f5e6;border-radius:40px;padding:12px 20px;font:500 12px BeVietnam,Arial;min-height:48px;box-shadow:0 5px 0 #153b2a,0 14px 30px #0c301a30;cursor:pointer;transition:transform .3s}.support-toggle>span:first-child{font-size:24px;line-height:1}.support-toggle:hover{transform:translateY(-3px)}.support-panel{position:fixed;z-index:45;right:24px;bottom:90px;width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - 115px);overflow:auto;background:#fafbf5;border:1px solid #cad7b9;border-radius:18px;padding:28px;box-shadow:0 7px 0 #d9e3cc,0 25px 70px #0e2e2933;animation:panel-in .3s ease-out}.support-panel[hidden]{display:none}.support-panel h2{font-size:23px;line-height:1.5;letter-spacing:-.7px;margin:10px 0}.support-panel p{font-size:12px;line-height:1.8;color:#62775c}.support-panel .eyebrow{font-size:8px}.support-phone{font-size:27px;font-weight:600;letter-spacing:.5px;display:flex;justify-content:space-between;margin:17px 0;color:#214b39}.support-actions{display:flex;gap:8px}.support-actions>*{flex:1;justify-content:center;font-size:10px;padding:12px 8px}#support-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:26px;color:#496341;width:36px;height:36px;cursor:pointer}.support-panel>.text-link{font-size:11px}.back-to-top{right:auto;left:24px;bottom:24px}body[data-motion-paused="true"] *,body[data-motion-paused="true"] *:before,body[data-motion-paused="true"] *:after{animation-play-state:paused!important}body[data-motion-paused="true"] .product-frame{transform:none!important}body[data-motion-paused="true"] [data-reveal]{opacity:1!important;transform:none!important}html[lang="en"] .hero-immersive h1{font-size:clamp(36px,3.9vw,57px)}html[lang="en"] .hero-copy{width:100%}html[lang="en"] .hero-immersive .hero-actions>*{font-size:10px}html[lang="en"] .scene-module-buttons button{padding-inline:10px}.steps article{scroll-margin-top:100px}
@keyframes halo-breathe{50%{transform:translate3d(-8%,8%,0) scale(1.12);opacity:.65}}@keyframes core-breathe{50%{translate:0 -7px;filter:brightness(1.04)}}@keyframes orbit-breathe{50%{translate:0 -6px;opacity:.55}}@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:900px){.header-actions{gap:8px}.header-actions>.button{display:none}html[lang="en"] .hero-immersive h1{font-size:clamp(34px,6.2vw,56px)}}@media(max-width:650px){.support-toggle{bottom:16px;right:16px;font-size:10px;padding:10px 14px;min-height:44px}.support-panel{right:16px;bottom:76px;padding:24px}.back-to-top{left:16px;bottom:16px}html[lang="en"] .hero-immersive h1{font-size:clamp(27px,6.7vw,41px);letter-spacing:-1px}.hero-immersive:after{width:300px;height:300px;top:25%;right:-15%}html[lang="en"] .hero-immersive .hero-actions>*{font-size:9px}.header-actions .login-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.hero-atmosphere,.product-stage:before{transform:none!important}.module-card:hover,.plan-card:hover{transform:none}}
/* Animate deliberate anchor navigation; keep focus and automatic layout scrolling immediate. */
html{scroll-behavior:auto}
@media(max-width:360px){.header{padding-inline:16px;gap:8px}.header-actions{gap:6px}#language-toggle{min-width:36px;min-height:36px}.header .logo{font-size:26px}.header .logo>span{width:30px;height:34px}.header-actions .login-link{font-size:9px}.header-actions .login-link>span{display:none}.menu-toggle{width:36px;min-width:36px}}

/* Full orbital rotation around the core, including the CSS fallback. */
.fallback-orbit{animation:mach-orbit-a 22s linear infinite;transform-style:preserve-3d}.fallback-orbit.orbit-b{animation:mach-orbit-b 29s linear infinite;animation-delay:0s}
@keyframes mach-orbit-a{from{transform:rotateY(0deg) rotateX(54deg) rotateZ(-28deg)}to{transform:rotateY(360deg) rotateX(54deg) rotateZ(-28deg)}}
@keyframes mach-orbit-b{from{transform:rotateY(45deg) rotateX(-40deg) rotateZ(28deg)}to{transform:rotateY(-315deg) rotateX(-40deg) rotateZ(28deg)}}
.mach-scene[data-motion="paused"] .fallback-orbit,.mach-scene[data-in-view="false"] .fallback-orbit,.mach-scene[data-page-hidden="true"] .fallback-orbit{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.fallback-orbit{animation:none!important}}
.hero-light-field{position:absolute;inset:-5%;z-index:-1;pointer-events:none;overflow:hidden;transform:translate3d(var(--light-x,0px),var(--light-y,0px),0)}.hero-light-field i{position:absolute;border-radius:50%;filter:blur(55px);opacity:.24;mix-blend-mode:screen;background:radial-gradient(circle,#c7dfa5,transparent 68%);width:470px;height:470px;right:0;top:-90px;animation:light-drift-one 24s ease-in-out infinite alternate}.hero-light-field i:nth-child(2){width:330px;height:330px;right:35%;top:45%;opacity:.15;background:radial-gradient(circle,#91bba0,transparent 70%);animation:light-drift-two 31s ease-in-out infinite alternate}.hero-light-field i:nth-child(3){width:280px;height:280px;right:65%;top:5%;opacity:.10;animation:light-drift-one 29s ease-in-out -12s infinite alternate}.hero-atmosphere{animation:atmosphere-drift 38s linear infinite}.hero-promise span{animation:promise-lift 7s ease-in-out infinite}.hero-promise span:nth-child(2){animation-delay:-2.3s}.hero-promise span:nth-child(3){animation-delay:-4.6s}.scene-status i{animation:status-breathe 3.8s ease-in-out infinite}.scene-controls{justify-content:flex-end}.hero-immersive .hero-actions .button{position:relative;overflow:hidden;isolation:isolate}.hero-immersive .hero-actions .button:after{content:'';position:absolute;inset:-60% auto -60% -45%;width:25%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,#ffffff55,transparent);animation:button-sheen 9s ease-in-out infinite;pointer-events:none}.hero-scroll-cue>span{animation:scroll-cue 2.8s ease-in-out infinite}.journey-art span{animation:journey-symbol 9s ease-in-out infinite}.journey-art span:nth-child(2){animation-delay:-2s}.journey-art span:nth-child(3){animation-delay:-4s}.journey-art span:nth-child(4){animation-delay:-6s}.closing-depth i{animation:closing-layer 9s ease-in-out infinite}.closing-depth i:nth-child(2){animation-delay:-3s}.closing-depth i:nth-child(3){animation-delay:-6s}.landing-motion-ready .motion-section{opacity:0;translate:0 20px;filter:blur(2px);transition:opacity .85s ease,translate 1s cubic-bezier(.2,.7,.2,1),filter 1s ease;transition-delay:var(--section-delay,0ms)}.landing-motion-ready .motion-section.motion-arrived{opacity:1;translate:0 0;filter:none}.hero-copy{animation:hero-copy-in 1.1s cubic-bezier(.2,.7,.2,1) both}.hero-visual{animation:hero-visual-in 1.5s cubic-bezier(.2,.7,.2,1) both}.scene-module-buttons button{transition:background .25s,color .25s,border-color .25s,translate .25s}.scene-module-buttons button:hover{translate:0 -2px}.scene-module-buttons button[aria-pressed="true"]{box-shadow:0 3px 15px #0e241820,0 0 18px #d5e4ae10}.hero[data-motion-in-view="false"] .hero-light-field i,.hero[data-motion-in-view="false"] .hero-atmosphere,.hero[data-motion-in-view="false"] .hero-promise span,.hero[data-motion-in-view="false"] .scene-status i,.hero[data-motion-in-view="false"] .hero-actions .button:after,body[data-motion-page-hidden="true"] *,body[data-motion-page-hidden="true"] *:before,body[data-motion-page-hidden="true"] *:after{animation-play-state:paused!important}
@keyframes light-drift-one{to{translate:-70px 100px;scale:1.13;opacity:.13}}@keyframes light-drift-two{to{translate:85px -70px;scale:1.18}}@keyframes atmosphere-drift{to{background-position:70px 70px}}@keyframes promise-lift{50%{translate:0 -2px;opacity:.8}}@keyframes status-breathe{50%{opacity:.45;box-shadow:0 0 15px #d8edba55}}@keyframes button-sheen{0%,75%{left:-45%}95%,100%{left:135%}}@keyframes scroll-cue{50%{translate:0 4px}}@keyframes journey-symbol{50%{translate:0 -5px;rotate:5deg}}@keyframes closing-layer{50%{translate:0 -5px;filter:brightness(1.12)}}@keyframes hero-copy-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes hero-visual-in{from{opacity:0;translate:20px 12px}to{opacity:1;translate:0 0}}
@media(max-width:650px){.hero-light-field i{filter:blur(30px);width:300px;height:300px;right:-20%;top:20%}.hero-light-field i:nth-child(2){width:220px;height:220px;right:20%;top:60%}.hero-light-field i:nth-child(3){display:none}.scene-controls{bottom:12px}.hero-visual{animation-duration:1.1s}.landing-motion-ready .motion-section{translate:0 12px;filter:none}}
@media(prefers-reduced-motion:reduce){.hero-light-field{transform:none}.hero-copy,.hero-visual,.hero-light-field i,.hero-atmosphere,.hero-promise span,.scene-status i,.hero-actions .button:after,.hero-scroll-cue>span,.journey-art span,.closing-depth i{animation:none!important}.landing-motion-ready .motion-section{opacity:1;translate:none;filter:none;transition:none}}
.fallback-orbit{animation:orbit-fallback-a 28s linear infinite}.fallback-orbit.orbit-b{animation:orbit-fallback-b 36s linear infinite}
@keyframes orbit-fallback-a{from{transform:rotateX(54deg) rotateZ(-28deg)}to{transform:rotateX(54deg) rotateZ(332deg)}}
@keyframes orbit-fallback-b{from{transform:rotateX(-40deg) rotateY(45deg) rotateZ(28deg)}to{transform:rotateX(-40deg) rotateY(45deg) rotateZ(-332deg)}}
.mach-scene[data-motion="paused"] .fallback-orbit,.mach-scene[data-in-view="false"] .fallback-orbit,.mach-scene[data-page-hidden="true"] .fallback-orbit{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.fallback-orbit,.fallback-orbit.orbit-b{animation:none}}