/* Alyeon workflow directories and getting-started sections. */
:root{--workflow-ink:#2d0313;--workflow-muted:#725b65;--workflow-line:#e6dbe0;--workflow-accent:#95294f}

.feature-combo-directory .feature-combo-head{max-width:700px;margin-bottom:38px}
.feature-combo-directory .feature-combo-head h2{font-size:clamp(28px,3.4vw,44px);line-height:1.15;letter-spacing:-.035em;text-wrap:balance}
.feature-combo-directory .feature-combo-head p{font-size:15px;line-height:1.7;color:var(--workflow-muted);max-width:570px;margin:18px 0 0}
.feature-combo-directory .workflow-directory,#salon-page .workflow-directory{display:flex;flex-direction:column;gap:0;width:100%;max-width:none;margin:0}
.feature-combo-directory .workflow-group,#salon-page .workflow-directory>.workflow-group{display:grid;grid-template-columns:minmax(155px,.65fr) minmax(0,2.35fr);gap:42px;padding:28px 0;margin:0;border-top:1px solid var(--workflow-line);background:none;border-radius:0;box-shadow:none;min-width:0}
.workflow-group-heading{min-width:0}
.feature-combo-directory .workflow-group h3,#salon-page .workflow-directory .workflow-group h3{font:650 22px/1.25 'DM Sans',system-ui,sans-serif;text-transform:none;letter-spacing:-.025em;min-height:0;color:var(--workflow-ink);margin:0 0 9px;padding:0;border:0}
.feature-combo-directory .workflow-group-heading p,#salon-page .workflow-group-heading p{font:400 13px/1.65 'DM Sans',system-ui,sans-serif;color:var(--workflow-muted);max-width:220px;margin:0}
.workflow-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px 18px;align-content:start;min-width:0}
.feature-combo-directory .workflow-links>a,#salon-page .workflow-directory .workflow-links>a{display:flex;align-items:center;gap:10px;min-height:49px;padding:7px 2px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--workflow-ink);font:500 13px/1.45 'DM Sans',system-ui,sans-serif;text-decoration:none;min-width:0;transition:color 160ms ease}
.feature-combo-directory .workflow-links>a:hover,#salon-page .workflow-directory .workflow-links>a:hover{color:var(--workflow-accent);background:none;box-shadow:none;transform:none;text-decoration:underline;text-underline-offset:4px}
.workflow-links>a:focus-visible,.workflow-setup a:focus-visible,.bk-day a:focus-visible{outline:2px solid var(--workflow-accent);outline-offset:4px;border-radius:4px}
.feature-combo-directory .workflow-links i,#salon-page .workflow-directory .workflow-links i{flex:0 0 34px;margin:0}
#salon-page .bk-rich-directory .workflow-directory{max-width:1100px;margin:auto}
#salon-page .bk-rich-directory .workflow-directory .workflow-links>a{font-size:14px}
#salon-page .workflow-directory>[hidden]{display:none!important}
#salon-page .salon-directory .workflow-directory a::after{display:none}
#salon-page .salon-directory>div>h2{max-width:720px;margin:0 0 36px;text-align:left}

#salon-page .workflow-setup{padding-top:80px;padding-bottom:85px;text-align:left;counter-reset:setup-step}
#salon-page .workflow-setup-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(40px,6vw,100px);align-items:start}
#salon-page .workflow-setup-copy h2{font-size:clamp(29px,3.3vw,42px);line-height:1.17;letter-spacing:-.035em;color:var(--workflow-ink);margin:0 0 22px;max-width:520px;text-align:left;text-wrap:balance}
#salon-page .workflow-setup-copy>p{font-size:15px;line-height:1.75;color:var(--workflow-muted);max-width:440px;margin:0 0 26px}
#salon-page .workflow-setup-copy>a{margin:8px 0 0;font-size:14px;min-height:46px;display:inline-flex;width:auto}
#salon-page .workflow-setup-steps{list-style:none;margin:0;padding:0}
#salon-page .workflow-setup-steps li{position:relative;padding:0 0 25px 48px;margin:0 0 25px;border-bottom:1px solid var(--workflow-line);counter-increment:setup-step}
#salon-page .workflow-setup-steps li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
#salon-page .workflow-setup-steps li:before{content:counter(setup-step);position:absolute;left:0;top:1px;color:var(--workflow-accent);font:500 20px/1.4 'DM Sans',system-ui,sans-serif;font-variant-numeric:tabular-nums}
#salon-page .workflow-setup-steps h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:0 0 9px;color:var(--workflow-ink)}
#salon-page .workflow-setup-steps p{font-size:14px;line-height:1.75;color:var(--workflow-muted);margin:0;max-width:530px}
#salon-page .workflow-records{margin:0 0 23px}
#salon-page .workflow-records>p{font-size:12px;color:var(--workflow-muted);margin:0 0 11px}
#salon-page .workflow-records .bk-record-sources{justify-content:flex-start;margin:0;gap:9px;flex-wrap:wrap}
#salon-page .workflow-records .bk-record-sources>span{padding:8px 11px;min-width:0;font-size:12px;border-radius:7px}

#salon-page .bk-day{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(35px,6vw,95px);padding:75px 0 35px;align-items:start;counter-reset:bakery-stage}
#salon-page .bk-day h2{font-size:clamp(31px,3.6vw,46px);line-height:1.15;letter-spacing:-.035em;max-width:470px;margin:0 0 22px;color:var(--workflow-ink)}
#salon-page .bk-day-heading>p{font-size:16px;line-height:1.7;color:var(--workflow-muted);max-width:390px;margin:0 0 25px}
#salon-page .bk-day-steps{list-style:none;margin:0;padding:0}
#salon-page .bk-day-steps li{position:relative;padding:0 0 25px 48px;margin:0;counter-increment:bakery-stage}
#salon-page .bk-day-steps li:before{content:counter(bakery-stage);position:absolute;left:0;top:1px;color:var(--workflow-accent);font:500 20px/1.4 'DM Sans',system-ui,sans-serif;font-variant-numeric:tabular-nums}
#salon-page .bk-day-steps li:not(:last-child):after{content:"";position:absolute;left:8px;top:34px;bottom:8px;width:1px;background:var(--workflow-line)}
#salon-page .bk-day-steps h3{font-size:20px;line-height:1.35;letter-spacing:-.02em;color:var(--workflow-ink);margin:0 0 7px}
#salon-page .bk-day-steps p{font-size:14px;line-height:1.7;color:var(--workflow-muted);margin:0;max-width:490px}

@media(max-width:1000px){
  .feature-combo-directory .workflow-group,#salon-page .workflow-directory>.workflow-group{grid-template-columns:minmax(130px,.7fr) minmax(0,2fr);gap:28px}
  .workflow-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 16px}
  #salon-page .workflow-setup-inner,#salon-page .bk-day{gap:38px}
}
@media(max-width:700px){
  .feature-combo-directory .workflow-group,#salon-page .workflow-directory>.workflow-group{display:block;padding:24px 0}
  .feature-combo-directory .workflow-group-heading,#salon-page .workflow-group-heading{margin-bottom:17px}
  .feature-combo-directory .workflow-group h3,#salon-page .workflow-directory .workflow-group h3{font-size:21px;margin-bottom:7px}
  .feature-combo-directory .workflow-group-heading p,#salon-page .workflow-group-heading p{max-width:360px;font-size:13px}
  .workflow-links{gap:5px 14px}
  .feature-combo-directory .workflow-links>a,#salon-page .workflow-directory .workflow-links>a,#salon-page .bk-rich-directory .workflow-directory .workflow-links>a{font-size:12px;gap:8px;min-height:52px}
  #salon-page .workflow-setup{padding-top:52px;padding-bottom:55px}
  #salon-page .workflow-setup-inner,#salon-page .bk-day{grid-template-columns:1fr;gap:33px}
  #salon-page .workflow-setup-copy h2{font-size:30px;max-width:460px}
  #salon-page .workflow-setup-copy>p{font-size:14px;margin-bottom:22px}
  #salon-page .workflow-setup-steps li{padding-left:38px;padding-bottom:22px;margin-bottom:22px}
  #salon-page .workflow-setup-steps h3,#salon-page .bk-day-steps h3{font-size:19px}
  #salon-page .bk-day{padding:48px 0 20px}
  #salon-page .bk-day h2{font-size:32px;max-width:380px;margin-bottom:18px}
  #salon-page .bk-day-heading>p{font-size:14px;max-width:340px;margin-bottom:20px}
  #salon-page .bk-day-steps li{padding-left:38px}
}
@media(max-width:380px){
  .workflow-links{grid-template-columns:1fr}
  .feature-combo-directory .workflow-links>a,#salon-page .workflow-directory .workflow-links>a,#salon-page .bk-rich-directory .workflow-directory .workflow-links>a{font-size:13px;min-height:46px}
}
@media(prefers-reduced-motion:reduce){.workflow-links>a{transition:none!important}}