.x3-page-head{position:relative;overflow:hidden}.x3-page-head-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:64px;align-items:center}.x3-page-head-copy{position:relative;z-index:2}.x3-page-head-visual{position:relative;height:340px;min-width:0;width:100%;perspective:900px;isolation:isolate}.x3-page-head-visual:before{content:"";position:absolute;inset:12% 7%;border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.2),rgba(79,167,255,.07) 45%,transparent 72%);filter:blur(16px);animation:x3-head-pulse 5s ease-in-out infinite}.x3-visual-grid{position:absolute;inset:10% 2%;background-image:linear-gradient(rgba(0,102,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,255,.11) 1px,transparent 1px);background-size:28px 28px;transform:rotateX(62deg) rotateZ(-18deg);mask-image:radial-gradient(circle,#000 25%,transparent 72%)}.x3-visual-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(0,102,255,.32);border-radius:50%;transform:translate(-50%,-50%);animation:x3-orbit-spin 12s linear infinite}.x3-visual-orbit:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;left:50%;top:-5px;background:#0066ff;box-shadow:0 0 20px rgba(0,102,255,.7)}.x3-visual-orbit-a{width:300px;height:210px}.x3-visual-orbit-b{width:220px;height:300px;animation-direction:reverse;animation-duration:16s}.x3-layer-stack{position:absolute;left:50%;top:50%;width:156px;height:156px;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(-45deg);transform-style:preserve-3d}.x3-layer-stack i{position:absolute;inset:20px;border:2px solid rgba(0,102,255,.75);border-radius:18px;background:rgba(255,255,255,.22);box-shadow:0 0 24px rgba(0,102,255,.08);animation:x3-layer-float 4s ease-in-out infinite}.x3-layer-stack i:nth-child(1){transform:translateZ(0)}.x3-layer-stack i:nth-child(2){transform:translateZ(14px);animation-delay:-.4s}.x3-layer-stack i:nth-child(3){transform:translateZ(28px);animation-delay:-.8s}.x3-layer-stack i:nth-child(4){transform:translateZ(42px);animation-delay:-1.2s}.x3-layer-stack i:nth-child(5){transform:translateZ(56px);animation-delay:-1.6s}.x3-layer-stack i:nth-child(6){transform:translateZ(70px);animation-delay:-2s}.x3-layer-stack span{position:absolute;inset:43px;display:grid;place-items:center;border-radius:12px;background:#0066ff;color:#fff;font:900 34px/1 sans-serif;transform:translateZ(84px) rotateZ(45deg) rotateX(-58deg);box-shadow:0 15px 35px rgba(0,102,255,.28)}.x3-visual-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#0066ff;box-shadow:0 0 16px rgba(0,102,255,.7);animation:x3-dot-drift 4.5s ease-in-out infinite}.x3-visual-dot-a{left:11%;top:27%}.x3-visual-dot-b{right:9%;top:20%;animation-delay:-1.4s}.x3-visual-dot-c{right:18%;bottom:16%;animation-delay:-2.8s}.x3-support-catalog{align-items:start}.x3-support-catalog .x3-manual-grid{min-width:0}
.x-about-company{position:relative;min-height:800px;display:grid;align-items:center;overflow:hidden;background:linear-gradient(140deg,#fff 0%,#f3f7ff 50%,#edf4ff 100%)}.x-about-company-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,102,255,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,255,.065) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.x-about-company-glow{position:absolute;width:500px;height:500px;border-radius:50%;filter:blur(100px);opacity:.25;animation:x3-head-pulse 7s ease-in-out infinite}.x-about-company-glow-a{right:3%;top:2%;background:#0066ff}.x-about-company-glow-b{left:20%;bottom:-48%;background:#55c2ff;animation-delay:-3s}.x-about-company-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);gap:76px;align-items:center;padding-block:110px}.x-about-company-copy{animation:x-about-company-enter .85s ease both}.x-about-company-copy h1{font-size:clamp(52px,6vw,88px);line-height:1.04;letter-spacing:-.06em;margin:10px 0 30px}.x-about-company-copy h1 span{color:#0066ff}.x-about-company-copy>p{max-width:700px;color:#56616e;font-size:18px;line-height:1.85;margin:0 0 14px}.x-about-company-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.x-about-company-chips span{padding:9px 15px;border-radius:999px;border:1px solid rgba(0,102,255,.2);background:rgba(255,255,255,.72);color:#075fdc;font-size:13px;font-weight:800;backdrop-filter:blur(8px)}.x-about-company-visual{--about-x:0deg;--about-y:0deg;position:relative;height:570px;min-width:0;width:100%;perspective:1100px;transform:rotateX(var(--about-y)) rotateY(var(--about-x));transform-style:preserve-3d;transition:transform .3s ease}.x-about-company-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(0,102,255,.24);border-radius:50%;transform:translate(-50%,-50%);animation:x3-orbit-spin 18s linear infinite}.x-about-company-orbit:before,.x-about-company-orbit:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#0066ff;box-shadow:0 0 20px rgba(0,102,255,.7)}.x-about-company-orbit:before{left:50%;top:-5px}.x-about-company-orbit:after{right:7%;bottom:17%}.x-about-company-orbit-a{width:470px;height:470px}.x-about-company-orbit-b{width:330px;height:330px;animation-direction:reverse;animation-duration:13s}.x-about-company-layers{position:absolute;left:50%;top:50%;width:235px;height:235px;transform:translate(-50%,-50%);filter:drop-shadow(0 25px 38px rgba(21,71,140,.13))}.x-about-company-layers i{position:absolute;inset:20px;border:1px solid rgba(0,102,255,.28);border-radius:50%;transform:translateY(calc(var(--layer,0) * -7px)) scale(calc(1 - var(--layer,0) * .025));animation:x-about-company-float 5s ease-in-out infinite}.x-about-company-layers i:nth-child(1){--layer:0}.x-about-company-layers i:nth-child(2){--layer:1}.x-about-company-layers i:nth-child(3){--layer:2}.x-about-company-layers i:nth-child(4){--layer:3}.x-about-company-layers i:nth-child(5){--layer:4}.x-about-company-layers i:nth-child(6){--layer:5}.x-about-company-layers i:nth-child(7){--layer:6}.x-about-company-layers i:nth-child(8){--layer:7}.x-about-company-core{position:absolute;left:50%;top:50%;width:170px;height:170px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.9);border:1px solid rgba(0,102,255,.16);box-shadow:0 26px 70px rgba(25,75,145,.18);backdrop-filter:blur(16px);z-index:3}.x-about-company-core img{width:132px;height:auto}.x-about-company-core strong{font-size:30px}.x-about-company-product{position:absolute;width:130px;padding:7px;border-radius:17px;background:rgba(255,255,255,.94);border:1px solid rgba(0,102,255,.14);box-shadow:0 16px 45px rgba(26,73,137,.16);z-index:4;animation:x-about-company-product-float 5s ease-in-out infinite}.x-about-company-product img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px}.x-about-company-product-1{left:2%;top:8%}.x-about-company-product-2{right:0;top:20%;animation-delay:-1.8s}.x-about-company-product-3{left:10%;bottom:3%;animation-delay:-3.2s}.x-about-company-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#0066ff;box-shadow:0 0 18px rgba(0,102,255,.7);animation:x3-dot-drift 4s ease-in-out infinite}.x-about-company-dot-a{right:16%;bottom:10%}.x-about-company-dot-b{left:24%;top:15%;animation-delay:-1.3s}.x-about-company-dot-c{right:5%;top:8%;animation-delay:-2.7s}
.x-about-dragon-scene{isolation:isolate;overflow:visible}.x-about-dragon-video-glow{position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,102,255,.14),rgba(84,177,255,.05) 54%,transparent 74%);filter:blur(22px)}.x-about-dragon-video-frame{position:absolute;left:50%;top:50%;width:min(100%,650px);aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 28px 35px rgba(31,75,134,.14))}.x-about-dragon-video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 58%,rgba(0,0,0,.96) 70%,transparent 94%)}.x-about-dragon-glow{position:absolute;left:50%;top:50%;width:430px;height:430px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,102,255,.2),rgba(77,177,255,.08) 48%,transparent 72%);filter:blur(25px);animation:x3-head-pulse 5.5s ease-in-out infinite}.x-about-dragon-orbit{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(0,102,255,.28);transform-style:preserve-3d;z-index:1}.x-about-dragon-orbit:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;left:50%;top:-5px;background:#0066ff;box-shadow:0 0 20px rgba(0,102,255,.75)}.x-about-dragon-orbit-a{width:500px;height:380px;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-8deg);animation:x-about-dragon-orbit-a 13s linear infinite}.x-about-dragon-orbit-b{width:370px;height:500px;transform:translate(-50%,-50%) rotateY(67deg) rotateZ(18deg);border-color:rgba(94,183,255,.25);animation:x-about-dragon-orbit-b 17s linear infinite reverse}.x-about-dragon-ribbon{position:absolute;left:50%;top:50%;width:1px;height:1px;z-index:2;animation:x-about-dragon-ribbon-spin 24s linear infinite}.x-about-dragon-ribbon i{--n:0;position:absolute;width:7px;height:7px;border-radius:50%;background:rgba(0,102,255,.75);box-shadow:0 0 14px rgba(0,102,255,.7);transform:rotate(calc(var(--n)*30deg)) translateX(238px) scale(calc(1 - var(--n)*.025))}.x-about-dragon-ribbon i:nth-child(1){--n:0}.x-about-dragon-ribbon i:nth-child(2){--n:1}.x-about-dragon-ribbon i:nth-child(3){--n:2}.x-about-dragon-ribbon i:nth-child(4){--n:3}.x-about-dragon-ribbon i:nth-child(5){--n:4}.x-about-dragon-ribbon i:nth-child(6){--n:5}.x-about-dragon-ribbon i:nth-child(7){--n:6}.x-about-dragon-ribbon i:nth-child(8){--n:7}.x-about-dragon-ribbon i:nth-child(9){--n:8}.x-about-dragon-ribbon i:nth-child(10){--n:9}.x-about-dragon-ribbon i:nth-child(11){--n:10}.x-about-dragon-ribbon i:nth-child(12){--n:11}.x-about-dragon-body{position:absolute;left:50%;top:50%;z-index:5;width:min(100%,620px);transform:translate(-50%,-50%);transform-origin:50% 52%;animation:x-about-dragon-coil 7s ease-in-out infinite}.x-about-dragon-image{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(21,57,105,.18)) drop-shadow(0 0 18px rgba(53,143,255,.12));animation:x-about-dragon-breathe 4.2s ease-in-out infinite}.x-about-dragon-platform{position:absolute;left:50%;bottom:5%;width:360px;height:72px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(0,102,255,.2),rgba(0,102,255,.05) 48%,transparent 72%);filter:blur(7px);z-index:0}.x-about-dragon-particle{position:absolute;z-index:6;width:7px;height:7px;border-radius:50%;background:#0066ff;box-shadow:0 0 16px rgba(0,102,255,.8);animation:x3-dot-drift 4s ease-in-out infinite}.x-about-dragon-particle-a{left:10%;top:22%}.x-about-dragon-particle-b{right:7%;top:16%;animation-delay:-1s}.x-about-dragon-particle-c{right:13%;bottom:15%;animation-delay:-2s}.x-about-dragon-particle-d{left:17%;bottom:10%;animation-delay:-3s}
@keyframes x-about-dragon-coil{0%,100%{transform:translate(-50%,-50%) rotate(-2deg) scale(.98)}50%{transform:translate(-50%,-52%) rotate(2.5deg) scale(1.025)}}@keyframes x-about-dragon-breathe{0%,100%{filter:drop-shadow(0 28px 28px rgba(21,57,105,.18)) drop-shadow(0 0 15px rgba(53,143,255,.1))}50%{filter:drop-shadow(0 34px 34px rgba(21,57,105,.23)) drop-shadow(0 0 28px rgba(53,143,255,.22))}}@keyframes x-about-dragon-orbit-a{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(352deg)}}@keyframes x-about-dragon-orbit-b{to{transform:translate(-50%,-50%) rotateY(67deg) rotateZ(378deg)}}@keyframes x-about-dragon-ribbon-spin{to{transform:rotate(360deg)}}
@keyframes x3-layer-float{50%{margin-top:-7px;opacity:.62}}@keyframes x3-orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes x3-head-pulse{50%{transform:scale(1.12);opacity:.16}}@keyframes x3-dot-drift{50%{transform:translateY(-16px) scale(1.4)}}@keyframes x-about-company-enter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes x-about-company-float{50%{margin-top:-8px}}@keyframes x-about-company-product-float{50%{transform:translateY(-12px) rotate(.8deg)}}
@media(max-width:1080px){.x3-page-head-grid{grid-template-columns:minmax(0,1fr) 340px;gap:34px}.x3-page-head-visual{height:310px}.x-about-company-grid{grid-template-columns:minmax(0,1fr);gap:28px}.x-about-company-copy{max-width:820px}.x-about-company-visual{width:min(100%,650px);margin-inline:auto}}
@media(max-width:760px){.x3-page-head-grid{grid-template-columns:minmax(0,1fr);gap:10px}.x3-page-head-visual{height:240px}.x3-visual-orbit-a{width:235px;height:160px}.x3-visual-orbit-b{width:165px;height:225px}.x3-layer-stack{width:126px;height:126px}.x3-layer-stack span{font-size:28px}.x-about-company{min-height:auto}.x-about-company-glow{width:320px;height:320px}.x-about-company-grid{padding-block:72px 55px;gap:12px}.x-about-company-copy h1{font-size:47px}.x-about-company-copy>p{font-size:16px}.x-about-company-visual{height:430px;transform:none!important}.x-about-company-orbit-a{width:330px;height:330px}.x-about-company-orbit-b{width:230px;height:230px}.x-about-company-core{width:125px;height:125px}.x-about-company-core img{width:96px}.x-about-company-product{width:96px}.x-about-company-product-1{left:0}.x-about-company-product-2{right:0}.x-about-company-product-3{left:5%;bottom:2%}.x-about-dragon-glow{width:320px;height:320px}.x-about-dragon-orbit-a{width:330px;height:250px}.x-about-dragon-orbit-b{width:245px;height:330px}.x-about-dragon-ribbon i{transform:rotate(calc(var(--n)*30deg)) translateX(155px) scale(calc(1 - var(--n)*.025))}.x-about-dragon-platform{width:260px;height:55px}.x-about-dragon-body{width:100%}}
@media(prefers-reduced-motion:reduce){.x3-page-head-visual:before,.x3-visual-orbit,.x3-layer-stack i,.x3-visual-dot,.x-about-company-glow,.x-about-company-orbit,.x-about-company-layers i,.x-about-company-product,.x-about-company-dot,.x-about-company-copy,.x-about-dragon-glow,.x-about-dragon-orbit,.x-about-dragon-ribbon,.x-about-dragon-body,.x-about-dragon-image,.x-about-dragon-particle{animation:none}.x-about-company-visual{transform:none!important}}
/* XOSH cinematic dragon portal */
.x-about-dragon-scene{overflow:visible;isolation:isolate}.x-about-dragon-video-glow{width:610px;height:610px;background:radial-gradient(circle,rgba(0,102,255,.25),rgba(67,166,255,.1) 45%,transparent 72%);filter:blur(30px);animation:x-about-portal-pulse 4.8s ease-in-out infinite}.x-about-dragon-portal{position:absolute;left:50%;top:50%;width:660px;height:660px;transform:translate(-50%,-50%);border-radius:50%;z-index:0}.x-about-dragon-portal:before{content:"";position:absolute;inset:6%;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 8%,rgba(0,102,255,.2) 10%,transparent 14% 36%,rgba(77,181,255,.24) 39%,transparent 44% 70%,rgba(0,102,255,.18) 74%,transparent 80%);filter:blur(1px);animation:x-about-tech-spin 16s linear infinite}.x-about-dragon-portal i{position:absolute;border-radius:50%;border:1px solid rgba(0,102,255,.16)}.x-about-dragon-portal i:nth-child(1){inset:2%;border-style:dashed;animation:x-about-tech-spin 28s linear infinite}.x-about-dragon-portal i:nth-child(2){inset:12%;border-color:rgba(0,102,255,.24);animation:x-about-tech-spin 20s linear infinite reverse}.x-about-dragon-portal i:nth-child(3){inset:22%;border-style:dotted;border-width:2px;animation:x-about-tech-spin 13s linear infinite}.x-about-dragon-tech-ring{position:absolute;left:50%;top:50%;border-radius:50%;pointer-events:none;z-index:3}.x-about-dragon-tech-ring:before,.x-about-dragon-tech-ring:after{content:"";position:absolute;border-radius:50%;background:#1877ff;box-shadow:0 0 18px rgba(0,102,255,.8)}.x-about-dragon-tech-ring-a{width:590px;height:440px;border:1px solid rgba(0,102,255,.24);transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-8deg);animation:x-about-orbit-a 12s linear infinite}.x-about-dragon-tech-ring-a:before{width:9px;height:9px;left:50%;top:-5px}.x-about-dragon-tech-ring-a:after{width:5px;height:5px;right:7%;bottom:15%}.x-about-dragon-tech-ring-b{width:430px;height:610px;border:1px solid rgba(71,169,255,.2);transform:translate(-50%,-50%) rotateY(70deg) rotateZ(17deg);animation:x-about-orbit-b 17s linear infinite reverse}.x-about-dragon-tech-ring-b:before{width:8px;height:8px;left:17%;top:8%}.x-about-dragon-tech-ring-b:after{width:5px;height:5px;right:8%;bottom:24%}.x-about-dragon-video-frame{width:min(100%,610px);padding:8px;border-radius:38px;overflow:hidden;z-index:2;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(216,235,255,.78));border:1px solid rgba(0,102,255,.28);box-shadow:0 34px 90px rgba(22,76,150,.22),0 0 0 1px rgba(255,255,255,.85) inset;filter:none}.x-about-dragon-video-frame:before{content:"";position:absolute;inset:-2px;border-radius:40px;padding:2px;background:conic-gradient(from var(--dragon-angle,0deg),transparent 0 20%,#1680ff 28%,#87c9ff 34%,transparent 42% 74%,#1680ff 82%,transparent 90%);pointer-events:none;z-index:4;animation:x-about-border-spin 6s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.x-about-dragon-video{position:relative;z-index:1;border-radius:30px;object-fit:cover;mask-image:none;background:#f4f8ff}.x-about-dragon-video-overlay{position:absolute;inset:8px;border-radius:30px;z-index:2;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 30% 72%,rgba(0,102,255,.1)),repeating-linear-gradient(0deg,rgba(17,103,224,.026) 0 1px,transparent 1px 5px);box-shadow:0 0 80px rgba(0,102,255,.12) inset}.x-about-dragon-scan{position:absolute;left:8px;right:8px;top:6%;height:2px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(93,190,255,.2),#50afff,rgba(93,190,255,.2),transparent);box-shadow:0 0 18px rgba(0,128,255,.75);animation:x-about-scan 4.6s ease-in-out infinite}.x-about-dragon-corners{position:absolute;inset:22px;z-index:5;pointer-events:none}.x-about-dragon-corners i{position:absolute;width:28px;height:28px;border-color:rgba(0,102,255,.78);border-style:solid}.x-about-dragon-corners i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.x-about-dragon-corners i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.x-about-dragon-corners i:nth-child(3){right:0;bottom:0;border-width:0 2px 2px 0}.x-about-dragon-corners i:nth-child(4){left:0;bottom:0;border-width:0 0 2px 2px}@property --dragon-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes x-about-border-spin{to{--dragon-angle:360deg}}@keyframes x-about-tech-spin{to{transform:rotate(360deg)}}@keyframes x-about-portal-pulse{50%{transform:translate(-50%,-50%) scale(1.08);opacity:.68}}@keyframes x-about-orbit-a{to{transform:translate(-50%,-50%) rotateX(68deg) rotateZ(352deg)}}@keyframes x-about-orbit-b{to{transform:translate(-50%,-50%) rotateY(70deg) rotateZ(377deg)}}@keyframes x-about-scan{0%,100%{top:7%;opacity:.28}50%{top:91%;opacity:1}}
@media(max-width:760px){.x-about-dragon-video-glow{width:360px;height:360px}.x-about-dragon-portal{width:400px;height:400px}.x-about-dragon-tech-ring-a{width:380px;height:270px}.x-about-dragon-tech-ring-b{width:280px;height:400px}.x-about-dragon-video-frame{width:100%;padding:6px;border-radius:27px}.x-about-dragon-video{border-radius:21px}.x-about-dragon-video-overlay{inset:6px;border-radius:21px}.x-about-dragon-scan{left:6px;right:6px}.x-about-dragon-corners{inset:16px}.x-about-dragon-corners i{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.x-about-dragon-video-glow,.x-about-dragon-portal:before,.x-about-dragon-portal i,.x-about-dragon-tech-ring,.x-about-dragon-video-frame:before,.x-about-dragon-scan{animation:none!important}}