/* 2026-08-21: Home fortune services — desktop + mobile/app viewport fit */
.fortune-services{scroll-margin-top:24px}
.fortune-services .fortune-service-grid{
  width:100%;max-width:1380px;margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch
}
.fortune-services .fortune-service-card{
  position:relative;min-height:238px;padding:24px 22px;height:100%;cursor:pointer;touch-action:manipulation;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease
}
.fortune-services .fortune-service-card:hover,.fortune-services .fortune-service-card:focus-within{transform:translateY(-1px)}
.fortune-services .fortune-service-card.focused,.fortune-services .fortune-service-card:target{
  background:#eeeaff!important;border-color:#6b5ae0!important;
  box-shadow:0 10px 28px rgba(75,56,210,.16),inset 0 0 0 1px rgba(75,56,210,.10)!important;transform:translateY(-2px)
}
.fortune-services .fortune-service-card.focused h3,.fortune-services .fortune-service-card.focused>a,.fortune-services .fortune-service-card:target h3,.fortune-services .fortune-service-card:target>a{color:#4333bb!important}
.fortune-services .fortune-service-card.focused>span,.fortune-services .fortune-service-card:target>span{color:#4b38d2!important}
.fortune-services .fortune-service-card h3{font-size:1.32rem}
.fortune-services .fortune-service-card p{font-size:.93rem;line-height:1.62}
.fortune-services .fortune-service-card a{padding-top:20px;position:static;text-decoration:none}
.fortune-services .fortune-service-card a::after{content:"";position:absolute;inset:0;z-index:3}
.fortune-services .fortune-service-card:focus-within{outline:3px solid rgba(75,56,224,.18);outline-offset:3px}
.main-fortune-nav a.active{color:#4b38d2!important;font-weight:850}

/* Typical desktop/laptop viewports: keep heading + all 6 cards visible together. */
@media (min-width:1181px) and (max-height:1000px){
  .fortune-services{padding-top:34px!important;padding-bottom:34px!important}
  .fortune-services .section-title{margin-bottom:22px!important}
  .fortune-services .section-title .section-label{margin-bottom:8px!important}
  .fortune-services .section-title h2{margin-bottom:10px!important}
  .fortune-services .fortune-service-grid{gap:12px 16px}
  .fortune-services .fortune-service-card{min-height:188px;padding:16px 20px}
  .fortune-services .fortune-service-card>span{margin-bottom:12px!important}
  .fortune-services .fortune-service-card h3{font-size:1.16rem;margin-bottom:12px!important}
  .fortune-services .fortune-service-card p{font-size:.82rem;line-height:1.5}
  .fortune-services .fortune-service-card a{padding-top:12px;font-size:.94rem}
}
@media (max-width:900px){
  .fortune-services .fortune-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}

/* Mobile website + bundled App V10: show the section heading and selected card as one balanced screen. */
@media (max-width:780px){
  .fortune-services{scroll-margin-top:0;padding-top:20px!important;padding-bottom:26px!important}
  .fortune-services .section-title{text-align:center!important;margin:0 14px 18px!important}
  .fortune-services .section-title .section-label{font-size:13px!important;letter-spacing:.17em!important;color:#5145a8!important;margin-bottom:8px!important}
  .fortune-services .section-title h2{font-size:32px!important;line-height:1.12!important;letter-spacing:-.04em!important;margin:0 0 10px!important;color:#242633!important}
  .fortune-services .section-title>p:last-child{font-size:16px!important;line-height:1.55!important;color:#5f626d!important;margin:0!important}
  .fortune-services .fortune-service-grid{grid-template-columns:1fr;gap:10px;padding:0 14px;box-sizing:border-box}
  .fortune-services .fortune-service-card{min-height:240px;padding:24px 20px 22px!important;border-radius:0!important;background:#fff!important}
  .fortune-services .fortune-service-card>span{display:block;font-size:13px!important;font-weight:900!important;margin-bottom:14px!important;color:#5b4ac8!important}
  .fortune-services .fortune-service-card h3{font-size:26px!important;line-height:1.18!important;letter-spacing:-.035em!important;margin:0 0 16px!important;color:#262936!important}
  .fortune-services .fortune-service-card p{font-size:16px!important;line-height:1.58!important;color:#656976!important;margin:0!important}
  .fortune-services .fortune-service-card a{display:inline-block;padding-top:18px!important;font-size:17px!important;font-weight:850!important;color:#5142c7!important}
  .fortune-services .fortune-service-card.focused,.fortune-services .fortune-service-card:target{
    background:#eeeaff!important;border:1.5px solid #6b5ae0!important;
    box-shadow:0 0 0 1px rgba(107,90,224,.08),0 5px 14px rgba(75,56,210,.08)!important;transform:none!important
  }
  .fortune-services .fortune-service-card.focused h3,.fortune-services .fortune-service-card:target h3{color:#4333bb!important}
}

/* Chrome/WebView usable-height range on phones: slightly tighter so the selected card is not cut off. */
@media (max-width:780px) and (max-height:820px){
  .fortune-services{padding-top:14px!important;padding-bottom:20px!important}
  .fortune-services .section-title{margin-bottom:14px!important}
  .fortune-services .section-title .section-label{font-size:12px!important;margin-bottom:6px!important}
  .fortune-services .section-title h2{font-size:29px!important;margin-bottom:8px!important}
  .fortune-services .section-title>p:last-child{font-size:15px!important;line-height:1.48!important}
  .fortune-services .fortune-service-card{min-height:212px;padding:20px 18px 18px!important}
  .fortune-services .fortune-service-card>span{font-size:12px!important;margin-bottom:11px!important}
  .fortune-services .fortune-service-card h3{font-size:24px!important;margin-bottom:12px!important}
  .fortune-services .fortune-service-card p{font-size:15px!important;line-height:1.5!important}
  .fortune-services .fortune-service-card a{padding-top:14px!important;font-size:16px!important}
}
@media (max-width:420px){
  .fortune-services .section-title h2{font-size:30px!important}
  .fortune-services .section-title>p:last-child{font-size:15px!important}
  .fortune-services .fortune-service-card{min-height:228px;padding:22px 18px 20px!important}
  .fortune-services .fortune-service-card h3{font-size:25px!important}
  .fortune-services .fortune-service-card p{font-size:15.5px!important}
  .fortune-services .fortune-service-card a{font-size:16.5px!important}
}
@media (max-width:420px) and (max-height:820px){
  .fortune-services .section-title h2{font-size:28px!important}
  .fortune-services .fortune-service-card{min-height:205px;padding:19px 17px 17px!important}
  .fortune-services .fortune-service-card h3{font-size:23px!important}
  .fortune-services .fortune-service-card p{font-size:14.5px!important}
  .fortune-services .fortune-service-card a{font-size:15.5px!important;padding-top:13px!important}
}
@media (prefers-reduced-motion:reduce){
  .fortune-services .fortune-service-card{transition:none}
  .fortune-services .fortune-service-card:hover,.fortune-services .fortune-service-card:focus-within,.fortune-services .fortune-service-card.focused,.fortune-services .fortune-service-card:target{transform:none}
}