{"id":34093,"date":"2026-07-20T19:15:57","date_gmt":"2026-07-20T10:15:57","guid":{"rendered":"https:\/\/nextsageai.com\/info\/?page_id=34093"},"modified":"2026-07-22T21:34:32","modified_gmt":"2026-07-22T12:34:32","slug":"home-en","status":"publish","type":"page","link":"https:\/\/nextsageai.com\/info\/en\/home-en\/","title":{"rendered":"HOME-"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"34093\" class=\"elementor elementor-34093\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14b87a2 e-flex e-con-boxed e-con e-parent\" data-id=\"14b87a2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54e679d elementor-widget elementor-widget-html\" data-id=\"54e679d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<html>\r\n<style>\r\n:root {\r\n  \/* \u30ab\u30e9\u30fc *\/\r\n  --color-bg-base:        #07091a;\r\n  --color-bg-deep:        #04060f;\r\n  --color-bg-card:        rgba(255, 255, 255, 0.04);\r\n  --color-bg-card-hover:  rgba(255, 255, 255, 0.07);\r\n  --color-border:         rgba(255, 255, 255, 0.10);\r\n  --color-border-accent:  rgba(255, 255, 255, 0.15);\r\n\r\n  \/* \u30a2\u30af\u30bb\u30f3\u30c8\u30ab\u30e9\u30fc *\/\r\n  --color-magenta:        #e0387a;\r\n  --color-magenta-light:  #f05590;\r\n  --color-magenta-glow:   rgba(224, 56, 122, 0.25);\r\n  --color-magenta-subtle: rgba(224, 56, 122, 0.10);\r\n  --color-cyan:           #00c8e0;\r\n  --color-cyan-light:     #34d4ea;\r\n  --color-cyan-glow:      rgba(0, 200, 224, 0.20);\r\n  --color-cyan-subtle:    rgba(0, 200, 224, 0.08);\r\n\r\n  \/* \u30c6\u30ad\u30b9\u30c8 *\/\r\n  --color-text-primary:   #f0f2fa;\r\n  --color-text-secondary: #dbdcdf;\r\n  --color-text-muted:     #c1c2c6;\r\n  --color-text-inverse:   #07091a;\r\n\r\n  \/* \u30bf\u30a4\u30dd\u30b0\u30e9\u30d5\u30a3 *\/\r\n  --font-family-base: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', 'Yu Gothic', sans-serif;\r\n  --font-size-xs:   0.75rem;\r\n  --font-size-sm:   0.875rem;\r\n  --font-size-base: 1rem;\r\n  --font-size-md:   1.125rem;\r\n  --font-size-lg:   1.25rem;\r\n  --font-size-xl:   1.5rem;\r\n  --font-size-2xl:  2rem;\r\n  --font-size-3xl:  2.5rem;\r\n  --font-size-4xl:  3rem;\r\n  --font-size-5xl:  3.75rem;\r\n  --font-size-6xl:  4.5rem;\r\n\r\n  \/* \u30b9\u30da\u30fc\u30b7\u30f3\u30b0 *\/\r\n  --space-1:  0.25rem;\r\n  --space-2:  0.5rem;\r\n  --space-3:  0.75rem;\r\n  --space-4:  1rem;\r\n  --space-6:  1.5rem;\r\n  --space-8:  2rem;\r\n  --space-10: 2.5rem;\r\n  --space-12: 3rem;\r\n  --space-16: 4rem;\r\n  --space-20: 5rem;\r\n  --space-24: 6rem;\r\n  --space-32: 8rem;\r\n\r\n  \/* \u30dc\u30fc\u30c0\u30fc *\/\r\n  --radius-sm: 4px;\r\n  --radius-md: 8px;\r\n  --radius-lg: 12px;\r\n  --radius-xl: 16px;\r\n  --radius-full: 9999px;\r\n\r\n  \/* \u30c8\u30e9\u30f3\u30b8\u30b7\u30e7\u30f3 *\/\r\n  --transition-fast:   150ms ease;\r\n  --transition-base:   250ms ease;\r\n  --transition-slow:   400ms ease;\r\n\r\n  \/* \u30ec\u30a4\u30a2\u30a6\u30c8 *\/\r\n  --container-max:  1200px;\r\n  --container-pad:  clamp(1.25rem, 5vw, 4rem);\r\n  --section-py:     clamp(4rem, 8vw, 8rem);\r\n}\r\n\r\n\/* ------------------------------------------------------------\r\n   \u30ea\u30bb\u30c3\u30c8\u30fb\u30d9\u30fc\u30b9\r\n------------------------------------------------------------ *\/\r\n*, *::before, *::after {\r\n  box-sizing: border-box;\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n}\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n  font-size: 16px;\r\n  -webkit-text-size-adjust: 100%;\r\n}\r\n\r\nbody {\r\n  font-family: var(--font-family-base);\r\n  background-color: var(--color-bg-base);\r\n  color: var(--color-text-primary);\r\n  line-height: 1.7;\r\n  overflow-x: hidden;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\nimg {\r\n  max-width: 100%;\r\n  display: block;\r\n}\r\n\r\na {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\nul, ol {\r\n  list-style: none;\r\n}\r\n\r\nbutton {\r\n  cursor: pointer;\r\n  border: none;\r\n  background: none;\r\n  font-family: inherit;\r\n}\r\n\r\n\/* \u30b9\u30af\u30ea\u30fc\u30f3\u30ea\u30fc\u30c0\u30fc\u5c02\u7528\u30c6\u30ad\u30b9\u30c8 *\/\r\n.sr-only {\r\n  position: absolute;\r\n  width: 1px;\r\n  height: 1px;\r\n  padding: 0;\r\n  margin: -1px;\r\n  overflow: hidden;\r\n  clip: rect(0, 0, 0, 0);\r\n  white-space: nowrap;\r\n  border-width: 0;\r\n}\r\n\r\n\/* \u6539\u884c\u88dc\u52a9 *\/\r\n.br-desktop { display: none; }\r\n.br-mobile  { display: block; }\r\n\r\n@media (min-width: 768px) {\r\n  .br-desktop { display: block; }\r\n  .br-mobile  { display: none; }\r\n}\r\n\r\n\/* ------------------------------------------------------------\r\n   \u30ec\u30a4\u30a2\u30a6\u30c8\r\n------------------------------------------------------------ *\/\r\n.container {\r\n  width: 100%;\r\n  max-width: var(--container-max);\r\n  margin-inline: auto;\r\n  padding-inline: var(--container-pad);\r\n}\r\n\r\n.section {\r\n  padding-block: var(--section-py);\r\n  position: relative;\r\n}\r\n\r\n\/* ------------------------------------------------------------\r\n   \u5171\u901a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8: \u30dc\u30bf\u30f3\r\n------------------------------------------------------------ *\/\r\n.btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: var(--space-2);\r\n  font-weight: 600;\r\n  letter-spacing: 0.02em;\r\n  border-radius: var(--radius-md);\r\n  transition: all var(--transition-base);\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* \u4e3bCTA: \u30de\u30bc\u30f3\u30bf *\/\r\n.btn-primary {\r\n  background: var(--color-magenta);\r\n  color: #fff;\r\n  border: 1.5px solid var(--color-magenta);\r\n  box-shadow: 0 0 20px var(--color-magenta-glow), 0 2px 8px rgba(0,0,0,0.3);\r\n}\r\n.btn-primary:hover {\r\n  background: var(--color-magenta-light);\r\n  border-color: var(--color-magenta-light);\r\n  box-shadow: 0 0 32px var(--color-magenta-glow), 0 4px 16px rgba(0,0,0,0.4);\r\n  transform: translateY(-1px);\r\n}\r\n.btn-primary:active {\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* \u526fCTA: \u30a2\u30a6\u30c8\u30e9\u30a4\u30f3 *\/\r\n.btn-secondary {\r\n  background: transparent;\r\n  color: var(--color-text-primary);\r\n  border: 1.5px solid var(--color-border-accent);\r\n}\r\n.btn-secondary:hover {\r\n  border-color: var(--color-cyan);\r\n  color: var(--color-cyan);\r\n  box-shadow: 0 0 16px var(--color-cyan-glow);\r\n  transform: translateY(-1px);\r\n}\r\n\r\n\/* \u30b5\u30a4\u30ba *\/\r\n.btn-sm  { padding: 0.5rem 1rem; font-size: var(--font-size-sm); }\r\n.btn-lg  { padding: 0.875rem 2rem; font-size: var(--font-size-base); }\r\n.btn-xl  { padding: 1rem 2.5rem; font-size: var(--font-size-md); }\r\n\r\n\/* ------------------------------------------------------------\r\n   \u5171\u901a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8: \u30bb\u30af\u30b7\u30e7\u30f3\u30d8\u30c3\u30c0\u30fc\r\n------------------------------------------------------------ *\/\r\n.section-header {\r\n  text-align: center;\r\n  max-width: 780px;\r\n  margin-inline: auto;\r\n  margin-bottom: clamp(2.5rem, 5vw, 4rem);\r\n}\r\n\r\n.section-eyebrow {\r\n  display: inline-block;\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 700;\r\n  letter-spacing: 0.15em;\r\n  text-transform: uppercase;\r\n  color: var(--color-cyan);\r\n  margin-bottom: var(--space-4);\r\n  padding: var(--space-1) var(--space-3);\r\n  border: 1px solid var(--color-cyan-glow);\r\n  border-radius: var(--radius-full);\r\n  background: var(--color-cyan-subtle);\r\n}\r\n\r\n.section-heading {\r\n  font-size: clamp(var(--font-size-2xl), 3.5vw, var(--font-size-4xl));\r\n  font-weight: 700;\r\n  line-height: 1.3;\r\n  letter-spacing: -0.02em;\r\n  color: var(--color-text-primary);\r\n  margin-bottom: var(--space-6);\r\n}\r\n\r\n.section-subtext {\r\n  font-size: var(--font-size-md);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* \u30c6\u30ad\u30b9\u30c8\u30a2\u30af\u30bb\u30f3\u30c8\u30ab\u30e9\u30fc *\/\r\n.text-accent-magenta { color: var(--color-magenta); }\r\n.text-accent-cyan    { color: var(--color-cyan); }\r\n\r\n\r\n.hero1 { \r\n text-align: center;\r\nmargin: 0 auto;\r\n }\r\n\/* ------------------------------------------------------------\r\n   \u5171\u901a\u30b3\u30f3\u30dd\u30fc\u30cd\u30f3\u30c8: \u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n------------------------------------------------------------ *\/\r\n.fade-in,\r\n.fade-in-up {\r\n  opacity: 0;\r\n  transition: opacity 0.6s ease, transform 0.6s ease;\r\n}\r\n\r\n.fade-in       { transform: none; }\r\n.fade-in-up    { transform: translateY(24px); }\r\n\r\n.fade-in.is-visible,\r\n.fade-in-up.is-visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n text-align: center;\r\n}\r\n\r\n.fade-in--delay-1 { transition-delay: 0.1s; }\r\n.fade-in--delay-2 { transition-delay: 0.2s; }\r\n.fade-in--delay-3 { transition-delay: 0.3s; }\r\n.fade-in--delay-4 { transition-delay: 0.4s; }\r\n\r\n\/* ============================================================\r\n   \u2460 Hero\r\n============================================================ *\/\r\n.section-hero {\r\n  min-height: 100svh;\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding-block: clamp(6rem, 12vw, 10rem);\r\n  background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(0, 20, 60, 0.9) 0%, var(--color-bg-deep) 70%);\r\n}\r\n\r\n\/* \u80cc\u666f\u30b0\u30ed\u30fc *\/\r\n.hero-bg-glow {\r\n  position: absolute;\r\n  width: 600px;\r\n  height: 600px;\r\n  border-radius: 50%;\r\n  filter: blur(120px);\r\n  pointer-events: none;\r\n}\r\n.hero-bg-glow--left {\r\n  top: -10%;\r\n  left: -15%;\r\n  background: radial-gradient(circle, rgba(224,56,122,0.18) 0%, transparent 70%);\r\n}\r\n.hero-bg-glow--right {\r\n  bottom: -10%;\r\n  right: -10%;\r\n  background: radial-gradient(circle, rgba(0,200,224,0.14) 0%, transparent 70%);\r\n}\r\n\r\n\/* \u30b0\u30ea\u30c3\u30c9\u30aa\u30fc\u30d0\u30fc\u30ec\u30a4 *\/\r\n.hero-grid-overlay {\r\n  position: absolute;\r\n  inset: 0;\r\n  background-image:\r\n    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);\r\n  background-size: 60px 60px;\r\n  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 30%, transparent 100%);\r\n  pointer-events: none;\r\n}\r\n\r\n.hero-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.hero-content {\r\n  max-width: auto;\r\n  text-align: center;\r\n}\r\n\r\n.hero-eyebrow {\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 700;\r\n  letter-spacing: 0.2em;\r\n  text-transform: uppercase;\r\n  color: var(--color-cyan);\r\n  margin-bottom: var(--space-6);\r\n}\r\n\r\n.hero-heading {\r\n  font-size: clamp(2.75rem, 6vw, var(--font-size-6xl));\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  letter-spacing: -0.03em;\r\n  margin-bottom: var(--space-8);\r\n  color:#ffffff;\r\n}\r\n\r\n.hero-subtext {\r\n  font-size: clamp(var(--font-size-base), 1.5vw, var(--font-size-lg));\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.85;\r\n max-width: auto;\r\n text-align: center;\r\n  margin-bottom: var(--space-12);\r\n}\r\n\r\n\/* \u6570\u5024\u30ab\u30fc\u30c9 *\/\r\n.hero-metrics {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--space-8);\r\n  margin-bottom: var(--space-12);\r\n  flex-wrap: wrap;\r\n  text-align: center;\r\n}\r\n\r\n.metric-card {\r\n \/*  text-align: left; *\/\r\n}\r\n\r\n.metric-number {\r\n  font-size: clamp(2rem, 4vw, 3rem);\r\n  font-weight: 800;\r\n  letter-spacing: -0.04em;\r\n  color: var(--color-text-primary);\r\n  line-height: 1;\r\n  margin-bottom: var(--space-2);\r\n}\r\n\r\n.metric-unit {\r\n  font-size: 0.5em;\r\n  font-weight: 600;\r\n   max-width: auto;\r\n text-align: center;\r\n  color: var(--color-cyan);\r\n  letter-spacing: 0;\r\n}\r\n\r\n.metric-label {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  font-weight: 500;\r\n  text-align: center;\r\n}\r\n\r\n.metric-divider {\r\n  width: 1px;\r\n  height: 48px;\r\n  background: var(--color-border);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* CTA\u30b0\u30eb\u30fc\u30d7 *\/\r\n.hero-cta-group {\r\n  display: flex;\r\n  gap: var(--space-4);\r\n  flex-wrap: wrap;\r\n}\r\n\r\n\/* ============================================================\r\n   \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d8\u30c3\u30c0\u30fc\r\n============================================================ *\/\r\n.site-header {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 100;\r\n  padding-block: var(--space-4);\r\n  transition: background var(--transition-base), backdrop-filter var(--transition-base), box-shadow var(--transition-base);\r\n}\r\n\r\n.site-header.is-scrolled {\r\n  background: rgba(7, 9, 26, 0.92);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  box-shadow: 0 1px 0 var(--color-border);\r\n}\r\n\r\n.header-inner {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--space-8);\r\n}\r\n\r\n.logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--space-2);\r\n  flex-shrink: 0;\r\n}\r\n\r\n.logo-mark {\r\n  width: 32px;\r\n  height: 32px;\r\n  background: var(--color-magenta);\r\n  color: #fff;\r\n  font-weight: 800;\r\n  font-size: var(--font-size-base);\r\n  border-radius: var(--radius-sm);\r\n  display: grid;\r\n  place-items: center;\r\n  flex-shrink: 0;\r\n  box-shadow: 0 0 12px var(--color-magenta-glow);\r\n}\r\n\r\n.logo-text {\r\n  font-size: var(--font-size-lg);\r\n  font-weight: 700;\r\n  letter-spacing: -0.01em;\r\n}\r\n\r\n.global-nav {\r\n  margin-left: auto;\r\n}\r\n\r\n.nav-list {\r\n  display: none;\r\n  gap: var(--space-6);\r\n}\r\n\r\n@media (min-width: 900px) {\r\n  .nav-list {\r\n    display: flex;\r\n  }\r\n}\r\n\r\n.nav-link {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  font-weight: 500;\r\n  transition: color var(--transition-fast);\r\n  padding-block: var(--space-2);\r\n}\r\n.nav-link:hover { color: var(--color-text-primary); }\r\n\r\n.nav-cta {\r\n  display: none;\r\n  flex-shrink: 0;\r\n}\r\n@media (min-width: 900px) {\r\n  .nav-cta { display: inline-flex; }\r\n}\r\n\r\n\/* \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc *\/\r\n.menu-toggle {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  margin-left: auto;\r\n  padding: var(--space-2);\r\n}\r\n@media (min-width: 900px) {\r\n  .menu-toggle { display: none; }\r\n}\r\n\r\n.menu-toggle span {\r\n  display: block;\r\n  width: 22px;\r\n  height: 2px;\r\n  background: var(--color-text-primary);\r\n  border-radius: 2px;\r\n  transition: all var(--transition-base);\r\n}\r\n\r\n.menu-toggle.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }\r\n.menu-toggle.is-open span:nth-child(2) { opacity: 0; }\r\n.menu-toggle.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }\r\n\r\n\/* \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc *\/\r\n.mobile-nav {\r\n  background: rgba(7, 9, 26, 0.98);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  border-top: 1px solid var(--color-border);\r\n  max-height: 0;\r\n  overflow: hidden;\r\n  transition: max-height var(--transition-slow);\r\n}\r\n\r\n.mobile-nav.is-open {\r\n  max-height: 400px;\r\n}\r\n\r\n.mobile-nav-list {\r\n  padding: var(--space-4) var(--container-pad) var(--space-6);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-1);\r\n}\r\n\r\n.mobile-nav-link {\r\n  display: block;\r\n  padding: var(--space-3) 0;\r\n  font-size: var(--font-size-base);\r\n  color: var(--color-text-secondary);\r\n  border-bottom: 1px solid var(--color-border);\r\n  transition: color var(--transition-fast);\r\n}\r\n.mobile-nav-link:hover { color: var(--color-text-primary); }\r\n\r\n.mobile-nav-cta {\r\n  margin-top: var(--space-4);\r\n  color: var(--color-magenta) !important;\r\n  font-weight: 600;\r\n  border: none !important;\r\n}\r\n\r\n\/* ============================================================\r\n   \u2461 Executive Challenges\r\n============================================================ *\/\r\n.section-challenges {\r\n  background: linear-gradient(180deg, var(--color-bg-base) 0%, rgba(5, 8, 20, 1) 100%);\r\n}\r\n\r\n.challenge-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\r\n  gap: var(--space-6);\r\n}\r\n\r\n.challenge-card {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-lg);\r\n  padding: var(--space-8);\r\n  transition: background var(--transition-base), border-color var(--transition-base), transform var(--transition-base);\r\n}\r\n.challenge-card:hover {\r\n  background: var(--color-bg-card-hover);\r\n  border-color: var(--color-border-accent);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.challenge-icon {\r\n  width: 40px;\r\n  height: 40px;\r\n  margin-bottom: var(--space-6);\r\n  position: relative;\r\n}\r\n\r\n\/* \u30a2\u30a4\u30b3\u30f3\uff1aCSS\u30b7\u30a7\u30a4\u30d7 *\/\r\n.icon-shape {\r\n  width: 100%;\r\n  height: 100%;\r\n  position: relative;\r\n}\r\n\r\n.icon-shape--target::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  border: 2px solid var(--color-cyan);\r\n  border-radius: 50%;\r\n}\r\n.icon-shape--target::after {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 25%;\r\n  background: var(--color-cyan);\r\n  border-radius: 50%;\r\n  opacity: 0.6;\r\n}\r\n\r\n.icon-shape--wall::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: 0; bottom: 0;\r\n  width: 100%; height: 60%;\r\n  border: 2px solid var(--color-magenta);\r\n  border-radius: 2px;\r\n}\r\n.icon-shape--wall::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: 20%; top: 0;\r\n  width: 30%; height: 50%;\r\n  background: var(--color-magenta);\r\n  opacity: 0.5;\r\n}\r\n\r\n.icon-shape--link::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 0;\r\n  right: 0; height: 2px;\r\n  background: var(--color-cyan);\r\n  transform: translateY(-50%);\r\n}\r\n.icon-shape--link::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 25%; left: 10%;\r\n  width: 35%; height: 50%;\r\n  border: 2px solid var(--color-cyan);\r\n  border-radius: 50%;\r\n}\r\n\r\n.icon-shape--people::before,\r\n.icon-shape--people::after {\r\n  content: '';\r\n  position: absolute;\r\n  width: 14px; height: 14px;\r\n  background: var(--color-magenta);\r\n  border-radius: 50%;\r\n  opacity: 0.7;\r\n}\r\n.icon-shape--people::before { top: 0; left: 4px; }\r\n.icon-shape--people::after  { top: 8px; left: 16px; opacity: 0.4; }\r\n\r\n.icon-shape--knowledge::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  border: 2px solid var(--color-cyan);\r\n  border-radius: 2px 2px 8px 8px;\r\n  border-bottom-width: 3px;\r\n}\r\n.icon-shape--knowledge::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 6px; left: 6px;\r\n  width: 60%; height: 3px;\r\n  background: var(--color-cyan);\r\n  box-shadow: 0 6px 0 var(--color-cyan);\r\n  opacity: 0.5;\r\n}\r\n\r\n.icon-shape--plan::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  border: 2px solid var(--color-magenta);\r\n  border-radius: 2px;\r\n}\r\n.icon-shape--plan::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -5px; left: 8px;\r\n  width: 10px; height: 8px;\r\n  background: var(--color-magenta);\r\n  border-radius: 1px;\r\n}\r\n\r\n.challenge-title {\r\n  font-size: var(--font-size-lg);\r\n  font-weight: 700;\r\n  margin-bottom: var(--space-3);\r\n   color: #fff;\r\n}\r\n\r\n.challenge-desc {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.75;\r\n}\r\n\r\n\/* ============================================================\r\n   \u2462 Unified Delivery\r\n============================================================ *\/\r\n.section-unified {\r\n  overflow: hidden;\r\n}\r\n\r\n.unified-bg-accent {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(ellipse 70% 50% at 80% 50%, rgba(0, 200, 224, 0.06) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n.unified-flow {\r\n  max-width: 860px;\r\n  margin-inline: auto;\r\n}\r\n\r\n.unified-flow-item {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: var(--space-8);\r\n  align-items: flex-start;\r\n}\r\n\r\n.unified-flow-connector {\r\n  height: 36px;\r\n  width: 2px;\r\n  background: linear-gradient(to bottom, var(--color-cyan-glow), var(--color-magenta-glow));\r\n  margin-left: 19px;\r\n  margin-block: var(--space-2);\r\n  opacity: 0.6;\r\n}\r\n\r\n.flow-step-num {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: var(--color-cyan-subtle);\r\n  border: 1px solid var(--color-cyan);\r\n  border-radius: 50%;\r\n  display: grid;\r\n  place-items: center;\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 700;\r\n  color: var(--color-cyan);\r\n  letter-spacing: 0.05em;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.flow-step-content {\r\n  padding-block: var(--space-2);\r\n}\r\n\r\n.flow-step-title {\r\n  font-size: var(--font-size-lg);\r\n  font-weight: 700;\r\n  margin-bottom: var(--space-2);\r\n   color: #fff;\r\n}\r\n\r\n.flow-step-desc {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.75;\r\n}\r\n\r\n\/* ============================================================\r\n   \u2463 LLM-Native FDE\r\n============================================================ *\/\r\n.section-fde {\r\n  background: linear-gradient(180deg, var(--color-bg-base) 0%, rgba(5, 8, 22, 1) 100%);\r\n}\r\n\r\n.fde-layout {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: clamp(3rem, 6vw, 5rem);\r\n  align-items: center;\r\n}\r\n\r\n@media (min-width: 900px) {\r\n  .fde-layout {\r\n    grid-template-columns: 1fr 1fr;\r\n  }\r\n}\r\n\r\n.fde-benefit-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-6);\r\n  margin-top: var(--space-8);\r\n}\r\n\r\n.fde-benefit-item {\r\n  display: grid;\r\n  grid-template-columns: auto 1fr;\r\n  gap: var(--space-4);\r\n  align-items: flex-start;\r\n}\r\n\r\n.fde-benefit-icon {\r\n  width: 8px;\r\n  height: 8px;\r\n  background: var(--color-cyan);\r\n  border-radius: 50%;\r\n  margin-top: 0.5rem;\r\n  flex-shrink: 0;\r\n  box-shadow: 0 0 8px var(--color-cyan-glow);\r\n}\r\n\r\n.fde-benefit-item strong {\r\n  display: block;\r\n  font-size: var(--font-size-base);\r\n  font-weight: 700;\r\n  margin-bottom: var(--space-1);\r\n}\r\n\r\n.fde-benefit-item p {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.75;\r\n}\r\n\r\n\/* FDE \u30c0\u30a4\u30a2\u30b0\u30e9\u30e0 *\/\r\n.fde-visual {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.fde-diagram {\r\n  position: relative;\r\n  width: 280px;\r\n  height: 280px;\r\n}\r\n\r\n.fde-diagram-center {\r\n  position: absolute;\r\n  inset: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 100px;\r\n  height: 100px;\r\n  background: rgba(224, 56, 122, 0.12);\r\n  border: 1.5px solid var(--color-magenta);\r\n  border-radius: 50%;\r\n  display: grid;\r\n  place-items: center;\r\n  text-align: center;\r\n  box-shadow: 0 0 24px var(--color-magenta-glow);\r\n}\r\n\r\n.fde-diagram-label {\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 700;\r\n  color: var(--color-magenta);\r\n  letter-spacing: 0.02em;\r\n  line-height: 1.4;\r\n}\r\n\r\n.fde-diagram-ring {\r\n  position: absolute;\r\n  inset: 0;\r\n}\r\n\r\n.fde-diagram-ring--outer::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset: 0;\r\n  border: 1px solid var(--color-border);\r\n  border-radius: 50%;\r\n}\r\n\r\n.fde-diagram-node {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 600;\r\n  color: var(--color-cyan);\r\n  background: var(--color-cyan-subtle);\r\n  border: 1px solid rgba(0,200,224,0.3);\r\n  border-radius: var(--radius-full);\r\n  padding: 0.3rem 0.75rem;\r\n  white-space: nowrap;\r\n  transform: translate(-50%, -50%)\r\n    rotate(var(--angle))\r\n    translateY(-120px)\r\n    rotate(calc(-1 * var(--angle)));\r\n}\r\n\r\n\/* ============================================================\r\n   \u2464 Delivery Process\r\n============================================================ *\/\r\n.section-process {\r\n  background: var(--color-bg-deep);\r\n}\r\n\r\n.process-timeline {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: var(--space-6);\r\n  position: relative;\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .process-timeline {\r\n    grid-template-columns: repeat(5, 1fr);\r\n    gap: var(--space-4);\r\n  }\r\n\r\n  \/* \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3\u4e0a\u90e8\u30e9\u30a4\u30f3 *\/\r\n  .process-timeline::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 20px;\r\n    left: calc(20px + var(--space-8));\r\n    right: calc(20px + var(--space-8));\r\n    height: 1px;\r\n    background: linear-gradient(to right, var(--color-magenta-glow), var(--color-cyan-glow));\r\n    opacity: 0.5;\r\n  }\r\n}\r\n\r\n.process-step {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-lg);\r\n  padding: var(--space-6);\r\n  transition: background var(--transition-base), border-color var(--transition-base);\r\n  position: relative;\r\n}\r\n.process-step:hover {\r\n  background: var(--color-bg-card-hover);\r\n  border-color: var(--color-border-accent);\r\n}\r\n\r\n.process-step-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  margin-bottom: var(--space-4);\r\n}\r\n\r\n.process-step-badge {\r\n  width: 40px;\r\n  height: 40px;\r\n  background: linear-gradient(135deg, var(--color-magenta-subtle), var(--color-cyan-subtle));\r\n  border: 1px solid var(--color-border-accent);\r\n  border-radius: 50%;\r\n  display: grid;\r\n  place-items: center;\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 800;\r\n  color: var(--color-text-primary);\r\n  letter-spacing: 0.05em;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.process-step-duration {\r\n  font-size: var(--font-size-xs);\r\n  color: var(--color-cyan);\r\n  font-weight: 600;\r\n  letter-spacing: 0.05em;\r\n  background: var(--color-cyan-subtle);\r\n  padding: 2px 8px;\r\n  border-radius: var(--radius-full);\r\n}\r\n\r\n.process-step-title {\r\n  font-size: var(--font-size-base);\r\n  font-weight: 700;\r\n  margin-bottom: var(--space-3);\r\n  line-height: 1.4;\r\n   color: #fff;\r\n}\r\n\r\n.process-step-desc {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.75;\r\n  margin-bottom: var(--space-4);\r\n}\r\n\r\n.process-step-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: var(--space-2);\r\n}\r\n\r\n.process-step-tags li {\r\n  font-size: var(--font-size-xs);\r\n  color: var(--color-text-muted);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-full);\r\n  padding: 2px 10px;\r\n  background: var(--color-bg-card);\r\n}\r\n\r\n\/* ============================================================\r\n   \u2465 Security & Trust\r\n============================================================ *\/\r\n.section-security {\r\n  overflow: hidden;\r\n}\r\n\r\n.security-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(ellipse 60% 60% at 20% 80%, rgba(224, 56, 122, 0.07) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n.security-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n  gap: var(--space-6);\r\n  margin-bottom: var(--space-12);\r\n}\r\n\r\n.security-card {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-lg);\r\n  padding: var(--space-8);\r\n  transition: background var(--transition-base), border-color var(--transition-base);\r\n}\r\n.security-card:hover {\r\n  background: var(--color-bg-card-hover);\r\n  border-color: var(--color-border-accent);\r\n}\r\n\r\n.security-card-icon {\r\n  width: 44px;\r\n  height: 44px;\r\n  margin-bottom: var(--space-6);\r\n  position: relative;\r\n}\r\n\r\n\/* \u30a2\u30a4\u30b3\u30f3\uff08CSS\u30d9\u30fc\u30b9\uff09 *\/\r\n.icon-lock {\r\n  width: 26px;\r\n  height: 28px;\r\n  position: relative;\r\n  margin: 4px auto 0;\r\n}\r\n.icon-lock::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: 0; left: 0;\r\n  width: 100%; height: 60%;\r\n  background: transparent;\r\n  border: 2px solid var(--color-magenta);\r\n  border-radius: 3px;\r\n}\r\n.icon-lock::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0; left: 4px;\r\n  width: calc(100% - 8px);\r\n  height: 55%;\r\n  border: 2px solid var(--color-magenta);\r\n  border-bottom: none;\r\n  border-radius: 20px 20px 0 0;\r\n}\r\n\r\n.icon-shield {\r\n  width: 26px;\r\n  height: 28px;\r\n  background: transparent;\r\n  border: 2px solid var(--color-cyan);\r\n  clip-path: polygon(50% 0%, 100% 20%, 100% 60%, 50% 100%, 0% 60%, 0% 20%);\r\n  position: relative;\r\n  margin: auto;\r\n}\r\n\r\n.icon-audit {\r\n  width: 22px;\r\n  height: 26px;\r\n  border: 2px solid var(--color-magenta);\r\n  border-radius: 2px;\r\n  position: relative;\r\n  margin: 4px auto 0;\r\n}\r\n.icon-audit::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 5px; left: 3px;\r\n  width: 60%; height: 2px;\r\n  background: var(--color-magenta);\r\n  box-shadow: 0 5px 0 var(--color-magenta), 0 10px 0 var(--color-magenta);\r\n  opacity: 0.5;\r\n}\r\n\r\n.security-card-title {\r\n  font-size: var(--font-size-lg);\r\n  font-weight: 700;\r\n  margin-bottom: var(--space-3);\r\n     color: #fff;\r\n}\r\n\r\n.security-card-desc {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.75;\r\n}\r\n\r\n.security-infra {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-lg);\r\n  padding: var(--space-8);\r\n}\r\n\r\n.security-infra-title {\r\n  font-size: var(--font-size-base);\r\n  font-weight: 600;\r\n  color: var(--color-text-secondary);\r\n  margin-bottom: var(--space-4);\r\n}\r\n\r\n.infra-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: var(--space-3);\r\n}\r\n\r\n.infra-tag {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-primary);\r\n  background: var(--color-magenta-subtle);\r\n  border: 1px solid rgba(224, 56, 122, 0.2);\r\n  border-radius: var(--radius-full);\r\n  padding: var(--space-1) var(--space-4);\r\n  font-weight: 500;\r\n}\r\n\r\n\/* ============================================================\r\n   \u2466 AI Governance\r\n============================================================ *\/\r\n.section-governance {\r\n  background: var(--color-bg-deep);\r\n}\r\n\r\n.governance-sub-heading {\r\n  font-size: var(--font-size-xl);\r\n  font-weight: 700;\r\n  margin-bottom: var(--space-6);\r\n  color: var(--color-text-secondary);\r\n}\r\n\r\n.governance-problems {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-lg);\r\n  padding: var(--space-8);\r\n  margin-bottom: var(--space-12);\r\n}\r\n\r\n.governance-problem-list {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\r\n  gap: var(--space-4);\r\n}\r\n\r\n.governance-problem-item {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--space-3);\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n}\r\n\r\n.problem-dot {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: var(--color-magenta);\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n  box-shadow: 0 0 6px var(--color-magenta-glow);\r\n}\r\n\r\n.governance-framework {\r\n  margin-bottom: var(--space-12);\r\n}\r\n\r\n.framework-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n  gap: var(--space-6);\r\n}\r\n\r\n.framework-card {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-lg);\r\n  padding: var(--space-6);\r\n  transition: background var(--transition-base), border-color var(--transition-base);\r\n}\r\n.framework-card:hover {\r\n  background: var(--color-bg-card-hover);\r\n  border-color: var(--color-border-accent);\r\n}\r\n\r\n.framework-number {\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 700;\r\n  color: var(--color-cyan);\r\n  letter-spacing: 0.1em;\r\n  margin-bottom: var(--space-3);\r\n}\r\n\r\n.framework-title {\r\n  font-size: var(--font-size-base);\r\n  font-weight: 700;\r\n  margin-bottom: var(--space-2);\r\n     color: #fff;\r\n}\r\n\r\n.framework-desc {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* \u30ac\u30d0\u30ca\u30f3\u30b9\u6570\u5024 *\/\r\n.governance-metrics {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: var(--space-4);\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  .governance-metrics {\r\n    grid-template-columns: repeat(4, 1fr);\r\n  }\r\n}\r\n\r\n.gov-metric-card {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-lg);\r\n  padding: var(--space-6);\r\n  text-align: center;\r\n}\r\n\r\n.gov-metric-number {\r\n  font-size: clamp(1.75rem, 3vw, 2.5rem);\r\n  font-weight: 800;\r\n  letter-spacing: -0.04em;\r\n  margin-bottom: var(--space-2);\r\n  background: linear-gradient(135deg, var(--color-magenta), var(--color-cyan));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n}\r\n\r\n.gov-metric-unit {\r\n  font-size: 0.5em;\r\n  font-weight: 600;\r\n}\r\n\r\n.gov-metric-label {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n}\r\n\r\n\/* ============================================================\r\n   \u2467 Case Studies\r\n============================================================ *\/\r\n.section-cases {\r\n  background: var(--color-bg-base);\r\n}\r\n\r\n.cases-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\r\n  gap: var(--space-6);\r\n}\r\n\r\n.case-card {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-xl);\r\n  padding: var(--space-8);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-5);\r\n  transition: background var(--transition-base), border-color var(--transition-base), transform var(--transition-base);\r\n}\r\n.case-card:hover {\r\n  background: var(--color-bg-card-hover);\r\n  border-color: var(--color-border-accent);\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.case-card-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: var(--space-3);\r\n}\r\n\r\n.case-industry-tag {\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 700;\r\n  color: #fff;\r\n  background: var(--color-magenta);\r\n  padding: 3px 12px;\r\n  border-radius: var(--radius-full);\r\n}\r\n.case-industry-tag--finance { background: #2563eb; }\r\n.case-industry-tag--service { background: #059669; }\r\n\r\n.case-scale {\r\n  font-size: var(--font-size-xs);\r\n  color: var(--color-text-muted);\r\n}\r\n\r\n.case-title {\r\n  font-size: var(--font-size-md);\r\n  font-weight: 700;\r\n  line-height: 1.45;\r\n     color: #fff;\r\n}\r\n\r\n.case-tech-stack {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: var(--space-2);\r\n}\r\n\r\n.tech-tag {\r\n  font-size: var(--font-size-xs);\r\n  color: var(--color-cyan);\r\n  border: 1px solid rgba(0,200,224,0.3);\r\n  border-radius: var(--radius-full);\r\n  padding: 2px 10px;\r\n  background: var(--color-cyan-subtle);\r\n  font-weight: 500;\r\n}\r\n\r\n.case-label {\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 700;\r\n  letter-spacing: 0.1em;\r\n  color: var(--color-text-muted);\r\n  text-transform: uppercase;\r\n  margin-bottom: var(--space-2);\r\n}\r\n\r\n.case-challenge p,\r\n.case-results p {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.7;\r\n}\r\n\r\n.case-result-metrics {\r\n  display: flex;\r\n  gap: var(--space-6);\r\n}\r\n\r\n.case-result-number {\r\n  font-size: clamp(1.5rem, 2.5vw, 2rem);\r\n  font-weight: 800;\r\n  letter-spacing: -0.03em;\r\n  color: var(--color-text-primary);\r\n  line-height: 1;\r\n  margin-bottom: var(--space-1);\r\n}\r\n.case-result-number span {\r\n  font-size: 0.55em;\r\n  font-weight: 600;\r\n  color: var(--color-cyan);\r\n}\r\n\r\n.case-result-label {\r\n  font-size: var(--font-size-xs);\r\n  color: var(--color-text-muted);\r\n}\r\n\r\n\/* \u30bf\u30a4\u30e0\u30e9\u30a4\u30f3 *\/\r\n.case-timeline {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--space-3);\r\n  padding-top: var(--space-4);\r\n  border-top: 1px solid var(--color-border);\r\n  margin-top: auto;\r\n}\r\n\r\n.case-timeline-item {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n}\r\n.case-timeline-item strong {\r\n  color: var(--color-magenta);\r\n}\r\n\r\n.case-timeline-arrow {\r\n  display: inline-block;\r\n  width: 24px;\r\n  height: 1px;\r\n  background: var(--color-border);\r\n  position: relative;\r\n  flex-shrink: 0;\r\n}\r\n.case-timeline-arrow::after {\r\n  content: '';\r\n  position: absolute;\r\n  right: 0; top: -3px;\r\n  width: 6px; height: 6px;\r\n  border-top: 1px solid var(--color-border);\r\n  border-right: 1px solid var(--color-border);\r\n  transform: rotate(45deg);\r\n}\r\n\r\n\/* ============================================================\r\n   \u2468 Technology Strategy\r\n============================================================ *\/\r\n.section-technology {\r\n  background: var(--color-bg-deep);\r\n  overflow: hidden;\r\n}\r\n\r\n.technology-bg {\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(ellipse 50% 50% at 100% 50%, rgba(0, 200, 224, 0.05) 0%, transparent 60%);\r\n  pointer-events: none;\r\n}\r\n\r\n.tech-stacks {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-xl);\r\n  overflow: hidden;\r\n  margin-bottom: var(--space-8);\r\n}\r\n\r\n.tech-stack-row {\r\n  padding: var(--space-6) var(--space-8);\r\n  border-bottom: 1px solid var(--color-border);\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: var(--space-3);\r\n}\r\n.tech-stack-row:last-child { border-bottom: none; }\r\n\r\n@media (min-width: 700px) {\r\n  .tech-stack-row { grid-template-columns: 200px 1fr; align-items: center; }\r\n}\r\n\r\n.tech-stack-category {\r\n  display: contents;\r\n}\r\n\r\n.tech-stack-label {\r\n  font-size: var(--font-size-sm);\r\n  font-weight: 600;\r\n  color: var(--color-text-muted);\r\n  letter-spacing: 0.02em;\r\n  white-space: nowrap;\r\n}\r\n\r\n.tech-stack-items {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: var(--space-2);\r\n}\r\n\r\n.tech-stack-item {\r\n  font-size: var(--font-size-sm);\r\n  font-weight: 500;\r\n  color: var(--color-text-secondary);\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-full);\r\n  padding: 4px 14px;\r\n  transition: color var(--transition-fast), border-color var(--transition-fast);\r\n}\r\n.tech-stack-item:hover {\r\n  color: var(--color-text-primary);\r\n  border-color: var(--color-border-accent);\r\n}\r\n\r\n.tech-stack-item--accent {\r\n  color: var(--color-magenta);\r\n  border-color: rgba(224, 56, 122, 0.3);\r\n  background: var(--color-magenta-subtle);\r\n}\r\n\r\n.tech-principle {\r\n  border: 1px solid var(--color-border-accent);\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  background: linear-gradient(135deg, var(--color-magenta-subtle), var(--color-cyan-subtle));\r\n}\r\n\r\n.tech-principle-inner {\r\n  padding: var(--space-8);\r\n}\r\n\r\n.tech-principle-text {\r\n  font-size: var(--font-size-md);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.85;\r\n  text-align: center;\r\n}\r\n\r\n\/* ============================================================\r\n   \u2469 Positioning\r\n============================================================ *\/\r\n.section-positioning {\r\n  background: var(--color-bg-base);\r\n}\r\n\r\n.positioning-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: var(--space-4);\r\n  align-items: stretch;\r\n}\r\n\r\n@media (min-width: 700px) {\r\n  .positioning-grid {\r\n    grid-template-columns: 1fr auto 1fr;\r\n    align-items: center;\r\n  }\r\n}\r\n\r\n.positioning-card {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-xl);\r\n  padding: var(--space-8);\r\n}\r\n\r\n.positioning-card--NextSageAI {\r\n  border-color: rgba(224, 56, 122, 0.3);\r\n  background: var(--color-magenta-subtle);\r\n}\r\n\r\n.positioning-card-badge {\r\n  display: inline-block;\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 700;\r\n  letter-spacing: 0.08em;\r\n  padding: 4px 14px;\r\n  border-radius: var(--radius-full);\r\n  margin-bottom: var(--space-6);\r\n}\r\n\r\n.positioning-card-badge--saas {\r\n  background: rgba(255,255,255,0.06);\r\n  color: var(--color-text-secondary);\r\n  border: 1px solid var(--color-border);\r\n}\r\n\r\n.positioning-card-badge--NextSageAI {\r\n  background: var(--color-magenta);\r\n  color: #fff;\r\n}\r\n\r\n.positioning-list {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-3);\r\n  margin-bottom: var(--space-6);\r\n}\r\n\r\n.positioning-list li {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  gap: var(--space-3);\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.6;\r\n}\r\n\r\n.positioning-list li::before {\r\n  content: '';\r\n  display: block;\r\n  width: 5px;\r\n  height: 5px;\r\n  background: var(--color-text-muted);\r\n  border-radius: 50%;\r\n  margin-top: 0.45rem;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.positioning-card--NextSageAI .positioning-list li::before {\r\n  background: var(--color-magenta);\r\n}\r\n\r\n.positioning-note {\r\n  font-size: var(--font-size-xs);\r\n  color: var(--color-text-muted);\r\n  line-height: 1.6;\r\n}\r\n\r\n.positioning-divider {\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: var(--space-3);\r\n}\r\n\r\n@media (min-width: 700px) {\r\n  .positioning-divider {\r\n    flex-direction: column;\r\n    height: 200px;\r\n  }\r\n}\r\n\r\n.positioning-divider-line {\r\n  flex: 1;\r\n  height: 1px;\r\n  background: var(--color-border);\r\n}\r\n\r\n@media (min-width: 700px) {\r\n  .positioning-divider-line {\r\n    width: 1px;\r\n    height: auto;\r\n  }\r\n}\r\n\r\n.positioning-divider-label {\r\n  font-size: var(--font-size-sm);\r\n  font-weight: 700;\r\n  color: var(--color-text-muted);\r\n  flex-shrink: 0;\r\n}\r\n\r\n\/* ============================================================\r\n   \u246a Comparison\r\n============================================================ *\/\r\n.section-comparison {\r\n  background: var(--color-bg-deep);\r\n}\r\n\r\n.comparison-table-wrapper {\r\n  overflow-x: auto;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.comparison-table {\r\n  width: 100%;\r\n  min-width: 600px;\r\n  border-collapse: collapse;\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n}\r\n\r\n.comparison-table caption { caption-side: top; }\r\n\r\n.comparison-table th,\r\n.comparison-table td {\r\n  padding: var(--space-4) var(--space-6);\r\n  text-align: center;\r\n  border-bottom: 1px solid var(--color-border);\r\n  font-size: var(--font-size-sm);\r\n}\r\n\r\n.comparison-table th:first-child,\r\n.comparison-table td:first-child {\r\n  text-align: left;\r\n  font-weight: 600;\r\n  color: var(--color-text-secondary);\r\n  white-space: nowrap;\r\n}\r\n\r\n.comparison-table thead th {\r\n  background: rgba(255,255,255,0.03);\r\n  font-size: var(--font-size-xs);\r\n  font-weight: 700;\r\n  letter-spacing: 0.05em;\r\n  color: var(--color-text-secondary);\r\n  border-bottom: 1px solid var(--color-border-accent);\r\n}\r\n\r\n.comparison-table tbody tr:last-child td { border-bottom: none; }\r\n\r\n\/* \u30cf\u30a4\u30e9\u30a4\u30c8\u5217 *\/\r\n.comparison-highlight-col {\r\n  background: var(--color-magenta-subtle);\r\n  border-inline: 1px solid rgba(224, 56, 122, 0.2);\r\n}\r\n\r\n.comparison-table thead .comparison-highlight-col {\r\n  color: var(--color-magenta) !important;\r\n  background: var(--color-magenta-subtle);\r\n}\r\n\r\n\/* \u6bd4\u8f03\u30a2\u30a4\u30b3\u30f3 *\/\r\n.comp-icon {\r\n  display: inline-block;\r\n  width: 20px;\r\n  height: 20px;\r\n  border-radius: 50%;\r\n  position: relative;\r\n}\r\n\r\n.comp-icon--yes {\r\n  background: rgba(16, 185, 129, 0.15);\r\n}\r\n.comp-icon--yes::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -60%) rotate(-45deg);\r\n  width: 8px; height: 5px;\r\n  border-bottom: 2px solid #10b981;\r\n  border-left: 2px solid #10b981;\r\n}\r\n\r\n.comp-icon--no {\r\n  background: rgba(107, 114, 128, 0.15);\r\n}\r\n.comp-icon--no::before,\r\n.comp-icon--no::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  width: 10px; height: 2px;\r\n  background: #6b7280;\r\n  border-radius: 1px;\r\n}\r\n.comp-icon--no::before { transform: translate(-50%, -50%) rotate(45deg); }\r\n.comp-icon--no::after  { transform: translate(-50%, -50%) rotate(-45deg); }\r\n\r\n.comp-icon--partial {\r\n  background: rgba(234, 179, 8, 0.12);\r\n}\r\n.comp-icon--partial::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 8px; height: 2px;\r\n  background: #eab308;\r\n  border-radius: 1px;\r\n}\r\n\r\n.comparison-note {\r\n  margin-top: var(--space-4);\r\n  font-size: var(--font-size-xs);\r\n  color: var(--color-text-muted);\r\n  text-align: center;\r\n}\r\n\r\n\/* ============================================================\r\n   \u246b FAQ\r\n============================================================ *\/\r\n.section-faq {\r\n  background: var(--color-bg-base);\r\n}\r\n\r\n.faq-list {\r\n  max-width: 800px;\r\n  margin-inline: auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-2);\r\n}\r\n\r\n.faq-item {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-lg);\r\n  overflow: hidden;\r\n  transition: border-color var(--transition-base);\r\n}\r\n.faq-item:has(.faq-question[aria-expanded=\"true\"]) {\r\n  border-color: var(--color-border-accent);\r\n}\r\n\r\n.faq-question {\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: var(--space-4);\r\n  padding: var(--space-6) var(--space-8);\r\n  text-align: left;\r\n  font-size: var(--font-size-base);\r\n  font-weight: 600;\r\n  color: var(--color-text-primary);\r\n  transition: background var(--transition-fast);\r\n}\r\n.faq-question:hover { background: var(--color-bg-card-hover); }\r\n\r\n.faq-icon {\r\n  width: 20px;\r\n  height: 20px;\r\n  border: 1.5px solid var(--color-border-accent);\r\n  border-radius: 50%;\r\n  flex-shrink: 0;\r\n  position: relative;\r\n  transition: border-color var(--transition-base), transform var(--transition-base);\r\n}\r\n.faq-icon::before,\r\n.faq-icon::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%; left: 50%;\r\n  background: var(--color-text-secondary);\r\n  border-radius: 1px;\r\n  transition: opacity var(--transition-base), transform var(--transition-base);\r\n}\r\n.faq-icon::before {\r\n  width: 10px; height: 1.5px;\r\n  transform: translate(-50%, -50%);\r\n}\r\n.faq-icon::after {\r\n  width: 1.5px; height: 10px;\r\n  transform: translate(-50%, -50%);\r\n}\r\n\r\n.faq-question[aria-expanded=\"true\"] .faq-icon {\r\n  border-color: var(--color-magenta);\r\n  background: var(--color-magenta-subtle);\r\n}\r\n.faq-question[aria-expanded=\"true\"] .faq-icon::before {\r\n  background: var(--color-magenta);\r\n}\r\n.faq-question[aria-expanded=\"true\"] .faq-icon::after {\r\n  opacity: 0;\r\n  transform: translate(-50%, -50%) rotate(90deg);\r\n}\r\n\r\n.faq-answer {\r\n  padding: 0 var(--space-8) var(--space-6);\r\n  animation: faq-open var(--transition-base) ease;\r\n}\r\n.faq-answer[hidden] { display: none; }\r\n\r\n.faq-answer p {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.8;\r\n  border-top: 1px solid var(--color-border);\r\n  padding-top: var(--space-4);\r\n}\r\n\r\n@keyframes faq-open {\r\n  from { opacity: 0; transform: translateY(-8px); }\r\n  to   { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* ============================================================\r\n   \u246c Final CTA\r\n============================================================ *\/\r\n.section-final-cta {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding-block: clamp(5rem, 10vw, 9rem);\r\n  text-align: center;\r\n  background: var(--color-bg-deep);\r\n}\r\n\r\n.final-cta-bg-glow {\r\n  position: absolute;\r\n  inset: 0;\r\n  background:\r\n    radial-gradient(ellipse 60% 70% at 50% 50%, rgba(224, 56, 122, 0.12) 0%, transparent 60%),\r\n    radial-gradient(ellipse 40% 40% at 20% 80%, rgba(0, 200, 224, 0.07) 0%, transparent 50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.final-cta-inner {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.final-cta-heading {\r\n  font-size: clamp(2rem, 5vw, var(--font-size-5xl));\r\n  font-weight: 800;\r\n  line-height: 1.2;\r\n  letter-spacing: -0.03em;\r\n  margin-bottom: var(--space-6);\r\n     color: #fff;\r\n}\r\n\r\n.final-cta-subtext {\r\n  font-size: var(--font-size-md);\r\n  color: var(--color-text-secondary);\r\n  line-height: 1.8;\r\n  margin-bottom: var(--space-10);\r\n}\r\n\r\n.final-cta-actions {\r\n  margin-bottom: var(--space-6);\r\n}\r\n\r\n.final-cta-note {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-muted);\r\n}\r\n\r\n\/* ============================================================\r\n   Contact\uff08\u30d5\u30a9\u30fc\u30e0\uff09\r\n============================================================ *\/\r\n.section-contact {\r\n  background: var(--color-bg-base);\r\n}\r\n\r\n.contact-wrapper {\r\n  max-width: 800px;\r\n  margin-inline: auto;\r\n}\r\n\r\n.contact-form {\r\n  background: var(--color-bg-card);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-xl);\r\n  padding: clamp(2rem, 4vw, 3rem);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-6);\r\n}\r\n\r\n.form-row {\r\n  display: grid;\r\n  grid-template-columns: 1fr;\r\n  gap: var(--space-6);\r\n}\r\n\r\n@media (min-width: 600px) {\r\n  .form-row { grid-template-columns: 1fr 1fr; }\r\n}\r\n\r\n.form-group {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: var(--space-2);\r\n}\r\n\r\n.form-group--full {\r\n  grid-column: 1 \/ -1;\r\n}\r\n\r\n.form-label {\r\n  font-size: var(--font-size-sm);\r\n  font-weight: 600;\r\n  color: var(--color-text-secondary);\r\n}\r\n\r\n.form-required {\r\n  color: var(--color-magenta);\r\n  margin-left: 2px;\r\n}\r\n\r\n.form-input,\r\n.form-select,\r\n.form-textarea {\r\n  width: 100%;\r\n  padding: var(--space-3) var(--space-4);\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid var(--color-border);\r\n  border-radius: var(--radius-md);\r\n  color: var(--color-text-primary);\r\n  font-family: inherit;\r\n  font-size: var(--font-size-sm);\r\n  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);\r\n  -webkit-appearance: none;\r\n  appearance: none;\r\n}\r\n\r\n.form-input::placeholder,\r\n.form-textarea::placeholder {\r\n  color: var(--color-text-muted);\r\n}\r\n\r\n.form-input:focus,\r\n.form-select:focus,\r\n.form-textarea:focus {\r\n  outline: none;\r\n  border-color: var(--color-magenta);\r\n  box-shadow: 0 0 0 3px var(--color-magenta-subtle);\r\n}\r\n\r\n.form-select {\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23606882' stroke-width='1.5' fill='none' stroke-linecap='round'\/%3E%3C\/svg%3E\");\r\n  background-repeat: no-repeat;\r\n  background-position: right 14px center;\r\n  padding-right: 36px;\r\n  cursor: pointer;\r\n}\r\n\r\n.form-select option {\r\n  background: var(--color-bg-deep);\r\n  color: var(--color-text-primary);\r\n}\r\n\r\n.form-textarea {\r\n  resize: vertical;\r\n  min-height: 120px;\r\n}\r\n\r\n.form-submit {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--space-6);\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.form-submit-note {\r\n  font-size: var(--font-size-xs);\r\n  color: var(--color-text-muted);\r\n}\r\n\r\n\/* ============================================================\r\n   \u30d5\u30c3\u30bf\u30fc\r\n============================================================ *\/\r\n.site-footer {\r\n  border-top: 1px solid var(--color-border);\r\n  padding-block: var(--space-12);\r\n  background: var(--color-bg-deep);\r\n}\r\n\r\n.footer-inner {\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: var(--space-6);\r\n  text-align: center;\r\n}\r\n\r\n.footer-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: var(--space-2);\r\n}\r\n\r\n.footer-tagline {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-muted);\r\n}\r\n\r\n.footer-nav {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: var(--space-2) var(--space-6);\r\n  justify-content: center;\r\n}\r\n\r\n.footer-nav-link {\r\n  font-size: var(--font-size-sm);\r\n  color: var(--color-text-muted);\r\n  transition: color var(--transition-fast);\r\n}\r\n.footer-nav-link:hover { color: var(--color-text-primary); }\r\n\r\n.footer-copyright {\r\n  font-size: var(--font-size-xs);\r\n  color: var(--color-text-muted);\r\n}\r\n\r\n\/* ============================================================\r\n   \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u88dc\u8db3\r\n============================================================ *\/\r\n@media (max-width: 599px) {\r\n  .hero-metrics {\r\n    gap: var(--space-6);\r\n  }\r\n  .metric-divider {\r\n    width: 100%;\r\n    height: 1px;\r\n  }\r\n  .hero-cta-group {\r\n    flex-direction: column;\r\n  }\r\n  .hero-cta-group .btn {\r\n    width: 100%;\r\n  }\r\n  .cases-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .challenge-grid,\r\n  .security-grid,\r\n  .framework-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n  .comparison-table th:not(:first-child):not(.comparison-highlight-col),\r\n  .comparison-table td:not(:first-child):not(.comparison-highlight-col) {\r\n    display: none;\r\n  }\r\n  .fde-diagram {\r\n    width: 240px;\r\n    height: 240px;\r\n  }\r\n}\r\n\r\n@media (min-width: 600px) and (max-width: 899px) {\r\n  .cases-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n}\r\n<\/style>\r\n\r\n\r\n  <!-- ============================\r\n       \u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\u30d8\u30c3\u30c0\u30fc\r\n  ============================= -->\r\n  <header class=\"site-header\" id=\"site-header\">\r\n    <div class=\"container header-inner\">\r\n      <a href=\"#hero\" class=\"logo\" aria-label=\"NextSageAI \u30c8\u30c3\u30d7\u3078\">\r\n        <span class=\"logo-mark\">N<\/span>\r\n        <span class=\"logo-text\">NextSageAI<\/span>\r\n      <\/a>\r\n      <nav class=\"global-nav\" aria-label=\"\u30b0\u30ed\u30fc\u30d0\u30eb\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\">\r\n        <ul class=\"nav-list\">\r\n          <!--li><a href=\"#challenges\" class=\"nav-link\">Challenges<\/a><\/li>\r\n          <li><a href=\"#process\" class=\"nav-link\">Process<\/a><\/li>\r\n          <li><a href=\"#cases\" class=\"nav-link\">Cases<\/a><\/li>\r\n          <li><a href=\"#governance\" class=\"nav-link\">Governance<\/a><\/li>\r\n          <li><a href=\"#faq\" class=\"nav-link\">FAQ<\/a><\/li-->\r\n        <\/ul>\r\n      <\/nav>\r\n      <a href=\"#contact\" class=\"btn btn-primary btn-sm nav-cta\">Talk to Us<\/a>\r\n      <button class=\"menu-toggle\" id=\"menu-toggle\" aria-label=\"\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f\" aria-expanded=\"false\">\r\n        <span><\/span><span><\/span><span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n    <!-- \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc -->\r\n    <nav class=\"mobile-nav\" id=\"mobile-nav\" aria-hidden=\"true\">\r\n      <ul class=\"mobile-nav-list\">\r\n        <!--li><a href=\"#challenges\" class=\"mobile-nav-link\">Challenges<\/a><\/li>\r\n        <li><a href=\"#process\" class=\"mobile-nav-link\">Process<\/a><\/li>\r\n        <li><a href=\"#cases\" class=\"mobile-nav-link\">Cases<\/a><\/li>\r\n        <li><a href=\"#governance\" class=\"mobile-nav-link\">Governance<\/a><\/li>\r\n        <li><a href=\"#faq\" class=\"mobile-nav-link\">FAQ<\/a><\/li-->\r\n        <li><a href=\"#contact\" class=\"mobile-nav-link mobile-nav-cta\">Talk to Us<\/a><\/li>\r\n      <\/ul>\r\n    <\/nav>\r\n  <\/header>\r\n \r\n  <main>\r\n\r\n    <!-- \u2460 Hero ============================\r\n         \u30e1\u30a4\u30f3\u30b3\u30d4\u30fc\u30fb\u6570\u5024\u8a34\u6c42\u30fbCTA\r\n    ============================= -->\r\n    <section class=\"section-hero\" id=\"hero\" aria-labelledby=\"hero-heading\">\r\n      <!-- \u80cc\u666f\u88c5\u98fe -->\r\n      <div class=\"hero-bg-glow hero-bg-glow--left\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"hero-bg-glow hero-bg-glow--right\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"hero-grid-overlay\" aria-hidden=\"true\"><\/div>\r\n\r\n      <div class=\"container hero-inner\">\r\n        <div class=\"hero-content fade-in\">\r\n          <p class=\"hero-eyebrow\">Enterprise AI Integration<\/p>\r\n          <h1 class=\"hero-heading\" id=\"hero-heading\">\r\n            Don't let AI adoption<br \/>\r\n            <span class=\"text-accent-magenta\">stop at consideration.<\/span>\r\n          <\/h1>\r\n          <p class=\"hero-subtext\">\r\n            NextSageAI covers everything from issue scoping, technology selection, and PoC to production implementation, enterprise-wide rollout, and governance design.<br class=\"br-desktop\" \/>\r\n            We are an AI integrator that supports the full enterprise AI adoption journey end to end.\r\n\r\n          <\/p>\r\n\r\n          <!-- \u6570\u5024\u8a34\u6c42\u30ab\u30fc\u30c9 -->\r\n          \r\n          <!--div class=\"hero-metrics\" aria-label=\"\u4e3b\u8981\u6307\u6a19\">\r\n            <div class=\"metric-card fade-in fade-in--delay-1\">\r\n              <div class=\"metric-number\">10<span class=\"metric-unit\">\u65e5<\/span><\/div>\r\n              <div class=\"metric-label\">\u3067PoC\u5b8c\u4e86<\/div>\r\n            <\/div>\r\n            <div class=\"metric-divider\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"metric-card fade-in fade-in--delay-2\">\r\n              <div class=\"metric-number\">2<span class=\"metric-unit\">\u301c<\/span>4<span class=\"metric-unit\">\u30f6\u6708<\/span><\/div>\r\n              <div class=\"metric-label\">\u3067\u672c\u756a\u7a3c\u50cd<\/div>\r\n            <\/div>\r\n            <div class=\"metric-divider\" aria-hidden=\"true\"><\/div>\r\n            <div class=\"metric-card fade-in fade-in--delay-3\">\r\n              <div class=\"metric-number\">1<span class=\"metric-unit\">\u301c<\/span>2<span class=\"metric-unit\">\u540d<\/span><\/div>\r\n              <div class=\"metric-label\">\u3067\u5f93\u67655\u301c10\u540d\u5206\u306e\u6210\u679c<\/div>\r\n            <\/div>\r\n          <\/div-->\r\n\r\n          <!-- CTA\u7fa4 --> \r\n    \r\n          <!--div class=\"hero-cta-group fade-in fade-in--delay-4\">\r\n            <a href=\"#contact\" class=\"btn btn-primary btn-lg\">\u307e\u305a\u306f\u76f8\u8ac7\u3059\u308b<\/a>\r\n            <a href=\"#cases\" class=\"btn btn-secondary btn-lg\">Case Studies\u3092\u898b\u308b<\/a>\r\n          <\/div-->\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/section>\r\n\r\n\r\n    <!-- \u2461 Executive Challenges ============================\r\n         \u7d4c\u55b6\u5c64\u30fbDX\u63a8\u9032\u8cac\u4efb\u8005\u304c\u62b1\u3048\u308b\u8ab2\u984c\r\n    ============================= -->\r\n    <section class=\"section section-challenges\" id=\"challenges\" aria-labelledby=\"challenges-heading\">\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">Executive Challenges<\/p>\r\n          <h2 class=\"section-heading\" id=\"challenges-heading\">\r\n            \u201cWe know it matters.<br class=\"br-desktop\" \/>\r\n            But we can't see where to start.\u201d\r\n          <\/h2>\r\n          <p class=\"section-subtext\">\r\n            Many enterprise organizations recognize the need for AI, yet continue evaluating it without clearly structuring where to begin.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"challenge-grid\">\r\n          <article class=\"challenge-card fade-in-up\">\r\n            <div class=\"challenge-icon\" aria-hidden=\"true\">\r\n              <div class=\"icon-shape icon-shape--target\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"challenge-title\">Unclear starting point<\/h3>\r\n            <p class=\"challenge-desc\">They cannot decide which business process to start with, so discussions keep going in circles.<\/p>\r\n          <\/article>\r\n          <article class=\"challenge-card fade-in-up\">\r\n            <div class=\"challenge-icon\" aria-hidden=\"true\">\r\n              <div class=\"icon-shape icon-shape--wall\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"challenge-title\">No path beyond the PoC<\/h3>\r\n            <p class=\"challenge-desc\">Even after a successful PoC, there is no roadmap for how to move into production and company-wide adoption.<\/p>\r\n          <\/article>\r\n          <article class=\"challenge-card fade-in-up\">\r\n            <div class=\"challenge-icon\" aria-hidden=\"true\">\r\n              <div class=\"icon-shape icon-shape--link\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"challenge-title\">Explaining it to IT and audit<\/h3>\r\n            <p class=\"challenge-desc\">They cannot prepare integration designs for existing systems or explanatory materials for the IT and audit departments.<\/p>\r\n          <\/article>\r\n          <article class=\"challenge-card fade-in-up\">\r\n            <div class=\"challenge-icon\" aria-hidden=\"true\">\r\n              <div class=\"icon-shape icon-shape--people\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"challenge-title\">Difficulty designing labor-saving operations<\/h3>\r\n            <p class=\"challenge-desc\">They do not know how to redesign operations for efficiency gains while minimizing resistance from frontline teams.<\/p>\r\n          <\/article>\r\n          <article class=\"challenge-card fade-in-up\">\r\n            <div class=\"challenge-icon\" aria-hidden=\"true\">\r\n              <div class=\"icon-shape icon-shape--knowledge\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"challenge-title\">Embedding knowledge utilization<\/h3>\r\n            <p class=\"challenge-desc\">Even if veteran knowledge is turned into AI, the design for adoption and sustained use in the field is still insufficient.<\/p>\r\n          <\/article>\r\n          <article class=\"challenge-card fade-in-up\">\r\n            <div class=\"challenge-icon\" aria-hidden=\"true\">\r\n              <div class=\"icon-shape icon-shape--plan\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"challenge-title\">Insufficient upstream planning<\/h3>\r\n            <p class=\"challenge-desc\">Tools are being introduced before business requirements and priorities have been properly organized.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2462 Unified Delivery ============================\r\n         \u4e00\u6c17\u901a\u8cab\u306e\u5c0e\u5165\u4f53\u5236\r\n    ============================= -->\r\n    <section class=\"section section-unified\" id=\"unified\" aria-labelledby=\"unified-heading\">\r\n      <div class=\"unified-bg-accent\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">Unified Delivery<\/p>\r\n          <h2 class=\"section-heading\" id=\"unified-heading\">\r\n            From strategy to control,<br class=\"br-desktop\" \/>\r\n            one seamless end-to-end delivery model\r\n          <\/h2>\r\n          <p class=\"section-subtext\">\r\n            NextSageAI connects strategy, PoC, implementation, and governance under a single line of responsibility.<br class=\"br-desktop\" \/>\r\n            There is no communication loss or direction drift caused by fragmented teams.\r\n\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"unified-flow\">\r\n          <div class=\"unified-flow-item fade-in-up\">\r\n            <div class=\"flow-step-num\">01<\/div>\r\n            <div class=\"flow-step-content\">\r\n              <h3 class=\"flow-step-title\">Issue scoping and priority setting<\/h3>\r\n              <p class=\"flow-step-desc\">We work with you from the stage where \u201cwe do not yet know where to start,\u201d organizing target processes and priorities to define a clear starting point.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"unified-flow-connector\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"unified-flow-item fade-in-up\">\r\n            <div class=\"flow-step-num\">02<\/div>\r\n            <div class=\"flow-step-content\">\r\n              <h3 class=\"flow-step-title\">Provide ROI evidence through a PoC<\/h3>\r\n              <p class=\"flow-step-desc\">We build a working prototype in as little as 10 days and present leadership with evidence for evaluating return on investment.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"unified-flow-connector\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"unified-flow-item fade-in-up\">\r\n            <div class=\"flow-step-num\">03<\/div>\r\n            <div class=\"flow-step-content\">\r\n              <h3 class=\"flow-step-title\">Carry through to production implementation<\/h3>\r\n              <p class=\"flow-step-desc\">The design validated in the PoC is carried directly into production, enabling go-live in 2 to 4 months while maintaining consistency.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"unified-flow-connector\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"unified-flow-item fade-in-up\">\r\n            <div class=\"flow-step-num\">04<\/div>\r\n            <div class=\"flow-step-content\">\r\n              <h3 class=\"flow-step-title\">Approval model including control design<\/h3>\r\n              <p class=\"flow-step-desc\">We advance governance design with IT and audit requirements in mind alongside implementation, so rollout can proceed in a state ready for enterprise approval.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"unified-flow-connector\" aria-hidden=\"true\"><\/div>\r\n          <div class=\"unified-flow-item fade-in-up\">\r\n            <div class=\"flow-step-num\">05<\/div>\r\n            <div class=\"flow-step-content\">\r\n              <h3 class=\"flow-step-title\">Support through in-house enablement<\/h3>\r\n              <p class=\"flow-step-desc\">Even after company-wide rollout, we continue supporting the transition so your team can operate and improve the solution independently.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2463 LLM-Native FDE ============================\r\n         LLM\u3092\u6d3b\u7528\u3057\u305f\u5c02\u9580\u5bb6\u50cf\r\n    ============================= -->\r\n    <section class=\"section section-fde\" id=\"fde\" aria-labelledby=\"fde-heading\">\r\n      <div class=\"container\">\r\n        <div class=\"fde-layout\">\r\n          <div class=\"fde-content fade-in-up\">\r\n            <p class=\"section-eyebrow\">LLM-Native FDE<\/p>\r\n            <h2 class=\"section-heading\" id=\"fde-heading\">\r\n              With just 1\u20132 people,<br \/>\r\n              expertise beyond<br \/>\r\n              <span class=\"text-accent-cyan\">traditional siloed teams<\/span>\r\n            <\/h2>\r\n            <p class=\"section-subtext\">\r\n              A next-generation specialist powered by an in-house LLM\u2014an \u201cLLM-Native FDE (Fullstack Delivery Expert)\u201d\u2014handles upstream consulting, design, implementation, and operations under a single line of responsibility.\r\n            <\/p>\r\n            <ul class=\"fde-benefit-list\">\r\n              <li class=\"fde-benefit-item\">\r\n                <div class=\"fde-benefit-icon\" aria-hidden=\"true\"><\/div>\r\n                <div>\r\n                  <strong>No handoff loss<\/strong>\r\n                  <p>Because the model does not depend on handoffs, communication cost between owners is eliminated and decision cycles become much shorter.<\/p>\r\n                <\/div>\r\n              <\/li>\r\n              <li class=\"fde-benefit-item\">\r\n                <div class=\"fde-benefit-icon\" aria-hidden=\"true\"><\/div>\r\n                <div>\r\n                  <strong>Faster ramp-up<\/strong>\r\n                  <p>The same owner drives the work from issue understanding through design and implementation, preserving consistency from PoC kickoff to production.<\/p>\r\n                <\/div>\r\n              <\/li>\r\n              <li class=\"fde-benefit-item\">\r\n                <div class=\"fde-benefit-icon\" aria-hidden=\"true\"><\/div>\r\n                <div>\r\n                  <strong>Business understanding and technology on one line<\/strong>\r\n                  <p>Because business requirements and technical implementation are not separated, the result is a high-precision system aligned with frontline reality.<\/p>\r\n                <\/div>\r\n              <\/li>\r\n            <\/ul>\r\n          <\/div>\r\n          <div class=\"fde-visual fade-in-up\" aria-hidden=\"true\">\r\n            <div class=\"fde-diagram\">\r\n              <div class=\"fde-diagram-center\">\r\n                <span class=\"fde-diagram-label\">LLM-Native<br \/>FDE<\/span>\r\n              <\/div>\r\n              <div class=\"fde-diagram-ring fde-diagram-ring--outer\">\r\n                <div class=\"fde-diagram-node\" style=\"--angle: 0deg;\">Upstream scoping<\/div>\r\n                <div class=\"fde-diagram-node\" style=\"--angle: 72deg;\">Technical design<\/div>\r\n                <div class=\"fde-diagram-node\" style=\"--angle: 144deg;\">Implementation<\/div>\r\n                <div class=\"fde-diagram-node\" style=\"--angle: 216deg;\">Control design<\/div>\r\n                <div class=\"fde-diagram-node\" style=\"--angle: 288deg;\">Operational adoption<\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2464 Delivery Process ============================\r\n         5\u6bb5\u968e\u306e\u30c7\u30ea\u30d0\u30ea\u30fc\u30d7\u30ed\u30bb\u30b9\r\n    ============================= -->\r\n    <section class=\"section section-process\" id=\"process\" aria-labelledby=\"process-heading\">\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">Delivery Process<\/p>\r\n          <h2 class=\"section-heading\" id=\"process-heading\">\r\n            Five-stage<br class=\"br-mobile\" \/>delivery process\r\n          <\/h2>\r\n          <p class=\"section-subtext\">\r\n            From the first consultation to production go-live and in-house enablement, progress is visualized through clear phases.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"process-timeline\">\r\n          <article class=\"process-step fade-in-up\">\r\n            <div class=\"process-step-header\">\r\n              <div class=\"process-step-badge\">01<\/div>\r\n              <div class=\"process-step-meta\">\r\n                <span class=\"process-step-duration\">1\u20132 weeks<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <h3 class=\"process-step-title\">Issue scoping & consultation<\/h3>\r\n            <p class=\"process-step-desc\">We inventory business issues, narrow the scope, and organize priorities. You can engage us even when \u201cwhere to start\u201d has not yet been defined.<\/p>\r\n            <ul class=\"process-step-tags\">\r\n              <li>Business issue interviews<\/li>\r\n              <li>Target process selection<\/li>\r\n              <li>Draft roadmap<\/li>\r\n            <\/ul>\r\n          <\/article>\r\n\r\n          <article class=\"process-step fade-in-up\">\r\n            <div class=\"process-step-header\">\r\n              <div class=\"process-step-badge\">02<\/div>\r\n              <div class=\"process-step-meta\">\r\n                <span class=\"process-step-duration\">3\u201310 days<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <h3 class=\"process-step-title\">Value validation PoC<\/h3>\r\n            <p class=\"process-step-desc\">We build a working prototype in as little as 10 days and report measured values for processing time, accuracy, and ROI to leadership, providing a basis for investment decisions.<\/p>\r\n            <ul class=\"process-step-tags\">\r\n              <li>Prototype build<\/li>\r\n              <li>ROI estimation<\/li>\r\n              <li>Executive reporting materials<\/li>\r\n            <\/ul>\r\n          <\/article>\r\n\r\n          <article class=\"process-step fade-in-up\">\r\n            <div class=\"process-step-header\">\r\n              <div class=\"process-step-badge\">03<\/div>\r\n              <div class=\"process-step-meta\">\r\n                <span class=\"process-step-duration\">2\u20134 months<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <h3 class=\"process-step-title\">Production implementation<\/h3>\r\n            <p class=\"process-step-desc\">The design validated in the PoC is carried straight into the production environment. We support you through go-live, including existing-system integration, security design, and operating model design.<\/p>\r\n            <ul class=\"process-step-tags\">\r\n              <li>Production environment build<\/li>\r\n              <li>Existing system integration<\/li>\r\n              <li>Security design<\/li>\r\n            <\/ul>\r\n          <\/article>\r\n\r\n          <article class=\"process-step fade-in-up\">\r\n            <div class=\"process-step-header\">\r\n              <div class=\"process-step-badge\">04<\/div>\r\n              <div class=\"process-step-meta\">\r\n                <span class=\"process-step-duration\">2\u20134 months<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <h3 class=\"process-step-title\">Enterprise rollout & governance<\/h3>\r\n            <p class=\"process-step-desc\">We move from department-level deployment to enterprise-wide rollout. Approval workflows, access control, and audit-log design are built in to establish a control model that IT and audit can approve.<\/p>\r\n            <ul class=\"process-step-tags\">\r\n              <li>Rollout planning<\/li>\r\n              <li>Governance design<\/li>\r\n              <li>Audit readiness<\/li>\r\n            <\/ul>\r\n          <\/article>\r\n\r\n          <article class=\"process-step fade-in-up\">\r\n            <div class=\"process-step-header\">\r\n              <div class=\"process-step-badge\">05<\/div>\r\n              <div class=\"process-step-meta\">\r\n                <span class=\"process-step-duration\">Monthly ongoing<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <h3 class=\"process-step-title\">Ongoing operations & in-house enablement<\/h3>\r\n            <p class=\"process-step-desc\">We support everything from continuous improvement after go-live to the transition toward an in-house model your team can run autonomously, aiming for an independent operating structure rather than ongoing dependency.<\/p>\r\n            <ul class=\"process-step-tags\">\r\n              <li>Continuous improvement<\/li>\r\n              <li>Team enablement<\/li>\r\n              <li>In-house enablement<\/li>\r\n            <\/ul>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2465 Security & Trust ============================\r\n         \u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u3068\u4fe1\u983c\u6027\r\n    ============================= -->\r\n    <section class=\"section section-security\" id=\"security\" aria-labelledby=\"security-heading\">\r\n      <div class=\"security-bg\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">Security &amp; Trust<\/p>\r\n          <h2 class=\"section-heading\" id=\"security-heading\">\r\n            What AI adoption requires is,<br class=\"br-desktop\" \/>\r\n            not performance alone.\r\n          <\/h2>\r\n          <p class=\"section-subtext\">\r\n            Design that includes control is what makes production deployment possible in the enterprise.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"security-grid\">\r\n          <article class=\"security-card fade-in-up\">\r\n            <div class=\"security-card-icon\" aria-hidden=\"true\">\r\n              <div class=\"icon-lock\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"security-card-title\">Private network \/ internally contained architecture<\/h3>\r\n            <p class=\"security-card-desc\">We support architectures that keep data from leaving the company. Depending on your requirements, we select the right foundation, such as Azure OpenAI Service, AWS Bedrock, or an on-prem LLM.<\/p>\r\n          <\/article>\r\n          <article class=\"security-card fade-in-up\">\r\n            <div class=\"security-card-icon\" aria-hidden=\"true\">\r\n              <div class=\"icon-shield\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"security-card-title\">Access control & approval workflows<\/h3>\r\n            <p class=\"security-card-desc\">We implement role-based access control and approval flows for AI operations, creating an architecture where every action can be traced to a specific actor.<\/p>\r\n          <\/article>\r\n          <article class=\"security-card fade-in-up\">\r\n            <div class=\"security-card-icon\" aria-hidden=\"true\">\r\n              <div class=\"icon-audit\"><\/div>\r\n            <\/div>\r\n            <h3 class=\"security-card-title\">5-year audit log design<\/h3>\r\n            <p class=\"security-card-desc\">We design five-year audit-log retention with J-SOX readiness in mind. Multi-layered defenses including WAF and DLP structurally reduce information-leakage risk.<\/p>\r\n          <\/article>\r\n        <\/div>\r\n\r\n        <div class=\"security-infra fade-in-up\">\r\n          <h3 class=\"security-infra-title\">Supported infrastructure options<\/h3>\r\n          <div class=\"infra-tags\">\r\n            <span class=\"infra-tag\">Azure OpenAI Service<\/span>\r\n            <span class=\"infra-tag\">AWS Bedrock<\/span>\r\n            <span class=\"infra-tag\">On-prem LLM<\/span>\r\n            <span class=\"infra-tag\">WAF<\/span>\r\n            <span class=\"infra-tag\">DLP<\/span>\r\n            <span class=\"infra-tag\">J-SOX ready<\/span>\r\n            <span class=\"infra-tag\">Access control<\/span>\r\n            <span class=\"infra-tag\">Private network architecture<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2466 AI Governance ============================\r\n         AI\u30ac\u30d0\u30ca\u30f3\u30b9\u30d5\u30ec\u30fc\u30e0\u30ef\u30fc\u30af\r\n    ============================= -->\r\n    <section class=\"section section-governance\" id=\"governance\" aria-labelledby=\"governance-heading\">\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">AI Governance<\/p>\r\n          <h2 class=\"section-heading\" id=\"governance-heading\">\r\n            Design control for AI agents,<br class=\"br-desktop\" \/>\r\n            independent of any specific tool\r\n          <\/h2>\r\n          <p class=\"section-subtext\">\r\n            Shadow AI spreading across departments and the absence of unified policies are becoming major enterprise risks.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <!-- \u30ac\u30d0\u30ca\u30f3\u30b9\u306e\u8ab2\u984c -->\r\n        <div class=\"governance-problems fade-in-up\">\r\n          <h3 class=\"governance-sub-heading\">Common governance challenges<\/h3>\r\n          <div class=\"governance-problem-list\">\r\n            <div class=\"governance-problem-item\">\r\n              <div class=\"problem-dot\" aria-hidden=\"true\"><\/div>\r\n              <span>No visibility into who did what<\/span>\r\n            <\/div>\r\n            <div class=\"governance-problem-item\">\r\n              <div class=\"problem-dot\" aria-hidden=\"true\"><\/div>\r\n              <span>Risk of external transmission of sensitive information<\/span>\r\n            <\/div>\r\n            <div class=\"governance-problem-item\">\r\n              <div class=\"problem-dot\" aria-hidden=\"true\"><\/div>\r\n              <span>Destructive actions are not adequately prevented<\/span>\r\n            <\/div>\r\n            <div class=\"governance-problem-item\">\r\n              <div class=\"problem-dot\" aria-hidden=\"true\"><\/div>\r\n              <span>Credentials are managed in a fragmented way<\/span>\r\n            <\/div>\r\n            <div class=\"governance-problem-item\">\r\n              <div class=\"problem-dot\" aria-hidden=\"true\"><\/div>\r\n              <span>Shadow AI proliferates by department<\/span>\r\n            <\/div>\r\n            <div class=\"governance-problem-item\">\r\n              <div class=\"problem-dot\" aria-hidden=\"true\"><\/div>\r\n              <span>No unified policy across multiple platforms<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- Control framework -->\r\n        <div class=\"governance-framework fade-in-up\">\r\n          <h3 class=\"governance-sub-heading\">NextSageAI Control Framework<\/h3>\r\n          <div class=\"framework-grid\">\r\n            <div class=\"framework-card\">\r\n              <div class=\"framework-number\">01<\/div>\r\n              <h4 class=\"framework-title\">Approval-boundary design<\/h4>\r\n              <p class=\"framework-desc\">We clearly define the range of actions AI agents are allowed to execute, structurally preventing out-of-policy operations.<\/p>\r\n            <\/div>\r\n            <div class=\"framework-card\">\r\n              <div class=\"framework-number\">02<\/div>\r\n              <h4 class=\"framework-title\">WAF \/ DLP integration<\/h4>\r\n              <p class=\"framework-desc\">We integrate Web Application Firewall and Data Loss Prevention to defend against data leakage in multiple layers.<\/p>\r\n            <\/div>\r\n            <div class=\"framework-card\">\r\n              <div class=\"framework-number\">03<\/div>\r\n              <h4 class=\"framework-title\">Centralized access control<\/h4>\r\n              <p class=\"framework-desc\">We centrally manage roles by department, title, and function, eliminating overprovisioned access.<\/p>\r\n            <\/div>\r\n            <div class=\"framework-card\">\r\n              <div class=\"framework-number\">04<\/div>\r\n              <h4 class=\"framework-title\">Audit-log design<\/h4>\r\n              <p class=\"framework-desc\">We record and retain who did what and when for five years, in a design that also supports J-SOX audits.<\/p>\r\n            <\/div>\r\n            <div class=\"framework-card\">\r\n              <div class=\"framework-number\">05<\/div>\r\n              <h4 class=\"framework-title\">Private network support<\/h4>\r\n              <p class=\"framework-desc\">We support non-internet private network architectures, enabling designs that keep sensitive information from leaving the organization.<\/p>\r\n            <\/div>\r\n            <div class=\"framework-card\">\r\n              <div class=\"framework-number\">06<\/div>\r\n              <h4 class=\"framework-title\">Unified policy distribution<\/h4>\r\n              <p class=\"framework-desc\">We centrally manage cross-department AI policies and roll out tool-agnostic operating standards across the enterprise.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u30ac\u30d0\u30ca\u30f3\u30b9\u5b9f\u7e3e\u6570\u5024 -->\r\n        <div class=\"governance-metrics fade-in-up\">\r\n          <div class=\"gov-metric-card\">\r\n            <div class=\"gov-metric-number\">4<span class=\"gov-metric-unit\">\u2013<\/span>9<span class=\"gov-metric-unit\"> weeks<\/span><\/div>\r\n            <div class=\"gov-metric-label\">Time to pilot operation<\/div>\r\n          <\/div>\r\n          <div class=\"gov-metric-card\">\r\n            <div class=\"gov-metric-number\">6<span class=\"gov-metric-unit\"> elements<\/span><\/div>\r\n            <div class=\"gov-metric-label\">Control framework<\/div>\r\n          <\/div>\r\n          <div class=\"gov-metric-card\">\r\n            <div class=\"gov-metric-number\">5<span class=\"gov-metric-unit\"> years<\/span><\/div>\r\n            <div class=\"gov-metric-label\">Audit-log retention design<\/div>\r\n          <\/div>\r\n          <div class=\"gov-metric-card\">\r\n            <div class=\"gov-metric-number\">12<span class=\"gov-metric-unit\"> items<\/span><\/div>\r\n            <div class=\"gov-metric-label\">Implementation coverage<\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2467 Case Studies ============================\r\n         Case Studies3\u4ef6\r\n    ============================= -->\r\n    <section class=\"section section-cases\" id=\"cases\" aria-labelledby=\"cases-heading\">\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">Case Studies<\/p>\r\n          <h2 class=\"section-heading\" id=\"cases-heading\">\r\n            Case Studies\r\n          <\/h2>\r\n          <p class=\"section-subtext\">\r\n            Here are real examples that delivered measurable results, from PoC through production go-live.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"cases-grid\">\r\n          <!-- \u4e8b\u4f8b1: \u88fd\u9020\u696d -->\r\n          <article class=\"case-card fade-in-up\">\r\n            <div class=\"case-card-header\">\r\n              <span class=\"case-industry-tag\">Manufacturing<\/span>\r\n              <span class=\"case-scale\">3,000 employees<\/span>\r\n            <\/div>\r\n            <h3 class=\"case-title\">Major reduction in workload and error rates through automated invoice processing<\/h3>\r\n            <div class=\"case-tech-stack\">\r\n              <span class=\"tech-tag\">n8n<\/span>\r\n              <span class=\"tech-tag\">OCR<\/span>\r\n              <span class=\"tech-tag\">Core system integration MCP<\/span>\r\n            <\/div>\r\n            <div class=\"case-challenge\">\r\n              <h4 class=\"case-label\">Challenge<\/h4>\r\n              <p>Manual processing consuming more than 80 hours per month and an error rate above 5% were impacting both service quality and cost.<\/p>\r\n            <\/div>\r\n            <div class=\"case-results\">\r\n              <h4 class=\"case-label\">Results<\/h4>\r\n              <div class=\"case-result-metrics\">\r\n                <div class=\"case-result-metric\">\r\n                  <div class=\"case-result-number\">85<span>%<\/span><\/div>\r\n                  <div class=\"case-result-label\">Processing time reduction<\/div>\r\n                <\/div>\r\n                <div class=\"case-result-metric\">\r\n                  <div class=\"case-result-number\">0.3<span>%<\/span><\/div>\r\n                  <div class=\"case-result-label\">Error rate (>5% \u2192)<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"case-timeline\">\r\n              <span class=\"case-timeline-item\">PoC <strong>10 days<\/strong><\/span>\r\n              <span class=\"case-timeline-arrow\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"case-timeline-item\">Production <strong>2 months<\/strong><\/span>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- \u4e8b\u4f8b2: \u91d1\u878d\u696d -->\r\n          <article class=\"case-card fade-in-up\">\r\n            <div class=\"case-card-header\">\r\n              <span class=\"case-industry-tag case-industry-tag--finance\">Financial Services<\/span>\r\n              <span class=\"case-scale\">5,000 employees<\/span>\r\n            <\/div>\r\n            <h3 class=\"case-title\">Eliminating person-dependent review operations and building a shared knowledge platform<\/h3>\r\n            <div class=\"case-tech-stack\">\r\n              <span class=\"tech-tag\">LangGraph<\/span>\r\n              <span class=\"tech-tag\">RAG<\/span>\r\n              <span class=\"tech-tag\">Governance platform<\/span>\r\n            <\/div>\r\n            <div class=\"case-challenge\">\r\n              <h4 class=\"case-label\">Challenge<\/h4>\r\n              <p>Reviewing application documents depended on a few veterans, and knowledge was fragmented. Training new hires took more than six months on average.<\/p>\r\n            <\/div>\r\n            <div class=\"case-results\">\r\n              <h4 class=\"case-label\">Results<\/h4>\r\n              <div class=\"case-result-metrics\">\r\n                <div class=\"case-result-metric\">\r\n                  <div class=\"case-result-number\">60<span>%<\/span><\/div>\r\n                  <div class=\"case-result-label\">Review time reduction<\/div>\r\n                <\/div>\r\n                <div class=\"case-result-metric\">\r\n                  <div class=\"case-result-number\">1\/3<\/div>\r\n                  <div class=\"case-result-label\">New-hire ramp-up period<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"case-timeline\">\r\n              <span class=\"case-timeline-item\">PoC <strong>10 days<\/strong><\/span>\r\n              <span class=\"case-timeline-arrow\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"case-timeline-item\">Production <strong>3 months<\/strong><\/span>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <!-- \u4e8b\u4f8b3: \u5c02\u9580\u30b5\u30fc\u30d3\u30b9\u696d -->\r\n          <article class=\"case-card fade-in-up\">\r\n            <div class=\"case-card-header\">\r\n              <span class=\"case-industry-tag case-industry-tag--service\">Professional Services<\/span>\r\n              <span class=\"case-scale\">500 employees<\/span>\r\n            <\/div>\r\n            <h3 class=\"case-title\">Faster lead response and fully automated CRM entry<\/h3>\r\n            <div class=\"case-tech-stack\">\r\n              <span class=\"tech-tag\">n8n<\/span>\r\n              <span class=\"tech-tag\">Salesforce MCP<\/span>\r\n              <span class=\"tech-tag\">Auto-classification agent<\/span>\r\n            <\/div>\r\n            <div class=\"case-challenge\">\r\n              <h4 class=\"case-label\">Challenge<\/h4>\r\n              <p>Initial response to inquiries took an average of 48 hours, and CRM entry also depended on manual work by staff.<\/p>\r\n            <\/div>\r\n            <div class=\"case-results\">\r\n              <h4 class=\"case-label\">Results<\/h4>\r\n              <div class=\"case-result-metrics\">\r\n                <div class=\"case-result-metric\">\r\n                  <div class=\"case-result-number\">48h<span>\u21922h<\/span><\/div>\r\n                  <div class=\"case-result-label\">Lead response time<\/div>\r\n                <\/div>\r\n                <div class=\"case-result-metric\">\r\n                  <div class=\"case-result-number\">100<span>%<\/span><\/div>\r\n                  <div class=\"case-result-label\">CRM entry automation<\/div>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"case-timeline\">\r\n              <span class=\"case-timeline-item\">PoC <strong>10 days<\/strong><\/span>\r\n              <span class=\"case-timeline-arrow\" aria-hidden=\"true\"><\/span>\r\n              <span class=\"case-timeline-item\">Production <strong>1.5 months<\/strong><\/span>\r\n            <\/div>\r\n          <\/article>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2468 Technology Strategy ============================\r\n         \u6280\u8853\u6226\u7565\u30fb\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u30b9\u30bf\u30c3\u30af\r\n    ============================= -->\r\n    <section class=\"section section-technology\" id=\"technology\" aria-labelledby=\"technology-heading\">\r\n      <div class=\"technology-bg\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">Technology Strategy<\/p>\r\n          <h2 class=\"section-heading\" id=\"technology-heading\">\r\n            Design the optimal architecture,<br class=\"br-desktop\" \/>\r\n            starting from requirements, not vendors\r\n          <\/h2>\r\n          <p class=\"section-subtext\">\r\n            We make neutral technology choices based on business requirements, security conditions, and your future in-house operating strategy.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <!--div class=\"tech-stacks fade-in-up\">\r\n          <div class=\"tech-stack-row\">\r\n            <div class=\"tech-stack-category\">\r\n              <div class=\"tech-stack-label\">\u30aa\u30fc\u30b1\u30b9\u30c8\u30ec\u30fc\u30b7\u30e7\u30f3<\/div>\r\n              <div class=\"tech-stack-items\">\r\n                <span class=\"tech-stack-item\">n8n<\/span>\r\n                <span class=\"tech-stack-item\">Dify<\/span>\r\n                <span class=\"tech-stack-item\">LangGraph<\/span>\r\n                <span class=\"tech-stack-item\">Google ADK<\/span>\r\n                <span class=\"tech-stack-item\">OpenAI Agents SDK<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tech-stack-row\">\r\n            <div class=\"tech-stack-category\">\r\n              <div class=\"tech-stack-label\">\u30c4\u30fc\u30eb\u63a5\u7d9a\u30fb\u5b9f\u884c\u57fa\u76e4<\/div>\r\n              <div class=\"tech-stack-items\">\r\n                <span class=\"tech-stack-item\">MCP<\/span>\r\n                <span class=\"tech-stack-item\">Agent Skills<\/span>\r\n                <span class=\"tech-stack-item\">Agens<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tech-stack-row\">\r\n            <div class=\"tech-stack-category\">\r\n              <div class=\"tech-stack-label\">\u30ca\u30ec\u30c3\u30b8\u30fbRAG<\/div>\r\n              <div class=\"tech-stack-items\">\r\n                <span class=\"tech-stack-item\">Pinecone<\/span>\r\n                <span class=\"tech-stack-item\">pgvector<\/span>\r\n                <span class=\"tech-stack-item\">Azure AI Search<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tech-stack-row\">\r\n            <div class=\"tech-stack-category\">\r\n              <div class=\"tech-stack-label\">LLM\u30e2\u30c7\u30eb<\/div>\r\n              <div class=\"tech-stack-items\">\r\n                <span class=\"tech-stack-item\">Claude<\/span>\r\n                <span class=\"tech-stack-item\">GPT-4o<\/span>\r\n                <span class=\"tech-stack-item\">Gemini<\/span>\r\n                <span class=\"tech-stack-item\">Azure OpenAI<\/span>\r\n                <span class=\"tech-stack-item\">On-prem LLM<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n          <div class=\"tech-stack-row\">\r\n            <div class=\"tech-stack-category\">\r\n              <div class=\"tech-stack-label\">\u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u7d71\u5236<\/div>\r\n              <div class=\"tech-stack-items\">\r\n                <span class=\"tech-stack-item tech-stack-item--accent\">Agens Control<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div-->\r\n\r\n        <div class=\"tech-principle fade-in-up\">\r\n          <div class=\"tech-principle-inner\">\r\n            <p class=\"tech-principle-text\">\r\n              NextSageAI does not choose technology based on partnerships with specific platforms or vendors.<br class=\"br-desktop\" \/>\r\n              We neutrally design the optimal architecture based on your business requirements, security conditions, and future in-house operating strategy.\r\n            <\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2469 Positioning ============================\r\n         \u9069\u5408\u3059\u308b\u30b1\u30fc\u30b9\u3068\u9069\u5408\u3057\u306a\u3044\u30b1\u30fc\u30b9\u306e\u6574\u7406\r\n    ============================= -->\r\n    <section class=\"section section-positioning\" id=\"positioning\" aria-labelledby=\"positioning-heading\">\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">Positioning<\/p>\r\n          <h2 class=\"section-heading\" id=\"positioning-heading\">\r\n            Engagements where NextSageAI is a fit,<br class=\"br-desktop\" \/>\r\n            and where it is not\r\n          <\/h2>\r\n          <p class=\"section-subtext\">\r\n            Not every AI use case requires a heavy implementation effort.<br class=\"br-desktop\" \/>\r\n            We provide an honest assessment based on your actual situation.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"positioning-grid fade-in-up\">\r\n          <div class=\"positioning-card positioning-card--saas\">\r\n            <div class=\"positioning-card-badge positioning-card-badge--saas\">When SaaS is sufficient<\/div>\r\n            <ul class=\"positioning-list\">\r\n              <li>Excel transcription, aggregation, and simple automation<\/li>\r\n              <li>Automatic meeting-minute generation<\/li>\r\n              <li>Drafting standard emails<\/li>\r\n              <li>Internal chatbots centered on FAQs<\/li>\r\n            <\/ul>\r\n            <p class=\"positioning-note\">These are cases that can be handled with existing SaaS tools or off-the-shelf AI. Large investments are unnecessary.<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"positioning-divider\" aria-hidden=\"true\">\r\n            <div class=\"positioning-divider-line\"><\/div>\r\n            <div class=\"positioning-divider-label\">vs<\/div>\r\n            <div class=\"positioning-divider-line\"><\/div>\r\n          <\/div>\r\n\r\n          <div class=\"positioning-card positioning-card--NextSageAI\">\r\n            <div class=\"positioning-card-badge positioning-card-badge--NextSageAI\">When NextSageAI is a fit<\/div>\r\n            <ul class=\"positioning-list\">\r\n              <li>Business automation spanning multiple systems<\/li>\r\n              <li>Implementing veteran decision logic in AI<\/li>\r\n              <li>Stalled at production rollout or governance after the PoC<\/li>\r\n              <li>Need security and control design for enterprise-wide rollout<\/li>\r\n              <li>No clear internal owner to lead AI adoption alongside the business<\/li>\r\n            <\/ul>\r\n            <p class=\"positioning-note\">These are cases where strategy, technical design, implementation, and governance need to be executed under a single line of responsibility.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u246a Comparison ============================\r\n         \u4ed6\u793e\u30fb\u4ed6\u30ab\u30c6\u30b4\u30ea\u3068\u306e\u6bd4\u8f03\r\n    ============================= -->\r\n    <section class=\"section section-comparison\" id=\"comparison\" aria-labelledby=\"comparison-heading\">\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">Comparison<\/p>\r\n          <h2 class=\"section-heading\" id=\"comparison-heading\">\r\n            Where NextSageAI fits\r\n          <\/h2>\r\n          <p class=\"section-subtext\">\r\n            From issue scoping and PoC to production implementation, control design, and operational adoption, NextSageAI is differentiated by seamless support under a single line of responsibility.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"comparison-table-wrapper fade-in-up\">\r\n          <table class=\"comparison-table\" role=\"table\">\r\n            <caption class=\"sr-only\">NextSageAI\u3068\u4ed6\u30ab\u30c6\u30b4\u30ea\u306e\u6bd4\u8f03\u8868<\/caption>\r\n            <thead>\r\n              <tr>\r\n                <th scope=\"col\">Support area<\/th>\r\n                <th scope=\"col\">Large SIers<\/th>\r\n                <th scope=\"col\">Consulting firms<\/th>\r\n                <th scope=\"col\">Tool vendors<\/th>\r\n                <th scope=\"col\" class=\"comparison-highlight-col\">NextSageAI<\/th>\r\n              <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n              <tr>\r\n                <td>Issue scoping \/ process design<\/td>\r\n                <td><span class=\"comp-icon comp-icon--partial\" aria-label=\"\u90e8\u5206\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--yes\" aria-label=\"\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td class=\"comparison-highlight-col\"><span class=\"comp-icon comp-icon--yes\" aria-label=\"\u5bfe\u5fdc\"><\/span><\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>PoC \/ prototype build<\/td>\r\n                <td><span class=\"comp-icon comp-icon--partial\" aria-label=\"\u90e8\u5206\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--partial\" aria-label=\"\u90e8\u5206\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--yes\" aria-label=\"\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td class=\"comparison-highlight-col\"><span class=\"comp-icon comp-icon--yes\" aria-label=\"\u5bfe\u5fdc\"><\/span><\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>Production implementation \/ system integration<\/td>\r\n                <td><span class=\"comp-icon comp-icon--yes\" aria-label=\"\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--partial\" aria-label=\"\u90e8\u5206\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td class=\"comparison-highlight-col\"><span class=\"comp-icon comp-icon--yes\" aria-label=\"\u5bfe\u5fdc\"><\/span><\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>Governance \/ control design<\/td>\r\n                <td><span class=\"comp-icon comp-icon--partial\" aria-label=\"\u90e8\u5206\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--partial\" aria-label=\"\u90e8\u5206\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td class=\"comparison-highlight-col\"><span class=\"comp-icon comp-icon--yes\" aria-label=\"\u5bfe\u5fdc\"><\/span><\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>Enterprise rollout \/ operational adoption<\/td>\r\n                <td><span class=\"comp-icon comp-icon--partial\" aria-label=\"\u90e8\u5206\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td class=\"comparison-highlight-col\"><span class=\"comp-icon comp-icon--yes\" aria-label=\"\u5bfe\u5fdc\"><\/span><\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>In-house enablement<\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td class=\"comparison-highlight-col\"><span class=\"comp-icon comp-icon--yes\" aria-label=\"\u5bfe\u5fdc\"><\/span><\/td>\r\n              <\/tr>\r\n              <tr>\r\n                <td>Single-line accountability<\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td><span class=\"comp-icon comp-icon--no\" aria-label=\"\u975e\u5bfe\u5fdc\"><\/span><\/td>\r\n                <td class=\"comparison-highlight-col\"><span class=\"comp-icon comp-icon--yes\" aria-label=\"\u5bfe\u5fdc\"><\/span><\/td>\r\n              <\/tr>\r\n            <\/tbody>\r\n          <\/table>\r\n        <\/div>\r\n        <p class=\"comparison-note fade-in-up\">\r\n          This table is a general characterization by NextSageAI. Actual service offerings vary by project and contract structure.\r\n        <\/p>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u246b FAQ ============================\r\n         Frequently Asked Questions\r\n    ============================= -->\r\n    <section class=\"section section-faq\" id=\"faq\" aria-labelledby=\"faq-heading\">\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">FAQ<\/p>\r\n          <h2 class=\"section-heading\" id=\"faq-heading\">\r\n            Frequently Asked Questions\r\n          <\/h2>\r\n        <\/header>\r\n\r\n        <div class=\"faq-list fade-in-up\" role=\"list\">\r\n          <div class=\"faq-item\" role=\"listitem\">\r\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-1\">\r\n              <span>Can we move forward even without technical knowledge?<\/span>\r\n              <div class=\"faq-icon\" aria-hidden=\"true\"><\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\" id=\"faq-answer-1\" hidden>\r\n              <p>Yes. NextSageAI starts by organizing business issues, so technical expertise is not required. Executives, DX leaders, and frontline business stakeholders can participate directly, while NextSageAI handles the technical decisions.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"faq-item\" role=\"listitem\">\r\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-2\">\r\n              <span>Can you support us even if we only want to discuss a PoC?<\/span>\r\n              <div class=\"faq-icon\" aria-hidden=\"true\"><\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\" id=\"faq-answer-2\" hidden>\r\n              <p>Yes, we also support PoC-only engagements. We can begin with a 10-day PoC to validate ROI and feasibility, then use the results to decide whether to proceed to production implementation. This is also ideal when you want decision-making evidence first.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"faq-item\" role=\"listitem\">\r\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-3\">\r\n              <span>Can you also help prepare materials for IT and audit teams?<\/span>\r\n              <div class=\"faq-icon\" aria-hidden=\"true\"><\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\" id=\"faq-answer-3\" hidden>\r\n              <p>Yes. NextSageAI incorporates documentation for IT and audit stakeholders into the implementation process. This includes support for materials such as security design documents, access-control policies, log-retention designs, and governance policies.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"faq-item\" role=\"listitem\">\r\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-4\">\r\n              <span>Can it integrate with our existing internal systems?<\/span>\r\n              <div class=\"faq-icon\" aria-hidden=\"true\"><\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\" id=\"faq-answer-4\" hidden>\r\n              <p>Yes. We support API integration and MCP connectivity with existing business systems such as core systems, CRM, and ERP. We also assess integration feasibility as part of the initial consultation.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"faq-item\" role=\"listitem\">\r\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-5\">\r\n              <span>Can we use an architecture where data never leaves the company?<\/span>\r\n              <div class=\"faq-icon\" aria-hidden=\"true\"><\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\" id=\"faq-answer-5\" hidden>\r\n              <p>Yes. Architectures that do not send data outside the company are supported, including private-network configurations for Azure OpenAI Service and AWS Bedrock, as well as on-premises LLMs. We also design secure approaches for AI use in workflows involving confidential or personal data.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"faq-item\" role=\"listitem\">\r\n            <button class=\"faq-question\" aria-expanded=\"false\" aria-controls=\"faq-answer-6\">\r\n              <span>Can we consult you even if the concept is still vague?<\/span>\r\n              <div class=\"faq-icon\" aria-hidden=\"true\"><\/div>\r\n            <\/button>\r\n            <div class=\"faq-answer\" id=\"faq-answer-6\" hidden>\r\n              <p>Yes. That stage is actually one of the best times to talk with us. NextSageAI specializes in supporting organizations that have not yet defined where to start. We can work with you beginning from issue inventory and priority setting.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u246c Final CTA ============================\r\n         \u7de0\u3081\u306eCTA\r\n    ============================= -->\r\n    <section class=\"section section-final-cta\" id=\"final-cta\" aria-labelledby=\"final-cta-heading\">\r\n      <div class=\"final-cta-bg-glow\" aria-hidden=\"true\"><\/div>\r\n      <div class=\"container\">\r\n        <div class=\"final-cta-inner fade-in-up\">\r\n          <p class=\"section-eyebrow\">Get Started<\/p>\r\n          <h2 class=\"final-cta-heading\" id=\"final-cta-heading\">\r\n            So AI adoption does not<br \/>\r\n            remain stuck in consideration.\r\n\r\n          <\/h2>\r\n          <p class=\"final-cta-subtext\">\r\n            We provide seamless support from issue scoping and PoC to production implementation and control design.<br \/>\r\n            Feel free to contact us even if the concept is still vague.\r\n          <\/p>\r\n          <div class=\"final-cta-actions\">\r\n            <a href=\"#contact\" class=\"btn btn-primary btn-lg btn-xl\">Start with a Consultation<\/a>\r\n          <\/div>\r\n          <p class=\"final-cta-note\">We welcome inquiries even when the concept is still vague.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Contact\u5c0e\u7dda ============================\r\n         Contact Us\u30d5\u30a9\u30fc\u30e0\uff08UI\u306e\u307f\uff09\r\n    ============================= -->\r\n    <section class=\"section section-contact\" id=\"contact\" aria-labelledby=\"contact-heading\">\r\n      <div class=\"container\">\r\n        <header class=\"section-header fade-in-up\">\r\n          <p class=\"section-eyebrow\">Contact<\/p>\r\n          <h2 class=\"section-heading\" id=\"contact-heading\">\r\n            Contact Us\r\n          <\/h2>\r\n          <p class=\"section-subtext\">\r\n            For an initial consultation starting from issue scoping, please feel free to contact us through the form.\r\n          <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"contact-wrapper fade-in-up\">\r\n         <form class=\"contact-form\" aria-label=\"Contact Us\u30d5\u30a9\u30fc\u30e0\" action=\"https:\/\/formspree.io\/f\/mykvavjb\" method=\"POST\">\r\n            <div class=\"form-row\">\r\n              <div class=\"form-group\">\r\n                <label class=\"form-label\" for=\"contact-company\">Company Name <span class=\"form-required\" aria-label=\"\u5fc5\u9808\">*<\/span><\/label>\r\n                <input class=\"form-input\" type=\"text\" id=\"contact-company\" name=\"company\" placeholder=\"ABC Corporation\" autocomplete=\"organization\" required \/>\r\n              <\/div>\r\n              <div class=\"form-group\">\r\n                <label class=\"form-label\" for=\"contact-name\">Name <span class=\"form-required\" aria-label=\"\u5fc5\u9808\">*<\/span><\/label>\r\n                <input class=\"form-input\" type=\"text\" id=\"contact-name\" name=\"name\" placeholder=\"John Smith\" autocomplete=\"name\" required \/>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"form-row\">\r\n              <div class=\"form-group\">\r\n                <label class=\"form-label\" for=\"contact-dept\">Department \/ Title<\/label>\r\n                <input class=\"form-input\" type=\"text\" id=\"contact-dept\" name=\"department\" placeholder=\"Head of DX Promotion\" autocomplete=\"organization-title\" \/>\r\n              <\/div>\r\n              <div class=\"form-group\">\r\n                <label class=\"form-label\" for=\"contact-email\">Email Address <span class=\"form-required\" aria-label=\"\u5fc5\u9808\">*<\/span><\/label>\r\n                <input class=\"form-input\" type=\"email\" id=\"contact-email\" name=\"email\" placeholder=\"example@company.co.jp\" autocomplete=\"email\" required \/>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"form-group form-group--full\">\r\n              <label class=\"form-label\" for=\"contact-subject\">Inquiry Type<\/label>\r\n              <select class=\"form-select\" id=\"contact-subject\" name=\"subject\">\r\n                <option value=\"\">Please select<\/option>\r\n                <option value=\"poc\">I want to discuss a PoC<\/option>\r\n                <option value=\"governance\">I want to discuss governance design<\/option>\r\n                <option value=\"expansion\">I want to discuss enterprise-wide rollout<\/option>\r\n                <option value=\"security\">I want to confirm security requirements<\/option>\r\n                <option value=\"other\">Other<\/option>\r\n              <\/select>\r\n            <\/div>\r\n            <div class=\"form-group form-group--full\">\r\n              <label class=\"form-label\" for=\"contact-message\">Inquiry Details <span class=\"form-required\" aria-label=\"\u5fc5\u9808\">*<\/span><\/label>\r\n              <textarea class=\"form-textarea\" id=\"contact-message\" name=\"message\" rows=\"5\" placeholder=\"Please describe your current challenges, evaluation status, and requests.\" required><\/textarea>\r\n            <\/div>\r\n            <div class=\"form-submit\">\r\n              <button type=\"submit\" class=\"btn btn-primary btn-lg\">Submit<\/button>\r\n              <p class=\"form-submit-note\">We will contact you within 2 business days after submission.<\/p>\r\n            <\/div>\r\n          <\/form>\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n  <\/main>\r\n\r\n  <!-- \u30d5\u30c3\u30bf\u30fc -->\r\n  <footer class=\"site-footer\">\r\n    <div class=\"container footer-inner\">\r\n      <div class=\"footer-logo\">\r\n        <span class=\"logo-mark\">N<\/span>\r\n        <span class=\"logo-text\">NextSageAI<\/span>\r\n      <\/div>\r\n      <p class=\"footer-tagline\">Don't let AI adoption stop at consideration.<\/p>\r\n      <nav class=\"footer-nav\" aria-label=\"\u30d5\u30c3\u30bf\u30fc\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3\">\r\n        <a href=\"#challenges\" class=\"footer-nav-link\">Challenges<\/a>\r\n        <a href=\"#process\" class=\"footer-nav-link\">Process<\/a>\r\n        <a href=\"#cases\" class=\"footer-nav-link\">Cases<\/a>\r\n        <a href=\"#governance\" class=\"footer-nav-link\">Governance<\/a>\r\n        <a href=\"#faq\" class=\"footer-nav-link\">FAQ<\/a>\r\n        <a href=\"#contact\" class=\"footer-nav-link\">Contact Us<\/a>\r\n      <\/nav>\r\n      <p class=\"footer-copyright\">&copy; 2026 NextSageAI. All rights reserved.<\/p>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n\r\n  <script>\r\n\/**\r\n * NextSageAI \u2014 Landing Page Scripts\r\n * \u2460\u301c\u246c \u5404\u30bb\u30af\u30b7\u30e7\u30f3\u306b\u5bfe\u5fdc\u3059\u308bJavaScript\r\n *\r\n * \u5b9f\u88c5\u7bc4\u56f2:\r\n * - \u30d8\u30c3\u30c0\u30fc\u306e\u30b9\u30af\u30ed\u30fc\u30eb\u6319\u52d5\uff08\u80cc\u666f\u5909\u5316\uff09\r\n * - \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u306e\u958b\u9589\r\n * - \u30b9\u30e0\u30fc\u30b9\u30b9\u30af\u30ed\u30fc\u30eb\uff08\u30da\u30fc\u30b8\u5185\u30a2\u30f3\u30ab\u30fc\uff09\r\n * - \u30b9\u30af\u30ed\u30fc\u30eb\u9023\u52d5\u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n * - \u246b FAQ \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u958b\u9589\r\n * - Contact \u30d5\u30a9\u30fc\u30e0\u306e\u30d0\u30ea\u30c7\u30fc\u30b7\u30e7\u30f3\uff08UI\u306e\u307f\uff09\r\n *\/\r\n\r\n'use strict';\r\n\r\n\/* ============================================================\r\n   \u5171\u901a\u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3\r\n============================================================ *\/\r\n\r\n\/**\r\n * \u30bf\u30fc\u30b2\u30c3\u30c8\u8981\u7d20\u3092\u5b89\u5168\u306b\u53d6\u5f97\u3059\u308b\r\n * @param {string} selector - CSS\u30bb\u30ec\u30af\u30bf\u30fc\r\n * @returns {Element|null}\r\n *\/\r\nfunction qs(selector) {\r\n  return document.querySelector(selector);\r\n}\r\n\r\n\/**\r\n * \u8907\u6570\u30bf\u30fc\u30b2\u30c3\u30c8\u8981\u7d20\u3092\u5b89\u5168\u306b\u53d6\u5f97\u3059\u308b\r\n * @param {string} selector - CSS\u30bb\u30ec\u30af\u30bf\u30fc\r\n * @returns {NodeList}\r\n *\/\r\nfunction qsAll(selector) {\r\n  return document.querySelectorAll(selector);\r\n}\r\n\r\n\/* ============================================================\r\n   \u30d8\u30c3\u30c0\u30fc: \u30b9\u30af\u30ed\u30fc\u30eb\u6642\u306e\u80cc\u666f\u5909\u5316\r\n   \u30b9\u30af\u30ed\u30fc\u30eb\u91cf\u306b\u5fdc\u3058\u3066 .is-scrolled \u30af\u30e9\u30b9\u3092\u4ed8\u4e0e\r\n============================================================ *\/\r\n(function initHeader() {\r\n  const header = qs('#site-header');\r\n  if (!header) return;\r\n\r\n  const SCROLL_THRESHOLD = 60;\r\n\r\n  function updateHeader() {\r\n    if (window.scrollY > SCROLL_THRESHOLD) {\r\n      header.classList.add('is-scrolled');\r\n    } else {\r\n      header.classList.remove('is-scrolled');\r\n    }\r\n  }\r\n\r\n  \/\/ \u521d\u671f\u72b6\u614b\u3092\u8a2d\u5b9a\r\n  updateHeader();\r\n\r\n  \/\/ \u30b9\u30af\u30ed\u30fc\u30eb\u30a4\u30d9\u30f3\u30c8\u306b\u306fpassive\u3092\u6307\u5b9a\u3057\u3066\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u78ba\u4fdd\r\n  window.addEventListener('scroll', updateHeader, { passive: true });\r\n})();\r\n\r\n\/* ============================================================\r\n   \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc: \u30cf\u30f3\u30d0\u30fc\u30ac\u30fc\u30dc\u30bf\u30f3\u306e\u958b\u9589\r\n============================================================ *\/\r\n(function initMobileMenu() {\r\n  const toggle = qs('#menu-toggle');\r\n  const nav    = qs('#mobile-nav');\r\n  if (!toggle || !nav) return;\r\n\r\n  function openMenu() {\r\n    toggle.classList.add('is-open');\r\n    toggle.setAttribute('aria-expanded', 'true');\r\n    toggle.setAttribute('aria-label', '\u30e1\u30cb\u30e5\u30fc\u3092\u9589\u3058\u308b');\r\n    nav.classList.add('is-open');\r\n    nav.setAttribute('aria-hidden', 'false');\r\n  }\r\n\r\n  function closeMenu() {\r\n    toggle.classList.remove('is-open');\r\n    toggle.setAttribute('aria-expanded', 'false');\r\n    toggle.setAttribute('aria-label', '\u30e1\u30cb\u30e5\u30fc\u3092\u958b\u304f');\r\n    nav.classList.remove('is-open');\r\n    nav.setAttribute('aria-hidden', 'true');\r\n  }\r\n\r\n  toggle.addEventListener('click', function () {\r\n    const isOpen = toggle.classList.contains('is-open');\r\n    if (isOpen) {\r\n      closeMenu();\r\n    } else {\r\n      openMenu();\r\n    }\r\n  });\r\n\r\n  \/\/ \u30e2\u30d0\u30a4\u30eb\u30e1\u30cb\u30e5\u30fc\u306e\u30ea\u30f3\u30af\u3092\u30af\u30ea\u30c3\u30af\u3057\u305f\u3089\u9589\u3058\u308b\r\n  const mobileLinks = nav.querySelectorAll('.mobile-nav-link');\r\n  mobileLinks.forEach(function (link) {\r\n    link.addEventListener('click', closeMenu);\r\n  });\r\n\r\n  \/\/ ESC\u30ad\u30fc\u3067\u9589\u3058\u308b\r\n  document.addEventListener('keydown', function (e) {\r\n    if (e.key === 'Escape' && toggle.classList.contains('is-open')) {\r\n      closeMenu();\r\n      toggle.focus();\r\n    }\r\n  });\r\n})();\r\n\r\n\/* ============================================================\r\n   \u30b9\u30e0\u30fc\u30b9\u30b9\u30af\u30ed\u30fc\u30eb\r\n   href=\"#...\" \u306e\u30a2\u30f3\u30ab\u30fc\u30ea\u30f3\u30af\u5168\u822c\u306b\u9069\u7528\r\n   \u30d8\u30c3\u30c0\u30fc\u306e\u9ad8\u3055\u5206\u3060\u3051\u30aa\u30d5\u30bb\u30c3\u30c8\u3092\u8a08\u7b97\r\n============================================================ *\/\r\n(function initSmoothScroll() {\r\n  \/\/ \u30d6\u30e9\u30a6\u30b6\u30cd\u30a4\u30c6\u30a3\u30d6\u306escroll-behavior: smooth\u304c\u6709\u52b9\u306a\u5834\u5408\u3067\u3082\r\n  \/\/ \u30d8\u30c3\u30c0\u30fc\u30aa\u30d5\u30bb\u30c3\u30c8\u88dc\u6b63\u306e\u305f\u3081JS\u3067\u5236\u5fa1\u3059\u308b\r\n\r\n  document.addEventListener('click', function (e) {\r\n    const link = e.target.closest('a[href^=\"#\"]');\r\n    if (!link) return;\r\n\r\n    const targetId = link.getAttribute('href');\r\n    if (targetId === '#') return;\r\n\r\n    const target = qs(targetId);\r\n    if (!target) return;\r\n\r\n    e.preventDefault();\r\n\r\n    const header = qs('#site-header');\r\n    const headerHeight = header ? header.offsetHeight : 0;\r\n    const targetTop = target.getBoundingClientRect().top + window.scrollY - headerHeight - 16;\r\n\r\n    window.scrollTo({\r\n      top: Math.max(0, targetTop),\r\n      behavior: 'smooth'\r\n    });\r\n  });\r\n})();\r\n\r\n\/* ============================================================\r\n   \u30d5\u30a7\u30fc\u30c9\u30a4\u30f3\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\r\n   .fade-in \/ .fade-in-up \u30af\u30e9\u30b9\u3092\u6301\u3064\u8981\u7d20\u304c\r\n   \u30d3\u30e5\u30fc\u30dd\u30fc\u30c8\u306b\u5165\u3063\u305f\u3068\u304d .is-visible \u3092\u4ed8\u4e0e\r\n============================================================ *\/\r\n(function initScrollAnimations() {\r\n  const OBSERVE_TARGETS = '.fade-in, .fade-in-up';\r\n  const elements = qsAll(OBSERVE_TARGETS);\r\n  if (!elements.length) return;\r\n\r\n  \/\/ IntersectionObserver \u975e\u5bfe\u5fdc\u74b0\u5883\u306e\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\r\n  if (!('IntersectionObserver' in window)) {\r\n    elements.forEach(function (el) {\r\n      el.classList.add('is-visible');\r\n    });\r\n    return;\r\n  }\r\n\r\n  const observer = new IntersectionObserver(\r\n    function (entries, obs) {\r\n      entries.forEach(function (entry) {\r\n        if (entry.isIntersecting) {\r\n          entry.target.classList.add('is-visible');\r\n          \/\/ \u4e00\u5ea6\u8868\u793a\u3055\u308c\u305f\u3089\u76e3\u8996\u3092\u89e3\u9664\u3057\u3066\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u6700\u9069\u5316\r\n          obs.unobserve(entry.target);\r\n        }\r\n      });\r\n    },\r\n    {\r\n      root: null,\r\n      rootMargin: '0px 0px -48px 0px', \/\/ \u753b\u9762\u4e0b\u7aef\u306e\u5c11\u3057\u624b\u524d\u3067\u767a\u706b\r\n      threshold: 0.08\r\n    }\r\n  );\r\n\r\n  elements.forEach(function (el) {\r\n    observer.observe(el);\r\n  });\r\n})();\r\n\r\n\/* ============================================================\r\n   \u246b FAQ: \u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u958b\u9589\r\n   aria-expanded \/ hidden \u5c5e\u6027\u3067\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3\u306b\u5bfe\u5fdc\r\n============================================================ *\/\r\n(function initFaqAccordion() {\r\n  const questions = qsAll('.faq-question');\r\n  if (!questions.length) return;\r\n\r\n  \/**\r\n   * FAQ\u9805\u76ee\u3092\u958b\u304f\r\n   * @param {HTMLButtonElement} btn\r\n   *\/\r\n  function openFaq(btn) {\r\n    const answerId = btn.getAttribute('aria-controls');\r\n    const answer   = qs('#' + answerId);\r\n    if (!answer) return;\r\n\r\n    btn.setAttribute('aria-expanded', 'true');\r\n    answer.removeAttribute('hidden');\r\n  }\r\n\r\n  \/**\r\n   * FAQ\u9805\u76ee\u3092\u9589\u3058\u308b\r\n   * @param {HTMLButtonElement} btn\r\n   *\/\r\n  function closeFaq(btn) {\r\n    const answerId = btn.getAttribute('aria-controls');\r\n    const answer   = qs('#' + answerId);\r\n    if (!answer) return;\r\n\r\n    btn.setAttribute('aria-expanded', 'false');\r\n    answer.setAttribute('hidden', '');\r\n  }\r\n\r\n  questions.forEach(function (btn) {\r\n    btn.addEventListener('click', function () {\r\n      const isExpanded = btn.getAttribute('aria-expanded') === 'true';\r\n\r\n      \/\/ \u4ed6\u306eFAQ\u9805\u76ee\u3092\u3059\u3079\u3066\u9589\u3058\u308b\uff08\u30a2\u30b3\u30fc\u30c7\u30a3\u30aa\u30f3\u52d5\u4f5c\uff09\r\n      questions.forEach(function (otherBtn) {\r\n        if (otherBtn !== btn) {\r\n          closeFaq(otherBtn);\r\n        }\r\n      });\r\n\r\n      \/\/ \u73fe\u5728\u306e\u9805\u76ee\u3092\u30c8\u30b0\u30eb\r\n      if (isExpanded) {\r\n        closeFaq(btn);\r\n      } else {\r\n        openFaq(btn);\r\n      }\r\n    });\r\n  });\r\n})();\r\n\r\n\/* ============================================================\r\n   Contact form\r\n   Submission is handled by Formspree\r\n============================================================ *\/\r\n\/\/ Contact form submission handling is delegated to Formspree.\r\n\/\/ No custom JavaScript is required here.\r\n\/* ============================================================\r\n   \u30a2\u30af\u30c6\u30a3\u30d6\u30ca\u30d3\u30b2\u30fc\u30b7\u30e7\u30f3: \u30b9\u30af\u30ed\u30fc\u30eb\u4f4d\u7f6e\u306b\u5fdc\u3058\u3066\u30ca\u30d3\u3092\u5f37\u8abf\r\n   \uff08\u88dc\u52a9\u7684\u306a\u6f14\u51fa\u3068\u3057\u3066\u8efd\u91cf\u306b\u5b9f\u88c5\uff09\r\n============================================================ *\/\r\n(function initActiveNav() {\r\n  const sections = qsAll('main section[id]');\r\n  const navLinks = qsAll('.nav-link');\r\n  if (!sections.length || !navLinks.length) return;\r\n\r\n  const header = qs('#site-header');\r\n\r\n  function updateActiveNav() {\r\n    const scrollY = window.scrollY;\r\n    const headerH = header ? header.offsetHeight : 0;\r\n\r\n    let currentId = '';\r\n\r\n    sections.forEach(function (section) {\r\n      const sectionTop = section.offsetTop - headerH - 80;\r\n      if (scrollY >= sectionTop) {\r\n        currentId = section.id;\r\n      }\r\n    });\r\n\r\n    navLinks.forEach(function (link) {\r\n      const href = link.getAttribute('href');\r\n      if (href === '#' + currentId) {\r\n        link.style.color = 'var(--color-text-primary)';\r\n      } else {\r\n        link.style.color = '';\r\n      }\r\n    });\r\n  }\r\n\r\n  window.addEventListener('scroll', updateActiveNav, { passive: true });\r\n  updateActiveNav();\r\n})();\r\n<\/script>\r\n<script defer src=\"https:\/\/static.cloudflareinsights.com\/beacon.min.js\/v4513226cdae34746b4dedf0b4dfa099e1781791509496\" integrity=\"sha512-ZE9pZaUXND66v380QUtch\/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==\" data-cf-beacon='{\"version\":\"2024.11.0\",\"token\":\"4edd5f8ec12a48cfa682ab8261b80a79\",\"server_timing\":{\"name\":{\"cfCacheStatus\":true,\"cfEdge\":true,\"cfExtPri\":true,\"cfL4\":true,\"cfOrigin\":true,\"cfSpeedBrain\":true},\"location_startswith\":null}}' crossorigin=\"anonymous\"><\/script><\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>N NextSageAI Talk to Us Talk to Us Enterprise AI Integration Don&#8217;t let AI adoption stop at consideration [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-34093","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nextsageai.com\/info\/wp-json\/wp\/v2\/pages\/34093","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nextsageai.com\/info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nextsageai.com\/info\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nextsageai.com\/info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nextsageai.com\/info\/wp-json\/wp\/v2\/comments?post=34093"}],"version-history":[{"count":4,"href":"https:\/\/nextsageai.com\/info\/wp-json\/wp\/v2\/pages\/34093\/revisions"}],"predecessor-version":[{"id":34161,"href":"https:\/\/nextsageai.com\/info\/wp-json\/wp\/v2\/pages\/34093\/revisions\/34161"}],"wp:attachment":[{"href":"https:\/\/nextsageai.com\/info\/wp-json\/wp\/v2\/media?parent=34093"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}