:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#ffffff80;--accent:#ff6b35;--accent-hover:#ff8a5c;--accent-gradient:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);--border:#ffffff1a;--shadow:0 4px 24px #0006;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3.5rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-primary);min-height:100vh;line-height:1.6}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}.scrollFadeIn{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.scrollFadeIn.visible{opacity:1;transform:translateY(0)}.container{width:100%;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all var(--transition-base);background:#0a0a0fcc;position:fixed;top:0;left:0;right:0}.headerScrolled{top:var(--spacing-sm);left:var(--spacing-lg);right:var(--spacing-lg);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);background:#12121a99;border:1px solid #ffffff26;box-shadow:0 8px 32px #0000004d,inset 0 0 0 1px #ffffff14}.headerInner{justify-content:space-between;align-items:center;height:72px;display:flex}.logo{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);color:var(--text-primary);font-weight:700;display:flex}.logo:hover{color:var(--text-primary)}.logoIcon{border-radius:var(--radius-md);object-fit:cover;width:40px;height:40px}.nav{gap:var(--spacing-xl);display:flex}.nav a{color:var(--text-secondary);font-size:var(--font-size-sm);transition:color var(--transition-fast);font-weight:500}.nav a:hover{color:var(--text-primary)}.mobileMenuButton{cursor:pointer;padding:var(--spacing-sm);z-index:101;background:0 0;border:none;display:none}.hamburger{flex-direction:column;gap:5px;width:24px;display:flex}.hamburger span{background:var(--text-primary);height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.hamburgerOpen span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburgerOpen span:nth-child(2){opacity:0}.hamburgerOpen span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.navMobile{top:100%;left:var(--spacing-lg);right:var(--spacing-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);opacity:0;pointer-events:none;transition:all var(--transition-base);background:#12121af2;flex-direction:column;display:none;position:absolute;transform:translateY(-10px)}.navMobileOpen{opacity:1;transform:translateY(var(--spacing-sm));pointer-events:auto}.navMobile a{color:var(--text-secondary);font-size:var(--font-size-base);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}.navMobile a:hover{color:var(--text-primary);background:var(--bg-card)}@media (max-width:768px){.navDesktop{display:none}.mobileMenuButton{display:block}.navMobile{display:flex}}.hero{min-height:auto;padding:calc(72px + var(--spacing-4xl))0 var(--spacing-4xl);background:var(--bg-primary);align-items:center;display:flex;position:relative;overflow:hidden}.heroGlow{background:radial-gradient(600px circle at var(--mouse-x,50%)var(--mouse-y,50%),#ff6b3526 0%,transparent 40%),radial-gradient(ellipse at 20% 20%,#ff6b351a 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,#f7931e0f 0%,transparent 50%);pointer-events:none;transition:background .3s;position:absolute;inset:0}.heroContent{text-align:center;max-width:800px;margin:0 auto}.heroBadge{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xl);display:inline-flex}.heroBadgeDot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1.1}.heroHighlight{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p{font-size:var(--font-size-xl);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:600px;margin-left:auto;margin-right:auto}.heroCta{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.heroHighlights{justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.heroHighlightItem{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);letter-spacing:.02em;background:#ffffff0f;border:1px solid #ffffff1f}.heroCta .btn{width:300px}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-lg);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);text-align:center;border:none;min-width:200px;font-weight:600;display:inline-flex}.btnIcon{flex-shrink:0;width:18px;height:18px}.btnPrimary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 16px #ff6b354d}.btnPrimary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #ff6b3566}.btnSecondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btnSecondary:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btnDisabled{opacity:.7;cursor:not-allowed}.btnDisabled:hover{transform:none;box-shadow:0 4px 16px #ff6b354d}.features{padding:var(--spacing-4xl)0;background:var(--bg-secondary)}.sectionHeader{text-align:center;margin-bottom:var(--spacing-3xl)}.sectionHeader h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);font-weight:700}.sectionHeader p{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.featuresGrid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.featureCard{padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);transition:all var(--transition-base)}.featureCard:hover{background:var(--bg-card-hover);box-shadow:var(--shadow);border-color:#ff6b354d;transform:translateY(-4px)}.featureIcon{border:2px solid var(--accent);border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--spacing-md);color:var(--accent);background:0 0;justify-content:center;align-items:center;display:flex}.featureIcon svg{width:24px;height:24px}.featureCard h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);font-weight:600}.featureTitleRow{align-items:baseline;gap:var(--spacing-sm);display:flex}.featureBadge{border-radius:var(--radius-full);font-size:var(--font-size-xs);color:#0f172a;background:#fbbf24;align-items:center;padding:2px 8px;font-weight:600;display:inline-flex}.featureCard p{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.7}.useCasesSection{padding:var(--spacing-4xl)0}.useCaseCard{padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base)}.useCaseCard:hover{background:var(--bg-card-hover);box-shadow:var(--shadow);border-color:#ff6b354d;transform:translateY(-4px)}.useCaseIcon{border-radius:var(--radius-lg);width:56px;height:56px;margin:0 auto var(--spacing-md);color:var(--accent);background:linear-gradient(135deg,#ff6b3526 0%,#f7931e1a 100%);justify-content:center;align-items:center;display:flex}.useCaseIcon svg{width:28px;height:28px}.useCaseCard h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-weight:600}.useCaseTitleRow{justify-content:center;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.useCaseTitleRow h3{margin-bottom:0}.useCaseCard p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.workflowSection{padding:var(--spacing-4xl)0;background:var(--bg-secondary)}.workflowGrid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.workflowCard{padding:var(--spacing-xl);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-base)}.workflowCard:hover{background:var(--bg-card-hover);box-shadow:var(--shadow);transform:translateY(-4px)}.workflowIcon{border:2px solid var(--accent);border-radius:var(--radius-md);width:48px;height:48px;margin:0 auto var(--spacing-md);color:var(--accent);background:0 0;justify-content:center;align-items:center;display:flex}.workflowIcon svg{width:24px;height:24px}.workflowCard h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-weight:600}.workflowTitleRow{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.workflowTitleRow h3{margin-bottom:0}.workflowCard p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.workflowCardComingSoon{opacity:.6;border-style:dashed}.workflowCardComingSoon:hover{box-shadow:none;transform:none}.comingSoonBadge{font-size:var(--font-size-xs);color:var(--accent);border-radius:var(--radius-full);margin-left:var(--spacing-sm);vertical-align:middle;background:#ff6b3526;padding:2px 8px;font-weight:500;display:inline-block}.devicesSection{padding:var(--spacing-3xl)0}.devicesCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--spacing-2xl);text-align:center}.devicesCard h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);font-weight:600}.devicesGrid{justify-content:center;gap:var(--spacing-3xl);flex-wrap:wrap;display:flex}.deviceItem{gap:var(--spacing-xs);flex-direction:column;display:flex}.deviceName{font-size:var(--font-size-lg);color:var(--text-primary);font-weight:600}.deviceVersion{font-size:var(--font-size-sm);color:var(--text-muted)}.heroTagline{font-size:var(--font-size-lg);color:var(--accent);margin-bottom:var(--spacing-sm);letter-spacing:.05em;font-weight:600}.heroDescription{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-2xl);max-width:650px;margin-left:auto;margin-right:auto;line-height:1.8}.devicesDescription{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.deviceIcon{border-radius:var(--radius-lg);width:48px;height:48px;margin:0 auto var(--spacing-sm);color:var(--accent);background:linear-gradient(135deg,#ff6b3526 0%,#f7931e1a 100%);justify-content:center;align-items:center;display:flex}.deviceIcon svg{width:24px;height:24px}.deviceItem{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);flex-direction:column;min-width:140px;display:flex}.ctaSection{padding:var(--spacing-4xl)0;background:radial-gradient(ellipse at 50% 50%,#ff6b351a 0%,transparent 70%),var(--bg-secondary)}.ctaContent{text-align:center;max-width:700px;margin:0 auto}.ctaContent h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);font-weight:700;line-height:1.3}.ctaContent p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.ctaButtons{justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.logoMascot{width:auto;height:auto;margin-left:var(--spacing-xs);vertical-align:middle;transition:transform var(--transition-base);cursor:pointer}.logoMascot:hover{animation:.5s ease-in-out wiggle}.sectionTitleRow{justify-content:center;align-items:center;gap:var(--spacing-sm);display:inline-flex}.sectionTitleRow h2{margin-bottom:0}.sectionMascot{width:auto;height:auto;transition:transform var(--transition-base);cursor:pointer;flex-shrink:0;align-self:center}.sectionMascot:hover{animation:.5s ease-in-out wiggle}.footerRight{align-items:center;gap:var(--spacing-md);display:flex}.footerMascot{opacity:.8;width:auto;height:auto;transition:transform var(--transition-base),opacity var(--transition-base);cursor:pointer;flex-shrink:0;align-self:center}.footerMascot:hover{opacity:1;animation:.5s ease-in-out wiggle}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.btnLarge{padding:var(--spacing-lg)var(--spacing-2xl);font-size:var(--font-size-lg);min-width:280px}.useCasesGrid{gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);display:grid}.footer{padding:var(--spacing-3xl)0;background:var(--bg-secondary);border-top:1px solid var(--border)}.footerInner{justify-content:space-between;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.footerLinks{gap:var(--spacing-2xl);flex-wrap:wrap;display:flex}.footerLinks a{color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-sm)0;align-items:center;min-height:44px;display:flex}.footerLinks a:hover{color:var(--text-primary)}.privacyFeatureIcon{color:#22c55e;flex-shrink:0;width:20px;height:20px}.footerCopyright{color:var(--text-muted);font-size:var(--font-size-sm)}.pageHeader{padding-top:calc(72px + var(--spacing-3xl));padding-bottom:var(--spacing-2xl);text-align:center}.pageHeader h1{font-size:var(--font-size-3xl);font-weight:700}.pageContent{padding-bottom:var(--spacing-4xl)}.prose{max-width:720px;margin:0 auto}.prose h2{font-size:var(--font-size-xl);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);font-weight:600}.prose p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.prose ul{color:var(--text-secondary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}.prose li{margin-bottom:var(--spacing-sm)}.pageSubtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin-top:var(--spacing-sm)}.contactSection{padding:0 0 var(--spacing-4xl)}.contactCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);max-width:600px;padding:var(--spacing-2xl);text-align:center;margin:0 auto}.contactForm{gap:var(--spacing-md);text-align:left;flex-direction:column;display:flex}.formRow{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.formGroup{gap:var(--spacing-xs);flex-direction:column;display:flex}.formGroup label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.formGroup .required{color:var(--accent)}.formGroup input,.formGroup textarea,.formGroup select{padding:var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);transition:border-color var(--transition-fast)}.formGroup input:focus,.formGroup textarea:focus,.formGroup select:focus{border-color:var(--accent);outline:none}.formGroup textarea{resize:vertical;min-height:120px}.formSubmit{margin-top:var(--spacing-sm)}.formSubmit .btn{justify-content:center;width:100%}.formSubmit .btn:disabled{opacity:.6;cursor:not-allowed}.formSuccess{text-align:center;padding:var(--spacing-xl);display:none}.formSuccess.show{display:block}.formSuccessIcon{margin-bottom:var(--spacing-md);font-size:3rem}.formSuccess h3{margin-bottom:var(--spacing-sm)}.formSuccess p{color:var(--text-secondary)}.formError{border-radius:var(--radius-md);padding:var(--spacing-md);color:#ef4444;margin-top:var(--spacing-md);text-align:center;background:#ef44441a;border:1px solid #ef44444d;display:none}.formError.show{display:block}.faqSection{padding:var(--spacing-4xl)0;background:var(--bg-secondary)}.faqSection h2{text-align:center;font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2xl)}.faqGrid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto;display:grid}.faqItem{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.faqItem h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);font-weight:600}.faqItem p{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}@media (max-width:1024px){.featuresGrid,.useCasesGrid{grid-template-columns:repeat(2,1fr)}.hero{padding:calc(72px + var(--spacing-3xl))0 var(--spacing-3xl)}.hero h1{font-size:var(--font-size-4xl)}.highlightsGrid{gap:var(--spacing-lg)}.highlightItem{width:calc(50% - var(--spacing-md));justify-content:center}}@media (max-width:768px){:root{--spacing-4xl:4rem}.hero{padding:calc(72px + var(--spacing-2xl))0 var(--spacing-2xl)}.hero h1{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-base);padding:0 var(--spacing-sm)}.heroTagline,.heroDescription{font-size:var(--font-size-base)}.nav{display:none}.sectionHeader h2{font-size:var(--font-size-2xl)}.features{padding:var(--spacing-3xl)0}.featureCard{padding:var(--spacing-lg)}.featureIcon{width:40px;height:40px}.featureIcon svg{width:20px;height:20px}.heroCta,.heroHighlights{flex-direction:column;align-items:center}.heroCta .btn{width:100%;max-width:300px}.highlightsSection{padding:var(--spacing-lg)0}.ctaSection{padding:var(--spacing-3xl)0}.ctaContent h2{font-size:var(--font-size-2xl)}.btnLarge{min-width:100%;max-width:300px}.footerInner{text-align:center;flex-direction:column}}@media (max-width:640px){.featuresGrid,.useCasesGrid,.workflowGrid{grid-template-columns:1fr}.devicesGrid{gap:var(--spacing-xl)}.formRow{grid-template-columns:1fr}.footerLinks{align-items:center;gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.footerLinks a{text-align:center;justify-content:center}.faqGrid{grid-template-columns:1fr}}