/* Scoped public walkthrough: mirrors CV teal, navy, cards, and email surface patterns. */
.hiw-page {
  --ink:#0f1c24;
  --teal:#2fa4a9;
  --mist:#f7f8fa;
  --line:#dce5e7;
  --muted:#4b5d66;
  --navy:#1e2933;
  color:var(--ink);
  background:var(--mist);
  font-family:inherit
}

.hiw-page * {
  box-sizing:border-box
}

.hiw-wrap {
  max-width:1080px;
  margin:auto;
  padding:0 24px
}

.hiw-hero {
  padding:72px 0 64px;
  background:linear-gradient(135deg,#e5f3f2,#f7f8fa 58%,#dce7ed)
}

.hiw-hero__grid {
  text-align:center
}

.hiw-hero__copy {
  max-width:760px;
  margin:auto
}

.hiw-hero .hiw-hero__actions {
  justify-content:center
}

.hiw-eyebrow,.hiw-kicker {
  margin:0 0 11px;
  color:#176e72;
  font-size:12px;
  font-weight:800;
  letter-spacing:.14em
}

.hiw-kicker {
  font-size:22px;
  font-weight:700;
  line-height:1.2
}

.hiw-hero h1 {
  max-width:650px;
  margin:0 auto 17px;
  color:var(--ink);
  font-size:clamp(2.25rem,5vw,4.25rem);
  line-height:1.04;
  letter-spacing:-.045em
}

.hiw-lede {
  max-width:640px;
  margin:0 auto;
  color:var(--muted);
  font-size:19px;
  line-height:1.65
}

.hiw-hero__actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:27px
}

.hiw-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 19px;
  border:1px solid transparent;
  border-radius:8px;
  text-decoration:none;
  font-size:15px;
  font-weight:700;
  transition:transform .18s ease,filter .18s ease
}

.hiw-btn:hover {
  transform:translateY(-2px);
  filter:brightness(.96)
}

.hiw-btn:focus-visible {
  outline:3px solid #d7b27a;
  outline-offset:3px
}

.hiw-btn--primary {
  background:var(--teal);
  color:var(--ink)
}

.hiw-btn--quiet {
  border-color:#82babe;
  color:#145f64;
  background:#ffffffa8
}

.hiw-demo-note {
  margin:26px 0 0;
  color:var(--muted);
  font-size:12px;
  text-align:center
}

.hiw-step {
  display:grid;
  grid-template-columns:minmax(250px,.86fr) minmax(0,1.14fr);
  gap:70px;
  align-items:center;
  padding:80px 0;
  border-bottom:1px solid var(--line)
}

.hiw-step--reverse .hiw-step__intro {
  order:2
}

.hiw-step__intro h2 {
  margin:0 0 14px;
  color:var(--ink);
  font-size:clamp(1.75rem,3.4vw,2.55rem);
  line-height:1.12;
  letter-spacing:-.03em
}

.hiw-step__intro p:not(.hiw-kicker) {
  margin:0 0 14px;
  color:var(--muted);
  line-height:1.67
}

.hiw-caption {
  font-size:13px
}

.hiw-demo {
  overflow:hidden;
  background:#fff;
  border:1px solid var(--line);
  border-radius:13px;
  box-shadow:0 15px 30px #0f1c2412;
  font-size:14px
}

.hiw-demo__bar {
  display:flex;
  justify-content:space-between;
  gap:15px;
  align-items:center;
  padding:15px 18px;
  border-bottom:1px solid var(--line);
  color:var(--ink)
}

.hiw-demo__bar span {
  color:var(--muted);
  font-size:12px
}

.hiw-setting,.hiw-scope,.hiw-channel {
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  padding:13px 18px;
  border-bottom:1px solid #edf0f1
}

.hiw-setting span,.hiw-scope span {
  color:var(--muted)
}

.hiw-setting strong {
  font-weight:600
}

.hiw-pref {
  padding:12px 18px;
  background:#f2fbfa;
  color:#245b5c;
  font-size:13px
}

.hiw-check {
  display:inline-grid;
  place-items:center;
  width:17px;
  height:17px;
  margin-right:7px;
  border-radius:4px;
  background:var(--teal);
  color:#fff;
  font-size:11px
}

.hiw-person {
  display:flex;
  gap:12px;
  align-items:center;
  padding:18px
}

.hiw-avatar {
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:#d8efed;
  color:#155b60;
  font-weight:800;
  font-size:12px
}

.hiw-person strong,.hiw-person small {
  display:block
}

.hiw-person small {
  color:var(--muted);
  font-size:12px
}

.hiw-channel b,.hiw-scope b {
  font-size:11px;
  font-weight:700;
  color:#667780;
  text-align:right
}

.hiw-channel--on {
  background:#f2fbfa
}

.hiw-channel--on b,.hiw-scope.is-on b {
  color:#16756f
}

.hiw-microcopy {
  margin:14px 18px;
  color:#718087;
  font-size:12px;
  line-height:1.5
}

.hiw-checkin {
  padding-bottom:18px
}

.hiw-checkin__hello,.hiw-checkin>p:not(.hiw-microcopy) {
  margin:19px 20px 8px;
  color:#30444e
}

.hiw-faux-cta {
  margin:19px 20px;
  padding:12px 16px;
  border-radius:8px;
  background:var(--teal);
  color:#092124;
  text-align:center;
  font-weight:700
}

.hiw-checkin__success {
  margin:0 20px;
  padding:12px;
  border:1px solid #b7e2dc;
  border-radius:8px;
  background:#ecfaf7;
  color:#155e56
}

.hiw-checkin__success span {
  display:block;
  margin-top:3px;
  font-size:12px
}

.hiw-email {
  max-width:500px;
  margin:auto;
  background:#f4f5f7
}

.hiw-email__header {
  padding:16px 19px;
  background:#fff;
  border-bottom:1px solid var(--line)
}

.hiw-email__header span {
  display:block;
  margin-top:2px;
  color:#6b7280;
  font-size:11px
}

.hiw-email__body {
  padding:20px;
  background:#fff;
  color:#0f172a;
  line-height:1.55
}

.hiw-email__body p {
  margin:0 0 13px
}

.hiw-email__hint {
  margin:17px 0;
  padding:12px;
  border:1px solid #fcd34d;
  border-radius:7px;
  background:#fffbeb;
  color:#795b1a;
  font-size:13px
}

.hiw-secure-label {
  color:#146a6e;
  font-weight:700;
  font-size:12px;
  text-align:center
}

.hiw-email__footer {
  padding:13px 19px;
  color:#6b7280;
  font-size:11px
}

.hiw-email__pin {
  margin-top:18px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#f0f8f8;
  text-align:center
}

.hiw-email__pin-value {
  display:block;
  margin:6px 0 12px;
  color:#176e72;
  font-size:28px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  letter-spacing:.16em
}

.hiw-email__pin small {
  display:block;
  color:var(--muted);
  font-size:12px
}

.hiw-portal {
  background:#f7f8fa;
  padding:16px
}

.hiw-portal__title {
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:14px 16px;
  border:1px solid #b7ddc7;
  border-radius:9px;
  background:#ecf8f0;
  color:#155724
}

.hiw-portal__title span {
  font-size:12px
}

.hiw-portal__grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:11px
}

.hiw-portal article {
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff
}

.hiw-portal article h3 {
  margin:0 0 6px;
  font-size:13px;
  color:var(--ink)
}

.hiw-portal article p {
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.45
}

.hiw-all-ok {
  max-width:480px;
  margin:auto
}

.hiw-all-ok__top {
  padding:17px 19px;
  background:#ecfdf5;
  border-bottom:1px solid #b9e7d0;
  color:#047857
}

.hiw-all-ok__top span,.hiw-all-ok__top small {
  display:block
}

.hiw-all-ok__top small {
  margin-top:2px;
  font-size:11px
}

.hiw-all-ok__body {
  padding:20px
}

.hiw-all-ok__body p {
  margin:0 0 12px;
  color:#263d46
}

.hiw-all-ok__foot {
  padding:13px 19px;
  border-top:1px solid var(--line);
  color:#6b7280;
  font-size:11px
}

.hiw-final {
  padding:72px 0;
  background:var(--navy);
  color:#f7f8fa;
  text-align:center
}

.hiw-final__inner {
  max-width:720px
}

.hiw-final h2 {
  margin:0 0 14px;
  color:#fff;
  font-size:clamp(2rem,4vw,3rem);
  line-height:1.12;
  letter-spacing:-.035em
}

.hiw-final p {
  margin:0;
  color:#c5d3d5;
  font-size:17px;
  line-height:1.6
}

.hiw-final .hiw-hero__actions {
  justify-content:center
}

.hiw-btn--light {
  background:#fff;
  color:var(--ink)
}

.hiw-btn--outline {
  border-color:#7bb7b6;
  color:#e6fbf9
}

@media(max-width:760px) {
  .hiw-hero {
  padding:50px 0
}

.hiw-step {
  grid-template-columns:1fr;
  gap:30px
}

.hiw-step {
  padding:53px 0
}

.hiw-step--reverse .hiw-step__intro {
  order:0
}

.hiw-lede {
  font-size:16px
}

.hiw-portal__grid {
  grid-template-columns:1fr
}

.hiw-final {
  padding:55px 0
}

}

@media(max-width:390px) {
  .hiw-wrap {
  padding:0 16px
}

.hiw-demo {
  font-size:13px
}

.hiw-setting,.hiw-scope,.hiw-channel {
  padding:12px 14px
}

.hiw-demo__bar {
  padding:14px
}

.hiw-btn {
  width:100%
}

.hiw-hero__actions {
  display:block
}

.hiw-hero__actions .hiw-btn+.hiw-btn {
  margin-top:10px
}

}