/* Reconstructed from the approved white-theme design in the shared conversation. */
body{background:#2b241f}
.landscape{background-image:url('assets/steak.png');background-position:center}
.shade{background:linear-gradient(180deg,#17110c33,#17110c1a 22%,#17110c55 50%,#17110c26 75%,#17110c55)}
body.exploring .landscape{filter:brightness(.74)}
.welcome h1{text-shadow:0 3px 35px #0005}
.service-content h2{margin-bottom:30px}
.plan-card,.plan-card.open{background:#fff;color:#292929;border-color:#fff;box-shadow:0 18px 70px #0002}
.plan-icon{border-color:#e7e7e7}
.plan-description{color:#777;border-color:#ededed}
.personalize{color:#292929;background:#f4f4f4;border:1px solid #e9e9e9;margin-bottom:24px;gap:14px;line-height:1.7}
.personalize strong{font-weight:500}
.personalize:hover{background:#eaeaea}
footer{justify-content:center;pointer-events:none}
.coffee-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:11px;background:#fff;color:#292929;border:1px solid #fff;border-radius:999px;padding:13px 20px;font-size:11px;font-weight:400;letter-spacing:0;box-shadow:0 8px 30px #0001;transition:background .25s,transform .25s}
.coffee-button svg{width:19px;height:19px;flex:none}
.coffee-button:hover{background:#f3f3f3;transform:translateY(-1px)}
.dialog{background:#fff;color:#292929;border-color:#fff}
.dialog::backdrop{background:#0006}
.close{color:#777}
.coffee-dialog{text-align:center;width:min(440px,calc(100% - 32px))}
.coffee-dialog h2{font-family:'Be Vietnam Pro',sans-serif;font-size:22px;font-weight:400;margin-bottom:12px;letter-spacing:-.045em}
.coffee-dialog p{color:#777;font-size:11px}
.coffee-qr{display:block;width:min(100%,310px);height:auto;margin:22px auto 18px;border-radius:12px}
.qr-download{display:inline-flex;align-items:center;gap:14px;padding:10px 14px;color:#555;font-size:11px;text-underline-offset:4px}
.goals input:checked+span{background:#f0f0f0;border-color:#555}
.goals input:focus-visible+span,textarea:focus{outline-color:#555}
textarea{color:#292929;border-color:#ddd;background:#fafafa}
.solid-button{background:#333}
.solid-button:hover{background:#4a4a4a}
.dialog .form-note,.selection-summary>span{color:#777}
@media(max-width:650px){
  .landscape{background-position:52% center}
  .service-content h2{margin-bottom:24px}
  .coffee-button{padding:11px 16px;font-size:10px}
  .personalize{font-size:10px;padding:14px;margin-bottom:20px}
  .coffee-dialog h2{font-size:20px}
}
@media(max-height:600px){
  header{height:70px}
  footer{height:68px}
  .screen{padding-top:85px;padding-bottom:78px}
}