.screen-choice-page { min-height: 100vh; background: radial-gradient(circle at 8% 8%, rgba(0,168,150,.12), transparent 30%), radial-gradient(circle at 92% 92%, rgba(15,76,129,.12), transparent 32%), var(--mist); }
.screen-choice-page .site-header { min-height: 5rem; }
.screen-choice-page .brand img { height: 4rem; }
.choice-main { width: min(1080px, calc(100% - 2rem)); margin: 0 auto; padding: 1.35rem 0 1rem; }
.back-link { width: fit-content; margin: 0 0 .65rem auto; display: block; color: var(--blue); font-size: .72rem; font-weight: 800; text-decoration: none; }
.choice-main .eyebrow { margin-bottom: .2rem; font-size: .65rem; }
.choice-main h1 { max-width: none; margin: 0; font-size: clamp(2rem,3.2vw,2.8rem); line-height: 1.05; letter-spacing: -.05em; white-space: nowrap; }
.choice-lead { max-width: none; margin: .45rem 0 0; color: var(--text); font-size: .82rem; }
.screen-service-choices { margin-top: 1.1rem; display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
.screen-service-choice { min-height: 14rem; padding: .9rem; display: grid; grid-template-columns: 10rem 1fr; gap: .9rem; color: var(--navy); background: white; border: 1px solid var(--line); border-radius: 1.05rem; box-shadow: 0 14px 38px rgba(28,42,56,.1); text-decoration: none; transition: transform .18s, border-color .18s, box-shadow .18s; }
.screen-service-choice:hover { border-color: var(--blue); box-shadow: 0 24px 60px rgba(28,42,56,.16); transform: translateY(-3px); }
.choice-art { position: relative; display: grid; place-items: center; overflow: hidden; background: linear-gradient(145deg,#ddecf4,#f8fbfd); border-radius: .9rem; }
.choice-art::before { position: absolute; top: 50%; left: 50%; width: 6rem; height: 7.2rem; background: #f7f7f2; border: 1px solid #b8c2c6; border-radius: .18rem; box-shadow: 0 7px 20px rgba(19,53,76,.17), inset 0 0 0 5px #dfe3de; transform: translate(-50%,-50%); content: ""; }
.choice-art::after { position: absolute; top: 50%; left: 50%; width: 4.7rem; height: 5.9rem; background-color: #5d6a6d; background-image: repeating-linear-gradient(0deg,rgba(255,255,255,.17) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(255,255,255,.17) 0 1px,transparent 1px 4px); border: 1px solid #d7dcda; box-shadow: inset 0 0 0 1px rgba(25,39,43,.16); transform: translate(-50%,-50%); content: ""; }
.choice-art.existing { background: linear-gradient(145deg,#f3ede7,#fcfaf7); }
.choice-art.existing::before { border-color: #93715a; box-shadow: 0 8px 24px rgba(78,49,32,.16), inset 0 0 0 3px #bc9a82; transform: translate(-50%,-50%) rotate(-3deg); }
.choice-art.existing::after { opacity: .72; transform: translate(-50%,-50%) rotate(-3deg); }
.choice-copy { padding: .4rem .1rem; display: flex; flex-direction: column; }
.choice-copy small { color: var(--teal); font-size: .58rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.choice-copy strong { margin-top: .22rem; font-size: 1.08rem; line-height: 1.2; }
.choice-copy > span { margin-top: .4rem; color: var(--text); font-size: .72rem; line-height: 1.45; }
.choice-copy b { margin-top: auto; padding-top: .65rem; color: var(--blue); font-size: .72rem; }
.choice-copy b i { margin-left: .3rem; font-style: normal; }
.screen-service-choice.primary .choice-copy b { color: #087969; }
.choice-help { margin: .75rem 0 0; color: var(--text); font-size: .68rem; text-align: center; }
.choice-help a { color: var(--blue); font-weight: 800; }
@media (max-width: 700px) {
  .screen-choice-page .site-header { min-height: 4.75rem; }
  .choice-main { padding-top: 1rem; }
  .choice-main h1 { font-size: clamp(1.8rem,9vw,2.5rem); white-space: normal; }
  .choice-lead { font-size: .76rem; line-height: 1.45; }
  .screen-service-choices { grid-template-columns: 1fr; }
  .screen-service-choice { min-height: 11.5rem; grid-template-columns: 7.5rem 1fr; }
}
@media (max-width: 430px) {
  .screen-service-choice { min-height: 0; grid-template-columns: 1fr; }
  .choice-art { min-height: 6.5rem; }
}