.industry-landing-body { background: #fff; }
.industry-hero-content { padding-top: 126px; padding-bottom: 32px; }
.industry-hero h1 { font-size: 50px; margin: 14px 0 18px; }
.industry-hero h1 br { display: none; }
.industry-hero .eyebrow { display: flex; align-items: center; gap: 8px; }
.industry-hero .eyebrow svg { width: 17px; height: 17px; }
.industry-hero .industry-promise { font-size: 32px; max-width: 640px; }
.industry-hero .industry-introduction { max-width: 540px; }
.industry-hero > img { object-position: center 42%; }
.industry-hero-shade { background: #061d16bd; }
.industry-boutiques .industry-hero-shade { background: #14141ebd; }
.hero-workflow { display: flex; align-items: center; gap: 16px; margin-top: 28px; padding-top: 20px; border-top: 1px solid #ffffff30; color: #d5f3e6; font-size: 14px; }
.hero-workflow > span { display: flex; gap: 8px; align-items: center; }
.hero-workflow svg { width: 17px; height: 17px; flex-shrink: 0; }
.hero-workflow > svg { width: 14px; color: #a1c4b3; }
.industry-showcase { padding-block: 72px; scroll-margin-top: 90px; }
.showcase-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; margin-bottom: 36px; }
.industry-showcase h2 { font-size: 42px; line-height: 1.18; margin: 14px 0 0; }
.industry-showcase h2 em { font-style: normal; color: #168653; }
.showcase-heading > p { font-size: 16px; line-height: 1.7; max-width: 390px; color: #526659; margin: 0; }
.salon-showcase { background: #fcf5f6; }
.salon-showcase h2 em { color: #9e476d; }
.salon-workbench { border: 1px solid #d9ddda; border-radius: 8px; overflow: hidden; background: #fff; box-shadow: 0 16px 50px #32212a0b; }
.demo-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 24px; border-bottom: 1px solid #e3e8e5; }
.demo-toolbar > span:first-child { display: flex; align-items: center; gap: 10px; font-size: 17px; font-weight: 700; }
.demo-toolbar img { object-fit: contain; }
.demo-label { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 500; color: #63766a; }
.demo-label svg { width: 15px; height: 15px; }
.salon-studio-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.salon-brief { padding: 32px; }
.demo-kicker { display: flex; gap: 7px; align-items: center; font-size: 11px; font-weight: 700; color: #4f7660; }
.demo-kicker svg { width: 15px; height: 15px; }
.demo-topic-tabs { display: flex; flex-wrap: wrap; gap: 0; border-bottom: 1px solid #dce5df; margin: 18px 0 26px; }
.demo-topic-tabs button { background: none; padding: 12px 8px; border: 0; border-bottom: 2px solid transparent; color: #6c796f; font: inherit; font-size: 11px; cursor: pointer; }
.demo-topic-tabs button[aria-pressed=true] { border-color: #ab4e78; color: #973b65; font-weight: 700; }
.salon-brief h3 { font-size: 26px; line-height: 1.35; margin: 0 0 12px; }
.demo-brief-copy { font-size: 15px; line-height: 1.7; color: #5d6e63; min-height: 76px; }
.ai-output-label { display: flex; gap: 8px; align-items: center; margin-top: 24px; padding-top: 22px; border-top: 1px solid #e4e9e6; font-size: 14px; font-weight: 700; color: #28724c; }
.ai-output-label svg { width: 18px; height: 18px; }
.demo-caption { font-size: 16px; line-height: 1.75; margin: 14px 0 12px; min-height: 112px; }
.demo-hashtags { display: block; font-size: 13px; line-height: 1.6; color: #297653; overflow-wrap: anywhere; }
.salon-brand-row { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 26px; padding-top: 20px; border-top: 1px solid #e4e9e6; }
.salon-brand-row > span:first-child { width: 100%; font-size: 10px; color: #708277; margin-bottom: 5px; }
.demo-swatch { width: 17px; height: 17px; border-radius: 50%; }
.demo-swatch.mint { background: #7da990; }.demo-swatch.rose { background: #d29aaa; }.demo-swatch.ink { background: #17352b; }
.salon-brand-row strong { font-size: 12px; font-weight: 500; margin-left: 5px; color: #607469; }
.salon-post { margin: 0; border-left: 1px solid #e3e8e5; background: #fff; min-width: 0; }
.salon-post > header { display: flex; align-items: center; gap: 10px; padding: 18px 24px; }
.demo-avatar { width: 34px; height: 34px; background: #f1dce5; color: #903f63; display: grid; place-items: center; border-radius: 50%; flex-shrink: 0; }
.demo-avatar svg { width: 18px; height: 18px; }
.salon-post header strong { display: block; font-size: 14px; }
.salon-post header small { display: block; font-size: 11px; color: #738276; margin-top: 3px; }
.salon-post header > svg { margin-left: auto; width: 21px; }
.salon-art { position: relative; }
.salon-art > img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.salon-art-copy { background: #f4e5ea; padding: 28px; color: #5b253c; }
.salon-art-copy > span { display: block; font-size: 10px; font-weight: 600; }
.salon-art-copy > strong { display: block; font-family: Georgia, serif; font-size: 38px; line-height: 1.1; margin: 12px 0 20px; min-height: 84px; font-weight: 500; }
.salon-post > figcaption { display: flex; align-items: center; justify-content: space-between; padding: 18px 24px; }
.salon-post figcaption > span { display: flex; gap: 16px; }
.salon-post figcaption svg { width: 20px; height: 20px; color: #273c30; }
.demo-approval-bar { padding: 18px 24px; display: flex; align-items: center; gap: 16px; justify-content: space-between; border-top: 1px solid #e4e9e6; background: #fafcfb; }
.demo-status { display: inline-flex; align-items: center; gap: 7px; font-size: 14px; color: #6b6a36; }
.demo-status svg { width: 16px; height: 16px; }
.demo-approve { font-size: 14px; background: #173c2c; color: #fff; border: 1px solid #173c2c; padding: 12px 18px; min-height: 46px; cursor: pointer; }
.demo-approve:hover { background: #256147; }
.demo-approve:disabled, .demo-schedule button:disabled { opacity: .55; cursor: default; }
.demo-schedule { display: flex; flex-wrap: wrap; align-items: end; gap: 16px; padding: 20px 24px; background: #edf5f0; border-top: 1px solid #d3e4d8; }
.demo-schedule[hidden] { display: none; }
.demo-schedule label { display: grid; gap: 7px; font-size: 13px; font-weight: 600; }
.demo-schedule select { font: inherit; font-size: 14px; border: 1px solid #b7cec0; background: #fff; color: #213e2d; padding: 12px 36px 12px 12px; border-radius: 4px; min-height: 46px; max-width: 100%; }
.demo-schedule .button { font-size: 14px; min-height: 46px; }
.demo-live-status { font-size: 14px; line-height: 1.6; color: #246744; margin: 0; padding-inline: 24px; }
.demo-live-status:not(:empty) { padding-block: 16px; }
.showcase-footnote { display: flex; gap: 24px; align-items: flex-start; justify-content: space-between; padding-top: 22px; }
.showcase-footnote > span { display: flex; gap: 7px; font-size: 12px; line-height: 1.6; color: #6c776e; max-width: 630px; }
.showcase-footnote svg { width: 15px; height: 15px; flex-shrink: 0; margin-top: 2px; }
.showcase-footnote a { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; color: #226d46; }
.restaurant-showcase { background: #fff; }
.restaurant-showcase h2 em { color: #b33c32; }
.restaurant-menu-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 48px; }
.restaurant-board { border-top: 3px solid #25372c; }
.restaurant-board-heading { display: flex; gap: 10px; align-items: center; padding: 22px 0; font-size: 13px; font-weight: 700; }
.restaurant-board-heading > svg { width: 19px; height: 19px; }
.restaurant-board-heading small { margin-left: auto; font-size: 11px; color: #849084; font-weight: 400; }
.restaurant-menu-item { display: flex; align-items: flex-start; gap: 16px; text-align: left; background: #fff; border: 0; border-bottom: 1px solid #dfe6df; width: 100%; padding: 24px 12px; font: inherit; cursor: pointer; }
.restaurant-menu-item[aria-pressed=true] { background: #eef4db; border-left: 3px solid #748840; padding-left: 9px; }
.menu-item-number { font-family: Georgia, serif; font-size: 24px; color: #798269; }
.restaurant-menu-item > span:nth-child(2) { min-width: 0; }
.restaurant-menu-item small { display: block; font-size: 10px; font-weight: 700; color: #738562; }
.restaurant-menu-item strong { display: block; font-size: 22px; margin: 8px 0; line-height: 1.3; }
.restaurant-menu-item > span > span { display: block; font-size: 14px; line-height: 1.65; color: #687264; }
.restaurant-menu-item > svg { width: 18px; height: 18px; flex-shrink: 0; margin-left: auto; }
.restaurant-note { display: flex; align-items: flex-start; gap: 12px; padding-top: 24px; }
.restaurant-note > svg { width: 20px; height: 20px; color: #748840; flex-shrink: 0; }
.restaurant-note p { font-size: 14px; line-height: 1.7; color: #697463; margin: 0; }
.restaurant-output { min-width: 0; }
.restaurant-output-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; font-weight: 700; padding: 12px 0 20px; }
.restaurant-output-heading > span:first-child { display: flex; align-items: center; gap: 8px; }
.restaurant-output-heading svg { width: 18px; height: 18px; }
.restaurant-art { margin: 0; }
.restaurant-art img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; }
.restaurant-art figcaption { background: #17362a; color: #f6ffe6; padding: 24px 28px; border-bottom: 5px solid #c5df7e; }
.restaurant-art figcaption > span { display: block; font-size: 10px; color: #d2e4be; }
.restaurant-art figcaption strong { display: block; font-family: Georgia, serif; font-size: 34px; line-height: 1.15; font-weight: 500; margin: 14px 0 18px; min-height: 78px; }
.restaurant-caption { padding: 24px 0 0; }
.restaurant-caption > p { font-size: 15px; line-height: 1.7; min-height: 78px; }
.restaurant-dispatch { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)) auto; align-items: center; gap: 24px; border-block: 1px solid #d5e1d6; padding: 24px 0; margin-top: 36px; }
.restaurant-dispatch > div { display: flex; gap: 12px; align-items: center; }
.restaurant-dispatch > div > svg { width: 25px; height: 25px; flex-shrink: 0; color: #2f6e47; }
.restaurant-dispatch span { font-size: 10px; color: #6a7f6d; }
.restaurant-dispatch strong { display: block; font-size: 13px; color: #283f2c; margin-top: 7px; line-height: 1.5; }
.industry-restaurants .industry-workflow { background: #f0f3e8; }
.industry-restaurants .industry-faq { background: #f7f9f3; }
.boutique-showcase { background: #f7f5f8; }
.boutique-section-heading { margin-bottom: 40px; text-align: center; }
.boutique-section-heading h2 { font-family: Georgia, serif; font-size: 48px; font-weight: 500; }
.boutique-section-heading h2 em { color: #a23670; font-style: italic; }
.boutique-section-heading > p { max-width: 510px; margin: 22px auto 0; line-height: 1.7; font-size: 16px; color: #756878; }
.boutique-editorial-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: start; gap: 56px; }
.boutique-look { background: #fff; min-width: 0; }
.boutique-look-top { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; padding: 22px 0; border-block: 1px solid #cfc4ce; background: #f7f5f8; }
.boutique-look-top > span:first-child { font-size: 16px; font-weight: 700; }
.boutique-look-top > span:last-child { font-size: 10px; color: #8a7585; }
.boutique-art { margin: 0; }
.boutique-art > img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; }
.boutique-art > figcaption { background: #f0d9e8; padding: 30px; color: #52223e; }
.boutique-art figcaption > span { font-size: 10px; }
.boutique-art figcaption strong { display: block; font: 500 38px/1.15 Georgia, serif; margin-top: 16px; min-height: 88px; }
.boutique-look-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 18px 0; background: #f7f5f8; }
.boutique-look-bottom > span { display: flex; align-items: center; gap: 6px; color: #7a6877; font-size: 12px; }
.boutique-look-bottom svg { width: 15px; height: 15px; }
.boutique-edit-title { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.boutique-edit-title .eyebrow { font-size: 11px; }
.boutique-angle { display: flex; align-items: center; gap: 14px; width: 100%; text-align: left; background: transparent; border: 0; border-bottom: 1px solid #d6ccd5; padding: 23px 10px; font: inherit; cursor: pointer; }
.boutique-angle > span { font: italic 24px Georgia, serif; color: #a18098; }
.boutique-angle > div { min-width: 0; }
.boutique-angle small { display: block; font-size: 10px; color: #89667c; }
.boutique-angle strong { display: block; font: 500 25px/1.35 Georgia, serif; color: #3a2c38; margin-top: 7px; }
.boutique-angle > svg { margin-left: auto; width: 18px; height: 18px; flex-shrink: 0; }
.boutique-angle[aria-pressed=true] { background: #eee3ec; border-left: 3px solid #a23670; padding-left: 7px; }
.boutique-caption { padding: 26px 0; border-bottom: 1px solid #d6ccd5; }
.boutique-caption .demo-kicker { color: #946382; }
.boutique-caption > p { font-size: 16px; line-height: 1.75; color: #5d4f5d; min-height: 112px; }
.boutique-caption .demo-hashtags { color: #9b5480; }
.boutique-approval { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; justify-content: space-between; margin-top: 22px; }
.boutique-approval > span { font-size: 13px; color: #81657b; }
.boutique-approval .demo-approve { background: #522a45; border-color: #522a45; }
.industry-boutiques .industry-workflow { background: #eef6f4; }
.industry-boutiques .industry-faq { background: #f7f2f6; }
.industry-boutiques .industry-closing { background: #f0e4ed; }
.industry-salons .industry-workflow { background: #fff; }
.industry-salons .industry-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 60px; }
.industry-salons .industry-steps li { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px 16px; border-top: 1px solid #e8d8df; padding-top: 20px; }
.industry-salons .industry-steps li > span { grid-row: 1 / 3; color: #9e476d; font-family: Georgia, serif; font-size: 24px; }
.industry-salons .industry-steps h3 { margin: 0; }
.industry-salons .industry-steps p { grid-column: 2; }
.industry-restaurants .industry-trust { grid-template-columns: minmax(0, 1fr); gap: 32px; }
.industry-restaurants .industry-trust > div { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 64px; }
.industry-restaurants .industry-trust .eyebrow { grid-column: 1 / -1; }
.industry-restaurants .industry-trust h2 { margin: 0; }
.industry-restaurants .industry-trust > div > p { margin: 0; }
.industry-restaurants .industry-trust ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; border-top: 1px solid #dae3d8; padding-top: 32px; }
.industry-restaurants .industry-trust li { display: block; }
.industry-restaurants .industry-trust li > svg { margin-bottom: 16px; }
.industry-boutiques .industry-workflow > .wrap { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; }
.industry-boutiques .industry-workflow .section-heading { display: block; margin-bottom: 0; }
.industry-boutiques .industry-workflow .section-heading p { margin-top: 24px; }
.industry-boutiques .industry-steps { grid-template-columns: repeat(2, minmax(0,1fr)); margin: 0; gap: 32px; }
.industry-boutiques .industry-steps li { border-top: 1px solid #c3dcd4; padding-top: 18px; }
.industry-boutiques .industry-steps li > span { font: italic 25px Georgia, serif; color: #658f80; }
.industry-boutiques .industry-faq > .wrap { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); column-gap: 56px; align-items: start; }
.industry-boutiques .industry-faq .eyebrow, .industry-boutiques .industry-faq h2 { grid-column: 1; }
.industry-boutiques .industry-faq h2 { grid-row: 2 / 7; max-width: 320px; font: 500 36px/1.25 Georgia, serif; }
.industry-boutiques .industry-faq details { grid-column: 2; }
.industry-boutiques .industry-faq details:first-of-type { grid-row: 1 / 3; }
.industry-showcase button:focus-visible { outline: 3px solid #3f9c70; outline-offset: 3px; }
.industry-showcase [hidden] { display: none; }
@media (max-width: 1050px) {
  .salon-brief { padding: 24px; }
  .restaurant-menu-layout, .boutique-editorial-layout { gap: 28px; }
  .restaurant-dispatch { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .restaurant-dispatch > button { grid-column: 1 / -1; justify-self: start; }
  .salon-art-copy > strong { font-size: 32px; }
  .boutique-art figcaption strong { font-size: 32px; }
}
@media (max-width: 700px) {
  .industry-salons .industry-steps, .industry-restaurants .industry-trust > div, .industry-restaurants .industry-trust ul, .industry-boutiques .industry-workflow > .wrap, .industry-boutiques .industry-faq > .wrap { grid-template-columns: minmax(0, 1fr); }
  .industry-boutiques .industry-workflow > .wrap { gap: 28px; }
  .industry-boutiques .industry-faq .eyebrow, .industry-boutiques .industry-faq h2, .industry-boutiques .industry-faq details, .industry-boutiques .industry-faq details:first-of-type { grid-column: auto; grid-row: auto; }
  .industry-boutiques .industry-faq h2 { font-size: 30px; }
  .industry-restaurants .industry-trust > div { gap: 16px; }
  .industry-hero h1 { font-size: 38px; }
  .industry-hero .industry-promise { font-size: 26px; }
  .industry-hero .industry-introduction { font-size: 16px; }
  .industry-hero-content { padding-top: 112px; padding-bottom: 26px; }
  .hero-workflow { display: grid; grid-template-columns: 1fr 18px 1fr; gap: 14px 10px; font-size: 13px; }
  .hero-workflow > svg:nth-child(4) { display: none; }
  .industry-showcase { padding-block: 44px; }
  .showcase-heading { display: block; margin-bottom: 26px; }
  .industry-showcase h2, .boutique-section-heading h2 { font-size: 34px; }
  .showcase-heading > p { margin-top: 20px; font-size: 15px; }
  .salon-studio-grid, .restaurant-menu-layout, .boutique-editorial-layout { grid-template-columns: minmax(0, 1fr); }
  .demo-toolbar { padding: 14px 16px; flex-wrap: wrap; }
  .demo-toolbar > span:first-child { font-size: 15px; }
  .salon-brief { padding: 22px 18px; }
  .demo-topic-tabs { margin-bottom: 20px; }
  .demo-topic-tabs button { font-size: 10px; padding: 12px 6px; }
  .salon-brief h3 { font-size: 24px; }
  .demo-brief-copy, .demo-caption, .boutique-caption > p { min-height: 0; }
  .salon-post { border-left: 0; border-top: 1px solid #e3e8e5; }
  .salon-art-copy { padding: 24px; }
  .salon-art-copy > strong { font-size: 34px; }
  .demo-approval-bar { padding: 18px; flex-wrap: wrap; }
  .demo-status { font-size: 13px; }
  .demo-approve { font-size: 13px; }
  .demo-schedule { padding: 18px; }
  .demo-schedule label { width: 100%; }
  .demo-schedule select { width: 100%; }
  .showcase-footnote { flex-direction: column; gap: 16px; }
  .restaurant-menu-layout { gap: 24px; }
  .restaurant-menu-item { padding-block: 20px; }
  .restaurant-menu-item strong { font-size: 20px; }
  .restaurant-note { display: none; }
  .restaurant-art figcaption { padding: 24px; }
  .restaurant-art figcaption strong { font-size: 32px; }
  .restaurant-dispatch { grid-template-columns: minmax(0, 1fr); gap: 22px; }
  .restaurant-dispatch > div { border-bottom: 1px solid #e2e8dd; padding-bottom: 18px; }
  .restaurant-dispatch strong { font-size: 15px; }
  .boutique-section-heading { text-align: left; margin-bottom: 28px; }
  .boutique-section-heading > p { margin: 20px 0 0; font-size: 15px; }
  .boutique-art > figcaption { padding: 26px 22px; }
  .boutique-art figcaption strong { font-size: 34px; }
  .boutique-edit { margin-top: 8px; }
  .boutique-angle strong { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .industry-showcase *, .industry-page { scroll-behavior: auto; transition: none; }
}