/* 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}

/* Proof-map arrows — one layout owner for 02.1 and 04.1.
   Each arrow occupies the exact same grid track as the circle above/below it.
   Do not position arrows with percentages: CSS background-position percentages
   are calculated against the remaining image space and drift from circle centers. */
html body.reuse-current .reuse-proof-map__arrow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:28px;
  width:100%;
  height:64px;
  min-height:64px;
  flex:0 0 64px;
  align-items:center;
  justify-items:center;
  margin:0;
  padding:0;
  pointer-events:none;
  background:transparent;
  border:0;
  box-shadow:none;
  overflow:visible;
}
html body.reuse-current .reuse-proof-map__arrow > svg{
  display:none;
}
html body.reuse-current .reuse-proof-map__arrow::before,
html body.reuse-current .reuse-proof-map__arrow::after{
  content:none;
  display:none;
}
html body.reuse-current .reuse-proof-map__arrow > .reuse-proof-map__arrow-item{
  position:relative;
  display:block;
  visibility:visible;
  width:44.8px;
  height:19.2px;
  justify-self:center;
  background: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='.30' stroke-width='1' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E") center/44.8px 19.2px no-repeat;
}
html body.reuse-current .reuse-proof-map__arrow > .reuse-proof-map__arrow-item::before,
html body.reuse-current .reuse-proof-map__arrow > .reuse-proof-map__arrow-item::after{
  content:none;
  display:none;
}
@media(max-width:980px) and (min-width:781px){
  html body.reuse-current .reuse-proof-map__arrow{gap:20px}
}
@media(max-width:780px){
  html body.reuse-current .reuse-proof-map__arrow{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    height:auto;
    min-height:56px;
    flex-basis:auto;
    row-gap:18px;
    padding-block:18px;
  }
}

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}}

/* 02.2 / 03.2 circle typography.
   Titles stay 22px. 02.2 supporting copy is 14px; 03.2 keeps the existing 12px scale. */
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{
  font-size:14px!important;
  line-height:1.45!important;
}
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}
}