@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#342F35;--paper:#F8F5F1;--clay:#D8B8AE;--mauve:#8D6E74;--white:#FFFFFF;--accent:var(--clay);--muted:color-mix(in srgb,var(--ink) 78%,var(--paper));--line:color-mix(in srgb,var(--clay) 55%,var(--paper))}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:0}header{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:55px;padding:0 5%}.logo{font:600 38px Georgia,serif;letter-spacing:-1.8px}.logo span{color:var(--mauve);padding-left:5px}.tag,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700}nav{margin-left:auto;display:flex;gap:8px}nav a,.pill{border:1px solid var(--line);border-radius:30px;padding:12px 20px}nav a.active{background:var(--ink);color:var(--white)}main{max-width:1440px;margin:auto;min-height:78vh;padding:35px 5% 70px}.subnav{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:32px}.links{display:flex;gap:25px}.links a{padding-bottom:8px}.links a.sel{border-bottom:2px solid var(--ink)}.status{font-size:11px;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(42px,5.7vw,78px)/1.05 Manrope;letter-spacing:-4px;margin-bottom:25px}h2{font:600 30px Manrope;letter-spacing:-1px}h3{font:700 18px Manrope}p{line-height:1.7}.muted{color:var(--muted)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;margin:35px 0 65px}.hero p{max-width:390px;font-size:16px}.hero-art{height:400px;position:relative;border-radius:160px 160px 12px 12px;overflow:hidden;background:var(--mauve)}.hero-art img{height:100%;width:100%;object-fit:cover;filter:saturate(.6)}.hero-label{position:absolute;bottom:22px;left:22px;background:var(--paper);padding:17px 23px;border-radius:4px}.hero-label b{display:block}.orbit{position:absolute;top:23px;right:23px;width:95px;height:95px;display:grid;place-items:center;background:var(--accent);border-radius:50%;font-size:42px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--ink);color:var(--white);padding:16px 23px;border-radius:6px;font-weight:600}.btn.accent{background:var(--accent);color:var(--ink)}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--ink)}.btn:disabled{opacity:.4;cursor:default}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin:25px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{background:transparent;border:1px solid var(--line);padding:9px 17px;border-radius:25px}.filter.on{background:var(--ink);color:var(--white)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--white)}.work img{width:100%;height:265px;object-fit:cover;transition:transform .4s}.work:hover img{transform:scale(1.025)}.work-body{padding:22px}.row{display:flex;gap:12px;justify-content:space-between;align-items:center}.badge{font-size:11px;background:var(--paper);border-radius:20px;padding:6px 10px;display:inline-block}.badge.accent{background:var(--accent)}.textbtn{background:none;text-decoration:underline;text-underline-offset:4px;padding:8px 0;color:var(--ink)}.banner{background:var(--ink);color:var(--paper);padding:33px;margin-top:35px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:25px}.banner p{margin:8px 0 0;color:var(--clay)}.layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:28px}.card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:28px;margin-bottom:18px}.steps{display:flex;gap:22px;margin:25px 0 35px}.steps span{font-size:12px;color:var(--muted);padding-bottom:10px;border-bottom:2px solid var(--line)}.steps .current{color:var(--ink);border-color:var(--mauve)}.field{display:block;margin:20px 0}.field>span{display:block;font-size:12px;font-weight:700;margin-bottom:9px}input:not([type=checkbox]),select,textarea{width:100%;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:6px;color:var(--ink)}textarea{min-height:85px;resize:vertical}.slots{display:flex;gap:9px;flex-wrap:wrap}.slot{padding:12px 18px;border:1px solid var(--line);background:var(--white);border-radius:5px}.slot.on{background:var(--ink);color:var(--white)}.summary{position:sticky;top:20px;align-self:start}.summary img{width:100%;height:180px;object-fit:cover;border-radius:7px;margin-bottom:20px}.divider{border-top:1px solid var(--line);margin:20px 0}.big{font:600 35px Manrope;letter-spacing:-1px}.check{display:flex;gap:10px;align-items:start;line-height:1.6;margin:18px 0}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.metric{padding:22px;border:1px solid var(--line);border-radius:9px}.metric .big{display:block;margin-top:8px}.appointment{display:grid;grid-template-columns:65px 1fr auto;gap:20px;padding:23px 0;border-bottom:1px solid var(--line);align-items:center}.appointment p{margin:6px 0;font-size:12px}.time{font-weight:700;font-size:17px}.notice{background:var(--paper);border:1px solid var(--clay);padding:18px;border-radius:8px;line-height:1.6}.list{padding:0;list-style:none}.list li{padding:15px 0;border-bottom:1px solid var(--line)}.empty{padding:50px;text-align:center}.success{max-width:720px;margin:35px auto}.success-icon{width:65px;height:65px;display:grid;place-items:center;border-radius:50%;background:var(--accent);font-size:30px;margin-bottom:25px}.preview-img{width:90px;height:90px;object-fit:cover;border-radius:6px}footer{border-top:1px solid var(--line);padding:25px 5%;display:flex;align-items:center;gap:25px;font-size:11px;color:var(--muted)}footer b{font-size:24px;color:var(--ink)}footer button{background:none;margin-left:auto;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--white);padding:15px 24px;border-radius:7px;display:none;z-index:10}button:focus-visible,a:focus-visible{outline:3px solid var(--mauve);outline-offset:3px}@media(max-width:750px){header{gap:10px;height:75px}.tag{display:none}.logo{font-size:26px;letter-spacing:-1.2px}nav a{padding:10px 11px;font-size:12px}main{padding-top:22px}.subnav{align-items:start;flex-direction:column}.links{gap:19px;font-size:12px}.hero{grid-template-columns:1fr;gap:25px;margin:25px 0 40px}h1{letter-spacing:-2px}.hero-art{height:300px}.grid{grid-template-columns:1fr}.work{display:grid;grid-template-columns:40% 60%}.work img{height:100%;min-height:210px}.work-body{padding:18px}.layout{grid-template-columns:1fr}.summary{position:static}.metrics{gap:8px}.metric{padding:15px 10px}.metric .big{font-size:26px}.appointment{grid-template-columns:50px 1fr;gap:12px}.appointment>.btn{grid-column:2;justify-self:start}.banner{align-items:start;flex-direction:column}.card{padding:22px}.steps{gap:12px}.steps span{font-size:10px}footer{flex-wrap:wrap}.sectionhead{align-items:start;gap:15px;flex-direction:column}}

input[type=checkbox],input[type=radio]{accent-color:var(--mauve)}.orbit{color:var(--ink)}.logo span{font-family:Manrope;font-size:.7em;vertical-align:middle}footer b{font-family:Georgia,serif;font-weight:600;letter-spacing:-.7px}@media(max-width:370px){header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}header nav{width:100%;margin-left:0}.logo{font-size:28px}}
/* Professional agenda and connected client records */
.agenda-heading,.prep-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:25px 0 30px}.agenda-heading h1,.prep-heading h1{font-size:clamp(35px,4vw,54px);letter-spacing:-2px;margin:14px 0 12px}.agenda-heading p,.prep-heading p{margin-bottom:0}.demo-guide{display:flex;align-items:center;gap:15px;padding:18px 20px;background:var(--ink);color:var(--paper);border-radius:10px;margin:25px 0}.demo-guide>.eyebrow{color:var(--clay);white-space:nowrap}.demo-guide button{display:flex;gap:20px;justify-content:space-between;flex:1;color:var(--paper);background:transparent;text-align:left;border-left:1px solid var(--mauve);padding:4px 0 4px 18px;font-size:12px;line-height:1.6}.demo-guide button:hover{text-decoration:underline}.agenda-toolbar{display:flex;align-items:center;gap:18px;padding:22px 0}.agenda-toolbar label{flex:1}.agenda-toolbar label>span{display:block;font-size:11px;font-weight:700;margin-bottom:8px}.agenda-toolbar select{background:var(--white)}.date-tabs{display:flex;gap:7px;margin-right:12px}.date-tabs button{display:grid;gap:2px;min-width:66px;border:1px solid var(--line);border-radius:8px;padding:9px;background:transparent;color:var(--ink)}.date-tabs b{font:600 23px Manrope}.date-tabs small{font-size:9px;letter-spacing:1px}.date-tabs .on{background:var(--ink);color:var(--paper)}.agenda-stats{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);font-size:12px}.agenda-stats b{font-size:19px;margin-right:5px}.agenda-stats>span:last-child{margin-left:auto}.agenda-board{display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:15px;align-items:start}.professional-column{background:var(--white);border:1px solid var(--line);border-radius:10px;min-height:350px;overflow:hidden}.professional-head{padding:18px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.professional-head small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.professional-head>.badge{margin-left:auto}.avatar{width:34px;height:34px;border-radius:50%;background:var(--paper);color:var(--mauve);display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.column-body{padding:12px}.agenda-appointment{background:var(--paper);padding:18px 14px;border:1px solid var(--line);border-left:3px solid var(--mauve);border-radius:6px;text-align:left;width:100%;margin-bottom:12px;color:var(--ink)}.agenda-appointment:hover{box-shadow:0 3px 10px #342f3512;transform:translateY(-1px)}.agenda-appointment.area-Cabello{border-left-color:var(--ink)}.agenda-appointment.area-Estética{border-left-color:var(--clay)}.agenda-appointment>.row{font-size:10px;gap:4px}.agenda-appointment h3{font-size:16px;margin:16px 0 7px}.agenda-appointment p{font-size:12px;line-height:1.5;margin-bottom:13px}.appointment-detail{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:10px;margin-top:18px;color:var(--muted)}.completed{background:var(--white)}.badge.done{border:1px solid var(--mauve);background:var(--paper)}.empty-column{padding:35px 8px;text-align:center;font-size:12px;line-height:1.8}.personal-card{background:var(--clay)}.action-card .btn{width:100%;margin-top:12px;gap:8px;font-size:12px}.reference-layout{display:flex;gap:24px;align-items:center;margin:20px 0}.reference-layout>img{width:150px;height:170px;object-fit:cover;border-radius:80px 80px 8px 8px;flex-shrink:0}.client-quote{font:400 21px/1.6 Georgia,serif}.estimate-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:20px}.estimate-strip small{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.prep-check{padding:16px 0;border-bottom:1px solid var(--line)}.prep-check input{margin-top:4px}.materials{margin-top:24px}.materials>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.event-list{list-style:none;padding:0;margin:20px 0 0}.event-list li{border-left:2px solid var(--clay);padding:0 0 22px 18px}.event-list p{margin:9px 0;font-size:12px}.event-list small{color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-panel{background:var(--paper);border-radius:8px;padding:22px;margin-top:25px}.demo-client{margin-top:0}.client-visit h2{font-size:27px}.client-visit>.notice p{margin:12px 0}.reference-layout .eyebrow{font-size:10px} .agenda-appointment:focus-visible{outline:3px solid var(--mauve)}
@media(max-width:1000px){.agenda-board{grid-template-columns:repeat(2,minmax(0,1fr))}.agenda-toolbar{flex-wrap:wrap}.date-tabs{width:100%;margin:0}.agenda-heading{align-items:start}.demo-guide{flex-wrap:wrap}.demo-guide>.eyebrow{width:100%}.demo-guide button:first-of-type{border-left:0;padding-left:0}}
@media(max-width:600px){.agenda-board{grid-template-columns:1fr}.professional-column{min-height:150px}.agenda-heading,.prep-heading{align-items:start;flex-direction:column}.agenda-heading h1,.prep-heading h1{font-size:38px}.agenda-heading>.btn{font-size:12px}.demo-guide{display:block;padding:20px}.demo-guide button{border-left:0;border-top:1px solid var(--mauve);padding:12px 0!important;width:100%;margin-top:10px}.demo-guide>.eyebrow{display:block;margin-bottom:15px}.agenda-toolbar{gap:12px}.agenda-toolbar label{min-width:140px}.agenda-stats{gap:12px}.agenda-stats>span:last-child{margin-left:0;width:100%}.reference-layout{align-items:start;gap:16px}.reference-layout>img{width:95px;height:125px}.client-quote{font-size:18px}.reference-layout .eyebrow{letter-spacing:1px}.estimate-strip{font-size:12px}.form-grid{grid-template-columns:1fr;gap:0}.client-visit .row{flex-wrap:wrap}.prep-heading .badge{align-self:start}.professional-head{padding:18px}.agenda-appointment{padding:20px}.agenda-appointment>.row{font-size:12px}}
/* Discovery hub and independent business workspaces */
.hub-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:55px;align-items:center;padding:30px 0 42px}.hub-hero h1{font-size:clamp(44px,5.2vw,71px);margin:22px 0;letter-spacing:-3px;line-height:1.12}.hub-hero h1 em{font-family:Georgia,serif;font-weight:400}.hub-hero p{color:var(--muted);font-size:16px;line-height:1.9}.hub-promise{display:flex;gap:20px;font-size:10px;margin-top:30px;color:var(--mauve);font-weight:700}.hub-art{height:355px;position:relative;border-radius:140px 12px 12px 12px;overflow:hidden}.hub-art>img{width:100%;height:100%;object-fit:cover;filter:saturate(.55)}.hub-seal{position:absolute;top:18px;right:18px;border-radius:50%;width:108px;height:108px;display:grid;align-content:center;text-align:center;background:var(--clay);font-size:12px;line-height:1.6}.hub-seal em{font:italic 21px Georgia}.hub-art-label{position:absolute;bottom:20px;left:20px;right:20px;padding:16px 20px;border-radius:5px;background:var(--paper);font:500 20px Georgia}.hub-art-label small{display:block;font:11px 'DM Sans',sans-serif;color:var(--muted);margin-top:7px}.hub-search{display:grid;grid-template-columns:1.7fr 1fr auto;gap:20px;border:1px solid var(--line);background:var(--white);padding:22px;border-radius:10px;margin-bottom:45px;align-items:end}.hub-search label>span{display:block;font-size:9px;letter-spacing:1.2px;font-weight:700;margin-bottom:9px}.hub-search input,.hub-search select{background:var(--white);border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0}.hub-search .btn{min-height:45px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.business-card{border-radius:12px;border:1px solid var(--line);overflow:hidden;background:var(--white)}.business-image{height:245px;display:block;position:relative;overflow:hidden}.business-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.business-image:hover img{transform:scale(1.03)}.business-image>.badge{position:absolute;bottom:15px;left:15px;background:var(--paper)}.business-body{padding:25px}.business-body .eyebrow{font-size:9px;letter-spacing:1.2px}.business-body h3{font:500 30px Georgia;margin:15px 0 10px}.business-body p{color:var(--muted);font-size:13px}.business-body .row{font-size:11px;border-top:1px solid var(--line);padding-top:13px}.hub-bridge{text-align:center;margin-top:55px;background:var(--ink);color:var(--paper);padding:45px;border-radius:12px}.hub-bridge .eyebrow{color:var(--clay)}.hub-bridge h2{margin:20px 0 12px}.hub-bridge p{color:var(--clay)}.hub-bridge small{display:block;color:var(--clay);font-size:10px;margin-top:18px}.studio-hero{height:350px;position:relative;overflow:hidden;border-radius:12px;margin:20px 0}.studio-hero>img{width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.5)}.studio-hero>div{position:absolute;bottom:35px;left:35px;right:35px;color:var(--white)}.studio-hero h1{font:400 65px Georgia,serif;margin:18px 0 12px;letter-spacing:-2px}.studio-hero p{margin-bottom:17px}.studio-hero .badge{background:var(--paper);color:var(--ink)}.studio-details{display:flex;align-items:center;gap:25px;flex-wrap:wrap;color:var(--muted);font-size:12px;padding:0 0 25px}.studio-details>a{margin-left:auto}.studio-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:5px 0 30px}.studio-tabs button{padding:16px 0;background:transparent;color:var(--muted);border-bottom:2px solid transparent}.studio-tabs .on{border-bottom-color:var(--mauve);color:var(--ink);font-weight:700}.service-row{display:flex;gap:25px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.service-row h3{margin:13px 0 9px}.service-row p{color:var(--muted);font-size:12px;max-width:390px}.service-row .btn{font-size:12px;flex-shrink:0}.service-row .muted{font-size:12px}.workspace-bar{display:flex;justify-content:space-between;gap:25px;align-items:center;background:var(--ink);color:var(--paper);padding:20px 25px;border-radius:10px;margin:0 0 28px}.workspace-bar label{width:310px;max-width:100%}.workspace-bar .eyebrow{display:block;color:var(--clay);font-size:9px;margin-bottom:7px}.workspace-bar select{background:var(--ink);color:var(--paper);border-color:var(--mauve);padding:9px 12px;font-size:16px}.workspace-bar>div{display:flex;gap:22px;align-items:center}.workspace-bar .badge{color:var(--ink)}.workspace-bar .textbtn{color:var(--paper);font-size:12px}.managed-service{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.managed-service:last-child{border:0}.managed-service h3{margin:13px 0 8px}.managed-service p{margin-bottom:9px;font-size:12px}.managed-service .btn{font-size:12px}.team-card{display:flex;gap:15px;align-items:center;padding:18px 0}.team-card p{margin:7px 0 0;font-size:12px}.team-card h3{margin:0}.service-editor{max-width:750px}.button-pair{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:30px}.hub-client-card .row{flex-wrap:wrap}
@media(max-width:850px){.hub-hero{gap:30px}.hub-hero h1{font-size:46px}.hub-promise{gap:10px;flex-wrap:wrap}.business-grid{grid-template-columns:repeat(2,1fr)}.hub-search{grid-template-columns:1fr 1fr}.hub-search .btn{grid-column:1/-1}.workspace-bar{align-items:start}.subnav .links{flex-wrap:wrap;gap:15px}}
@media(max-width:600px){.hub-hero{grid-template-columns:1fr;padding:20px 0 30px;gap:25px}.hub-hero h1{font-size:43px;letter-spacing:-2px}.hub-hero p{font-size:14px}.hub-promise{font-size:9px;gap:17px}.hub-art{height:260px}.hub-search{grid-template-columns:1fr;padding:20px;gap:18px;margin-bottom:30px}.business-grid{grid-template-columns:1fr}.business-image{height:235px}.hub-bridge{padding:35px 22px}.studio-hero{height:300px}.studio-hero>div{left:23px;right:23px;bottom:25px}.studio-hero h1{font-size:44px}.studio-details{gap:12px}.studio-details>a{margin-left:0;width:100%}.studio-tabs{gap:17px;overflow-x:auto}.studio-tabs button{font-size:11px;white-space:nowrap}.service-row{align-items:start;gap:15px;flex-direction:column}.service-row .btn{padding:12px 20px}.workspace-bar{padding:20px;flex-direction:column;gap:16px}.workspace-bar label{width:100%}.workspace-bar>div{justify-content:space-between;width:100%}.managed-service{align-items:start;gap:10px}.managed-service .btn{padding:12px 15px}.business-body .row{font-size:12px}.studio-hero .eyebrow{font-size:9px;line-height:1.8}}
.sync-bar{display:flex;align-items:center;gap:18px}.sync-bar .textbtn{font-size:11px}.days-grid{display:flex;flex-wrap:wrap;gap:15px;margin:12px 0 25px}.days-grid .check{margin:5px 0}.reference-photo{max-width:100%;max-height:360px;object-fit:contain;border-radius:10px;margin:10px 0 25px}.team-editor{padding:20px 0;border-bottom:1px solid var(--line)}.team-editor:last-child{border:0}.team-editor .field{margin:12px 0}footer a{color:var(--ink);margin-left:auto}.agenda-board{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media(max-width:600px){.sync-bar{width:100%;justify-content:space-between}.sync-bar .status{max-width:220px}.workspace-bar>div{flex-wrap:wrap}.agenda-board{grid-template-columns:1fr}}
