.px-fv__buttons--pc{display:flex;gap:18px;margin-top:32px}.px-fv__buttons--sp{display:none}:root{--px-main:#573e71;--px-main-light:#7e66a1;--px-dark:#101114;--px-text:#202124;--px-gray:#666;--px-bg:#fff;--px-radius:28px}*{box-sizing:border-box;margin:0;padding:0}.px-fv{background:#fff;min-height:100vh;overflow:hidden;position:relative}.px-container{margin:auto;width:min(1320px,calc(100% - 80px))}.px-fv__inner{align-items:center;column-gap:clamp(40px,5vw,80px);display:grid;grid-template-areas:"copy visual" "buttons visual";grid-template-columns:minmax(420px,1fr) clamp(480px,42vw,620px);row-gap:32px}.px-fv__header{display:flex;justify-content:flex-start;left:0;position:absolute;top:35px;width:100%;z-index:30}.px-fv__logo{align-items:center;display:inline-flex;text-decoration:none}.px-fv__logo img{display:block;height:auto;width:250px}.px-fv__logo span{color:var(--px-main);font-size:34px;font-weight:700}.px-fv__copy{grid-area:copy;padding-top:150px;position:relative;z-index:5}.px-fv__label{align-items:center;color:var(--px-main);display:inline-flex;font-size:13px;font-weight:700;gap:12px;letter-spacing:.18em;margin-bottom:28px}.px-fv__label:before{background:var(--px-main);content:"";height:1px;width:48px}.px-fv__title{color:#111;font-size:clamp(46px,5vw,76px);font-weight:700;letter-spacing:-.04em;line-height:1.12}.px-fv__title span{color:var(--px-main)}.px-fv__lead{color:#555;font-size:16px;line-height:2;margin-top:34px;max-width:560px}.px-fv__glow{background:radial-gradient(circle,rgba(87,62,113,.22),rgba(87,62,113,0));border-radius:50%;filter:blur(20px);height:850px;position:absolute;right:-200px;top:-120px;width:850px}.px-fv__grid{background-image:linear-gradient(rgba(87,62,113,.05) 1px,transparent 0),linear-gradient(90deg,rgba(87,62,113,.05) 1px,transparent 0);background-size:70px 70px;inset:0;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);pointer-events:none;position:absolute}.px-fv__visual{align-items:center;display:flex;grid-area:visual;height:clamp(560px,45vw,760px);justify-content:center;position:relative}.px-fv__buttons{align-items:center;flex-wrap:wrap;gap:18px;grid-area:buttons}.px-button{align-items:center;border-radius:999px;display:inline-flex;font-size:15px!important;font-weight:700!important;gap:12px;height:60px;justify-content:center;min-width:250px;padding:0 34px;text-decoration:none!important;transition:.35s}.px-button:focus,.px-button:hover{text-decoration:none}.px-button svg{height:18px;transform:rotate(45deg);transition:.35s;width:18px}.px-button:hover svg{transform:rotate(45deg) translate(3px,-3px)}.px-button--primary{background:linear-gradient(135deg,#7e66a1,#573e71);box-shadow:0 18px 45px rgba(87,62,113,.28);color:#fff}.px-button--primary:hover{box-shadow:0 28px 60px rgba(87,62,113,.4);color:#fff;transform:translateY(-5px)}.px-button--outline{background:#fff;border:1px solid rgba(87,62,113,.25);color:#573e71}.px-button--outline:hover{box-shadow:0 28px 60px rgba(87,62,113,.3);color:#573e71;transform:translateY(-5px)}.px-ai-image-wrap{position:relative;width:clamp(360px,36vw,520px);z-index:5}.px-ai-image{display:block;object-fit:contain;width:100%}.px-ai-image-placeholder{align-items:center;aspect-ratio:4/5;border:2px dashed #ccc;border-radius:30px;color:#999;display:flex;justify-content:center}.px-ai-orbit{border:1px solid rgba(87,62,113,.16);border-radius:50%;height:clamp(390px,39vw,560px);position:absolute;width:clamp(390px,39vw,560px)}.px-ai-orbit--small{border-style:dashed;height:clamp(300px,30vw,430px);opacity:.55;width:clamp(300px,30vw,430px)}.px-ai-dot-orbit{border-radius:50%;left:50%;position:absolute;top:50%}.px-ai-dot-orbit--outer{animation:pxOrbitRotateOuter 18s linear infinite;height:clamp(430px,43vw,620px);transform:translate(-50%,-50%) rotate(30deg);width:clamp(430px,43vw,620px)}.px-ai-dot-orbit--inner{animation:pxOrbitRotateInner 18s linear infinite;height:clamp(350px,35vw,500px);transform:translate(-50%,-50%) rotate(150deg);width:clamp(350px,35vw,500px)}@keyframes pxOrbitRotateOuter{0%{transform:translate(-50%,-50%) rotate(180deg)}to{transform:translate(-50%,-50%) rotate(540deg)}}.px-ai-orbit-dot{background:#7e66a1;border-radius:50%;box-shadow:0 0 clamp(12px,1.5vw,20px) rgba(126,102,161,.9);height:clamp(10px,1vw,14px);left:50%;position:absolute;top:0;transform:translate(-50%,-50%);width:clamp(10px,1vw,14px)}.px-ai-orbit-dot--inner-dot{background:#573e71;height:clamp(8px,.8vw,10px);width:clamp(8px,.8vw,10px)}@keyframes pxOrbitRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes pxOrbitRotateInner{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.px-ai-glow{background:radial-gradient(circle,rgba(126,102,161,.45),rgba(87,62,113,0));border-radius:50%;filter:blur(clamp(20px,2vw,28px));height:clamp(280px,32vw,420px);position:absolute;width:clamp(280px,32vw,420px)}.px-ai-data-card{background:#fff;border-radius:clamp(14px,1.5vw,18px);bottom:clamp(30px,3vw,90px);padding:clamp(14px,1.4vw,18px);position:absolute;right:clamp(-20px,-1vw,-10px);width:clamp(180px,17vw,220px)}.px-ai-data-card__label{color:#777;display:block;font-size:9px;letter-spacing:.15em;margin-bottom:6px}.px-ai-data-card strong{color:#111;display:block;font-size:15px;margin-bottom:16px}.px-ai-data-card__graph{display:flex;flex-direction:column;gap:10px}.px-ai-data-card__line{background:#ececec;border-radius:999px;height:5px;overflow:hidden}.px-ai-data-card__line span{background:linear-gradient(90deg,#7e66a1,#573e71);border-radius:999px;display:block;height:100%}.px-ai-status{bottom:clamp(60px,7vw,110px);font-size:clamp(11px,1vw,13px);left:clamp(-20px,-1vw,0);padding:clamp(10px,1.2vw,14px) clamp(14px,1.5vw,18px);position:absolute}.px-ai-status__dot{height:clamp(8px,1vw,10px);width:clamp(8px,1vw,10px)}.px-fv__note{align-items:flex-start;display:flex;gap:16px;margin-top:42px}.px-fv__note-line{background:rgba(87,62,113,.35);height:1px;margin-top:11px;width:42px}.px-fv__note p{color:#777;font-size:13px;line-height:1.8}.px-scroll{align-items:center;bottom:40px;display:flex;flex-direction:column;gap:18px;left:60px;position:absolute;z-index:20}.px-scroll span{color:#888;font-size:11px;letter-spacing:.25em;writing-mode:vertical-rl}.px-scroll__line{background:#d7d7d7;height:70px;overflow:hidden;position:relative;width:1px}.px-scroll__line:after{animation:pxScroll 2s infinite;background:#573e71;content:"";height:35px;left:0;position:absolute;top:-35px;width:1px}@keyframes pxScroll{0%{top:-35px}to{top:70px}}@keyframes pxOrbit{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes pxOrbitReverse{0%{transform:rotate(1turn)}to{transform:rotate(0)}}@keyframes pxFloat{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}@keyframes pxGlow{0%{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}to{opacity:.55;transform:scale(1)}}@keyframes pxParticle{0%{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-16px)}to{opacity:.3;transform:translateY(0)}}@keyframes pxAiFloat{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.px-ai-image{animation:pxAiFloat 5s ease-in-out infinite}.px-ai-data-card{animation:pxFloat 6s ease-in-out infinite}.px-ai-glow{animation:pxGlow 6s ease-in-out infinite}@media screen and (max-width:1024px){.px-fv__buttons--pc{display:none}.px-fv__buttons--sp{display:flex;flex-direction:column;gap:14px;justify-content:center;order:3;width:100%}.px-container{width:calc(100% - 48px)}.px-fv__inner{display:flex;flex-direction:column;gap:40px;min-height:auto;padding:140px 0 80px}.px-fv__copy{order:1;padding-top:0;text-align:center}.px-fv__visual{align-items:center;height:420px;margin:0;order:2;padding:0;width:100%}.px-ai-image-wrap{margin:0;width:360px}.px-ai-orbit{height:390px;width:390px}.px-ai-dot-orbit--outer{height:430px;width:430px}.px-ai-dot-orbit--inner{height:350px;width:350px}.px-ai-data-card{bottom:-10px;right:80px}.px-fv__buttons{justify-content:center;order:3}.px-fv__lead{margin-left:auto;margin-right:auto}.px-scroll{display:none}}@media screen and (max-width:767px){.px-fv__inner{display:flex;flex-direction:column;gap:30px;padding:110px 0 60px}.px-fv__copy{order:1}.px-fv__visual{height:clamp(250px,80vw,420px);order:2}.px-fv__buttons{flex-direction:column;gap:14px;order:3}.px-fv{min-height:auto}.px-fv__header{top:24px}.px-fv__logo img{width:200px}.px-fv__title{font-size:clamp(36px,10vw,52px)}.px-fv__lead{font-size:14px;line-height:1.9}.px-button{min-width:0;width:100%}.px-ai-image-wrap{width:clamp(220px,62vw,300px)}.px-ai-orbit{height:clamp(240px,72vw,340px);width:clamp(240px,72vw,340px)}.px-ai-dot-orbit--outer{height:clamp(300px,82vw,390px);width:clamp(300px,82vw,390px)}.px-ai-dot-orbit--inner{height:clamp(230px,62vw,300px);width:clamp(230px,62vw,300px)}.px-ai-data-card{border-radius:clamp(12px,3vw,16px);bottom:-10px;padding:clamp(12px,3vw,16px);right:clamp(0px,3vw,15px);width:clamp(150px,42vw,190px)}.px-ai-data-card__label{font-size:clamp(7px,2vw,9px)}.px-ai-data-card strong{font-size:clamp(11px,3vw,14px);margin-bottom:clamp(8px,2vw,12px)}.px-ai-data-card__graph{gap:clamp(6px,2vw,8px)}.px-ai-data-card__line{height:clamp(3px,1vw,5px)}.px-ai-status{display:none}}