{"id":74,"date":"2026-08-10T06:02:44","date_gmt":"2026-08-09T21:02:44","guid":{"rendered":"http:\/\/www.globalsalvage.net\/hypno\/?page_id=74"},"modified":"2026-08-10T22:00:28","modified_gmt":"2026-08-10T13:00:28","slug":"flow","status":"publish","type":"page","link":"https:\/\/www.globalsalvage.net\/hypno\/flow\/","title":{"rendered":"\u3054\u4f9d\u983c\u306e\u6d41\u308c"},"content":{"rendered":"\n<div class=\"wp-block-group hc-page hc-flow-page is-layout-constrained wp-block-group-is-layout-constrained\">\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   HYPNO CODE\n   FLOW PAGE\n   COMPLETE STANDALONE CSS\n\n   Outer group:\n   hc-page hc-flow-page\n\n   Prefix:\n   hcf-\n========================================================= *\/\n\n\n\/* =========================================================\n   ROOT \/ RESET\n========================================================= *\/\n\n.hc-flow-page {\n  --hcf-bg: #0b0d10;\n  --hcf-bg2: #101419;\n  --hcf-panel: #151a20;\n  --hcf-black: #07090b;\n\n  --hcf-white: #f3f4f6;\n  --hcf-silver: #a6adb7;\n  --hcf-text: #c0c7cf;\n  --hcf-muted: #929ba5;\n\n  --hcf-red: #8f1d22;\n  --hcf-red2: #b32a31;\n\n  --hcf-line: rgba(255,255,255,.12);\n\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  background: #0b0d10 !important;\n  color: #f3f4f6 !important;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    \"Noto Sans JP\",\n    \"Hiragino Kaku Gothic ProN\",\n    \"Yu Gothic\",\n    sans-serif;\n\n  line-height: 1.9;\n  letter-spacing: .02em;\n\n  overflow: hidden;\n}\n\n\n.hc-flow-page,\n.hc-flow-page *,\n.hc-flow-page *::before,\n.hc-flow-page *::after {\n  box-sizing: border-box;\n}\n\n\n.hc-flow-page section,\n.hc-flow-page div,\n.hc-flow-page article,\n.hc-flow-page aside {\n  min-width: 0;\n}\n\n\n.hc-flow-page img {\n  display: block !important;\n\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n\n.hc-flow-page a {\n  text-decoration: none;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.hc-flow-page .hcf-container {\n  width: 100%;\n  max-width: 1280px;\n\n  margin-left: auto;\n  margin-right: auto;\n\n  padding-left: clamp(36px, 4.5vw, 68px);\n  padding-right: clamp(36px, 4.5vw, 68px);\n}\n\n\n.hc-flow-page .hcf-container--narrow {\n  max-width: 980px;\n}\n\n\n\/* =========================================================\n   COMMON\n========================================================= *\/\n\n.hc-flow-page .hcf-section {\n  position: relative;\n\n  padding-top: 110px;\n  padding-bottom: 110px;\n}\n\n\n.hc-flow-page .hcf-eyebrow {\n  margin: 0 0 22px !important;\n\n  color: #b32a31 !important;\n\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  line-height: 1.5 !important;\n  letter-spacing: .22em !important;\n}\n\n\n.hc-flow-page .hcf-title {\n  margin: 0 0 38px !important;\n\n  color: #f3f4f6 !important;\n\n  font-size: clamp(36px,4.4vw,62px) !important;\n  font-weight: 500 !important;\n  line-height: 1.27 !important;\n  letter-spacing: -.035em !important;\n}\n\n\n.hc-flow-page .hcf-title span {\n  color: #a6adb7 !important;\n}\n\n\n.hc-flow-page .hcf-copy {\n  color: #c0c7cf !important;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n.hc-flow-page .hcf-copy p {\n  margin: 0 0 1.55em !important;\n\n  color: #c0c7cf !important;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.hc-flow-page .hcf-hero {\n  position: relative;\n\n  display: flex;\n  align-items: flex-end;\n\n  min-height: 720px;\n\n  overflow: hidden;\n\n  background: #07090b;\n}\n\n\n.hc-flow-page .hcf-hero__media {\n  position: absolute;\n\n  inset: 0;\n  z-index: 0;\n}\n\n\n.hc-flow-page .hcf-hero__media img {\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n\n.hc-flow-page .hcf-hero__overlay {\n  position: absolute;\n\n  inset: 0;\n  z-index: 1;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(7,9,11,.98) 0%,\n      rgba(7,9,11,.91) 40%,\n      rgba(7,9,11,.54) 70%,\n      rgba(7,9,11,.18) 100%\n    ),\n    linear-gradient(\n      0deg,\n      rgba(7,9,11,.95),\n      rgba(7,9,11,.08) 70%\n    );\n}\n\n\n.hc-flow-page .hcf-hero__inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n\n  padding-top: 150px;\n  padding-bottom: 85px;\n}\n\n\n.hc-flow-page .hcf-hero__content {\n  max-width: 880px;\n\n  padding-left: clamp(10px,1.5vw,24px);\n}\n\n\n.hc-flow-page .hcf-hero__title {\n  margin: 0 !important;\n\n  color: #f3f4f6 !important;\n\n  font-size: clamp(43px,5.3vw,74px) !important;\n  font-weight: 500 !important;\n  line-height: 1.21 !important;\n  letter-spacing: -.045em !important;\n}\n\n\n.hc-flow-page .hcf-hero__title span {\n  color: #a6adb7 !important;\n}\n\n\n.hc-flow-page .hcf-hero__lead {\n  max-width: 720px;\n\n  margin: 30px 0 0 !important;\n\n  color: #d0d5da !important;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n.hc-flow-page .hcf-meta {\n  display: flex;\n  flex-wrap: wrap;\n\n  gap: 8px 24px;\n\n  margin-top: 42px;\n}\n\n\n.hc-flow-page .hcf-meta span {\n  color: #7f8892 !important;\n\n  font: 9px monospace;\n  letter-spacing: .13em;\n}\n\n\n.hc-flow-page .hcf-meta span::before {\n  content: \"\";\n\n  display: inline-block;\n\n  width: 5px;\n  height: 5px;\n\n  margin-right: 8px;\n\n  background: #8f1d22;\n}\n\n\n\/* =========================================================\n   OVERVIEW\n========================================================= *\/\n\n.hc-flow-page .hcf-overview {\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(143,29,34,.09),\n      transparent 34%\n    ),\n    #0b0d10;\n}\n\n\n.hc-flow-page .hcf-heading {\n  max-width: 830px;\n\n  margin-bottom: 50px;\n}\n\n\n.hc-flow-page .hcf-heading__lead {\n  margin: -15px 0 0 !important;\n\n  color: #9fa8b1 !important;\n\n  font-size: 14px;\n}\n\n\n.hc-flow-page .hcf-overview-grid {\n  display: grid;\n\n  grid-template-columns: repeat(5,minmax(0,1fr));\n\n  border-top: 1px solid var(--hcf-line);\n  border-left: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-overview-card {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  min-height: 225px;\n\n  padding: 28px 24px;\n\n  border-right: 1px solid var(--hcf-line);\n  border-bottom: 1px solid var(--hcf-line);\n\n  background: rgba(255,255,255,.012);\n\n  color: #f3f4f6 !important;\n}\n\n\n.hc-flow-page .hcf-overview-card > span {\n  color: #b32a31 !important;\n\n  font: 700 9px monospace;\n}\n\n\n.hc-flow-page .hcf-overview-card > strong {\n  margin-top: 48px;\n\n  color: #f3f4f6 !important;\n\n  font-size: 18px;\n  font-weight: 500;\n}\n\n\n.hc-flow-page .hcf-overview-card > small {\n  margin-top: 5px;\n\n  color: #939ca6 !important;\n\n  font-size: 11px;\n}\n\n\n.hc-flow-page .hcf-overview-card > b {\n  position: absolute;\n\n  right: 20px;\n  bottom: 15px;\n\n  color: #343b43 !important;\n\n  font-size: 38px;\n  font-weight: 500;\n}\n\n\n\/* =========================================================\n   PHASE COMMON\n========================================================= *\/\n\n.hc-flow-page .hcf-phase {\n  scroll-margin-top: 90px;\n\n  background: #101419;\n}\n\n\n.hc-flow-page .hcf-phase--alt {\n  background: #090c0f;\n}\n\n\n.hc-flow-page .hcf-phase__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,430px);\n\n  gap: 60px;\n\n  align-items: end;\n\n  padding-bottom: 42px;\n\n  border-bottom: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-phase__number {\n  display: block;\n\n  margin-bottom: 18px;\n\n  color: #b32a31 !important;\n\n  font: 700 10px monospace;\n}\n\n\n.hc-flow-page .hcf-phase__header h2 {\n  margin: 0 !important;\n\n  color: #f3f4f6 !important;\n\n  font-size: clamp(42px,5vw,68px) !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  letter-spacing: -.035em !important;\n}\n\n\n.hc-flow-page .hcf-phase__header h2 small {\n  display: block;\n\n  margin-top: 17px;\n\n  color: #949da6 !important;\n\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n\n\n.hc-flow-page .hcf-phase__catch {\n  margin: 0 !important;\n\n  padding-left: 18px;\n\n  color: #abb3bc !important;\n\n  font-size: 20px;\n  line-height: 1.7;\n}\n\n\n.hc-flow-page .hcf-phase__catch strong {\n  color: #f3f4f6 !important;\n\n  font-weight: 500;\n}\n\n\n.hc-flow-page .hcf-phase__grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    390px;\n\n  gap: 75px;\n\n  padding-top: 58px;\n}\n\n\n.hc-flow-page .hcf-phase__copy {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n\n\n.hc-flow-page .hcf-phase__copy p {\n  max-width: 720px;\n\n  margin: 0 0 1.55em !important;\n\n  color: #bbc2c9 !important;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   INFO BOX\n========================================================= *\/\n\n.hc-flow-page .hcf-info-box {\n  padding: 27px;\n\n  border: 1px solid var(--hcf-line);\n\n  background: rgba(255,255,255,.018);\n}\n\n\n.hc-flow-page .hcf-info-box__label {\n  margin: 0 0 5px !important;\n\n  color: #b32a31 !important;\n\n  font: 700 9px monospace;\n}\n\n\n.hc-flow-page .hcf-info-box h3 {\n  margin: 0 0 18px !important;\n\n  color: #f3f4f6 !important;\n\n  font-size: 16px !important;\n  font-weight: 500 !important;\n}\n\n\n.hc-flow-page .hcf-info-box ul {\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n\n.hc-flow-page .hcf-info-box li {\n  position: relative;\n\n  padding: 9px 2px 9px 19px;\n\n  border-top: 1px solid rgba(255,255,255,.10);\n\n  color: #adb5bd !important;\n\n  font-size: 12px;\n}\n\n\n.hc-flow-page .hcf-info-box li::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 2px;\n  top: 18px;\n\n  width: 5px;\n  height: 5px;\n\n  background: #8f1d22;\n}\n\n\n\/* =========================================================\n   VISUAL GRIDS\n========================================================= *\/\n\n.hc-flow-page .hcf-analysis-visual,\n.hc-flow-page .hcf-kit {\n  background: #11151a;\n}\n\n\n.hc-flow-page .hcf-visual-grid,\n.hc-flow-page .hcf-kit__grid,\n.hc-flow-page .hcf-usage__grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.05fr)\n    minmax(0,.95fr);\n\n  gap: clamp(58px,7vw,92px);\n\n  align-items: center;\n}\n\n\n.hc-flow-page .hcf-visual-grid__image,\n.hc-flow-page .hcf-kit__image,\n.hc-flow-page .hcf-usage__image {\n  position: relative;\n}\n\n\n.hc-flow-page .hcf-visual-grid__image img,\n.hc-flow-page .hcf-kit__image img,\n.hc-flow-page .hcf-usage__image img {\n  aspect-ratio: 3 \/ 2;\n\n  object-fit: cover;\n}\n\n\n.hc-flow-page .hcf-visual-grid__image > span,\n.hc-flow-page .hcf-kit__image > span,\n.hc-flow-page .hcf-usage__image > span {\n  position: absolute;\n\n  left: 18px;\n  bottom: 16px;\n\n  padding: 7px 10px;\n\n  background: rgba(5,7,9,.88);\n\n  color: #a4adb6 !important;\n\n  font: 9px monospace;\n}\n\n\n.hc-flow-page .hcf-visual-grid__content,\n.hc-flow-page .hcf-kit__content,\n.hc-flow-page .hcf-usage__content {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n\n\n\/* =========================================================\n   CODE BOX\n========================================================= *\/\n\n.hc-flow-page .hcf-code-box {\n  border: 1px solid var(--hcf-line);\n\n  background: #0b0e12;\n}\n\n\n.hc-flow-page .hcf-code-box__top {\n  display: flex;\n\n  justify-content: space-between;\n\n  gap: 15px;\n\n  padding: 12px 15px;\n\n  border-bottom: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-code-box__top span {\n  color: #8d96a0 !important;\n\n  font: 9px monospace;\n}\n\n\n.hc-flow-page .hcf-code-box dl {\n  margin: 0;\n}\n\n\n.hc-flow-page .hcf-code-box dl > div {\n  display: grid;\n\n  grid-template-columns: 125px minmax(0,1fr);\n\n  border-bottom: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-code-box dl > div:last-child {\n  border-bottom: 0;\n}\n\n\n.hc-flow-page .hcf-code-box dt,\n.hc-flow-page .hcf-code-box dd {\n  margin: 0;\n\n  padding: 13px 15px;\n}\n\n\n.hc-flow-page .hcf-code-box dt {\n  color: #77818b !important;\n\n  font: 9px monospace;\n}\n\n\n.hc-flow-page .hcf-code-box dd {\n  border-left: 1px solid var(--hcf-line);\n\n  color: #f3f4f6 !important;\n\n  font: 11px monospace;\n\n  overflow-wrap: anywhere;\n}\n\n\n\/* =========================================================\n   USAGE\n========================================================= *\/\n\n.hc-flow-page .hcf-usage {\n  background: #090c0f;\n}\n\n\n.hc-flow-page .hcf-usage__grid {\n  grid-template-columns:\n    minmax(0,.95fr)\n    minmax(0,1.05fr);\n}\n\n\n.hc-flow-page .hcf-usage-list {\n  margin-top: 34px;\n\n  border-top: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-usage-list > div {\n  display: grid;\n\n  grid-template-columns: 45px minmax(0,1fr);\n\n  gap: 15px;\n\n  padding: 14px 4px;\n\n  border-bottom: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-usage-list span {\n  color: #b32a31 !important;\n\n  font: 9px monospace;\n}\n\n\n.hc-flow-page .hcf-usage-list strong {\n  color: #f3f4f6 !important;\n\n  font: 11px monospace;\n}\n\n\n\/* =========================================================\n   BEFORE REQUEST\n========================================================= *\/\n\n.hc-flow-page .hcf-before {\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(143,29,34,.09),\n      transparent 35%\n    ),\n    #0b0d10;\n}\n\n\n.hc-flow-page .hcf-before-list {\n  margin-top: 45px;\n\n  border-top: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-before-list > div {\n  display: grid;\n\n  grid-template-columns: 60px minmax(0,1fr);\n\n  gap: 20px;\n\n  padding: 22px 5px;\n\n  border-bottom: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-before-list > div > span {\n  color: #b32a31 !important;\n\n  font: 700 10px monospace;\n}\n\n\n.hc-flow-page .hcf-before-list strong {\n  color: #f3f4f6 !important;\n\n  font-size: 15px;\n}\n\n\n.hc-flow-page .hcf-before-list p {\n  margin: 6px 0 0 !important;\n\n  color: #9fa8b1 !important;\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   LINKS\n========================================================= *\/\n\n.hc-flow-page .hcf-link {\n  display: inline-flex;\n\n  align-items: center;\n  gap: 14px;\n\n  margin-top: 20px;\n  padding-bottom: 7px;\n\n  border-bottom: 1px solid rgba(255,255,255,.28);\n\n  color: #f3f4f6 !important;\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\n.hc-flow-page .hcf-link span {\n  color: #b32a31 !important;\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.hc-flow-page .hcf-button {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-height: 58px;\n\n  padding: 14px 28px;\n\n  border: 1px solid transparent;\n\n  color: #fff !important;\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\n.hc-flow-page .hcf-button--primary {\n  background: #8f1d22 !important;\n}\n\n\n.hc-flow-page .hcf-button--secondary {\n  border-color: rgba(255,255,255,.28) !important;\n\n  background: rgba(255,255,255,.035) !important;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.hc-flow-page .hcf-final {\n  padding-top: 125px;\n  padding-bottom: 125px;\n\n  background:\n    radial-gradient(\n      circle at 50% 100%,\n      rgba(143,29,34,.18),\n      transparent 42%\n    ),\n    #07090b;\n\n  text-align: center;\n}\n\n\n.hc-flow-page .hcf-final h2 {\n  margin: 0 !important;\n\n  color: #f3f4f6 !important;\n\n  font-size: clamp(41px,5.1vw,68px) !important;\n  font-weight: 500 !important;\n  line-height: 1.29 !important;\n  letter-spacing: -.04em !important;\n}\n\n\n.hc-flow-page .hcf-final h2 span {\n  color: #a6adb7 !important;\n}\n\n\n.hc-flow-page .hcf-final > .hcf-container > p:not(.hcf-eyebrow) {\n  max-width: 720px;\n\n  margin: 30px auto 0 !important;\n\n  color: #acb4bd !important;\n}\n\n\n.hc-flow-page .hcf-actions {\n  display: flex;\n  flex-wrap: wrap;\n\n  justify-content: center;\n\n  gap: 14px;\n\n  margin-top: 37px;\n}\n\n\n.hc-flow-page .hcf-final__code {\n  margin-top: 65px;\n\n  color: #59616a !important;\n\n  font: 9px monospace;\n  letter-spacing: .11em;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n  .hc-flow-page .hcf-container,\n  .hc-flow-page .hcf-container--narrow {\n    padding-left: 28px;\n    padding-right: 28px;\n  }\n\n\n  .hc-flow-page .hcf-overview-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n\n  .hc-flow-page .hcf-phase__header {\n    grid-template-columns: 1fr;\n\n    gap: 28px;\n  }\n\n\n  .hc-flow-page .hcf-phase__catch {\n    max-width: 650px;\n\n    padding-left: 8px;\n  }\n\n\n  .hc-flow-page .hcf-phase__grid {\n    grid-template-columns: 1fr;\n\n    gap: 35px;\n  }\n\n\n  .hc-flow-page .hcf-phase__copy {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n\n\n  .hc-flow-page .hcf-visual-grid,\n  .hc-flow-page .hcf-kit__grid,\n  .hc-flow-page .hcf-usage__grid {\n    grid-template-columns: 1fr;\n\n    gap: 45px;\n  }\n\n\n  .hc-flow-page .hcf-visual-grid__content,\n  .hc-flow-page .hcf-kit__content,\n  .hc-flow-page .hcf-usage__content {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .hc-flow-page .hcf-container,\n  .hc-flow-page .hcf-container--narrow {\n    width: 100%;\n\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n\n  .hc-flow-page .hcf-section {\n    padding-top: 78px;\n    padding-bottom: 78px;\n  }\n\n\n  .hc-flow-page .hcf-title {\n    font-size: clamp(32px,10vw,44px) !important;\n  }\n\n\n  .hc-flow-page .hcf-eyebrow {\n    margin-bottom: 16px !important;\n\n    font-size: 9px !important;\n  }\n\n\n  \/* HERO *\/\n\n  .hc-flow-page .hcf-hero {\n    min-height: 680px;\n  }\n\n\n  .hc-flow-page .hcf-hero__overlay {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(7,9,11,.88) 0%,\n        rgba(7,9,11,.52) 40%,\n        rgba(7,9,11,.97) 100%\n      );\n  }\n\n\n  .hc-flow-page .hcf-hero__inner {\n    padding-top: 120px;\n    padding-bottom: 65px;\n  }\n\n\n  .hc-flow-page .hcf-hero__content {\n    padding-left: 0;\n  }\n\n\n  .hc-flow-page .hcf-hero__title {\n    color: #f3f4f6 !important;\n\n    font-size: clamp(38px,11vw,52px) !important;\n  }\n\n\n  .hc-flow-page .hcf-hero__title span {\n    color: #a6adb7 !important;\n  }\n\n\n  .hc-flow-page .hcf-hero__lead {\n    font-size: 14px;\n  }\n\n\n  \/* OVERVIEW *\/\n\n  .hc-flow-page .hcf-overview-grid {\n    grid-template-columns: 1fr;\n  }\n\n\n  .hc-flow-page .hcf-overview-card {\n    min-height: 150px;\n  }\n\n\n  .hc-flow-page .hcf-overview-card > strong {\n    margin-top: 28px;\n  }\n\n\n  \/* PHASE *\/\n\n  .hc-flow-page .hcf-phase__header h2 {\n    color: #f3f4f6 !important;\n\n    font-size: clamp(38px,12vw,52px) !important;\n  }\n\n\n  .hc-flow-page .hcf-phase__catch {\n    padding-left: 0;\n  }\n\n\n  .hc-flow-page .hcf-phase__grid {\n    padding-top: 40px;\n  }\n\n\n  .hc-flow-page .hcf-phase__copy {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n\n  .hc-flow-page .hcf-phase__copy p {\n    font-size: 14px;\n  }\n\n\n  .hc-flow-page .hcf-info-box {\n    padding: 22px;\n  }\n\n\n  \/* VISUAL *\/\n\n  .hc-flow-page .hcf-visual-grid__content,\n  .hc-flow-page .hcf-kit__content,\n  .hc-flow-page .hcf-usage__content {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n\n  \/* CODE *\/\n\n  .hc-flow-page .hcf-code-box dl > div {\n    grid-template-columns: 100px minmax(0,1fr);\n  }\n\n\n  \/* BEFORE *\/\n\n  .hc-flow-page .hcf-before-list > div {\n    grid-template-columns: 45px minmax(0,1fr);\n\n    gap: 12px;\n  }\n\n\n  \/* FINAL *\/\n\n  .hc-flow-page .hcf-final {\n    padding-top: 90px;\n    padding-bottom: 90px;\n  }\n\n\n  .hc-flow-page .hcf-final h2 {\n    color: #f3f4f6 !important;\n\n    font-size: clamp(37px,11vw,52px) !important;\n  }\n\n\n  .hc-flow-page .hcf-actions {\n    display: grid;\n  }\n\n\n  .hc-flow-page .hcf-button {\n    width: 100%;\n  }\n\n}\n\n\n\/* =========================================================\n   HYPNO CODE\n   FLOW PAGE\n   COMPLETE STANDALONE CSS\n\n   Outer group:\n   hc-page hc-flow-page\n\n   Prefix:\n   hcf-\n========================================================= *\/\n\n\n\/* =========================================================\n   ROOT \/ RESET\n========================================================= *\/\n\n.hc-flow-page {\n  --hcf-bg: #0b0d10;\n  --hcf-bg2: #101419;\n  --hcf-panel: #151a20;\n  --hcf-black: #07090b;\n\n  --hcf-white: #f3f4f6;\n  --hcf-silver: #a6adb7;\n  --hcf-text: #c0c7cf;\n  --hcf-muted: #929ba5;\n\n  --hcf-red: #8f1d22;\n  --hcf-red2: #b32a31;\n\n  --hcf-line: rgba(255,255,255,.12);\n\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n  padding: 0 !important;\n\n  background: #0b0d10 !important;\n  color: #f3f4f6 !important;\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    \"Noto Sans JP\",\n    \"Hiragino Kaku Gothic ProN\",\n    \"Yu Gothic\",\n    sans-serif;\n\n  line-height: 1.9;\n  letter-spacing: .02em;\n\n  overflow: hidden;\n}\n\n\n.hc-flow-page,\n.hc-flow-page *,\n.hc-flow-page *::before,\n.hc-flow-page *::after {\n  box-sizing: border-box;\n}\n\n\n.hc-flow-page section,\n.hc-flow-page div,\n.hc-flow-page article,\n.hc-flow-page aside {\n  min-width: 0;\n}\n\n\n.hc-flow-page img {\n  display: block !important;\n\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n\n.hc-flow-page a {\n  text-decoration: none;\n}\n\n\n\/* =========================================================\n   CONTAINER\n========================================================= *\/\n\n.hc-flow-page .hcf-container {\n  width: 100%;\n  max-width: 1280px;\n\n  margin-left: auto;\n  margin-right: auto;\n\n  padding-left: clamp(36px, 4.5vw, 68px);\n  padding-right: clamp(36px, 4.5vw, 68px);\n}\n\n\n.hc-flow-page .hcf-container--narrow {\n  max-width: 980px;\n}\n\n\n\/* =========================================================\n   COMMON\n========================================================= *\/\n\n.hc-flow-page .hcf-section {\n  position: relative;\n\n  padding-top: 110px;\n  padding-bottom: 110px;\n}\n\n\n.hc-flow-page .hcf-eyebrow {\n  margin: 0 0 22px !important;\n\n  color: #b32a31 !important;\n\n  font-size: 10px !important;\n  font-weight: 700 !important;\n  line-height: 1.5 !important;\n  letter-spacing: .22em !important;\n}\n\n\n.hc-flow-page .hcf-title {\n  margin: 0 0 38px !important;\n\n  color: #f3f4f6 !important;\n\n  font-size: clamp(36px,4.4vw,62px) !important;\n  font-weight: 500 !important;\n  line-height: 1.27 !important;\n  letter-spacing: -.035em !important;\n}\n\n\n.hc-flow-page .hcf-title span {\n  color: #a6adb7 !important;\n}\n\n\n.hc-flow-page .hcf-copy {\n  color: #c0c7cf !important;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n.hc-flow-page .hcf-copy p {\n  margin: 0 0 1.55em !important;\n\n  color: #c0c7cf !important;\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.hc-flow-page .hcf-hero {\n  position: relative;\n\n  display: flex;\n  align-items: flex-end;\n\n  min-height: 720px;\n\n  overflow: hidden;\n\n  background: #07090b;\n}\n\n\n.hc-flow-page .hcf-hero__media {\n  position: absolute;\n\n  inset: 0;\n  z-index: 0;\n}\n\n\n.hc-flow-page .hcf-hero__media img {\n  width: 100% !important;\n  height: 100% !important;\n\n  max-width: none !important;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n\n.hc-flow-page .hcf-hero__overlay {\n  position: absolute;\n\n  inset: 0;\n  z-index: 1;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(7,9,11,.98) 0%,\n      rgba(7,9,11,.91) 40%,\n      rgba(7,9,11,.54) 70%,\n      rgba(7,9,11,.18) 100%\n    ),\n    linear-gradient(\n      0deg,\n      rgba(7,9,11,.95),\n      rgba(7,9,11,.08) 70%\n    );\n}\n\n\n.hc-flow-page .hcf-hero__inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n\n  padding-top: 150px;\n  padding-bottom: 85px;\n}\n\n\n.hc-flow-page .hcf-hero__content {\n  max-width: 880px;\n\n  padding-left: clamp(10px,1.5vw,24px);\n}\n\n\n.hc-flow-page .hcf-hero__title {\n  margin: 0 !important;\n\n  color: #f3f4f6 !important;\n\n  font-size: clamp(43px,5.3vw,74px) !important;\n  font-weight: 500 !important;\n  line-height: 1.21 !important;\n  letter-spacing: -.045em !important;\n}\n\n\n.hc-flow-page .hcf-hero__title span {\n  color: #a6adb7 !important;\n}\n\n\n.hc-flow-page .hcf-hero__lead {\n  max-width: 720px;\n\n  margin: 30px 0 0 !important;\n\n  color: #d0d5da !important;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n.hc-flow-page .hcf-meta {\n  display: flex;\n  flex-wrap: wrap;\n\n  gap: 8px 24px;\n\n  margin-top: 42px;\n}\n\n\n.hc-flow-page .hcf-meta span {\n  color: #7f8892 !important;\n\n  font: 9px monospace;\n  letter-spacing: .13em;\n}\n\n\n.hc-flow-page .hcf-meta span::before {\n  content: \"\";\n\n  display: inline-block;\n\n  width: 5px;\n  height: 5px;\n\n  margin-right: 8px;\n\n  background: #8f1d22;\n}\n\n\n\/* =========================================================\n   OVERVIEW\n========================================================= *\/\n\n.hc-flow-page .hcf-overview {\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(143,29,34,.09),\n      transparent 34%\n    ),\n    #0b0d10;\n}\n\n\n.hc-flow-page .hcf-heading {\n  max-width: 830px;\n\n  margin-bottom: 50px;\n}\n\n\n.hc-flow-page .hcf-heading__lead {\n  margin: -15px 0 0 !important;\n\n  color: #9fa8b1 !important;\n\n  font-size: 14px;\n}\n\n\n.hc-flow-page .hcf-overview-grid {\n  display: grid;\n\n  grid-template-columns: repeat(5,minmax(0,1fr));\n\n  border-top: 1px solid var(--hcf-line);\n  border-left: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-overview-card {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  min-height: 225px;\n\n  padding: 28px 24px;\n\n  border-right: 1px solid var(--hcf-line);\n  border-bottom: 1px solid var(--hcf-line);\n\n  background: rgba(255,255,255,.012);\n\n  color: #f3f4f6 !important;\n}\n\n\n.hc-flow-page .hcf-overview-card > span {\n  color: #b32a31 !important;\n\n  font: 700 9px monospace;\n}\n\n\n.hc-flow-page .hcf-overview-card > strong {\n  margin-top: 48px;\n\n  color: #f3f4f6 !important;\n\n  font-size: 18px;\n  font-weight: 500;\n}\n\n\n.hc-flow-page .hcf-overview-card > small {\n  margin-top: 5px;\n\n  color: #939ca6 !important;\n\n  font-size: 11px;\n}\n\n\n.hc-flow-page .hcf-overview-card > b {\n  position: absolute;\n\n  right: 20px;\n  bottom: 15px;\n\n  color: #343b43 !important;\n\n  font-size: 38px;\n  font-weight: 500;\n}\n\n\n\/* =========================================================\n   PHASE COMMON\n========================================================= *\/\n\n.hc-flow-page .hcf-phase {\n  scroll-margin-top: 90px;\n\n  background: #101419;\n}\n\n\n.hc-flow-page .hcf-phase--alt {\n  background: #090c0f;\n}\n\n\n.hc-flow-page .hcf-phase__header {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(320px,430px);\n\n  gap: 60px;\n\n  align-items: end;\n\n  padding-bottom: 42px;\n\n  border-bottom: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-phase__number {\n  display: block;\n\n  margin-bottom: 18px;\n\n  color: #b32a31 !important;\n\n  font: 700 10px monospace;\n}\n\n\n.hc-flow-page .hcf-phase__header h2 {\n  margin: 0 !important;\n\n  color: #f3f4f6 !important;\n\n  font-size: clamp(42px,5vw,68px) !important;\n  font-weight: 500 !important;\n  line-height: 1 !important;\n  letter-spacing: -.035em !important;\n}\n\n\n.hc-flow-page .hcf-phase__header h2 small {\n  display: block;\n\n  margin-top: 17px;\n\n  color: #949da6 !important;\n\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n\n\n.hc-flow-page .hcf-phase__catch {\n  margin: 0 !important;\n\n  padding-left: 18px;\n\n  color: #abb3bc !important;\n\n  font-size: 20px;\n  line-height: 1.7;\n}\n\n\n.hc-flow-page .hcf-phase__catch strong {\n  color: #f3f4f6 !important;\n\n  font-weight: 500;\n}\n\n\n.hc-flow-page .hcf-phase__grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    390px;\n\n  gap: 75px;\n\n  padding-top: 58px;\n}\n\n\n.hc-flow-page .hcf-phase__copy {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n\n\n.hc-flow-page .hcf-phase__copy p {\n  max-width: 720px;\n\n  margin: 0 0 1.55em !important;\n\n  color: #bbc2c9 !important;\n\n  font-size: 16px;\n  line-height: 2;\n}\n\n\n\/* =========================================================\n   INFO BOX\n========================================================= *\/\n\n.hc-flow-page .hcf-info-box {\n  padding: 27px;\n\n  border: 1px solid var(--hcf-line);\n\n  background: rgba(255,255,255,.018);\n}\n\n\n.hc-flow-page .hcf-info-box__label {\n  margin: 0 0 5px !important;\n\n  color: #b32a31 !important;\n\n  font: 700 9px monospace;\n}\n\n\n.hc-flow-page .hcf-info-box h3 {\n  margin: 0 0 18px !important;\n\n  color: #f3f4f6 !important;\n\n  font-size: 16px !important;\n  font-weight: 500 !important;\n}\n\n\n.hc-flow-page .hcf-info-box ul {\n  margin: 0;\n  padding: 0;\n\n  list-style: none;\n}\n\n\n.hc-flow-page .hcf-info-box li {\n  position: relative;\n\n  padding: 9px 2px 9px 19px;\n\n  border-top: 1px solid rgba(255,255,255,.10);\n\n  color: #adb5bd !important;\n\n  font-size: 12px;\n}\n\n\n.hc-flow-page .hcf-info-box li::before {\n  content: \"\";\n\n  position: absolute;\n\n  left: 2px;\n  top: 18px;\n\n  width: 5px;\n  height: 5px;\n\n  background: #8f1d22;\n}\n\n\n\/* =========================================================\n   VISUAL GRIDS\n========================================================= *\/\n\n.hc-flow-page .hcf-analysis-visual,\n.hc-flow-page .hcf-kit {\n  background: #11151a;\n}\n\n\n.hc-flow-page .hcf-visual-grid,\n.hc-flow-page .hcf-kit__grid,\n.hc-flow-page .hcf-usage__grid {\n  display: grid;\n\n  grid-template-columns:\n    minmax(0,1.05fr)\n    minmax(0,.95fr);\n\n  gap: clamp(58px,7vw,92px);\n\n  align-items: center;\n}\n\n\n.hc-flow-page .hcf-visual-grid__image,\n.hc-flow-page .hcf-kit__image,\n.hc-flow-page .hcf-usage__image {\n  position: relative;\n}\n\n\n.hc-flow-page .hcf-visual-grid__image img,\n.hc-flow-page .hcf-kit__image img,\n.hc-flow-page .hcf-usage__image img {\n  aspect-ratio: 3 \/ 2;\n\n  object-fit: cover;\n}\n\n\n.hc-flow-page .hcf-visual-grid__image > span,\n.hc-flow-page .hcf-kit__image > span,\n.hc-flow-page .hcf-usage__image > span {\n  position: absolute;\n\n  left: 18px;\n  bottom: 16px;\n\n  padding: 7px 10px;\n\n  background: rgba(5,7,9,.88);\n\n  color: #a4adb6 !important;\n\n  font: 9px monospace;\n}\n\n\n.hc-flow-page .hcf-visual-grid__content,\n.hc-flow-page .hcf-kit__content,\n.hc-flow-page .hcf-usage__content {\n  padding-left: 12px;\n  padding-right: 12px;\n}\n\n\n\/* =========================================================\n   CODE BOX\n========================================================= *\/\n\n.hc-flow-page .hcf-code-box {\n  border: 1px solid var(--hcf-line);\n\n  background: #0b0e12;\n}\n\n\n.hc-flow-page .hcf-code-box__top {\n  display: flex;\n\n  justify-content: space-between;\n\n  gap: 15px;\n\n  padding: 12px 15px;\n\n  border-bottom: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-code-box__top span {\n  color: #8d96a0 !important;\n\n  font: 9px monospace;\n}\n\n\n.hc-flow-page .hcf-code-box dl {\n  margin: 0;\n}\n\n\n.hc-flow-page .hcf-code-box dl > div {\n  display: grid;\n\n  grid-template-columns: 125px minmax(0,1fr);\n\n  border-bottom: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-code-box dl > div:last-child {\n  border-bottom: 0;\n}\n\n\n.hc-flow-page .hcf-code-box dt,\n.hc-flow-page .hcf-code-box dd {\n  margin: 0;\n\n  padding: 13px 15px;\n}\n\n\n.hc-flow-page .hcf-code-box dt {\n  color: #77818b !important;\n\n  font: 9px monospace;\n}\n\n\n.hc-flow-page .hcf-code-box dd {\n  border-left: 1px solid var(--hcf-line);\n\n  color: #f3f4f6 !important;\n\n  font: 11px monospace;\n\n  overflow-wrap: anywhere;\n}\n\n\n\/* =========================================================\n   USAGE\n========================================================= *\/\n\n.hc-flow-page .hcf-usage {\n  background: #090c0f;\n}\n\n\n.hc-flow-page .hcf-usage__grid {\n  grid-template-columns:\n    minmax(0,.95fr)\n    minmax(0,1.05fr);\n}\n\n\n.hc-flow-page .hcf-usage-list {\n  margin-top: 34px;\n\n  border-top: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-usage-list > div {\n  display: grid;\n\n  grid-template-columns: 45px minmax(0,1fr);\n\n  gap: 15px;\n\n  padding: 14px 4px;\n\n  border-bottom: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-usage-list span {\n  color: #b32a31 !important;\n\n  font: 9px monospace;\n}\n\n\n.hc-flow-page .hcf-usage-list strong {\n  color: #f3f4f6 !important;\n\n  font: 11px monospace;\n}\n\n\n\/* =========================================================\n   BEFORE REQUEST\n========================================================= *\/\n\n.hc-flow-page .hcf-before {\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(143,29,34,.09),\n      transparent 35%\n    ),\n    #0b0d10;\n}\n\n\n.hc-flow-page .hcf-before-list {\n  margin-top: 45px;\n\n  border-top: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-before-list > div {\n  display: grid;\n\n  grid-template-columns: 60px minmax(0,1fr);\n\n  gap: 20px;\n\n  padding: 22px 5px;\n\n  border-bottom: 1px solid var(--hcf-line);\n}\n\n\n.hc-flow-page .hcf-before-list > div > span {\n  color: #b32a31 !important;\n\n  font: 700 10px monospace;\n}\n\n\n.hc-flow-page .hcf-before-list strong {\n  color: #f3f4f6 !important;\n\n  font-size: 15px;\n}\n\n\n.hc-flow-page .hcf-before-list p {\n  margin: 6px 0 0 !important;\n\n  color: #9fa8b1 !important;\n\n  font-size: 13px;\n}\n\n\n\/* =========================================================\n   LINKS\n========================================================= *\/\n\n.hc-flow-page .hcf-link {\n  display: inline-flex;\n\n  align-items: center;\n  gap: 14px;\n\n  margin-top: 20px;\n  padding-bottom: 7px;\n\n  border-bottom: 1px solid rgba(255,255,255,.28);\n\n  color: #f3f4f6 !important;\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\n.hc-flow-page .hcf-link span {\n  color: #b32a31 !important;\n}\n\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n.hc-flow-page .hcf-button {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  min-height: 58px;\n\n  padding: 14px 28px;\n\n  border: 1px solid transparent;\n\n  color: #fff !important;\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\n.hc-flow-page .hcf-button--primary {\n  background: #8f1d22 !important;\n}\n\n\n.hc-flow-page .hcf-button--secondary {\n  border-color: rgba(255,255,255,.28) !important;\n\n  background: rgba(255,255,255,.035) !important;\n}\n\n\n\/* =========================================================\n   FINAL CTA\n========================================================= *\/\n\n.hc-flow-page .hcf-final {\n  padding-top: 125px;\n  padding-bottom: 125px;\n\n  background:\n    radial-gradient(\n      circle at 50% 100%,\n      rgba(143,29,34,.18),\n      transparent 42%\n    ),\n    #07090b;\n\n  text-align: center;\n}\n\n\n.hc-flow-page .hcf-final h2 {\n  margin: 0 !important;\n\n  color: #f3f4f6 !important;\n\n  font-size: clamp(41px,5.1vw,68px) !important;\n  font-weight: 500 !important;\n  line-height: 1.29 !important;\n  letter-spacing: -.04em !important;\n}\n\n\n.hc-flow-page .hcf-final h2 span {\n  color: #a6adb7 !important;\n}\n\n\n.hc-flow-page .hcf-final > .hcf-container > p:not(.hcf-eyebrow) {\n  max-width: 720px;\n\n  margin: 30px auto 0 !important;\n\n  color: #acb4bd !important;\n}\n\n\n.hc-flow-page .hcf-actions {\n  display: flex;\n  flex-wrap: wrap;\n\n  justify-content: center;\n\n  gap: 14px;\n\n  margin-top: 37px;\n}\n\n\n.hc-flow-page .hcf-final__code {\n  margin-top: 65px;\n\n  color: #59616a !important;\n\n  font: 9px monospace;\n  letter-spacing: .11em;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1000px) {\n\n  .hc-flow-page .hcf-container,\n  .hc-flow-page .hcf-container--narrow {\n    padding-left: 28px;\n    padding-right: 28px;\n  }\n\n\n  .hc-flow-page .hcf-overview-grid {\n    grid-template-columns: repeat(2,minmax(0,1fr));\n  }\n\n\n  .hc-flow-page .hcf-phase__header {\n    grid-template-columns: 1fr;\n\n    gap: 28px;\n  }\n\n\n  .hc-flow-page .hcf-phase__catch {\n    max-width: 650px;\n\n    padding-left: 8px;\n  }\n\n\n  .hc-flow-page .hcf-phase__grid {\n    grid-template-columns: 1fr;\n\n    gap: 35px;\n  }\n\n\n  .hc-flow-page .hcf-phase__copy {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n\n\n  .hc-flow-page .hcf-visual-grid,\n  .hc-flow-page .hcf-kit__grid,\n  .hc-flow-page .hcf-usage__grid {\n    grid-template-columns: 1fr;\n\n    gap: 45px;\n  }\n\n\n  .hc-flow-page .hcf-visual-grid__content,\n  .hc-flow-page .hcf-kit__content,\n  .hc-flow-page .hcf-usage__content {\n    padding-left: 8px;\n    padding-right: 8px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .hc-flow-page .hcf-container,\n  .hc-flow-page .hcf-container--narrow {\n    width: 100%;\n\n    padding-left: 20px;\n    padding-right: 20px;\n  }\n\n\n  .hc-flow-page .hcf-section {\n    padding-top: 78px;\n    padding-bottom: 78px;\n  }\n\n\n  .hc-flow-page .hcf-title {\n    font-size: clamp(32px,10vw,44px) !important;\n  }\n\n\n  .hc-flow-page .hcf-eyebrow {\n    margin-bottom: 16px !important;\n\n    font-size: 9px !important;\n  }\n\n\n  \/* HERO *\/\n\n  .hc-flow-page .hcf-hero {\n    min-height: 680px;\n  }\n\n\n  .hc-flow-page .hcf-hero__overlay {\n    background:\n      linear-gradient(\n        180deg,\n        rgba(7,9,11,.88) 0%,\n        rgba(7,9,11,.52) 40%,\n        rgba(7,9,11,.97) 100%\n      );\n  }\n\n\n  .hc-flow-page .hcf-hero__inner {\n    padding-top: 120px;\n    padding-bottom: 65px;\n  }\n\n\n  .hc-flow-page .hcf-hero__content {\n    padding-left: 0;\n  }\n\n\n  .hc-flow-page .hcf-hero__title {\n    color: #f3f4f6 !important;\n\n    font-size: clamp(38px,11vw,52px) !important;\n  }\n\n\n  .hc-flow-page .hcf-hero__title span {\n    color: #a6adb7 !important;\n  }\n\n\n  .hc-flow-page .hcf-hero__lead {\n    font-size: 14px;\n  }\n\n\n  \/* OVERVIEW *\/\n\n  .hc-flow-page .hcf-overview-grid {\n    grid-template-columns: 1fr;\n  }\n\n\n  .hc-flow-page .hcf-overview-card {\n    min-height: 150px;\n  }\n\n\n  .hc-flow-page .hcf-overview-card > strong {\n    margin-top: 28px;\n  }\n\n\n  \/* PHASE *\/\n\n  .hc-flow-page .hcf-phase__header h2 {\n    color: #f3f4f6 !important;\n\n    font-size: clamp(38px,12vw,52px) !important;\n  }\n\n\n  .hc-flow-page .hcf-phase__catch {\n    padding-left: 0;\n  }\n\n\n  .hc-flow-page .hcf-phase__grid {\n    padding-top: 40px;\n  }\n\n\n  .hc-flow-page .hcf-phase__copy {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n\n  .hc-flow-page .hcf-phase__copy p {\n    font-size: 14px;\n  }\n\n\n  .hc-flow-page .hcf-info-box {\n    padding: 22px;\n  }\n\n\n  \/* VISUAL *\/\n\n  .hc-flow-page .hcf-visual-grid__content,\n  .hc-flow-page .hcf-kit__content,\n  .hc-flow-page .hcf-usage__content {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n\n  \/* CODE *\/\n\n  .hc-flow-page .hcf-code-box dl > div {\n    grid-template-columns: 100px minmax(0,1fr);\n  }\n\n\n  \/* BEFORE *\/\n\n  .hc-flow-page .hcf-before-list > div {\n    grid-template-columns: 45px minmax(0,1fr);\n\n    gap: 12px;\n  }\n\n\n  \/* FINAL *\/\n\n  .hc-flow-page .hcf-final {\n    padding-top: 90px;\n    padding-bottom: 90px;\n  }\n\n\n  .hc-flow-page .hcf-final h2 {\n    color: #f3f4f6 !important;\n\n    font-size: clamp(37px,11vw,52px) !important;\n  }\n\n\n  .hc-flow-page .hcf-actions {\n    display: grid;\n  }\n\n\n  .hc-flow-page .hcf-button {\n    width: 100%;\n  }\n\n}\n<\/style>\n\n<!-- =====================================================\n HYPNO CODE\n FLOW PAGE \/ COMPLETE STANDALONE\n Prefix: hcf-\n===================================================== -->\n\n\n<!-- HERO -->\n<section class=\"hcf-hero\">\n\n  <div class=\"hcf-hero__media\">\n    <img decoding=\"async\" src=\"\/hypno\/wp-content\/uploads\/2026\/08\/hypno-code-research-lab.webp\" alt=\"HYPNO CODE \u3054\u4f9d\u983c\u306e\u6d41\u308c\" width=\"1536\" height=\"1024\" loading=\"eager\" fetchpriority=\"high\">\n  <\/div>\n\n  <div class=\"hcf-hero__overlay\"><\/div>\n\n  <div class=\"hcf-container hcf-hero__inner\">\n\n    <div class=\"hcf-hero__content\">\n\n      <p class=\"hcf-eyebrow\">\n        PROTOCOL SEQUENCE \/ REQUEST FLOW\n      <\/p>\n\n      <h1 class=\"hcf-hero__title\">\n        \u4f9d\u983c\u304b\u3089\u3001<br>\n        <span>CODE\u306e\u958b\u59cb\u307e\u3067\u3002<\/span>\n      <\/h1>\n\n      <p class=\"hcf-hero__lead\">\n        \u3054\u4f9d\u983c\u5185\u5bb9\u306e\u53d7\u9818\u3001\u89e3\u6790\u3001CODE\u751f\u6210\u3001HYPNO KEY KIT\u306e\u69cb\u6210\u3001\n        \u767a\u9001\u3001\u305d\u3057\u3066\u4f7f\u7528\u958b\u59cb\u307e\u3067\u3002\n        HYPNO CODE\u3067\u306f\u4e00\u3064\u306e\u4f9d\u983c\u30925\u3064\u306ePHASE\u3067\u51e6\u7406\u3057\u307e\u3059\u3002\n      <\/p>\n\n      <div class=\"hcf-meta\">\n        <span>05 PHASES<\/span>\n        <span>PERSONAL ANALYSIS<\/span>\n        <span>PHYSICAL DELIVERY<\/span>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- OVERVIEW -->\n<section class=\"hcf-section hcf-overview\">\n\n  <div class=\"hcf-container\">\n\n    <div class=\"hcf-heading\">\n\n      <p class=\"hcf-eyebrow\">\n        SEQUENCE OVERVIEW\n      <\/p>\n\n      <h2 class=\"hcf-title\">\n        5\u3064\u306ePHASE\n      <\/h2>\n\n      <p class=\"hcf-heading__lead\">\n        \u4f9d\u983c\u60c5\u5831\u3092\u305d\u306e\u307e\u307e\u767a\u9001\u7269\u3078\u5909\u3048\u308b\u306e\u3067\u306f\u306a\u304f\u3001\n        \u89e3\u6790\u3068CODE\u69cb\u6210\u3092\u7d4c\u3066PERSONAL HYPNO KEY KIT\u3092\u4f5c\u6210\u3057\u307e\u3059\u3002\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"hcf-overview-grid\">\n\n      <a href=\"#hcf-phase01\" class=\"hcf-overview-card\">\n        <span>PHASE 01<\/span>\n        <strong>REQUEST<\/strong>\n        <small>\u4f9d\u983c\u60c5\u5831\u306e\u9001\u4fe1<\/small>\n        <b>01<\/b>\n      <\/a>\n\n      <a href=\"#hcf-phase02\" class=\"hcf-overview-card\">\n        <span>PHASE 02<\/span>\n        <strong>ANALYSIS<\/strong>\n        <small>\u72b6\u6cc1\u306e\u89e3\u6790<\/small>\n        <b>02<\/b>\n      <\/a>\n\n      <a href=\"#hcf-phase03\" class=\"hcf-overview-card\">\n        <span>PHASE 03<\/span>\n        <strong>CODING<\/strong>\n        <small>\u500b\u5225CODE\u751f\u6210<\/small>\n        <b>03<\/b>\n      <\/a>\n\n      <a href=\"#hcf-phase04\" class=\"hcf-overview-card\">\n        <span>PHASE 04<\/span>\n        <strong>PACKAGING<\/strong>\n        <small>KIT\u69cb\u6210\u30fb\u767a\u9001<\/small>\n        <b>04<\/b>\n      <\/a>\n\n      <a href=\"#hcf-phase05\" class=\"hcf-overview-card\">\n        <span>PHASE 05<\/span>\n        <strong>ACTIVATION<\/strong>\n        <small>\u53d7\u53d6\u30fb\u4f7f\u7528\u958b\u59cb<\/small>\n        <b>05<\/b>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- PHASE 01 -->\n<section id=\"hcf-phase01\" class=\"hcf-section hcf-phase\">\n\n  <div class=\"hcf-container\">\n\n    <div class=\"hcf-phase__header\">\n\n      <div>\n        <span class=\"hcf-phase__number\">PHASE 01<\/span>\n\n        <h2>\n          REQUEST\n          <small>\u3054\u4f9d\u983c\u5185\u5bb9\u306e\u9001\u4fe1<\/small>\n        <\/h2>\n      <\/div>\n\n      <p class=\"hcf-phase__catch\">\n        \u6700\u521d\u306b\u5fc5\u8981\u306a\u306e\u306f\u3001<br>\n        <strong>\u73fe\u5728\u306e\u72b6\u6cc1\u3067\u3059\u3002<\/strong>\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"hcf-phase__grid\">\n\n      <div class=\"hcf-phase__copy\">\n\n        <p>\n          \u3054\u4f9d\u983c\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u3001\u73fe\u5728\u306e\u72b6\u6cc1\u3001\n          \u5909\u3048\u305f\u3044\u3053\u3068\u3001\u5e0c\u671b\u3059\u308bPROGRAM\u306a\u3069\u3092\u9001\u4fe1\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n\n        <p>\n          \u6587\u7ae0\u3092\u5c02\u9580\u7684\u306b\u307e\u3068\u3081\u308b\u5fc5\u8981\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n          \u73fe\u5728\u8d77\u304d\u3066\u3044\u308b\u3053\u3068\u3068\u3001\u3069\u306e\u3088\u3046\u306a\u72b6\u614b\u3092\u671b\u3093\u3067\u3044\u308b\u304b\u3092\n          \u3067\u304d\u308b\u7bc4\u56f2\u3067\u5177\u4f53\u7684\u306b\u8a18\u8f09\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n\n        <p>\n          PROGRAM\u3084CODE LEVEL\u3092\u5224\u65ad\u3067\u304d\u306a\u3044\u5834\u5408\u306f\u3001\n          \u672a\u78ba\u5b9a\u306e\u307e\u307e\u76f8\u8ac7\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <aside class=\"hcf-info-box\">\n\n        <p class=\"hcf-info-box__label\">\n          REQUEST DATA\n        <\/p>\n\n        <h3>\u4e3b\u306a\u78ba\u8a8d\u9805\u76ee<\/h3>\n\n        <ul>\n          <li>\u73fe\u5728\u306e\u72b6\u6cc1<\/li>\n          <li>\u5909\u3048\u305f\u3044\u3053\u3068<\/li>\n          <li>\u5e0c\u671b\u3059\u308bPROGRAM<\/li>\n          <li>\u5e0c\u671bCODE LEVEL<\/li>\n          <li>\u5bfe\u8c61\u3068\u306a\u308b\u72b6\u6cc1\u30fb\u95a2\u4fc2<\/li>\n          <li>\u767a\u9001\u5148\u60c5\u5831<\/li>\n        <\/ul>\n\n      <\/aside>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- PHASE 02 -->\n<section id=\"hcf-phase02\" class=\"hcf-section hcf-phase hcf-phase--alt\">\n\n  <div class=\"hcf-container\">\n\n    <div class=\"hcf-phase__header\">\n\n      <div>\n        <span class=\"hcf-phase__number\">PHASE 02<\/span>\n\n        <h2>\n          ANALYSIS\n          <small>\u72b6\u6cc1\u89e3\u6790<\/small>\n        <\/h2>\n      <\/div>\n\n      <p class=\"hcf-phase__catch\">\n        \u9858\u3044\u3060\u3051\u3067\u306f\u306a\u304f\u3001<br>\n        <strong>\u505c\u6ede\u306e\u69cb\u9020\u3092\u898b\u308b\u3002<\/strong>\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"hcf-phase__grid\">\n\n      <div class=\"hcf-phase__copy\">\n\n        <p>\n          \u53d7\u9818\u3057\u305f\u5185\u5bb9\u3092\u3082\u3068\u306b\u3001\n          \u76ee\u7684\u3001\u73fe\u5728\u306e\u72b6\u614b\u3001\u7e70\u308a\u8fd4\u3055\u308c\u3066\u3044\u308b\u53cd\u5fdc\u306a\u3069\u3092\u6574\u7406\u3057\u307e\u3059\u3002\n        <\/p>\n\n        <p>\n          \u4f8b\u3048\u3070\u300c\u5fa9\u7e01\u3057\u305f\u3044\u300d\u3068\u3044\u3046\u4e00\u3064\u306e\u4f9d\u983c\u3067\u3082\u3001\n          \u518d\u63a5\u7d9a\u304c\u4e2d\u5fc3\u306a\u306e\u304b\u3001\u57f7\u7740\u304b\u3089\u306e\u89e3\u653e\u304c\u5fc5\u8981\u306a\u306e\u304b\u3001\n          \u81ea\u5206\u81ea\u8eab\u306e\u884c\u52d5\u505c\u6b62\u304c\u4e3b\u306a\u8981\u56e0\u306a\u306e\u304b\u306b\u3088\u3063\u3066\u3001\n          \u9069\u3059\u308bPROGRAM\u306f\u7570\u306a\u308a\u307e\u3059\u3002\n        <\/p>\n\n        <p>\n          DEEP CODE\u4ee5\u4e0a\u3067\u306f\u3001\n          \u3053\u306e\u6574\u7406\u5185\u5bb9\u3092ANALYSIS REPORT\u3068\u3057\u3066\u69cb\u6210\u3057\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <aside class=\"hcf-info-box\">\n\n        <p class=\"hcf-info-box__label\">\n          ANALYSIS ITEMS\n        <\/p>\n\n        <h3>\u89e3\u6790\u3059\u308b\u8981\u7d20<\/h3>\n\n        <ul>\n          <li>CURRENT STATE<\/li>\n          <li>PRIMARY BLOCK<\/li>\n          <li>SECONDARY BLOCK<\/li>\n          <li>PROGRAM MATCH<\/li>\n          <li>CODE LEVEL<\/li>\n        <\/ul>\n\n      <\/aside>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- ANALYSIS VISUAL -->\n<section class=\"hcf-section hcf-analysis-visual\">\n\n  <div class=\"hcf-container\">\n\n    <div class=\"hcf-visual-grid\">\n\n      <div class=\"hcf-visual-grid__image\">\n\n        <img decoding=\"async\" src=\"\/hypno\/wp-content\/uploads\/2026\/08\/hypno-code-research-lab.webp\" alt=\"HYPNO CODE ANALYSIS\" width=\"1536\" height=\"1024\" loading=\"lazy\">\n\n        <span>\n          INTERNAL ANALYSIS \/ DIVISION H-00\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"hcf-visual-grid__content\">\n\n        <p class=\"hcf-eyebrow\">\n          INTERNAL PROCESS\n        <\/p>\n\n        <h2 class=\"hcf-title\">\n          \u4e00\u3064\u306e\u4f9d\u983c\u3092\u3001<br>\n          <span>\u4e00\u3064\u306eCODE\u3078\u7d5e\u308a\u8fbc\u3080\u3002<\/span>\n        <\/h2>\n\n        <div class=\"hcf-copy\">\n          <p>\n            \u8907\u6570\u306e\u5e0c\u671b\u304c\u542b\u307e\u308c\u3066\u3044\u308b\u5834\u5408\u3067\u3082\u3001\n            \u6700\u3082\u4e2d\u5fc3\u3068\u306a\u308b\u76ee\u7684\u3092\u6c7a\u3081\u3066CODE\u3092\u69cb\u6210\u3057\u307e\u3059\u3002\n          <\/p>\n\n          <p>\n            \u72b6\u6cc1\u304c\u8907\u96d1\u306a\u5834\u5408\u306f\u3001\n            PRIVATE CODE\u307e\u305f\u306fBLACK PROTOCOL\u306e\u3088\u3046\u306b\n            \u8907\u6570\u8981\u56e0\u3092\u6271\u3046\u69cb\u6210\u3078\u79fb\u884c\u3057\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n\n        <a href=\"\/hypno\/programs\/\" class=\"hcf-link\">\n          PROGRAM\u3092\u78ba\u8a8d\u3059\u308b\n          <span>\u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- PHASE 03 -->\n<section id=\"hcf-phase03\" class=\"hcf-section hcf-phase\">\n\n  <div class=\"hcf-container\">\n\n    <div class=\"hcf-phase__header\">\n\n      <div>\n        <span class=\"hcf-phase__number\">PHASE 03<\/span>\n\n        <h2>\n          CODING\n          <small>\u500b\u5225CODE\u751f\u6210<\/small>\n        <\/h2>\n      <\/div>\n\n      <p class=\"hcf-phase__catch\">\n        \u89e3\u6790\u7d50\u679c\u3092\u3001<br>\n        <strong>PERSONAL CODE\u3078\u3002<\/strong>\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"hcf-phase__grid\">\n\n      <div class=\"hcf-phase__copy\">\n\n        <p>\n          PROGRAM\u3068CODE LEVEL\u304c\u6c7a\u5b9a\u3059\u308b\u3068\u3001\n          \u500b\u5225\u306eKEY CODE\u3068CODE PHRASE\u3092\u69cb\u6210\u3057\u307e\u3059\u3002\n        <\/p>\n\n        <p>\n          CODE\u306b\u306f\u8b58\u5225\u756a\u53f7\u3060\u3051\u3067\u306a\u304f\u3001\n          PROGRAM\u3001ACTIVE TERM\u3001ACCESS LEVEL\u306a\u3069\u306e\u60c5\u5831\u304c\u542b\u307e\u308c\u307e\u3059\u3002\n        <\/p>\n\n        <p>\n          \u5b8c\u6210\u3057\u305fCODE\u306f\u3001\n          HYPNO KEY\u3068PROTOCOL SHEET\u3078\u53cd\u6620\u3055\u308c\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <aside class=\"hcf-code-box\">\n\n        <div class=\"hcf-code-box__top\">\n          <span>PERSONAL CODE<\/span>\n          <span>ACCESS 02<\/span>\n        <\/div>\n\n        <dl>\n          <div>\n            <dt>PROGRAM<\/dt>\n            <dd>RECONNECT<\/dd>\n          <\/div>\n\n          <div>\n            <dt>KEY CODE<\/dt>\n            <dd>R01-7A9X-44M2<\/dd>\n          <\/div>\n\n          <div>\n            <dt>ACTIVE TERM<\/dt>\n            <dd>21 DAYS<\/dd>\n          <\/div>\n\n          <div>\n            <dt>LEVEL<\/dt>\n            <dd>02<\/dd>\n          <\/div>\n        <\/dl>\n\n      <\/aside>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- PHASE 04 -->\n<section id=\"hcf-phase04\" class=\"hcf-section hcf-phase hcf-phase--alt\">\n\n  <div class=\"hcf-container\">\n\n    <div class=\"hcf-phase__header\">\n\n      <div>\n        <span class=\"hcf-phase__number\">PHASE 04<\/span>\n\n        <h2>\n          PACKAGING\n          <small>KIT\u69cb\u6210\u30fb\u767a\u9001<\/small>\n        <\/h2>\n      <\/div>\n\n      <p class=\"hcf-phase__catch\">\n        CODE\u3092\u3001<br>\n        <strong>\u7269\u7406\u5a92\u4f53\u3078\u5c01\u5165\u3059\u308b\u3002<\/strong>\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"hcf-phase__grid\">\n\n      <div class=\"hcf-phase__copy\">\n\n        <p>\n          \u751f\u6210\u3055\u308c\u305fCODE\u3092\u3082\u3068\u306b\u3001\n          PERSONAL HYPNO KEY KIT\u3092\u69cb\u6210\u3057\u307e\u3059\u3002\n        <\/p>\n\n        <p>\n          HYPNO KEY\u3001PROTOCOL SHEET\u3001\n          CODE PHRASE CARD\u306a\u3069\u3001\n          CODE LEVEL\u306b\u5fdc\u3058\u305f\u5a92\u4f53\u3092\u5c02\u7528\u30d1\u30c3\u30b1\u30fc\u30b8\u3078\u5c01\u5165\u3057\u307e\u3059\u3002\n        <\/p>\n\n        <p>\n          \u5b8c\u6210\u5f8c\u3001\u3054\u4f9d\u983c\u6642\u306b\u6307\u5b9a\u3055\u308c\u305f\u53d7\u53d6\u5148\u3078\u767a\u9001\u3057\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <aside class=\"hcf-info-box\">\n\n        <p class=\"hcf-info-box__label\">\n          BASIC KIT\n        <\/p>\n\n        <h3>\u4e3b\u306a\u767a\u9001\u7269<\/h3>\n\n        <ul>\n          <li>HYPNO KEY<\/li>\n          <li>PROTOCOL SHEET<\/li>\n          <li>CODE PHRASE CARD<\/li>\n          <li>ANALYSIS REPORT<\/li>\n          <li>ACCESS CARD<\/li>\n          <li>SIGNAL SEAL<\/li>\n        <\/ul>\n\n      <\/aside>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- KIT VISUAL -->\n<section class=\"hcf-section hcf-kit\">\n\n  <div class=\"hcf-container\">\n\n    <div class=\"hcf-kit__grid\">\n\n      <div class=\"hcf-kit__image\">\n\n        <img decoding=\"async\" src=\"\/hypno\/wp-content\/uploads\/2026\/08\/hypno-code-personal-key-kit.webp\" alt=\"PERSONAL HYPNO KEY KIT\" width=\"1536\" height=\"1024\" loading=\"lazy\">\n\n        <span>\n          PERSONAL HYPNO KEY KIT\n        <\/span>\n\n      <\/div>\n\n\n      <div class=\"hcf-kit__content\">\n\n        <p class=\"hcf-eyebrow\">\n          PHYSICAL DELIVERY\n        <\/p>\n\n        <h2 class=\"hcf-title\">\n          \u767a\u9001\u3055\u308c\u308b\u3082\u306e\u306f\u3001<br>\n          <span>LEVEL\u306b\u3088\u3063\u3066\u7570\u306a\u308b\u3002<\/span>\n        <\/h2>\n\n        <div class=\"hcf-copy\">\n\n          <p>\n            ENTRY CODE\u3067\u306f\u57fa\u672c\u5a92\u4f53\u3092\u4e2d\u5fc3\u306b\u3001\n            DEEP CODE\u4ee5\u4e0a\u3067\u306f\u89e3\u6790\u8cc7\u6599\u3084ACCESS CARD\u306a\u3069\u304c\u8ffd\u52a0\u3055\u308c\u307e\u3059\u3002\n          <\/p>\n\n          <p>\n            PRIVATE CODE\u3001BLACK PROTOCOL\u3067\u306f\n            \u5c02\u7528CASE\u3084\u8ffd\u52a0FILE\u3092\u542b\u3080\u69cb\u6210\u3068\u306a\u308a\u307e\u3059\u3002\n          <\/p>\n\n        <\/div>\n\n        <a href=\"\/hypno\/hypno-key\/\" class=\"hcf-link\">\n          HYPNO KEY\u306e\u8a73\u7d30\u3092\u898b\u308b\n          <span>\u2192<\/span>\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- PHASE 05 -->\n<section id=\"hcf-phase05\" class=\"hcf-section hcf-phase\">\n\n  <div class=\"hcf-container\">\n\n    <div class=\"hcf-phase__header\">\n\n      <div>\n        <span class=\"hcf-phase__number\">PHASE 05<\/span>\n\n        <h2>\n          ACTIVATION\n          <small>\u53d7\u53d6\u30fb\u4f7f\u7528\u958b\u59cb<\/small>\n        <\/h2>\n      <\/div>\n\n      <p class=\"hcf-phase__catch\">\n        \u5230\u7740\u3057\u305f\u65e5\u304b\u3089\u3001<br>\n        <strong>PROGRAM\u3092\u958b\u59cb\u3059\u308b\u3002<\/strong>\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"hcf-phase__grid\">\n\n      <div class=\"hcf-phase__copy\">\n\n        <p>\n          KIT\u304c\u5230\u7740\u3057\u305f\u3089\u3001\n          \u6700\u521d\u306b\u5185\u5bb9\u7269\u3068PROTOCOL SHEET\u3092\u78ba\u8a8d\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n        <\/p>\n\n        <p>\n          \u4f7f\u7528\u958b\u59cb\u65e5\u3001ACTIVE TERM\u3001\n          CODE PHRASE\u306a\u3069\u306f\u500b\u5225\u30d7\u30ed\u30c8\u30b3\u30eb\u306b\u5f93\u3044\u307e\u3059\u3002\n        <\/p>\n\n        <p>\n          \u7279\u5225\u306a\u8a2d\u5099\u3084\u5834\u6240\u3092\u5fc5\u8981\u3068\u3059\u308b\u3082\u306e\u3067\u306f\u306a\u304f\u3001\n          \u6307\u5b9a\u3055\u308c\u305f\u65b9\u6cd5\u3067\u65e5\u5e38\u306e\u4e2d\u304b\u3089\u4f7f\u7528\u3092\u958b\u59cb\u3057\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <aside class=\"hcf-info-box\">\n\n        <p class=\"hcf-info-box__label\">\n          FIRST CHECK\n        <\/p>\n\n        <h3>\u5230\u7740\u5f8c\u306b\u78ba\u8a8d\u3059\u308b\u3082\u306e<\/h3>\n\n        <ul>\n          <li>CLIENT ID<\/li>\n          <li>KEY CODE<\/li>\n          <li>PROGRAM<\/li>\n          <li>ACTIVE TERM<\/li>\n          <li>CODE PHRASE<\/li>\n          <li>PROTOCOL<\/li>\n        <\/ul>\n\n      <\/aside>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- USAGE VISUAL -->\n<section class=\"hcf-section hcf-usage\">\n\n  <div class=\"hcf-container\">\n\n    <div class=\"hcf-usage__grid\">\n\n      <div class=\"hcf-usage__content\">\n\n        <p class=\"hcf-eyebrow\">\n          AFTER DELIVERY\n        <\/p>\n\n        <h2 class=\"hcf-title\">\n          \u53d7\u3051\u53d6\u3063\u305f\u3042\u3068\u304c\u3001<br>\n          <span>PROGRAM\u306e\u958b\u59cb\u3067\u3059\u3002<\/span>\n        <\/h2>\n\n        <div class=\"hcf-copy\">\n\n          <p>\n            HYPNO KEY\u306f\u767a\u9001\u3055\u308c\u305f\u6642\u70b9\u3067\u5b8c\u4e86\u3059\u308b\u5546\u54c1\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\n          <\/p>\n\n          <p>\n            \u4ed8\u5c5e\u3059\u308bPROTOCOL SHEET\u3092\u78ba\u8a8d\u3057\u3001\n            \u6307\u5b9a\u3055\u308c\u305f\u4f7f\u7528\u671f\u9593\u306b\u6cbf\u3063\u3066CODE\u3092\u4f7f\u7528\u3057\u307e\u3059\u3002\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"hcf-usage-list\">\n\n          <div>\n            <span>01<\/span>\n            <strong>OPEN THE KIT<\/strong>\n          <\/div>\n\n          <div>\n            <span>02<\/span>\n            <strong>CHECK YOUR CODE<\/strong>\n          <\/div>\n\n          <div>\n            <span>03<\/span>\n            <strong>READ PROTOCOL<\/strong>\n          <\/div>\n\n          <div>\n            <span>04<\/span>\n            <strong>INITIALIZE<\/strong>\n          <\/div>\n\n        <\/div>\n\n      <\/div>\n\n\n      <div class=\"hcf-usage__image\">\n\n        <img decoding=\"async\" src=\"\/hypno\/wp-content\/uploads\/2026\/08\/hypno-code-key-usage.webp\" alt=\"HYPNO KEY \u4f7f\u7528\u30a4\u30e1\u30fc\u30b8\" width=\"1536\" height=\"1024\" loading=\"lazy\">\n\n        <span>\n          PROTOCOL ACTIVE\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- BEFORE REQUEST -->\n<section class=\"hcf-section hcf-before\">\n\n  <div class=\"hcf-container hcf-container--narrow\">\n\n    <p class=\"hcf-eyebrow\">\n      BEFORE REQUEST\n    <\/p>\n\n    <h2 class=\"hcf-title\">\n      \u4f9d\u983c\u524d\u306b\u3001<br>\n      <span>\u6c7a\u3081\u3066\u304a\u304f\u5fc5\u8981\u304c\u3042\u308b\u3053\u3068\u3002<\/span>\n    <\/h2>\n\n\n    <div class=\"hcf-before-list\">\n\n      <div>\n        <span>01<\/span>\n\n        <div>\n          <strong>\u4f55\u3092\u4e00\u756a\u5909\u3048\u305f\u3044\u304b<\/strong>\n          <p>\n            \u8907\u6570\u306e\u60a9\u307f\u304c\u3042\u3063\u3066\u3082\u3001\u73fe\u5728\u3082\u3063\u3068\u3082\u5927\u304d\u3044\u76ee\u7684\u3092\u6574\u7406\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div>\n        <span>02<\/span>\n\n        <div>\n          <strong>PROGRAM<\/strong>\n          <p>\n            \u5206\u304b\u3089\u306a\u3044\u5834\u5408\u306f\u672a\u9078\u629e\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div>\n        <span>03<\/span>\n\n        <div>\n          <strong>CODE LEVEL<\/strong>\n          <p>\n            \u6a19\u6e96\u306fDEEP CODE\u3002\u72b6\u6cc1\u306b\u5fdc\u3058\u3066\u5909\u66f4\u3067\u304d\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div>\n        <span>04<\/span>\n\n        <div>\n          <strong>\u53d7\u53d6\u5148<\/strong>\n          <p>\n            KIT\u3092\u53d7\u3051\u53d6\u308c\u308b\u767a\u9001\u5148\u3092\u7528\u610f\u3057\u3066\u304f\u3060\u3055\u3044\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- FINAL CTA -->\n<section class=\"hcf-final\">\n\n  <div class=\"hcf-container hcf-container--narrow\">\n\n    <p class=\"hcf-eyebrow\">\n      START YOUR REQUEST\n    <\/p>\n\n    <h2>\n      \u6e96\u5099\u304c\u3067\u304d\u305f\u3089\u3001<br>\n      <span>PHASE 01\u3078\u3002<\/span>\n    <\/h2>\n\n    <p>\n      \u73fe\u5728\u306e\u72b6\u6cc1\u3068\u3001\u6700\u3082\u5909\u3048\u305f\u3044\u3053\u3068\u3092\u304a\u9001\u308a\u304f\u3060\u3055\u3044\u3002\n      PROGRAM\u3084CODE LEVEL\u304c\u5206\u304b\u3089\u306a\u3044\u5834\u5408\u306f\u3001\u76f8\u8ac7\u304b\u3089\u958b\u59cb\u3067\u304d\u307e\u3059\u3002\n    <\/p>\n\n\n    <div class=\"hcf-actions\">\n\n      <a href=\"\/hypno\/request\/\" class=\"hcf-button hcf-button--primary\">\n        \u6697\u793a\u30b3\u30fc\u30c9\u306e\u751f\u6210\u3092\u4f9d\u983c\u3059\u308b\n      <\/a>\n\n      <a href=\"\/hypno\/contact\/\" class=\"hcf-button hcf-button--secondary\">\n        \u4f9d\u983c\u524d\u306b\u76f8\u8ac7\u3059\u308b\n      <\/a>\n\n    <\/div>\n\n\n    <div class=\"hcf-final__code\">\n      REQUEST \u2192 ANALYSIS \u2192 CODING \u2192 PACKAGING \u2192 ACTIVATION\n    <\/div>\n\n  <\/div>\n\n<\/section>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>PROTOCOL SEQUENCE \/ REQUEST FLOW \u4f9d\u983c\u304b\u3089\u3001 CODE\u306e\u958b\u59cb\u307e\u3067\u3002 \u3054\u4f9d\u983c\u5185\u5bb9\u306e\u53d7\u9818\u3001\u89e3\u6790\u3001CODE\u751f\u6210\u3001HYPNO KEY KIT\u306e\u69cb\u6210\u3001 \u767a\u9001\u3001\u305d\u3057\u3066\u4f7f\u7528\u958b\u59cb\u307e\u3067\u3002 HYPNO COD [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_seopress_titles_title":"\u50ac\u7720\u30fb\u6697\u793a\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u4f9d\u983c\u65b9\u6cd5\u3068\u6d41\u308c\uff5cHYPNO CODE","_seopress_titles_desc":"HYPNO CODE\u3078\u306e\u3054\u4f9d\u983c\u304b\u3089\u3001\u72b6\u6cc1\u89e3\u6790\u3001\u500b\u5225\u6697\u793aCODE\u306e\u751f\u6210\u3001PERSONAL HYPNO KEY KIT\u306e\u69cb\u6210\u30fb\u767a\u9001\u3001\u53d7\u53d6\u5f8c\u306e\u4f7f\u7528\u958b\u59cb\u307e\u3067\u306e5\u3064\u306e\u6d41\u308c\u3092\u3054\u6848\u5185\u3057\u307e\u3059\u3002","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-74","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/www.globalsalvage.net\/hypno\/wp-json\/wp\/v2\/pages\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.globalsalvage.net\/hypno\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.globalsalvage.net\/hypno\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.globalsalvage.net\/hypno\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.globalsalvage.net\/hypno\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":2,"href":"https:\/\/www.globalsalvage.net\/hypno\/wp-json\/wp\/v2\/pages\/74\/revisions"}],"predecessor-version":[{"id":76,"href":"https:\/\/www.globalsalvage.net\/hypno\/wp-json\/wp\/v2\/pages\/74\/revisions\/76"}],"wp:attachment":[{"href":"https:\/\/www.globalsalvage.net\/hypno\/wp-json\/wp\/v2\/media?parent=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}