/* HIMART REUSE 02.1 — anxiety-to-proof transfer motion. */
@property --reuse-proof-copy-color{syntax:"<color>";inherits:false;initial-value:#00a6ed}
html body.reuse-current .reuse-proof-map{--reuse-proof-lane-duration:2.205s}
html body.reuse-current .reuse-proof-map__node{position:relative;isolation:isolate;overflow:visible}
html body.reuse-current .reuse-proof-map__node>h4{position:relative;z-index:3}
html body.reuse-current .reuse-proof-sweep{position:absolute;z-index:4;inset:-1px;display:block;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:50%;pointer-events:none;opacity:0;transform:rotate(0deg);transform-origin:50% 50%;background:conic-gradient(from 150deg,rgba(255,255,255,0) 0deg,rgba(255,255,255,.10) 7deg,rgba(255,255,255,.34) 15deg,rgba(255,255,255,.72) 23deg,rgba(255,255,255,1) 30deg,rgba(255,255,255,.72) 37deg,rgba(255,255,255,.34) 45deg,rgba(255,255,255,.10) 53deg,rgba(255,255,255,0) 60deg,rgba(255,255,255,0) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.55px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.55px));filter:drop-shadow(0 0 3.15px rgba(255,255,255,1)) drop-shadow(0 0 8.4px rgba(255,255,255,.525)) drop-shadow(0 0 15.75px rgba(255,255,255,.252))}
@keyframes reuse-proof-lane-ring{0%{transform:rotate(0deg);opacity:0}9.92%{transform:rotate(72deg);opacity:.625}15.87%{opacity:1}19.84%{transform:rotate(158.4deg);opacity:1}29.76%{transform:rotate(255.6deg);opacity:1}31.13%{transform:rotate(270deg);opacity:1}33.98%{transform:rotate(300deg);opacity:.5}36.83%{transform:rotate(330deg);opacity:0}39.68%{transform:rotate(360deg);opacity:0}100%{transform:rotate(360deg);opacity:0}}
html body.reuse-current .reuse-proof-map__node--anxiety.is-proof-lane-running .reuse-proof-sweep{animation:reuse-proof-lane-ring var(--reuse-proof-lane-duration) linear 1 both}

/* 02.1 — four independent arrowheads, mathematically centered under the four circles. */
html body.reuse-current .reuse-proof-map__arrow{position:relative!important;display:block!important;width:100%!important;height:64px!important;flex:0 0 64px!important;margin:0!important;padding:0!important;pointer-events:none!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html body.reuse-current .reuse-proof-map__arrow>svg,
html body.reuse-current .reuse-proof-map__arrow>*{display:none!important;visibility:hidden!important}
html body.reuse-current .reuse-proof-map__arrow::before{content:""!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;background-repeat:no-repeat!important;background-size:56px 24px,56px 24px,56px 24px,56px 24px!important;background-position:12.5% 50%,37.5% 50%,62.5% 50%,87.5% 50%!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='24' viewBox='0 0 56 24'%3E%3Cpath d='M3 2 L28 22 L53 2' fill='none' stroke='%23FFFFFF' stroke-opacity='.20' stroke-width='1' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='24' viewBox='0 0 56 24'%3E%3Cpath d='M3 2 L28 22 L53 2' fill='none' stroke='%23FFFFFF' stroke-opacity='.20' stroke-width='1' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='24' viewBox='0 0 56 24'%3E%3Cpath d='M3 2 L28 22 L53 2' fill='none' stroke='%23FFFFFF' stroke-opacity='.20' stroke-width='1' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='24' viewBox='0 0 56 24'%3E%3Cpath d='M3 2 L28 22 L53 2' fill='none' stroke='%23FFFFFF' stroke-opacity='.20' stroke-width='1' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E")!important}
html body.reuse-current .reuse-proof-map__arrow::after{content:none!important;display:none!important}

html body.reuse-current .reuse-proof-map__node--solution{background-color:#000;border-color:var(--hm-blue)!important}
html body.reuse-current .reuse-proof-map__node--solution::before{content:none!important}
html body.reuse-current .reuse-proof-map__node--solution::after{content:"";position:absolute;z-index:4;inset:-1px;display:block;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:50%;pointer-events:none;opacity:0;transform:rotate(0deg);transform-origin:50% 50%;background:conic-gradient(from -30deg,rgba(128,211,246,0) 0deg,rgba(128,211,246,.10) 7deg,rgba(128,211,246,.34) 15deg,rgba(128,211,246,.72) 23deg,rgba(128,211,246,1) 30deg,rgba(128,211,246,.72) 37deg,rgba(128,211,246,.34) 45deg,rgba(128,211,246,.10) 53deg,rgba(128,211,246,0) 60deg,rgba(128,211,246,0) 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.55px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1.55px));filter:drop-shadow(0 0 3.15px rgba(128,211,246,1)) drop-shadow(0 0 8.4px rgba(128,211,246,.525)) drop-shadow(0 0 15.75px rgba(128,211,246,.252))}
@keyframes reuse-proof-lower-ring{0%,36.82%{transform:rotate(0deg);opacity:0}36.83%{transform:rotate(0deg);opacity:0}39.2%{opacity:.45}42.2%{opacity:1}44.77%{transform:rotate(-117deg);opacity:1}52.71%{transform:rotate(-216deg);opacity:1}58%{transform:rotate(-270deg);opacity:1}60.64%{transform:rotate(-297deg);opacity:1}68.58%{transform:rotate(-360deg);opacity:1}68.63%,100%{transform:rotate(-360deg);opacity:0}}
html body.reuse-current .reuse-proof-map__node--solution.is-proof-lane-running::after{animation:reuse-proof-lower-ring var(--reuse-proof-lane-duration) linear 1 both}
html body.reuse-current .reuse-proof-map__node--solution h4{position:relative;z-index:3;--reuse-proof-copy-color:#00a6ed;color:var(--reuse-proof-copy-color)!important;font-family:var(--hm-font-ko)!important;font-weight:var(--hm-circle-title-weight,100)!important;font-variation-settings:"wght" 100}
@keyframes reuse-proof-lane-fill{0%,57.99%{background-color:#000}58%{background-color:#000;animation-timing-function:cubic-bezier(.14,.72,.24,1)}97.4%,100%{background-color:var(--hm-blue)}}
@keyframes reuse-proof-lane-copy{0%,57.99%{--reuse-proof-copy-color:#00a6ed;font-weight:var(--hm-circle-title-weight,100);font-variation-settings:"wght" 100}58%{--reuse-proof-copy-color:#00a6ed;font-weight:var(--hm-circle-title-weight,100);font-variation-settings:"wght" 100;animation-timing-function:cubic-bezier(.14,.72,.24,1)}66%{--reuse-proof-copy-color:#000;font-weight:var(--hm-circle-highlight-title-weight,400);font-variation-settings:"wght" 400}100%{--reuse-proof-copy-color:#000;font-weight:var(--hm-circle-highlight-title-weight,400);font-variation-settings:"wght" 400}}
html body.reuse-current .reuse-proof-map__node--solution.is-proof-lane-running{animation:reuse-proof-lane-fill var(--reuse-proof-lane-duration) linear 1 both}
html body.reuse-current .reuse-proof-map__node--solution.is-proof-lane-running h4{animation:reuse-proof-lane-copy var(--reuse-proof-lane-duration) linear 1 both}
html body.reuse-current .reuse-proof-map.is-proof-resetting .reuse-proof-map__node--solution{transition:background-color 2000ms cubic-bezier(.42,0,.58,1)!important}
html body.reuse-current .reuse-proof-map.is-proof-resetting .reuse-proof-map__node--solution::after{opacity:0!important;transition:opacity 320ms ease!important}
html body.reuse-current .reuse-proof-map.is-proof-resetting .reuse-proof-map__node--solution h4{--reuse-proof-copy-color:#00a6ed;font-weight:var(--hm-circle-title-weight,100)!important;font-variation-settings:"wght" 100;transition:--reuse-proof-copy-color 2000ms cubic-bezier(.42,0,.58,1),font-weight 2000ms cubic-bezier(.42,0,.58,1),font-variation-settings 2000ms cubic-bezier(.42,0,.58,1)!important}
@media(max-width:780px){html body.reuse-current .reuse-proof-map__arrow{width:100%!important;height:64px!important;flex-basis:64px!important}.reuse-proof-map__arrow::before{background-size:56px 24px,56px 24px,56px 24px,56px 24px!important}}
@media(prefers-reduced-motion:reduce){html body.reuse-current .reuse-proof-map__node--anxiety.is-proof-lane-running .reuse-proof-sweep,html body.reuse-current .reuse-proof-map__node--solution.is-proof-lane-running,html body.reuse-current .reuse-proof-map__node--solution.is-proof-lane-running::after,html body.reuse-current .reuse-proof-map__node--solution.is-proof-lane-running h4{animation:none!important}html body.reuse-current .reuse-proof-map__node--solution,html body.reuse-current .reuse-proof-map__node--solution h4{transition:none!important}}

/* 2026-09-09 final Reuse geometry/type authority.
   02.1 arrows use the exact same grid tracks/gaps as the circles instead of percentage positions. */
html body.reuse-current #data .reuse-proof-map__arrow{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:28px!important;
  align-items:center!important;
  justify-items:center!important;
}
html body.reuse-current #data .reuse-proof-map__arrow::before{
  content:none!important;
  display:none!important;
  background:none!important;
}
html body.reuse-current #data .reuse-proof-map__arrow > .reuse-proof-map__arrow-item{
  display:block!important;
  visibility:visible!important;
}
@media(max-width:980px) and (min-width:781px){
  html body.reuse-current #data .reuse-proof-map__arrow{gap:20px!important}
}

/* 02.2 / 03.2 circle typography: title 22px, supporting copy 12px. */
html body.reuse-current #data .reuse-confidence-flow .reuse-confidence-node h4,
html body.reuse-current #journey .reuse-image-order-flow .reuse-confidence-node h4{
  font-size:22px!important;
}
html body.reuse-current #data .reuse-confidence-flow .reuse-confidence-node p,
html body.reuse-current #journey .reuse-image-order-flow .reuse-confidence-node p{
  font-size:12px!important;
  line-height:1.45!important;
}

/* REUSE 01.3 — inline Himart + differentiators = trust equation, contained inside the right editorial rail. */
html body.reuse-current #brand .reuse-trust-equation__visual{
  display:grid;
  grid-template-columns:max-content max-content max-content max-content max-content;
  justify-content:space-between;
  column-gap:0;
  align-items:center;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:220px;
  margin:0;
  padding:0;
  box-sizing:border-box;
}
html body.reuse-current #brand .reuse-trust-equation__brand,
html body.reuse-current #brand .reuse-trust-equation__plus,
html body.reuse-current #brand .reuse-trust-equation__equals,
html body.reuse-current #brand .reuse-trust-equation__result{
  margin:0;
  color:#fff;
  font-family:var(--hm-font-ko);
  font-size:110px;
  font-weight:100;
  font-variation-settings:"wght" 100;
  line-height:.96;
  white-space:nowrap;
}
html body.reuse-current #brand .reuse-trust-equation__brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  letter-spacing:-.065em;
}
html body.reuse-current #brand .reuse-trust-equation__brand-text{
  display:block;
}
html body.reuse-current #brand .reuse-trust-equation__brand-logo{
  display:block;
  width:72px;
  height:auto;
  margin:16px 0 0;
}
html body.reuse-current #brand .reuse-trust-equation__plus,
html body.reuse-current #brand .reuse-trust-equation__equals{
  font-size:100px;
  letter-spacing:0;
  text-align:center;
}
html body.reuse-current #brand .reuse-trust-equation__equals{
  color:#fff;
}
html body.reuse-current #brand .reuse-trust-equation__list{
  display:grid;
  gap:2px;
  align-content:center;
  min-width:0;
  margin:0;
  color:rgba(255,255,255,.70);
  font-family:var(--hm-font-ko);
  font-size:16px;
  font-weight:300;
  font-variation-settings:"wght" 300;
  line-height:1.25;
  letter-spacing:var(--hm-track-body);
}
html body.reuse-current #brand .reuse-trust-equation__list span{
  display:block;
  white-space:nowrap;
}
html body.reuse-current #brand .reuse-trust-equation__result{
  color:var(--hm-blue);
  letter-spacing:var(--hm-track-section);
}
@media(max-width:1180px){
  html body.reuse-current #brand .reuse-trust-equation__visual{
    grid-template-columns:max-content max-content max-content max-content max-content;
    justify-content:space-between;
    column-gap:0;
  }
  html body.reuse-current #brand .reuse-trust-equation__brand,
  html body.reuse-current #brand .reuse-trust-equation__plus,
  html body.reuse-current #brand .reuse-trust-equation__equals,
  html body.reuse-current #brand .reuse-trust-equation__result{font-size:82px}
  html body.reuse-current #brand .reuse-trust-equation__list{font-size:15px}
  html body.reuse-current #brand .reuse-trust-equation__brand-logo{width:64px}
}
@media(max-width:780px){
  html body.reuse-current #brand .reuse-trust-equation__visual{
    grid-template-columns:1fr;
    justify-content:stretch;
    row-gap:22px;
    min-height:0;
    align-items:start;
  }
  html body.reuse-current #brand .reuse-trust-equation__brand,
  html body.reuse-current #brand .reuse-trust-equation__plus,
  html body.reuse-current #brand .reuse-trust-equation__equals,
  html body.reuse-current #brand .reuse-trust-equation__result{font-size:64px}
  html body.reuse-current #brand .reuse-trust-equation__list{font-size:16px;gap:2px}
  html body.reuse-current #brand .reuse-trust-equation__list span{white-space:normal}
  html body.reuse-current #brand .reuse-trust-equation__brand-logo{width:56px;margin-top:16px}
}

/* REUSE 01.3 — reduce current spacing between equation items by a further 10%.
   Internal gaps are 72.9% of the original space-between width; released space is
   distributed equally to both outer edges so the full equation remains centered. */
@media(min-width:781px){
  html body.reuse-current #brand .reuse-trust-equation__visual{
    grid-template-columns:minmax(0,.743484fr) max-content minmax(0,1fr) max-content minmax(0,1fr) max-content minmax(0,1fr) max-content minmax(0,1fr) max-content minmax(0,.743484fr);
    justify-content:stretch;
  }
  html body.reuse-current #brand .reuse-trust-equation__brand{grid-column:2}
  html body.reuse-current #brand .reuse-trust-equation__plus{grid-column:4}
  html body.reuse-current #brand .reuse-trust-equation__list{grid-column:6}
  html body.reuse-current #brand .reuse-trust-equation__equals{grid-column:8}
  html body.reuse-current #brand .reuse-trust-equation__result{grid-column:10}
}
@media(max-width:780px){
  html body.reuse-current #brand .reuse-trust-equation__visual{row-gap:16.04px}
  html body.reuse-current #brand .reuse-trust-equation__visual > *{grid-column:1!important}
}