.agency-os-page{padding-bottom:120px}.agency-os-page__hero{text-align:center;max-width:1280px;margin:0 auto 100px;padding-top:170px}@media (max-width:960px){.agency-os-page__hero{margin-bottom:80px;padding-top:130px}}@media (max-width:768px){.agency-os-page__hero{margin-bottom:60px}}.agency-os-page__hero-copy .subtitle{max-width:820px;margin-bottom:0}.agency-os-page__hero-copy h1{letter-spacing:0;text-align:center;text-transform:uppercase;margin:0 auto 20px;font-size:clamp(45px,9vw,147px);font-weight:600;line-height:normal}.agency-os-page__eyebrow{margin-bottom:20px}.agency-os-page__hero-actions{text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 24px;margin-top:35px;display:flex}.agency-os-page__hero-actions>span{color:gray;font-size:13px;font-weight:600}.agency-os-page__scene{color:#fff;background:#050505;border-top:1px solid #000;border-bottom:1px solid #000;grid-template-columns:minmax(360px,.34fr) minmax(0,.66fr);gap:34px;width:100vw;margin:0 0 150px calc(50% - 50vw);padding:50px;display:grid}@media (max-width:1280px){.agency-os-page__scene{padding-left:15px;padding-right:15px}}@media (max-width:1040px){.agency-os-page__scene{grid-template-columns:1fr;margin-bottom:100px}}@media (max-width:768px){.agency-os-page__scene{margin-bottom:80px;padding-top:32px;padding-bottom:32px}}.agency-os-page__scene-copy{flex-direction:column;min-height:clamp(680px,56vw,880px);display:flex}.agency-os-page__scene-copy h2{text-transform:uppercase;max-width:680px;font-size:clamp(48px,5.4vw,92px);font-weight:600;line-height:88%}.agency-os-page__scene-copy>p:not(.section-eyebrow){color:#ffffffbd;max-width:560px;margin-top:28px;font-size:18px;line-height:132%}.agency-os-page__scene-copy dl{border-top:1px solid #ffffff57;border-bottom:1px solid #ffffff57;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;display:grid}@media (max-width:520px){.agency-os-page__scene-copy dl{grid-template-columns:1fr}}.agency-os-page__scene-copy div{padding:18px 16px 18px 0}.agency-os-page__scene-copy div:not(:last-child){border-right:1px solid #ffffff38}.agency-os-page__scene-copy div:not(:first-child){padding-left:16px}@media (max-width:520px){.agency-os-page__scene-copy div{border-right:0!important;padding-left:0!important}.agency-os-page__scene-copy div:not(:last-child){border-bottom:1px solid #ffffff38}}.agency-os-page__scene-copy dt{font-size:clamp(42px,5vw,76px);font-weight:600;line-height:86%}.agency-os-page__scene-copy dd{color:#fff9;text-transform:uppercase;margin-top:8px;font-size:12px;font-weight:600}@media (max-width:1040px){.agency-os-page__scene-copy{min-height:0}}.agency-os-page__workspace-shell{color:#000;background:#f3f3f3;border:1px solid #fff;border-radius:10px;grid-template-columns:190px minmax(0,1fr);min-height:clamp(700px,58vw,900px);display:grid;overflow:hidden;box-shadow:0 26px 80px #0000006b}.agency-os-page__workspace-shell aside{background:#e6e6e6;border-right:1px solid #bdbec0;flex-direction:column;gap:28px;padding:22px;display:flex}.agency-os-page__workspace-shell aside>strong{text-transform:uppercase;font-size:18px}.agency-os-page__workspace-shell nav{gap:8px;display:grid}.agency-os-page__workspace-shell nav span{text-transform:uppercase;background:#fff;border:1px solid #c9c9c9;border-radius:5px;padding:10px 12px;font-size:13px;font-weight:600}.agency-os-page__workspace-shell nav span:first-child{color:#fff;background:#0500ff;border-color:#0500ff}@media (max-width:720px){.agency-os-page__workspace-shell{grid-template-columns:1fr}.agency-os-page__workspace-shell aside{border-bottom:1px solid #bdbec0;border-right:0}.agency-os-page__workspace-shell nav{grid-template-columns:repeat(2,minmax(0,1fr))}}.agency-os-page__workspace-main{grid-template-rows:auto auto 1fr;gap:14px;padding:22px;display:grid}.agency-os-page__workspace-top{border-bottom:1px solid #000;justify-content:space-between;align-items:center;gap:18px;padding-bottom:18px;display:flex}.agency-os-page__workspace-top span{color:#0500ff;text-transform:uppercase;font-weight:600}.agency-os-page__workspace-top strong{text-transform:uppercase;font-weight:600}.agency-os-page__kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.agency-os-page__kpis div{background:#fff;border:1px solid #bdbec0;border-radius:5px;min-height:116px;padding:14px}.agency-os-page__kpis span{color:#777;text-transform:uppercase;font-size:12px;font-weight:600}.agency-os-page__kpis strong{margin-top:22px;font-size:clamp(38px,4vw,60px);font-weight:600;line-height:86%;display:block}@media (max-width:900px){.agency-os-page__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.agency-os-page__kpis{grid-template-columns:1fr}}.agency-os-page__dashboard-grid{grid-template-columns:minmax(0,.58fr) minmax(220px,.42fr);gap:10px;display:grid}.agency-os-page__dashboard-grid>*{background:#fff;border:1px solid #bdbec0;border-radius:5px}@media (max-width:900px){.agency-os-page__dashboard-grid{grid-template-columns:1fr}}.agency-os-page__cashflow{grid-template-columns:minmax(160px,.32fr) minmax(0,.68fr);gap:18px;min-height:230px;padding:16px;display:grid}.agency-os-page__cashflow span{color:#777;text-transform:uppercase;font-size:12px;font-weight:600}.agency-os-page__cashflow strong{margin-top:24px;font-size:clamp(48px,5vw,86px);font-weight:600;line-height:86%;display:block}@media (max-width:620px){.agency-os-page__cashflow{grid-template-columns:1fr}}.agency-os-page__bars{align-items:end;gap:8px;height:180px;padding-top:18px;display:flex}.agency-os-page__bars i{background:#0500ff;border-radius:999px 999px 0 0;flex:1;min-width:8px}.agency-os-page__workload{align-content:space-between;min-height:230px;padding:16px;display:grid}.agency-os-page__workload>span{color:#777;text-transform:uppercase;font-size:12px;font-weight:600}.agency-os-page__workload div{aspect-ratio:1;background:radial-gradient(circle at center, #fff 0 48%, transparent 49%),conic-gradient(#0500ff 0 72%, #d8d8d8 72% 100%);border-radius:50%;justify-self:center;place-items:center;width:min(180px,100%);display:grid}.agency-os-page__workload strong{font-size:26px;font-weight:600}.agency-os-page__pipeline{grid-column:span 2}.agency-os-page__pipeline p,.agency-os-page__pipeline div{border-bottom:1px solid #bdbec0;grid-template-columns:minmax(0,1fr) 90px 100px 90px;align-items:center;gap:14px;padding:14px 16px;display:grid}.agency-os-page__pipeline p{color:#777;text-transform:uppercase;font-size:12px;font-weight:600}.agency-os-page__pipeline div:last-child{border-bottom:0}.agency-os-page__pipeline span,.agency-os-page__pipeline b{font-weight:600}.agency-os-page__pipeline em,.agency-os-page__pipeline strong{text-transform:uppercase;font-style:normal;font-weight:600}.agency-os-page__pipeline strong{color:#0500ff;font-size:12px}@media (max-width:900px){.agency-os-page__pipeline{grid-column:auto}}@media (max-width:620px){.agency-os-page__pipeline p,.agency-os-page__pipeline div{grid-template-columns:1fr;gap:6px}}.agency-os-page__tasks{grid-column:span 2;padding:16px}.agency-os-page__tasks>p{color:#777;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:600}.agency-os-page__tasks div{border-top:1px solid #dedede;grid-template-columns:minmax(0,.3fr) minmax(100px,.2fr) minmax(0,.5fr);align-items:center;gap:14px;padding:12px 0;display:grid}.agency-os-page__tasks span{font-weight:600}.agency-os-page__tasks em{color:#777;font-style:normal}.agency-os-page__tasks i{background:#0500ff;border-radius:999px;height:18px;display:block}@media (max-width:900px){.agency-os-page__tasks{grid-column:auto}}@media (max-width:620px){.agency-os-page__tasks div{grid-template-columns:1fr}}.agency-os-page__section-heading{grid-template-columns:minmax(180px,.28fr) minmax(0,.72fr);align-items:start;gap:54px;display:grid}@media (max-width:860px){.agency-os-page__section-heading{grid-template-columns:1fr;gap:8px}}.agency-os-page__section-heading h2{max-width:1060px}.agency-os-page__views{margin-bottom:150px}@media (max-width:1200px){.agency-os-page__views{margin-bottom:100px}}@media (max-width:768px){.agency-os-page__views{margin-bottom:80px}}.agency-os-page__view-grid{grid-template-columns:minmax(0,.36fr) minmax(0,.32fr) minmax(0,.32fr);gap:16px;margin-top:46px;display:grid}.agency-os-page__view-grid article{background:#f4f4f4;border:1px solid #000;border-radius:8px;flex-direction:column;min-height:520px;padding:18px;display:flex;overflow:hidden}.agency-os-page__view-grid article:first-child{color:#fff;background:#0500ff}.agency-os-page__view-grid article:first-child p,.agency-os-page__view-grid article:first-child span{color:#ffffffb8}.agency-os-page__view-grid p{color:#444;margin-top:auto;padding-top:26px;line-height:134%}@media (max-width:980px){.agency-os-page__view-grid{grid-template-columns:1fr}}.agency-os-page__view-head{border-bottom:1px solid;padding-bottom:18px}.agency-os-page__view-head span{color:gray;text-transform:uppercase;font-size:12px;font-weight:600}.agency-os-page__view-head h3{text-transform:uppercase;margin-top:26px;font-size:clamp(34px,3.5vw,62px);font-weight:600;line-height:88%}.agency-os-page__finance-view{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.agency-os-page__finance-view>div:not(.agency-os-page__line-chart){border:1px solid #ffffff75;border-radius:5px;min-height:120px;padding:14px}.agency-os-page__finance-view strong{font-size:clamp(36px,4vw,64px);font-weight:600;line-height:86%;display:block}.agency-os-page__finance-view span{text-transform:uppercase;margin-top:10px;font-size:12px;font-weight:600;display:block}.agency-os-page__line-chart{border-bottom:1px solid #ffffff75;grid-column:span 2;align-items:end;gap:10px;height:170px;padding-top:18px;display:flex}.agency-os-page__line-chart i{background:#fff;border-radius:999px 999px 0 0;flex:1}.agency-os-page__board-view{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px;display:grid}.agency-os-page__board-view span,.agency-os-page__board-view em{text-transform:uppercase;background:#fff;border:1px solid #bdbec0;border-radius:5px;min-height:118px;padding:12px;font-style:normal;font-weight:600}.agency-os-page__board-view em{color:#fff;background:#0500ff;min-height:82px;font-size:44px;line-height:1}@media (max-width:520px){.agency-os-page__board-view{grid-template-columns:repeat(2,minmax(0,1fr))}}.agency-os-page__crm-view{background:#fff;border:1px solid #bdbec0;border-radius:5px;grid-template-columns:minmax(0,1fr) minmax(100px,.5fr);margin-top:24px;display:grid}.agency-os-page__crm-view span,.agency-os-page__crm-view strong,.agency-os-page__crm-view em{border-bottom:1px solid #bdbec0;padding:14px;font-style:normal}.agency-os-page__crm-view span{color:gray;text-transform:uppercase;font-size:12px;font-weight:600}.agency-os-page__crm-view strong,.agency-os-page__crm-view em{font-weight:600}.agency-os-page__crm-view em{color:#0500ff;text-transform:uppercase}.agency-os-page__database-wall{background:#efefef;border-top:1px solid #000;border-bottom:1px solid #000;width:100vw;margin:0 0 150px calc(50% - 50vw);padding:70px 0}@media (max-width:1200px){.agency-os-page__database-wall{margin-bottom:100px}}@media (max-width:768px){.agency-os-page__database-wall{margin-bottom:80px;padding:50px 0}}.agency-os-page__database-heading{grid-template-columns:minmax(180px,.28fr) minmax(0,.72fr);align-items:start;gap:54px;margin-bottom:46px;display:grid}@media (max-width:860px){.agency-os-page__database-heading{grid-template-columns:1fr;gap:8px}}.agency-os-page__database-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.agency-os-page__database-grid span{text-transform:uppercase;background:#fff;border:1px solid #000;border-radius:8px;min-height:130px;padding:18px;font-size:19px;font-weight:600;line-height:104%;position:relative}.agency-os-page__database-grid span:before{content:attr(data-index);color:#0500ff;margin-bottom:34px;font-size:12px;display:block}.agency-os-page__database-grid span:first-child,.agency-os-page__database-grid span:nth-child(8),.agency-os-page__database-grid span:nth-child(17){color:#fff;background:#0500ff}.agency-os-page__database-grid span:first-child:before,.agency-os-page__database-grid span:nth-child(8):before,.agency-os-page__database-grid span:nth-child(17):before{color:#ffffffb8}@media (max-width:1180px){.agency-os-page__database-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:760px){.agency-os-page__database-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:460px){.agency-os-page__database-grid{grid-template-columns:1fr}}.agency-os-page__setup ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:46px;display:grid}@media (max-width:900px){.agency-os-page__setup ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.agency-os-page__setup ol{grid-template-columns:1fr}}.agency-os-page__setup li{color:#fff;background:#050505;border:1px solid #000;border-radius:8px;min-height:230px;padding:20px}.agency-os-page__setup span{color:#ffffffb8;font-size:13px;font-weight:600}.agency-os-page__setup p{text-transform:uppercase;margin-top:46px;font-size:24px;font-weight:600;line-height:112%}.agency-os-page__cta{color:#fff;background:#0500ff;border-radius:10px;grid-template-columns:minmax(0,.68fr) minmax(260px,.32fr);align-items:end;gap:44px;padding:44px;display:grid}@media (max-width:760px){.agency-os-page__cta{grid-template-columns:1fr;padding:28px 20px}}.agency-os-page__cta h2{max-width:1020px}.agency-os-page__cta>div:last-child{justify-items:start;gap:20px;display:grid}.agency-os-page__cta strong{font-size:clamp(60px,7vw,112px);font-weight:600;line-height:86%}.agency-os-checkout{gap:10px;display:grid}.agency-os-checkout__button{color:#fff;text-transform:uppercase;cursor:pointer;background:#000;border:1px solid #000;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:50px;padding:0 22px;font-size:14px;font-weight:600;transition:background .25s,color .25s,opacity .25s;display:inline-flex}.agency-os-checkout__button:hover:not(:disabled){color:#000;background:#fff}.agency-os-checkout__button:disabled{cursor:not-allowed;opacity:.55}.agency-os-checkout__button--light{color:#000;background:#fff;border-color:#fff}.agency-os-checkout__button--light:hover:not(:disabled){color:#fff;background:0 0}.agency-os-checkout p{color:#666;max-width:480px;font-size:13px;line-height:130%}
