.landing-premium{--sys-green:#008060;--sys-green-bright:#00a47c;--sys-green-dark:#004c3f;--sys-dark:#0b0f19;--sys-off-white:#f6f6f7;--sys-light-border:#e1e3e5;background:#ffffff}.systemly-brand{color:inherit;font-size:1.15rem;font-weight:750;letter-spacing:-.045em}.systemly-mark{display:none}.lp-product-dot{background:var(--sys-green);box-shadow:0 0 0 4px rgb(0 128 96/12%)}.lp-final-section,.lp-hero,.lp-how{background-color:var(--sys-dark)!important}.lp-demo-section{background:var(--sys-off-white)!important;color:#202223}.lp-pricing-section,.lp-product-story{background:#ffffff!important;color:#202223}.lp-demo-section .lp-kicker,.lp-pricing-section .lp-kicker,.lp-product-story .lp-kicker{color:var(--sys-green)}.lp-demo-section .lp-title,.lp-pricing-section h2,.lp-pricing-section h3,.lp-product-story h2,.lp-product-story h3{color:#202223}.lp-demo-section .lp-copy,.lp-pricing-section p,.lp-product-story p{color:#6d7175}.systemly-demo-section{padding:112px 24px}.systemly-demo-intro{max-width:820px}.systemly-demo-intro .lp-title{margin-top:18px;font-size:clamp(42px,5.6vw,76px);line-height:1;letter-spacing:-.035em;font-weight:520}.systemly-demo-intro .lp-copy{max-width:680px;margin-top:20px;font-size:17px;line-height:1.65}.systemly-demo{width:min(1280px,100%);min-height:650px;display:grid;grid-template-columns:220px minmax(0,1fr);margin:52px auto 0;overflow:hidden;border:1px solid var(--sys-light-border);border-radius:28px;background:#ffffff;color:#202223;box-shadow:0 28px 70px rgb(0 0 0/10%);color-scheme:light}.systemly-demo button,.systemly-demo input{font:inherit}.systemly-demo-sidebar{display:flex;flex-direction:column;border-right:1px solid var(--sys-light-border);background:#ffffff}.systemly-demo-brand-block{padding:22px 18px 18px}.systemly-demo-wordmark{color:#202223;font-size:20px;font-weight:760;letter-spacing:-.045em}.systemly-demo-brand-block p{margin-top:2px;color:#8c9196;font-size:11px}.systemly-demo-new-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;border:0;border-radius:9999px;background:#202223;color:#ffffff;font-size:13px;font-weight:650;cursor:pointer}.systemly-demo-new-button:hover{background:#303336}.systemly-demo-nav{display:grid;gap:5px;padding:8px 10px}.systemly-demo-nav button{min-height:43px;display:flex;align-items:center;gap:10px;padding:7px 10px;border:0;border-radius:11px;background:transparent;color:#5c5f62;font-size:13px;font-weight:580;text-align:left;cursor:pointer}.systemly-demo-nav button>span{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#f1f2f3;color:#6d7175}.systemly-demo-nav button:hover{background:#f6f6f7;color:#202223}.systemly-demo-nav button.is-active{background:#e3f1df;color:#004c3f}.systemly-demo-nav button.is-active>span{background:#cce5d8;color:#008060}.systemly-demo-main{min-width:0;background:#f6f6f7;color:#202223}.systemly-demo-calendar-page,.systemly-demo-list-page{height:100%;padding:22px}.systemly-demo-page-header{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.systemly-demo-page-header p{color:var(--sys-green);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.systemly-demo-page-header h3{margin-top:3px;color:#202223;font-size:24px;line-height:1.1;font-weight:720;letter-spacing:-.025em}.systemly-demo-page-header>span{padding:7px 11px;border:1px solid var(--sys-light-border);border-radius:9999px;background:#ffffff;color:#6d7175;font-size:11px}.systemly-demo-calendar-layout{height:540px;display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:14px}.systemly-demo-calendar-card{min-width:0;overflow:hidden;border:1px solid var(--sys-light-border);border-radius:16px;background:#ffffff}.systemly-demo-calendar-grid-wrap{height:calc(100% - 48px);overflow:hidden}.systemly-demo [class*=bg-slate-50]{background-color:#f6f6f7!important}.systemly-demo [class*=bg-white]{background-color:#ffffff!important}.systemly-demo [class*=text-slate-700],.systemly-demo [class*=text-slate-800],.systemly-demo [class*=text-slate-900],.systemly-demo [class*=text-slate-950]{color:#202223!important}.systemly-demo [class*=text-slate-400],.systemly-demo [class*=text-slate-500],.systemly-demo [class*=text-slate-600]{color:#6d7175!important}.systemly-demo [class*=border-slate-]{border-color:var(--sys-light-border)!important}.systemly-demo [class*=bg-slate-100],.systemly-demo [class*=bg-slate-200]{background-color:#f1f2f3!important}.systemly-demo-search{max-width:460px;height:42px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--sys-light-border);border-radius:12px;background:#ffffff;color:#8c9196}.systemly-demo-search input{width:100%;border:0;outline:0;background:transparent;color:#202223;font-size:13px}.systemly-demo-split{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:14px;margin-top:16px}.systemly-demo-rows{display:grid;gap:8px}.systemly-demo-rows>button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid var(--sys-light-border);border-radius:14px;background:#ffffff;color:#202223;text-align:left;cursor:pointer}.systemly-demo-rows>button.is-selected,.systemly-demo-rows>button:hover{border-color:#95c9b8;box-shadow:0 0 0 1px #95c9b8}.systemly-demo-rows>button>span{display:grid;gap:5px}.systemly-demo-rows>button>span:last-child{justify-items:end}.systemly-demo-rows strong{font-size:14px}.systemly-demo-rows small{color:#6d7175;font-size:11px}.systemly-demo-detail{position:relative;align-self:start;padding:18px;border:1px solid var(--sys-light-border);border-radius:16px;background:#ffffff;box-shadow:0 12px 30px rgb(0 0 0/6%)}.systemly-demo-detail>button{position:absolute;top:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:9999px;background:#f1f2f3;color:#5c5f62;cursor:pointer}.systemly-demo-eyebrow{color:var(--sys-green);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.systemly-demo-detail h4{margin-top:10px;padding-right:30px;color:#202223;font-size:18px}.systemly-demo-detail>span:not(.systemly-demo-status){display:block;margin-top:3px;color:#6d7175;font-size:11px}.systemly-demo-detail .systemly-demo-status{margin-top:12px}.systemly-demo-detail-services{display:grid;gap:8px;margin-top:18px}.systemly-demo-detail-services>div{display:grid;gap:3px;padding:10px;border-radius:10px;background:#f6f6f7}.systemly-demo-detail-services strong{font-size:12px}.systemly-demo-detail-services span{color:#6d7175;font-size:10px}.systemly-demo-detail dl{display:grid;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid var(--sys-light-border)}.systemly-demo-detail dl>div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.systemly-demo-detail dt{color:#8c9196}.systemly-demo-detail dd{color:#202223;font-weight:650;text-align:right}.systemly-demo-status{width:fit-content;display:inline-flex;align-items:center;padding:4px 8px;border-radius:9999px;background:#f1f2f3;color:#5c5f62;font-size:9px;font-weight:700;text-transform:capitalize}.systemly-demo-status.status-completed,.systemly-demo-status.status-confirmed,.systemly-demo-status.status-paid{background:#e3f1df;color:#007a5c}.systemly-demo-status.status-in-progress{background:#e8f1fa;color:#1f6fb2}.systemly-demo-status.status-draft{background:#f4f1e8;color:#8a6116}.systemly-demo-table{overflow:hidden;margin-top:18px;border:1px solid var(--sys-light-border);border-radius:16px;background:#ffffff}.systemly-demo-table-head,.systemly-demo-table-row{display:grid;grid-template-columns:1.3fr 1.3fr .6fr .6fr;align-items:center;gap:16px;padding:13px 16px}.systemly-demo-table-head{background:#f6f6f7;color:#8c9196;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.systemly-demo-table-row{border-top:1px solid var(--sys-light-border);color:#5c5f62;font-size:12px}.systemly-demo-table-row strong{color:#202223}.systemly-demo-invoice-grid{grid-template-columns:.8fr 1fr 1.6fr .8fr .7fr}@media (max-width:1050px){.systemly-demo{grid-template-columns:185px minmax(0,1fr)}.systemly-demo-calendar-layout,.systemly-demo-split{grid-template-columns:minmax(0,1fr)}.systemly-demo-detail{display:none}}@media (max-width:760px){.systemly-demo-section{padding:84px 16px}.systemly-demo{min-height:590px;display:block;border-radius:20px}.systemly-demo-sidebar{border-right:0;border-bottom:1px solid var(--sys-light-border)}.systemly-demo-brand-block{padding-bottom:12px}.systemly-demo-new-button{display:none}.systemly-demo-nav{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:0}.systemly-demo-nav button{min-width:0;justify-content:center;padding-inline:5px;font-size:10px}.systemly-demo-nav button>span{display:none}.systemly-demo-calendar-page,.systemly-demo-list-page{padding:14px}.systemly-demo-calendar-layout{height:430px}.systemly-demo-table{overflow-x:auto}.systemly-demo-table-head,.systemly-demo-table-row{min-width:640px}}@media (prefers-reduced-motion:reduce){.lp-button,.systemly-demo *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}