:root{--paper:#f7f4ee;--ink:#14201f;--soft:#4a5654;--muted:#63706d;--green:#0d2b2e;--clay:#c07a3e;--line:#d9ddd4;--display:'Playfair Display',Georgia,serif;--text:Commissioner,Arial,sans-serif}
*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%;height:auto;display:block}svg{width:21px;height:21px;flex-shrink:0}a,button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--clay);outline-offset:5px}p,h1,h2,h3{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.12;letter-spacing:-.04em}h1{font-size:clamp(54px,6.8vw,100px)}h2{font-size:clamp(37px,4.2vw,61px);margin-bottom:22px}h3{font-size:29px}.wrap{width:min(100% - 80px,1320px);margin-inline:auto}.section-space{padding-block:100px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:27px;gap:25px}.site-brand{display:flex;gap:10px;align-items:center;font:500 30px var(--display);letter-spacing:-1.4px;flex-shrink:0}.site-brand img{width:32px;height:32px}.site-header nav{display:flex;align-items:center;gap:27px;font-size:13px}.site-header nav a:hover:not(.button){color:var(--clay)}.site-header nav [aria-current=page]{border-bottom:1px solid var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--green);border:1px solid var(--green);border-radius:4px;color:#fff;font-size:14px;font-weight:600;line-height:1.4;padding:17px 23px;min-height:48px;transition:transform .2s,background .2s}.button.small{font-size:13px;padding:12px 18px;min-height:44px}.button:hover{background:#1e494a;transform:translateY(-2px)}.button.outline{background:transparent;color:var(--ink);border-color:#aab5a6}.button.outline:hover{background:#e9eee3}.button.light{color:var(--green);background:var(--paper);border-color:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:14px;line-height:1.5;font-weight:600;border-bottom:1px solid #a9b3a5;padding-block:9px}.text-link:hover{color:var(--clay);border-color:var(--clay)}.skip-link{position:fixed;left:18px;top:-100px;padding:12px 18px;z-index:100;background:var(--green);color:#fff}.skip-link:focus{top:10px}.hero{text-align:center;padding:49px 0 58px}.hero h1{margin-bottom:23px;line-height:1.03;letter-spacing:-.055em}.hero h1 span{color:var(--green)}.hero>p{max-width:530px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{margin-top:28px;display:flex;gap:27px;align-items:center;justify-content:center}.hero-actions .text-link{border:0;font-weight:500}.demo-section{padding-bottom:45px}.product-demo{display:block;width:100%;height:850px;border:0;background:var(--paper)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:46px}.section-heading h2{margin:0}.section-copy{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:0}.website-section{border-top:1px solid var(--line)}.website-examples{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start}.website-example{overflow:hidden;border-radius:9px;transition:transform .3s,box-shadow .3s}.website-example:hover{transform:translateY(-5px);box-shadow:0 18px 30px -20px #14201f55}.example-bar{display:flex;align-items:center;justify-content:space-between;padding:23px 26px}.example-bar>span:first-child{font-weight:600}.example-bar>span:last-child{display:flex;gap:10px;align-items:center;font-size:10px}.example-bar svg{width:14px;height:14px}.barber-example{background:#142637;color:#f5f8f8}.barber-example .example-bar{font-size:14px;letter-spacing:2px;border-bottom:1px solid #ffffff24}.barber-example .example-bar>span:last-child{letter-spacing:0}.barber-composition{display:grid;grid-template-columns:1fr .8fr;min-height:320px}.barber-composition>div{padding:32px 0 20px 27px;position:relative;z-index:1}.barber-composition h3{font-family:Impact,'Arial Narrow',var(--text);font-stretch:condensed;font-size:clamp(32px,3.4vw,49px);letter-spacing:-1.5px;line-height:1.02;margin-bottom:26px}.barber-composition p{font-size:10px;max-width:130px;color:#a7b8c7}.barber-composition img{height:100%;width:100%;object-fit:cover;object-position:58%}.example-cta{font-size:11px;display:inline-flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #82a4bc}.example-cta svg{width:16px;height:16px}.example-caption{display:block;font-size:10px;padding:15px 26px;color:#b5c4ce;border-top:1px solid #ffffff20}.tavern-example{background:#f0e5d3;color:#4a2334;margin-top:52px}.tavern-example .example-bar{padding-bottom:8px}.tavern-example .example-bar>span:first-child{font:26px var(--display);letter-spacing:-1px}.tavern-example h3{font-size:37px;line-height:1.1;letter-spacing:-1.2px;margin:16px 26px 25px}.tavern-example>img{width:100%;height:220px;object-fit:cover}.tavern-example .example-caption{color:#7c5d62}.examples-note{font-size:12px;color:var(--muted);max-width:650px;line-height:1.8;margin:27px 0 0}.workspace-section{background:#e9eee5;padding:95px 0 75px}.workspace-stories>article{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:43px 0;border-top:1px solid #cbd5c6}.story-copy h3{font-size:32px;margin-bottom:15px}.story-copy>p{font-size:15px;color:var(--soft);max-width:420px;margin-bottom:15px}.story-detail>span{font-size:11px;color:#597060}.story-detail blockquote{font:500 36px/1.3 var(--display);letter-spacing:-1.2px;margin:24px 0;color:#365144}.schedule-preview{margin-top:22px;padding-left:22px;border-left:2px solid #9fae97}.schedule-preview>div{display:flex;align-items:center;gap:25px;padding:13px 0;border-bottom:1px solid #cbd5c6;font-size:13px}.schedule-preview time{font-variant-numeric:tabular-nums;color:#6a7d6a;font-size:12px}.schedule-preview strong{font-weight:600;min-width:85px}.schedule-preview>div>span:last-child{margin-left:auto;font-size:11px}.sample-status{color:#8c582e;background:#f4e6d5;padding:3px 8px;border-radius:3px}.schedule-preview p{font-size:10px;color:#748370;margin:12px 0 0}.automation-preview{display:flex;align-items:center;gap:22px;margin:30px 0;font-size:17px}.automation-preview>span{padding:15px 0;border-top:1px solid #a7b79f;border-bottom:1px solid #a7b79f}.story-note{font-size:12px;color:#5a6f5e;line-height:1.8;max-width:440px}.workspace-boundary{font-size:12px;color:#617564;border-top:1px solid #cbd5c6;padding-top:23px;margin:0}.care-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px 75px}.care-steps{margin:0;padding:0;list-style:none}.care-steps li{display:flex;gap:25px;padding:27px 0;border-bottom:1px solid var(--line)}.care-steps li:first-child{padding-top:6px}.care-steps li>span{font-size:12px;color:var(--clay);padding-top:7px}.care-steps h3{font-size:29px;margin-bottom:13px}.care-steps p{font-size:14px;max-width:430px;color:var(--muted);margin:0}.custom-note{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1fr auto;gap:30px;align-items:center;border-top:1px solid var(--line);padding-top:30px;margin-top:15px}.custom-note h3{font-size:26px;margin:0}.custom-note p{font-size:13px;color:var(--muted);margin:0;max-width:430px}.custom-note .text-link{font-size:13px}.plans-section{border-top:1px solid var(--line)}.plan-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.plan{padding:39px;border:1px solid var(--line);border-radius:7px;display:flex;flex-direction:column;align-items:flex-start}.plan-premium{border:1.5px solid var(--clay);background:#f8f5ee}.plan :is(h2,h3){font-size:36px;letter-spacing:-1.2px;margin-bottom:16px}.plan-description{font-size:16px;line-height:1.6;color:var(--muted);max-width:440px;margin-bottom:30px}.plan-price{display:flex;align-items:baseline;gap:14px;margin:0;line-height:1.1}.plan-price strong{font:500 68px var(--display);letter-spacing:-3px}.plan-price>span{font-size:16px}.annual{font-size:14px;color:var(--muted);margin:13px 0 28px}.annual>span{display:block;font-size:12px;margin-top:4px}.plan .button{margin-top:auto;min-width:180px}.plan-standard :is(h2,h3){font-size:31px}.plan-standard .plan-price strong{font-size:60px}.plan ul{margin:0 0 33px;padding:0;list-style:none;font-size:14px;line-height:1.7;color:var(--soft)}.plan li{padding:8px 0;border-bottom:1px solid var(--line)}.plan-terms{font-size:13px;text-align:center;line-height:1.8;color:var(--muted);margin:23px 0 0}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;border-top:1px solid var(--line)}.faq .text-link{margin-top:27px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:22px 0;list-style:none;font-size:16px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:24px;font-weight:400;line-height:1;transition:rotate .2s}.faq-list [open] summary>span{rotate:45deg}.faq-list details>p{color:var(--muted);font-size:14px;line-height:1.85;padding-bottom:24px;max-width:580px;margin:0}.contact-section{background:var(--green);color:var(--paper);padding:88px 0 80px;scroll-margin-top:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid h2{font-size:clamp(38px,4.5vw,62px);line-height:1.13}.contact-grid>div>p{font-size:16px;line-height:1.8;color:#bbc9c2;max-width:440px}.contact-action{padding:7px 0 0}.contact-action h3{font-size:30px;margin-bottom:18px}.contact-action>.button{margin:12px 0 22px}.contact-action .contact-hours{font-size:12px;line-height:1.8;margin-bottom:17px;color:#baccc4}.contact-action .contact-note{font-size:11px;line-height:1.8;color:#a4bcb2;max-width:360px}.site-footer{display:flex;align-items:center;gap:50px;padding-block:32px}.site-footer .site-brand{font-size:23px}.site-footer .site-brand img{width:25px;height:25px}.site-footer nav{display:flex;gap:25px;font-size:12px;margin-left:auto}.site-footer>p{font-size:11px;color:var(--muted);margin:0}.plans-hero{padding-top:53px}.plans-hero h1{text-align:center;font-size:clamp(44px,5.7vw,80px);line-height:1.08;margin-bottom:25px}.plans-hero>p:not(.plan-terms){font-size:18px;color:var(--muted);text-align:center;max-width:600px;margin:0 auto 48px}.comparison-section{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px 70px}.comparison-intro .text-link{margin-top:30px}.comparison-scroll{overflow-x:auto}.comparison-scroll table{border-collapse:collapse;width:100%;font-size:13px;min-width:480px}.comparison-scroll caption{text-align:left;font:500 28px var(--display);padding-bottom:23px}.comparison-scroll thead th{text-align:left;font-size:11px;color:var(--muted);font-weight:600;padding:14px 12px;border-bottom:1px solid var(--line)}.comparison-scroll th:first-child{padding-left:0}.comparison-scroll td,.comparison-scroll tbody th{padding:14px 12px;text-align:left;border-bottom:1px solid var(--line);font-weight:400}.comparison-scroll td{font-size:11px}.comparison-scroll td:nth-child(2){color:var(--green);font-weight:600;white-space:nowrap}.comparison-scroll td:nth-child(3){color:#74816f;white-space:nowrap}.comparison-scroll .comparison-group th{font:500 23px var(--display);padding:29px 0 16px;color:var(--ink)}.comparison-note{grid-column:2;font-size:12px;color:var(--muted);line-height:1.8;margin:0}.terms-section{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.terms-section article{margin-bottom:28px}.terms-section h3{font-size:26px;margin-bottom:10px}.terms-section p{font-size:14px;color:var(--muted);max-width:560px}
@media(max-width:1050px){.wrap{width:calc(100% - 50px)}.site-header nav{gap:18px;font-size:12px}.site-header .site-brand{font-size:26px}.site-header .site-brand img{width:27px;height:27px}.section-space{padding-block:75px}.section-heading{gap:25px}.workspace-stories>article{gap:35px}.care-section{gap:40px}.custom-note{grid-template-columns:1fr 1.2fr}.custom-note .text-link{grid-column:2;justify-self:start}.contact-grid{gap:50px}.plan{padding:29px}.plan :is(h2,h3){font-size:32px}.plan-standard :is(h2,h3){font-size:29px}.plan-description{font-size:14px}.faq{gap:50px}.comparison-section{grid-template-columns:1fr;gap:30px}.comparison-intro{display:flex;justify-content:space-between;align-items:center;gap:30px}.comparison-intro .text-link{margin-top:0;flex-shrink:0}.comparison-intro h2{font-size:42px;flex-shrink:0}.comparison-intro .section-copy{font-size:14px}.comparison-note{grid-column:1}.site-footer{gap:25px}.site-footer nav{gap:18px}.barber-composition{min-height:280px}.tavern-example h3{font-size:31px}.tavern-example>img{height:190px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:22px;gap:15px;flex-wrap:wrap}.site-header .site-brand{font-size:26px}.site-header nav{gap:17px;font-size:12px;flex:1;justify-content:flex-end}.site-header .nav-how,.site-header .nav-signin{display:none}.site-header .button.small{padding:10px 13px;font-size:11px;min-height:40px}.site-header .site-brand img{width:26px;height:26px}.hero{padding:30px 0 41px}.hero h1{font-size:clamp(53px,9vw,72px);letter-spacing:-3px}.hero>p{font-size:16px;max-width:380px}.hero-actions{gap:25px;margin-top:25px}.hero-actions .button{padding:15px 19px;font-size:13px}.hero-actions .text-link{font-size:13px}.product-demo{height:920px}.demo-section{padding-bottom:30px}.section-space{padding-block:60px}h2{font-size:39px}.section-heading{display:block;margin-bottom:31px}.section-heading .section-copy,.section-heading>.text-link{margin-top:20px}.section-copy{font-size:14px}.website-examples{grid-template-columns:1fr;gap:23px}.barber-composition{min-height:300px}.barber-composition h3{font-size:44px}.barber-composition p{font-size:11px}.tavern-example{margin:0}.tavern-example h3{font-size:40px;margin-top:20px}.tavern-example>img{height:250px}.examples-note{font-size:11px}.workspace-section{padding:62px 0 49px}.workspace-stories>article{grid-template-columns:1fr;gap:18px;padding:30px 0}.story-copy h3{font-size:30px}.story-copy>p{font-size:14px;max-width:none}.story-detail>span{font-size:10px}.story-detail blockquote{font-size:31px;margin:18px 0 4px}.automation-preview{font-size:14px;gap:18px;margin:20px 0}.schedule-preview{margin-top:15px;padding-left:16px}.schedule-preview>div{gap:20px}.workspace-boundary{font-size:11px}.care-section{display:block}.care-steps{margin-top:33px}.care-steps h3{font-size:27px}.care-steps p{font-size:13px}.custom-note{display:block;margin-top:35px;padding-top:24px}.custom-note h3{font-size:27px}.custom-note p{margin:15px 0 13px;max-width:none}.plan-grid{grid-template-columns:1fr;gap:18px}.plan{padding:29px}.plan :is(h2,h3){font-size:35px}.plan-description{font-size:16px}.plan-price strong{font-size:66px}.plan-price>span{font-size:15px}.plan .button{width:100%;font-size:13px}.plan-standard :is(h2,h3){font-size:32px}.plan-terms{font-size:11px;margin-top:20px;text-align:left}.faq{grid-template-columns:1fr;gap:26px}.faq h2 br{display:none}.faq .text-link{margin-top:18px}.faq-list summary{font-size:14px;padding:20px 0}.faq-list details>p{font-size:13px}.contact-section{padding:56px 0 48px}.contact-grid{display:block}.contact-grid h2{font-size:43px}.contact-grid>div>p{font-size:15px}.contact-action{margin-top:36px}.contact-action h3{font-size:28px}.contact-action>.button{width:100%;padding:16px;font-size:13px;gap:20px}.site-footer{display:grid;grid-template-columns:1fr auto;gap:23px;padding-block:27px}.site-footer nav{grid-column:1/-1;grid-row:2;margin-left:0;justify-content:space-between;gap:12px;font-size:11px}.site-footer .site-brand{font-size:24px}.site-footer>p{font-size:10px}.plans-hero{padding-top:32px}.plans-hero h1{font-size:48px}.plans-hero>p:not(.plan-terms){font-size:16px;margin-bottom:33px}.comparison-intro{display:block}.comparison-intro h2 br{display:none}.comparison-intro .section-copy{margin-bottom:18px}.comparison-intro h2{font-size:38px}.comparison-scroll table{min-width:0;font-size:12px}.comparison-scroll caption{display:none}.comparison-scroll thead th{font-size:10px;padding:11px 7px}.comparison-scroll td{font-size:10px;white-space:normal!important;padding:12px 7px}.comparison-scroll tbody th{padding:12px 6px 12px 0;font-size:12px}.comparison-scroll .comparison-group th{font-size:24px}.comparison-note{font-size:11px}.terms-section{display:block}.terms-section>div{margin-top:32px}.terms-section h3{font-size:25px}.terms-section p{font-size:13px}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}.site-header .site-brand{font-size:23px;gap:6px}.site-header .site-brand img{width:23px;height:23px}.site-header nav{gap:12px;font-size:11px}.site-header .button.small{padding:9px 10px}.hero h1{font-size:51px}.plan{padding:25px}.plan :is(h2,h3){font-size:31px}.automation-preview{gap:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
