@import "https://fonts.googleapis.com/css2?family=Cabin:wght@500&family=Instrument+Serif:ital@0;1&family=Inter:wght@500&family=Manrope:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--background:#000;--text-primary:#fff;--text-secondary:#f6f7f9e6;--accent:#7b39fc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Manrope,sans-serif;overflow-x:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}:root{--primary-color:#7b39fc;--primary-hover:#8b4dfc;--bg-color:#000;--text-main:#fff;--text-muted:#a1a1aa;--glass-bg:#ffffff0d;--glass-border:#ffffff26}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:Inter,Noto Sans JP,sans-serif;overflow-x:hidden}.app-container{flex-direction:column;width:100%;display:flex}.navbar{z-index:100;border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);background:#0f0f1433;width:100%;height:80px;transition:all .3s;position:fixed;top:0;left:0}.navbar-scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.nav-content{justify-content:space-between;align-items:center;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.logo{color:var(--text-main);align-items:center;gap:12px;text-decoration:none;display:flex}.logo-text{letter-spacing:.5px;font-size:20px;font-weight:700}.nav-links{gap:32px;display:flex}.nav-link{color:#fff;flex-direction:column;align-items:center;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-link .ja{letter-spacing:.05em;font-size:15px;transition:all .3s}.nav-link .en{font-size:10px;font-family:var(--font-en);letter-spacing:.1em;color:var(--text-muted);margin-top:2px;transition:all .3s}.effect-underline:after{content:"";background:var(--primary-color);width:0;height:2px;box-shadow:0 0 10px var(--primary-color);transition:all .3s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.effect-underline:hover:after{width:100%}.effect-underline:active:after{height:4px;box-shadow:0 0 20px var(--primary-hover);background:#fff}.effect-ripple:before{content:"";opacity:0;z-index:-1;background:radial-gradient(circle,#7b39fc66 0%,#0000 70%);border-radius:50%;width:0;height:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.effect-ripple:active:before{opacity:1;width:150px;height:150px;transition:width .4s ease-out,height .4s ease-out,opacity .4s ease-out}.btn-get-started{background-color:var(--primary-color);color:#fff;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s,transform .2s}.btn-get-started:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.hero-section{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.background-video{z-index:-2;pointer-events:none;opacity:.6;width:100vw;height:100vh;position:fixed;top:0;left:0}.background-video video{object-fit:cover;width:100%;height:100%}.blurred-bg-element{filter:blur(80px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#7b39fc26 0%,#0000 70%);border-radius:50%;width:80vw;height:80vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.background-sphere-container{z-index:-2;pointer-events:none;background:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.background-sphere-image{object-fit:contain;opacity:.75;filter:drop-shadow(0 0 50px #7b39fc4d);width:130vmax;height:130vmax}.background-sphere-container.effect-spin .background-sphere-image{animation:60s linear infinite rotateSphereImage}.background-sphere-container.effect-breathe{animation:8s ease-in-out infinite bgBreathe}.background-sphere-container.effect-breathe .background-sphere-image{filter:drop-shadow(0 0 60px #7b39fc80);animation:60s linear infinite rotateSphereImage}@keyframes bgBreathe{0%,to{opacity:.65;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}.background-sphere-container.effect-aurora .background-sphere-image{animation:60s linear infinite rotateSphereImage,15s linear infinite bgAurora}@keyframes bgAurora{0%{filter:hue-rotate()drop-shadow(0 0 50px #7b39fc4d)}to{filter:hue-rotate(360deg)drop-shadow(0 0 50px #7b39fc4d)}}.background-sphere-container.effect-hologram .background-sphere-image{animation:45s linear infinite rotateSphereImage,3s steps(4,end) infinite bgHologram}@keyframes bgHologram{0%,to{opacity:.75;transform:translate(0)scale(1)}10%{opacity:.4;filter:hue-rotate(90deg)contrast(1.5);transform:translate(-3px,2px)skew(2deg)}20%{opacity:.8;transform:translate(2px,-1px)scaleY(.98)}30%{opacity:.5;transform:translate(-1px,-3px)skewY(1deg)}40%{opacity:.75;transform:translate(0)scale(1)}}.background-sphere-container.effect-hyper{animation:.15s linear infinite bgVibrate}.background-sphere-container.effect-hyper .background-sphere-image{filter:saturate(2)drop-shadow(0 0 80px #7b39fccc);animation:8s linear infinite rotateSphereImage}@keyframes bgVibrate{0%{transform:translate(0)}25%{transform:translate(-2px,2px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-1px,-1px)}to{transform:translate(0)}}.background-sphere-container.effect-particles .background-sphere-image{filter:drop-shadow(0 0 40px #7b39fc4d);animation:180s linear infinite rotateSphereImage}.particles-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{opacity:0;background:#b839fc;border-radius:50%;animation:6s ease-in-out infinite floatUp;position:absolute;box-shadow:0 0 8px #fff,0 0 15px #7b39fc}.particle-0{width:3px;height:3px;animation-duration:5s;animation-delay:0s;bottom:-10px;left:10%}.particle-1{width:5px;height:5px;animation-duration:7s;animation-delay:1.5s;bottom:-10px;left:25%}.particle-2{width:4px;height:4px;animation-duration:6s;animation-delay:3s;bottom:-10px;left:45%}.particle-3{width:2px;height:2px;animation-duration:8s;animation-delay:.5s;bottom:-10px;left:60%}.particle-4{width:6px;height:6px;animation-duration:5.5s;animation-delay:2s;bottom:-10px;left:80%}.particle-5{width:4px;height:4px;animation-duration:6.5s;animation-delay:4s;bottom:-10px;left:15%}.particle-6{width:3px;height:3px;animation-duration:7.5s;animation-delay:2.5s;bottom:-10px;left:35%}.particle-7{width:5px;height:5px;animation-duration:5s;animation-delay:1s;bottom:-10px;left:55%}.particle-8{width:3px;height:3px;animation-duration:8.5s;animation-delay:3.5s;bottom:-10px;left:70%}.particle-9{width:4px;height:4px;animation-duration:6s;animation-delay:0s;bottom:-10px;left:90%}.particle-10{width:3px;height:3px;animation-duration:5s;animation-delay:1s;bottom:20%;left:5%}.particle-11{width:5px;height:5px;animation-duration:6.5s;animation-delay:3.2s;bottom:15%;left:30%}.particle-12{width:2px;height:2px;animation-duration:5.5s;animation-delay:.2s;bottom:30%;left:50%}.particle-13{width:4px;height:4px;animation-duration:7s;animation-delay:2.2s;bottom:10%;left:75%}.particle-14{width:3px;height:3px;animation-duration:5.8s;animation-delay:1.5s;bottom:25%;left:95%}.particle-15{width:6px;height:6px;animation-duration:6.2s;animation-delay:2.7s;bottom:40%;left:18%}.particle-16{width:3px;height:3px;animation-duration:8s;animation-delay:.9s;bottom:35%;left:42%}.particle-17{width:4px;height:4px;animation-duration:5.2s;animation-delay:3.8s;bottom:45%;left:68%}.particle-18{width:5px;height:5px;animation-duration:7.3s;animation-delay:1.7s;bottom:38%;left:85%}.particle-19{width:3px;height:3px;animation-duration:6.8s;animation-delay:.5s;bottom:50%;left:50%}@keyframes floatUp{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.8}90%{opacity:.8}to{opacity:0;transform:translateY(-100vh)translate(50px)}}.video-overlay{pointer-events:none;background:radial-gradient(circle,#0000 40%,#000000d9 90%);width:100%;height:100%;position:absolute;top:0;left:0}@keyframes rotateSphereImage{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{z-index:2;text-align:center;max-width:800px;padding:0 24px;position:relative}.heading-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #ffffff26;border-radius:24px;margin-bottom:40px;padding:48px;box-shadow:0 8px 32px #00000026}.heading-line-1,.heading-line-2{letter-spacing:-1px;font-size:64px;font-weight:700;line-height:1.2}.heading-line-2{color:var(--primary-color);background:linear-gradient(90deg,#b084f4,#7b39fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);margin-top:24px;font-size:18px;line-height:1.8}.cta-buttons{justify-content:center;gap:16px;margin-top:40px;display:flex}.btn-cta-primary,.btn-cta-secondary{border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s}.btn-cta-primary{background-color:var(--primary-color);color:#fff}.btn-cta-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #7b39fc66}.btn-cta-secondary{color:#fff;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff0d}.btn-cta-secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}.page-container{z-index:10;max-width:1200px;min-height:calc(100vh - 80px);margin:0 auto;padding:120px 24px 60px;position:relative}.page-header{text-align:center;margin-bottom:64px}.page-title{letter-spacing:.1em;background:linear-gradient(to right, #fff, var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:48px;font-weight:700}.page-subtitle{color:var(--text-muted);letter-spacing:.2em;font-size:14px}.page-content{position:relative}.pricing-grid{flex-flow:wrap;justify-content:center;align-items:stretch;gap:24px;margin-top:20px;display:flex}.pricing-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;flex-direction:column;flex:1;min-width:300px;max-width:380px;padding:40px 32px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s;display:flex;position:relative;box-shadow:0 4px 24px #0003}.pricing-card:hover{border-color:#ffffff4d;transform:translateY(-8px)}.pricing-card.popular{z-index:2;background:#7b39fc0a;border:1px solid #7b39fc80;transform:scale(1.05);box-shadow:0 10px 40px #7b39fc26,inset 0 0 20px #7b39fc0d}.pricing-card.popular:hover{transform:scale(1.05)translateY(-8px);box-shadow:0 20px 50px #7b39fc40,inset 0 0 30px #7b39fc1a}.popular-badge{color:#fff;letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(90deg,#b084f4,#7b39fc);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #7b39fc66}.pricing-header{text-align:center;border-bottom:1px solid var(--glass-border);margin-bottom:24px;padding-bottom:24px}.pricing-header h3{letter-spacing:1px;text-transform:uppercase;color:var(--text-main);margin-bottom:16px;font-size:20px;font-weight:600}.price-container{justify-content:center;align-items:baseline;margin-bottom:16px;display:flex}.price{color:var(--text-main);font-size:42px;font-weight:700;line-height:1}.period{color:var(--text-muted);margin-left:8px;font-size:14px}.pricing-desc{color:var(--text-muted);font-size:14px;line-height:1.6}.pricing-features{flex:1;margin:0;padding:0;list-style:none}.pricing-features li{color:#ffffffe6;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:14px;line-height:1.5;display:flex}.check-icon{flex-shrink:0;margin-top:2px}.pricing-footer{text-align:center;margin-top:32px}.pricing-footer a{width:100%;display:block}.about-content{align-items:center;gap:60px;display:flex}.about-text{flex:1}.about-text h3{margin-bottom:32px;font-size:32px;font-weight:700;line-height:1.4}.about-text p{color:var(--text-muted);margin-bottom:24px;font-size:16px;line-height:1.8}.about-image{border-radius:16px;flex:1;overflow:hidden;box-shadow:0 10px 40px #0000004d}.company-profile-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:32px}.profile-title{color:var(--primary-color);letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;font-size:20px;font-weight:600}.profile-table{border-collapse:collapse;width:100%}.profile-table th,.profile-table td{border-bottom:1px solid var(--glass-border);text-align:left;vertical-align:top;padding:16px 0;font-size:15px;line-height:1.6}.profile-table tr:last-child th,.profile-table tr:last-child td{border-bottom:none;padding-bottom:0}.profile-table th{width:30%;color:var(--text-muted);font-weight:500}.profile-table td{color:var(--text-main)}.contact-wrapper{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;max-width:700px;margin:0 auto;padding:60px}.contact-text{text-align:center;color:var(--text-muted);margin-bottom:40px;line-height:1.6}.form-group{margin-bottom:24px}.form-group label{color:var(--text-muted);margin-bottom:8px;font-size:14px;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--glass-border);color:#fff;appearance:none;background:#0003;border-radius:8px;width:100%;padding:16px;font-family:inherit;font-size:15px;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);background:#0006;outline:none}.form-group select option{color:#fff;background-color:#1a1a2e}.form-group textarea{resize:vertical;min-height:150px}.btn-submit{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:background-color .3s,transform .2s}.btn-submit:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-submit:disabled{cursor:not-allowed;background-color:#555;transform:none}.form-message{text-align:center;border-radius:8px;margin-bottom:24px;padding:16px;font-weight:500}.form-message.success{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc714d}.form-message.error{color:#e74c3c;background:#e74c3c1a;border:1px solid #e74c3c4d}.footer{border-top:1px solid var(--glass-border);z-index:2;background:#00000080;width:100%;padding:60px 24px 24px;position:relative}.footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 40px;display:flex}.footer-logo{align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.footer-links{gap:24px;display:flex}.footer-links a{color:var(--text-muted);font-size:14px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-main)}.footer-bottom{text-align:center;max-width:1200px;color:var(--text-muted);border-top:1px solid var(--glass-border);margin:0 auto;padding-top:24px;font-size:13px}@media (width<=900px){.contact-wrapper{padding:40px 24px}.nav-links{display:none}.heading-line-1,.heading-line-2{font-size:42px}.about-content{flex-direction:column;gap:32px}.page-title{font-size:36px}.page-container{padding:100px 20px 40px}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-8px)}}@media (width<=600px){.heading-line-1,.heading-line-2{font-size:32px}.heading-box{padding:32px 20px}.cta-buttons{flex-direction:column;width:100%}.btn-cta-primary,.btn-cta-secondary{text-align:center;width:100%}.footer-content{text-align:center;flex-direction:column;gap:24px}.contact-wrapper{padding:32px 20px}.pricing-grid{flex-direction:column;align-items:center}.pricing-card{min-width:100%;max-width:100%;padding:32px 20px}.price{font-size:36px}}.logo-svg{overflow:visible}.logo-rect{transition:rx .4s cubic-bezier(.175,.885,.32,1.275)}.logo-circle{transform-origin:12.5px 12.5px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes logoPulse{0%{transform:scale(1)}50%{fill:var(--primary-color);transform:scale(1.6)}to{transform:scale(1)}}.anim-pulse .logo-circle{animation:2.5s ease-in-out infinite logoPulse}@keyframes logoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-spin{transform-origin:12.5px 12.5px;animation:12s linear infinite logoRotate}.success-overlay{-webkit-backdrop-filter:blur(16px);z-index:9999;background:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.success-modal{border:1px solid var(--glass-border);text-align:center;-webkit-backdrop-filter:blur(20px);background:#0f0f1499;border-radius:24px;width:100%;max-width:480px;padding:48px 32px;box-shadow:0 20px 50px #00000080,0 0 30px #7b39fc40}.success-icon-wrapper{color:#2ecc71;filter:drop-shadow(0 0 15px #2ecc7166);justify-content:center;margin-bottom:24px;display:flex}.success-modal h3{background:linear-gradient(to right, #fff, var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:28px;font-weight:700}.success-modal p{color:var(--text-muted);margin-bottom:32px;font-size:15px;line-height:1.8}.btn-close-modal{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 40px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #7b39fc4d}.btn-close-modal:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #7b39fc80}.btn-close-modal:active{transform:translateY(0)}input:-webkit-autofill{transition:background-color 5000s ease-in-out;border:1px solid var(--glass-border)!important;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0f!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;border:1px solid var(--glass-border)!important;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0f!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;border:1px solid var(--glass-border)!important;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0f!important}textarea:-webkit-autofill{transition:background-color 5000s ease-in-out;border:1px solid var(--glass-border)!important;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0f!important}textarea:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;border:1px solid var(--glass-border)!important;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0f!important}textarea:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;border:1px solid var(--glass-border)!important;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #0a0a0f!important}
