.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.service{background:var(--white);border:2px solid var(--line);text-align:left;border-radius:14px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:72px;padding:12px 14px;font-size:15px;font-weight:700;display:flex}.service small{color:var(--gray);font-size:13px;font-weight:400}.service[aria-pressed=true]{background:var(--peach);border-color:var(--orange)}.demo-backdrop{z-index:50;background:#0b0b0cb3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.demo{background:var(--bone);border-radius:24px 24px 0 0;flex-direction:column;gap:16px;width:100%;max-width:520px;max-height:92dvh;padding:20px 20px 24px;display:flex;overflow-y:auto}.demo-head{justify-content:space-between;align-items:center;display:flex}.demo-dots{gap:6px;display:flex}.demo-dots i{background:var(--line-strong);border-radius:999px;width:28px;height:6px}.demo-dots i.done{background:var(--orange)}.demo-stage{flex-direction:column;gap:14px;min-height:300px;animation:.45s both rise;display:flex}.demo-fake{background:var(--white);border:1.5px solid var(--line);border-radius:12px;flex-direction:column;padding:12px 14px;display:flex}.demo-fake span{color:var(--gray);font-size:12px}.demo-fake b{font-size:16px}.demo-stamp{background:var(--peach);color:var(--peach-text);border-radius:14px;padding:12px 14px;font-weight:700}.demo-number{background:var(--ink);color:var(--white);text-align:center;border-radius:22px;padding:22px}.demo-number strong{font:800 80px/1 var(--font-display);letter-spacing:-3px;display:block}.demo-days{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.demo-days div{background:var(--white);border:1.5px solid var(--line);text-align:center;border-radius:16px;padding:14px}.demo-days strong{font:800 34px/1.1 var(--font-display);display:block}.demo-days span{color:var(--gray);font-size:13px}.demo-actions{gap:10px;display:flex}.demo-actions .btn{flex:1}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.demo-stage{animation:none}}@media (min-width:700px){.services{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-backdrop{align-items:center}.demo{border-radius:24px}}.example-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.example-links .btn{padding:0 10px;font-size:14px}.demo-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.demo-stat{background:var(--ink);border-radius:16px;flex-direction:column;gap:2px;padding:14px;display:flex}.demo-stat strong{font:700 28px/1.1 var(--font-display);color:var(--white)}.demo-stat span{color:var(--line-strong);font-size:13px}.demo-label{letter-spacing:2px;text-transform:uppercase;color:var(--muted-dark);font-size:13px}.check-in-intro{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.check-in-intro a{align-items:center;min-height:44px;font-size:14px;display:inline-flex}.check-in-steps{gap:10px;margin:0;padding:0;list-style:none;display:flex}.check-in-steps li{border-bottom:3px solid var(--line);color:var(--gray);flex:1;align-items:center;gap:7px;padding-bottom:12px;font-size:13px;display:flex}.check-in-steps li.complete{border-color:var(--orange);color:var(--ink)}.check-in-steps li[aria-current]{font-weight:700}.check-in-steps span{border:1px solid var(--line-strong);border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.check-in-card{background:var(--white);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:24px;padding:24px 20px;display:flex}.check-in-step-label{color:var(--orange-text);margin-bottom:8px;font-size:13px;font-weight:700}.check-in-card .title{margin-bottom:10px;font-size:25px}.check-in-card .services{grid-template-columns:1fr}.check-in-card .service{min-height:60px}.check-in-card .field select{font:inherit;width:100%;height:52px;color:var(--ink);border:1.5px solid var(--line-strong);background:#fff;border-radius:12px;padding:0 12px}.check-in-selected{color:var(--peach-text);background:var(--peach);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:700}.check-in-back{min-height:44px;color:var(--gray);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.check-in-review{margin:0}.check-in-review div{border-bottom:1px solid var(--line);padding:12px 0}.check-in-review dt{color:var(--gray);font-size:13px}.check-in-review dd{overflow-wrap:anywhere;margin:3px 0 0}
