.landing-about{background:var(--color-bg-page);border-radius:48px 48px 0 0;padding:60px 72px;position:relative}.landing-about__title{text-align:start;font:var(--font-title-2-semi-bold);color:var(--color-text-neutral-primary)}.landing-about__text-section{gap:var(--spacing-4x);margin-top:var(--spacing-4x);font:var(--font-body-regular);color:var(--color-text-neutral-secondary);flex-direction:column;display:flex}.landing-about:after{content:"";background:var(--color-bg-page);z-index:-1;width:100%;height:48px;position:absolute;top:100%;left:0}@media only screen and (max-width:619px){.landing-about{padding:var(--spacing-8x) var(--spacing-4x);border-radius:28px 28px 0 0}.landing-about__title{font:var(--font-weight-600) var(--font-size-18)/26px var(--font-family-base)}.landing-about__text-section{margin-top:var(--spacing-3x);gap:var(--spacing-3x)}.landing-about :after{height:28px}}
.chevron{transform-origin:50%}.chevron--up{transform:rotate(90deg)}.chevron--right{transform:rotate(180deg)}.chevron--down{transform:rotate(270deg)}.chevron--left{transform:rotate(0eg)}
.landing-app-preview{background:var(--color-bg-contrast);border-radius:48px 48px 0 0;padding:60px 72px;position:relative}.landing-app-preview__container{gap:var(--spacing-6x);grid-template-columns:560px 1fr;align-items:center;display:grid}.landing-app-preview__title{font:var(--font-title-1-bold);color:var(--color-text-neutral-primary)}.landing-app-preview__subtitle{margin-top:var(--spacing-4x);font:var(--font-subtitle-regular);color:var(--color-text-neutral-secondary)}.landing-app-preview__phones-mobile{display:none}.landing-app-preview__list{margin-top:var(--spacing-10x);gap:var(--spacing-4x);flex-direction:column;list-style:none;display:flex}.landing-app-preview__list-item{align-items:center;gap:var(--spacing-3x);font:var(--font-weight-400) var(--font-size-18)/26px var(--font-family-base);color:var(--color-text-neutral-primary);display:flex}.landing-app-preview__check{color:#96ff00;z-index:0;width:24px;height:24px;position:relative}.landing-app-preview__check:before{content:"";background:var(--color-icon-neutral-primary);z-index:-1;border-radius:50%;position:absolute;inset:4px}.landing-app-preview__cta{margin-top:var(--spacing-10x);height:48px;padding:0 var(--spacing-4x);border-radius:var(--radius-2x);background:var(--color-background-neutral-primary);color:var(--color-text-contrast-primary);font:var(--font-subtitle-semi-bold);justify-content:center;align-items:center;display:inline-flex}@media only screen and (min-width:1024px){.landing-app-preview__cta:hover{background:var(--color-bgstates-neutral-primary-hover)}}.landing-app-preview__right{z-index:0;display:flex;position:relative}.landing-app-preview__right:before{content:"";z-index:-1;pointer-events:none;filter:blur(73px);background:radial-gradient(closest-side at 20% 40%,#7f0c,#0000 90%),radial-gradient(closest-side at 72% 60%,#07fc,#0000 90%);width:100%;height:100%;position:absolute}.landing-app-preview__phone{width:auto;min-width:0;max-width:100%;height:auto;max-height:350px}.landing-app-preview:after{content:"";background:var(--color-bg-contrast);z-index:-1;width:100%;height:48px;position:absolute;top:100%;left:0}@media only screen and (max-width:1023px){.landing-app-preview__container{grid-template-columns:1fr}.landing-app-preview__phones-mobile{margin-top:var(--spacing-6x);display:flex}.landing-app-preview__right{display:none}}@media only screen and (max-width:619px){.landing-app-preview{padding:var(--spacing-8x) var(--spacing-4x);border-radius:28px 28px 0 0}.landing-app-preview__title{font:var(--font-title-2-bold)}.landing-app-preview__subtitle{margin-top:var(--spacing-3x)}.landing-app-preview__phones-mobile{justify-content:center}.landing-app-preview__phones-mobile :first-child{display:none}.landing-app-preview__phone{object-fit:cover;object-position:top;width:184px;height:clamp(200px,62vw,250px)}.landing-app-preview__list{margin-top:var(--spacing-6x);gap:var(--spacing-3x)}.landing-app-preview:after{height:28px}.landing-app-preview__cta{width:100%;margin-top:var(--spacing-6x)}}
.landing-highlight{z-index:0;display:inline-block;position:relative}.landing-highlight:before{content:"";z-index:-1;background-image:url(../media/highlight.136zr1j5pexf5.png?dpl=726460fc);background-repeat:no-repeat;background-size:100% 100%;height:100%;position:absolute;top:10%;left:0;right:-20px}.landing-underline{z-index:0;display:inline-block;position:relative}.landing-underline:before{content:"";z-index:-1;background-image:url(../media/line-2.27ftmvxroa9q7.png?dpl=726460fc);background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;top:70%;left:0;right:0;transform:rotate(-5deg)}
.landing-benefits{background:var(--color-background-page);border-radius:48px 48px 0 0;padding:60px 72px;scroll-margin-top:80px;position:relative}.landing-benefits__header{text-align:center}.landing-benefits__title{font:var(--font-title-1-bold);color:var(--color-text-neutral-primary)}.landing-benefits__subtitle{margin-top:var(--spacing-4x);font:var(--font-subtitle-regular);color:var(--color-text-neutral-secondary)}.landing-benefits__grid{margin-top:var(--spacing-10x);gap:var(--spacing-4x);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.landing-benefits__card{background:var(--color-background-contrast-primary);border-radius:var(--radius-4x);padding:var(--spacing-5x)}.landing-benefits__title-section{gap:var(--spacing-4x);flex-direction:column;display:flex}.landing-benefits__card-title{font:var(--font-title-3-semi-bold);color:var(--color-text-neutral-primary)}.landing-benefits__card-text{margin-top:var(--spacing-2x);font:var(--font-subtitle-regular);color:var(--color-text-neutral-secondary)}.landing-benefits:after{content:"";background:var(--color-background-page);z-index:-1;width:100%;height:48px;position:absolute;top:100%;left:0}@media only screen and (max-width:1023px){.landing-benefits__title-section{gap:var(--spacing-3x);flex-direction:row;align-items:center}.landing-benefits__grid{grid-template-columns:1fr}.landing-benefits__card-icon{width:32px;height:32px}}@media only screen and (max-width:619px){.landing-benefits{padding:var(--spacing-8x) var(--spacing-4x);border-radius:28px 28px 0 0}.landing-benefits__card-text{margin-top:var(--spacing-3x)}.landing-benefits__header{text-align:start}.landing-benefits__subtitle{margin-top:var(--spacing-3x)}.landing-benefits__grid{margin-top:var(--spacing-6x);gap:var(--spacing-3x)}.landing-benefits__title{font:var(--font-title-2-bold)}.landing-benefits:after{height:28px}}
.landing-faq{background:var(--color-bg-contrast);border-radius:48px 48px 0 0;padding:60px 72px;scroll-margin-top:80px;position:relative}.landing-faq__title{text-align:center;font:var(--font-title-1-bold);color:var(--color-text-neutral-primary)}.landing-faq__list{margin:var(--spacing-10x) auto 0;gap:var(--spacing-3x);flex-direction:column;max-width:752px;display:flex}.landing-faq__item{border-radius:var(--radius-3x);padding:var(--spacing-6x);background:#f5f5f5;overflow:hidden}.landing-faq__summary{cursor:pointer;font:var(--font-weight-600) var(--font-size-18)/26px var(--font-family-base);color:var(--color-text-neutral-primary);justify-content:space-between;align-items:center;gap:var(--spacing-2x);list-style:none;display:flex}.landing-faq__summary::-webkit-details-marker{display:none}.landing-faq__chevron{color:var(--color-icon-neutral-secondary);flex-shrink:0;transition:transform .15s ease-in-out}.landing-faq__item[open] .landing-faq__chevron{transform:rotate(90deg)}.landing-faq__content{margin-top:var(--spacing-2x);font:var(--font-subtitle-regular);color:var(--color-text-neutral-secondary);white-space:pre-wrap}.landing-faq:after{content:"";background:var(--color-bg-contrast);z-index:-1;width:100%;height:48px;position:absolute;top:100%;left:0}@media only screen and (max-width:619px){.landing-faq{padding:var(--spacing-8x) var(--spacing-4x);border-radius:28px 28px 0 0}.landing-faq__list{margin-top:var(--spacing-6x)}.landing-faq__title{text-align:start;font:var(--font-title-2-bold)}.landing-faq :after{height:28px}}
.cta-header-button{opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;transform:translateY(-6px)}.cta-header-button--visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.landing-header{background:var(--color-bg-contrast);z-index:10;width:100%;padding:0 72px;position:fixed}.landing-header__container{justify-content:space-between;align-items:center;gap:var(--spacing-6x);height:80px;display:flex}.landing-header__logo{align-items:center;display:inline-flex}.landing-header__nav{align-items:center;gap:var(--spacing-8x);display:flex}.landing-header__nav-link{font:var(--font-body-medium);color:var(--color-text-neutral-secondary)}@media only screen and (min-width:1024px){.landing-header__nav-link:hover{color:var(--color-text-neutral-primary)}}.landing-header__cta{padding:0 var(--spacing-6x);border-radius:var(--radius-2x);background:var(--color-background-neutral-primary);height:48px;color:var(--color-text-contrast-primary);font:var(--font-subtitle-medium);justify-content:center;align-items:center;display:inline-flex}@media only screen and (min-width:1024px){.landing-header__cta:hover{background:var(--color-bgstates-neutral-primary-hover)}}.landing-header__cta-text-mobile{display:none}@media only screen and (max-width:1023px){.landing-header__nav{display:none}.landing-header__cta{margin-left:auto}}@media only screen and (max-width:619px){.landing-header{padding:0 var(--spacing-4x)}.landing-header__container{gap:var(--spacing-4x)}.landing-header__cta-text{display:none}.landing-header__cta-text-mobile{display:inline-flex}}
.landing-logo{gap:var(--spacing-x);flex:none;align-items:center;display:flex}.landing-logo__text{color:#000;font:var(--font-weight-600) var(--font-size-18)/var(--font-line-height-24) var(--font-family-base);letter-spacing:-.3px}
.landing-hero{background:var(--color-bg-contrast);padding:80px 72px 120px;position:relative}.landing-hero__container{gap:var(--spacing-4x);grid-template-columns:560px 1fr;align-items:center;display:grid}.landing-hero__left{flex-direction:column;display:flex}.landing-hero__title{font:var(--font-weight-700) 40px/52px var(--font-family-base);color:var(--color-text-neutral-primary);margin:0}.landing-hero__subtitle{margin:var(--spacing-4x) 0 0;font:var(--font-subtitle-regular);color:var(--color-text-neutral-secondary)}.landing-hero__buttons{margin-top:var(--spacing-10x)}.landing-hero__right{justify-content:flex-end;height:100%;display:flex;position:relative}.landing-hero__phones{width:min(560px,100%);height:auto;position:absolute;top:-50px;left:0}.landing-hero:after{content:"";background:var(--color-bg-contrast);z-index:-1;width:100%;height:48px;position:absolute;top:100%;left:0}@media only screen and (max-width:1023px){.landing-hero__container{grid-template-columns:1fr}.landing-hero__right{display:none}.landing-hero__left{align-items:start}.landing-hero__buttons{align-self:center}}@media only screen and (max-width:619px){.landing-hero{padding:var(--spacing-5x) var(--spacing-4x) var(--spacing-8x);background-image:url(../media/coin-1.3xi7uy3xvccbh.png?dpl=726460fc),url(../media/coin-2.44ngw83cqw06a.png?dpl=726460fc);background-position:0 100%,left 104% bottom 98px;background-repeat:no-repeat;background-size:45px,77px}.landing-hero__buttons{margin-top:var(--spacing-8x)}.landing-hero:after{height:28px}}
.landing-store-buttons{gap:var(--spacing-3x);grid-template-columns:repeat(2,minmax(0,171px));display:grid}.landing-store-buttons__button{z-index:1;justify-content:start;align-items:center;gap:var(--spacing-2x);padding:6px var(--spacing-5x);border-radius:var(--radius-2x);background:var(--color-background-neutral-primary);color:var(--color-text-contrast-primary);flex:1;min-height:48px;display:flex;position:relative}@media only screen and (min-width:1024px){.landing-store-buttons__button:hover{opacity:.8}}.landing-store-buttons__icon{flex:0 0 20px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.landing-store-buttons__text{flex-direction:column;align-items:start;display:flex}.landing-store-buttons__subtitle{font:var(--font-caption-1-regular);color:var(--color-text-contrast-secondary)}.landing-store-buttons__title{font:var(--font-subtitle-semi-bold);color:var(--color-text-contrast-primary);line-height:var(--font-line-height-20)}.landing-store-buttons--bg-contrast{background:var(--color-background-contrast-primary)}.landing-store-buttons--color-contrast{color:#000}@media only screen and (max-width:619px){.landing-store-buttons__button{padding:6px var(--spacing-4x)}}
.landing-how-to{background:linear-gradient(-5deg,#0e0f11 30%,#11353d 100%);border-radius:48px 48px 0 0;padding:60px 72px;scroll-margin-top:80px;position:relative}.landing-how-to__container{color:var(--color-text-contrast-primary);background-image:url(../media/line-1.3m75dsq79g9st.png?dpl=726460fc),url(../media/line-2.27ftmvxroa9q7.png?dpl=726460fc);background-position:76% 59%,31% 85%;background-repeat:no-repeat;background-size:258px,258px;border-radius:28px}.landing-how-to__title{text-align:center;font:var(--font-title-1-bold)}.landing-how-to__cards{gap:var(--spacing-12x);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:52px;display:grid}.landing-how-to__card{background:var(--color-background-contrast-primary);color:var(--color-text-neutral-primary);border-radius:var(--radius-4x);text-align:center;min-height:136px;padding:28px 24px 24px;position:relative;box-shadow:0 8px 24px #00000014,0 2px 6px #0000000f}.landing-how-to__badge{z-index:0;width:40px;height:40px;color:var(--color-text-neutral-primary);font:var(--font-title-2-bold);background-image:url(../media/point.2525ako8clns7.png?dpl=726460fc);background-position:50%;background-repeat:no-repeat;background-size:contain;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.landing-how-to__badge:before{content:"";z-index:-1;background:#96ff00;border-radius:50%;position:absolute;inset:5px}.landing-how-to__card-title{font:var(--font-title-3-semi-bold);margin-top:0}.landing-how-to__card-text{margin-top:var(--spacing-2x);font:var(--font-subtitle-regular);color:var(--color-text-neutral-secondary)}.landing-how-to:after{content:"";z-index:-1;background:#0e0f11;width:100%;height:48px;position:absolute;top:100%;left:0}@media only screen and (max-width:1023px){.landing-how-to__container{background-image:url(../media/line-vertical-1.3ry0a3-icghmn.png?dpl=726460fc),url(../media/line-vertical-2.2onhvishz7dqx.png?dpl=726460fc);background-position:30% 48%,75% 80%;background-repeat:no-repeat;background-size:20px,20px;border-radius:20px}.landing-how-to__cards{gap:var(--spacing-8x);grid-template-columns:1fr}}@media only screen and (max-width:619px){.landing-how-to{padding:var(--spacing-8x) var(--spacing-4x);border-radius:24px 24px 0 0}.landing-how-to__title{text-align:start;font:var(--font-title-2-bold)}.landing-how-to:after{height:24px}.landing-how-to__cards{margin-top:var(--spacing-8x)}}
.landing-reviews{background:var(--color-bg-page);border-radius:48px 48px 0 0;padding:60px 72px;scroll-margin-top:80px;position:relative}.landing-reviews__header{justify-content:space-between;align-items:center;gap:var(--spacing-6x);margin-bottom:var(--spacing-10x);display:flex}.landing-reviews__title{font:var(--font-title-1-bold);color:var(--color-text-neutral-primary);margin:0}.landing-reviews__subtitle{margin-top:var(--spacing-4x);font:var(--font-subtitle-regular);color:var(--color-text-neutral-secondary)}.landing-reviews__controls{gap:var(--spacing-3x);display:flex}.landing-reviews__control-btn{background:var(--color-background-contrast-primary);width:48px;height:48px;color:var(--color-text-neutral-secondary);cursor:pointer;border:none;border-radius:50%;box-shadow:0 1px 2px #0000001a}@media only screen and (min-width:1024px){.landing-reviews__control-btn:hover{background:var(--color-bgstates-contrast-primary-hover)}}.landing-reviews__scroller{margin-bottom:var(--spacing-10x);gap:var(--spacing-4x);padding-bottom:var(--spacing-4x);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.landing-reviews__scroller::-webkit-scrollbar{display:none}.landing-reviews__card{gap:var(--spacing-4x);scroll-snap-align:start;background:var(--color-background-contrast-primary);border-radius:var(--radius-4x);padding:var(--spacing-6x);flex-direction:column;flex:none;max-width:368px;display:flex}.landing-reviews__rating{color:#f5c542;gap:3px;display:flex}.landing-reviews__text{font:var(--font-weight-400) var(--font-size-18)/var(--font-line-height-28) var(--font-family-base);color:var(--color-text-neutral-secondary);flex-grow:1}.landing-reviews__person{margin-top:var(--spacing-2x)}.landing-reviews__person-name{font:var(--font-headline-medium);color:var(--color-text-neutral-primary)}.landing-reviews__person-meta{margin-top:var(--spacing-x);font:var(--font-body-regular);color:var(--color-text-neutral-tertiary)}.landing-reviews:after{content:"";background:var(--color-bg-page);z-index:-1;width:100%;height:48px;position:absolute;top:100%;left:0}@media only screen and (max-width:619px){.landing-reviews{border-radius:28px 28px 0 0;padding:0}.landing-reviews__children{padding:0 var(--spacing-4x) var(--spacing-8x)}.landing-reviews__controls{display:none}.landing-reviews__header{margin-bottom:var(--spacing-6x);padding:var(--spacing-8x) var(--spacing-4x) 0}.landing-reviews__title{font:var(--font-title-2-bold)}.landing-reviews__scroller{margin-bottom:var(--spacing-8x);padding:0 var(--spacing-4x);scroll-padding-inline:var(--spacing-4x)}.landing-reviews__card{max-width:320px;padding:var(--spacing-5x);width:80vw}.landing-reviews:after{height:28px}}
.landing-footer{color:var(--color-text-contrast-primary);background:linear-gradient(343.48deg,#0e0f11 11.44%,#11353d 101.27%);border-radius:48px 48px 0 0;padding:60px 72px 40px;position:relative;overflow:hidden}.landing-footer__container{text-align:center;position:relative}.landing-footer__title{font:var(--font-title-1-bold)}.landing-footer__subtitle{margin-top:var(--spacing-4x);font:var(--font-subtitle-regular);color:var(--color-text-contrast-secondary)}.landing-footer__buttons{margin:var(--spacing-10x) auto 0;isolation:isolate;max-width:fit-content;position:relative}.landing-footer__buttons:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(190px 140px at 34%,#77ff0052,#0000 70%),radial-gradient(190px 140px at 66%,#0077ff4f,#0000 70%);width:520px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-footer__info{justify-content:space-between;align-items:center;gap:var(--spacing-6x);color:var(--color-text-constant-tertiary);font:var(--font-subtitle-regular);margin-top:60px;display:flex}@media only screen and (max-width:619px){.landing-footer{padding:48px var(--spacing-4x) 24px;border-radius:28px 28px 0 0}.landing-footer__title{font:var(--font-title-2-bold)}.landing-footer__subtitle{margin-top:var(--spacing-3x)}.landing-footer__buttons{margin-top:var(--spacing-6x)}.landing-footer__info{gap:var(--spacing-4x);text-align:start;flex-direction:column;align-items:start}.landing-footer__buttons:before{width:420px;height:260px}}
.landing-page{min-height:100vh}.landing-page__main{padding-top:80px}.landing-container{max-width:1136px;margin:0 auto}
.landing-wz-banner{border-radius:var(--radius-4x);width:100%;padding:var(--spacing-6x);color:var(--color-text-contrast-primary);background-color:#0000;background-image:url(../media/workzilla-banner.0enl9d3iq24zc.png?dpl=726460fc),linear-gradient(90deg,#174a86 0%,#102e51 100%);background-position:110% 0,50%;background-repeat:no-repeat;background-size:contain,contain;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.landing-wz-banner__container{max-width:650px}.landing-wz-banner__right{align-items:end;display:flex}.landing-wz-banner__kicker{font:var(--font-title-1-bold)}.landing-wz-banner__wz-highlight{color:#0000;background-image:linear-gradient(90deg,#50ff8b 0%,#18ffe3 100%);-webkit-background-clip:text;background-clip:text}.landing-wz-banner__text,.landing-wz-banner__text-short{max-width:90%;margin-top:var(--spacing-3x);font:var(--font-subtitle-regular);color:var(--color-text-contrast-primary)}.landing-wz-banner__text-short{display:none}.landing-wz-banner__cta{margin-top:var(--spacing-6x);min-width:240px;height:56px;padding:0 var(--spacing-8x);border-radius:var(--radius-2x);color:var(--color-text-neutral-primary);font:var(--font-subtitle-semi-bold);cursor:pointer;background:linear-gradient(90deg,#50ff8b 0%,#18ffe3 100%);justify-content:center;align-items:center;display:inline-flex}@media only screen and (min-width:1024px){.landing-wz-banner__cta:hover{filter:brightness(.95)}}@media only screen and (max-width:1100px){.landing-wz-banner{background:linear-gradient(90deg,#174a86 0%,#102e51 100%)}.landing-wz-banner__container{max-width:100%}}@media only screen and (max-width:619px){.landing-wz-banner{padding:var(--spacing-5x);background-color:#0000;background-image:url(../media/workzilla-mobile-banner.3nf3d1rzantf2.png?dpl=726460fc),linear-gradient(90deg,#174a86 0%,#102e51 100%);background-position:100% 0,50%;background-repeat:no-repeat;background-size:contain,contain;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.landing-wz-banner__kicker{font:var(--font-weight-600) clamp(26px, 7.75vw, 28px)/36px var(--font-family-base)}.landing-wz-banner__text{display:none}.landing-wz-banner__text-short{margin-top:var(--spacing-2x);max-width:100%;display:block}.landing-wz-banner__cta{width:100%;min-width:0}}