/* NBT / CASHSLIDE STEPUP — composition-only layer.
   Shared typography, title hierarchy and vertical rhythm are owned by himart-system.css.
   Numeric and graph treatments intentionally mirror the current himart.html data patterns. */

html body.nbt-stepup-page{margin:0!important;overflow-x:hidden!important;background:#000!important;color:#fff!important}
html body.nbt-stepup-page *,html body.nbt-stepup-page *::before,html body.nbt-stepup-page *::after{box-sizing:border-box}
html body.nbt-stepup-page a{color:inherit;text-decoration:none}
html body.nbt-stepup-page #live-main{position:relative;background:#000!important}

/* HERO — Himart layout, Stepup visual only. */
.stepup-hero-video{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;background:#000}
html body.nbt-stepup-page #live-main .hm-movie-hero{position:sticky!important;top:0!important;z-index:1!important;padding:0!important}
.stepup-hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#050505}
.stepup-hero-media::before{content:"";position:absolute;right:-7vw;top:-15vw;width:64vw;height:64vw;border-radius:50%;background:#ffd900;opacity:.9}
.stepup-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.91) 31%,rgba(0,0,0,.48) 66%,rgba(0,0,0,.22) 100%)}
.stepup-hero-glow{position:absolute;right:8vw;bottom:-18vw;width:44vw;height:44vw;border-radius:50%;background:#ff5a16;filter:blur(130px);opacity:.2}
.stepup-hero-phones{position:absolute;z-index:1;right:4vw;top:50%;display:flex;align-items:center;gap:22px;transform:translateY(-48%) rotate(-4deg);opacity:.94}
.stepup-hero-phone{position:relative;width:220px;height:450px;padding:26px 21px;overflow:hidden;border:8px solid rgba(255,255,255,.92);border-radius:32px;background:#ffd900;color:#050505;box-shadow:0 30px 70px rgba(0,0,0,.35);font-family:var(--hm-font-ko);letter-spacing:var(--hm-track-base)}
.stepup-hero-phone:nth-child(2){transform:translateY(34px)}.stepup-hero-phone:nth-child(3){transform:translateY(-18px)}
.stepup-hero-phone .phone-label{display:block;font-size:17px;font-weight:700}.stepup-hero-phone small{display:block;margin-top:25px;font-size:10px;font-weight:700}.stepup-hero-phone>strong{display:block;margin-top:60px;font:300 44px/1 var(--hm-font-en);letter-spacing:var(--hm-track-data-number)}.stepup-hero-phone>em{display:block;margin-top:8px;font-size:10px;font-style:normal}
.phone-mini-row{position:absolute;left:18px;right:18px;bottom:106px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;font-size:9px}.phone-reward{position:absolute;left:18px;right:18px;bottom:24px;border-top:1px solid rgba(0,0,0,.22);padding-top:16px;font-size:10px}.phone-reward b{display:block;margin-top:3px;font:700 25px/1 var(--hm-font-en);letter-spacing:var(--hm-track-data-number)}
.phone-tabs{display:flex;gap:17px;margin-top:28px;font-size:10px}.phone-tabs b{border-bottom:2px solid #000;padding-bottom:6px}.phone-bars{display:flex;align-items:flex-end;gap:6px;height:128px;margin-top:38px;border-bottom:1px solid rgba(0,0,0,.25)}.phone-bars i{display:block;width:9px;background:rgba(0,0,0,.3)}.phone-bars i:nth-child(1){height:44%}.phone-bars i:nth-child(2){height:70%}.phone-bars i:nth-child(3){height:52%}.phone-bars i:nth-child(4){height:86%}.phone-bars i:nth-child(5){height:64%}.phone-bars i:nth-child(6){height:92%;background:#ff5a12}.phone-bars i:nth-child(7){height:58%}.phone-bars i:nth-child(8){height:36%}
.phone-metric{display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px;border-bottom:1px solid rgba(0,0,0,.14);padding-bottom:8px}.phone-metric b{font-size:17px;letter-spacing:var(--hm-track-data-number)}.phone-metric span{font-size:9px}.phone-mate{text-align:center}.phone-mate .phone-label{text-align:left}.mate-character{display:grid;place-items:center;width:112px;height:106px;margin:52px auto 18px;border-radius:18px 18px 50% 50%;background:#ff6418;color:#fff;font:700 19px/1 var(--hm-font-en);letter-spacing:var(--hm-track-base)}.phone-mate>strong{margin-top:18px}.mate-button{position:absolute;left:18px;right:18px;bottom:22px;padding:12px;background:#fff;font-size:10px;font-weight:700}

html body.nbt-stepup-page #live-main .hm-movie-overlay{position:absolute!important;inset:0!important;z-index:1!important;background:#000!important;opacity:var(--hm-hero-overlay-opacity,.5)!important;transition:opacity .12s linear!important;pointer-events:none!important}
html body.nbt-stepup-page #live-main .hm-ds-hero__inner{position:relative!important;z-index:2!important;display:block!important;height:100%!important;min-height:100%!important;padding:0!important}
html body.nbt-stepup-page #live-main .hm-movie-copy{opacity:var(--hm-hero-copy-opacity,1)!important;transition:opacity .12s linear!important}
html body.nbt-stepup-page #live-main .hm-title{max-width:940px!important}
html body.nbt-stepup-page #live-main .hm-title .light{color:rgba(255,255,255,.72)!important}
html body.nbt-stepup-page #live-main .hm-hero-bottom{position:absolute!important;right:0!important;bottom:40px!important;left:0!important;margin:0!important;padding:0!important}
html body.nbt-stepup-page #live-main .hm-meta{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(260px,1.12fr) minmax(330px,1.35fr) minmax(160px,.75fr)!important;width:100%!important;height:var(--hm-meta-height)!important;margin:0!important;border-top:1px solid var(--hm-line-default)!important;border-bottom:1px solid var(--hm-line-default)!important}
html body.nbt-stepup-page #live-main .hm-meta>div{display:flex!important;min-width:0!important;height:var(--hm-meta-height)!important;flex-direction:column!important;justify-content:center!important;padding:0 18px 0 0!important}.hm-meta>div+div{padding-left:18px!important}
html body.nbt-stepup-page #live-main .hm-meta span,html body.nbt-stepup-page #live-main .hm-meta b{display:block!important;margin:0!important;font-family:var(--hm-font-en)!important;font-size:12px!important;line-height:1.5!important;letter-spacing:var(--hm-track-base)!important}.hm-meta span{color:rgba(255,255,255,.5)!important;font-weight:400!important}.hm-meta b{margin-top:2px!important;color:#fff!important;font-weight:400!important;white-space:nowrap!important}

/* Editorial two-column blocks. Typography is inherited from canonical group/body rules. */
.stepup-content{width:100%}.stepup-question-grid,.stepup-experience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;width:100%}.stepup-question-grid article,.stepup-experience-grid article{padding-top:24px;border-top:1px solid var(--hm-line-default)}.stepup-question-grid .shift{border-top-color:var(--hm-line-default)}
.stepup-label{display:block;margin:0 0 18px;color:var(--hm-text-tertiary)!important}.stepup-question-grid h4,.stepup-experience-grid h4{margin:0!important}.stepup-question-grid p,.stepup-experience-grid p{margin:20px 0 0!important}

/* HIMART NUMBER STYLE — same behavior-card structure and sizing, Stepup values only. */
.nbt-stepup-page .narrative-signals .behavior-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important;width:100%!important}
.nbt-stepup-page .behavior-card{min-height:370px!important;padding:24px 20px 22px!important;border-top:1px solid rgba(255,255,255,.22)!important;background:transparent!important;display:grid!important;grid-template-rows:auto minmax(96px,auto) auto!important;align-content:start!important}
.nbt-stepup-page .behavior-value{display:flex!important;align-items:flex-end!important;color:var(--hm-blue)!important;font-family:var(--hm-font-en)!important;font-size:84px!important;font-weight:300!important;line-height:.88!important;letter-spacing:var(--hm-track-data-number)!important;font-variant-numeric:tabular-nums!important}.nbt-stepup-page .behavior-value b{font:inherit!important;font-weight:300!important}.nbt-stepup-page .behavior-value span{font-size:.38em!important;line-height:1!important;margin-left:3px!important}
.nbt-stepup-page .behavior-card h4{margin:22px 0 0!important;min-height:96px!important}.nbt-stepup-page .behavior-note{margin:40px 0 0!important;padding:0!important;max-width:100%!important;align-self:start!important}

/* Six-step process */
.stepup-process{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid var(--hm-line-default);border-bottom:1px solid var(--hm-line-default)}.stepup-process article{min-height:220px;padding:24px 22px;border-right:1px solid var(--hm-line-faint)}.stepup-process article:last-child{border-right:0}.stepup-process article>span{display:block;color:var(--hm-blue);font:400 11px/1 var(--hm-font-en);letter-spacing:var(--hm-track-note)}.stepup-process h4{margin:36px 0 0!important}.stepup-process p{margin:20px 0 0!important;font-size:14px!important}

.stepup-final-statement{margin-top:160px;padding-top:32px;border-top:1px solid var(--hm-line-default)}.stepup-final-statement>span{display:block;margin-bottom:18px;color:var(--hm-text-tertiary);font:400 11px/1.2 var(--hm-font-en);letter-spacing:var(--hm-track-note)}.stepup-final-statement p{max-width:1050px!important;margin:0!important;color:#fff!important;font:100 var(--hm-type-subsection)/1.18 var(--hm-font-ko)!important;letter-spacing:var(--hm-track-subsection)!important;word-break:keep-all!important}.stepup-final-statement strong{font-weight:100;color:var(--hm-blue)}

.nbt-stepup-page .hm-footer{position:relative!important;z-index:2!important;padding:80px 0 40px!important;background:#000!important}.stepup-footer-inner{display:flex!important;justify-content:space-between!important;gap:40px!important;padding-top:16px!important;border-top:1px solid var(--hm-line-default)!important;color:var(--hm-text-secondary)!important;font:400 12px/1.5 var(--hm-font-en)!important;letter-spacing:var(--hm-track-base)!important}.stepup-footer-inner>div{display:flex!important;gap:20px!important}.stepup-footer-inner span{color:var(--hm-text-tertiary)!important}

@media(max-width:980px){.stepup-hero-phones{right:-14vw;opacity:.52;transform:translateY(-48%) rotate(-4deg) scale(.82)}.nbt-stepup-page .narrative-signals .behavior-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stepup-process{grid-template-columns:repeat(3,minmax(0,1fr))}.stepup-process article:nth-child(3){border-right:0}.stepup-process article:nth-child(-n+3){border-bottom:1px solid var(--hm-line-faint)}}
@media(max-width:780px){.stepup-hero-phones{right:-260px;opacity:.35;transform:translateY(-50%) scale(.7)}html body.nbt-stepup-page #live-main .hm-hero-bottom{bottom:28px!important}html body.nbt-stepup-page #live-main .hm-meta{grid-template-columns:1fr 1fr!important;height:auto!important}.hm-meta>div{height:auto!important;min-height:62px!important;padding:10px 10px 10px 0!important}.hm-meta>div:nth-child(2n){padding-left:10px!important}.hm-meta>div:nth-child(n+3){border-top:1px solid var(--hm-line-default)}.hm-meta b{white-space:normal!important;font-size:11px!important}.stepup-question-grid,.stepup-experience-grid{grid-template-columns:1fr;gap:48px}.nbt-stepup-page .narrative-signals .behavior-grid{grid-template-columns:1fr!important;gap:0!important}.nbt-stepup-page .behavior-card{min-height:300px!important}.nbt-stepup-page .behavior-value{font-size:68px!important}.stepup-process{grid-template-columns:1fr}.stepup-process article{min-height:0;border-right:0;border-bottom:1px solid var(--hm-line-faint)}.stepup-process article:last-child{border-bottom:0}.stepup-final-statement{margin-top:100px}.stepup-final-statement p{font-size:clamp(28px,7.5vw,32px)!important}.stepup-footer-inner{display:grid!important;gap:24px!important}.stepup-footer-inner>div{display:grid!important;gap:4px!important}}



/* STEPUP 2026-09 — composition only. Typography, section rhythm and colors inherit the portfolio design-system tokens. */
html body.nbt-stepup-page #live-main .stepup-question-grid .shift{border-top-color:var(--hm-line-default)!important}

/* Himart lower mockup module, now populated with the original StepUp product screens. */
html body.nbt-stepup-page #screens .stepup-phone-gallery{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:32px 24px!important;
  width:100%!important;
  margin-top:80px!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-card{min-width:0!important}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-frame{
  position:relative!important;
  aspect-ratio:9 / 16!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:clamp(18px,1.7vw,28px)!important;
  background:#fff!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-frame img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center top!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-meta{
  display:grid!important;
  grid-template-columns:auto 1fr!important;
  column-gap:10px!important;
  row-gap:5px!important;
  margin-top:14px!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-meta span{
  grid-row:span 2!important;
  color:var(--hm-blue)!important;
  font:400 var(--hm-type-note)/1 var(--hm-font-en)!important;
  letter-spacing:var(--hm-track-note)!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-meta b{
  color:#fff!important;
  font:400 12px/1.2 var(--hm-font-en)!important;
  letter-spacing:var(--hm-track-note)!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-meta p{
  margin:0!important;
  max-width:none!important;
  color:var(--hm-text-body)!important;
  font-size:12px!important;
}

/* Shared 2 × 2 product-cycle grid. */
html body.nbt-stepup-page :is(#habit,#iteration) .stepup-process--2x2{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--hm-line-default)!important;
  border-bottom:0!important;
}
html body.nbt-stepup-page :is(#habit,#iteration) .stepup-process--2x2 article{
  min-height:250px!important;
  padding:28px 0 32px!important;
  border-right:0!important;
  border-bottom:1px solid var(--hm-line-default)!important;
}
html body.nbt-stepup-page :is(#habit,#iteration) .stepup-process--2x2 article:nth-child(odd){padding-right:28px!important}
html body.nbt-stepup-page :is(#habit,#iteration) .stepup-process--2x2 article:nth-child(even){padding-left:28px!important;border-left:1px solid var(--hm-line-faint)!important}
html body.nbt-stepup-page :is(#habit,#iteration) .stepup-process--2x2 h4{margin-top:34px!important}


@media(max-width:980px){
  html body.nbt-stepup-page #screens .stepup-phone-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.nbt-stepup-page #screens .stepup-context-insights{grid-template-columns:1fr!important}
}
@media(max-width:780px){
  
  
  
  
  html body.nbt-stepup-page #screens .stepup-phone-gallery{gap:28px 16px!important;margin-top:56px!important}
  
  html body.nbt-stepup-page :is(#habit,#iteration) .stepup-process--2x2{grid-template-columns:1fr!important}
  html body.nbt-stepup-page :is(#habit,#iteration) .stepup-process--2x2 article:nth-child(n){padding:24px 0!important;border-left:0!important}
}


/* ==========================================================================
   STEPUP — DESIGN-SYSTEM SOURCE COMPONENTS
   Circle: AIMMO Graphic 01.2 source (accent red -> blue, 5 nodes)
   Bar/ratio: Trenbe UT source
   Reward bars: AIMMO System 02.2 source
   ========================================================================== */

/* 02.3 — AIMMO Graphic 01.2 circle flow, restored after moving the former 03.1 into chapter 02. */
html body.nbt-stepup-page #strategy .stepup-habit-flow{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr) 26px minmax(0,1fr)!important;
  align-items:center!important;
  width:100%!important;
}
html body.nbt-stepup-page #strategy .stepup-habit-flow article{
  --aimmo-flow-duration:1300ms;
  --aimmo-flow-delay:0ms;
  display:flex!important;
  aspect-ratio:1!important;
  min-width:0!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:24px!important;
  border:1px solid rgba(255,255,255,.30)!important;
  border-radius:50%!important;
  background:transparent!important;
  text-align:center!important;
  container-type:inline-size!important;
  transition:
    border-color var(--aimmo-flow-duration) cubic-bezier(.22,.61,.36,1) var(--aimmo-flow-delay),
    background-color var(--aimmo-flow-duration) cubic-bezier(.22,.61,.36,1) var(--aimmo-flow-delay)!important;
}
html body.nbt-stepup-page #strategy .stepup-habit-flow article:nth-of-type(1){--aimmo-flow-delay:0ms}
html body.nbt-stepup-page #strategy .stepup-habit-flow article:nth-of-type(2){--aimmo-flow-delay:650ms}
html body.nbt-stepup-page #strategy .stepup-habit-flow article:nth-of-type(3){--aimmo-flow-delay:1300ms}
html body.nbt-stepup-page #strategy .stepup-habit-flow article:nth-of-type(4){--aimmo-flow-delay:1950ms}
html body.nbt-stepup-page #strategy .stepup-habit-flow article:nth-of-type(5){--aimmo-flow-delay:2600ms}
html body.nbt-stepup-page #strategy .stepup-habit-flow article>span,
html body.nbt-stepup-page #strategy .stepup-habit-flow article>h4{
  color:#fff!important;
  transition:color var(--aimmo-flow-duration) cubic-bezier(.22,.61,.36,1) var(--aimmo-flow-delay)!important;
}
html body.nbt-stepup-page #strategy .stepup-habit-flow article>span{
  font-family:var(--hm-font-en)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1!important;
}
html body.nbt-stepup-page #strategy .stepup-habit-flow article>h4{
  margin:13px 0 0!important;
  color:#fff!important;
  font-family:var(--hm-font-ko)!important;
  font-size:var(--hm-type-group)!important;
  font-weight:300!important;
  font-variation-settings:"wght" 300!important;
  line-height:1.22!important;
  word-break:keep-all!important;
}
html body.nbt-stepup-page #strategy .stepup-habit-flow article>p{
  margin:9px 0 0!important;
  max-width:17ch!important;
  color:rgba(255,255,255,.60)!important;
  font-family:var(--hm-font-ko)!important;
  font-size:12px!important;
  font-weight:300!important;
  line-height:1.4!important;
  word-break:keep-all!important;
  transition:color var(--aimmo-flow-duration) cubic-bezier(.22,.61,.36,1) var(--aimmo-flow-delay)!important;
}
html body.nbt-stepup-page #strategy .stepup-habit-flow>.hm-ds-gallery-arrow{
  --aimmo-arrow-delay:0ms;
  align-self:center!important;
  justify-self:center!important;
  color:#fff!important;
  border-color:currentColor!important;
  opacity:.30!important;
  transition:
    color 1300ms cubic-bezier(.22,.61,.36,1) var(--aimmo-arrow-delay),
    opacity 1300ms cubic-bezier(.22,.61,.36,1) var(--aimmo-arrow-delay)!important;
}
html body.nbt-stepup-page #strategy .stepup-habit-flow>.hm-ds-gallery-arrow:nth-of-type(1){--aimmo-arrow-delay:0ms}
html body.nbt-stepup-page #strategy .stepup-habit-flow>.hm-ds-gallery-arrow:nth-of-type(2){--aimmo-arrow-delay:650ms}
html body.nbt-stepup-page #strategy .stepup-habit-flow>.hm-ds-gallery-arrow:nth-of-type(3){--aimmo-arrow-delay:1300ms}
html body.nbt-stepup-page #strategy .stepup-habit-flow>.hm-ds-gallery-arrow:nth-of-type(4){--aimmo-arrow-delay:1950ms}
html body.nbt-stepup-page #strategy .hm-subsection.hm-reveal.is-visible .stepup-habit-flow>.hm-ds-gallery-arrow{
  color:var(--hm-blue)!important;
  opacity:1!important;
}
html body.nbt-stepup-page #strategy .hm-subsection.hm-reveal.is-visible .stepup-habit-flow article:nth-of-type(-n+4){
  border-color:var(--hm-blue)!important;
}
html body.nbt-stepup-page #strategy .hm-subsection.hm-reveal.is-visible .stepup-habit-flow article:nth-of-type(-n+4)>span,
html body.nbt-stepup-page #strategy .hm-subsection.hm-reveal.is-visible .stepup-habit-flow article:nth-of-type(-n+4)>h4{
  color:var(--hm-blue)!important;
}
html body.nbt-stepup-page #strategy .hm-subsection.hm-reveal.is-visible .stepup-habit-flow article:nth-of-type(5){
  border-color:var(--hm-blue)!important;
  background-color:var(--hm-blue)!important;
}
html body.nbt-stepup-page #strategy .hm-subsection.hm-reveal.is-visible .stepup-habit-flow article:nth-of-type(5)>span,
html body.nbt-stepup-page #strategy .hm-subsection.hm-reveal.is-visible .stepup-habit-flow article:nth-of-type(5)>h4{
  color:#fff!important;
}
html body.nbt-stepup-page #strategy .hm-subsection.hm-reveal.is-visible .stepup-habit-flow article:nth-of-type(5)>p{
  color:rgba(255,255,255,.80)!important;
}

/* 04.3 — Trenbe UT / AIMMO 02.2 segmented ratio source; values changed to 20 / 80. */
html body.nbt-stepup-page #habit .aimmo-environment-ratio{display:block!important;width:100%!important;margin:40px 0 0!important}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__pie{display:none!important}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend{display:flex!important;width:100%!important;height:160px!important;gap:0!important;align-items:stretch!important;overflow:hidden!important}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row{position:relative!important;display:flex!important;min-width:0!important;height:100%!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:0!important;padding:0 28px 26px!important;border:0!important;box-sizing:border-box!important;color:#fff!important;background:var(--segment-color)!important;font-family:var(--hm-font-ko)!important}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:nth-child(1){flex:0 0 20%!important;--segment-color:var(--hm-chart-01,#00A6ED)}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:nth-child(2){flex:0 0 80%!important;--segment-color:var(--hm-chart-02,#007DE3)}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row i{display:none!important}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row span{display:block!important;margin:0!important;color:rgba(255,255,255,.92)!important;font:300 22px/1.15 var(--hm-font-ko)!important;letter-spacing:var(--hm-track-group)!important;white-space:nowrap!important}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:first-child>span{color:#fff!important}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:first-child .stepup-en-label{
  color:inherit!important;
  font-family:var(--hm-font-en)!important;
  font-style:normal!important;
  font-weight:400!important;
}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row b{display:block!important;margin:6px 0 0!important;color:#fff!important;font:300 30px/1 var(--hm-font-en)!important;letter-spacing:var(--hm-track-data-number)!important;text-align:left!important;font-variant-numeric:tabular-nums!important}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:first-child>b{font-weight:400!important}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__source{display:block!important;width:100%!important;margin:32px 0 0!important;padding:18px 0 0!important;border-top:1px solid var(--hm-line-content-divider,var(--hm-line-weak))!important;color:var(--hm-text-tertiary)!important;font:300 10px/1.5 var(--hm-font-ko)!important;letter-spacing:var(--hm-track-base)!important}

@media(max-width:780px){
  html body.nbt-stepup-page #strategy .stepup-habit-flow{grid-template-columns:1fr!important;gap:16px!important}
  html body.nbt-stepup-page #strategy .stepup-habit-flow article{width:min(320px,88vw)!important;margin-inline:auto!important}
  html body.nbt-stepup-page #screens .stepup-context-insights{gap:56px!important}
  html body.nbt-stepup-page #screens .stepup-context-insights .aimmo-reference-bars__rows{gap:14px!important}
  html body.nbt-stepup-page #screens .stepup-context-insights .aimmo-reference-bars__row{grid-template-columns:88px minmax(0,1fr) 52px!important;gap:10px!important;min-height:24px!important}
  html body.nbt-stepup-page #screens .stepup-context-insights :is(.aimmo-reference-bars__label,.aimmo-reference-bars__value){font-size:13px!important}
  html body.nbt-stepup-page #screens .stepup-context-insights .aimmo-reference-bars__track{height:8px!important}
  html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend{height:160px!important}
  html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row{padding:0 14px 18px!important}
  html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row span{font-size:15px!important}
  html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row b{font-size:22px!important}
  html body.nbt-stepup-page :is(#habit,#iteration) .stepup-process--2x2{grid-template-columns:1fr!important}
  html body.nbt-stepup-page :is(#habit,#iteration) .stepup-process--2x2 article:nth-child(n){padding:24px 0!important;border-left:0!important}
}
@media(prefers-reduced-motion:reduce){
  html body.nbt-stepup-page #strategy .stepup-habit-flow article,
  html body.nbt-stepup-page #strategy .stepup-habit-flow>.hm-ds-gallery-arrow{transition:none!important}
  html body.nbt-stepup-page #screens .stepup-context-insights .aimmo-reference-bars__fill{transform:scaleX(1)!important;transition:none!important}
}


/* ==========================================================================
   STEPUP 2026-09-19 v3 — narrative/source-component corrections
   ========================================================================== */

/* 01.2 — canonical StepUp-only reframe circles.
   This is the single source of truth for 01.2; no shared semantic-circle class is attached in the HTML. */
html body.nbt-stepup-page #reframe .stepup-reframe-flow{
  --stepup-reframe-duration:1300ms;
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,2fr);
  align-items:center;
  width:100%;
  max-width:none;
}
html body.nbt-stepup-page #reframe .stepup-reframe-flow article{
  --stepup-reframe-delay:0ms;
  display:flex;
  aspect-ratio:1;
  min-width:0;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:50%;
  background:transparent;
  text-align:center;
  container-type:inline-size;
  transition:
    border-color var(--stepup-reframe-duration) cubic-bezier(.22,.61,.36,1) var(--stepup-reframe-delay),
    background-color var(--stepup-reframe-duration) cubic-bezier(.22,.61,.36,1) var(--stepup-reframe-delay);
}
html body.nbt-stepup-page #reframe .stepup-reframe-flow article:nth-of-type(1){--stepup-reframe-delay:0ms}
html body.nbt-stepup-page #reframe .stepup-reframe-flow article:nth-of-type(2){--stepup-reframe-delay:650ms}
html body.nbt-stepup-page #reframe .stepup-reframe-flow article>span{
  color:var(--hm-blue);
  font-family:var(--hm-font-en);
  font-size:12px;
  font-weight:300;
  line-height:1;
  letter-spacing:var(--hm-track-note);
  transition:color var(--stepup-reframe-duration) cubic-bezier(.22,.61,.36,1) var(--stepup-reframe-delay);
}
html body.nbt-stepup-page #reframe .stepup-reframe-flow article>h4{
  margin:13px 0 0;
  color:#fff;
  font-family:var(--hm-font-ko);
  font-size:32px;
  font-weight:300;
  font-variation-settings:"wght" 300;
  line-height:1.22;
  letter-spacing:var(--hm-track-group);
  word-break:keep-all;
  transition:color var(--stepup-reframe-duration) cubic-bezier(.22,.61,.36,1) var(--stepup-reframe-delay);
}
html body.nbt-stepup-page #reframe .stepup-reframe-flow article>p{
  margin:9px 0 0;
  max-width:18ch;
  color:rgba(255,255,255,.60);
  font-family:var(--hm-font-ko);
  font-size:16px;
  font-weight:300;
  line-height:1.45;
  letter-spacing:var(--hm-track-body);
  word-break:keep-all;
  transition:color var(--stepup-reframe-duration) cubic-bezier(.22,.61,.36,1) var(--stepup-reframe-delay);
}
html body.nbt-stepup-page #reframe .stepup-reframe-flow>.stepup-reframe-arrow{
  --stepup-arrow-delay:0ms;
  display:grid;
  place-items:center;
  justify-self:center;
  align-self:center;
  width:82.5px;
  height:82.5px;
  margin:0;
  color:#fff;
  opacity:.30;
  pointer-events:none;
  transition:
    color var(--stepup-reframe-duration) cubic-bezier(.22,.61,.36,1) var(--stepup-arrow-delay),
    opacity var(--stepup-reframe-duration) cubic-bezier(.22,.61,.36,1) var(--stepup-arrow-delay);
}
html body.nbt-stepup-page #reframe .stepup-reframe-arrow__icon{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
html body.nbt-stepup-page #reframe .hm-subsection.hm-reveal.is-visible .stepup-reframe-flow>.stepup-reframe-arrow{
  color:var(--hm-blue);
  opacity:1;
}
html body.nbt-stepup-page #reframe .hm-subsection.hm-reveal.is-visible .stepup-reframe-flow article:nth-of-type(2){
  border-color:var(--hm-blue);
  background-color:var(--hm-blue);
}
html body.nbt-stepup-page #reframe .hm-subsection.hm-reveal.is-visible .stepup-reframe-flow article:nth-of-type(2)>span,
html body.nbt-stepup-page #reframe .hm-subsection.hm-reveal.is-visible .stepup-reframe-flow article:nth-of-type(2)>h4{
  color:#fff;
}
html body.nbt-stepup-page #reframe .hm-subsection.hm-reveal.is-visible .stepup-reframe-flow article:nth-of-type(2)>p{
  color:rgba(255,255,255,.80);
}
@media(max-width:780px){
  html body.nbt-stepup-page #reframe .stepup-reframe-flow{
    grid-template-columns:1fr;
    gap:20px;
  }
  html body.nbt-stepup-page #reframe .stepup-reframe-flow>.stepup-reframe-arrow{display:none}
  html body.nbt-stepup-page #reframe .stepup-reframe-flow article{
    width:min(320px,88vw);
    aspect-ratio:auto;
    min-height:250px;
    margin-inline:auto;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.nbt-stepup-page #reframe .stepup-reframe-flow article,
  html body.nbt-stepup-page #reframe .stepup-reframe-flow>.stepup-reframe-arrow{transition:none}
}

/* 02.2 — AIMMO System 03.2 application gallery source.
   Images are transparent dummies until final StepUp assets are uploaded. */
html body.nbt-stepup-page #strategy .stepup-application-gallery{
  --hm-ds-media-gallery-gap:0px!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:0!important;
  column-gap:0!important;
  row-gap:0!important;
  width:100%!important;
}
html body.nbt-stepup-page #strategy .stepup-application-gallery .aimmo-application-gallery__item{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  aspect-ratio:1/1!important;
  background:#0a0a0a!important;
}
html body.nbt-stepup-page #strategy .stepup-application-gallery .aimmo-application-gallery__item::before{
  content:"IMAGE PLACEHOLDER";
  position:absolute;
  z-index:0;
  top:50%;
  left:50%;
  color:rgba(255,255,255,.18);
  font:300 11px/1 var(--hm-font-en);
  letter-spacing:var(--hm-track-note);
  transform:translate(-50%,-50%);
}
html body.nbt-stepup-page #strategy .stepup-application-gallery .aimmo-application-gallery__item>img{
  position:relative!important;
  z-index:0!important;
}

/* 02.3 — local-only typography. No container/font scaling. */
html body.nbt-stepup-page #strategy .stepup-habit-flow article{
  container-type:normal!important;
}
html body.nbt-stepup-page #strategy .stepup-habit-flow article>h4{
  margin:13px 0 0!important;
  font-family:var(--hm-font-ko)!important;
  font-size:22px!important;
  font-weight:400!important;
  font-variation-settings:"wght" 400!important;
  line-height:1.22!important;
}
html body.nbt-stepup-page #strategy .stepup-habit-flow article>p{
  margin:9px 0 0!important;
  max-width:17ch!important;
  font-family:var(--hm-font-ko)!important;
  font-size:14px!important;
  font-weight:300!important;
  line-height:1.4!important;
}
html body.nbt-stepup-page #strategy .stepup-habit-flow>.hm-ds-gallery-arrow{
  place-self:center!important;
  width:11px!important;
  height:11px!important;
  margin:0!important;
}

/* 03.2 — exact TRENBE 04.1 card grammar, with 64px numeric impact added. */
html body.nbt-stepup-page #screens .stepup-impact-signals{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  width:100%!important;
  margin-left:0!important;
  padding-left:0!important;
}
html body.nbt-stepup-page #screens .stepup-impact-signals>article{
  position:relative!important;
  display:block!important;
  grid-column:auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:340px!important;
  margin:0!important;
  padding:26px 0 30px!important;
  box-sizing:border-box!important;
  border:0!important;
  border-top:1px solid var(--hm-line-default)!important;
  background:transparent!important;
  overflow:hidden!important;
  text-align:left!important;
}
html body.nbt-stepup-page #screens .stepup-impact-signals>article>span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--hm-text-tertiary)!important;
  font-family:var(--hm-font-en)!important;
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:var(--hm-track-note)!important;
  text-align:left!important;
}
html body.nbt-stepup-page #screens .stepup-impact-signals>article>.stepup-impact-number{
  display:flex!important;
  align-items:flex-end!important;
  gap:3px!important;
  margin:28px 0 0!important;
  padding:0!important;
  color:var(--hm-blue)!important;
  font-family:var(--hm-font-en)!important;
  font-size:64px!important;
  font-weight:300!important;
  line-height:.92!important;
  letter-spacing:var(--hm-track-data-number)!important;
  font-variant-numeric:tabular-nums!important;
}
html body.nbt-stepup-page #screens .stepup-impact-signals>article>.stepup-impact-number small{
  margin:0 0 5px!important;
  color:inherit!important;
  font-family:var(--hm-font-ko)!important;
  font-size:20px!important;
  font-weight:300!important;
  line-height:1!important;
  letter-spacing:0!important;
}
html body.nbt-stepup-page #screens .stepup-impact-signals>article h4{
  margin:26px 0 0!important;
  padding:0!important;
  max-width:25ch!important;
  color:#fff!important;
  font-family:var(--hm-font-ko)!important;
  font-size:28px!important;
  font-weight:100!important;
  font-variation-settings:"wght" 100!important;
  line-height:1.28!important;
  letter-spacing:var(--hm-track-group)!important;
  word-break:keep-all!important;
  text-align:left!important;
}
html body.nbt-stepup-page #screens .stepup-impact-signals>article p{
  margin:12px 0 0!important;
  padding-right:0!important;
  max-width:38ch!important;
  color:var(--hm-description-color)!important;
  font-family:var(--hm-font-ko)!important;
  font-size:16px!important;
  font-weight:300!important;
  line-height:1.52!important;
  letter-spacing:var(--hm-track-body)!important;
  word-break:keep-all!important;
  text-align:left!important;
}
html body.nbt-stepup-page #screens .stepup-impact-signals>article .hm-ds-icon{
  position:static!important;
  display:block!important;
  width:40px!important;
  height:40px!important;
  margin:80px 0 0 auto!important;
  color:var(--hm-blue)!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1px!important;
  opacity:1!important;
  transform:none!important;
}

/* 04.2 — same metric-card visual family as 02.1, two cards only. */
html body.nbt-stepup-page #habit .stepup-behavior-grid--pair{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:28px!important;
}
html body.nbt-stepup-page #habit .stepup-behavior-grid--pair .behavior-card{
  min-height:340px!important;
  text-align:left!important;
}
html body.nbt-stepup-page #habit .stepup-behavior-grid--pair :is(.behavior-value,h4,.behavior-note){
  text-align:left!important;
}

/* 05.1 — 2×2 result grid, all card text left aligned. */
html body.nbt-stepup-page #outcome .stepup-outcome-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:28px!important;
  row-gap:28px!important;
  width:100%!important;
  justify-items:stretch!important;
}
html body.nbt-stepup-page #outcome .stepup-outcome-grid .behavior-card{
  width:100%!important;
  min-height:340px!important;
  padding:24px 0 22px!important;
  text-align:left!important;
}
html body.nbt-stepup-page #outcome .stepup-outcome-grid :is(.behavior-value,h4,.behavior-note){
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:left!important;
}

@media(max-width:780px){
  html body.nbt-stepup-page #strategy .stepup-application-gallery{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  html body.nbt-stepup-page #strategy .stepup-habit-flow{
    grid-template-columns:1fr!important;
    gap:16px!important;
  }
  html body.nbt-stepup-page #strategy .stepup-habit-flow>.hm-ds-gallery-arrow{display:none!important}
  html body.nbt-stepup-page #strategy .stepup-habit-flow article{
    width:min(320px,88vw)!important;
    margin-inline:auto!important;
  }
  html body.nbt-stepup-page #screens .stepup-impact-signals,
  html body.nbt-stepup-page #habit .stepup-behavior-grid--pair,
  html body.nbt-stepup-page #outcome .stepup-outcome-grid{
    grid-template-columns:1fr!important;
  }
  html body.nbt-stepup-page #screens .stepup-impact-signals>article{min-height:300px!important}
}

/* ==========================================================================
   STEPUP 2026-09-19 v4 — page-only final corrections
   Shared design-system files are intentionally untouched.
   ========================================================================== */

/* Canonical wide editorial chapter-start alignment copied from the other case pages:
   left major title origin == right first medium-title divider origin. */
@media(min-width:1600px){
  html body.nbt-stepup-page.hm-wide-stepup-ready #live-main > .hm-section[data-chapter] > .hm-wrap > .hm-section-head{
    grid-column:2!important;
    grid-row:1!important;
    align-self:start!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    animation:none!important;
  }
  html body.nbt-stepup-page.hm-wide-stepup-ready #live-main > .hm-section[data-chapter] > .hm-wrap > .hm-wide-right-rail{
    position:relative!important;
    grid-column:4!important;
    grid-row:1!important;
    align-self:start!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  html body.nbt-stepup-page.hm-wide-stepup-ready #live-main > .hm-section[data-chapter] > .hm-wrap > .hm-wide-right-rail::before{
    content:""!important;
    position:absolute!important;
    z-index:2!important;
    top:0!important;
    right:0!important;
    left:0!important;
    height:1px!important;
    background:var(--hm-line-weak)!important;
    pointer-events:none!important;
  }
  html body.nbt-stepup-page.hm-wide-stepup-ready #live-main > .hm-section[data-chapter] > .hm-wrap > .hm-wide-right-rail > .hm-subsection:first-child{
    margin-top:0!important;
    border-top:0!important;
    padding-top:var(--hm-editorial-line-to-title,var(--hm-space-component,40px))!important;
    transform:none!important;
    animation:none!important;
  }
}

/* 01.1 — English labels use the page accent. */
html body.nbt-stepup-page #reframe .stepup-question-grid .stepup-label{
  color:var(--hm-blue)!important;
}

/* 02.1 — no source line in this block. */
html body.nbt-stepup-page #strategy .hm-subsection:first-child .hm-source{
  display:none!important;
}

/* 03.1 — local typography. */
html body.nbt-stepup-page #screens .prototype-intro{
  align-items:start!important;
}
html body.nbt-stepup-page #screens .prototype-intro h3{
  margin:0!important;
  font-size:22px!important;
}
html body.nbt-stepup-page #screens .prototype-intro p{
  margin:0!important;
}

/* 03.1 — HIMART 04 phone-frame resource copied into this page.
   Only the image placement is added so StepUp assets sit inside the same frame. */
html body.nbt-stepup-page #screens .stepup-phone-gallery{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:34px 22px!important;
  width:100%!important;
  margin-top:72px!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-card{
  min-width:0!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-frame{
  aspect-ratio:9/16!important;
  position:relative!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:38px!important;
  background:#000000!important;
  overflow:hidden!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-frame::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(0,166,237,.2),rgba(255,255,255,.04) 24%,rgba(0,184,222,.12) 52%,rgba(0,237,189,.08)),repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 6%,transparent 6% 10%)!important;
  filter:blur(5px)!important;
  opacity:.82!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-frame::after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:12px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#000!important;
  border:1px solid rgba(255,255,255,.14)!important;
  transform:translateX(-50%)!important;
}
html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-frame img{
  position:absolute!important;
  z-index:2!important;
  inset:8px!important;
  display:block!important;
  width:calc(100% - 16px)!important;
  height:calc(100% - 16px)!important;
  border-radius:30px!important;
  object-fit:cover!important;
  object-position:center top!important;
}

/* 03.2 — English card labels use blue. */
html body.nbt-stepup-page #screens .stepup-impact-signals>article>span{
  color:var(--hm-blue)!important;
}

/* 04.1 — one-row 1×4 process, page-only. */
html body.nbt-stepup-page #habit .stepup-process--1x4{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--hm-line-default)!important;
  border-bottom:1px solid var(--hm-line-default)!important;
}
html body.nbt-stepup-page #habit .stepup-process--1x4 article{
  min-height:250px!important;
  padding:28px 22px 32px!important;
  border-right:1px solid var(--hm-line-faint)!important;
  border-bottom:0!important;
}
html body.nbt-stepup-page #habit .stepup-process--1x4 article:last-child{
  border-right:0!important;
}
html body.nbt-stepup-page #habit .stepup-process--1x4 h4{
  margin-top:34px!important;
  font-size:28px!important;
}

/* 04.2 — title-to-body spacing reduced by 50% locally. */
html body.nbt-stepup-page #habit .stepup-behavior-grid--pair .behavior-card h4{
  min-height:48px!important;
}
html body.nbt-stepup-page #habit .stepup-behavior-grid--pair .behavior-note{
  margin-top:20px!important;
}

/* 04.3 — preserve the verified 20/80 data widths, change only the requested palette.
   Blue = StepUp (left); New Blue = the remainder (right). */
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:nth-child(1){
  --segment-color:var(--hm-blue,#00A6ED)!important;
}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:nth-child(2){
  --segment-color:var(--hm-newblue,#00B8DE)!important;
}

/* 05.1 — keep the four outcome cards as the closing evidence grid. */

/* Mobile guards for the page-only changes. */
@media(max-width:1100px){
  html body.nbt-stepup-page #screens .stepup-phone-gallery{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:780px){
  html body.nbt-stepup-page #screens .stepup-phone-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 14px!important;
  }
  html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-frame{
    border-radius:24px!important;
  }
  html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-frame::before,
  html body.nbt-stepup-page #screens .stepup-phone-gallery .phone-frame img{
    border-radius:18px!important;
  }
  html body.nbt-stepup-page #habit .stepup-process--1x4{
    grid-template-columns:1fr!important;
  }
  html body.nbt-stepup-page #habit .stepup-process--1x4 article{
    min-height:0!important;
    padding:24px 0!important;
    border-right:0!important;
    border-bottom:1px solid var(--hm-line-faint)!important;
  }
  html body.nbt-stepup-page #habit .stepup-process--1x4 article:last-child{
    border-bottom:0!important;
  }
}

/* ==========================================================================
   STEPUP 2026-09-19 v5 — final local corrections
   ========================================================================== */

/* 03.1 — HIMART 04 v18 source grammar inside the shared media carousel.
   Two phone screens on the left, explanatory copy on the right. */
html body.nbt-stepup-page #screens .stepup-screens-carousel{
  --hm-ds-media-carousel-ratio:auto!important;
  width:100%!important;
  height:940px!important;
  margin-top:80px!important;
  background:#000!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .stepup-prototype-slide{
  background:#000!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .production-v18-row{
  display:block!important;
  width:100%!important;
  height:auto!important;
  padding:0 0 32px!important;
  border-top:0!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .production-v18-phones{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:36px!important;
  width:85%!important;
  min-width:0!important;
  margin:0 auto!important;
  align-items:start!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .production-v18-copy{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:36px!important;
  width:85%!important;
  min-width:0!important;
  margin:24px auto 0!important;
  padding:0!important;
  box-sizing:border-box!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .phone-card{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .phone-frame{
  position:relative!important;
  width:100%!important;
  aspect-ratio:9/16!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.60)!important;
  border-radius:38px!important;
  background:#000!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .phone-frame::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(0,166,237,.2),rgba(255,255,255,.04) 24%,rgba(0,184,222,.12) 52%,rgba(0,237,189,.08)),repeating-linear-gradient(180deg,rgba(255,255,255,.12) 0 6%,transparent 6% 10%)!important;
  filter:blur(5px)!important;
  opacity:.82!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .phone-frame::after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:50%!important;
  top:12px!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:#000!important;
  border:1px solid rgba(255,255,255,.14)!important;
  transform:translateX(-50%)!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .phone-frame img{
  position:absolute!important;
  z-index:2!important;
  inset:8px!important;
  display:block!important;
  width:calc(100% - 16px)!important;
  height:calc(100% - 16px)!important;
  margin:0!important;
  border-radius:30px!important;
  object-fit:cover!important;
  object-position:center top!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .production-v18-copy .phone-meta{
  display:grid!important;
  grid-template-columns:1fr!important;
  row-gap:5px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border-top:0!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .production-v18-copy .phone-meta span{
  grid-column:1!important;
  grid-row:1!important;
  color:var(--hm-blue)!important;
  font-family:var(--hm-font-en)!important;
  font-size:12px!important;
  font-weight:300!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .production-v18-copy .phone-meta b{
  grid-column:1!important;
  grid-row:2!important;
  margin:0!important;
  color:#fff!important;
  font-family:var(--hm-font-en)!important;
  font-size:16px!important;
  font-weight:300!important;
  line-height:1.25!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .production-v18-copy .phone-meta p{
  grid-column:1!important;
  grid-row:3!important;
  margin:0!important;
  color:rgba(255,255,255,.70)!important;
  font-family:var(--hm-font-ko)!important;
  font-size:14px!important;
  font-weight:300!important;
  line-height:1.5!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .hm-ds-media-carousel__status{
  top:auto!important;
  right:24px!important;
  bottom:24px!important;
}

/* 03.2 — impact numbers only. */
html body.nbt-stepup-page #screens .stepup-impact-signals>article>.stepup-impact-number{
  font-size:80px!important;
}

/* 05 — source rows use the shared .hm-source design-system role. */
html body.nbt-stepup-page #habit .stepup-internal-source{
  margin-top:28px!important;
}

/* Final chapter: user requested no source line at all. */
html body.nbt-stepup-page #outcome :is(.hm-source,.aimmo-environment-ratio__source,[class*="source"]){
  display:none!important;
}

/* Shared project-end-matter.css is the sole reflection/footer authority. */
html body.nbt-stepup-page .hm-project-reflection,
html body.nbt-stepup-page .hm-project-reflection__inner,
html body.nbt-stepup-page .hm-project-reflection__title,
html body.nbt-stepup-page .hm-project-reflection__copy{
  box-sizing:border-box!important;
}

@media(max-width:1000px){
  html body.nbt-stepup-page #screens .stepup-screens-carousel{
    --hm-ds-media-carousel-ratio:1/1!important;
  }
}
@media(max-width:780px){
  html body.nbt-stepup-page #screens .stepup-screens-carousel{
    --hm-ds-media-carousel-ratio:3/4!important;
    margin-top:56px!important;
  }
  html body.nbt-stepup-page #screens .stepup-screens-carousel .production-v18-phones{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:36px!important;
  }
  html body.nbt-stepup-page #screens .stepup-screens-carousel .phone-frame{
    border-radius:24px!important;
  }
  html body.nbt-stepup-page #screens .stepup-screens-carousel .phone-frame::before,
  html body.nbt-stepup-page #screens .stepup-screens-carousel .phone-frame img{
    border-radius:18px!important;
  }
}

/* ==========================================================================
   STEPUP 2026-09-19 v8 — requested local-only refinements
   ========================================================================== */

/* 03.1 — adaptive carousel arrows: white over dark pixels, black over light pixels.
   White strokes with difference blending react to the actual rendered background, not a fixed theme token. */
html body.nbt-stepup-page #screens .stepup-screens-carousel{
  container-type:inline-size!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .hm-ds-gallery-nav{
  top:0!important;
  bottom:auto!important;
  height:calc(75.5556cqw - 32px)!important;
  background:transparent!important;
}
html body.nbt-stepup-page #screens .stepup-screens-carousel .hm-ds-gallery-nav::before{
  --hm-gallery-nav-color:#fff;
  border-top-color:#fff!important;
  border-right-color:#fff!important;
  mix-blend-mode:difference!important;
}

/* 04.1 — HIMART AX 03.1 maker-card grammar copied page-locally; only count is four and copy is StepUp-specific. */
html body.nbt-stepup-page #habit .stepup-return-signal-flow{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:28px!important;
  width:100%!important;
}
html body.nbt-stepup-page #habit .stepup-return-signal-flow .ax-maker-step,
html body.nbt-stepup-page #habit .stepup-return-signal-flow .ax-maker-step.is-current{
  position:relative!important;
  min-height:260px!important;
  padding:24px 0 0!important;
  border-top:1px solid rgba(255,255,255,.30)!important;
  background:transparent!important;
  text-align:left!important;
}
html body.nbt-stepup-page #habit .stepup-return-signal-flow .ax-maker-step>span{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--hm-blue)!important;
  font-family:var(--hm-font-en)!important;
  font-size:12px!important;
  font-weight:300!important;
  line-height:1.2!important;
  letter-spacing:var(--hm-track-note)!important;
  text-align:left!important;
}
html body.nbt-stepup-page #habit .stepup-return-signal-flow .ax-maker-step h4{
  margin:54px 0 0!important;
  padding:0!important;
  color:#fff!important;
  font-family:var(--hm-font-ko)!important;
  font-size:28px!important;
  font-weight:100!important;
  font-variation-settings:"wght" 100!important;
  line-height:1.2!important;
  letter-spacing:var(--hm-track-subsection)!important;
  text-align:left!important;
  word-break:keep-all!important;
}
html body.nbt-stepup-page #habit .stepup-return-signal-flow .ax-maker-step p{
  margin:14px 0 0!important;
  padding:0!important;
  max-width:30ch!important;
  color:var(--hm-description-color)!important;
  font-family:var(--hm-font-ko)!important;
  font-size:16px!important;
  font-weight:300!important;
  line-height:1.5!important;
  letter-spacing:var(--hm-track-body)!important;
  text-align:left!important;
  word-break:keep-all!important;
}

/* 04.2 — plus sign is the same display size as 20K. */
html body.nbt-stepup-page #habit .stepup-behavior-grid--pair .behavior-value>span{
  font:inherit!important;
  font-size:1em!important;
  font-weight:300!important;
  line-height:.88!important;
  margin-left:6px!important;
}

/* 04.3 — StepUp remains solid blue; remainder uses the same blue at 30% alpha. */
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:nth-child(1){
  --segment-color:var(--hm-blue,#00A6ED)!important;
}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:nth-child(2){
  --segment-color:rgba(0,166,237,.20)!important;
}
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:nth-child(2) > span,
html body.nbt-stepup-page #habit .aimmo-environment-ratio__legend-row:nth-child(2) > b{
  opacity:.70!important;
}

/* 05.1 — equal-size plus signs and Averta for the full MAU label. */
html body.nbt-stepup-page #outcome .stepup-outcome-grid .behavior-value>span{
  font:inherit!important;
  font-size:1em!important;
  font-weight:300!important;
  line-height:.88!important;
  margin-left:6px!important;
}
html body.nbt-stepup-page #outcome .stepup-en-metric-title,
html body.nbt-stepup-page #outcome .stepup-en-metric-title *{
  font-family:var(--hm-font-en)!important;
  font-weight:300!important;
}

@media(max-width:1180px) and (min-width:781px){
  html body.nbt-stepup-page #habit .stepup-return-signal-flow{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:780px){
  html body.nbt-stepup-page #habit .stepup-return-signal-flow{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  html body.nbt-stepup-page #habit .stepup-return-signal-flow .ax-maker-step{
    min-height:220px!important;
  }
}