/* Respect motion direction */
.gradient-text,.motion-hero h1>span{color:transparent;background:linear-gradient(105deg,#c4efff,#69beff 53%,#526aff);background-clip:text}.header{position:relative;background:#060a11;max-width:1440px;margin:auto;height:112px}.header nav{gap:25px}.motion-hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:18px;max-width:1440px;margin:auto;height:auto;min-height:760px;background:#060a11;padding:55px 5% 100px;overflow:hidden}.motion-hero .hero-content{padding:0;max-width:none;position:relative;z-index:2}.motion-hero h1{font-weight:600;font-size:clamp(65px,6.8vw,101px);line-height:1.08;letter-spacing:-5px;margin-bottom:28px}.motion-hero .hero-thai{font-size:26px;line-height:1.6;font-weight:500}.motion-hero .hero-description{margin-top:15px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.hero-demo-link{font-size:14px;border-bottom:1px solid #7291b8;padding-bottom:5px}.motion-hero .button.light{background:#bcecff;border-color:#bcecff;font-weight:600;border-radius:5px}.hero-object{position:relative;perspective:1000px;isolation:isolate;min-width:0;padding:35px 0 55px}.object-depth{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease-out;transform-style:preserve-3d}.object-depth img{width:115%;max-width:none;margin-left:-7.5%;mix-blend-mode:screen;animation:objectFloat 8s ease-in-out infinite;will-change:transform}.object-caption{position:relative;z-index:2;display:block;font-size:10px;letter-spacing:1.6px;color:#91a8c5;padding-left:24px}.object-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 24px;font-size:9px;letter-spacing:1px;color:#7f9bbb}.object-footer button{border:1px solid #718bab50;background:#0a1320;color:#bdcee2;font-size:12px;letter-spacing:0;padding:7px 10px;white-space:nowrap}.motion-hero .hero-foot{bottom:25px;left:5%;right:5%;padding-top:20px;border-top:1px solid var(--line)}body{background:#060a11}.intro h2,.section-heading h2{font-weight:500}.smart-meeting{border-top:1px solid var(--line)}.meeting-demo{border:1px solid var(--line);background:#09121f}.meeting-scene{position:relative;aspect-ratio:1672/941;overflow:hidden;isolation:isolate}.meeting-scene>img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.demo-badge{position:absolute;top:22px;left:24px;color:#d2e7ff;background:#081322da;border:1px solid #73b4ec55;padding:6px 11px;font-size:10px;letter-spacing:1.3px}.signal-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.signal-lines path{fill:none;stroke:#80daff;stroke-width:2;stroke-dasharray:10 12;animation:signalTravel 1.2s linear infinite;filter:drop-shadow(0 0 5px #38a9ff)}.signal-lines circle{fill:#75d4ff22;stroke:#a2e3ff;stroke-width:1;transform-origin:518px 424px;animation:signalPulse 2.2s ease-out infinite}.connection-node{position:absolute;left:51.8%;top:75.3%;width:11px;height:11px;border-radius:50%;background:#d1f6ff;box-shadow:0 0 24px 8px #39b9ff77;transform:translate(-50%,-50%)}.screen-share{position:absolute;left:36.2%;top:24.8%;width:31.5%;height:25%;background:linear-gradient(125deg,#061d3c,#104d86);padding:3% 2%;border:1px solid #7bc8fd;opacity:0;transform:scale(.96);transition:opacity .65s,transform .65s;overflow:hidden;display:flex;flex-direction:column;justify-content:center;box-shadow:0 0 25px #3898ff44}.screen-share>span{font-size:clamp(5px,.65vw,9px);letter-spacing:1px;color:#8ed3ff}.screen-share strong{font-size:clamp(12px,2.1vw,28px);line-height:1.2;font-weight:500;letter-spacing:-.5px;margin:7px 0}.screen-share small{font-size:clamp(4px,.5vw,7px);letter-spacing:1px;color:#8eb7e1}.presentation-bars{position:absolute;right:9%;bottom:20%;height:40%;width:16%;display:flex;align-items:end;gap:4px}.presentation-bars i{width:25%;height:40%;background:#74caff}.presentation-bars i:nth-child(2){height:70%;background:#a5ddff}.presentation-bars i:nth-child(3){height:100%;background:#deeefe}.meeting-demo[data-step=share] .screen-share,.meeting-demo[data-step=voice] .screen-share{opacity:1;transform:scale(1)}.voice-overlay{position:absolute;bottom:7%;left:50%;transform:translate(-50%,12px);width:44%;padding:18px 20px;background:#071728ec;border:1px solid #8ecaff80;backdrop-filter:blur(12px);opacity:0;transition:opacity .5s,transform .5s;display:flex;flex-direction:column;align-items:center;box-shadow:0 12px 40px #0008}.voice-overlay>span{font-size:clamp(15px,2vw,25px);color:#e4f3ff}.voice-overlay small{font-size:11px;color:#8aa8cb}.voice-bars{height:28px;display:flex;align-items:center;gap:5px;margin-bottom:8px}.voice-bars i{width:3px;height:9px;background:#89d7ff;border-radius:2px;animation:voiceWave .85s ease-in-out infinite alternate}.voice-bars i:nth-child(2n){animation-delay:-.3s;height:21px}.voice-bars i:nth-child(3n){animation-delay:-.65s;height:28px}.meeting-demo[data-step=voice] .voice-overlay{opacity:1;transform:translate(-50%,0)}.meeting-demo[data-step=voice] .signal-lines{opacity:.45}.demo-controls{display:flex;border-top:1px solid var(--line);justify-content:space-between}.demo-steps{display:flex;flex:1}.demo-steps button{padding:22px 18px;background:none;border:0;border-right:1px solid var(--line);border-top:2px solid transparent;color:#9bacbf;font-size:14px;flex:1;text-align:left}.demo-steps button>span{font-size:11px;margin-right:12px;color:#85aacb}.demo-steps button[aria-pressed=true]{background:#152a42;color:#e0f2ff;border-top-color:#93d1ff}.demo-play{border:0;background:none;color:#bbdfff;font-size:13px;padding:18px 22px;min-width:190px}.demo-play:hover{background:#18334d}.demo-explanation{display:flex;align-items:baseline;gap:30px;padding:22px 28px;border-top:1px solid var(--line)}.demo-explanation>span{font-size:10px;letter-spacing:1.2px;min-width:190px;color:#91b6df}.demo-explanation>p{color:#aabed5;font-size:14px;margin:0}.demo-note{color:#8598b3;font-size:12px;line-height:1.9;margin-top:18px}.products{background:#0b1421;border-top:1px solid var(--line)}.product-filters{display:flex;gap:9px;flex-wrap:wrap;margin:35px 0}.product-filters button{background:transparent;border:1px solid #687b9440;padding:11px 17px;color:#a3b5cd;font-size:13px;border-radius:3px}.product-filters button.active{background:#bddefb;color:#112038;border-color:#bddefb}.product-categories{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.product-categories article{border:1px solid var(--line);padding:30px;background:linear-gradient(120deg,#102239,#0b1421);min-height:215px}.product-categories article[hidden]{display:none}.category-number{font-size:10px;letter-spacing:1.6px;color:#8bafd8}.product-categories h3{font-size:25px;font-weight:500;margin:20px 0 8px}.product-categories p{font-size:15px;color:#9fb2ce;margin:0 0 25px}.catalog-status{font-size:12px;color:#a4b2c6;border-top:1px solid var(--line);display:block;padding-top:16px}.catalog-note{font-size:13px;color:#8297b2;margin-top:24px}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}body.motion-paused .object-depth{transform:none!important}.meeting-demo.demo-paused *{animation-play-state:paused!important}@keyframes objectFloat{0%,100%{transform:translateY(0) rotate(-1deg) scale(1)}50%{transform:translateY(-15px) rotate(1.5deg) scale(1.035)}}@keyframes signalTravel{to{stroke-dashoffset:-44}}@keyframes signalPulse{0%{transform:scale(.75);opacity:1}100%{transform:scale(2.2);opacity:0}}@keyframes voiceWave{to{transform:scaleY(.3)}}
@media(max-width:1100px){.header nav{gap:16px}.header nav a{font-size:12px}.logo{width:150px}.header-cta{font-size:12px}.motion-hero{min-height:680px;padding-top:55px}.motion-hero h1{font-size:clamp(50px,7vw,78px);letter-spacing:-4px}.motion-hero .hero-thai{font-size:22px}.object-caption{font-size:8px;padding-left:10px}.object-footer{padding:0 10px;flex-wrap:wrap}.demo-controls{display:block}.demo-play{width:100%;border-top:1px solid var(--line);padding:14px}.demo-explanation{gap:15px}.demo-explanation>span{min-width:150px}.hero-actions{gap:17px}.hero-demo-link{font-size:12px}}
@media(max-width:700px){.header{height:88px}.header nav a{font-size:15px}.motion-hero{display:flex;flex-direction:column;align-items:stretch;padding:55px 24px 110px;min-height:0;gap:25px}.motion-hero h1{font-size:clamp(57px,13vw,86px);letter-spacing:-3.5px}.motion-hero .hero-thai{font-size:23px}.motion-hero .hero-content{padding:0}.hero-object{padding-top:15px;padding-bottom:15px}.object-caption{font-size:9px}.object-footer{flex-wrap:nowrap;font-size:8px}.object-footer button{font-size:11px}.motion-hero .hero-foot{left:24px;right:24px}.motion-hero .hero-foot>span:first-child{font-size:8px}.hero-demo-link{font-size:13px}.demo-badge{top:10px;left:10px;font-size:7px;padding:4px 6px}.meeting-scene{aspect-ratio:1672/941}.demo-steps button{padding:13px 7px;font-size:11px;text-align:center;line-height:1.8}.demo-steps button>span{display:block;margin:0;font-size:9px}.demo-explanation{display:block;padding:18px}.demo-explanation>p{font-size:13px;margin-top:8px}.demo-note{font-size:11px}.voice-overlay{padding:6px 8px;width:50%;bottom:4%}.voice-overlay>span{font-size:12px}.voice-overlay small{font-size:7px}.voice-bars{height:12px;gap:3px;margin-bottom:2px}.voice-bars i{height:7px;width:2px}.voice-bars i:nth-child(2n){height:10px}.voice-bars i:nth-child(3n){height:13px}.screen-share{padding:5px 8px}.screen-share strong{font-size:11px;margin:3px 0}.screen-share>span{font-size:4px;letter-spacing:.3px}.screen-share small{font-size:3px;letter-spacing:.3px}.product-filters{gap:8px}.product-filters button{font-size:12px;padding:9px 12px}.product-categories{grid-template-columns:1fr}.product-categories article{padding:25px;min-height:0}.product-categories h3{font-size:24px}.demo-play{font-size:12px}.header nav{z-index:10}.screen-share strong{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.object-depth{transform:none!important}.signal-lines circle{opacity:.6}.voice-overlay,.screen-share{transition:none}}
.meeting-demo.out-of-view *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body.motion-enabled .object-depth{transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))!important}body.motion-enabled .object-depth img{animation:objectFloat 8s ease-in-out infinite!important}body.motion-enabled .signal-lines path{animation:signalTravel 1.2s linear infinite!important}body.motion-enabled .signal-lines circle{animation:signalPulse 2.2s ease-out infinite!important}body.motion-enabled .voice-bars i{animation:voiceWave .85s ease-in-out infinite alternate!important}body.motion-enabled .voice-bars i:nth-child(2n){animation-delay:-.3s!important}body.motion-enabled .voice-bars i:nth-child(3n){animation-delay:-.65s!important}body.motion-enabled .demo-paused *,body.motion-enabled .out-of-view *{animation-play-state:paused!important}}
.object-depth img{height:auto}
/* Original company emblem with the requested clean wordmark. */
.header .logo{display:flex;align-items:center;gap:15px;width:auto;flex-shrink:0;isolation:isolate}.company-symbol{display:block;width:62px;height:60px;overflow:hidden;position:relative;flex:none;mix-blend-mode:screen}.header .company-symbol img{position:absolute;width:260px;max-width:none;height:auto;left:-11px;top:-15px}.company-wordmark{font-size:28px;line-height:1.08;font-weight:700;letter-spacing:1.1px;color:#f3f6fc}.company-wordmark small{display:block;font-size:12px;line-height:1.4;letter-spacing:4.3px;font-weight:500;margin-top:9px}.company-symbol:after{content:'';position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 35%,#c7edff55 48%,transparent 61%);transform:translateX(-140%);animation:brandLight 7s ease-in-out infinite;mix-blend-mode:screen;pointer-events:none}.object-depth img{animation:ringOrbit 11s ease-in-out infinite;transform-origin:55% 51%}.object-depth{filter:drop-shadow(0 0 12px #197ce80a)}@keyframes ringOrbit{0%,100%{transform:translate3d(-3px,5px,0) rotate(-5deg) scale(.98);filter:brightness(.98)}25%{transform:translate3d(5px,-9px,0) rotate(1deg) scale(1.035);filter:brightness(1.07)}50%{transform:translate3d(0,-16px,0) rotate(5deg) scale(1.065);filter:brightness(1.12)}75%{transform:translate3d(-6px,-5px,0) rotate(-1deg) scale(1.025);filter:brightness(1.03)}}@keyframes brandLight{0%,55%{transform:translateX(-140%)}85%,100%{transform:translateX(140%)}}body.motion-paused .company-symbol:after,body.motion-paused .object-depth img{animation-play-state:paused!important}@media(max-width:1100px){.header .logo{gap:10px}.company-symbol{width:48px;height:48px}.header .company-symbol img{width:208px;left:-9px;top:-12px}.company-wordmark{font-size:23px}.company-wordmark small{font-size:10px;letter-spacing:3.4px;margin-top:7px}.header nav{gap:14px}.header-cta{font-size:11px}}@media(max-width:700px){.company-wordmark{font-size:24px}.company-wordmark small{font-size:10px;letter-spacing:3.8px}.company-symbol{width:49px}.header .logo{gap:13px}}
@media(prefers-reduced-motion:reduce){body.motion-enabled .object-depth img{animation:ringOrbit 11s ease-in-out infinite!important}body.motion-enabled .company-symbol:after{animation:brandLight 7s ease-in-out infinite!important}}
.object-depth img{-webkit-mask-image:radial-gradient(ellipse at 60% 51%,#000 46%,transparent 75%);mask-image:radial-gradient(ellipse at 60% 51%,#000 46%,transparent 75%)}
