:root{--text-xxs:clamp(.625rem, .59rem + .08vw, .7rem);--text-xs:var(--sf-step--2);--text-sm:var(--sf-step--1);--text-base:calc((var(--sf-step--1) + var(--sf-step-0)) / 2);--text-md:var(--sf-step-0);--text-lg:calc((var(--sf-step-0) + var(--sf-step-1)) / 2);--text-xl:var(--sf-step-1);--text-2xl:var(--sf-step-2);--text-3xl:var(--sf-step-3);--text-4xl:var(--sf-step-4);--space-1:var(--sf-space-3xs);--space-2:var(--sf-space-2xs);--space-3:var(--sf-space-xs);--space-4:var(--sf-space-s);--space-5:calc((var(--sf-space-s) + var(--sf-space-m)) / 2);--space-6:var(--sf-space-m);--space-8:var(--sf-space-l);--space-10:calc((var(--sf-space-l) + var(--sf-space-xl)) / 2);--space-12:var(--sf-space-xl);--space-16:var(--sf-space-2xl);--page-gutter:var(--sf-space-s-l);--mobile-topbar-height:4rem;--touch-target:2.75rem}.sf-app-main{--sf-app-main-padding:var(--space-6) var(--page-gutter) var(--space-8);width:100%;max-width:none}.app-shell-menu-toggle{display:none}@media (max-width:48rem){.app-shell-menu-toggle{display:inline-flex}}.page-header{margin-bottom:var(--space-6)}.page-header-row{flex-wrap:wrap}.page-actions{margin-inline-start:auto}.page-header-row>div:first-child{min-width:min(100%,18rem)}.sf-data-table{--sf-data-table-min:52rem}.table-sort-link{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.25rem;text-decoration:none;display:inline-flex}.table-sort-link.active{color:var(--accent-primary)}.table-sort-link svg{opacity:.4}.table-sort-link.active svg{opacity:1}.table-sort-button.align-center{text-align:center;justify-content:center}.table-sort-button.align-right{text-align:right;justify-content:flex-end}.page-title{margin:0 0 var(--space-2);color:var(--accent-primary);font-size:var(--text-3xl);letter-spacing:0;font-weight:750;line-height:1.12}.page-description{max-width:42rem;color:color-mix(in oklch, var(--accent-secondary) 45%, var(--text-secondary));font-size:var(--text-base)}.ds-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card)}.ds-panel-padded{padding:var(--space-5)}.sf-cluster{--sf-cluster-space:var(--sf-space-xs)}.sf-auto-grid{--sf-grid-gap:var(--sf-space-s)}.cluster-tight{--sf-cluster-space:var(--sf-space-2xs)}.sf-metric-grid{--sf-panel-min:13rem;container:metric-grid/inline-size}.ds-metric-card{align-items:center;gap:var(--space-3);min-height:5rem;padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-card);color:inherit;text-decoration:none;display:flex}.ds-metric-card:before{content:"";border-radius:var(--radius-full);background:var(--accent-primary);align-self:stretch;width:.25rem}.ds-metric-value{min-width:2.6rem;color:var(--text-primary);font-size:clamp(1.55rem,1.16rem + 1.1vw,2.2rem);font-weight:850;line-height:1}.ds-metric-label{color:var(--text-primary);font-size:var(--text-sm);font-weight:750;line-height:1.25}.ds-metric-meta{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:.125rem}.ds-metric-card.warning:before{background:var(--color-warning)}.ds-metric-card.danger:before{background:var(--color-danger)}.ds-metric-card.info:before{background:var(--color-info)}.ds-metric-card.success:before{background:var(--color-success)}.filter-bar{margin-bottom:var(--space-4);background:var(--bg-card);align-items:stretch;container:filter-bar/inline-size}.sf-filter-bar>.list-toolbar{flex:100%}.responsive-data-list{container:data-list/inline-size}.responsive-data-list-cards{display:none}.resource-card{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;display:flex}.resource-card-link{cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast)}.resource-card-link:hover,.resource-card-link:focus-visible{border-color:var(--border-default);background:var(--bg-card-hover);box-shadow:var(--shadow-sm);outline:none}.resource-card+.resource-card{margin-top:var(--space-3)}.resource-card-header{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.resource-card-title{color:var(--text-primary);font-size:var(--text-md);font-weight:800;line-height:1.25;text-decoration:none}.resource-card-kicker,.resource-card-meta{color:var(--text-tertiary);font-size:var(--text-xs)}.resource-card-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.resource-card-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.resource-card-field{min-width:0}.resource-card-field span{margin-bottom:var(--space-1);color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:750;display:block}.resource-card-field strong,.resource-card-field p{color:var(--text-secondary);font-size:var(--text-sm);margin:0;font-weight:550;line-height:1.35}.resource-card-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.list-toolbar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.list-toolbar .search-bar{flex:16rem}.list-toolbar .search-bar:not(.compact){margin-bottom:0}.list-toolbar .form-select{min-width:min(100%,9rem);height:38px;font-size:var(--text-sm);background:var(--bg-secondary);border-color:var(--border-subtle);flex:0 12rem;padding-top:0;padding-bottom:0}.list-toolbar-count{color:var(--text-tertiary);font-size:var(--text-xs);margin-left:auto}.form-group-end{justify-content:end}.tab-count{margin-left:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs)}.tabs{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.tab{flex:none}.status-dot{border-radius:var(--radius-full);background:var(--color-danger);flex:none;width:.5rem;height:.5rem;display:inline-flex}.status-dot.live{background:var(--color-success)}.dns-flag{align-items:center;gap:var(--space-1);color:var(--text-tertiary);display:inline-flex}.dns-flag.active{color:var(--color-success)}.dns-flag.unknown{color:var(--text-tertiary);opacity:.65}.responsive-data-list,.responsive-data-list-table{min-width:0}.dashboard-page{container:dashboard-page/inline-size}.dashboard-section{margin-top:var(--space-6)}.dashboard-section:first-of-type{margin-top:0}.dashboard-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-section-title{align-items:center;gap:var(--space-2);color:var(--text-primary);font-size:var(--text-md);font-weight:750;display:flex}.dashboard-action-grid{--sf-auto-grid-min:17rem;--sf-grid-gap:var(--space-3)}.dashboard-action-card{align-items:center;gap:var(--space-3);min-height:5.5rem;padding:var(--space-4);color:inherit;text-decoration:none;display:flex}.dashboard-action-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.dashboard-icon{border-radius:var(--radius-md);background:var(--dashboard-icon-bg,var(--accent-primary-muted));width:2.75rem;height:2.75rem;color:var(--dashboard-icon-color,var(--accent-primary));flex:none;place-items:center;display:grid}.dashboard-action-card-title{color:var(--text-primary);font-size:var(--text-sm);font-weight:700}.dashboard-action-card-copy{margin-top:var(--space-1);color:var(--text-secondary);font-size:var(--text-xs);line-height:1.35}.dashboard-stage-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));display:grid}.dashboard-stage-card{min-width:0;padding:var(--space-3);border-left:.2rem solid var(--stage-accent,var(--accent-primary));border-radius:var(--radius-md);background:var(--bg-secondary);text-decoration:none;display:block}.dashboard-stage-label{color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-stage-count{margin-top:var(--space-1);color:var(--text-primary);font-size:var(--text-lg);font-weight:800;line-height:1.1}.dashboard-stage-value{margin-top:var(--space-1);color:var(--stage-accent,var(--accent-primary));font-size:var(--text-xs)}.dashboard-list{gap:var(--space-2);flex-direction:column;display:flex}.dashboard-list-row{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;display:flex}.dashboard-list-row-main{min-width:0}.dashboard-list-row-main-title{color:var(--text-primary);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.dashboard-list-row-main-copy{color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-list-row-meta{justify-content:flex-end;align-items:center;gap:var(--space-3);color:var(--text-tertiary);font-size:var(--text-xs);flex:none;display:flex}.dashboard-avatar{border-radius:var(--radius-md);background:var(--accent-primary-muted);width:2.25rem;height:2.25rem;color:var(--accent-primary);font-size:var(--text-sm);flex:none;place-items:center;font-weight:700;display:grid}.dashboard-inline-icon{margin-right:var(--space-1);vertical-align:middle;display:inline}@container dashboard-page (max-width:46rem){.dashboard-list-row,.dashboard-list-row-meta{flex-direction:column;align-items:flex-start}.dashboard-list-row-meta{gap:var(--space-2)}}.customers-page{container:customers-page/inline-size}.customers-command-bar{gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.customers-command-row{grid-template-columns:minmax(15rem,1fr) auto auto auto}.customers-search .search-bar,.search-bar.compact{max-width:none;margin-bottom:0}.search-bar:not(.compact){margin-bottom:var(--space-6)}.customers-view-tabs{margin-top:0}.customer-mobile-card{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-card);flex-direction:column;display:flex}.customer-mobile-card+.customer-mobile-card{margin-top:var(--space-3)}.customer-mobile-card-header{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.customer-mobile-card-title{min-width:0}.customer-mobile-card-title a{color:var(--text-primary);font-size:var(--text-md);font-weight:800;text-decoration:none}.customer-mobile-card-title p{margin-top:var(--space-1);color:var(--text-tertiary);font-size:var(--text-xs)}.customer-mobile-card-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.customer-mobile-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.customer-mobile-field{min-width:0}.customer-mobile-field span{margin-bottom:var(--space-1);color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:750;display:block}.customer-mobile-field strong,.customer-mobile-field p{color:var(--text-secondary);font-size:var(--text-sm);margin:0;font-weight:550;line-height:1.35}.customer-mobile-card-footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}@container page-header (max-width:42rem){.page-header{align-items:stretch}.page-actions{--sf-cluster-justify:stretch;width:100%}.page-actions .btn{min-height:var(--touch-target);flex:auto;justify-content:center}.page-actions .jobs-filter-toggle{width:100%}.page-actions .jobs-filter-button{flex:1;justify-content:center}}@container metric-grid (max-width:30rem){.ds-metric-card{min-height:4.5rem}}@container filter-bar (max-width:52rem){.customers-command-row{grid-template-columns:minmax(15rem,1fr) repeat(2,minmax(8rem,auto))}.customers-command-row>.btn{grid-column:1/-1;justify-self:start}}@container filter-bar (max-width:34rem){.customers-command-row{flex-direction:column;align-items:stretch;display:flex}.customer-filter-menu summary,.customers-command-row>.btn{width:100%;min-height:var(--touch-target);justify-content:space-between}.customer-filter-popover{width:100%;margin-top:var(--space-2);position:static}}@container customers-page (max-width:45rem){.customers-view-tabs{margin-right:calc(var(--space-4) * -1);padding-right:var(--space-4)}}@container data-list (max-width:46rem){.responsive-data-list-table{display:none}.responsive-data-list-cards{display:block}.customer-mobile-grid,.customer-mobile-card-header,.resource-card-grid,.resource-card-header{grid-template-columns:1fr}}@container data-list (max-width:30rem){.customer-mobile-card-footer,.resource-card-actions{flex-direction:column;align-items:stretch}.resource-card-actions .btn{justify-content:center;width:100%}}.kanban-board{min-width:0;container:kanban-board/inline-size}.kanban-scroll{gap:var(--space-4);max-width:100%;padding-bottom:var(--space-3);overscroll-behavior-x:contain;scroll-padding-inline:var(--space-2);scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.kanban-column{width:var(--kanban-column-width,18.75rem);flex:0 0 var(--kanban-column-width,18.75rem);gap:var(--space-2);scroll-snap-align:start;transition:opacity var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex}.kanban-column.dragging{opacity:.6}.kanban-column.drop-target{transform:translateY(-.125rem)}.kanban-column-header{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:1.875rem;padding:0 var(--space-2);border-left:.1875rem solid var(--kanban-column-accent,var(--accent-primary));background:var(--bg-primary);display:flex}.kanban-column-header.pinned{top:var(--kanban-pinned-top);left:var(--kanban-pinned-left);z-index:30;width:var(--kanban-pinned-width);position:fixed}.kanban-column-edit,.kanban-column-title-row{align-items:center;gap:var(--space-1);min-width:0;padding-left:var(--space-2);flex:1;display:flex}.kanban-column-title-row{gap:var(--space-2);color:var(--text-primary);font-size:var(--text-sm);font-weight:650}.kanban-column-edit-input{height:1.75rem;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);flex:1}.kanban-column-mini-button,.kanban-column-drag-button{width:1.375rem;height:1.375rem;padding:0}.kanban-column-drag-button{cursor:grab;opacity:.55;width:1.125rem;height:1.125rem}.kanban-column-mini-button.muted{opacity:.55}.kanban-column-mini-button.danger{color:var(--color-danger)}.kanban-column-body{gap:var(--space-2);min-height:7.5rem;padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle);transition:background var(--transition-fast), border-color var(--transition-fast);flex-direction:column;flex:1;display:flex}.kanban-column-body.over{background:var(--accent-primary-muted)}.kanban-column-body.drop-target{border-color:var(--border-accent);background:color-mix(in oklch, var(--accent-primary) 8%, transparent)}.kanban-card{padding:var(--space-3);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:var(--bg-card);box-shadow:var(--shadow-sm);cursor:grab;touch-action:none}.kanban-card.has-accent{border-top:.1875rem solid var(--kanban-card-accent)}.kanban-card.dragging{cursor:grabbing}.task-card-content,.pipeline-card-content{min-width:0}.task-card-header,.pipeline-card-header{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);display:flex}.task-card-header{justify-content:space-between}.task-card-header .badge{flex:none;align-self:flex-start}.task-card-main,.pipeline-card-main{align-items:flex-start;gap:var(--space-2);flex:1;min-width:0;display:flex}.task-priority-icon{color:var(--task-priority-color,var(--accent-primary));fill:var(--task-priority-fill,transparent);flex:none;margin-top:.1875rem}.task-card-title,.pipeline-card-title{min-width:0;color:var(--text-primary);font-size:var(--text-sm);flex:1;font-weight:650;line-height:1.4}.task-card-job-id{color:var(--text-tertiary);font-size:var(--text-xs);letter-spacing:0;margin-bottom:.125rem;font-weight:750}.task-card-description{margin:0 0 var(--space-2);color:var(--text-secondary);font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.task-card-links{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.task-card-link-row,.task-card-milestone-title,.task-card-due,.pipeline-card-date{align-items:center;gap:var(--space-1);min-width:0;color:var(--text-tertiary);font-size:var(--text-xs);display:flex}.task-card-link-row span,.task-card-milestone-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.task-card-milestone{margin-bottom:var(--space-2);padding-top:var(--space-1)}.task-card-milestone-row,.task-card-footer,.pipeline-card-meta{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.task-card-milestone-row{margin-bottom:var(--space-2)}.task-card-milestone-title.overdue,.task-card-milestone-count.overdue,.task-card-due.overdue{color:var(--color-danger)}.task-card-milestone-count{color:var(--text-tertiary);font-size:var(--text-xs);flex:none;font-weight:650}.task-card-milestone-progress{border-radius:var(--radius-full);background:var(--bg-tertiary);height:.25rem;overflow:hidden}.task-card-milestone-fill{border-radius:var(--radius-full);background:var(--accent-primary);height:100%}.task-card-milestone-fill.overdue{background:var(--color-danger)}.task-card-footer{margin-top:var(--space-2)}.task-avatar-stack{min-width:0;display:flex}.task-avatar{border:.125rem solid var(--bg-card);border-radius:var(--radius-full);background:var(--accent-primary-muted);width:1.5rem;height:1.5rem;color:var(--accent-primary);justify-content:center;align-items:center;font-size:.625rem;font-weight:650;display:flex}.task-avatar+.task-avatar{margin-left:-.375rem}.task-avatar.extra{background:var(--bg-subtle);color:var(--text-tertiary)}.pipeline-card-icon{color:var(--accent-primary);flex:none;margin-top:.125rem}.pipeline-card-client{color:var(--text-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:.125rem;overflow:hidden}.pipeline-card-value{color:var(--color-success);font-size:var(--text-sm);font-weight:800}.pipeline-card-actions{margin-top:var(--space-2)}.pipeline-card-link{color:var(--accent-primary);font-size:var(--text-xs);text-decoration:underline}.project-detail-page,.customer-detail-page,.hosting-detail-page,.team-detail-page{container-type:inline-size}.project-detail-metrics,.ai-metric-grid,.report-metric-grid,.project-detail-grid{margin-bottom:var(--space-6)}.detail-panel-title{color:var(--text-primary);font-size:var(--text-md);margin:0;font-weight:750;line-height:1.25}.detail-copy{margin:var(--space-4) 0 0;color:var(--text-secondary);font-size:var(--text-sm);white-space:pre-line;line-height:1.7}.detail-field-list{gap:var(--space-4);margin-top:var(--space-4);display:grid}.detail-field-list.compact{gap:var(--space-3)}.detail-field{gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);align-items:start;min-width:0;display:grid}.detail-field.text-only{gap:var(--space-2) var(--space-4);grid-template-columns:minmax(8rem,.35fr) minmax(0,1fr)}.detail-field-icon{color:var(--text-tertiary);flex:none;margin-top:.125rem}.detail-field-label{color:var(--text-tertiary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:750;display:block}.detail-field-value{min-width:0;color:var(--text-primary);font-size:var(--text-sm);overflow-wrap:anywhere;line-height:1.45}.detail-field-value.muted{color:var(--text-secondary)}.detail-field-value.pre-line{white-space:pre-line}.detail-section-header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.detail-related-section{margin-top:var(--space-8)}.customer-detail-grid{margin-bottom:var(--space-6)}.hosting-detail-grid{margin-bottom:var(--space-5)}.hosting-detail-status{margin-left:var(--space-2);color:var(--text-tertiary);font-size:var(--text-xs);text-transform:capitalize}.hosting-dns-panel{margin-top:var(--space-5)}.hosting-dns-copy{margin-top:var(--space-1)}.hosting-dns-status-row{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.hosting-dns-list{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.hosting-dns-list code{padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:var(--text-xs)}.section-title-icon{color:var(--accent-primary)}.primary-star{color:var(--accent-primary);fill:var(--accent-primary)}.empty-state.compact{padding:var(--space-8) var(--space-4)}.empty-state.compact .empty-state-icon{width:3rem;height:3rem}.empty-state.compact h3{font-size:var(--text-sm)}.empty-state.compact p{font-size:var(--text-xs)}.suggestion-card{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle)}.suggestion-card-layout{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.suggestion-card-copy{margin-top:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.suggestion-card-actions{gap:var(--space-2);flex:none;display:flex}.proposal-status-select{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-secondary);min-height:2.25rem;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer}.proposal-wizard-stepper,.proposal-service-filters{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow-x:auto}.proposal-editor-layout{gap:var(--space-6);display:flex}.proposal-editor-form-column{gap:var(--space-6);flex-direction:column;flex:1;min-width:0;display:flex}.proposal-preview-column{max-width:100%}.linked-task-preview{padding:var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-subtle)}.project-time-panel{margin-top:var(--space-6)}.kanban-add-column{flex:0 0 min(14rem,70cqi);align-items:flex-start;padding-top:1.875rem;display:flex}.kanban-add-column .btn{width:100%;padding:var(--space-3);border:1px dashed var(--border-primary);justify-content:center}@container kanban-board (max-width:36rem){.kanban-scroll{gap:var(--space-3)}.kanban-column{width:min(20rem, calc(100cqi - var(--space-2)));flex-basis:min(20rem, calc(100cqi - var(--space-2)))}.kanban-add-column{flex-basis:min(16rem, calc(100cqi - var(--space-2)))}}@container ds-page (max-width:34rem){.proposal-wizard-stepper{margin-right:calc(var(--space-3) * -1);padding-right:var(--space-3)}.proposal-wizard-stepper>div{flex:none!important}.proposal-editor-layout{flex-direction:column}.proposal-preview-column{width:100%!important;position:static!important}.proposal-preview-actions{flex-wrap:wrap;justify-content:flex-start;position:static}.suggestion-card-layout{flex-direction:column}.suggestion-card-actions{width:100%}.suggestion-card-actions .btn:first-child{flex:1;justify-content:center}}@container customers-page (max-width:28rem){.customers-command-bar,.customer-mobile-card{border-radius:var(--radius-md)}}@media (max-width:48rem){.page-header-row{align-items:stretch}.page-header-row>.flex{justify-content:stretch;width:100%}.page-header-row>.flex .btn{min-height:var(--touch-target);flex:auto;justify-content:center}}@media (max-width:30rem){.main-content{padding-right:var(--space-3);padding-left:var(--space-3)}}
@layer reset,tokens,base,app;@layer layout{.sf-container{inline-size:min(100% - (var(--sf-gutter) * 2), var(--sf-container-max));margin-inline:auto}.sf-container--narrow{--sf-container-max:var(--sf-container-narrow)}.sf-container--wide{--sf-container-max:var(--sf-container-wide)}.sf-container--full{--sf-container-max:100%}.sf-rail-shell{--sf-rail-size:4.25rem;min-block-size:100svh}.sf-rail-shell__body{min-inline-size:0}.sf-rail-shell__rail{background:repeating-linear-gradient(-45deg, color-mix(in oklch, var(--sf-colour-foreground) 9%, transparent) 0 .0625rem, transparent .0625rem .4375rem), color-mix(in oklch, var(--sf-colour-background) 92%, black);border-inline-end:1px solid var(--sf-colour-border);place-items:center;display:none}.sf-rail-shell__mark,.sf-rail-shell__label{color:var(--sf-colour-primary);font-weight:900}.sf-rail-shell__label{font-family:var(--sf-font-mono);font-size:var(--sf-step--2);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;transform:rotate(-90deg)}.sf-rail-shell__label:before{border-radius:var(--sf-radius-full);content:"";block-size:.25rem;inline-size:.25rem;background:currentColor;margin-inline-end:var(--sf-space-xs);display:inline-block;box-shadow:0 0 .875rem}.sf-section{padding-block:var(--sf-section-space,var(--sf-region))}.sf-section--compact{--sf-section-space:var(--sf-space-l-xl)}.sf-section--spacious{--sf-section-space:var(--sf-space-2xl-3xl)}.sf-stack{gap:var(--sf-stack-space,var(--sf-space-s));flex-direction:column;display:flex}.sf-stack--tight{--sf-stack-space:var(--sf-space-2xs-xs)}.sf-stack--loose{--sf-stack-space:var(--sf-space-m-xl)}.sf-flow>*+*{margin-block-start:var(--sf-flow-space,var(--sf-space-s))}.sf-cluster{align-items:var(--sf-cluster-align,center);gap:var(--sf-cluster-space,var(--sf-space-s));justify-content:var(--sf-cluster-justify,flex-start);flex-wrap:wrap;display:flex}.sf-repel,.sf-toolbar{align-items:center;gap:var(--sf-space-s);flex-wrap:wrap;justify-content:space-between;display:flex}.sf-app-shell{--sf-app-header-height:4rem;--sf-app-sidebar-collapsed-width:4.75rem;background:var(--sf-colour-background);color:var(--sf-colour-foreground);grid-template-columns:minmax(14rem, var(--sf-app-sidebar-width,16rem)) minmax(0, 1fr);min-block-size:100dvh;transition:grid-template-columns var(--sf-duration-normal) var(--sf-ease-standard);display:grid;position:relative}.sf-app-header{background:var(--sf-colour-surface);border-block-end:1px solid var(--sf-colour-border);align-items:center;gap:var(--sf-space-s);min-block-size:var(--sf-app-header-height);padding-inline:var(--sf-space-s-m);z-index:20;grid-column:1/-1;justify-content:space-between;display:flex}.sf-app-shell[data-layout~=fixed-header]{grid-template-rows:var(--sf-app-header-height) minmax(0, 1fr)}.sf-app-shell[data-layout~=fixed-header] .sf-app-header{position:sticky;inset-block-start:0}.sf-app-shell[data-layout~=fixed-header] .sf-app-sidebar{max-block-size:calc(100dvh - var(--sf-app-header-height));min-block-size:calc(100dvh - var(--sf-app-header-height));inset-block-start:var(--sf-app-header-height)}.sf-app-shell[data-collapsed=true]{grid-template-columns:var(--sf-app-sidebar-collapsed-width) minmax(0, 1fr)}.sf-app-sidebar{background:var(--sf-colour-surface);border-inline-end:1px solid var(--sf-colour-border);align-self:start;gap:var(--sf-space-s);min-block-size:100dvh;max-block-size:100dvh;padding:var(--sf-space-s);transition:transform var(--sf-duration-normal) var(--sf-ease-standard), inline-size var(--sf-duration-normal) var(--sf-ease-standard);flex-direction:column;display:flex;position:sticky;inset-block-start:0;overflow:auto}.sf-app-sidebar__brand{align-items:center;gap:var(--sf-space-xs);padding-block-end:var(--sf-space-s);display:flex}.sf-app-sidebar>footer{border-block-start:1px solid var(--sf-colour-border);padding-block-start:var(--sf-space-s)}.sf-app-main{min-inline-size:0;padding:var(--sf-app-main-padding,var(--sf-space-m-l))}.sf-app-shell[data-collapsed=true] .sf-app-sidebar{overflow-x:hidden}.sf-app-shell[data-collapsed=true] .sf-app-sidebar__brand,.sf-app-shell[data-collapsed=true] .sf-app-sidebar .sf-nav__link{justify-content:center}.sf-app-shell[data-collapsed=true] [data-hide-collapsed=true],.sf-app-backdrop{display:none}@media (max-width:48rem){.sf-app-shell[data-mobile=drawer]{display:block}.sf-app-shell[data-mobile=drawer] .sf-app-header{position:sticky;inset-block-start:0}.sf-app-shell[data-mobile=drawer] .sf-app-sidebar{box-shadow:var(--sf-shadow-xl);inline-size:min(18rem, calc(100vw - var(--sf-space-l)));z-index:30;min-block-size:100dvh;max-block-size:none;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-100%)}.sf-app-shell[data-mobile=drawer][data-sidebar-open=true] .sf-app-sidebar{transform:translate(0)}.sf-app-shell[data-mobile=drawer][data-sidebar-open=true] .sf-app-backdrop{background:var(--sf-colour-backdrop);z-index:25;display:block;position:fixed;inset:0}}.sf-grid{gap:var(--sf-grid-gap,var(--sf-gutter));grid-template-columns:repeat(var(--sf-grid-columns), minmax(0, 1fr));display:grid}.sf-grid--2{--sf-grid-columns:2}.sf-grid--3{--sf-grid-columns:3}.sf-grid--4{--sf-grid-columns:4}.sf-auto-grid{gap:var(--sf-grid-gap,var(--sf-gutter));grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--sf-auto-grid-min,16rem)), 1fr));display:grid}.sf-auto-grid--xs{--sf-auto-grid-min:8rem}.sf-auto-grid--sm{--sf-auto-grid-min:12rem}.sf-auto-grid--lg{--sf-auto-grid-min:20rem}.sf-split{gap:var(--sf-split-gap,var(--sf-gutter));grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--sf-split-min,24rem)), 1fr));display:grid}.sf-split--reverse>:first-child{order:2}.sf-split--reverse>:last-child{order:1}.sf-centre{box-sizing:content-box;max-inline-size:var(--sf-centre-size,65ch);margin-inline:auto}.sf-centre--narrow{--sf-centre-size:48ch}.sf-centre--wide{--sf-centre-size:80ch}.sf-sidebar{gap:var(--sf-gutter);flex-wrap:wrap;display:flex}.sf-sidebar>:first-child{flex-basis:var(--sf-sidebar-width,20rem);flex-grow:1}.sf-sidebar>:last-child{min-inline-size:min(100%, var(--sf-sidebar-content-min,50%));flex-grow:999;flex-basis:0}.sf-switcher{gap:var(--sf-gutter);flex-wrap:wrap;display:flex}.sf-switcher>*{flex-basis:calc((var(--sf-switcher-threshold,42rem) - 100%) * 999);flex-grow:1}.sf-frame{aspect-ratio:var(--sf-frame-ratio,16 / 9);overflow:hidden}.sf-frame>:where(img,video,iframe){object-fit:cover;block-size:100%;inline-size:100%}.sf-frame--square{--sf-frame-ratio:1}.sf-frame--portrait{--sf-frame-ratio:4 / 5}.sf-frame--wide{--sf-frame-ratio:21 / 9}.sf-cover{min-block-size:var(--sf-cover-min,100svh);padding-block:var(--sf-region);flex-direction:column;display:flex}.sf-cover>:where(:first-child:not(.sf-cover__centre)){margin-block-end:auto}.sf-cover>:where(:last-child:not(.sf-cover__centre)){margin-block-start:auto}.sf-panel-grid{gap:var(--sf-grid-gap,var(--sf-gutter));grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--sf-panel-min,18rem)), 1fr));display:grid;container-type:inline-size}.sf-metric-grid,.sf-pipeline{gap:var(--sf-space-s);grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--sf-panel-min,11rem)), 1fr));display:grid}.sf-pipeline{--sf-panel-min:10rem}.sf-scroll-viewport,.sf-scroll-snap-y{block-size:var(--sf-scroll-viewport-size,100svh);scroll-padding-block:var(--sf-scroll-padding,var(--sf-space-l));scroll-snap-type:y proximity;overflow-y:auto}:where(.sf-scroll-viewport,.sf-scroll-snap-y)[data-snap=mandatory]{--sf-scroll-snap-stop:always;scroll-snap-type:y mandatory}.sf-scroll-viewport[data-size=preview]{--sf-scroll-margin:0;--sf-scroll-padding:0;--sf-scroll-viewport-size:min(32rem, 80svh);--sf-scroll-panel-min:min(32rem, 80svh)}.sf-scroll-panel{min-block-size:var(--sf-scroll-panel-min,100svh);scroll-margin-block:var(--sf-scroll-margin,var(--sf-space-l));scroll-snap-align:start;scroll-snap-stop:var(--sf-scroll-snap-stop,normal);align-content:center;display:grid}.sf-sticky-top{z-index:var(--sf-sticky-z,20);position:sticky;inset-block-start:var(--sf-sticky-offset,0)}.sf-media-object{align-items:var(--sf-media-object-align,start);gap:var(--sf-space-s-m);grid-template-columns:auto minmax(0,1fr);display:grid}.sf-aside-rail{gap:var(--sf-gutter);grid-template-columns:minmax(0,1fr);display:grid}.sf-chapter{align-items:var(--sf-chapter-align,center);gap:var(--sf-chapter-gap,var(--sf-space-xl-2xl));grid-template-columns:minmax(0,1fr);display:grid}.sf-chapter__copy{max-inline-size:var(--sf-chapter-copy,24rem)}@media (min-width:48rem){.sf-rail-shell{grid-template-columns:var(--sf-rail-size) minmax(0, 1fr);display:grid}.sf-rail-shell__rail{grid-template-rows:3.5rem repeat(var(--sf-rail-items,5), 1fr);block-size:100svh;display:grid;position:sticky;inset-block-start:0}.sf-aside-rail{grid-template-columns:minmax(0,1fr) minmax(14rem,22rem)}.sf-aside-rail[data-rail=start]{grid-template-columns:minmax(14rem,22rem) minmax(0,1fr)}.sf-chapter{grid-template-columns:minmax(18rem,.42fr) minmax(0,1fr)}}@media (max-width:56rem){.sf-app-shell{grid-template-columns:1fr}.sf-app-main{--sf-app-main-padding:var(--sf-space-s)}.sf-app-sidebar{border-block-end:1px solid var(--sf-colour-border);border-inline-end:0;min-block-size:auto;max-block-size:none;position:static}.sf-app-sidebar>footer{margin-block-start:0}}@supports (animation-timeline:view()){.sf-scroll-panel[data-view-progress]{view-timeline-name:--sf-panel;view-timeline-axis:block}}@container (min-width:42rem){.sf-panel-grid[data-density=featured]>:first-child{grid-column:span 2}}}@layer components,utilities;
@layer reset,tokens,base,app,layout;@layer components{.sf-button{background:var(--sf-button-bg,var(--sf-colour-primary));border:1px solid var(--sf-button-border,color-mix(in oklch, var(--sf-colour-primary) 84%, black));border-radius:var(--sf-button-radius);box-shadow:var(--sf-button-shadow,var(--sf-shadow-sm));color:var(--sf-button-colour,var(--sf-colour-primary-foreground));font-size:var(--sf-step--1);align-items:center;gap:var(--sf-space-2xs);min-block-size:var(--sf-button-block-size);padding-block:.625rem;padding-inline:var(--sf-button-padding-inline);transition:background-color var(--sf-duration-normal) var(--sf-ease-standard), border-color var(--sf-duration-normal) var(--sf-ease-standard), box-shadow var(--sf-duration-normal) var(--sf-ease-standard), color var(--sf-duration-normal) var(--sf-ease-standard), transform var(--sf-duration-normal) var(--sf-ease-standard);white-space:nowrap;justify-content:center;font-weight:700;text-decoration:none;display:inline-flex}.sf-button:hover{background:var(--sf-button-bg-hover,var(--sf-colour-primary-hover));transform:translateY(-.0625rem)}.sf-button:disabled,.sf-button[aria-disabled=true]{opacity:.55;pointer-events:none}:where(.sf-button,.sf-nav__link,.sf-card--interactive,.sf-price-card)[aria-disabled=true],:where(.sf-link,.sf-link-subtle,.sf-link-plain)[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}:where(.sf-button,.sf-nav__link)[aria-expanded=true],:where(.sf-button,.sf-nav__link)[aria-pressed=true],:where(.sf-button,.sf-nav__link)[aria-selected=true],:where(.sf-button,.sf-nav__link)[data-state=open]{background:var(--sf-colour-surface-alt);border-color:color-mix(in oklch, var(--sf-colour-primary) 34%, var(--sf-colour-border));color:var(--sf-colour-foreground)}.sf-button[aria-busy=true],.sf-button[data-loading=true]{cursor:progress;opacity:.78;pointer-events:none}.sf-button:focus-visible{box-shadow:0 0 0 .25rem color-mix(in oklch, var(--sf-colour-ring) 22%, transparent)}.sf-button--default,.sf-button[data-variant=default]{--sf-button-bg:var(--sf-colour-primary);--sf-button-bg-hover:var(--sf-colour-primary-hover);--sf-button-border:color-mix(in oklch, var(--sf-colour-primary) 84%, black);--sf-button-colour:var(--sf-colour-primary-foreground)}.sf-button--secondary,.sf-button[data-variant=secondary]{--sf-button-bg:var(--sf-colour-surface-alt);--sf-button-bg-hover:color-mix(in oklch, var(--sf-colour-surface-alt) 86%, var(--sf-colour-primary));--sf-button-border:var(--sf-colour-border);--sf-button-colour:var(--sf-colour-foreground)}.sf-button--outline,.sf-button[data-variant=outline]{--sf-button-bg:transparent;--sf-button-bg-hover:var(--sf-colour-surface-alt);--sf-button-border:var(--sf-colour-border);--sf-button-colour:var(--sf-colour-foreground);--sf-button-shadow:none}.sf-button--ghost,.sf-button[data-variant=ghost]{--sf-button-bg:transparent;--sf-button-bg-hover:var(--sf-colour-surface-alt);--sf-button-border:transparent;--sf-button-colour:var(--sf-colour-foreground);--sf-button-shadow:none}.sf-button--link,.sf-button[data-variant=link]{--sf-button-bg:transparent;--sf-button-bg-hover:transparent;--sf-button-border:transparent;--sf-button-colour:var(--sf-colour-primary);--sf-button-shadow:none;text-underline-offset:.25em;min-block-size:auto;padding:0;text-decoration:underline}.sf-button--link:hover,.sf-button[data-variant=link]:hover{transform:none}.sf-button--destructive,.sf-button[data-variant=destructive]{--sf-button-bg:var(--sf-colour-danger);--sf-button-bg-hover:color-mix(in oklch, var(--sf-colour-danger) 86%, black);--sf-button-border:color-mix(in oklch, var(--sf-colour-danger) 84%, black);--sf-button-colour:var(--sf-colour-primary-foreground)}.sf-button--sm,.sf-button[data-size=sm]{--sf-button-block-size:2.25rem;--sf-button-padding-inline:var(--sf-space-xs)}.sf-button--lg,.sf-button[data-size=lg]{--sf-button-block-size:3rem;--sf-button-padding-inline:var(--sf-space-m)}.sf-button--icon,.sf-icon-button,.sf-button[data-size=icon]{--sf-button-block-size:2.75rem;inline-size:2.75rem;padding-inline:0}.sf-button--block,.sf-button[data-width=block]{inline-size:100%}.sf-button-group{align-items:center;gap:var(--sf-space-2xs);flex-wrap:wrap;display:flex}.sf-icon{block-size:var(--sf-icon-size,1em);color:var(--sf-icon-colour,currentColor);inline-size:var(--sf-icon-size,1em);stroke-width:var(--sf-icon-stroke,2);vertical-align:-.125em;flex:none}.sf-icon--xs{--sf-icon-size:var(--sf-step--1)}.sf-icon--sm{--sf-icon-size:var(--sf-step-0)}.sf-icon--md{--sf-icon-size:var(--sf-step-1)}.sf-icon--lg{--sf-icon-size:var(--sf-step-2)}.sf-icon--xl{--sf-icon-size:var(--sf-step-3)}.sf-card{background:var(--sf-card-bg,var(--sf-colour-surface));border:1px solid var(--sf-card-border,var(--sf-colour-border));border-radius:var(--sf-card-radius);box-shadow:var(--sf-card-shadow,var(--sf-shadow-sm));color:var(--sf-card-colour,var(--sf-colour-foreground));padding:var(--sf-card-padding)}.sf-card--flat{--sf-card-shadow:none}.sf-card--raised{--sf-card-bg:var(--sf-colour-surface-raised);--sf-card-shadow:var(--sf-shadow-md)}.sf-card--compact{--sf-card-padding:var(--sf-space-s)}.sf-card--glass,.sf-card--technical{--sf-card-bg:linear-gradient(180deg, color-mix(in oklch, var(--sf-colour-foreground) 5%, transparent), transparent), color-mix(in oklch, var(--sf-colour-surface) 84%, transparent);--sf-card-border:var(--sf-colour-border-strong);--sf-card-shadow:none;-webkit-backdrop-filter:blur(1.125rem);backdrop-filter:blur(1.125rem)}.sf-card--accent{--sf-card-border:color-mix(in oklch, var(--sf-colour-primary) 54%, var(--sf-colour-border));--sf-card-shadow:0 0 2rem color-mix(in oklch, var(--sf-colour-primary) 18%, transparent)}.sf-card--center{text-align:center;align-items:center}.sf-card__header,.sf-card__body,.sf-card__footer{gap:var(--sf-space-xs);display:grid}.sf-card__title{font-family:var(--sf-font-display);font-size:var(--sf-step-2);font-weight:700;line-height:var(--sf-line-height-heading)}.sf-card__description{color:var(--sf-colour-muted)}.sf-card--interactive{transition:border-color var(--sf-duration-normal) var(--sf-ease-standard), box-shadow var(--sf-duration-normal) var(--sf-ease-standard), transform var(--sf-duration-normal) var(--sf-ease-standard)}.sf-card--interactive:hover{border-color:color-mix(in oklch, var(--sf-colour-primary) 32%, var(--sf-colour-border));box-shadow:var(--sf-shadow-md);transform:translateY(-.125rem)}.sf-surface{background:var(--sf-surface-bg,var(--sf-colour-surface));border:1px solid var(--sf-surface-border,var(--sf-colour-border));border-radius:var(--sf-surface-radius,var(--sf-radius-panel));box-shadow:var(--sf-surface-shadow,none);color:var(--sf-surface-colour,var(--sf-colour-foreground));padding:var(--sf-surface-padding,var(--sf-space-m-l))}.sf-surface--alt{--sf-surface-bg:var(--sf-colour-surface-alt)}.sf-surface--raised{--sf-surface-bg:var(--sf-colour-surface-raised);--sf-surface-shadow:var(--sf-shadow-md)}.sf-code-window{background:linear-gradient(180deg, color-mix(in oklch, var(--sf-colour-foreground) 5%, transparent), transparent), color-mix(in oklch, var(--sf-colour-surface) 86%, transparent);border:1px solid var(--sf-code-window-border,color-mix(in oklch, var(--sf-colour-primary) 48%, var(--sf-colour-border)));border-radius:var(--sf-radius-panel);box-shadow:var(--sf-code-window-shadow,none);color:var(--sf-colour-muted);overflow:hidden}.sf-code-window--glow,.sf-code-window[data-emphasis=glow]{--sf-code-window-border:color-mix(in oklch, var(--sf-colour-primary) 62%, var(--sf-colour-border));--sf-code-window-shadow:0 0 2.5rem color-mix(in oklch, var(--sf-colour-primary) 16%, transparent)}.sf-code-window__bar{border-block-end:1px solid var(--sf-colour-border);color:var(--sf-colour-muted);font-family:var(--sf-font-mono);font-size:var(--sf-step--2);align-items:center;gap:var(--sf-space-xs);min-block-size:2rem;padding-inline:var(--sf-space-xs);grid-template-columns:auto 1fr auto;display:grid}.sf-code-window__bar>:last-child{justify-self:end}.sf-window-dots{background:var(--sf-colour-danger);border-radius:var(--sf-radius-full);block-size:.42rem;box-shadow:.68rem 0 0 var(--sf-colour-warning), 1.36rem 0 0 var(--sf-colour-success);inline-size:.42rem;margin-inline-end:var(--sf-space-l);display:inline-block}.sf-code-lines{color:var(--sf-colour-muted);counter-reset:code;font-family:var(--sf-font-mono);font-size:var(--sf-code-font-size,clamp(.72rem, 1vw, .88rem));padding:var(--sf-code-padding,var(--sf-space-s));margin:0;line-height:1.58;list-style:none}.sf-code-lines--compact{--sf-code-font-size:var(--sf-step--2)}.sf-code-lines--lg{--sf-code-font-size:var(--sf-step--1);--sf-code-padding:var(--sf-space-s-m) var(--sf-space-m)}.sf-code-lines>li{counter-increment:code;gap:var(--sf-space-xs);grid-template-columns:2ch minmax(0,1fr);display:grid}.sf-code-lines>li:before{color:var(--sf-colour-subtle);content:counter(code);text-align:right}.sf-code-lines code,.sf-code-block code{color:inherit;white-space:pre-wrap;background:0 0;border:0;border-radius:0;padding:0}.sf-code-lines>li:nth-child(4n+1) code,.sf-code-lines>li:nth-child(4n+2) code,.sf-command-list__prompt{color:var(--sf-colour-primary)}.sf-code-token--punct{color:color-mix(in oklch, var(--sf-colour-muted) 84%, var(--sf-colour-foreground))}.sf-code-token--tag{color:var(--sf-code-token-tag,#7cc1e9)}@supports (color:lab(0% 0 0)){.sf-code-token--tag{color:var(--sf-code-token-tag,lab(74.6153% -14.6044 -27.1513))}}.sf-code-token--attr{color:color-mix(in oklch, var(--sf-colour-warning) 72%, var(--sf-colour-foreground))}.sf-code-token--string{color:color-mix(in oklch, var(--sf-colour-success) 72%, var(--sf-colour-foreground))}.sf-code-token--class{color:var(--sf-code-token-class,var(--sf-colour-primary-hover,var(--sf-colour-primary)))}.sf-code-token--property{color:var(--sf-code-token-property,var(--sf-colour-primary-hover,var(--sf-colour-primary)))}.sf-code-token--function{color:var(--sf-code-token-function,#7cc1e9)}@supports (color:lab(0% 0 0)){.sf-code-token--function{color:var(--sf-code-token-function,lab(74.6153% -14.6044 -27.1513))}}.sf-code-token--number{color:var(--sf-code-token-number,#edc15a)}@supports (color:lab(0% 0 0)){.sf-code-token--number{color:var(--sf-code-token-number,lab(80.5335% 8.05134 56.4717))}}.sf-code-token--text{color:var(--sf-colour-foreground)}.sf-code-token--comment{color:var(--sf-colour-subtle);font-style:italic}.sf-token-strip{gap:var(--sf-space-xs);padding:var(--sf-space-s) var(--sf-space-s) 0;flex-wrap:wrap;display:flex}.sf-token-strip>*{background:var(--sf-token-colour,var(--sf-colour-primary));border:1px solid var(--sf-colour-border-strong);border-radius:var(--sf-radius-xs);block-size:1.25rem;inline-size:2.8rem}.sf-token-strip>:nth-child(2){--sf-token-colour:var(--sf-colour-accent)}.sf-token-strip>:nth-child(3){--sf-token-colour:var(--sf-colour-warning)}.sf-token-strip>:nth-child(4){--sf-token-colour:var(--sf-colour-success)}.sf-token-strip>:nth-child(5){--sf-token-colour:var(--sf-colour-foreground)}.sf-token-strip>:nth-child(6){--sf-token-colour:var(--sf-colour-info)}.sf-token-strip[data-palette=hdr]>:first-child{--sf-token-colour:#f86927}@supports (color:lab(0% 0 0)){.sf-token-strip[data-palette=hdr]>:first-child{--sf-token-colour:lab(62.5748% 53.5102 61.8709)}}.sf-token-strip[data-palette=hdr]>:nth-child(2){--sf-token-colour:#ffbe27}@supports (color:lab(0% 0 0)){.sf-token-strip[data-palette=hdr]>:nth-child(2){--sf-token-colour:lab(81.5145% 16.3631 80.5767)}}.sf-token-strip[data-palette=hdr]>:nth-child(3){--sf-token-colour:#61d46a}@supports (color:lab(0% 0 0)){.sf-token-strip[data-palette=hdr]>:nth-child(3){--sf-token-colour:lab(76.6558% -50.5136 42.0179)}}.sf-token-strip[data-palette=hdr]>:nth-child(4){--sf-token-colour:#61c3f9}@supports (color:lab(0% 0 0)){.sf-token-strip[data-palette=hdr]>:nth-child(4){--sf-token-colour:lab(74.6028% -18.1873 -35.8771)}}.sf-token-strip[data-palette=hdr]>:nth-child(5){--sf-token-colour:#b3a1fd}@supports (color:lab(0% 0 0)){.sf-token-strip[data-palette=hdr]>:nth-child(5){--sf-token-colour:lab(70.5471% 21.5398 -43.6339)}}.sf-token-strip[data-palette=hdr]>:nth-child(6){--sf-token-colour:#fbf8f4}@supports (color:lab(0% 0 0)){.sf-token-strip[data-palette=hdr]>:nth-child(6){--sf-token-colour:lab(97.6976% .3407 2.25881)}}.sf-marquee{background:color-mix(in oklch, var(--sf-colour-surface) 78%, transparent);border-block:1px solid var(--sf-colour-border);color:var(--sf-colour-muted);font-family:var(--sf-font-mono);font-size:var(--sf-step--2);letter-spacing:.12em;padding-block:var(--sf-marquee-padding-block,var(--sf-space-xs));text-transform:uppercase;font-weight:800;overflow:hidden}.sf-marquee__track{animation:sf-marquee-scroll var(--sf-marquee-duration,28s) linear infinite;align-items:center;gap:var(--sf-marquee-gap,var(--sf-space-l));flex-wrap:nowrap;inline-size:max-content;min-inline-size:100%;display:flex}.sf-marquee__item{align-items:center;gap:var(--sf-space-s);white-space:nowrap;flex:none;display:inline-flex}.sf-marquee__item:before{background:var(--sf-colour-primary);border-radius:var(--sf-radius-full);block-size:.32rem;box-shadow:0 0 .9rem var(--sf-colour-primary);content:"";inline-size:.32rem}@keyframes sf-marquee-scroll{to{transform:translate(-50%)}}.sf-command-list{font-family:var(--sf-font-mono);font-size:var(--sf-step--1);gap:var(--sf-space-2xs);padding:var(--sf-space-s);margin:0;list-style:none;display:grid}.sf-command-list>li{gap:var(--sf-space-xs);display:flex}.sf-platform-card{align-items:center;gap:var(--sf-space-xs);min-block-size:var(--sf-platform-card-min,11rem);text-align:center;justify-items:center;display:grid}.sf-platform-card__logo{block-size:clamp(2rem,4vw,2.85rem);filter:drop-shadow(0 0 1.125rem color-mix(in oklch, var(--sf-colour-foreground) 18%, transparent));object-fit:contain;inline-size:clamp(2rem,4vw,2.85rem)}.sf-hero{min-block-size:var(--sf-hero-min,min(42rem, 82svh));padding-block:var(--sf-space-2xl-3xl);align-items:center;display:grid}.sf-logo-cloud{align-items:center;gap:var(--sf-space-s-m);justify-content:var(--sf-logo-cloud-justify,center);flex-wrap:wrap;display:flex}.sf-logo-cloud>*{color:var(--sf-colour-subtle);font-size:var(--sf-step--1);letter-spacing:.04em;text-transform:uppercase;font-weight:800}.sf-feature{gap:var(--sf-space-xs);display:grid}.sf-feature__icon{background:var(--sf-colour-primary-soft);border:1px solid var(--sf-colour-primary-soft-border);border-radius:var(--sf-radius-md);color:var(--sf-colour-primary);inline-size:var(--sf-feature-icon-size,2.75rem);min-block-size:var(--sf-feature-icon-size,2.75rem);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.sf-feature__title{font-family:var(--sf-font-display);font-size:var(--sf-step-2);font-weight:700;line-height:var(--sf-line-height-heading)}.sf-feature__text{color:var(--sf-colour-muted)}.sf-stats{gap:var(--sf-grid-gap,var(--sf-gutter));grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--sf-stat-min,12rem)), 1fr));display:grid}.sf-stat{border-block-start:1px solid var(--sf-colour-border);gap:var(--sf-space-2xs);padding-block-start:var(--sf-space-s);display:grid}.sf-stat__value{font-family:var(--sf-font-display);font-size:var(--sf-step-4);font-weight:700;line-height:var(--sf-line-height-tight)}.sf-stat__label{color:var(--sf-colour-muted);font-size:var(--sf-step--1);font-weight:700}.sf-testimonial{background:var(--sf-colour-surface);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-panel);box-shadow:var(--sf-shadow-sm);gap:var(--sf-space-s);padding:var(--sf-space-m-l);display:grid}.sf-testimonial__quote{font-family:var(--sf-font-display);font-size:var(--sf-step-2);font-weight:700;line-height:var(--sf-line-height-heading);text-wrap:balance}.sf-testimonial__meta{color:var(--sf-colour-muted);font-size:var(--sf-step--1);font-weight:700}.sf-pricing-grid{gap:var(--sf-grid-gap,var(--sf-gutter));grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--sf-pricing-min,18rem)), 1fr));display:grid;container-type:inline-size}.sf-price-card{background:var(--sf-colour-surface);border:1px solid var(--sf-price-card-border,var(--sf-colour-border));border-radius:var(--sf-radius-panel);box-shadow:var(--sf-price-card-shadow,var(--sf-shadow-sm));gap:var(--sf-space-s);padding:var(--sf-space-m-l);display:grid}.sf-price-card[data-featured=true],.sf-price-card--featured{--sf-price-card-border:color-mix(in oklch, var(--sf-colour-primary) 44%, var(--sf-colour-border));--sf-price-card-shadow:var(--sf-shadow-md)}.sf-price{align-items:baseline;gap:var(--sf-space-2xs);flex-wrap:wrap;display:flex}.sf-price__value{font-family:var(--sf-font-display);font-size:var(--sf-step-5);font-weight:700;line-height:var(--sf-line-height-tight)}.sf-price__interval{color:var(--sf-colour-muted);font-size:var(--sf-step--1);font-weight:700}.sf-faq{gap:var(--sf-space-xs);display:grid}.sf-faq__item{background:var(--sf-colour-surface);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-lg);padding:var(--sf-space-s)}.sf-faq__item[open]{border-color:color-mix(in oklch, var(--sf-colour-primary) 30%, var(--sf-colour-border));box-shadow:var(--sf-shadow-sm)}.sf-faq__item>summary{cursor:pointer;font-weight:800}.sf-faq__item>summary:focus-visible{border-radius:var(--sf-radius-sm);outline:.125rem solid var(--sf-colour-ring);outline-offset:.2rem}.sf-faq__item>:where(p,ul,ol){color:var(--sf-colour-muted);margin-block-start:var(--sf-space-xs)}.sf-cta{background:var(--sf-colour-surface);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-panel);box-shadow:var(--sf-shadow-md);align-items:center;gap:var(--sf-space-s-m);padding:var(--sf-space-l-xl);display:grid}@container (min-width:48rem){.sf-cta[data-layout=split]{grid-template-columns:minmax(0,1fr) auto}}.sf-footer{border-block-start:1px solid var(--sf-colour-border);color:var(--sf-colour-muted);padding-block:var(--sf-space-l-xl)}.sf-section-header{gap:var(--sf-space-xs);max-inline-size:var(--sf-section-header-width,54rem);display:grid}.sf-section-header[data-align=center]{text-align:center;margin-inline:auto}.sf-kicker{color:var(--sf-colour-primary);font-size:var(--sf-step--1);letter-spacing:.08em;text-transform:uppercase;font-weight:800}.sf-badge{background:color-mix(in oklch, var(--sf-colour-primary) 12%, transparent);border:1px solid color-mix(in oklch, var(--sf-colour-primary) 24%, transparent);border-radius:var(--sf-radius-full);color:var(--sf-colour-primary);font-size:var(--sf-step--1);align-items:center;gap:var(--sf-space-3xs);padding:.45em .75em;font-weight:700;line-height:1;display:inline-flex}.sf-avatar{aspect-ratio:1;background:color-mix(in oklch, var(--sf-colour-primary) 14%, transparent);border:1px solid color-mix(in oklch, var(--sf-colour-primary) 28%, transparent);border-radius:var(--sf-radius-full);color:var(--sf-colour-primary);font-size:var(--sf-step--1);inline-size:var(--sf-avatar-size,2.25rem);flex:none;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.sf-chart{--sf-chart-accent:var(--sf-colour-primary)}.sf-chart__plot{background:color-mix(in oklch, var(--sf-colour-surface-alt) 72%, transparent);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-lg);padding:var(--sf-space-xs);overflow:hidden}.sf-chart--wide{--sf-chart-block-size:14rem}.sf-chart__svg{block-size:var(--sf-chart-block-size,12rem);inline-size:100%;display:block}.sf-chart__grid,.sf-chart__axis{fill:none;stroke:var(--sf-colour-border);stroke-width:1px;vector-effect:non-scaling-stroke}.sf-chart__area{fill:color-mix(in oklch, var(--sf-chart-accent) 18%, transparent)}.sf-chart__line{fill:none;stroke:var(--sf-chart-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke}.sf-chart__point{fill:var(--sf-chart-accent);stroke:var(--sf-colour-surface);stroke-width:2px}.sf-chart__legend{align-items:center;gap:var(--sf-space-xs);flex-wrap:wrap;display:flex}.sf-chart__legend-item{color:var(--sf-colour-muted);align-items:center;gap:var(--sf-space-3xs);display:inline-flex}.sf-chart__swatch{aspect-ratio:1;background:var(--sf-chart-accent);border-radius:var(--sf-radius-full);inline-size:.75rem;display:inline-block}.sf-meter-list{gap:var(--sf-space-xs);display:grid}.sf-meter-row{gap:var(--sf-space-3xs);display:grid}.sf-meter{accent-color:var(--sf-chart-accent,var(--sf-colour-primary));border-radius:var(--sf-radius-full);block-size:.625rem;inline-size:100%;overflow:hidden}.sf-progress{accent-color:var(--sf-progress-colour,var(--sf-colour-primary));block-size:var(--sf-progress-size,.625rem);inline-size:100%}.sf-progress::-webkit-progress-bar{background:var(--sf-colour-surface-alt);border-radius:var(--sf-radius-full)}.sf-progress::-webkit-progress-value{background:var(--sf-progress-colour,var(--sf-colour-primary));border-radius:var(--sf-radius-full)}.sf-progress::-moz-progress-bar{background:var(--sf-progress-colour,var(--sf-colour-primary));border-radius:var(--sf-radius-full)}.sf-skeleton{background:color-mix(in oklch, var(--sf-colour-surface-alt) 82%, var(--sf-colour-foreground));border-radius:var(--sf-skeleton-radius,var(--sf-radius-md));color:#0000;min-block-size:var(--sf-skeleton-block-size,1em)}@media (prefers-reduced-motion:no-preference){.sf-skeleton{animation:sf-skeleton-pulse 1.4s var(--sf-ease-standard) infinite alternate}}@keyframes sf-skeleton-pulse{to{opacity:.62}}.sf-filter-bar{background:var(--sf-colour-surface);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-panel);align-items:end;gap:var(--sf-space-xs);padding:var(--sf-space-s);flex-wrap:wrap;display:flex}.sf-filter-bar>:where(.sf-field,form,label){flex:min(100%,14rem)}.sf-filter-bar>:where(.sf-button,button,a){flex:none}.sf-data-table{border-collapse:collapse;inline-size:100%;min-inline-size:var(--sf-data-table-min,44rem)}.sf-data-table :where(th,td){border-block-end:1px solid var(--sf-colour-border);padding-block:var(--sf-data-table-padding-block,var(--sf-space-xs));padding-inline:var(--sf-data-table-padding-inline,var(--sf-space-s));text-align:start;vertical-align:middle}.sf-data-table :where(th){background:var(--sf-colour-surface-alt);color:var(--sf-colour-muted);font-size:var(--sf-step--1);font-weight:800}.sf-data-table :where(tbody tr:hover){background:color-mix(in oklch, var(--sf-colour-primary) 6%, transparent)}.sf-data-table[data-density=compact]{--sf-data-table-padding-block:var(--sf-space-2xs);--sf-data-table-padding-inline:var(--sf-space-xs)}.sf-data-table :where(th button,.sf-table-sort){color:inherit;font:inherit;font-weight:inherit;align-items:center;gap:var(--sf-space-3xs);padding:0;display:inline-flex}.sf-data-table :where(th button,.sf-table-sort)[aria-sort]:after{color:var(--sf-colour-subtle);content:"↕";font-size:var(--sf-step--2)}.sf-data-table :where(th button,.sf-table-sort)[aria-sort=ascending]:after{content:"↑"}.sf-data-table :where(th button,.sf-table-sort)[aria-sort=descending]:after{content:"↓"}.sf-data-table tr[data-clickable=true]{cursor:pointer}.sf-data-table tr[data-clickable=true]:focus-within{outline:.125rem solid var(--sf-colour-ring);outline-offset:-.125rem}@container (max-width:38rem){.sf-table-wrap[data-view=cards]{border:0;overflow:visible}.sf-table-wrap[data-view=cards] .sf-data-table,.sf-table-wrap[data-view=cards] .sf-data-table :where(thead,tbody,tr,th,td){min-inline-size:0;display:block}.sf-table-wrap[data-view=cards] .sf-data-table thead{display:none}.sf-table-wrap[data-view=cards] .sf-data-table tr{background:var(--sf-colour-surface);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-panel);padding:var(--sf-space-xs);margin-block-end:var(--sf-space-xs)}.sf-table-wrap[data-view=cards] .sf-data-table td{align-items:center;gap:var(--sf-space-s);padding-block:var(--sf-space-2xs);border:0;justify-content:space-between;padding-inline:0;display:flex}.sf-table-wrap[data-view=cards] .sf-data-table td:before{color:var(--sf-colour-muted);content:attr(data-label);font-size:var(--sf-step--1);font-weight:800}}.sf-status{background:var(--sf-status-bg,var(--sf-colour-surface-alt));border:1px solid var(--sf-status-border,var(--sf-colour-border));border-radius:var(--sf-radius-full);color:var(--sf-status-colour,var(--sf-colour-foreground));font-size:var(--sf-step--1);align-items:center;gap:var(--sf-space-3xs);min-block-size:1.75rem;padding-inline:.7em;font-weight:700;line-height:1;display:inline-flex}.sf-status[data-size=sm]{font-size:var(--sf-step--2);min-block-size:1.35rem;padding-inline:.55em}.sf-status:before{border-radius:var(--sf-radius-full);content:"";background:currentColor;block-size:.42em;inline-size:.42em}.sf-status[data-tone=success]{--sf-status-bg:var(--sf-colour-success-soft);--sf-status-border:color-mix(in oklch, var(--sf-colour-success) 34%, transparent);--sf-status-colour:color-mix(in oklch, var(--sf-colour-success) 76%, var(--sf-colour-foreground))}.sf-status[data-tone=warning]{--sf-status-bg:var(--sf-colour-warning-soft);--sf-status-border:color-mix(in oklch, var(--sf-colour-warning) 38%, transparent);--sf-status-colour:color-mix(in oklch, var(--sf-colour-warning) 70%, var(--sf-colour-foreground))}.sf-status[data-tone=danger]{--sf-status-bg:var(--sf-colour-danger-soft);--sf-status-border:color-mix(in oklch, var(--sf-colour-danger) 34%, transparent);--sf-status-colour:color-mix(in oklch, var(--sf-colour-danger) 76%, var(--sf-colour-foreground))}.sf-status[data-tone=info]{--sf-status-bg:var(--sf-colour-info-soft);--sf-status-border:color-mix(in oklch, var(--sf-colour-info) 34%, transparent);--sf-status-colour:color-mix(in oklch, var(--sf-colour-info) 76%, var(--sf-colour-foreground))}.sf-data-list{display:grid}.sf-data-list>*{border-block-end:1px solid var(--sf-colour-border);align-items:center;gap:var(--sf-space-xs);padding-block:var(--sf-space-xs);flex-wrap:wrap;justify-content:space-between;display:flex}.sf-data-list>:last-child{border-block-end:0}.sf-empty-state{background:var(--sf-colour-surface-alt);border:1px dashed var(--sf-colour-border-strong);border-radius:var(--sf-radius-panel);color:var(--sf-colour-muted);align-items:center;gap:var(--sf-space-xs);padding:var(--sf-space-l);text-align:center;justify-items:center;display:grid}.sf-settings-section,.sf-detail-panel{background:var(--sf-colour-surface);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-panel);gap:var(--sf-space-s);padding:var(--sf-space-m);display:grid}.sf-detail-panel{background:var(--sf-colour-surface-alt)}.sf-nav{align-items:center;gap:var(--sf-nav-gap);flex-wrap:wrap;justify-content:space-between;display:flex}.sf-nav__list{align-items:center;gap:var(--sf-nav-gap);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}.sf-nav__link{border-radius:var(--sf-nav-link-radius);color:var(--sf-colour-muted);font-size:var(--sf-step--1);align-items:center;gap:var(--sf-space-2xs);padding-block:var(--sf-space-3xs);padding-inline:var(--sf-space-2xs);transition:background-color var(--sf-duration-fast) var(--sf-ease-standard), color var(--sf-duration-fast) var(--sf-ease-standard);font-weight:700;text-decoration:none;display:inline-flex}.sf-nav__link:hover,.sf-nav__link[aria-current=page],.sf-nav__link[aria-current=true],.sf-nav__link[aria-selected=true]{background:var(--sf-colour-surface-alt);color:var(--sf-colour-foreground)}.sf-app-sidebar .sf-kicker{text-align:start;inline-size:100%}.sf-app-sidebar .sf-nav{flex-direction:column;justify-content:flex-start;align-items:stretch}.sf-app-sidebar .sf-nav__list{inline-size:100%;flex-direction:column;align-items:stretch;margin-block:0;padding-inline-start:var(--sf-space-2xs)}.sf-app-sidebar .sf-nav__list>li{inline-size:100%}.sf-app-sidebar .sf-nav__link{--sf-icon-size:var(--sf-step-0);gap:var(--sf-space-xs);min-block-size:2.5rem;inline-size:100%;padding-block:var(--sf-space-2xs);padding-inline:var(--sf-space-xs);text-align:start;justify-content:flex-start}.sf-form{gap:var(--sf-form-gap,var(--sf-space-s-m));display:grid}.sf-form[data-density=compact],.sf-field[data-density=compact]{--sf-form-gap:var(--sf-space-xs);--sf-input-block-size:2.25rem;--sf-input-padding-inline:var(--sf-space-xs)}.sf-fieldset{border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-panel);gap:var(--sf-space-s);padding:var(--sf-space-s-m);display:grid}.sf-fieldset>legend{color:var(--sf-colour-foreground);padding-inline:var(--sf-space-2xs);font-weight:800}.sf-field{gap:var(--sf-space-2xs);display:grid}.sf-label,.sf-field>label{color:var(--sf-colour-muted);font-size:var(--sf-step--1);font-weight:700}.sf-required,.sf-label[aria-required=true]{color:var(--sf-colour-foreground)}.sf-field>label:has(+:required){color:var(--sf-colour-foreground)}.sf-required:after,.sf-label[aria-required=true]:after{color:var(--sf-colour-danger);content:" *"}.sf-field>label:has(+:required):after{color:var(--sf-colour-danger);content:" *"}.sf-help{color:var(--sf-colour-subtle);font-size:var(--sf-step--1);line-height:1.4}.sf-error{color:var(--sf-colour-danger);font-size:var(--sf-step--1);font-weight:700;line-height:1.4}.sf-input,.sf-select,.sf-textarea{background:var(--sf-input-bg);border:1px solid var(--sf-input-border);border-radius:var(--sf-input-radius);color:var(--sf-colour-foreground);inline-size:100%;min-block-size:var(--sf-input-block-size);padding-inline:var(--sf-input-padding-inline);transition:background-color var(--sf-duration-fast) var(--sf-ease-standard), border-color var(--sf-duration-fast) var(--sf-ease-standard), box-shadow var(--sf-duration-fast) var(--sf-ease-standard)}.sf-search{position:relative}.sf-search:before{border-radius:var(--sf-radius-full);block-size:.75em;color:var(--sf-colour-subtle);content:"";inline-size:.75em;border:.125em solid;line-height:1;position:absolute;inset-block-start:50%;inset-inline-start:var(--sf-space-xs);transform:translateY(-58%)}.sf-search:after{background:var(--sf-colour-subtle);content:"";block-size:.125em;inline-size:.45em;transform-origin:inline-start center;position:absolute;inset-block-start:50%;inset-inline-start:calc(var(--sf-space-xs) + .58em);transform:translateY(120%)rotate(45deg)}.sf-search>.sf-input{padding-inline-start:var(--sf-space-l)}.sf-help[data-density=compact],.sf-error[data-density=compact]{font-size:var(--sf-step--2)}.sf-textarea{min-block-size:var(--sf-textarea-block-size,8rem);padding-block:var(--sf-space-xs)}.sf-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 1rem),calc(100% - .7rem);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-inline-end:var(--sf-space-l)}:where(.sf-input,.sf-select,.sf-textarea)::placeholder{color:var(--sf-colour-subtle)}:where(.sf-input,.sf-select,.sf-textarea):hover{border-color:var(--sf-colour-border-strong)}:where(.sf-input,.sf-select,.sf-textarea):focus-visible{border-color:var(--sf-colour-ring);box-shadow:0 0 0 .25rem color-mix(in oklch, var(--sf-colour-ring) 18%, transparent);outline:.125rem solid color-mix(in oklch, var(--sf-colour-ring) 24%, transparent);outline-offset:0}:where(.sf-input,.sf-select,.sf-textarea)[aria-invalid=true],.sf-field[data-invalid=true] :where(.sf-input,.sf-select,.sf-textarea){--sf-input-border:var(--sf-colour-danger);border-color:var(--sf-colour-danger);box-shadow:0 0 0 .25rem var(--sf-colour-danger-soft)}.sf-field[data-invalid=true] :where(.sf-label,label),.sf-field[data-invalid=true] .sf-help{color:var(--sf-colour-danger)}:where(.sf-input,.sf-select,.sf-textarea):disabled{background:var(--sf-colour-surface-alt);color:var(--sf-colour-subtle);opacity:.72}:where(.sf-input,.sf-select,.sf-textarea)[aria-busy=true],:where(.sf-input,.sf-select,.sf-textarea)[data-loading=true]{cursor:progress;opacity:.78}.sf-check{align-items:start;gap:var(--sf-space-2xs);grid-template-columns:auto 1fr;display:grid}.sf-check>:where(input[type=checkbox],input[type=radio]){accent-color:var(--sf-colour-primary);block-size:1.1em;inline-size:1.1em;margin-block-start:.2em}.sf-alert{background:var(--sf-alert-bg,var(--sf-colour-info-soft));border:1px solid var(--sf-alert-border,color-mix(in oklch, var(--sf-colour-info) 32%, transparent));border-radius:var(--sf-alert-radius);color:var(--sf-alert-colour,var(--sf-colour-foreground));gap:var(--sf-space-2xs);padding:var(--sf-alert-padding);display:grid}.sf-alert__title{font-weight:800}.sf-alert--info,.sf-alert[data-variant=info]{--sf-alert-bg:var(--sf-colour-info-soft);--sf-alert-border:color-mix(in oklch, var(--sf-colour-info) 32%, transparent)}.sf-alert--success,.sf-alert[data-variant=success]{--sf-alert-bg:var(--sf-colour-success-soft);--sf-alert-border:color-mix(in oklch, var(--sf-colour-success) 32%, transparent)}.sf-alert--warning,.sf-alert[data-variant=warning]{--sf-alert-bg:var(--sf-colour-warning-soft);--sf-alert-border:color-mix(in oklch, var(--sf-colour-warning) 38%, transparent)}.sf-alert--danger,.sf-alert[data-variant=danger]{--sf-alert-bg:var(--sf-colour-danger-soft);--sf-alert-border:color-mix(in oklch, var(--sf-colour-danger) 34%, transparent)}.sf-dialog{background:var(--sf-colour-surface);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-panel);box-shadow:var(--sf-shadow-xl);color:var(--sf-colour-foreground);inline-size:min(100% - (var(--sf-gutter) * 2), var(--sf-dialog-width,42rem));max-block-size:min(100% - (var(--sf-gutter) * 2), 42rem);padding:0;overflow:auto}.sf-dialog::backdrop,.sf-popover::backdrop,.sf-drawer::backdrop{background:var(--sf-colour-backdrop)}.sf-dialog__header,.sf-dialog__body,.sf-dialog__footer{padding:var(--sf-space-s-m)}.sf-dialog__header,.sf-dialog__footer{gap:var(--sf-space-s);flex-wrap:wrap;justify-content:space-between;display:flex}.sf-dialog__header{border-block-end:1px solid var(--sf-colour-border)}.sf-dialog__footer{border-block-start:1px solid var(--sf-colour-border);justify-content:flex-end}.sf-dialog[data-layout=form] .sf-dialog__body{gap:var(--sf-space-s);display:grid}.sf-popover,.sf-menu-popover,.sf-tooltip,.sf-toast,.sf-banner,.sf-drawer{background:var(--sf-colour-surface);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-panel);box-shadow:var(--sf-shadow-lg);color:var(--sf-colour-foreground);inset:unset;max-block-size:calc(100dvh - (var(--sf-space-s) * 2));padding:var(--sf-space-s);margin:0;overflow:auto}:where(.sf-popover,.sf-menu-popover,.sf-tooltip,.sf-toast,.sf-banner,.sf-drawer)[popover]{display:none}:where(.sf-popover,.sf-menu-popover,.sf-tooltip,.sf-toast,.sf-banner,.sf-drawer):popover-open{gap:var(--sf-space-xs);display:grid}.sf-popover{inline-size:min(100% - (var(--sf-gutter) * 2), var(--sf-popover-width,22rem))}.sf-menu-popover,.sf-menu{gap:var(--sf-space-2xs);min-inline-size:var(--sf-menu-min,12rem);display:grid}.sf-menu :where(a,button),.sf-menu-popover :where(a,button){border-radius:var(--sf-radius-sm);color:inherit;padding-block:var(--sf-space-3xs);padding-inline:var(--sf-space-2xs);text-align:start;text-decoration:none}.sf-menu :where(a,button):hover,.sf-menu-popover :where(a,button):hover{background:var(--sf-colour-surface-alt)}.sf-menu :where(a,button)[data-variant=danger],.sf-menu-popover :where(a,button)[data-variant=danger]{color:var(--sf-colour-danger)}.sf-menu :where(a,button)[data-variant=danger]:hover,.sf-menu-popover :where(a,button)[data-variant=danger]:hover{background:var(--sf-colour-danger-soft)}.sf-tooltip{border-radius:var(--sf-radius-md);box-shadow:var(--sf-shadow-md);font-size:var(--sf-step--1);inline-size:max-content;max-inline-size:min(22rem, calc(100vw - (var(--sf-gutter) * 2)));padding-block:var(--sf-space-2xs);padding-inline:var(--sf-space-xs)}.sf-tooltip-trigger{cursor:help;border-block-end:.08em dotted;text-decoration:none}.sf-toast{block-size:auto;inline-size:min(100% - (var(--sf-gutter) * 2), var(--sf-toast-width,24rem));bottom:auto;left:auto;right:var(--sf-space-s);top:var(--sf-space-s);position:fixed}.sf-toast-stack{gap:var(--sf-space-xs);inline-size:min(100% - (var(--sf-gutter) * 2), var(--sf-toast-width,24rem));z-index:50;display:grid;position:fixed;inset-block-start:var(--sf-space-s);inset-inline-end:var(--sf-space-s)}.sf-banner{border-radius:var(--sf-radius-lg);block-size:auto;inline-size:min(100% - (var(--sf-gutter) * 2), var(--sf-banner-width,64rem));bottom:auto;left:var(--sf-space-s);right:var(--sf-space-s);top:var(--sf-space-s);margin-inline:auto;position:fixed}.sf-drawer{block-size:100dvh;inline-size:min(100%, var(--sf-drawer-width,24rem));border-radius:0;max-block-size:100dvh;position:fixed;top:0;bottom:0;overflow:auto}.sf-drawer--left{left:0;right:auto}.sf-drawer--right{left:auto;right:0}.sf-drawer--bottom{border-start-start-radius:var(--sf-radius-panel);border-start-end-radius:var(--sf-radius-panel);block-size:auto;max-block-size:min(80dvh,42rem);inline-size:100%;inset:auto 0 0}.sf-drawer--stack{gap:var(--sf-space-s);flex-direction:column}:is(.sf-drawer--stack:not([popover]),.sf-drawer--stack:popover-open){display:flex}@supports (anchor-name:--sf-anchor){.sf-tooltip-trigger,[data-sf-anchor]{anchor-name:var(--sf-anchor-name,--sf-anchor)}.sf-tooltip,.sf-popover,.sf-menu-popover{position-anchor:var(--sf-anchor-name,--sf-anchor);position-area:block-end span-inline-end;position-try-fallbacks:flip-block, flip-inline}}.sf-disclosure,.sf-accordion{gap:var(--sf-space-xs);display:grid}.sf-disclosure>details,details.sf-disclosure,.sf-accordion>details{background:var(--sf-colour-surface);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-lg);padding:var(--sf-space-s)}.sf-disclosure summary,.sf-accordion summary{cursor:pointer;font-weight:800}.sf-disclosure :where(details[open]),details.sf-disclosure[open],.sf-accordion details[open]{border-color:color-mix(in oklch, var(--sf-colour-primary) 30%, var(--sf-colour-border));box-shadow:var(--sf-shadow-sm)}.sf-tabs{gap:var(--sf-space-s);display:grid}.sf-tab-list{border-block-end:1px solid var(--sf-colour-border);align-items:center;gap:var(--sf-space-2xs);flex-wrap:wrap;display:flex}.sf-tab{border-radius:var(--sf-radius-full);color:var(--sf-colour-muted);gap:var(--sf-space-2xs);padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-s);border-block-end:.125rem solid #0000;font-weight:800;text-decoration:none;display:inline-flex}.sf-tab[data-variant=pill]{padding-block:var(--sf-space-2xs);border:1px solid #0000}.sf-tab:hover,.sf-tab[aria-selected=true],.sf-tab[data-state=active]{border-block-end-color:var(--sf-colour-primary);color:var(--sf-colour-foreground)}.sf-tab[data-variant=pill]:hover,.sf-tab[data-variant=pill][aria-selected=true],.sf-tab[data-variant=pill][data-state=active]{background:var(--sf-colour-primary-soft);border-color:var(--sf-colour-primary-soft-border);color:var(--sf-colour-primary)}.sf-tab__count{background:var(--sf-colour-surface-alt);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-full);color:var(--sf-colour-muted);font-size:var(--sf-step--2);padding:.25em .55em;line-height:1}.sf-tab-panel{background:var(--sf-colour-surface);border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-panel);padding:var(--sf-space-s-m)}.sf-tabs>input[type=radio]{opacity:0;pointer-events:none;position:absolute}.sf-tabs>input[type=radio]~.sf-tab-panels>.sf-tab-panel{display:none}.sf-tabs>input[type=radio]:first-of-type:checked~.sf-tab-panels>.sf-tab-panel:first-child,.sf-tabs>input[type=radio]:nth-of-type(2):checked~.sf-tab-panels>.sf-tab-panel:nth-child(2),.sf-tabs>input[type=radio]:nth-of-type(3):checked~.sf-tab-panels>.sf-tab-panel:nth-child(3),.sf-tabs>input[type=radio]:nth-of-type(4):checked~.sf-tab-panels>.sf-tab-panel:nth-child(4),.sf-tabs>input[type=radio]:nth-of-type(5):checked~.sf-tab-panels>.sf-tab-panel:nth-child(5){display:block}.sf-nav--mobile{align-items:center;gap:var(--sf-space-s);justify-content:space-between;display:flex}.sf-breadcrumb,.sf-pagination{align-items:center;gap:var(--sf-space-2xs);flex-wrap:wrap;padding-inline-start:0;list-style:none;display:flex}.sf-breadcrumb a,.sf-pagination a,.sf-pagination [aria-current=page]{border-radius:var(--sf-radius-sm);color:var(--sf-colour-muted);font-size:var(--sf-step--1);padding-block:var(--sf-space-3xs);padding-inline:var(--sf-space-2xs);font-weight:700;text-decoration:none;display:inline-flex}.sf-breadcrumb li+li:before{color:var(--sf-colour-subtle);content:"/";margin-inline-end:var(--sf-space-2xs)}.sf-pagination a:hover,.sf-pagination [aria-current=page]{background:var(--sf-colour-surface-alt);color:var(--sf-colour-foreground)}@media (forced-colors:active){:where(.sf-button,.sf-card,.sf-surface,.sf-alert,.sf-price-card,.sf-testimonial,.sf-faq__item,.sf-input,.sf-select,.sf-textarea,.sf-dialog,.sf-popover,.sf-tooltip,.sf-toast,.sf-banner,.sf-drawer,.sf-disclosure>details,details.sf-disclosure,.sf-accordion>details,.sf-tab-panel){forced-color-adjust:auto;border-color:buttontext}.sf-button{color:buttontext;background:buttonface}.sf-button--default,.sf-button[data-variant=default]{color:highlighttext;background:highlight;border-color:highlight}:where(.sf-input,.sf-select,.sf-textarea)[aria-invalid=true],.sf-field[data-invalid=true] :where(.sf-input,.sf-select,.sf-textarea){box-shadow:none;border-color:mark}}}@layer utilities;
@layer reset,tokens,base,app,layout,components;@layer utilities{.sf-text-caption{font-size:var(--sf-step--1);line-height:1.35}.sf-text-body{font-size:var(--sf-step-0);line-height:1.5}.sf-text-lead{font-size:var(--sf-step-1);line-height:1.45}.sf-text-h4{font-size:var(--sf-step-3);line-height:1.1}.sf-text-h3{font-size:var(--sf-step-4);line-height:1.05}.sf-text-h2{font-size:var(--sf-step-5);line-height:1}.sf-text-h1{font-size:var(--sf-step-6);line-height:1}.sf-text-display{font-size:var(--sf-step-7);line-height:.95}.sf-text-balance{text-wrap:balance}.sf-text-pretty{text-wrap:pretty}.sf-text-muted{color:var(--sf-colour-muted)}.sf-text-subtle{color:var(--sf-colour-subtle)}.sf-text-primary{color:var(--sf-colour-primary)}.sf-text-success{color:var(--sf-colour-success)}.sf-text-warning{color:var(--sf-colour-warning)}.sf-text-danger{color:var(--sf-colour-danger)}.sf-font-sans{font-family:var(--sf-font-sans)}.sf-font-display{font-family:var(--sf-font-display)}.sf-font-mono{font-family:var(--sf-font-mono)}.sf-bg-background{background:var(--sf-colour-background)}.sf-bg-surface{background:var(--sf-colour-surface)}.sf-bg-surface-alt{background:var(--sf-colour-surface-alt)}.sf-bg-primary-soft{background:var(--sf-colour-primary-soft)}.sf-bg-success-soft{background:var(--sf-colour-success-soft)}.sf-bg-warning-soft{background:var(--sf-colour-warning-soft)}.sf-bg-danger-soft{background:var(--sf-colour-danger-soft)}.sf-border{border:1px solid var(--sf-colour-border)}.sf-border-strong{border:1px solid var(--sf-colour-border-strong)}.sf-rounded{border-radius:var(--sf-radius-md)}.sf-rounded-panel{border-radius:var(--sf-radius-panel)}.sf-rounded-full{border-radius:var(--sf-radius-full)}.sf-shadow-sm{box-shadow:var(--sf-shadow-sm)}.sf-shadow-md{box-shadow:var(--sf-shadow-md)}.sf-shadow-lg{box-shadow:var(--sf-shadow-lg)}.sf-shadow-none{box-shadow:none}.sf-push-block-end{margin-block-start:auto}.sf-push-block-start{margin-block-end:auto}.sf-push-inline-end{margin-inline-start:auto}.sf-push-inline-start{margin-inline-end:auto}.sf-prose{max-inline-size:var(--sf-prose-width,68ch)}.sf-prose--blog{--sf-prose-width:72ch}.sf-prose--legal{--sf-prose-width:80ch}:where(.sf-prose--blog,.sf-prose--legal)>*+*{margin-block-start:var(--sf-space-s)}:where(.sf-prose--blog,.sf-prose--legal) :where(h2,h3){margin-block-start:var(--sf-space-l)}.sf-meta{color:var(--sf-colour-muted);font-size:var(--sf-step--1);align-items:center;gap:var(--sf-space-2xs);flex-wrap:wrap;font-weight:700;display:flex}.sf-figure{gap:var(--sf-space-xs);display:grid}.sf-caption{color:var(--sf-colour-muted);font-size:var(--sf-step--1)}.sf-table-wrap{border:1px solid var(--sf-colour-border);border-radius:var(--sf-radius-panel);overflow-x:auto;container-type:inline-size}.sf-table-wrap table{border-collapse:collapse;inline-size:100%;min-inline-size:var(--sf-table-min,42rem)}.sf-table-wrap :where(th,td){border-block-end:1px solid var(--sf-colour-border);padding:var(--sf-space-xs);text-align:start}.sf-table-wrap :where(th){background:var(--sf-colour-surface-alt);font-weight:800}:where(.sf-visually-hidden,.sr-only){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;block-size:.0625rem;inline-size:.0625rem;margin:-.0625rem;padding:0;position:absolute;overflow:hidden}:where(.sf-not-visually-hidden,.not-sr-only){clip:auto;clip-path:none;white-space:normal;block-size:auto;inline-size:auto;margin:0;padding:0;position:static;overflow:visible}.sf-skip-link{background:var(--sf-colour-primary);border-radius:var(--sf-radius-md);box-shadow:var(--sf-shadow-md);color:var(--sf-colour-primary-foreground);opacity:0;padding-block:var(--sf-space-2xs);padding-inline:var(--sf-space-s);pointer-events:none;transform:translateY(calc(-100% - var(--sf-space-m)));transition:opacity var(--sf-duration-fast) var(--sf-ease-standard), transform var(--sf-duration-fast) var(--sf-ease-standard);z-index:999;text-decoration:none;position:fixed;inset-block-start:var(--sf-space-s);inset-inline-start:var(--sf-space-s)}.sf-skip-link:focus-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.sf-focus-ring:focus-visible{outline:.125rem solid var(--sf-colour-ring);outline-offset:.2rem}.sf-focus-ring-inset:focus-visible{outline:.125rem solid var(--sf-colour-ring);outline-offset:-.125rem}.sf-touch-target{min-block-size:2.75rem;min-inline-size:2.75rem}.sf-list-reset{padding-inline-start:0;list-style:none}.sf-list-disc{padding-inline-start:var(--sf-space-m);list-style:outside}.sf-list-decimal{padding-inline-start:var(--sf-space-m);list-style:decimal}:where(.sf-link,.sf-link-subtle){text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, currentColor 45%, transparent);text-decoration-color:color-mix(in oklch, currentColor 45%, transparent);text-decoration-skip-ink:auto;text-underline-offset:.18em;text-decoration-thickness:.08em}.sf-link{color:var(--sf-colour-primary)}.sf-link:hover,.sf-link-subtle:hover{text-decoration-color:currentColor}.sf-link-plain{color:inherit;text-decoration:none}.sf-full-bleed{inline-size:100vw;margin-inline-start:50%;transform:translate(-50%)}.sf-animate-fade,.sf-animate-rise,.sf-animate-scale,.sf-animate-slide{animation-duration:var(--sf-motion-duration,var(--sf-duration-slow));animation-fill-mode:both;animation-timing-function:var(--sf-motion-ease,var(--sf-ease-emphasized))}.sf-animate-fade{animation-name:sf-fade}.sf-animate-rise{animation-name:sf-rise}.sf-animate-scale{animation-name:sf-scale}.sf-animate-slide{animation-name:sf-slide}.sf-animate-stagger>*{animation-delay:calc(var(--sf-stagger-index,0) * var(--sf-stagger-step,80ms))}@keyframes sf-fade{0%{opacity:0}to{opacity:1}}@keyframes sf-rise{0%{opacity:0;transform:translateY(var(--sf-motion-distance,var(--sf-space-s)))}to{opacity:1;transform:translateY(0)}}@keyframes sf-scale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes sf-slide{0%{opacity:0;transform:translateX(var(--sf-motion-distance,var(--sf-space-s)))}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){:where(.sf-animate-fade,.sf-animate-rise,.sf-animate-scale,.sf-animate-slide){animation:none}}}