/* 대치루트 랜딩 퍼널 정리
   기존 색상·타이포·카드 언어를 유지하고 새 전환 섹션만 좁게 보정합니다. */

/* 퍼널 순서는 HTML 탐색 순서와 일치시켜 키보드·스크린리더도 같은 흐름으로 읽습니다. */

/* 히어로 직후: 카드 다섯 장이 아닌 하나의 간결한 확인 기준 띠 */
.page-home .funnel-trust-strip{
  padding:0;
  border:0;
  background:#fff;
}
.page-home .funnel-trust-strip ul{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0;
  padding:0;
  border-top:1px solid var(--dr-line,#d8dfe5);
  border-bottom:1px solid var(--dr-line,#d8dfe5);
  list-style:none;
}
.page-home .funnel-trust-strip li{
  min-width:0;
  min-height:84px;
  padding:14px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border-right:1px solid var(--dr-line,#d8dfe5);
}
.page-home .funnel-trust-strip li:first-child{padding-left:0}
.page-home .funnel-trust-strip li:last-child{padding-right:0;border-right:0}
.page-home .funnel-trust-strip strong{
  display:block;
  color:var(--dr-ink,#202833);
  font-size:14px;
  font-weight:760;
  line-height:1.35;
  letter-spacing:-.02em;
}
.page-home .funnel-trust-strip span{
  display:block;
  margin-top:5px;
  color:var(--dr-muted,#68737e);
  font-size:12.5px;
  line-height:1.55;
}

/* 구성기: 다섯 실제 단계를 그대로 표시하고 앱 목록은 요청할 때만 펼칩니다. */
.page-home .builder-progress{grid-template-columns:repeat(5,minmax(0,1fr))}
.page-home .builder-progress li{
  min-width:0;
  min-height:44px;
  padding:9px 8px;
  display:grid;
  place-items:center;
  line-height:1.35;
}
.page-home #toggleAppCatalog{
  width:100%;
  min-height:50px;
  margin-top:14px;
  padding:0 16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  border:1px solid var(--dr-line,#d8dfe5);
  border-radius:6px;
  background:#fff;
  color:var(--dr-ink,#202833);
  font-size:13px;
  font-weight:730;
  text-align:left;
}
.page-home #toggleAppCatalog:hover,
.page-home #toggleAppCatalog[aria-expanded="true"]{
  border-color:#aebbc7;
  background:var(--dr-surface,#f6f7f9);
}
.page-home #toggleAppCatalog:focus-visible{
  outline:2px solid var(--dr-blue,#486784);
  outline-offset:2px;
}
.page-home #toggleAppCatalog>span{
  flex:none;
  color:var(--dr-blue,#486784);
  font-size:18px;
  line-height:1;
  transition:transform .18s ease;
}
.page-home #toggleAppCatalog[aria-expanded="true"]>span{transform:rotate(45deg)}
.page-home #appCatalog{
  margin-top:16px;
  padding-top:4px;
  border-top:1px solid var(--dr-line,#d8dfe5);
}
.page-home #appCatalog[hidden]{display:none!important}

/* 정가와 현재 할인가를 같은 규칙으로 표시합니다. */
.page-home .price-list{
  margin-right:.22em;
  color:var(--dr-muted,#68737e);
  font-weight:520;
  text-decoration-color:currentColor;
  text-decoration-thickness:1px;
  white-space:nowrap;
}
.page-home .price-sale{
  color:var(--dr-blue-dark,#39536a);
  font-weight:780;
  white-space:nowrap;
}

/* 구성기의 추가 옵션도 기존 한 줄 선택 UI 안에서 가격 위계를 통일합니다. */
.page-home .addon+.addon{margin-top:9px}
.page-home .addon-copy{min-width:0;flex:1}
.page-home .addon-copy>b{display:block;font-size:14.5px;font-weight:650;line-height:1.4}
.page-home .addon-copy .osub{display:block;margin-top:3px;font-size:11.5px;line-height:1.5;color:var(--ink3)}
.page-home .addon-price{flex:none;text-align:right;line-height:1.35}
.page-home .addon-price .price-list,
.page-home .addon-price .price-sale{display:block;margin:0;font-size:12.5px}
.page-home .fast-track-summary-row{margin-top:4px;padding-top:9px;border-top:1px solid var(--line)}
.page-home .fast-track-summary-row dd{line-height:1.45}

.page-home .order-handoff-note{
  margin:14px 0 10px;
  padding:12px 14px;
  border:1px solid var(--dr-line,#d8dfe5);
  border-radius:6px;
  background:var(--dr-surface,#f6f7f9);
  color:var(--dr-muted,#68737e);
  font-size:12.5px;
  line-height:1.65;
}
.page-home .order-handoff-note strong,
.page-home .order-handoff-note b{color:var(--dr-ink,#202833)}

/* 솔루션 비용은 기기값이 아니라 세 가지 작업 묶음이라는 점을 밝은 팔레트로 설명합니다. */
.page-home #solution-value.solution-value{
  padding:58px 0 64px;
  border-top:1px solid var(--dr-line,#d8dfe5);
  border-bottom:1px solid var(--dr-line,#d8dfe5);
  background:var(--dr-surface,#f6f7f9);
  color:var(--dr-ink,#202833);
}
.page-home #solution-value .solution-head{margin-bottom:28px}
.page-home #solution-value .solution-head>p{color:var(--dr-muted,#68737e)}
.page-home #solution-value .decision-kicker{color:var(--dr-blue-dark,#39536a)}
.page-home #solution-value .value-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid var(--dr-line,#d8dfe5);
  border-radius:8px;
  background:#fff;
  list-style:none;
}
.page-home #solution-value .value-list li,
.page-home #solution-value .value-list li:first-child,
.page-home #solution-value .value-list li:last-child{
  min-width:0;
  padding:22px;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-content:start;
  gap:3px 12px;
  border-right:1px solid var(--dr-line,#d8dfe5);
  border-bottom:0;
}
.page-home #solution-value .value-list li:last-child{border-right:0}
.page-home #solution-value .value-list>li>span{
  grid-row:1 / span 2;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid #d6dee5;
  border-radius:6px;
  background:#f1f4f6;
  color:var(--dr-blue,#486784);
  font-size:10px;
  font-weight:800;
  letter-spacing:0;
}
.page-home #solution-value .value-list strong{
  margin:0;
  color:var(--dr-ink,#202833);
  font-size:15px;
  line-height:1.42;
}
.page-home #solution-value .value-list p{
  margin:6px 0 0;
  color:var(--dr-muted,#68737e);
  font-size:12.5px;
  line-height:1.65;
}
.page-home #solution-value .cost-summary{
  margin-top:16px;
  border-color:var(--dr-line,#d8dfe5);
  background:#fff;
  color:var(--dr-text,#4e5968);
}
.page-home #solution-value .cost-summary span{color:var(--dr-text,#4e5968)}
.page-home #solution-value .cost-summary b{color:var(--dr-ink,#202833)}
.page-home #solution-value .cost-summary i{color:#a4adb6}
.page-home #solution-value .cost-summary>strong{color:var(--dr-blue-dark,#39536a)}
.page-home #solution-value .transaction-safety{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:14px;
  overflow:hidden;
  border:1px solid var(--dr-line,#d8dfe5);
  border-radius:8px;
  background:#fff;
}
.page-home #solution-value .transaction-safety>div{
  min-width:0;
  padding:18px 20px;
  border-right:1px solid var(--dr-line,#d8dfe5);
}
.page-home #solution-value .transaction-safety>div:nth-child(3){border-right:0}
.page-home #solution-value .transaction-safety span{
  display:block;
  margin-bottom:8px;
  color:var(--dr-blue,#486784);
  font-size:10px;
  font-weight:800;
}
.page-home #solution-value .transaction-safety strong{
  display:block;
  color:var(--dr-ink,#202833);
  font-size:14px;
  line-height:1.4;
}
.page-home #solution-value .transaction-safety p{
  margin-top:6px;
  color:var(--dr-muted,#68737e);
  font-size:11.5px;
  line-height:1.6;
}
.page-home #solution-value .transaction-safety>a{
  grid-column:1/-1;
  min-height:44px;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  border-top:1px solid var(--dr-line,#d8dfe5);
  color:var(--dr-blue-dark,#39536a);
  font-size:12px;
  font-weight:720;
}

/* 후기 이미지를 반복하지 않고 대표적인 선택 패턴 세 가지를 한눈에 비교합니다. */
.page-home .trust-patterns{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  overflow:hidden;
  border:1px solid var(--dr-line,#d8dfe5);
  border-radius:8px;
  background:#fff;
}
.page-home .trust-patterns article{
  min-width:0;
  padding:20px;
  border-right:1px solid var(--dr-line,#d8dfe5);
}
.page-home .trust-patterns article:last-child{border-right:0}
.page-home .trust-patterns article>span{
  display:block;
  color:var(--dr-blue,#486784);
  font-size:10.5px;
  font-weight:780;
  letter-spacing:.04em;
}
.page-home .trust-patterns article>strong{
  display:block;
  margin-top:8px;
  color:var(--dr-ink,#202833);
  font-size:15px;
  line-height:1.45;
}
.page-home .trust-patterns article>p{
  margin-top:7px;
  color:var(--dr-muted,#68737e);
  font-size:12px;
  line-height:1.65;
}
.page-home .trust-review-source{
  min-height:44px;
  margin-top:12px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--dr-blue-dark,#39536a);
  font-size:12px;
  font-weight:720;
}

/* 구매 직전 FAQ: 별도 카드 장식을 늘리지 않는 편집형 목록 */
.page-home .funnel-faq{
  padding:58px 0 64px;
  border-top:1px solid var(--dr-line,#d8dfe5);
  background:#fff;
}
.page-home .funnel-faq .sec-head{margin-bottom:24px}
.page-home .funnel-faq details{
  margin:0;
  padding:0;
  border:0;
  border-bottom:1px solid var(--dr-line,#d8dfe5);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.page-home .funnel-faq details:first-of-type{border-top:1px solid var(--dr-ink,#202833)}
.page-home .funnel-faq summary{
  position:relative;
  min-height:68px;
  padding:20px 46px 20px 2px;
  display:flex;
  align-items:center;
  color:var(--dr-ink,#202833);
  cursor:pointer;
  font-size:15px;
  font-weight:700;
  line-height:1.45;
  list-style:none;
}
.page-home .funnel-faq summary::-webkit-details-marker{display:none}
.page-home .funnel-faq summary::after{
  content:"＋";
  position:absolute;
  right:4px;
  top:50%;
  color:var(--dr-blue,#486784);
  font-size:18px;
  font-weight:400;
  transform:translateY(-50%);
}
.page-home .funnel-faq details[open] summary::after{content:"−"}
.page-home .funnel-faq details>p,
.page-home .funnel-faq .funnel-faq-answer{
  max-width:820px;
  margin:0;
  padding:0 46px 22px 2px;
  color:var(--dr-muted,#68737e);
  font-size:13.5px;
  line-height:1.75;
}

/* 밝은 최종 CTA의 보조 행동은 주 버튼과 경쟁하지 않는 텍스트 링크입니다. */
.page-home .final .final-builder-link,
.page-home .final .final-secondary-link,
.page-home .final .final-micro-actions>a:not(.btn){
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:var(--dr-blue-dark,#39536a);
  font-size:13px;
  font-weight:720;
  text-decoration:underline;
  text-underline-offset:5px;
}
.page-home .final .final-builder-link:hover,
.page-home .final .final-secondary-link:hover,
.page-home .final .final-micro-actions>a:not(.btn):hover{color:var(--dr-ink,#202833)}

@media(max-width:760px){
  /* 신뢰 띠만 가로 탐색으로 유지하고 나머지 신규 정보 구조는 한 열로 읽습니다. */
  .page-home .funnel-trust-strip ul{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:minmax(220px,76vw);
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .page-home .funnel-trust-strip ul::-webkit-scrollbar{display:none}
  .page-home .funnel-trust-strip li,
  .page-home .funnel-trust-strip li:first-child,
  .page-home .funnel-trust-strip li:last-child{
    min-height:82px;
    padding:14px 16px;
    border-right:1px solid var(--dr-line,#d8dfe5);
    scroll-snap-align:start;
  }
  .page-home .funnel-trust-strip li:first-child{padding-left:0}
  .page-home .funnel-trust-strip strong{font-size:14px}
  .page-home .funnel-trust-strip span{font-size:12.5px;line-height:1.55}

  .page-home .builder-progress li{padding:8px 3px;font-size:10.5px}
  .page-home #toggleAppCatalog{min-height:52px;font-size:14px}
  .page-home #appCatalog .apps-grid{grid-template-columns:1fr}
  .page-home .order-handoff-note{font-size:14px}

  .page-home #solution-value.solution-value,
  .page-home .funnel-faq{padding:48px 0 54px}
  .page-home #solution-value .solution-head{margin-bottom:22px}
  .page-home #solution-value .solution-head>p{font-size:14px;line-height:1.7}
  .page-home #solution-value .value-list,
  .page-home #solution-value .transaction-safety,
  .page-home .trust-patterns{grid-template-columns:1fr}
  .page-home #solution-value .value-list li,
  .page-home #solution-value .value-list li:first-child,
  .page-home #solution-value .value-list li:last-child{
    padding:18px;
    border-right:0;
    border-bottom:1px solid var(--dr-line,#d8dfe5);
  }
  .page-home #solution-value .value-list li:last-child{border-bottom:0}
  .page-home #solution-value .value-list strong{font-size:15px}
  .page-home #solution-value .value-list p{font-size:13.5px;line-height:1.68}
  .page-home #solution-value .cost-summary{
    display:grid;
    grid-template-columns:1fr;
    gap:9px;
    padding:16px;
    font-size:13px;
  }
  .page-home #solution-value .cost-summary span{display:block}
  .page-home #solution-value .cost-summary i{display:none}
  .page-home #solution-value .cost-summary>strong{
    margin:4px 0 0;
    padding-top:12px;
    border-top:1px solid var(--dr-line,#d8dfe5);
    font-size:13px;
  }
  .page-home #solution-value .transaction-safety>div{
    padding:17px 18px;
    border-right:0;
    border-bottom:1px solid var(--dr-line,#d8dfe5);
  }
  .page-home #solution-value .transaction-safety strong{font-size:14px}
  .page-home #solution-value .transaction-safety p{font-size:13px;line-height:1.65}
  .page-home #solution-value .transaction-safety>a{justify-content:flex-start;font-size:13px}

  .page-home .trust-patterns article{
    padding:18px;
    border-right:0;
    border-bottom:1px solid var(--dr-line,#d8dfe5);
  }
  .page-home .trust-patterns article:last-child{border-bottom:0}
  .page-home .trust-patterns article>span{font-size:12px}
  .page-home .trust-patterns article>strong{font-size:15px}
  .page-home .trust-patterns article>p{font-size:13.5px;line-height:1.68}
  .page-home .trust-review-source{font-size:13px}

  .page-home .funnel-faq .sec-head{margin-bottom:18px}
  .page-home .funnel-faq summary{min-height:64px;padding:18px 42px 18px 0;font-size:15px}
  .page-home .funnel-faq details>p,
  .page-home .funnel-faq .funnel-faq-answer{padding:0 38px 20px 0;font-size:14px;line-height:1.72}
  .page-home .final .final-builder-link,
  .page-home .final .final-secondary-link,
  .page-home .final .final-micro-actions>a:not(.btn){font-size:14px}
}

@media(prefers-reduced-motion:reduce){
  .page-home #toggleAppCatalog>span{transition:none}
  .page-home .funnel-trust-strip ul{scroll-behavior:auto}
}

/* 4050 학부모 기준의 최소 글자·터치 크기. 기존 색상과 카드 형태는 유지합니다. */
.page-home .nav .btn-blue{min-height:44px}
.page-home .builder-progress li{font-size:12px}
.page-home #appCatalog .app .anote{font-size:12px;line-height:1.45}
.page-home .trust-team-portraits span{font-size:11px;line-height:1.35}
.page-home #solution-value .transaction-safety p{font-size:13px;line-height:1.65}
.page-home #models .smartphone-check-entry-button,
.page-home #models .smartphone-check-entry-consultation,
.page-home #models .smartphone-check-entry-survey,
.page-home #models .smartphone-check-entry-planner{font-size:14px}

/* 히어로에서 솔루션 선택으로 이어지는 전환 구간은 한 높이·한 간격 체계로 정리합니다. */
.page-home .hero-cta-row{
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 auto;
  padding:6px 0 8px;
}
.page-home .hero-cta-row .hero-controls{
  display:flex;
  width:auto;
  min-width:0;
  height:44px;
  margin:0;
  align-items:center;
  justify-content:center;
}
.page-home .hero-cta-row .hero-control-actions{
  height:44px;
  justify-content:center;
  gap:2px;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
}
.page-home .hero-cta-row .hero-counter{
  position:relative;
  width:72px;
  min-width:72px;
  height:44px;
  padding:0;
  gap:0;
  border:0;
  background:transparent;
}
.page-home .hero-cta-row .hero-counter>span,
.page-home .hero-cta-row .hero-counter>i{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
.page-home .hero-cta-row .hero-counter::before,
.page-home .hero-cta-row .hero-counter::after{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  height:2px;
  border-radius:999px;
  transform:translateY(-50%);
}
.page-home .hero-cta-row .hero-counter::before{
  width:100%;
  background:#d8dfe5;
}
.page-home .hero-cta-row .hero-counter::after{
  width:var(--hero-progress,20%);
  background:var(--dr-blue,#486784);
  transition:width .22s ease;
}
.page-home .hero-cta-row .hero-arrow,
.page-home .hero-cta-row .hero-arrow:hover{
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#fff;
  box-shadow:none;
  transform:none;
}
.page-home .hero-cta-row .hero-arrow:hover{background:#f1f4f6}

.page-home #models{
  padding-top:32px;
}
.page-home #models .solution-tabs{
  gap:0;
  padding:0;
  border:0;
  border-bottom:1px solid #d8dfe5;
  border-radius:0;
  background:transparent;
}
.page-home #models .solution-tab{
  min-height:64px;
  justify-items:center;
  margin-bottom:-1px;
  padding:9px 14px 10px;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  text-align:center;
}
.page-home #models .solution-tab:hover{background:#f7f8fa}
.page-home #models .solution-tab.is-active{
  border:0;
  border-bottom:2px solid var(--dr-blue,#486784);
  background:transparent;
  box-shadow:none;
}
.page-home #models .solution-tab-panel{margin-top:20px}

@media(max-width:700px){
  .page-home .hero-cta-row{
    gap:0;
  }
  .page-home .hero-cta-row .hero-controls{
    width:auto;
    height:44px;
    min-height:44px;
    margin:0;
  }
  .page-home #models{padding-top:24px}
  .page-home #models .solution-tab{
    min-height:60px;
    padding:8px 6px 9px;
  }
  .page-home #models .solution-tab-panel{margin-top:16px}
}

@media(prefers-reduced-motion:reduce){
  .page-home .hero-cta-row .hero-counter::after{transition:none}
}

/* 제품 아래의 반복 설명을 하나의 고정 높이 가로 레일로 통합합니다. */
.page-home #different.compact-story-section{
  padding:48px 0 54px;
  border-top:1px solid var(--dr-line,#d8dfe5);
  border-bottom:1px solid var(--dr-line,#d8dfe5);
  background:var(--dr-surface,#f6f7f9);
}
.page-home .compact-story-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.page-home .compact-story-head .sec-kicker{
  margin:0 0 7px;
  color:var(--dr-muted,#68737e);
  font-size:12px;
  font-weight:760;
  letter-spacing:.02em;
}
.page-home .compact-story-head .sec-title{
  margin:0;
  color:var(--dr-ink,#202833);
  font-family:inherit;
  font-size:clamp(30px,3vw,38px);
  font-weight:760;
  line-height:1.2;
  letter-spacing:-.035em;
}
.page-home .compact-story-sub{
  margin:8px 0 0;
  color:var(--dr-muted,#68737e);
  font-size:14px;
  line-height:1.65;
}
.page-home .story-rail{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:calc((100% - 32px)/3);
  gap:16px;
  padding:2px 0 10px;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  touch-action:pan-x pan-y pinch-zoom;
}
.page-home .story-rail::-webkit-scrollbar{display:none}
.page-home .story-card{
  min-width:0;
  min-height:348px;
  padding:22px;
  display:flex;
  flex-direction:column;
  scroll-snap-align:start;
  border:1px solid var(--dr-line,#d8dfe5);
  border-radius:8px;
  background:#fff;
  color:var(--dr-ink,#202833);
}
.page-home .story-card[id]{scroll-margin-top:90px}
.page-home .story-eyebrow{
  margin:0 0 10px;
  color:#536c82;
  font-size:12px;
  font-weight:780;
  letter-spacing:.015em;
}
.page-home .story-card h3{
  margin:0;
  font-size:22px;
  font-weight:770;
  line-height:1.3;
  letter-spacing:-.032em;
}
.page-home .story-card>p:not(.story-eyebrow):not(.story-card-note){
  margin:10px 0 0;
  color:var(--dr-muted,#68737e);
  font-size:14px;
  line-height:1.68;
}
.page-home .story-mini-list,
.page-home .story-step-list,
.page-home .story-order-list{
  margin:16px 0 0;
  padding:0;
  list-style:none;
}
.page-home .story-mini-list li,
.page-home .story-step-list li,
.page-home .story-order-list li{
  display:grid;
  grid-template-columns:68px minmax(0,1fr);
  gap:10px;
  padding:9px 0;
  border-top:1px solid #e5e9ed;
  color:var(--dr-muted,#68737e);
  font-size:14px;
  line-height:1.55;
}
.page-home .story-step-list li,
.page-home .story-order-list li{grid-template-columns:24px minmax(0,1fr)}
.page-home .story-mini-list strong,
.page-home .story-step-list strong,
.page-home .story-order-list strong{
  display:block;
  color:var(--dr-ink,#202833);
  font-weight:740;
}
.page-home .story-step-list b,
.page-home .story-order-list b{
  color:#536c82;
  font-size:11px;
  font-weight:780;
}
.page-home .story-callout{
  margin-top:auto;
  padding:12px 0;
  border-top:1px solid #c9d3dc;
  border-bottom:1px solid #c9d3dc;
}
.page-home .story-callout strong,
.page-home .story-callout span{display:block}
.page-home .story-callout strong{font-size:14px;font-weight:780}
.page-home .story-callout span{margin-top:3px;color:var(--dr-muted,#68737e);font-size:14px;line-height:1.6}
.page-home .story-text-link,
.page-home .story-inline-links a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  color:#355873;
  font-size:14px;
  font-weight:740;
}
.page-home .story-text-link{justify-content:space-between;margin-top:5px}
.page-home .story-card-note{
  margin:auto 0 0;
  padding-top:12px;
  border-top:1px solid #e5e9ed;
  color:var(--dr-muted,#68737e);
  font-size:14px;
  line-height:1.6;
}

.page-home .story-proof-grid{
  margin-top:14px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid #e5e9ed;
}
.page-home .story-proof-grid>div{padding:10px 8px 10px 0;border-bottom:1px solid #e5e9ed}
.page-home .story-proof-grid>div:nth-child(odd){border-right:1px solid #e5e9ed}
.page-home .story-proof-grid>div:nth-child(even){padding-left:10px}
.page-home .story-proof-grid strong,
.page-home .story-proof-grid span{display:block}
.page-home .story-proof-grid strong{font-size:14px;font-weight:780}
.page-home .story-proof-grid span{margin-top:3px;color:var(--dr-muted,#68737e);font-size:14px;line-height:1.55}
.page-home .story-inline-links{display:flex;gap:16px;margin-top:2px}
.page-home .story-inline-links a{min-width:44px;justify-content:center}
.page-home .story-rail-footer{
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:2px;
  padding:6px 0 8px;
  color:var(--dr-muted,#68737e);
}
.page-home .story-rail-progress{
  width:72px;
  height:2px;
  overflow:hidden;
  border-radius:999px;
  background:#d8dfe5;
}
.page-home .story-rail-progress span{
  display:block;
  width:16.666%;
  height:100%;
  border-radius:inherit;
  background:#486784;
  transition:width .22s ease;
}
.page-home .story-rail-status{
  position:absolute;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}
.page-home .story-factbar{
  min-height:58px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px;
  padding:12px 0;
  border-top:1px solid #c9d3dc;
  border-bottom:1px solid #c9d3dc;
  color:var(--dr-muted,#68737e);
  font-size:12.5px;
  line-height:1.55;
}
.page-home .story-factbar strong{color:var(--dr-ink,#202833);font-size:13px;font-weight:780}
.page-home .story-factbar a{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  color:#355873;
  font-weight:740;
  white-space:nowrap;
}
.page-home .funnel-faq{padding-block:44px 48px}
.page-home .funnel-faq summary{min-height:60px;padding-block:16px}
.page-home .funnel-faq-more{
  min-height:44px;
  margin-top:8px;
  display:inline-flex;
  align-items:center;
  color:#355873;
  font-size:13px;
  font-weight:740;
}
.page-home main>.final{padding:56px 40px}

@media(max-width:900px){
  .page-home .story-rail{grid-auto-columns:min(420px,78vw)}
}
@media(max-width:700px){
  .page-home #different.compact-story-section{padding:36px 0 42px}
  .page-home .compact-story-head{align-items:flex-start;gap:14px;margin-bottom:16px}
  .page-home .compact-story-head .sec-title{font-size:28px}
  .page-home .compact-story-sub{font-size:13.5px}
  .page-home .story-rail{grid-auto-columns:90%;gap:12px;padding-bottom:8px}
  .page-home .story-card{min-height:330px;padding:18px}
  .page-home .story-card h3{font-size:20px}
  .page-home .story-card>p:not(.story-eyebrow):not(.story-card-note){font-size:13.5px}
  .page-home .story-factbar{display:block;padding:13px 0;font-size:12.5px}
  .page-home .story-factbar strong,.page-home .story-factbar span{display:block}
  .page-home .story-factbar span{margin-top:4px}
  .page-home .story-factbar a{margin-top:3px}
  .page-home .funnel-faq{padding-block:36px 40px}
  .page-home .funnel-faq summary{min-height:58px;padding-block:14px}
  .page-home main>.final{padding:44px 20px}
}

@media(prefers-reduced-motion:reduce){
  .page-home .story-rail{scroll-behavior:auto}
  .page-home .story-rail-progress span{transition:none}
}