.kb,.barber-home{--kb-accent:#f0b44d;--kb-bg:#161616;--kb-surface:#22201d;--kb-border:#4a4133;--kb-text:#f5f3ef;--kb-muted:#beb5a7}.barber-home{background:var(--kb-bg);color:var(--kb-text);min-height:100vh;font:16px/1.6 system-ui}.barber-home *{box-sizing:border-box}.barber-home a{color:inherit;text-decoration:none}.home-header,.home-hero,.home-section,.home-footer{max-width:1240px;margin:auto;padding:32px 40px}.home-header{border-bottom:1px solid #40392e;justify-content:space-between;align-items:center;gap:25px;display:flex}.home-brand{letter-spacing:-1px;font-size:27px;font-weight:850}.home-brand span{color:var(--kb-accent)}.home-header nav{gap:25px;font-size:14px;display:flex}.home-button{background:var(--kb-accent);border:1px solid var(--kb-accent);border-radius:10px;justify-content:center;align-items:center;padding:13px 20px;font-size:14px;font-weight:700;display:inline-flex;color:#21180b!important}.home-button.outline{background:0 0;border-color:#6d604b;color:var(--kb-text)!important}.home-hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:64px;padding-top:85px;padding-bottom:90px;display:grid}.eyebrow{letter-spacing:2px;color:var(--kb-accent);margin-bottom:12px;font-size:11px;font-weight:800;display:block}.home-hero h1{letter-spacing:-2px;margin:18px 0 25px;font-size:clamp(36px,4.4vw,61px);line-height:1.08}.home-hero h1 em{color:var(--kb-accent);font-style:normal}.barber-home p{color:var(--kb-muted)}.home-hero p{max-width:520px;font-size:18px}.home-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-benefits{color:#b6aa99;flex-wrap:wrap;gap:18px;margin-top:26px;font-size:12px;display:flex}.hero-benefits span:before{content:"✓";color:var(--kb-accent);margin-right:6px}.hero-preview{background:linear-gradient(145deg,#3a2e1d,#1d1b18);border:1px solid #715532;border-radius:22px;padding:25px;box-shadow:0 35px 75px #0004}.preview-header{justify-content:space-between;gap:12px;font-size:14px;font-weight:800;display:flex}.preview-tag{color:#f3d6a2;background:#4b3820;border-radius:6px;padding:3px 8px;font-size:10px}.preview-title{margin:32px 0}.preview-title small{letter-spacing:2px;color:#bfae93;font-size:10px}.preview-title h2{letter-spacing:-1px;margin:12px 0;font-size:30px;line-height:1.2}.preview-appointment{color:#251e15;background:#f5eee1;border-radius:12px;align-items:center;gap:20px;padding:20px;display:flex}.preview-appointment p{color:#756952;margin:4px 0;font-size:12px}.preview-time{font-size:23px;font-weight:800}.preview-time small{font-size:11px;font-weight:400;display:block}.preview-dot{background:#ba8533;border-radius:50%;width:8px;height:8px;margin-left:auto}.preview-track{color:#e8c88f;border-bottom:1px solid #5b4930;justify-content:space-between;padding:22px 0;font-size:10px;display:flex}.preview-footer{gap:25px;margin:22px 0;display:flex}.preview-footer small,.preview-footer strong{font-size:11px;display:block}.preview-footer small{color:#bfae93}.hero-preview>a{color:var(--kb-accent);font-size:12px}.home-section{border-top:1px solid #40392e;padding-top:70px;padding-bottom:70px}.home-section h2{letter-spacing:-1px;margin:12px 0 18px;font-size:clamp(28px,3vw,42px);line-height:1.15}.home-steps{grid-template-columns:repeat(5,1fr);gap:16px;margin:35px 0;display:grid}.home-steps article,.feature-grid article{background:var(--kb-surface);border:1px solid var(--kb-border);border-radius:14px;padding:22px}.home-steps article>span{color:var(--kb-accent);font-size:27px;font-weight:800}.home-steps h3{margin:15px 0 6px;font-size:16px}.home-steps p,.feature-grid p{margin:0;font-size:14px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin:35px 0;display:grid}.feature-grid h3{margin:0 0 12px;font-size:20px}.home-faq details{border-bottom:1px solid var(--kb-border);padding:18px 0}.home-faq summary{cursor:pointer;font-weight:650}.home-footer{border-top:1px solid var(--kb-border);padding-top:40px;padding-bottom:40px}.home-footer>a:last-child{color:var(--kb-accent);font-size:14px}.barber-home a:focus-visible,.barber-home summary:focus-visible{outline:3px solid var(--kb-accent);outline-offset:4px}.kb .booking-card{max-width:980px}.kb .booking-steps{grid-template-columns:repeat(5,1fr);gap:10px;margin:25px 0;padding:0;list-style:none;display:grid}.kb .booking-steps li{color:#afa18c;border-bottom:2px solid var(--kb-border);align-items:center;gap:8px;padding-bottom:16px;font-size:12px;display:flex}.kb .booking-steps li.current{border-color:var(--kb-accent);color:var(--kb-accent)}.kb .booking-steps li.finished{color:#eee0c8}.kb .booking-steps li>span{border:1px solid #6d604b;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.kb .booking-body{min-height:250px}.kb .booking-body h3{margin:12px 0;font-size:23px}.kb .choice-grid{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px;margin:22px 0;display:grid}.kb button.choice{text-align:left;color:var(--kb-text);background:#27231e;border:1px solid #62513a;flex-direction:column;align-items:flex-start;gap:9px;min-height:160px;padding:22px;display:flex}.kb button.choice.selected,.kb .slot-grid button.selected{border-color:var(--kb-accent);box-shadow:0 0 0 1px var(--kb-accent);background:#46351b}.kb .choice strong{font-size:17px}.kb .choice small{font-size:12px;font-weight:400}.kb .choice-icon{color:var(--kb-accent);font-size:30px}.kb .avatar{color:#f5d79f;background:#3b2e1b;border-radius:12px;place-items:center;min-width:42px;height:42px;font-weight:800;display:grid}.kb .slot-grid{grid-template-columns:repeat(auto-fill,minmax(85px,1fr));gap:10px;margin:20px 0;display:grid}.kb .slot-grid button{color:var(--kb-text);background:#2b251d;border-color:#6d604b}.kb .booking-actions{border-top:1px solid var(--kb-border);margin-top:25px;padding-top:20px}.kb button.secondary{color:#eee2cd;background:0 0;border-color:#6d604b}.kb .booking-summary{background:#2b251d;border-radius:12px;margin:20px 0;padding:20px}.kb .notice{color:#f5d79f;background:#46351b;border-radius:10px;padding:15px}.kb .booking-success{max-width:980px;padding:40px}.kb .metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:15px;margin:24px 0;display:grid}.kb .metrics>div{border:1px solid var(--kb-border);background:var(--kb-surface);border-radius:14px;padding:20px}.kb .metrics small,.kb .metrics strong{display:block}.kb .metrics strong{margin-top:6px;font-size:32px}.kb .agenda-controls{flex-wrap:wrap;gap:12px;display:flex}.kb .agenda-controls label{min-width:160px}.kb .agenda-board{align-items:stretch;gap:16px;padding-top:18px;padding-bottom:12px;display:flex;overflow-x:auto}.kb .agenda-column{background:#191817;border:1px solid #40392e;border-radius:14px;flex:1 0 250px;min-width:250px;padding:14px}.kb .column-header{border-bottom:1px solid #40392e;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:15px;display:flex}.kb .column-header small{margin-top:4px;font-size:12px;display:block}.kb .appointment{border:1px solid #715f43;border-left:4px solid var(--kb-accent);background:#2b251d;border-radius:10px;margin-bottom:12px;padding:15px}.kb .appointment.in_service{background:#1e3039;border-left-color:#80c8ed}.kb .appointment.completed{background:#2a2737;border-left-color:#a998e4}.kb .appointment.cancelled{opacity:.65;background:#302827;border-left-color:#aa837e}.kb .appointment .status{background:#ffffff12;border-radius:5px;padding:4px 7px;font-size:10px}.kb .appointment h3{margin:15px 0 5px;font-size:17px}.kb .appointment p{margin:0 0 14px;font-size:13px}.kb .appointment-actions{flex-wrap:wrap;gap:8px;display:flex}.kb .appointment-actions button{padding:8px 10px;font-size:12px}.kb .appointment-actions form{width:100%}.kb .appointment-actions select{margin:0 0 8px;padding:8px;font-size:12px}.kb .agenda-empty{padding:24px 5px;font-size:13px}.kb .reservation-list{max-width:980px}.kb .login-card{max-width:650px;scroll-margin-top:20px}.kb .tabs button{text-transform:capitalize}@media (width<=900px){.home-header nav{display:none}.home-hero{grid-template-columns:1fr;gap:40px;padding-top:50px}.home-steps{grid-template-columns:repeat(2,1fr)}.home-steps article:last-child{grid-column:1/-1}.hero-preview{max-width:600px}}@media (width<=600px){.home-header,.home-hero,.home-section,.home-footer{padding-left:22px;padding-right:22px}.home-header{gap:12px}.home-header .home-button{padding:10px;font-size:11px}.home-brand{font-size:23px}.home-hero h1{letter-spacing:-1px}.home-hero p{font-size:16px}.home-steps,.feature-grid{grid-template-columns:1fr}.home-steps article:last-child{grid-column:auto}.kb .booking-steps{gap:5px}.kb .booking-steps li{flex-direction:column;gap:8px;font-size:10px}.kb .booking-steps li b{font-weight:500}.kb .choice-grid{grid-template-columns:1fr}.kb button.choice{min-height:100px}.kb .booking-success{padding:22px}.kb .agenda-controls{width:100%}.kb .agenda-controls label{flex:1;min-width:125px}.kb .agenda-column{flex-basis:85%;min-width:230px}}.kb .share-booking{grid-template-columns:1fr auto;align-items:center;gap:30px;display:grid}.kb .share-booking input{font-size:13px}.kb .booking-qr{text-align:center;background:#fff;border-radius:14px;padding:14px}.kb .booking-qr svg{max-width:100%;height:auto;display:block}.kb .booking-qr small{color:#29241c;margin-top:6px;display:block}@media (width<=700px){.kb .share-booking{grid-template-columns:1fr}.kb .booking-qr{justify-self:start}}