.x-about-dynamic{position:relative;min-height:820px;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#f3f7ff 52%,#edf3ff 100%);display:grid;align-items:center}.x-about-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(0,102,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,255,.07) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,#000 0%,transparent 70%)}.x-about-glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);opacity:.3;animation:x-about-breathe 8s ease-in-out infinite}.x-about-glow-a{right:4%;top:4%;background:#0066ff}.x-about-glow-b{left:18%;bottom:-36%;background:#67c7ff;animation-delay:-4s}.x-about-dynamic-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:58px;padding-block:96px}.x-about-intro{max-width:690px}.x-about-intro h1{font-size:clamp(52px,6.2vw,94px);line-height:1.03;letter-spacing:-.065em;margin:0 0 28px}.x-about-intro h1 span{color:#0066ff}.x-about-intro>p{font-size:20px;line-height:1.85;color:#515c69;max-width:620px}.x-about-chips{display:flex;gap:9px;flex-wrap:wrap;margin:28px 0}.x-about-chips span{padding:9px 15px;border:1px solid rgba(0,102,255,.18);border-radius:999px;background:rgba(255,255,255,.7);color:#065ddf;font-size:13px;font-weight:700;backdrop-filter:blur(8px)}.x-about-orbit{--about-x:0deg;--about-y:0deg;position:relative;min-height:610px;perspective:1100px;transform:rotateX(var(--about-y)) rotateY(var(--about-x));transition:transform .35s ease}.x-about-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(0,102,255,.23);border-radius:50%;transform:translate(-50%,-50%);animation:x-about-spin 22s linear infinite}.x-about-ring:before,.x-about-ring:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#0066ff;box-shadow:0 0 22px rgba(0,102,255,.65)}.x-about-ring:before{top:-5px;left:50%}.x-about-ring:after{bottom:12%;right:5%}.x-about-ring-a{width:480px;height:480px}.x-about-ring-b{width:340px;height:340px;animation-direction:reverse;animation-duration:16s}.x-about-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);border:1px solid rgba(0,102,255,.15);box-shadow:0 28px 80px rgba(24,76,150,.18);backdrop-filter:blur(18px);z-index:3}.x-about-core img{width:142px;height:auto}.x-about-core strong{font-size:32px;letter-spacing:.1em}.x-about-float{position:absolute;width:178px;background:rgba(255,255,255,.94);border:1px solid rgba(21,83,166,.13);border-radius:18px;padding:9px;box-shadow:0 18px 48px rgba(28,75,140,.16);z-index:4;animation:x-about-float 5s ease-in-out infinite}.x-about-float img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.x-about-float span{display:block;padding:9px 5px 4px;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.x-about-float-1{left:0;top:8%;animation-delay:-1s}.x-about-float-2{right:0;top:14%;animation-delay:-3s}.x-about-float-3{left:4%;bottom:7%;animation-delay:-4s}.x-about-float-4{right:3%;bottom:5%;animation-delay:-2s}.x-about-motion{position:relative;padding:130px 0 0;background:#fff;overflow:hidden}.x-about-motion-head{max-width:900px;margin-bottom:62px}.x-about-motion-head h2{font-size:clamp(44px,5.5vw,78px);letter-spacing:-.055em;margin:6px 0 20px}.x-about-motion-head p{font-size:19px;line-height:1.8;color:#626c78;max-width:720px}.x-about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.x-about-values article{position:relative;min-height:350px;padding:34px;border:1px solid #e0e6ef;border-radius:24px;background:linear-gradient(150deg,#fff,#f5f8fc);opacity:0;transform:translateY(28px);transition:opacity .7s,transform .7s,box-shadow .3s}.x-about-values article:nth-child(2){transition-delay:.12s}.x-about-values article:nth-child(3){transition-delay:.24s}.x-about-values article.is-inview{opacity:1;transform:none}.x-about-values article:hover{box-shadow:0 25px 70px rgba(37,76,130,.11)}.x-about-values b{font-size:76px;line-height:1;color:#e0eaff;letter-spacing:-.08em}.x-about-values span{position:absolute;right:28px;top:32px;color:#0066ff;font-size:12px;font-weight:800;letter-spacing:.18em}.x-about-values h3{font-size:26px;margin:86px 0 12px}.x-about-values p{color:#66707c;line-height:1.75}.x-about-marquee{margin-top:110px;border-block:1px solid #e3e8f0;overflow:hidden;background:#f7f9fc}.x-about-marquee>div{display:flex;width:max-content;align-items:center;gap:28px;padding:23px 0;animation:x-about-marquee 24s linear infinite}.x-about-marquee span{font-size:19px;font-weight:900;letter-spacing:.15em;color:#17202c}.x-about-marquee i{font-style:normal;color:#0066ff;font-size:24px}.x-about-signal{padding:120px 0;background:linear-gradient(135deg,#eef4ff,#f8fafc)}.x-about-signal-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;opacity:0;transform:translateY(25px);transition:.8s}.x-about-signal-grid.is-inview{opacity:1;transform:none}.x-about-signal h2{font-size:clamp(42px,5vw,70px);letter-spacing:-.05em;margin:4px 0}.x-about-contact-card{background:rgba(255,255,255,.9);border:1px solid #dce5f2;border-radius:24px;padding:32px;box-shadow:0 20px 55px rgba(31,72,127,.09)}.x-about-contact-card span{display:block;color:#758090;font-size:12px;font-weight:800;letter-spacing:.1em;margin-bottom:6px}.x-about-contact-card a{display:block;font-size:24px;font-weight:800;color:#0066ff;margin-bottom:26px}.x-about-contact-card p{font-size:18px;margin:0}.x-about-follow .x3-socials>a{position:relative;overflow:visible;opacity:0;transform:translateY(20px);transition:opacity .55s,transform .55s,box-shadow .3s}.x-about-follow .x3-socials>a:nth-child(2){transition-delay:.07s}.x-about-follow .x3-socials>a:nth-child(3){transition-delay:.14s}.x-about-follow .x3-socials>a:nth-child(4){transition-delay:.21s}.x-about-follow .x3-socials>a:nth-child(5){transition-delay:.28s}.x-about-follow .x3-socials>a.is-inview{opacity:1;transform:none}.x-social-hover{position:relative}.x-social-qr{position:absolute;z-index:50;left:50%;bottom:calc(100% + 14px);width:min(380px,calc(100vw - 32px));padding:9px;border:1px solid #dbe3ee;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(20,43,76,.2);opacity:0;visibility:hidden;transform:translate(-50%,10px) scale(.96);transition:opacity .2s,transform .2s,visibility .2s;pointer-events:none;color:#17202c;text-align:center}.x-social-qr:after{content:"";position:absolute;left:50%;bottom:-7px;width:14px;height:14px;background:#fff;border-right:1px solid #dbe3ee;border-bottom:1px solid #dbe3ee;transform:translateX(-50%) rotate(45deg)}.x-social-qr-image{display:block;width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;border-radius:9px;background:#fff}.x-social-qr-note{display:block;padding:10px 4px 3px;font-size:13px;font-weight:700;line-height:1.3;color:#505966;letter-spacing:.02em}.x-social-hover.has-qr:hover,.x-social-hover.has-qr:focus-visible{z-index:60}.x-social-hover.has-qr:hover>.x-social-qr,.x-social-hover.has-qr:focus-visible>.x-social-qr{opacity:1;visibility:visible;transform:translate(-50%,0) scale(1)}.x-footer-social.has-qr{overflow:visible}.x-footer-social .x-social-qr{left:0;bottom:calc(100% + 12px);transform:translate(0,10px) scale(.96)}.x-footer-social.has-qr:hover>.x-social-qr,.x-footer-social.has-qr:focus-visible>.x-social-qr{transform:translate(0,0) scale(1)}.x-footer-social .x-social-qr:after{left:18px}@media(min-width:761px){.x-about-follow .x3-socials>a:first-child .x-social-qr{left:0;transform:translate(0,10px) scale(.96)}.x-about-follow .x3-socials>a:first-child:hover>.x-social-qr,.x-about-follow .x3-socials>a:first-child:focus-visible>.x-social-qr{transform:translate(0,0) scale(1)}.x-about-follow .x3-socials>a:first-child .x-social-qr:after{left:42px}.x-about-follow .x3-socials>a:last-child .x-social-qr{left:auto;right:0;transform:translate(0,10px) scale(.96)}.x-about-follow .x3-socials>a:last-child:hover>.x-social-qr,.x-about-follow .x3-socials>a:last-child:focus-visible>.x-social-qr{transform:translate(0,0) scale(1)}.x-about-follow .x3-socials>a:last-child .x-social-qr:after{left:auto;right:34px}}@keyframes x-about-breathe{50%{transform:scale(1.18);opacity:.2}}@keyframes x-about-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes x-about-float{50%{transform:translateY(-13px) rotate(.7deg)}}@keyframes x-about-marquee{to{transform:translateX(-50%)}}@media(max-width:1080px){.x-about-dynamic-grid{grid-template-columns:1fr;padding-top:90px}.x-about-intro{max-width:800px}.x-about-orbit{width:min(100%,700px);margin-inline:auto}.x-about-values{grid-template-columns:1fr}.x-about-values article{min-height:270px}.x-about-values h3{margin-top:50px}.x-about-signal-grid{grid-template-columns:1fr}}@media(max-width:680px){.x-about-dynamic{min-height:auto}.x-about-dynamic-grid{padding-block:72px 48px;gap:18px}.x-about-intro h1{font-size:48px}.x-about-intro>p{font-size:17px}.x-about-orbit{min-height:470px;transform:none!important}.x-about-ring-a{width:330px;height:330px}.x-about-ring-b{width:230px;height:230px}.x-about-core{width:135px;height:135px}.x-about-core img{width:104px}.x-about-float{width:128px}.x-about-float-1{top:3%}.x-about-float-2{top:8%}.x-about-motion{padding-top:82px}.x-about-values article{padding:28px}.x-about-marquee{margin-top:70px}.x-about-signal{padding:78px 0}.x-about-contact-card a{font-size:20px;overflow-wrap:anywhere}.x-about-follow .x-heading{margin-bottom:32px}.x-social-qr{width:min(380px,calc(100vw - 24px))}}@media(prefers-reduced-motion:reduce){.x-about-glow,.x-about-ring,.x-about-float,.x-about-marquee>div{animation:none}.x-about-values article,.x-about-signal-grid,.x-about-follow .x3-socials>a{opacity:1;transform:none;transition:none}.x-about-orbit{transform:none!important}}@media(max-width:680px){.x-footer-social .x-social-qr{position:fixed;left:50vw;right:auto;bottom:84px;transform:translate(-50%,10px) scale(.96)}.x-footer-social.has-qr:hover>.x-social-qr,.x-footer-social.has-qr:focus-visible>.x-social-qr{transform:translate(-50%,0) scale(1)}.x-footer-social .x-social-qr:after{display:none}}