.feature-scroll{margin:0 -28px}.feature-scroll[data-pinned=true]{height:400svh}.saas-v3__automation{--feature-bg:#008cff;--feature-ink:#fff;--feature-soft:hsla(0,0%,100%,.8);color:var(--feature-ink)}.feature-scroll[data-pinned=true] .saas-v3__automation{position:sticky;top:12px;height:calc(100svh - 24px);max-width:1800px;margin:0 auto;padding:clamp(24px,3.2vw,56px);display:flex;flex-direction:column;border-radius:32px;overflow:hidden;background:var(--feature-bg);transition:background-color .65s ease,color .45s ease}.feature-scroll[data-pinned=false] [data-tone=violet],.saas-v3__automation[data-tone=violet]{--feature-bg:#7450df}.feature-scroll[data-pinned=false] [data-tone=coral],.saas-v3__automation[data-tone=coral]{--feature-bg:#f6927f;--feature-ink:#301b23;--feature-soft:#54353a}.feature-scroll[data-pinned=false] [data-tone=lime],.saas-v3__automation[data-tone=lime]{--feature-bg:#d6ef93;--feature-ink:#1e3021;--feature-soft:#485638}.feature-progress{display:flex;width:min(470px,42%);gap:8px}.feature-progress button{flex:1;min-width:0;padding:5px 0;color:var(--feature-ink);background:none;border:0;text-align:left}.feature-progress button>span{display:block;height:4px;border-radius:10px;background:currentColor;opacity:.3;transition:opacity .4s}.feature-progress button[aria-current=step]>span{opacity:1}.feature-progress small{display:block;margin-top:9px;font-size:11px;opacity:.7;font-weight:400}.feature-progress button[aria-current=step] small{opacity:1}.feature-panels{flex:1;min-height:0;display:grid}.feature-panel{min-width:0}.feature-scroll[data-pinned=true] .feature-panel{grid-area:1/1;display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:clamp(35px,6vw,110px);opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.65,.3,1),visibility .45s;pointer-events:none}.feature-scroll[data-pinned=true] .feature-panel[data-active=true]{opacity:1;visibility:visible;transform:none;pointer-events:auto}.feature-copy{min-width:0;max-width:750px}.feature-copy__step{display:none}.saas-v3 .feature-copy h2{white-space:pre-line;font-size:clamp(33px,3.4vw,60px);letter-spacing:-.035em;line-height:1.14;text-wrap:initial}.feature-copy>p{margin-top:28px;font-size:clamp(18px,1.6vw,28px);line-height:1.35;color:var(--feature-soft);max-width:670px}.feature-visual{margin:0;min-width:0;width:100%;max-width:650px;justify-self:center}.feature-visual figcaption{margin-top:14px;font-size:10px;line-height:1.3;color:var(--feature-soft);text-align:center}.feature-demo{padding:clamp(22px,2.2vw,40px);border-radius:44px;background:hsla(0,0%,100%,.12)}.feature-demo__heading{display:flex;align-items:center;gap:14px;font-size:clamp(16px,1.3vw,23px);margin-bottom:28px}.feature-demo__heading svg{flex-shrink:0}.feature-comment{display:grid;grid-template-columns:45px 1fr 21px;gap:16px;align-items:start;margin-top:26px}.feature-demo__brand,.feature-demo__person{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e5d0be;color:#5c382c;font-size:20px;flex-shrink:0}.feature-demo__brand{background:#fff}.feature-demo__brand img{filter:brightness(0)}.feature-comment strong{font-size:clamp(16px,1.35vw,22px);font-weight:600}.feature-comment strong small{font-size:.8em;opacity:.65;font-weight:400;margin-left:6px}.feature-comment p{font-size:clamp(16px,1.35vw,23px);margin-top:5px;line-height:1.35}.feature-comment>svg{margin-top:12px;opacity:.85}.feature-comment__reply{display:block;margin-top:12px;opacity:.65;font-size:14px}.feature-comment--reply{margin-left:14px}.feature-demo__status{display:flex;align-items:center;gap:12px;margin-top:30px;padding-top:24px;border-top:1px solid #ffffff35}.feature-demo__check{display:grid;place-items:center;width:24px;height:24px;background:#14db73;color:#06422a;border-radius:50%;flex-shrink:0}.feature-demo__status>div{flex:1;min-width:0}.feature-demo__status strong{display:block;font-size:clamp(14px,1.1vw,19px);font-weight:600;line-height:1.2}.feature-demo__status p{margin-top:6px;font-size:clamp(12px,1vw,16px);color:var(--feature-soft)}.feature-demo__switch{width:44px;height:27px;border-radius:30px;background:#14db73;display:flex;justify-content:end;padding:3px;flex-shrink:0}.feature-demo__switch:after{content:"";display:block;width:21px;height:21px;background:#fff;border-radius:50%}.feature-demo__topic>small{display:block;font-size:15px;margin-bottom:8px}.feature-demo__topic>div{display:flex;gap:10px}.feature-demo__topic>div>span:first-child{display:flex;align-items:center;gap:10px;min-width:0;flex:1;padding:12px 14px;border:1px solid #ffffff60;border-radius:18px;font-size:clamp(12px,1.2vw,18px)}.feature-demo__topic svg{flex-shrink:0}.feature-demo__pill{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 16px;border-radius:24px;background:#fff;color:#111;font-size:14px;line-height:1;white-space:nowrap}.feature-demo__stories{display:grid;grid-template-columns:.86fr 1.05fr .96fr .86fr;gap:9px;align-items:center;margin:28px -22px}.feature-story{height:clamp(195px,19vw,320px);border-radius:18px;overflow:hidden;position:relative;isolation:isolate;color:#fff;background:#2e2b26}.feature-story:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0006,transparent 70%,#0007);z-index:-1}.feature-story img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.feature-story strong{position:absolute;top:12%;left:12%;right:8%;font-size:clamp(15px,1.4vw,24px);font-weight:500;letter-spacing:-.04em;line-height:1.05;overflow-wrap:anywhere}.feature-story>span{position:absolute;bottom:8%;left:12%;right:10%;display:flex;align-items:center;gap:5px;font-size:10px}.feature-story i{height:1px;width:50%;background:#fff8;margin-left:6px}.feature-story--0,.feature-story--3{opacity:.52}.feature-story--1{height:clamp(225px,22vw,360px)}.feature-demo__timeline{height:30px;display:flex;align-items:center;gap:5px;padding:0 12px;border-radius:100px;background:#ffffff17;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.feature-demo__timeline i{display:block;width:4px;flex:1;min-height:4px;max-height:18px;background:currentColor;border-radius:100px;opacity:.22}.feature-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.feature-calendar__days>div{display:flex;flex-direction:column;align-items:center;padding:12px 2px;border-radius:16px;gap:6px}.feature-calendar__days small{opacity:.7;font-size:12px}.feature-calendar__days strong{font-size:20px;font-weight:500}.feature-calendar__days i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.4}.feature-calendar__days .is-today{background:#203125;color:#fff}.feature-calendar__post{display:flex;gap:15px;align-items:center;padding:14px;border-radius:20px;background:#ffffff68;margin-top:16px}.feature-calendar__post img{width:58px;height:77px;object-fit:cover;border-radius:10px}.feature-calendar__post small{font-size:11px;opacity:.7}.feature-calendar__post strong{display:block;font-size:clamp(16px,1.3vw,20px);font-weight:500;line-height:1.2;margin:6px 0}.feature-calendar__post span{font-size:11px;display:flex;align-items:center;gap:4px}.feature-scroll-hint{display:flex;justify-content:space-between;font-size:11px;color:var(--feature-soft);padding-top:12px}.feature-scroll[data-pinned=false] .feature-panels{display:grid;gap:20px}.feature-scroll[data-pinned=false] .feature-panel{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:55px;border-radius:32px;background:var(--feature-bg);color:var(--feature-ink)}.feature-scroll[data-pinned=false] .feature-copy__step{display:block;font-size:12px;margin-bottom:30px;opacity:.7}@media (min-width:761px) and (max-height:800px){.feature-demo{padding:24px;border-radius:32px}.feature-story{height:180px}.feature-story--1{height:210px}.feature-demo__stories{margin:20px -10px}.feature-demo__status{margin-top:22px;padding-top:18px}.feature-demo__heading{margin-bottom:15px}.feature-comment{margin-top:18px}.feature-copy>p{font-size:20px}.saas-v3 .feature-copy h2{font-size:clamp(34px,3.4vw,52px)}}@media (max-width:1100px) and (min-width:761px){.feature-scroll[data-pinned=true] .feature-panel{gap:32px;grid-template-columns:1fr 1fr}.feature-demo{padding:22px;border-radius:30px}.feature-comment{grid-template-columns:32px 1fr 17px;gap:10px}.feature-demo__brand,.feature-demo__person{width:32px;height:32px}.feature-demo__pill{padding:10px;font-size:12px}.feature-demo__stories{gap:6px;margin:24px -14px}}@media (max-width:760px){.feature-scroll{margin:0 -16px}.feature-scroll[data-pinned=true] .saas-v3__automation{padding:21px;border-radius:26px}.feature-progress{width:100%}.feature-progress small{font-size:10px}.feature-scroll[data-pinned=true] .feature-panel{grid-template-columns:1fr;gap:22px;align-content:center}.saas-v3 .feature-copy h2{font-size:clamp(28px,6.8vw,37px);line-height:1.1}.feature-copy>p{margin-top:14px;font-size:16px;line-height:1.35}.feature-visual{max-width:420px}.feature-visual figcaption{font-size:8px;margin-top:8px}.feature-demo{padding:20px;border-radius:28px}.feature-demo__heading{font-size:15px;gap:10px;margin-bottom:16px}.feature-comment{grid-template-columns:32px 1fr 16px;gap:10px;margin-top:16px}.feature-comment p,.feature-comment strong{font-size:14px}.feature-comment__reply{font-size:11px;margin-top:7px}.feature-demo__brand,.feature-demo__person{width:32px;height:32px;font-size:15px}.feature-demo__brand img{width:20px;height:20px}.feature-demo__status{margin-top:20px;padding-top:16px;gap:8px}.feature-demo__status strong{font-size:13px}.feature-demo__status p{font-size:11px;margin-top:4px}.feature-demo__topic>small{font-size:12px}.feature-demo__topic>div>span:first-child{font-size:11px;padding:10px;border-radius:14px;gap:6px}.feature-demo__pill{font-size:11px;padding:10px;gap:4px}.feature-demo__pill svg{width:12px}.feature-demo__stories{margin:22px -12px;gap:6px}.feature-story{height:150px;border-radius:12px}.feature-story--1{height:173px}.feature-story strong{font-size:clamp(10px,2.8vw,13px)}.feature-story>span{font-size:8px}.feature-demo__timeline{height:19px}.feature-calendar__days>div{padding:7px 2px;gap:2px}.feature-calendar__days strong{font-size:16px}.feature-calendar__post{padding:10px;margin-top:10px;gap:10px}.feature-calendar__post img{height:54px;width:42px}.feature-calendar__post strong{font-size:14px}.feature-scroll[data-pinned=false] .feature-panel{grid-template-columns:1fr;padding:32px 24px;gap:28px}.feature-scroll[data-pinned=false] .feature-copy__step{margin-bottom:20px}}@media (prefers-reduced-motion:reduce){.feature-scroll *,.saas-v3__automation{transition:none!important;animation:none!important}}@media (max-width:380px){.feature-progress small{font-size:9px}}