:root{color-scheme:light;--bg:#f5f6f8;--card:#ffffff;--ink:#101219;--muted:#505564;--edge:#dce0e8;--brand:#1641f2;--peach:#2047ff;--lav:#edf1ff;--typeface:ui-rounded,"SF Pro Rounded","Avenir Next","Segoe UI",system-ui,sans-serif;font:16px/1.55 var(--typeface)}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 94% 0%,#edf0f5,transparent 45%),var(--bg)}a{color:var(--brand)}input,textarea,button,select{font:inherit}button:not(:disabled){cursor:pointer}button:disabled{opacity:.58}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #1641f2;outline-offset:2px}[hidden]{display:none!important}
.shell{width:min(1070px,calc(100% - 42px));margin:auto}header{border-bottom:1px solid var(--edge)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:67px}.brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-size:23px;font-weight:600;letter-spacing:-.025em}.nav-tag,.eyebrow,.aspect{font:750 11px/1.3 ui-monospace,monospace;letter-spacing:.11em;color:var(--brand)}.nav-tag,.aspect{border:1px solid var(--edge);padding:6px 8px;border-radius:5px}.hero{display:grid;grid-template-columns:1fr minmax(220px,300px);gap:24px;align-items:end;padding:33px 0 25px}.eyebrow{margin:0 0 12px}.hero h1,.minor-hero h1{font-size:clamp(51px,8.6vw,86px);line-height:1.08;letter-spacing:-.022em;margin:0;font-weight:600}.hero h1 em{color:var(--brand);font-style:normal}.intro{color:var(--muted);margin:0;max-width:440px}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:15px;align-items:start}.card{min-width:0;background:var(--card);border:1px solid var(--edge);padding:18px;border-radius:15px;box-shadow:0 3px 0 #e6e8ee}.card-head{display:flex;gap:8px;align-items:center;margin-bottom:9px}.card-head>span:first-child{background:var(--lav);padding:6px 7px;border-radius:5px;color:var(--brand);font:800 11px/1.1 ui-monospace,monospace}.card-head h2,.card h2{margin:0;font-size:20px;font-weight:600;letter-spacing:-.015em}.aspect,.text-button{margin-left:auto}.text-button{border:0;background:transparent;color:var(--brand);padding:4px;font-weight:600;font-size:13px;text-decoration:underline}.pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.card label{display:grid;gap:4px;font-size:13px;font-weight:600;margin-top:8px;min-width:0}.card label small{display:inline;color:var(--muted);font-size:11px;font-weight:500}.card input,.card textarea,.card select{display:block;width:100%;min-width:0;border:1px solid var(--edge);background:#f8f9fb;color:var(--ink);padding:7px 9px;border-radius:7px;font-weight:500;min-height:40px}.card textarea{resize:vertical}.card input[type=datetime-local]{max-width:100%}.hint,.feedback{font-size:13px;color:var(--muted);margin:5px 0 0}.feedback:empty{display:none}.primary,.secondary{display:inline-flex;align-items:center;gap:7px;justify-content:space-between;text-decoration:none;border-radius:8px;padding:9px 12px;font-weight:600}.primary{background:var(--brand);border:1px solid var(--brand);color:white}.primary:hover{background:#1536ca}.secondary{background:#eef2ff;color:#1c3fd4;border:1px solid #d8e1fb;font-size:13px}.card form .primary,#createForm .primary{width:100%;margin-top:13px}.poster{display:grid;place-items:center;border-radius:9px;padding:11px 8px;background:repeating-linear-gradient(135deg,#eaecf0,#eaecf0 13px,#e1e4ea 13px,#e1e4ea 14px)}.poster canvas{width:min(100%,235px);height:auto;border-radius:9px;box-shadow:0 6px 20px #10121938;display:block}.recent{margin-top:15px}.recent ul{padding:0;margin:0;list-style:none}.recent li{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--edge);padding:7px 0;font-size:14px}.recent a{font-weight:600}footer{display:flex;justify-content:space-between;gap:12px;margin:19px 0;color:var(--muted);font-size:12px}
.narrow{width:min(100%,630px);margin:auto}.minor-hero{padding:32px 0 18px}.minor-hero h1{font-size:clamp(32px,7vw,52px);overflow-wrap:anywhere}.minor-hero .intro{margin-top:9px}.card h3{font-size:16px;margin:0 0 5px}.status{display:inline-flex;background:var(--lav);color:var(--brand);font:800 11px/1.2 ui-monospace,monospace;padding:6px 8px;border-radius:5px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px}.details{margin:9px 0;font-size:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.details div{min-width:0;background:#f1f3f9;padding:8px 9px;border-radius:7px;overflow-wrap:anywhere}.details dt{font-size:11px;color:var(--muted);margin-bottom:1px}.details dd{font-weight:600;margin:0}.note{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;margin:9px 0}.box{margin-top:13px;border-top:1px solid var(--edge);padding-top:11px}.actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 0}.actions a,.actions button{max-width:100%}.inline-link{overflow-wrap:anywhere;font-size:13px}.caution{color:#7f2f26}.message{background:#fff0de;border-radius:7px;padding:8px 9px;font-size:14px}.manage-poster canvas{width:min(100%,160px)}
@media(max-width:700px){.shell{width:calc(100% - 24px)}.hero{grid-template-columns:1fr;gap:10px;padding:23px 0 18px}.workspace{grid-template-columns:1fr}.card{padding:13px}.nav-tag{font-size:9px}.minor-hero{padding:24px 0 14px}.intro{font-size:15px}.text-button{font-size:12px}}
.pilot-card{margin:15px 0}.listing{border-top:1px solid var(--edge);padding:10px 0}.listing:first-of-type{margin-top:8px}.listing h3{margin-bottom:0}.listing a{margin-top:5px}.pilot-card select{margin-top:10px}.qr-panel{display:flex;align-items:center;gap:13px}.qr-panel img{border:1px solid var(--edge);flex:0 0 104px}.qr-panel .secondary{margin-top:6px}.nav-tag{text-decoration:none}.box .primary + .hint{margin-bottom:9px}.box>a.inline-link{display:inline-block;margin-top:4px}
:root{--bg:#f4f5f7;--card:#fff;--ink:#11131a;--muted:#505665;--edge:#dce0e8;--brand:#1641f2;--lav:#edf1ff;--accent:#2047ff}
body{background:var(--bg)}
header{background:#fff}.nav nav{display:flex;align-items:center;gap:20px}.nav nav>a{text-decoration:none;font-size:13px;font-weight:600;color:var(--ink)}.nav nav .nav-tag{font:650 13px/1.3 var(--typeface);letter-spacing:0;border-radius:8px;padding:7px 10px;color:var(--brand);background:var(--lav);border:0}.footer-brand{font-weight:600;text-decoration:none;color:var(--ink)}footer{border-top:1px solid var(--edge);padding-top:12px}
.launch-hero{margin:19px 0 16px;overflow:hidden;border-radius:12px;background:#14161e;position:relative;padding:clamp(23px,5vw,53px);color:#fff;display:grid;grid-template-columns:1.13fr .87fr;gap:12px;isolation:isolate}.launch-hero::before{position:absolute;inset:0;z-index:-1;content:"";background:radial-gradient(ellipse at 100% 0,#252936 0,transparent 53%),repeating-linear-gradient(125deg,transparent 0,transparent 39px,#ffffff0d 40px,#ffffff0d 41px)}.location-badge{display:inline-flex;padding:6px 9px;border:1px solid #7981958f;color:#eef2ff;font:750 11px/1.3 ui-monospace,monospace;letter-spacing:.08em;border-radius:6px;margin:0 0 15px}.launch-hero h1{font-size:clamp(43px,6.25vw,73px);letter-spacing:-.025em;line-height:1.01;margin:0;max-width:650px;font-weight:600}.launch-hero h1 em{display:block;color:#8ba1ff;font-style:normal}.launch-intro{color:#e5e8f2;font-size:16px;max-width:375px;margin:16px 0}.launch-hero .primary{background:var(--accent);color:#ffffff;border-color:var(--accent)}.launch-hero .hero-secondary{color:white;text-decoration:none;font-weight:600;padding:8px 9px}.launch-hero .hint{color:#e5e8f2}.launch-hero>.actions{align-items:center}.hero-art{display:grid;place-items:center;min-width:0;min-height:214px}
.street-poster{position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto;aspect-ratio:1.16;width:min(100%,322px);padding:14px 15px;background:#2047ff;color:#fff;border:1px solid #6f87ff;box-shadow:9px 9px 0 #07090e;overflow:hidden;transform:rotate(3deg)}
.street-poster::before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(135deg,transparent 0 19px,#ffffff16 20px 21px)}
.poster-index,.poster-caption{display:flex;justify-content:space-between;gap:7px;font:750 10px/1.15 ui-monospace,monospace;letter-spacing:.11em}
.poster-caption{align-items:center;border-top:1px solid #94a7ff;padding-top:8px}
.poster-caption b{font-size:16px;line-height:1}
.poster-mark{display:block;place-self:center;width:min(70%,172px);height:auto;max-height:135px}

.directory-grid{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(0,.62fr);gap:13px;align-items:start}.directory-grid .pilot-card{margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.count-chip{background:var(--lav);color:var(--brand);white-space:nowrap;padding:4px 7px;font-size:11px;font-weight:600;border-radius:6px}.filter-strip{display:flex;gap:6px;flex-wrap:wrap;margin:11px 0}.filter-chip{background:#fff;border:1px solid var(--edge);color:var(--ink);font-size:14px;border-radius:20px;padding:7px 10px}.filter-chip[aria-pressed=true]{background:var(--lav);border-color:var(--brand);color:var(--brand)}.empty-state{min-height:136px;display:grid;justify-items:center;align-content:center;gap:3px;text-align:center;padding:13px;border:1px dashed #d2d8e3;border-radius:10px;background:#f7f8fa}.empty-state h3,.empty-state p{margin:0}.empty-icon,.category-icon{display:grid;place-items:center;width:31px;height:31px;background:var(--lav);color:var(--brand);border-radius:8px;font-weight:850;font-size:19px}.slot-card{display:flex;justify-content:space-between;gap:8px;align-items:center}.slot-card .eyebrow{margin:0 0 4px}.slot-action{display:grid;justify-items:end;gap:3px;flex-shrink:0}.business-listing{display:flex;gap:9px;align-items:center}.category-icon{flex:0 0 31px}.directory-side .eyebrow{margin:0 0 4px}.directory-side .town-qr{margin-top:12px;font-size:13px;color:var(--brand);font-weight:600}.directory-side .qr-panel{align-items:flex-start}.directory-side .qr-panel img{width:70px;height:70px;flex-basis:70px}.launch-business{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:15px 0;padding:12px 15px;border:1px solid var(--edge);background:#eaf0ff;border-radius:12px}.launch-business h2{font-size:18px;margin:0}.launch-business .primary{white-space:nowrap}.launch-business .hint{margin-top:2px}.studio-tools{border-color:#c4d0fb;background:#f7f8fa}.studio-tools .eyebrow{margin:0 0 4px}.context-chip{display:inline-flex;background:var(--lav);color:var(--brand);padding:5px 7px;font-weight:600;border-radius:5px}.quick-times{margin:7px 0 4px}.quick-times .secondary{padding:4px 8px}.card input,.card textarea,.card select{font-size:16px}.card .actions{align-items:center}
@media(max-width:700px){.nav nav{gap:10px}.nav nav>a{font-size:12px}.nav nav .nav-tag{font-size:12px;padding:6px 7px}.launch-hero{margin-top:12px;border-radius:10px;grid-template-columns:1fr;padding:18px;gap:0}.hero-art{display:none}.launch-hero h1{font-size:clamp(40px,10vw,62px)}.launch-intro{margin:10px 0}.directory-grid{grid-template-columns:1fr;gap:10px}.launch-business{align-items:flex-start;flex-direction:column}.slot-card h3{overflow-wrap:anywhere}footer{font-size:11px;gap:7px}.slot-action .secondary{padding:6px 8px}}
.business-description{color:var(--muted);max-width:540px;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 5px}.business-gallery,.profile-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.gallery-photo{display:block;border-radius:8px;overflow:hidden;background:var(--lav)}.gallery-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.profile-media-title{margin:14px 0 0!important}.profile-pictures{grid-template-columns:repeat(4,minmax(0,1fr))}.profile-picture{border:1px solid var(--edge);border-radius:9px;padding:7px;min-width:0}.profile-picture input{font-size:12px;padding:4px;min-height:34px}.profile-picture button{margin-top:4px;padding:4px 6px;font-size:11px}.photo-preview{display:grid;place-items:center;background:var(--lav);color:var(--muted);font-size:12px;border-radius:5px;overflow:hidden;aspect-ratio:4/3}.photo-preview img{display:block;width:100%;height:100%;object-fit:cover}.profile-picture:first-child .photo-preview img{object-fit:contain}@media(max-width:560px){.profile-pictures{grid-template-columns:repeat(2,minmax(0,1fr))}.business-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.brand{font-size:24px;letter-spacing:-.025em}.nav nav .nav-tag,.primary,.secondary{border-radius:6px}.launch-hero .primary:hover{background:#183cd8;border-color:#183cd8}.location-badge{border-radius:4px}.launch-business{border-radius:9px}.card{border-radius:11px;box-shadow:0 2px 0 #e5e8ee}.filter-chip{border-radius:6px}
.card .category-detail-filter{width:min(100%,270px);margin:0 0 12px}
.filter-chip,
.card .category-detail-filter,
.card select[name="category"],
.card .category-detail-filter optgroup,
.card select[name="category"] optgroup,
.card .category-detail-filter option,
.card select[name="category"] option{
  font-family:var(--typeface);
  font-weight:400;
  letter-spacing:normal;
}

.brand-lockup{display:flex;flex-direction:column;gap:3px;line-height:1}
.brand-strapline{color:var(--muted);font:400 11px/1.15 var(--typeface);letter-spacing:normal;white-space:nowrap}
@media(max-width:380px){.brand{gap:6px;font-size:21px}.brand img{width:34px;height:34px}.nav nav{gap:6px}.nav nav>a,.nav nav .nav-tag{font-size:11px}}

.slot-identity{display:flex;align-items:center;gap:11px;min-width:0}.slot-logo{display:grid;place-items:center;object-fit:contain;flex:0 0 49px;width:49px;height:49px;border:1px solid var(--edge);border-radius:10px;background:#fff}.slot-initials{background:var(--lav);color:var(--brand);font-size:16px;font-weight:600}.slot-card{padding:13px 0}.slot-card h3{font-size:17px;font-weight:600}
@media(max-width:560px){.slot-logo{flex-basis:46px;width:46px;height:46px}.slot-identity{gap:8px}}
.whatsapp-group-link{margin:8px 0}.whatsapp-group-link .hint{margin-top:3px}
.whatsapp-request{display:inline-flex;align-items:center;gap:8px;max-width:100%;border:1px solid #09603b;border-radius:8px;background:#0c7044;color:#fff;padding:7px 9px;font:400 12px/1.25 var(--typeface);text-align:left;text-decoration:none;margin:5px 0}
.whatsapp-request:hover{background:#095e3a}
.whatsapp-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:50%;background:#ffffff29}
.whatsapp-icon svg{width:20px;height:20px}
.whatsapp-label{display:grid;gap:2px;min-width:0}
.whatsapp-name{font-size:14px;font-weight:600}
.whatsapp-caption{color:#f2fff8}
.join-request-form .whatsapp-consent{display:flex;align-items:flex-start;gap:7px;font-weight:400;margin-top:10px}.join-request-form .whatsapp-consent input{width:16px;min-height:16px;flex:0 0 16px;margin:2px 0 0;accent-color:#168348}

.business-address{min-width:0;overflow-wrap:anywhere}
.business-empty{display:flex;align-items:center;gap:8px;margin:9px 0 0;padding:9px 10px;border-radius:7px;background:#f5f7fa;color:var(--muted);font-size:14px}
.business-empty-icon{color:var(--brand);font-size:17px;line-height:1}
.business-alerts{margin-top:12px}
.business-alerts .whatsapp-request{display:flex;width:100%;margin:0;min-height:56px;padding:8px 12px}
.business-alerts .whatsapp-icon{flex-basis:35px;width:35px;height:35px}
.business-alerts .whatsapp-icon svg{width:23px;height:23px}
.business-alerts .whatsapp-name{font-size:16px}
.business-alerts .whatsapp-caption{font-size:13px}
.business-channel{margin-top:9px}
.join-request-form{padding:12px;border:1px solid var(--edge);border-radius:8px;background:#fbfcfd}
.join-request-form h3{margin:0;font-size:16px;font-weight:600}
.join-request-form h3:focus{outline:none}
.join-request-form .hint{margin-top:2px}
.join-request-form label{font-weight:500}
.join-request-form .whatsapp-consent{font-size:13px;color:var(--muted)}
.join-form-actions{display:flex;align-items:center;gap:12px;margin-top:12px}
.card form .join-form-actions .primary{width:auto;margin:0;font-size:14px;font-weight:600}
.join-cancel{border:0;background:transparent;color:var(--muted);padding:7px 3px;font-size:13px}

.directory-logo{display:block;flex:0 0 36px;width:36px;height:36px;object-fit:contain;border:1px solid var(--edge);border-radius:8px;background:#fff}
.whatsapp-setup{margin-top:13px;padding:11px;border:1px solid #d5e8dd;border-radius:8px;background:#f3f9f5}
.whatsapp-setup-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px;flex-wrap:wrap}
.whatsapp-setup-head h3{margin:0;font-weight:600}
.whatsapp-setup-status{padding:3px 6px;border-radius:5px;background:#e3f1e8;color:#20563b;font:400 11px/1.25 var(--typeface)}
.whatsapp-setup .secondary{margin-top:7px;background:#fff;color:#20563b;border-color:#c9e5d7}

.rating-line{display:flex;align-items:center;gap:5px;margin:4px 0;color:var(--muted);font-size:13px}
.rating-icon{color:#946000;font-size:16px}
.business-reviews .rating-line{font-size:16px;font-weight:600}

/* Public business profiles */
.business-page {
  width:min(100%,790px);
  margin:auto;
  --profile-border:#e0ddd5;
}
.business-back {
  display:inline-block;
  margin:19px 0 9px;
  padding:4px 0;
  color:var(--muted);
  text-decoration:none;
  font-size:13px;
}
.business-back:hover{text-decoration:underline}
.business-heading {
  --cover-ink:#242b35;
  display:grid;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:214px;
  padding:0;
  border-radius:16px;
  background:#17191d;
  color:#fff;
}
.business-heading[data-category="Hair & Beauty"]{--cover-ink:#4c353c}
.business-heading[data-category="Health & Wellbeing"]{--cover-ink:#233e3b}
.business-heading[data-category="Food & Drink"]{--cover-ink:#503b29}
.business-heading[data-category="Sport & Fitness"]{--cover-ink:#293754}
.business-heading::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    repeating-radial-gradient(ellipse at 104% 110%,transparent 0 24px,#ffffff12 25px 26px,transparent 27px 42px),
    linear-gradient(108deg,#17191d 25%,var(--cover-ink));
}
.business-heading.has-cover{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.business-identity {
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
  padding:clamp(19px,4vw,38px);
}
.business-logo {
  flex:none;
  width:58px;
  height:58px;
  padding:5px;
  object-fit:contain;
  border-radius:12px;
  background:#fff;
}
.business-logo-placeholder {
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid #ffffff55;
  background:#ffffff12;
  color:#fff;
  font-size:18px;
  font-weight:550;
  letter-spacing:.04em;
}
.business-name{min-width:0}
.business-name .eyebrow{margin:0 0 7px;color:#e4cda7;letter-spacing:.16em}
.business-page .business-heading h1 {
  font-size:clamp(28px,5.4vw,49px);
  font-weight:550;
  letter-spacing:-.04em;
  line-height:1.05;
}
.business-meta{margin:9px 0 0;color:#e2e2e4;font-size:14px}
.business-rating-link{display:inline-block;margin-top:5px;text-decoration:none}
.business-rating-link:hover{text-decoration:underline;color:#fff}
.business-rating-link .rating-line{color:#fff}
.business-rating-link .rating-icon{color:#edcb92}
.business-cover{position:relative;display:block;min-height:100%;color:#fff}
.business-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.business-cover:focus-visible{outline-offset:-5px;z-index:1}
.business-cover-caption {
  position:absolute;
  bottom:12px;
  right:12px;
  padding:4px 8px;
  border-radius:6px;
  background:#17191d;
  font-size:12px;
}
.business-availability,.business-about,.business-photos {
  padding:clamp(15px,3.5vw,24px);
  border-color:var(--profile-border);
  border-radius:14px;
  box-shadow:0 3px 12px #1f212506;
}
.business-availability .slot-card {
  margin-top:10px;
  padding:12px;
  border:1px solid var(--profile-border);
  border-radius:9px;
  background:#faf9f6;
}
.business-availability .slot-card h3{margin:0;font-weight:600}
.business-availability .slot-action .primary{padding:7px 10px;background:#20232a;border-color:#20232a;font-size:13px}
.business-availability .slot-action .primary:hover{background:#353b48}
.business-availability .count-chip{background:#edf3ee;color:#284a36}
.business-availability .business-empty{background:#faf9f6}
.business-contact{margin-top:15px}
.business-contact p{margin:0;color:var(--muted)}
.business-about .business-reviews .inline-link{display:inline-block;margin-top:6px}
.business-photos .business-gallery{gap:10px}
.business-photos .gallery-photo{border-radius:9px}
@media(max-width:560px){
  .business-back{margin-top:12px}
  .business-heading{min-height:145px}
  .business-heading.has-cover{grid-template-columns:minmax(0,1fr) minmax(86px,30%)}
  .business-identity{align-items:flex-start;flex-direction:column;gap:9px;padding:15px}
  .business-logo{width:39px;height:39px;border-radius:8px;font-size:13px}
  .business-meta{margin-top:6px}
  .business-cover-caption{bottom:7px;right:7px;font-size:11px}
  .business-availability .slot-card{padding:9px}
}

.business-listing {
  display:block;
  padding:0;
  overflow:hidden;
  border:1px solid #dfdcd4;
  border-radius:13px;
  background:#fff;
}
.directory-business-cover {
  position:relative;
  display:block;
  isolation:isolate;
  overflow:hidden;
  text-decoration:none;
}

.directory-business-cover:focus-visible{outline-offset:-4px}

.business-listing{margin:10px 0}
.directory-business-cover{background:#20242c;color:#fff}
.directory-business-photo{display:block;width:100%;height:78px;object-fit:cover}
.directory-business-identity{display:flex;align-items:center;gap:9px;padding:10px}
.directory-business-identity h3,.directory-business-identity p{margin:0;color:inherit}
.directory-business-identity p{font-size:12px;color:#e2e2e4}
.directory-business-details{padding:7px 10px 10px}

.appointment-time {
  display:inline-grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:3px 9px;
  margin:7px 0 0;
  padding:7px 10px;
  border:1px solid #dbe4ff;
  border-radius:9px;
  background:#f5f7ff;
  line-height:1.12;
}
.appointment-icon {
  display:grid;
  grid-row:span 2;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#e6edff;
  color:#2747a8;
  font-size:21px;
}
.appointment-day {
  color:#405273;
  font-size:12px;
  font-weight:600;
}
.appointment-time .appointment-clock {
  color:#172b58;
  font-size:clamp(17px,4.5vw,22px);
  font-weight:600;
  font-variant-numeric:tabular-nums;
}
.availability-count {
  padding:4px 8px;
  border-radius:20px;
  background:#edf5ef;
  color:#2d5238;
  font-size:12px;
  font-weight:650;
  line-height:1.25;
  text-align:center;
}
.availability-count.availability-empty{background:#eff1f5;color:#4c5567}

.details .appointment-time{margin:0}
.details .appointment-time{padding:3px 0;border:0;background:transparent}

.directory-search {
  margin:0 0 15px;
  padding:clamp(13px,2.5vw,20px);
  border:1px solid var(--edge);
  border-radius:12px;
  background:#fff;
}
.directory-search label{display:block;margin-bottom:6px;font-size:16px;font-weight:650}
.directory-search-row{display:flex;align-items:stretch;gap:6px}
.directory-search-row input {
  flex:1;
  min-width:0;
  min-height:44px;
  padding:8px 10px;
  border:1px solid #aeb8cb;
  border-radius:7px;
  background:#f8f9fb;
  color:var(--ink);
}
.directory-search-row input::-webkit-search-cancel-button{display:none}
.directory-search-row button{padding:7px 10px;font-size:14px}
.directory-search-status:empty{margin:0}
.directory-search-status{font-weight:600;color:var(--ink)}
@media(max-width:420px){
  .directory-search-row input{padding-inline:7px}
  .directory-search-row button{padding-inline:7px}
}

.empty-state h3,.launch-business h2{font-weight:600}
.eyebrow{font:600 11px/1.4 var(--typeface);letter-spacing:.09em}
.availability-count{font-weight:550}

.launch-area{margin:15px 0 6px;font:600 13px/1.3 var(--typeface);letter-spacing:0}

.business-flow{margin:0 0 16px}
.business-flow-steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:0;
  margin:11px 0 0;
  list-style:none;
  counter-reset:business-step;
}
.business-flow-steps li {
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-content:start;
  align-items:center;
  gap:6px 8px;
  padding:12px;
  border:1px solid var(--edge);
  border-radius:8px;
  background:#f8f9fc;
  counter-increment:business-step;
}
.business-flow-steps li::before {
  content:counter(business-step);
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  color:var(--brand);
  background:var(--lav);
  font-size:13px;
  font-weight:600;
}
.business-flow-steps h3{margin:0;font-weight:600}
.business-flow-steps p{grid-column:2;margin:0;color:var(--muted);font-size:14px}
@media(max-width:680px){.business-flow-steps{grid-template-columns:1fr}}