/* How It Works — FBTL navy / green / lime layout. Scoped so site chrome is untouched. */
.hiw-page,
.hiw-page *,
.hiw-page *::before,
.hiw-page *::after { box-sizing: border-box; }

.hiw-page * { margin: 0; padding: 0; }

body.page-how-it-works,
body.page-id-33589 {
  background: #fff;
}

.hiw-page {
  --navy:       #092242;
  --green:      #00AB3B;
  --lime:       #C9DB00;
  --green-dark: #08692E;
  --bg:         #FFFFFF;
  --bg-soft:    #F8FAFC;
  --bg-tint:    #E6F9ED;
  --text:       #092242;
  --muted:      #64748B;
  --border:     #E2E8F0;
  --radius:     16px;
  --radius-sm:  10px;
  --ease:       cubic-bezier(.25,.8,.25,1);
  font-family: 'Plus Jakarta Sans', sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
}

@keyframes hiwFadeUp    { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:none} }
@keyframes hiwPulseDot  { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.4;transform:scale(.6)} }
@keyframes hiwFloatBlob { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-18px) scale(1.04)} }
@keyframes hiwGridDrift { 0%{background-position:0 0} 100%{background-position:52px 52px} }
@keyframes hiwDivPulse  { 0%{background-position:-100% 0} 100%{background-position:200% 0} }

.hiw-page .reveal { opacity:0; transform:translateY(24px); transition:opacity .65s var(--ease),transform .65s var(--ease); }
.hiw-page .reveal.left  { transform:translateX(-24px); }
.hiw-page .reveal.right { transform:translateX(24px); }
.hiw-page .reveal.visible { opacity:1; transform:none; }
.hiw-page .stagger > * { opacity:0; transform:translateY(18px); transition:opacity .5s var(--ease),transform .5s var(--ease); }
.hiw-page .stagger.visible > *:nth-child(1){opacity:1;transform:none;transition-delay:0ms}
.hiw-page .stagger.visible > *:nth-child(2){opacity:1;transform:none;transition-delay:80ms}
.hiw-page .stagger.visible > *:nth-child(3){opacity:1;transform:none;transition-delay:160ms}
.hiw-page .stagger.visible > *:nth-child(4){opacity:1;transform:none;transition-delay:240ms}
.hiw-page .stagger.visible > *:nth-child(5){opacity:1;transform:none;transition-delay:320ms}
.hiw-page .stagger.visible > *:nth-child(6){opacity:1;transform:none;transition-delay:400ms}
.hiw-page .stagger.visible > *:nth-child(7){opacity:1;transform:none;transition-delay:480ms}
.elementor-editor-active .hiw-page .reveal,
.elementor-editor-active .hiw-page .stagger > * { opacity:1; transform:none; }

.hiw-page .divider { width:100%; height:2px; background:linear-gradient(90deg,transparent,var(--green),transparent); background-size:200% 100%; animation:hiwDivPulse 3.5s ease-in-out infinite; }

.hiw-page .hero {
  position:relative; background:var(--navy);
  overflow:hidden; padding:88px 6% 72px;
}
.hiw-page .hero-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image: linear-gradient(rgba(0,171,59,.05) 1px,transparent 1px), linear-gradient(90deg,rgba(0,171,59,.05) 1px,transparent 1px);
  background-size:52px 52px; animation:hiwGridDrift 22s linear infinite;
}
.hiw-page .hero-blob { position:absolute; border-radius:50%; pointer-events:none; }
.hiw-page .hero-blob-1 { width:500px; height:500px; top:-120px; right:-80px; background:radial-gradient(circle,rgba(0,171,59,.10) 0%,transparent 65%); animation:hiwFloatBlob 9s ease-in-out infinite; }
.hiw-page .hero-blob-2 { width:280px; height:280px; bottom:-80px; left:10%; background:radial-gradient(circle,rgba(201,219,0,.06) 0%,transparent 65%); animation:hiwFloatBlob 11s ease-in-out 3s infinite reverse; }
.hiw-page .hero-inner {
  position:relative; z-index:2;
  max-width:1200px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center;
}
.hiw-page .hero-eyebrow {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(0,171,59,.15); border:1px solid rgba(0,171,59,.3);
  color:#6EE09E; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.16em;
  padding:6px 14px; border-radius:20px; margin-bottom:22px;
  opacity:0; animation:hiwFadeUp .7s .05s var(--ease) forwards;
}
.hiw-page .hero-eyebrow::before { content:''; width:6px; height:6px; background:var(--green); border-radius:50%; animation:hiwPulseDot 2s ease-in-out infinite; }
.hiw-page .hero-title {
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(3rem,7vw,5.5rem); font-weight:900;
  text-transform:uppercase; letter-spacing:-.02em; color:#fff; line-height:.93;
  margin-bottom:22px; opacity:0; animation:hiwFadeUp .8s .12s var(--ease) forwards;
}
.hiw-page .hero-title span { color:var(--green); }
.hiw-page .hero-sub {
  font-size:1.05rem; color:rgba(255,255,255,.65); line-height:1.72; max-width:460px;
  opacity:0; animation:hiwFadeUp .7s .22s var(--ease) forwards;
}
.hiw-page .hero-audience {
  display:flex; gap:10px; flex-wrap:wrap; margin-top:28px;
  opacity:0; animation:hiwFadeUp .7s .32s var(--ease) forwards;
}
.hiw-page .audience-chip {
  display:flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.14);
  border-radius:20px; padding:7px 14px; backdrop-filter:blur(6px);
}
.hiw-page .audience-chip img { width:22px; height:22px; object-fit:contain; }
.hiw-page .audience-chip span { font-size:.78rem; font-weight:700; color:#fff; }
.hiw-page .hero-right { opacity:0; animation:hiwFadeUp .8s .38s var(--ease) forwards; }
.hiw-page .barry-card {
  background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14);
  border-radius:var(--radius); padding:32px; backdrop-filter:blur(10px);
}
.hiw-page .barry-photo {
  width:100px; height:100px; border-radius:50%; object-fit:cover;
  border:3px solid rgba(0,171,59,.5); box-shadow:0 4px 20px rgba(0,0,0,.3);
  display:block; margin:0 auto 20px;
}
.hiw-page .barry-quote {
  font-size:.97rem; color:rgba(255,255,255,.82); line-height:1.7;
  font-style:italic; text-align:center; margin-bottom:16px;
}
.hiw-page .barry-name {
  text-align:center; font-size:.72rem; font-weight:800; letter-spacing:.14em;
  text-transform:uppercase; color:rgba(0,171,59,.9);
}
.hiw-page .barry-tag { font-size:.72rem; color:rgba(255,255,255,.4); text-align:center; margin-top:3px; }
.hiw-page .value-strip {
  display:flex; gap:0; max-width:1200px; margin:0 auto;
  position:relative; z-index:2; margin-top:48px;
  border-top:1px solid rgba(255,255,255,.08);
  padding-top:36px;
  opacity:0; animation:hiwFadeUp .7s .48s var(--ease) forwards;
}
.hiw-page .value-item { flex:1; text-align:center; padding:0 24px; border-right:1px solid rgba(255,255,255,.08); }
.hiw-page .value-item:last-child { border-right:none; }
.hiw-page .value-label { font-size:.62rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; color:rgba(0,171,59,.8); margin-bottom:6px; }
.hiw-page .value-text { font-size:.92rem; font-weight:600; color:rgba(255,255,255,.75); line-height:1.4; }

.hiw-page .caption-strip { background:var(--bg-tint); border-bottom:1px solid var(--border); padding:22px 6%; text-align:center; }
.hiw-page .caption-strip p { font-size:1rem; color:var(--muted); font-style:italic; line-height:1.7; max-width:760px; margin:0 auto; }

.hiw-page .section { padding:88px 6%; }
.hiw-page .section.soft { background:var(--bg-soft); }
.hiw-page .section.tint { background:var(--bg-tint); }
.hiw-page .inner { max-width:1200px; margin:0 auto; }
.hiw-page .sec-eyebrow {
  font-size:.72rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:var(--green); display:flex; align-items:center; gap:8px; margin-bottom:12px;
}
.hiw-page .sec-eyebrow::before { content:''; width:20px; height:2px; background:var(--green); border-radius:1px; }
.hiw-page .sec-title {
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(1.8rem,3.5vw,2.6rem); font-weight:900;
  color:var(--navy); text-transform:uppercase; letter-spacing:-.02em; line-height:1.05; margin-bottom:16px;
}
.hiw-page .sec-body { font-size:1rem; color:var(--muted); line-height:1.78; }
.hiw-page .sec-body p { margin-bottom:14px; }
.hiw-page .sec-body p:last-child { margin-bottom:0; }
.hiw-page .sec-body strong { color:var(--navy); }

.hiw-page .platform-tabs {
  display:grid; grid-template-columns:repeat(7,1fr); gap:0;
  background:var(--navy); border-radius:var(--radius); overflow:hidden;
  max-width:1200px; margin:0 auto;
}
.hiw-page .platform-tab {
  text-align:center; padding:20px 8px;
  border-right:1px solid rgba(255,255,255,.08);
  transition:all .25s var(--ease);
  text-decoration:none; color:inherit; display:block;
}
.hiw-page .platform-tab:last-child { border-right:none; }
.hiw-page .platform-tab:hover { background:rgba(0,171,59,.15); }
.hiw-page .tab-num { font-family:'Barlow Condensed',sans-serif; font-size:1.4rem; font-weight:900; color:var(--lime); line-height:1; margin-bottom:6px; }
.hiw-page .tab-name { font-size:.72rem; font-weight:800; color:rgba(255,255,255,.78); text-transform:uppercase; letter-spacing:.06em; line-height:1.3; }

.hiw-page .two-col { display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; max-width:1200px; margin:0 auto; }
.hiw-page .img-card {
  border-radius:var(--radius); overflow:hidden;
  border:1px solid var(--border);
  box-shadow:0 12px 40px rgba(9,34,66,.10);
  background:var(--bg-soft);
}
.hiw-page .img-card img { width:100%; height:auto; display:block; }
.hiw-page .img-cap { padding:12px 16px; font-size:.78rem; font-weight:600; color:var(--muted); text-align:center; border-top:1px solid var(--border); background:#fff; }
.hiw-page .callout {
  background:var(--bg-tint); border:1px solid rgba(0,171,59,.22); border-left:4px solid var(--green);
  border-radius:var(--radius-sm); padding:18px 22px; font-size:.97rem; color:var(--navy);
  line-height:1.7; font-style:italic; margin-top:22px;
}
.hiw-page .callout strong { font-style:normal; }

.hiw-page .process-track { max-width:1200px; margin:48px auto 0; position:relative; }
.hiw-page .process-track::before {
  content:''; position:absolute; top:38px; left:60px; right:60px; height:3px;
  background:linear-gradient(90deg,var(--green),var(--lime));
  z-index:0;
}
.hiw-page .process-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; position:relative; z-index:1; }
.hiw-page .process-step {
  background:#fff; border:1px solid var(--border); border-radius:var(--radius);
  padding:28px 22px; text-align:center; position:relative;
  transition:all .3s var(--ease);
}
.hiw-page .process-step:hover { transform:translateY(-5px); box-shadow:0 16px 36px rgba(9,34,66,.10); }
.hiw-page .process-step::before {
  content:''; position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg,var(--green),var(--lime));
  border-radius:var(--radius) var(--radius) 0 0;
}
.hiw-page .process-step.is-now {
  border-color:rgba(0,171,59,.4);
  box-shadow:0 16px 36px rgba(9,34,66,.12);
}
.hiw-page .step-circle {
  width:56px; height:56px; border-radius:50%; background:var(--navy);
  display:flex; align-items:center; justify-content:center; margin:0 auto 16px;
  box-shadow:0 4px 16px rgba(9,34,66,.25);
}
.hiw-page .process-step.is-now .step-circle { background:var(--green); }
.hiw-page .step-circle svg { width:26px; height:26px; stroke:#fff; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.hiw-page .step-label { font-size:.65rem; font-weight:800; letter-spacing:.18em; text-transform:uppercase; color:var(--green); margin-bottom:8px; }
.hiw-page .step-title { font-family:'Barlow Condensed',sans-serif; font-size:1.3rem; font-weight:900; color:var(--navy); text-transform:uppercase; margin-bottom:8px; }
.hiw-page .step-sub { font-size:.82rem; color:var(--muted); line-height:1.5; }
.hiw-page .process-note { text-align:center; font-size:.88rem; color:var(--muted); margin-top:22px; font-style:italic; }

.hiw-page .eq-wrap { max-width:1200px; margin:0 auto; display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
.hiw-page .eq-image-card {
  border-radius:var(--radius); overflow:hidden; border:1px solid var(--border);
  box-shadow:0 16px 48px rgba(9,34,66,.12);
}
.hiw-page .eq-image-card img { width:100%; height:auto; display:block; }
.hiw-page .badge-explainer { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:24px; }
.hiw-page .badge-item {
  background:#fff; border:1px solid var(--border); border-radius:var(--radius-sm);
  padding:14px 16px; font-size:.85rem; font-weight:600; color:var(--navy);
  display:flex; align-items:center; gap:10px; transition:all .25s var(--ease);
}
.hiw-page .badge-item:hover { border-color:rgba(0,171,59,.35); background:var(--bg-tint); transform:translateX(3px); }
.hiw-page .badge-check { width:22px; height:22px; border-radius:50%; background:var(--green); flex-shrink:0; display:flex; align-items:center; justify-content:center; }
.hiw-page .badge-check svg { width:11px; height:11px; stroke:#fff; fill:none; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
.hiw-page .badge-empty { width:22px; height:22px; border-radius:50%; background:var(--border); flex-shrink:0; }

.hiw-page .routine-steps { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; max-width:1200px; margin:40px auto 0; }
.hiw-page .routine-step {
  background:#fff; border:1px solid var(--border); border-radius:var(--radius);
  padding:24px 18px; text-align:center; transition:all .28s var(--ease); position:relative; overflow:hidden;
}
.hiw-page .routine-step::after {
  content:''; position:absolute; bottom:0; left:0; right:0; height:3px;
  background:linear-gradient(90deg,var(--green),var(--lime));
  transform:scaleX(0); transform-origin:left; transition:transform .3s var(--ease);
}
.hiw-page .routine-step:hover { transform:translateY(-4px); box-shadow:0 14px 32px rgba(9,34,66,.09); }
.hiw-page .routine-step:hover::after { transform:scaleX(1); }
.hiw-page .routine-num { font-family:'Barlow Condensed',sans-serif; font-size:2.2rem; font-weight:900; color:var(--lime); line-height:1; margin-bottom:10px; }
.hiw-page .routine-name { font-size:.82rem; font-weight:800; color:var(--navy); text-transform:uppercase; letter-spacing:.06em; margin-bottom:6px; }
.hiw-page .routine-desc { font-size:.75rem; color:var(--muted); line-height:1.5; }
.hiw-page .tools-row { display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:28px; }
.hiw-page .tool-chip {
  background:var(--navy); color:#fff; font-size:.78rem; font-weight:700;
  padding:9px 18px; border-radius:20px; letter-spacing:.04em;
  transition:all .22s var(--ease); text-decoration:none; display:inline-block;
}
.hiw-page .tool-chip:hover { background:var(--green); transform:translateY(-2px); color:#fff; }

.hiw-page .sections-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:20px; max-width:1200px; margin:0 auto; }
.hiw-page .section-card {
  background:#fff; border:1px solid var(--border); border-radius:var(--radius);
  overflow:hidden; transition:all .3s var(--ease);
  text-decoration:none; color:inherit; display:block;
}
.hiw-page .section-card:hover { transform:translateY(-5px); box-shadow:0 18px 40px rgba(9,34,66,.12); }
.hiw-page .section-card-img { width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.hiw-page .section-card-body { padding:22px 20px; }
.hiw-page .section-card-num { font-family:'Barlow Condensed',sans-serif; font-size:.65rem; font-weight:900; letter-spacing:.2em; color:var(--green); text-transform:uppercase; margin-bottom:8px; }
.hiw-page .section-card-title { font-family:'Barlow Condensed',sans-serif; font-size:1.35rem; font-weight:900; color:var(--navy); text-transform:uppercase; letter-spacing:-.01em; margin-bottom:6px; }
.hiw-page .section-card-desc { font-size:.83rem; color:var(--muted); line-height:1.55; }

.hiw-page .profile-pair { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:1200px; margin:0 auto; padding:0 6% 88px; }
.hiw-page .profile-card {
  background:#fff; border:1px solid var(--border); border-radius:var(--radius);
  overflow:hidden; box-shadow:0 8px 28px rgba(9,34,66,.06);
}
.hiw-page .profile-card-bar { height:4px; background:linear-gradient(90deg,var(--green),var(--lime)); }
.hiw-page .profile-card-head {
  padding:22px 24px 16px; border-bottom:1px solid var(--border);
  font-family:'Barlow Condensed',sans-serif; font-size:1.2rem; font-weight:900;
  color:var(--navy); text-transform:uppercase; letter-spacing:.02em;
  display:flex; align-items:center; justify-content:space-between; gap:10px;
}
.hiw-page .profile-card-head a { font-family:'Plus Jakarta Sans',sans-serif; font-size:.72rem; font-weight:800; letter-spacing:.08em; color:var(--green); text-decoration:none; text-transform:uppercase; }
.hiw-page .profile-item { display:flex; align-items:center; gap:12px; padding:13px 24px; border-bottom:1px solid var(--border); transition:background .2s; text-decoration:none; color:inherit; }
.hiw-page .profile-item:last-child { border-bottom:none; }
.hiw-page .profile-item:hover { background:var(--bg-soft); }
.hiw-page .profile-item-dot { width:8px; height:8px; border-radius:50%; background:var(--green); flex-shrink:0; }
.hiw-page .profile-item.is-done .profile-item-dot { background:var(--border); }
.hiw-page .profile-item-text { font-size:.88rem; font-weight:600; color:var(--navy); line-height:1.4; }
.hiw-page .profile-item-sub { font-size:.72rem; color:var(--muted); margin-top:2px; }
.hiw-page .profile-badge {
  display:inline-flex; align-items:center; gap:5px; padding:3px 10px;
  background:var(--bg-tint); border:1px solid rgba(0,171,59,.25);
  border-radius:10px; font-size:.65rem; font-weight:800; color:var(--green);
  text-transform:uppercase; letter-spacing:.08em;
}
.hiw-page .profile-foot { padding:14px 24px; font-size:.72rem; color:var(--muted); font-style:italic; }

.hiw-page .columns-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; max-width:1200px; margin:0 auto; }
.hiw-page .col-card {
  background:#fff; border:1px solid var(--border); border-radius:var(--radius-sm);
  padding:18px 16px; font-size:.88rem; font-weight:700; color:var(--navy);
  display:flex; align-items:flex-start; gap:10px; transition:all .22s var(--ease);
}
.hiw-page .col-card:hover { border-color:rgba(0,171,59,.35); background:var(--bg-tint); transform:translateX(3px); }
.hiw-page .col-card-dash { color:var(--green); font-weight:900; flex-shrink:0; margin-top:1px; }

.hiw-page .voices-row { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; max-width:1200px; margin:40px auto 0; }
.hiw-page .voice-card { text-align:center; }
.hiw-page .voice-avatar {
  width:90px; height:90px; border-radius:50%; object-fit:cover;
  border:3px solid var(--border); box-shadow:0 4px 16px rgba(9,34,66,.10);
  display:block; margin:0 auto 12px;
  background:var(--bg-soft);
}
.hiw-page .voice-name { font-size:.88rem; font-weight:800; color:var(--navy); margin-bottom:3px; }
.hiw-page .voice-role { font-size:.75rem; color:var(--muted); }

.hiw-page .cta-box {
  background:linear-gradient(135deg,var(--green) 0%,var(--green-dark) 100%);
  border-radius:var(--radius); padding:72px 52px; max-width:1200px; margin:0 auto;
  text-align:center; position:relative; overflow:hidden;
}
.hiw-page .cta-box::before {
  content:'FBTL'; position:absolute; font-family:'Barlow Condensed',sans-serif;
  font-size:22vw; font-weight:900; color:rgba(255,255,255,.04);
  top:50%; left:50%; transform:translate(-50%,-50%);
  white-space:nowrap; pointer-events:none; letter-spacing:-.02em;
}
.hiw-page .cta-box h2 {
  font-family:'Barlow Condensed',sans-serif;
  font-size:clamp(2.2rem,4vw,3.5rem); font-weight:900;
  text-transform:uppercase; color:#fff; line-height:1.05;
  margin-bottom:14px; position:relative;
}
.hiw-page .cta-box p { font-size:1.05rem; color:rgba(255,255,255,.82); line-height:1.65; max-width:520px; margin:0 auto 32px; position:relative; }
.hiw-page .cta-actions { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; position:relative; }
.hiw-page .btn-white { display:inline-flex; align-items:center; gap:8px; padding:14px 32px; background:#fff; color:var(--green-dark); font-weight:800; font-size:.95rem; border-radius:30px; text-decoration:none; border:2px solid #fff; transition:all .25s var(--ease); }
.hiw-page .btn-white:hover { background:rgba(255,255,255,.9); transform:translateY(-2px); box-shadow:0 10px 28px rgba(0,0,0,.18); }
.hiw-page .btn-ghost-white { display:inline-flex; align-items:center; gap:8px; padding:14px 32px; background:rgba(255,255,255,.1); color:#fff; font-weight:700; font-size:.95rem; border-radius:30px; text-decoration:none; border:2px solid rgba(255,255,255,.4); transition:all .25s var(--ease); }
.hiw-page .btn-ghost-white:hover { background:rgba(255,255,255,.18); transform:translateY(-2px); }
.hiw-page .btn-navy { display:inline-flex; background:var(--navy); border-color:var(--navy); color:#fff; font-size:.85rem; padding:11px 22px; border-radius:30px; text-decoration:none; font-weight:800; margin-top:22px; }

.hiw-page .elementor-widget-html,
.hiw-page .elementor-widget-shortcode,
.hiw-page .elementor-widget-container { margin:0; padding:0; }

@media(max-width:1060px){
  .hiw-page .platform-tabs { grid-template-columns:repeat(4,1fr); }
  .hiw-page .sections-grid { grid-template-columns:1fr 1fr; }
  .hiw-page .routine-steps { grid-template-columns:repeat(3,1fr); }
  .hiw-page .columns-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:900px){
  .hiw-page .hero-inner { grid-template-columns:1fr; gap:40px; }
  .hiw-page .value-strip { flex-wrap:wrap; gap:24px; }
  .hiw-page .value-item { flex:1 1 40%; border-right:none; border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:20px; }
  .hiw-page .two-col, .hiw-page .eq-wrap, .hiw-page .profile-pair { grid-template-columns:1fr; }
  .hiw-page .process-steps { grid-template-columns:repeat(2,1fr); }
  .hiw-page .process-track::before { display:none; }
  .hiw-page .voices-row { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:640px){
  .hiw-page .section { padding:64px 5%; }
  .hiw-page .hero { padding:72px 5% 56px; }
  .hiw-page .platform-tabs { grid-template-columns:repeat(2,1fr); }
  .hiw-page .sections-grid { grid-template-columns:1fr; }
  .hiw-page .routine-steps { grid-template-columns:repeat(2,1fr); }
  .hiw-page .columns-grid { grid-template-columns:1fr; }
  .hiw-page .process-steps { grid-template-columns:1fr; }
  .hiw-page .cta-box { padding:52px 28px; }
  .hiw-page .badge-explainer { grid-template-columns:1fr; }
  .hiw-page .hero-audience { flex-direction:column; }
}
@media(prefers-reduced-motion:reduce){
  .hiw-page .reveal, .hiw-page .stagger > * { opacity:1; transform:none; transition:none; }
  .hiw-page *, .hiw-page *::before, .hiw-page *::after { animation-duration:.01ms !important; transition-duration:.01ms !important; }
}