@font-face{font-family:'JF Blackletter';src:url('/fonts/unifrakturmaguntia.woff2') format('woff2');font-display:swap}@font-face{font-family:'JF Editorial';src:url('/fonts/bodoni-moda.woff2') format('woff2');font-display:swap}
.jf-showcase{--jf-emerald:#073f32;--jf-forest:#0b2b23;--jf-leather:#493024;--jf-walnut:#2c201b;--jf-gold:#c6a45a;--jf-ivory:#f3ede1;--jf-sage:#a9bdb2;--jf-border:#c6a45a30;--font:'DM Sans',Arial,sans-serif;color:var(--jf-ivory);font-family:'DM Sans',Arial,sans-serif;letter-spacing:normal;max-width:1600px;margin:0 auto;padding:75px 48px 25px;isolation:isolate}.jf-showcase *{box-sizing:border-box;letter-spacing:normal}.jf-showcase button,.jf-showcase input,.jf-showcase select{font-family:'DM Sans',Arial,sans-serif;letter-spacing:normal}.jf-showcase button{cursor:pointer;touch-action:manipulation}.jf-showcase button:disabled{cursor:default;opacity:.35}.jf-showcase button:focus-visible,.jf-showcase a:focus-visible,.jf-showcase input:focus-visible,.jf-showcase select:focus-visible{outline:2px solid var(--jf-gold);outline-offset:3px}.jf-showcase [hidden]{display:none!important}.jf-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.jf-kicker{font:10px/1.5 'IBM Plex Mono',monospace;letter-spacing:1.4px!important;color:var(--jf-sage);margin:0 0 17px}.jf-intro h1,.jf-intro h2{font-family:'DM Sans',sans-serif;font-size:46px;font-weight:500;line-height:1.1;letter-spacing:-2px!important;margin:0 0 14px;color:var(--jf-ivory)}.jf-intro p:not(.jf-kicker){font-size:14px;line-height:1.6;color:#aaa99e;margin:0}.jf-intro-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding-bottom:5px}.jf-live{font-size:10px;color:var(--jf-sage);display:flex;align-items:center;gap:8px}.jf-live i,.jf-local i,.jf-dash-bottom i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#9bb68e;box-shadow:0 0 0 3px #9bb68e15}.jf-reset{background:transparent;border:1px solid #a9bdb236;color:var(--jf-sage);border-radius:3px;padding:10px 12px;font-size:10px;display:flex;gap:18px;align-items:center}.jf-reset span{font-size:17px;line-height:1}.jf-instruction{border-top:1px solid #a9bdb22b;padding:18px 0 25px;display:flex;align-items:center;gap:16px}.jf-instruction>span{font:8px 'IBM Plex Mono',monospace;color:var(--jf-gold);letter-spacing:1px!important;white-space:nowrap}.jf-instruction p{font-size:11px;color:#b6b9ae;margin:0}.jf-instruction a{font-size:10px;color:var(--jf-ivory);margin-left:auto;white-space:nowrap;text-decoration:none;border-bottom:1px solid #a9bdb252;padding-bottom:3px}.jf-demo{background:var(--bg, #111113);border:1px solid #a9bdb21e;padding:29px 29px 20px;display:grid;grid-template-columns:348px minmax(0,1fr);gap:35px;align-items:start;position:relative}.jf-view-label{display:flex;justify-content:space-between;font-size:8px;color:#9dafa1;gap:10px;margin-bottom:16px;align-items:center}.jf-view-label>span:first-child{font:8px 'IBM Plex Mono',monospace;letter-spacing:1.1px!important;color:var(--jf-gold)}.jf-view-label>span:last-child{opacity:.65}.jf-phone-column,.jf-dashboard-column{min-width:0}.jf-phone{background:#171c19;border:1px solid #51594c;border-radius:39px;padding:8px;box-shadow:0 20px 35px #0003,inset 0 0 0 3px #272e28;position:relative;overflow:hidden}.jf-phone::after{content:'';position:absolute;left:-1px;top:150px;width:2px;height:60px;background:#8b8f7c}.jf-status{height:37px;background:var(--jf-emerald);border-radius:29px 29px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:10px;font-weight:650;position:relative;color:var(--jf-ivory)}.jf-island{position:absolute;width:84px;height:22px;background:#121a15;left:50%;transform:translateX(-50%);top:4px;border-radius:18px}.jf-status>span:last-child{font-size:10px;letter-spacing:1px!important}.jf-phone-app{background:var(--jf-forest);height:655px;display:flex;flex-direction:column;overflow:hidden;color:var(--jf-ivory);font-size:13px;line-height:1.5}.jf-home-bar{height:24px;background:var(--jf-forest);border-radius:0 0 29px 29px;position:relative}.jf-home-bar::after{content:'';width:105px;height:4px;background:#f3ede16b;position:absolute;bottom:7px;left:50%;transform:translateX(-50%);border-radius:8px}.jf-app-header{height:57px;display:flex;align-items:center;padding:0 20px;gap:9px;background:var(--jf-emerald);flex-shrink:0;border-bottom:1px solid #c6a45a26}.jf-app-header>span:not(.jf-app-demo){font-family:'JF Editorial',Georgia,serif;font-size:18px}.jf-monogram{display:block;object-fit:contain;width:50px;height:50px}.jf-app-header .jf-monogram{width:32px;height:32px}.jf-app-demo{margin-left:auto;font:7px 'IBM Plex Mono',monospace;color:var(--jf-sage);letter-spacing:1px!important}.jf-back{border:0;background:none;color:var(--jf-ivory);padding:0 5px 0 0;font-size:30px;line-height:1;width:25px;min-height:40px;text-align:left}.jf-progress{display:flex;gap:4px;padding:14px 21px 0;background:var(--jf-forest)}.jf-progress i{height:2px;flex:1;background:#a9bdb222}.jf-progress i.done{background:var(--jf-gold)}.jf-app-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6a45a44 transparent;flex:1;padding:25px 21px 15px;min-height:0}.jf-app-footer{padding:14px 21px 12px;border-top:1px solid #a9bdb220;background:var(--jf-forest);flex-shrink:0}.jf-btn{width:100%;min-height:47px;padding:13px 16px;border:1px solid transparent;background:transparent;border-radius:3px;color:var(--jf-ivory);font-size:11px;font-weight:650;display:flex;align-items:center;justify-content:space-between;gap:15px}.jf-btn.gold{background:var(--jf-gold);color:#172a20;border-color:var(--jf-gold)}.jf-btn.gold:hover{background:#d1b36f}.jf-btn.outline{border-color:#a9bdb25c;color:var(--jf-ivory)}.jf-btn.outline:hover{background:#a9bdb214}.jf-btn.danger{color:#dda58f;border-color:#dda58f50}.jf-step-kicker{font:7px/1.6 'IBM Plex Mono',monospace;letter-spacing:1.5px!important;color:var(--jf-gold);margin:0 0 12px}.jf-step-title{font-family:'JF Editorial',Georgia,serif;font-size:32px;font-weight:500;line-height:1.08;letter-spacing:-1px!important;color:var(--jf-ivory);margin:0 0 13px;outline:none}.jf-step-description{font-size:11px;color:var(--jf-sage);line-height:1.7;margin:0 0 25px}.jf-welcome{margin:-25px -21px 0;padding:24px 24px 22px;background:var(--jf-emerald);text-align:center;border-bottom:1px solid var(--jf-border);position:relative}.jf-welcome-mark{display:flex;justify-content:center;margin:9px 0 15px}.jf-welcome-mark .jf-monogram{height:99px;width:99px}.jf-welcome h3{font-family:'JF Editorial',Georgia,serif;font-size:35px;font-weight:500;line-height:1.04;letter-spacing:-1.3px!important;color:var(--jf-ivory);margin:0 0 15px}.jf-welcome h3 em{font-weight:400;color:var(--jf-gold)}.jf-welcome>p:not(.jf-step-kicker){font-size:11px;line-height:1.65;color:var(--jf-sage);margin:0 0 24px}.jf-welcome .jf-btn{font-size:11px}.jf-welcome-rule{display:flex;justify-content:space-between;border-top:1px solid var(--jf-border);padding-top:16px;margin-top:23px;font:6px 'IBM Plex Mono',monospace;color:#a9bdb2b8;letter-spacing:1px!important}.jf-popular{padding-top:23px}.jf-popular>div{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.jf-popular h4{font-family:'JF Editorial',Georgia,serif;font-size:18px;font-weight:500;margin:0;color:var(--jf-ivory)}.jf-popular>div>span{font:6px 'IBM Plex Mono',monospace;letter-spacing:.5px!important;color:var(--jf-sage)}.jf-popular>button{width:100%;background:none;border:0;border-bottom:1px solid var(--jf-border);padding:14px 0;text-align:left;color:var(--jf-ivory);display:flex;align-items:center;justify-content:space-between;font-size:11px}.jf-popular small{font-size:9px;color:var(--jf-sage);display:block;margin-top:3px}.jf-popular strong{font-size:11px;font-weight:500;color:var(--jf-gold)}.jf-popular i{font-style:normal;color:var(--jf-sage);margin-left:12px}.jf-app-disclaimer{font-size:8px;line-height:1.7;text-align:center;color:#a9bdb2b0;margin:19px 0 0}.jf-device-note{text-align:center;font-size:9px;color:#8ca394;margin:15px 0 0}.jf-service-option{width:100%;background:none;border:1px solid #a9bdb22b;margin-bottom:9px;border-radius:3px;color:var(--jf-ivory);padding:15px 12px;display:flex;text-align:left;align-items:center;gap:10px;min-height:76px}.jf-service-option.selected{border-color:var(--jf-gold);background:#c6a45a0d}.jf-choice-check{width:16px;height:16px;border:1px solid #a9bdb249;border-radius:50%;color:var(--jf-gold);font-size:10px;display:grid;place-items:center;flex-shrink:0}.selected .jf-choice-check{border-color:var(--jf-gold)}.jf-service-option>span:nth-child(2){flex:1;min-width:0}.jf-service-option strong{font-size:11px;font-weight:550;display:block}.jf-service-option small{font-size:8px;line-height:1.65;color:var(--jf-sage);display:block;margin-top:4px}.jf-service-option>b{font-size:11px;font-weight:600;color:var(--jf-gold)}.jf-barber-option{display:flex;gap:13px;align-items:center;text-align:left;width:100%;min-height:83px;padding:14px 12px;color:var(--jf-ivory);background:transparent;border:1px solid #a9bdb22b;margin-bottom:10px;border-radius:3px}.jf-barber-option.selected{border-color:var(--jf-gold);background:#c6a45a0b}.jf-avatar{width:43px;height:47px;display:grid;place-items:center;font-family:'JF Editorial',Georgia,serif;background:#396557;color:#ecddbe;font-size:18px;border:1px solid #c6a45a30;border-radius:4px;flex-shrink:0}.jf-avatar.any{font-family:'JF Blackletter',serif;font-size:25px;background:var(--jf-emerald)}.jf-avatar.marcus,.jf-mini-avatar.marcus{background:#594335;color:#ead1aa}.jf-avatar.leo,.jf-mini-avatar.leo{background:#435245;color:#d9dec8}.jf-barber-option strong{font-size:11px;font-weight:550;display:block}.jf-barber-option small{font-size:8px;line-height:1.5;color:var(--jf-sage);display:block;margin-top:5px}.jf-barber-option>i{margin-left:auto;font-size:13px;color:var(--jf-gold);font-style:normal}.jf-inset-note{padding:14px;border-left:1px solid var(--jf-gold);background:#a9bdb209;font-size:9px;color:var(--jf-sage);line-height:1.8;margin:23px 0 10px}.jf-month-heading{font-size:14px;border-bottom:1px solid var(--jf-border);padding-bottom:15px;display:flex;justify-content:space-between;margin-bottom:15px}.jf-month-heading span{font:8px 'IBM Plex Mono',monospace;color:var(--jf-sage);align-self:center}.jf-date-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.jf-date-grid button{background:transparent;color:var(--jf-ivory);border:1px solid #a9bdb22b;border-radius:3px;padding:11px 5px;min-height:84px}.jf-date-grid button.selected{background:var(--jf-gold);border-color:var(--jf-gold);color:var(--jf-forest)}.jf-date-grid small,.jf-date-grid span{display:block;font-size:8px;opacity:.7}.jf-date-grid strong{font-size:22px;font-weight:500;display:block;line-height:1.5}.jf-date-grid span{font-size:7px}.jf-hours-note{display:grid;gap:10px;font:7px 'IBM Plex Mono',monospace;color:var(--jf-sage);margin-top:25px}.jf-hours-note span{display:flex;justify-content:space-between}.jf-hours-note b{font:9px 'DM Sans',sans-serif;color:var(--jf-ivory)}.jf-slot-bar{display:flex;justify-content:space-between;border-block:1px solid var(--jf-border);padding:12px 0;margin:0 0 22px;font-size:10px}.jf-slot-bar button{background:none;border:0;padding:0;color:var(--jf-gold);font-size:9px;text-decoration:underline;text-underline-offset:3px}.jf-slot-caption{font:7px 'IBM Plex Mono',monospace;color:var(--jf-sage);letter-spacing:1px!important;margin-bottom:12px}.jf-slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.jf-slot-grid button{padding:12px 4px;min-height:41px;background:transparent;border:1px solid #a9bdb236;border-radius:3px;color:var(--jf-ivory);font-size:12px}.jf-slot-grid button.selected{background:var(--jf-gold);border-color:var(--jf-gold);color:var(--jf-forest);font-weight:700}.jf-time-note{color:var(--jf-sage);font-size:9px;line-height:1.8;margin:19px 0 0}.jf-customer-field{display:block;margin-bottom:18px}.jf-customer-field>span:first-child{display:flex;justify-content:space-between;font-size:10px;margin-bottom:8px;color:var(--jf-ivory)}.jf-customer-field small{font-size:8px;color:var(--jf-sage)}.jf-customer-field input{width:100%;min-height:45px;background:#a9bdb209;color:var(--jf-ivory);border:1px solid #a9bdb24d;border-radius:3px;padding:12px;font-size:12px}.jf-customer-field input::placeholder{color:#a9bdb273}.jf-customer-field input[aria-invalid=true]{border-color:#dc9c80}.jf-form-error{font-size:9px;color:#e7aa8e;line-height:1.6;display:block;margin-top:7px}.jf-summary-service{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-block:1px solid var(--jf-border);margin:23px 0 15px;font-size:15px}.jf-summary-service strong{font-size:17px;color:var(--jf-gold);font-weight:550}.jf-summary{margin:0}.jf-summary>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0}.jf-summary dt{font-size:10px;color:var(--jf-sage)}.jf-summary dd{font-size:10px;text-align:right;margin:0;max-width:65%;overflow-wrap:anywhere;color:var(--jf-ivory)}.jf-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--jf-border);padding-top:20px;margin-top:17px;font-size:13px}.jf-total small{display:block;font-size:8px;color:var(--jf-sage);margin-top:5px}.jf-total strong{font:30px 'JF Editorial',Georgia,serif;color:var(--jf-gold)}.jf-success{text-align:center;padding:8px 0}.jf-success-check{border:1px solid var(--jf-gold);width:49px;height:49px;display:grid;place-items:center;color:var(--jf-gold);font-size:22px;border-radius:50%;margin:0 auto 22px}.jf-success h3{font-size:34px}.jf-success>p:not(.jf-step-kicker){font-size:10px;color:var(--jf-sage);line-height:1.8}.jf-reference{display:inline-block;margin-top:6px;border:1px solid #c6a45a3d;padding:7px 12px;font:9px 'IBM Plex Mono',monospace;color:var(--jf-gold);letter-spacing:1.3px!important}.jf-home-link{display:block;width:100%;background:none;color:var(--jf-sage);font-size:9px;border:0;padding:12px 0 0}.jf-phone-empty{padding:30px 5px}.jf-phone-empty strong{font-family:'JF Editorial',Georgia,serif;font-size:25px;font-weight:500}.jf-phone-empty p{font-size:11px;color:var(--jf-sage);line-height:1.7;margin:15px 0 20px}.jf-browser{border:1px solid #4d5746;border-radius:9px;background:var(--jf-forest);overflow:hidden;box-shadow:0 15px 40px #0002}.jf-browser-chrome{height:35px;background:#172d25;border-bottom:1px solid #a9bdb223;padding:0 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a9bdb28c;font-size:8px}.jf-browser-dots{font-size:6px;letter-spacing:3px!important;color:#748271}.jf-local{font-size:7px;display:flex;align-items:center;gap:6px;white-space:nowrap}.jf-local i{width:4px;height:4px}.jf-dashboard{display:flex;min-height:680px;font-size:12px;line-height:1.5;background:var(--jf-forest)}.jf-dash-sidebar{width:63px;background:var(--jf-walnut);border-right:1px solid var(--jf-border);padding:19px 11px;display:flex;align-items:center;flex-direction:column;gap:25px;flex-shrink:0}.jf-dash-sidebar .jf-monogram{width:40px;height:40px;border-radius:4px}.jf-sidebar-line{width:25px;border-top:1px solid var(--jf-border)}.jf-sidebar-current{width:35px;height:38px;border:1px solid #c6a45a6b;border-radius:4px;background:#c6a45a10;color:var(--jf-gold);display:grid;place-items:center}.jf-dash-sidebar svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3}.jf-sidebar-bottom{margin-top:auto;color:var(--jf-gold);font:23px 'JF Blackletter',serif;text-align:center}.jf-sidebar-bottom small{font:6px 'IBM Plex Mono',monospace;color:var(--jf-sage)}.jf-dash-main{flex:1;min-width:0}.jf-dash-header{height:82px;border-bottom:1px solid var(--jf-border);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 27px;background:var(--jf-emerald)}.jf-brand{display:flex;gap:10px;align-items:center}.jf-brand>.jf-monogram{width:34px;height:34px}.jf-brand>span{font:21px 'JF Editorial',Georgia,serif;color:var(--jf-ivory);line-height:1.1}.jf-brand small{display:block;font:6px 'IBM Plex Mono',monospace;letter-spacing:1.5px!important;color:var(--jf-gold);margin-top:7px}.jf-owner{position:relative;padding-right:37px;text-align:right}.jf-owner>span{font:6px 'IBM Plex Mono',monospace;color:var(--jf-sage);letter-spacing:1px!important;display:block}.jf-owner>strong{font-size:9px;font-weight:450;display:block;margin-top:4px}.jf-owner>i{position:absolute;right:0;top:0;border:1px solid #c6a45a60;border-radius:50%;font:10px 'DM Sans',sans-serif;color:var(--jf-gold);width:27px;height:27px;display:grid;place-items:center}.jf-dash-content{padding:27px}.jf-day-heading{display:flex;justify-content:space-between;gap:20px;margin-bottom:26px;align-items:end}.jf-dash-eyebrow{font:6px 'IBM Plex Mono',monospace;letter-spacing:1.2px!important;color:var(--jf-sage);margin:0 0 9px}.jf-day-heading h3{font:32px/1.05 'JF Editorial',Georgia,serif;letter-spacing:-1px!important;color:var(--jf-ivory);margin:0 0 9px}.jf-day-heading p:not(.jf-dash-eyebrow){font-size:9px;color:var(--jf-sage);margin:0}.jf-day-revenue{text-align:right}.jf-day-revenue>span{font:6px 'IBM Plex Mono',monospace;color:var(--jf-sage);letter-spacing:.7px!important}.jf-day-revenue>strong{display:block;font:28px 'JF Editorial',Georgia,serif;color:var(--jf-gold);margin-top:5px}.jf-day-revenue small{font:8px 'DM Sans',sans-serif;color:var(--jf-sage)}.jf-stat-row{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--jf-border);padding:18px 0;margin-bottom:28px}.jf-stat-row>div{padding:0 16px;border-right:1px solid var(--jf-border)}.jf-stat-row>div:first-child{padding-left:0}.jf-stat-row>div:last-child{border:0}.jf-stat-row span{display:block;font-size:8px;color:var(--jf-sage);margin-bottom:7px}.jf-stat-row strong{font:29px/1.2 'JF Editorial',Georgia,serif;color:var(--jf-ivory);position:relative}.jf-stat-row>div:nth-child(2) strong{color:var(--jf-gold)}.jf-schedule-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.jf-schedule-heading h4{font-size:13px;font-weight:500;color:var(--jf-ivory);margin:0}.jf-schedule-heading h4>span{font:8px 'IBM Plex Mono',monospace;color:var(--jf-sage);margin-left:8px}.jf-schedule-view{display:flex;border:1px solid #a9bdb22e;border-radius:3px;padding:2px}.jf-schedule-view button{font-size:8px;color:var(--jf-sage);background:none;border:0;padding:6px 12px;border-radius:2px}.jf-schedule-view button.active{background:#a9bdb21c;color:var(--jf-ivory)}.jf-filters{display:flex;gap:8px;margin-bottom:20px;align-items:center;flex-wrap:wrap}.jf-dash-date{display:flex;align-items:center;border:1px solid #a9bdb22b;border-radius:3px;margin-right:auto}.jf-dash-date>button{color:var(--jf-sage);font-size:16px;border:0;background:none;padding:5px 10px;min-height:32px}.jf-dash-date label{min-width:0}.jf-dash-date input{border:0;color:var(--jf-ivory);font-size:9px;padding:7px 1px;width:112px;background:none;color-scheme:dark;min-width:0}.jf-filters select{border:1px solid #a9bdb22b;background:var(--jf-forest);color:var(--jf-sage);padding:8px 7px;font-size:8px;min-height:34px;border-radius:3px;max-width:120px;color-scheme:dark}.jf-table-head{display:grid;grid-template-columns:65px minmax(120px,1fr) 85px 88px 14px;gap:10px;font:6px 'IBM Plex Mono',monospace;color:#a9bdb29c;letter-spacing:.8px!important;padding:0 10px 12px;border-bottom:1px solid var(--jf-border)}.jf-appointments{max-height:352px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6a45a44 transparent}.jf-appointment{display:grid;grid-template-columns:65px minmax(120px,1fr) 85px 88px 14px;gap:10px;align-items:center;width:100%;border:0;border-bottom:1px solid #a9bdb219;background:transparent;text-align:left;padding:15px 10px;color:var(--jf-ivory);min-height:70px;transition:background .2s}.jf-appointment:hover{background:#a9bdb20a}.jf-appointment.new-booking{background:#c6a45a0f;box-shadow:inset 2px 0 var(--jf-gold)}.jf-appointment.is-cancelled{opacity:.55}.jf-row-time{font-size:12px;font-weight:500}.jf-row-time small{font-size:8px;color:var(--jf-sage);display:block;margin-top:3px}.jf-row-customer{min-width:0}.jf-row-customer>strong{font-size:10px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jf-row-customer>span{font-size:8px;color:var(--jf-sage);display:block;margin-top:4px}.jf-row-customer i{font-style:normal;font-size:7px;opacity:.6}.jf-row-barber{display:flex;gap:7px;align-items:center;font-size:9px}.jf-mini-avatar{width:24px;height:26px;display:grid;place-items:center;background:#396557;color:var(--jf-ivory);border-radius:3px;font-size:7px;font-style:normal}.jf-status-label{font-size:7px;text-transform:capitalize;color:var(--jf-sage);display:inline-flex;gap:5px;align-items:center;white-space:nowrap;line-height:1.5}.jf-status-label i{width:4px;height:4px;border-radius:50%;background:currentColor}.jf-status-label.confirmed{color:#b1c8b8}.jf-status-label.pending{color:#d1b575}.jf-status-label.completed{color:#8ea391}.jf-status-label.cancelled{color:#c49784}.jf-row-more{color:#a9bdb28c;font-size:18px}.jf-dash-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--jf-border);padding-top:15px;margin-top:21px;font-size:7px;color:#a9bdb288}.jf-dash-bottom>span:first-child{display:flex;align-items:center;gap:6px}.jf-dash-bottom i{width:4px;height:4px}.jf-sync-status{font-size:9px;min-height:33px;padding:14px 0 0;color:#8ca394;line-height:1.7;transition:color .2s}.jf-sync-status.jf-updated{color:var(--jf-gold)}.jf-demo-footer{display:flex;justify-content:space-between;gap:25px;padding:16px 0 0}.jf-demo-footer p{font-size:8px;color:#7e8b7f;line-height:1.7;margin:0;max-width:48%}.jf-sales{padding:37px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:30px}.jf-sales .jf-kicker{font-size:8px;margin-bottom:12px}.jf-sales h3{font:26px 'DM Sans',sans-serif;letter-spacing:-.8px!important;color:var(--jf-ivory);margin:0 0 8px}.jf-sales p:not(.jf-kicker){font-size:11px;color:#a9b0a2;line-height:1.7;margin:0}.jf-mobile-switch{display:none}.jf-dash-empty{min-height:240px;padding:40px 20px;text-align:center;color:var(--jf-sage)}.jf-dash-empty svg{width:25px;height:25px;stroke:var(--jf-gold);fill:none;stroke-width:1}.jf-dash-empty h4{font:25px 'JF Editorial',Georgia,serif;color:var(--jf-ivory);margin:15px 0 10px}.jf-dash-empty p{font-size:10px;line-height:1.7;max-width:230px;margin:0 auto}.jf-dash-empty button{color:var(--jf-gold);border:0;background:none;font-size:10px;margin-top:17px;text-decoration:underline}.jf-week{display:grid;grid-template-columns:repeat(7,minmax(87px,1fr));overflow-x:auto;gap:7px;min-height:300px;scrollbar-width:thin}.jf-week-day{border:1px solid var(--jf-border);border-radius:3px;min-width:0}.jf-week-day-title{padding:10px 7px;display:block;width:100%;color:var(--jf-ivory);border:0;border-bottom:1px solid var(--jf-border);background:#a9bdb209;font-size:9px;text-align:left}.jf-week-day-title>span{display:block;font-size:7px;color:var(--jf-sage);margin-top:4px}.jf-week-event{border:0;border-left:1px solid var(--jf-gold);display:block;width:calc(100% - 8px);background:#c6a45a0b;color:var(--jf-ivory);text-align:left;margin:6px 4px;padding:8px 5px}.jf-week-event span,.jf-week-event small{font-size:7px;display:block;color:var(--jf-sage);line-height:1.6}.jf-week-event strong{font-size:8px;font-weight:500;display:block;line-height:1.4;margin:5px 0;overflow-wrap:anywhere}.jf-week-event.cancelled{opacity:.4}.jf-week-empty{font-size:7px;color:var(--jf-sage);text-align:center;padding:17px 4px}.jf-dialog{background:var(--jf-forest);color:var(--jf-ivory);border:1px solid #c6a45a70;border-radius:7px;padding:0;max-width:440px;width:calc(100% - 28px);max-height:90svh;box-shadow:0 25px 100px #0008}.jf-dialog::backdrop{background:#061a14bd;backdrop-filter:blur(4px)}.jf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--jf-border);background:var(--jf-emerald)}.jf-modal-header>button{background:none;border:0;color:var(--jf-sage);font-size:24px;padding:3px 5px;min-width:30px}.jf-modal-body{padding:27px}.jf-modal-body>h3{font:32px/1.1 'JF Editorial',Georgia,serif;color:var(--jf-ivory);margin:0 0 15px;letter-spacing:-1px!important}.jf-modal-body>p:not(.jf-step-kicker){font-size:12px;line-height:1.8;color:var(--jf-sage)}.jf-modal-body .jf-summary-service{font-size:16px}.jf-modal-body .jf-summary dd,.jf-modal-body .jf-summary dt{font-size:12px}.jf-contact-record{border-top:1px solid var(--jf-border);margin-top:15px;padding-top:15px;display:grid;gap:14px}.jf-contact-record span{font-size:9px;color:var(--jf-sage)}.jf-contact-record strong{display:block;color:var(--jf-ivory);font-size:12px;font-weight:400;margin-top:3px;overflow-wrap:anywhere}.jf-management-actions{display:grid;gap:10px;margin-top:23px}.jf-cancel-question{font-size:12px;color:var(--jf-sage);line-height:1.7;margin:0 0 8px}.jf-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.jf-loading,.jf-noscript{font-size:12px;color:var(--jf-sage);padding:25px}.jf-loading{min-height:100px}
@media(min-width:1700px){.jf-demo{grid-template-columns:370px minmax(0,1fr);gap:50px;padding:35px}.jf-phone-app{height:705px}.jf-dashboard{min-height:740px}.jf-appointments{max-height:410px}.jf-appointment{min-height:77px}.jf-row-customer>strong{font-size:12px}.jf-row-customer>span,.jf-row-barber{font-size:10px}.jf-status-label{font-size:9px}.jf-day-heading h3{font-size:36px}.jf-dash-content{padding:30px}.jf-browser-chrome{font-size:9px}.jf-local{font-size:8px}}
@media(max-width:1250px){.jf-showcase{padding:60px 30px 25px}.jf-demo{grid-template-columns:320px minmax(0,1fr);padding:24px 20px 20px;gap:23px}.jf-dash-sidebar{display:none}.jf-dash-header{padding:0 20px}.jf-dash-content{padding:23px 18px}.jf-day-heading h3{font-size:29px}.jf-table-head,.jf-appointment{grid-template-columns:52px minmax(105px,1fr) 65px 70px 10px;gap:6px;padding-left:5px;padding-right:5px}.jf-row-barber{gap:4px;font-size:8px}.jf-row-customer i{display:none}.jf-owner{display:none}.jf-stat-row>div{padding:0 10px}.jf-stat-row span{font-size:7px}.jf-browser-chrome{padding:0 10px;gap:7px}.jf-browser-dots{display:none}.jf-intro-actions{gap:15px}.jf-live{font-size:9px}}
@media(max-width:1020px) and (min-width:801px){.jf-showcase{padding-inline:20px}.jf-demo{grid-template-columns:300px minmax(0,1fr);gap:18px;padding:20px 15px}.jf-phone-app{height:655px}.jf-view-label>span:last-child{display:none}.jf-day-heading{display:block}.jf-day-revenue{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--jf-border);padding-top:12px;margin-top:16px}.jf-day-revenue>strong{font-size:24px;margin:0}.jf-dash-content{padding:22px 14px}.jf-dashboard{min-height:720px}.jf-row-barber>span{display:none}.jf-table-head,.jf-appointment{grid-template-columns:45px minmax(85px,1fr) 27px 65px 10px;gap:5px}.jf-table-head span:nth-child(3){font-size:5px}.jf-row-customer>strong{font-size:9px}.jf-row-customer>span{font-size:7px}.jf-filters{gap:5px}.jf-dash-date{width:100%;justify-content:space-between}.jf-dash-date label{flex:1}.jf-dash-date input{width:100%}.jf-filters>label{flex:1}.jf-filters select{width:100%;max-width:none}.jf-stat-row>div{padding-inline:7px}.jf-stat-row strong{font-size:26px}.jf-stat-row span{font-size:6px}.jf-dash-bottom{flex-wrap:wrap}.jf-table-head,.jf-appointment{padding-left:0;padding-right:0}.jf-instruction p{font-size:10px}.jf-intro h1,.jf-intro h2{font-size:39px}.jf-intro{align-items:start}.jf-intro-actions{flex-direction:column;align-items:end}}
@media(max-width:800px){.jf-showcase{padding:45px 20px 25px}.jf-intro{display:block;margin-bottom:20px}.jf-intro h1,.jf-intro h2{font-size:37px;letter-spacing:-1.5px!important}.jf-intro p:not(.jf-kicker){font-size:12px}.jf-intro-actions{margin-top:23px;justify-content:space-between;gap:10px}.jf-live{font-size:9px}.jf-kicker{font-size:8px}.jf-instruction{display:flex;flex-wrap:wrap;gap:8px 18px;padding:17px 0}.jf-instruction>span{font-size:7px}.jf-instruction p{font-size:11px;order:3;width:100%;line-height:1.7}.jf-instruction a{font-size:9px}.jf-mobile-switch{display:flex;margin:6px 0 0;border:1px solid #a9bdb23b;background:var(--bg, #111113);border-bottom:0}.jf-mobile-switch button{width:50%;border:0;border-bottom:2px solid transparent;color:var(--jf-sage);background:transparent;padding:15px 8px;font-size:10px;position:relative}.jf-mobile-switch button.is-active{color:var(--jf-gold);border-color:var(--jf-gold);background:#c6a45a07}.jf-mobile-switch button span{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--jf-gold);margin-left:3px;vertical-align:middle}.jf-demo{display:block;padding:24px 16px 18px}.jf-phone-column{max-width:350px;margin:0 auto}.jf-dashboard-column{display:none}.jf-demo[data-view=business] .jf-phone-column{display:none}.jf-demo[data-view=business] .jf-dashboard-column{display:block}.jf-view-label{margin-bottom:17px;font-size:8px}.jf-phone-app{height:650px}.jf-dashboard{min-height:660px}.jf-dash-sidebar{display:none}.jf-dash-header{height:75px;padding:0 19px}.jf-owner{display:block}.jf-dash-content{padding:25px 20px}.jf-day-heading h3{font-size:32px}.jf-table-head,.jf-appointment{grid-template-columns:56px minmax(110px,1fr) 78px 80px 10px;gap:8px;padding-left:5px;padding-right:5px}.jf-row-customer>strong{font-size:11px}.jf-row-customer>span{font-size:9px}.jf-row-barber{font-size:9px}.jf-status-label{font-size:8px}.jf-dash-bottom{font-size:8px}.jf-browser-chrome>span:nth-child(2){font-size:7px}.jf-browser-chrome{padding-inline:12px}.jf-demo-footer{display:block}.jf-demo-footer p{font-size:8px;max-width:none;margin-bottom:8px}.jf-sales{display:block;padding-top:29px}.jf-sales h3{font-size:23px;line-height:1.25;max-width:350px}.jf-sales .jf-kicker{font-size:7px}.jf-sales p:not(.jf-kicker){font-size:11px;line-height:1.7}.jf-appointments{max-height:450px}.jf-device-note{font-size:8px}.jf-phone-app input{font-size:16px}.jf-filters input,.jf-filters select{font-size:11px;min-height:41px}.jf-filters select{max-width:none}.jf-week{grid-template-columns:repeat(7,minmax(115px,1fr))}.jf-week-event strong{font-size:10px}.jf-week-event span,.jf-week-event small{font-size:8px}.jf-modal-body .jf-btn{min-height:48px}.jf-reset{min-height:40px}.jf-slot-grid button{min-height:44px}.jf-service-option{min-height:80px}}
@media(max-width:550px){.jf-showcase{padding-inline:14px}.jf-demo{padding:20px 10px 15px}.jf-view-label{font-size:7px}.jf-view-label>span:first-child{font-size:7px}.jf-dashboard{min-height:710px}.jf-browser{border-radius:5px}.jf-dash-header{padding-inline:13px;height:72px}.jf-brand>span{font-size:22px}.jf-brand small{font-size:5px}.jf-owner{display:none}.jf-dash-content{padding:24px 12px 16px}.jf-day-heading{display:block;margin-bottom:20px}.jf-day-heading h3{font-size:31px}.jf-day-heading p:not(.jf-dash-eyebrow){font-size:10px}.jf-dash-eyebrow{font-size:6px}.jf-day-revenue{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--jf-border);padding-top:12px;margin-top:17px}.jf-day-revenue>strong{font-size:25px;margin-top:0}.jf-day-revenue>span{font-size:7px}.jf-stat-row{margin-bottom:23px;padding:15px 0}.jf-stat-row span{font-size:7px}.jf-stat-row>div{padding-inline:8px}.jf-stat-row strong{font-size:28px}.jf-schedule-heading h4{font-size:12px}.jf-schedule-view button{min-height:33px;padding-inline:12px}.jf-filters{gap:7px}.jf-dash-date{width:100%;justify-content:space-between;margin:0}.jf-dash-date label{flex:1}.jf-dash-date input{width:100%;font-size:12px;text-align:center}.jf-dash-date>button{min-width:40px;min-height:42px}.jf-filters>label{flex:1}.jf-filters select{width:100%;font-size:10px;min-height:40px}.jf-table-head,.jf-appointment{grid-template-columns:43px minmax(95px,1fr) 26px 60px 10px;gap:5px;padding-left:0;padding-right:0}.jf-table-head{font-size:5px}.jf-row-time{font-size:11px}.jf-row-time small{font-size:8px}.jf-row-customer>strong{font-size:10px}.jf-row-customer>span{font-size:8px}.jf-row-barber>span{display:none}.jf-row-barber .jf-mini-avatar{width:22px;height:25px;font-size:7px}.jf-status-label{font-size:6px;gap:3px}.jf-row-more{font-size:15px}.jf-table-head>span:nth-child(3){font-size:5px}.jf-appointment{min-height:74px}.jf-dash-bottom{flex-wrap:wrap;font-size:7px}.jf-sync-status{font-size:9px}.jf-local{font-size:6px}.jf-modal-body{padding:23px}.jf-dialog .jf-summary dd,.jf-dialog .jf-summary dt{font-size:11px}.jf-browser-chrome{padding-inline:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.jf-showcase *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Appointment information stays comfortably readable in a full-size workspace. */
@media(min-width:1021px){.jf-row-customer>strong{font-size:12px}.jf-row-customer>span{font-size:10px}.jf-row-time{font-size:14px}.jf-row-time small{font-size:9px}.jf-row-barber{font-size:11px}.jf-status-label{font-size:9px}.jf-table-head{font-size:7px}.jf-mini-avatar{width:26px;height:28px;font-size:8px}.jf-stat-row span{font-size:10px}.jf-stat-row strong{font-size:32px}.jf-day-heading p:not(.jf-dash-eyebrow){font-size:11px}.jf-filters select,.jf-dash-date input{font-size:10px}.jf-schedule-heading h4{font-size:15px}.jf-dash-bottom{font-size:8px}}
.jf-service-option strong,.jf-barber-option strong{font-size:12px}.jf-service-option small,.jf-barber-option small{font-size:9px}.jf-service-option>b{font-size:12px}.jf-step-description{font-size:12px}.jf-summary dt,.jf-summary dd{font-size:11px}.jf-popular>button{font-size:12px}.jf-popular strong{font-size:12px}
@media(max-width:1250px) and (min-width:1021px){.jf-row-customer>strong{font-size:11px}.jf-row-customer>span{font-size:9px}.jf-row-barber{font-size:9px}.jf-status-label{font-size:8px}.jf-stat-row span{font-size:8px}}
.jf-welcome-mark .jf-monogram{width:85px;height:85px}.jf-welcome h3{font-size:32px}.jf-welcome h3 em{display:block;font-size:30px;white-space:nowrap;letter-spacing:-1px!important}.jf-welcome>p:not(.jf-step-kicker){margin-bottom:20px}.jf-modal-header{flex-shrink:0}.jf-modal-body{overflow-y:auto;min-height:0;overscroll-behavior:contain}.jf-dialog[open]{overflow:hidden}.studio-page[data-page="/demos/jades-fades/"] .jf-showcase{padding-top:42px}
.jf-selection-total{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--jf-sage);padding:0 0 12px}.jf-selection-total strong{font-size:15px;color:var(--jf-gold);font-weight:550}.jf-service-option .jf-choice-check{border-radius:3px}.jf-summary-service>span{min-width:0;line-height:1.5}.jf-summary-service>strong{white-space:nowrap}

/* Portfolio instructions follow Subrosa’s selected website typography. */
.jf-instruction{font-family:var(--font, "DM Sans", Arial, sans-serif)}
.jf-instruction>span,.jf-instruction p{font-family:inherit;letter-spacing:var(--site-spacing, 1px)!important}.jf-instruction>span{font-size:11px;font-weight:600}.jf-instruction p{font-size:14px;line-height:1.65}@media(max-width:800px){.jf-instruction>span{font-size:10px}.jf-instruction p{font-size:12px}}
/* The surrounding sales copy belongs to Subrosa; the product keeps its own brand. */
.jf-showcase{font-family:var(--font, "DM Sans", Arial, sans-serif)}
.jf-showcase :is(.jf-intro,.jf-instruction,.jf-mobile-switch,.jf-view-label,.jf-device-note,.jf-sync-status,.jf-demo-footer,.jf-sales,.jf-noscript),
.jf-showcase :is(.jf-intro,.jf-instruction,.jf-mobile-switch,.jf-view-label,.jf-device-note,.jf-sync-status,.jf-demo-footer,.jf-sales,.jf-noscript) *{font-family:var(--font, "DM Sans", Arial, sans-serif)!important;letter-spacing:var(--site-spacing, 1px)!important}
.jf-showcase .jf-intro :is(h1,h2),.jf-showcase .jf-sales h3{font-family:var(--heading-font, "DM Sans", Arial, sans-serif)!important}
