.features{padding-block:96px 56px}.feature-section-heading{margin-bottom:var(--section-heading-gap)}.feature-section-heading h2{font-size:var(--type-section);text-wrap:balance}.feature-browser{grid-template-columns:minmax(240px,19rem) minmax(0,1fr);align-items:start;gap:clamp(40px,5.5vw,88px);min-width:0;display:grid}.feature-nav{flex-direction:column;gap:4px;min-width:0;padding-top:2px;display:flex}.feature-nav-item{min-width:0;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:9px minmax(0,1fr);gap:6px 12px;padding:14px;transition:color .22s cubic-bezier(.16,1,.3,1),border-color .22s cubic-bezier(.16,1,.3,1),background-color .22s cubic-bezier(.16,1,.3,1);display:grid}.feature-nav-item:before{content:"";background:0 0;border-radius:3px;width:8px;height:8px;margin-top:.45em;transition:background-color .22s cubic-bezier(.16,1,.3,1)}.feature-nav-title{font-size:var(--type-nav);grid-column:2;font-weight:700;line-height:1.35}.feature-nav-copy{max-width:29ch;color:var(--muted);font-size:var(--type-label);grid-column:2;line-height:1.5}.feature-nav-item:not(.is-active) .feature-nav-copy{display:none}.feature-nav-item:hover:not(.is-active){color:var(--paper);background:color-mix(in srgb, var(--iris) 8%, transparent)}.feature-nav-item.is-active{border-color:color-mix(in srgb, var(--iris) 30%, transparent);color:var(--paper);background:color-mix(in srgb, var(--iris) 9%, var(--surface))}.feature-nav-item.is-active:before{background:var(--iris)}.feature-nav-item:focus-visible{outline:2px solid var(--iris);outline-offset:3px}.feature-stage{min-width:0}.feature-stage-heading,.feature-pagination{display:none}.feature-stage-title{font-size:var(--type-tool);text-wrap:balance;font-weight:700;line-height:1.2}.feature-stage-copy{max-width:52ch;margin-top:var(--heading-copy-gap);color:var(--muted);font-size:var(--type-body);line-height:var(--leading-body)}.feature-visual{isolation:isolate;aspect-ratio:4/3;border:1px solid var(--line);background:var(--surface);border-radius:20px;width:100%;position:relative;overflow:hidden}.feature-visual img,.feature-visual video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.feature-visual>.feature-media-outgoing{z-index:0}.feature-visual>.feature-media-incoming{z-index:1}.feature-media-incoming{opacity:0}.feature-media-outgoing{pointer-events:none;inset:0;position:absolute!important}.positioning{padding-block:88px}.positioning-inner{gap:var(--section-heading-gap);display:grid}.positioning-inner>h2{max-width:none;font-size:var(--type-section);text-align:center;text-wrap:balance;line-height:1.15}.positioning-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.positioning-grid article{border:1px solid var(--line);border-radius:var(--radius);background:0 0;min-width:0;padding:28px}.positioning-grid h3{font-size:var(--type-subheading);font-weight:700;line-height:1.3}.positioning-grid p{max-width:38ch;margin-top:var(--heading-copy-gap);color:var(--muted);font-size:var(--type-body);line-height:var(--leading-body)}@media (width<=900px){.feature-browser{grid-template-columns:minmax(210px,15rem) minmax(0,1fr);gap:32px}.feature-nav-item{padding-inline:12px}.positioning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){html,body{overflow-x:clip}.features{padding-block:64px 32px}.feature-section-heading{margin-bottom:28px}.feature-browser{grid-template-columns:1fr;gap:0}.feature-nav{display:none}.feature-stage{display:grid}.feature-stage-heading{margin-bottom:20px;display:block}.feature-stage-copy{max-width:38ch;margin-top:8px}.feature-visual{touch-action:pan-y;border-radius:14px}.feature-visual img[data-feature-media-key=plan-week]{transform-origin:70% 48%;transform:scale(1.08)}.feature-visual img[data-feature-media-key=connected-tasks]{transform-origin:68% 42%;transform:scale(1.12)}.feature-visual img[data-feature-media-key=project-progress]{transform-origin:70% 40%;transform:scale(1.09)}.feature-visual img[data-feature-media-key=follow-leads]{transform-origin:50% 42%;transform:scale(1.07)}.feature-visual img[data-feature-media-key=visible-finances]{transform-origin:46% 40%;transform:scale(1.08)}.feature-visual img[data-feature-media-key=visual-board]{transform-origin:50% 40%;transform:scale(1.11)}.feature-pagination{justify-content:center;align-items:center;gap:2px;min-height:44px;margin-top:8px;display:flex}.feature-dot{background:0 0;border:0;width:30px;height:44px;padding:0;position:relative}.feature-dot:before{background:var(--line);content:"";border-radius:50%;width:7px;height:7px;transition:background-color .2s,transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feature-dot:hover:before{background:var(--muted)}.feature-dot.is-active:before{background:var(--iris);transform:translate(-50%,-50%)scale(1.25)}.feature-dot:focus-visible{outline:2px solid var(--iris);outline-offset:-6px}.positioning-grid article{padding:24px}.positioning{padding-block:56px}.positioning-grid{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion:reduce){.feature-nav-item,.feature-nav-item:before,.feature-dot:before,.feature-media-incoming{transition:none}}