/* Vitali Franchise Studio: the working space uses the same type, mark and colors as the brand. */
:root{--paper:#f4f1e8;--surface:#fffdf7;--ink:#262a22;--muted:#62665a;--red:#c52b26;--line:#d9ddcd;--green:#3e715c;--sidebar:266px}
body{font-size:16px}::selection{background:var(--red);color:white}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-width:3px}
.eyebrow{font-size:12px;font-weight:700}.btn{min-height:46px;padding:11px 20px;font-size:15px;border-radius:4px;border-color:#cecec0}.btn-primary{border-color:var(--red)}.icon-button{width:44px;height:44px}.avatar,.topbar-avatar{width:38px;height:38px;font-size:14px}
.sidebar{width:var(--sidebar);padding:30px 20px 18px;background:#eae8dc;color:var(--ink);border-right:1px solid #d3d5c5;overflow-y:auto}.sidebar-logo{padding:0 17px 23px;gap:0;border-bottom:1px solid #cbcebd}.sidebar-logo img{width:155px;height:102px;margin-bottom:20px}.sidebar-logo>span{font:700 38px/.91 var(--display);letter-spacing:-.02em;color:var(--ink)}.studio-dot{color:var(--red)}.sidebar-caption{font-size:10px;letter-spacing:.11em;font-weight:700;color:var(--muted);padding:23px 12px 12px}.sidebar nav{gap:6px}.nav-item{gap:13px;border-radius:4px;padding:14px 13px;min-height:53px;font-size:16px;color:#585e50}.nav-item svg{width:20px;height:20px;opacity:1}.nav-item:hover{background:#e1e1d3;color:var(--ink)}.nav-item.active{background:var(--red);color:#fff;font-weight:650;box-shadow:0 5px 12px #74292113}.nav-item.active svg{color:#fff}.nav-count,.task-count{font-size:12px;font-weight:600;border-radius:3px;background:#d6d9ca;padding:1px 7px;color:var(--ink)}.nav-item.active .nav-count{background:#fff2;color:#fff}.task-count{background:#f1c3ad;color:#722620}.sidebar-bottom{padding-top:30px}.sidebar-note{margin:0 0 16px;padding:19px 16px;background:var(--ink);color:var(--paper);gap:9px;border-radius:3px;border:0}.sidebar-note .tiny-dot{margin-top:8px}.sidebar-note p{font-size:14px;line-height:1.6;color:#f5f1e7}.sidebar-note strong{font-weight:600;color:#f5f1e7}.sidebar-note>span:last-child{margin-left:auto;font-size:24px;line-height:1.4;color:#e5a898}.sidebar-web{padding:12px 3px;gap:8px;font-size:13px;font-weight:600;color:var(--ink)}.sidebar-web>span{color:var(--red);font-size:19px}.profile-button{padding:16px 2px 0;border-top:1px solid #d0d1c4;margin-top:12px;color:var(--ink)}.profile-button .avatar{background:#dce0ce;color:#38472f}.profile-button strong{font-size:14px;font-weight:650}.profile-button small{font-size:11px;color:var(--muted);overflow-wrap:anywhere;max-width:155px}.profile-button>svg{width:18px}
.main-workspace{margin-left:var(--sidebar);width:calc(100% - var(--sidebar))}.main-content{padding:32px 42px 55px;max-width:1850px;width:100%;margin-inline:auto}.topbar{height:72px;padding-inline:42px;gap:15px;background:var(--surface)}.topbar-left,.topbar-actions{gap:17px;font-size:14px}.topbar-brand{font-weight:750}.sync-state{font-size:12px}.topbar-avatar{font-size:21px}.workspace-footer{padding:20px 42px;font-size:12px;color:var(--muted)}.demo-banner{background:#e9e2c6;border-color:#d7cead;padding:10px 42px;font-size:12px;color:#5f5433}.demo-banner button{font-size:12px}
.overview-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.overview-tools>.eyebrow{color:var(--muted)}.heading-actions{gap:10px}.period-label{font-size:12px;gap:8px;padding:10px 0;border:0;background:none}.period-label svg{width:16px;height:16px}.overview-intro{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:45px;align-items:stretch;margin-bottom:32px}.overview-copy{padding-block:9px 3px}.overview-copy h1{font:700 clamp(54px,4.7vw,92px)/.91 var(--display);letter-spacing:-.027em}.overview-copy h1 em{font-style:normal;color:var(--red)}.overview-copy>p{font-size:16px;color:var(--muted);line-height:1.8;margin-top:24px;max-width:620px}.origin-line{display:flex;align-items:center;gap:17px;margin-top:27px;font-size:11px;letter-spacing:.08em;font-weight:650}.origin-line>span{color:var(--red);font-size:18px}.today-card{background:var(--ink);color:var(--paper);padding:21px 24px 0;border-radius:4px;display:flex;flex-direction:column;min-width:0}.today-top{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#efbca9}.today-top .eyebrow{font-size:10px}.today-label{font-size:12px;margin-top:20px;color:#c4c9b8}.today-card h2{font:700 30px/1.05 var(--display);letter-spacing:-.012em;max-width:290px;margin-top:6px}.today-person{font-size:12px;margin-top:10px;color:#efeee6}.today-person span{color:#c4c9b8}.today-action{align-self:flex-start;display:flex;align-items:center;gap:20px;border:0;background:none;padding:13px 0;color:#fff;font-size:12px;margin-block:4px 10px;min-height:44px}.today-action:hover{color:#f3b2a1}.today-action svg{width:17px}.waiting-action{display:flex;align-items:center;gap:11px;margin:0 -24px;padding:14px 24px;background:#383e31;border:0;border-top:1px solid #515746;color:#f4f1e8;text-align:left;min-height:58px;border-radius:0 0 4px 4px;margin-top:auto}.waiting-action strong{font:700 29px/1 var(--display);color:#f0a693}.waiting-action span{font-size:12px}.waiting-action svg{margin-left:auto;width:17px}.waiting-action:hover{background:#46513b}
.page-heading{gap:26px;margin:15px 0 34px}.page-heading .eyebrow{font-size:12px;margin-bottom:14px}.page-heading h1{font:700 clamp(42px,4.4vw,72px)/1 var(--display);letter-spacing:-.025em}.page-heading p:not(.eyebrow){font-size:16px;margin-top:15px;max-width:720px}.stats{gap:0;margin-bottom:40px;background:var(--surface);border-block:1px solid #cfcfbf}.stat{border:0;border-right:1px solid var(--line);border-radius:0;padding:20px 25px;min-height:160px;background:none}.stat:last-child{border-right:0}.stat-top{gap:12px;font-size:14px}.stat-top>span:last-child{color:#6c795a;padding:0;background:none}.stat-top svg{width:20px;height:20px}.stat-value{font:700 58px/1 var(--display);margin-top:9px;letter-spacing:-.035em}.stat-sub{font-size:12px;margin-top:8px;line-height:1.6}.stat-featured .stat-value,.stat-featured .stat-top>span:last-child{color:var(--red)}
.section-title-row{margin-bottom:21px;gap:20px}.section-title-row h2{font:700 34px/1.08 var(--display);letter-spacing:-.018em}.section-title-row p{font-size:14px;margin-top:6px}.view-controls{padding:4px;background:#e4e4d8;border-radius:5px}.view-controls button{min-height:40px;min-width:44px;border-radius:3px}.view-controls button svg{width:19px;height:19px}.pipeline-panel{border-color:#d5d8c9;border-radius:5px;background:#e9ecdf}.filters{padding:16px 20px;border-color:#d5d8c9}.search-wrap{gap:10px;max-width:360px;min-width:200px}.search-wrap svg{width:18px;height:18px;color:#6a735e}.search-wrap input{font-size:14px;padding:12px 0}.search-wrap input::placeholder{color:#707568}.search-wrap:focus-within{outline-width:3px}.filters select{border-color:#cecfbf;font-size:13px;max-width:190px;padding:10px 28px 10px 10px;min-height:44px}.filters .filter-count{font-size:12px}.board-scroll{scrollbar-color:#a0a88d #e0e3d6;scrollbar-width:thin}.board{grid-template-columns:repeat(5,minmax(242px,1fr));gap:16px;padding:22px 20px;min-width:1300px;min-height:340px}.column{min-height:300px;padding-bottom:10px;min-width:0}.column-title{gap:8px;font-size:13px;font-weight:700;margin-bottom:18px;padding:3px 1px;line-height:1.3;min-height:22px}.column-dot{width:7px;height:7px;flex-shrink:0}.column-count{font-size:12px;font-weight:500;border:1px solid #c8cdbb;min-width:23px;border-radius:3px;padding:1px 3px;background:transparent}.stage-contacted{background:#a06e21}.stage-qualified{background:#357862}.stage-discovery{background:#666b97}.stage-review{background:#97677d}.lead-card{border-color:#cfd4c2;border-radius:4px;padding:19px 18px 14px;margin-bottom:14px}.lead-card:hover{box-shadow:0 8px 18px #262a2210;transform:translateY(-3px);border-color:#8d9c78}.lead-card-top{margin-bottom:17px}.lead-initials{width:41px;height:41px;border-radius:50%;background:#ece3d6;color:#80552f;font-size:13px;font-weight:750}.lead-card:nth-child(2n) .lead-initials{background:#e0e7e7;color:#4b6771}.lead-card:nth-child(3n) .lead-initials{background:#e9dfd9;color:#76554b}.lead-card-top>span:last-child{font-size:15px}.lead-card h3{font-size:18px;font-weight:700;letter-spacing:-.02em}.lead-location{gap:5px;font-size:12px}.lead-location svg{width:14px;height:14px}.lead-tags{margin-top:18px;min-height:27px;align-content:flex-start}.tag{font-size:11px;color:#576344;background:#eef0e4;padding:4px 7px;border-radius:3px;line-height:1.45}.tag-hot{background:#f6e3d9;color:#a03523}.lead-card-foot{gap:10px;margin-top:17px;padding-top:12px;font-size:11px}.lead-card-foot svg{width:13px;height:13px}.column-empty{border-color:#bcc4ad;border-radius:4px;padding:30px 16px;font-size:13px;color:#657255}.board-empty h3{font:700 36px/1.15 var(--display);margin-bottom:12px}.board-empty p{max-width:450px;font-size:15px}.empty-symbol{border-radius:50%}table{min-width:830px;font-size:14px}th{font-size:12px;font-weight:650;padding:18px 22px}td{padding:20px 22px}td button{font-size:16px;padding:7px 0}td small,.stage-pill{font-size:12px}
.lower-grid,.analytics-grid{grid-template-columns:1.15fr 1fr;gap:24px}.lower-grid{margin-top:30px}.panel{border-radius:5px;padding:26px}.panel h2{font:700 27px/1.1 var(--display)}.panel-heading{margin-bottom:24px;gap:20px}.panel-heading>button{font-size:12px;padding:10px 0}.activity-row{gap:14px;padding:16px 0}.activity-icon{width:35px;height:35px}.activity-icon svg{width:16px;height:16px}.activity-row p{font-size:14px}.activity-row small{font-size:12px}.activity-row>time{font-size:11px}.soft-empty{font-size:14px}.source-row{gap:20px;font-size:14px;margin:19px 0 9px}.source-row small{font-size:12px}.funnel-step{grid-template-columns:155px 1fr 32px;gap:18px;margin-top:26px;font-size:13px}.analytics-note{font-size:13px;margin-top:25px;line-height:1.8}.source-progress{height:7px;border-radius:2px}.funnel-progress{height:27px}
.connection-card{padding:30px;border-radius:5px;margin-bottom:22px}.connection-top{gap:18px}.connection-logo{width:54px;height:54px;border-radius:5px;font-size:27px;flex-shrink:0}.connection-top h2{font:700 31px/1.1 var(--display)}.connection-top p{font-size:14px;margin-top:5px}.connection-status{font-size:12px;padding:7px 11px;border-radius:4px;white-space:nowrap}.connection-detail{margin-top:24px;padding-top:21px;font-size:15px;overflow-wrap:anywhere}.connection-detail p+p{margin-top:12px}.task-list{gap:16px}.task-item{gap:20px;padding:25px;border-radius:5px}.task-check{width:44px;height:44px}.task-check svg{width:20px}.task-item h3{font-size:17px;font-weight:650}.task-item p{font-size:14px;margin-top:5px}.task-item>time{font-size:13px}.task-item .task-open{padding:11px;min-width:44px;min-height:44px}
.lead-dialog{width:590px}.lead-dialog::backdrop{background:#20261b80;backdrop-filter:blur(4px)}.drawer-top{padding:20px 32px}.drawer-top .eyebrow{font-size:11px}#lead-content{padding:30px 32px}.drawer-identity{gap:20px;margin-bottom:25px}.drawer-identity .lead-initials{width:62px;height:62px;font-size:19px;border-radius:50%}.drawer-identity h2{font:700 43px/1.1 var(--display);letter-spacing:-.025em}.drawer-identity p{font-size:14px;margin-top:7px}.drawer-contacts a{font-size:14px;gap:9px;padding:11px 13px;min-height:44px}.drawer-contacts svg{width:16px}.drawer-section{padding-top:27px;margin-top:29px}.drawer-section h3{font:700 27px/1.1 var(--display);margin-bottom:20px}.drawer-grid{gap:19px}.drawer-grid label,.drawer-section>label{font-size:13px;margin-bottom:8px}.drawer-grid select,.drawer-grid input,.drawer-section textarea,.drawer-section input{padding:11px 12px;border-color:#bec5b0;font-size:15px;min-height:47px}.drawer-grid>div>p{font-size:14px}.drawer-section textarea{min-height:110px}.drawer-message{font-size:15px;padding:19px;border-left:3px solid #a8b38f}.drawer-meta{gap:18px;font-size:14px}.drawer-meta dt{font-size:12px;margin-bottom:6px}.note p{font-size:15px}.note small{font-size:12px;margin-top:8px}.drawer-tabs{gap:25px}.drawer-tabs button{padding:10px 0;font-size:14px;min-height:44px}.integration-strip{gap:10px;padding:16px;font-size:13px;margin-top:25px}.integration-strip svg{width:17px;height:17px;margin-top:3px}.integration-strip button{font-size:13px;padding:4px 0}.toast{font-size:14px;padding:16px 24px;border-radius:4px}.demo-tag{font-size:12px;padding:5px 8px}
.login-story{padding:40px 11%}.login-story:after{display:none}.login-brand{background:var(--paper);padding:17px 26px 15px;transform:rotate(-4deg);margin-bottom:60px}.login-brand img{width:132px;height:87px}.login-story .eyebrow{color:#c1c9b3;margin-bottom:25px}.login-story h1{font-size:clamp(66px,6.4vw,108px);line-height:.9;letter-spacing:-.025em}.login-story h1 span{color:#f1aa97}.login-intro{font-size:17px;max-width:380px;color:#cad0c0;margin-top:30px}.login-story-footer{padding-top:25px;font-size:11px;letter-spacing:.04em;gap:15px}.login-panel{padding:60px 40px}.login-form-wrap{max-width:410px}.login-form-wrap .eyebrow{margin-bottom:18px}.login-form-wrap h2{font:700 62px/.98 var(--display);letter-spacing:-.02em}.login-form-wrap>p:not(.eyebrow){margin-top:19px;font-size:16px}.login-form-wrap label{font-size:14px;font-weight:650}.login-form-wrap input{padding:14px 15px;border-color:#bfc4b0;border-radius:4px;min-height:52px;margin-bottom:22px}.password-wrap input{padding-right:75px}.password-wrap button{font-size:13px;padding:11px;min-height:44px}.login-submit{min-height:54px}#login-message{font-size:14px}.demo-link{padding:17px 0 9px;font-size:14px;min-height:46px}.login-form-wrap .login-privacy{font-size:12px}
@media(min-width:1800px){:root{--sidebar:294px}.sidebar{padding-inline:25px}.sidebar-logo img{width:172px;height:114px}.sidebar-logo>span{font-size:43px}.main-content{padding:36px 52px 65px}.overview-intro{grid-template-columns:minmax(0,1fr) 360px}.overview-copy>p{font-size:18px}.overview-copy h1{font-size:96px}.today-card h2{font-size:35px}.stat-top{font-size:16px}.stat-value{font-size:66px}.lead-card h3{font-size:19px}.lead-location{font-size:13px}.lead-tags .tag,.lead-card-foot{font-size:12px}}
@media(max-width:1250px){:root{--sidebar:235px}.sidebar{padding-inline:15px}.sidebar-logo{padding-inline:12px}.sidebar-logo img{width:135px;height:90px}.sidebar-logo>span{font-size:34px}.nav-item{font-size:15px;padding-inline:11px}.sidebar-caption{font-size:9px}.main-content{padding:28px}.topbar,.demo-banner,.workspace-footer{padding-inline:28px}.overview-intro{grid-template-columns:minmax(0,1fr) 275px;gap:25px}.overview-copy h1{font-size:57px}.overview-copy>p{font-size:15px}.origin-line{font-size:10px;gap:10px}.today-card{padding-inline:20px}.waiting-action{margin-inline:-20px;padding-inline:20px}.stat{padding:19px 18px}.stat-top{font-size:12px}.stat-sub{font-size:11px}.period-label{display:none}.filters .filter-count{display:none}.filters{flex-wrap:wrap}.lower-grid{grid-template-columns:1fr}.panel-heading{gap:12px}.login-story{padding-inline:9%}.login-story h1{font-size:77px}.login-form-wrap h2{font-size:55px}.login-story-footer{margin-top:55px}}
@media(max-width:1000px){:root{--sidebar:250px}.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 35px #0002}.sidebar.is-open{transform:none}.main-workspace{margin-left:0;width:100%}.mobile-menu{display:grid;margin-left:-9px}.overview-copy h1{font-size:72px}.main-content{padding:28px 30px}.login-story h1{font-size:66px}.login-form-wrap h2{font-size:48px}}
@media(max-width:760px){.main-content{padding:25px 20px 38px}.topbar{height:66px;padding-inline:20px}.topbar-left,.topbar-actions{gap:10px}.topbar-left{font-size:13px}.sync-state{display:none}.demo-banner{padding:10px 20px;font-size:11px}.demo-banner button{font-size:11px}.workspace-footer{padding:17px 20px;font-size:11px}.overview-tools{gap:12px;margin-bottom:25px}.overview-tools>.eyebrow{font-size:10px;letter-spacing:.08em}.overview-tools .btn{font-size:12px;padding:10px 12px}.overview-intro{grid-template-columns:1fr;gap:25px;margin-bottom:25px}.overview-copy{padding:0}.overview-copy h1{font-size:clamp(49px,10.3vw,74px)}.overview-copy>p{font-size:15px;margin-top:19px;line-height:1.7}.overview-copy>p br{display:none}.origin-line{margin-top:20px;gap:12px;font-size:10px}.today-card{padding:18px 20px 0}.today-label{margin-top:12px}.today-card h2{max-width:none;font-size:30px}.today-action{margin-bottom:4px}.waiting-action{min-height:53px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-bottom:30px}.stat{padding:19px 17px;min-height:153px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat-top{font-size:12px}.stat-top svg{width:18px;height:18px}.stat-value{font-size:53px}.stat-sub{font-size:11px}.section-title-row h2{font-size:30px}.section-title-row p{font-size:13px;max-width:220px}.view-controls button{min-width:36px}.view-controls button svg{width:17px}.filters{padding:14px;gap:10px}.search-wrap{min-width:100%;max-width:none}.filters select{max-width:calc(50% - 5px);flex:1;font-size:12px;padding-inline:8px}.board{padding:20px 15px;gap:14px;grid-template-columns:repeat(5,245px);min-width:1290px}.lower-grid,.analytics-grid{grid-template-columns:1fr;gap:20px}.panel{padding:22px}.panel h2{font-size:25px}.page-heading{gap:15px;margin-top:4px}.page-heading h1{font-size:47px}.page-heading .eyebrow{font-size:10px}.page-heading p:not(.eyebrow){font-size:15px}.page-heading .btn{font-size:12px;padding-inline:12px}.connection-card{padding:22px}.connection-top{gap:14px;flex-wrap:wrap}.connection-logo{width:45px;height:45px}.connection-top h2{font-size:27px}.connection-top>div{flex:1;min-width:180px}.connection-top p{font-size:13px}.connection-status{margin-left:0}.connection-detail{font-size:14px}.task-item{gap:13px;padding:20px;flex-wrap:wrap}.task-item>div{flex:1;min-width:140px}.task-item h3{font-size:16px}.task-item>time{margin-left:57px;font-size:13px}.task-item .task-open{margin-left:auto}.funnel-step{grid-template-columns:130px 1fr 22px;gap:10px;font-size:12px}.login-story{padding:35px 7% 40px;min-height:480px}.login-brand{margin-bottom:35px;padding:12px 20px}.login-brand img{width:105px;height:69px}.login-story h1{font-size:clamp(58px,12vw,80px)}.login-story .eyebrow{font-size:10px}.login-intro{font-size:15px;max-width:320px;margin-top:22px}.login-story-footer{display:flex;margin-top:32px;font-size:10px;gap:8px}.login-panel{padding:45px 25px}.login-form-wrap h2{font-size:51px}.login-form-wrap>p:not(.eyebrow){font-size:15px}.drawer-top{padding:16px 23px}#lead-content{padding:24px}.drawer-identity h2{font-size:38px}.drawer-grid{gap:15px}.drawer-grid label{font-size:12px}.drawer-grid input,.drawer-grid select{font-size:14px}.drawer-meta{font-size:13px}.drawer-meta dt{font-size:11px}.drawer-contacts a{font-size:13px}}
@media(max-width:380px){.main-content{padding-inline:15px}.overview-copy h1{font-size:48px}.origin-line{font-size:9px;gap:8px}.overview-tools>.eyebrow{max-width:150px}.overview-tools .btn svg{display:none}.stat{padding:17px 13px}.stat-top>span:last-child{display:none}.section-title-row h2{font-size:27px}.view-controls{gap:0;padding:3px}.view-controls button{min-width:32px}.panel-heading{align-items:flex-start}.panel-heading>button{font-size:11px}.drawer-grid{grid-template-columns:1fr}#lead-content{padding-inline:19px}.drawer-tabs{gap:20px}.drawer-tabs button{font-size:13px}.topbar-brand,.topbar-left>.slash{display:none}}
@media(max-width:760px){.page-heading{flex-direction:column;align-items:flex-start}.page-heading>div{min-width:0;max-width:100%}.page-heading .heading-actions{align-self:flex-end}.page-heading h1{overflow-wrap:break-word}}