.usecases-section{background:0 0;padding:96px 0 104px;position:relative}.usecases-section:before{content:"";background:linear-gradient(90deg,transparent,var(--border)12%,var(--border)88%,transparent);width:calc(100% - 80px);max-width:1200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.usecases-container{flex-direction:column;gap:56px;max-width:1200px;margin:0 auto;padding:0 40px;display:flex}.usecases-header{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:18px;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(12px)}.usecases-header.usecases-visible{opacity:1;transform:translateY(0)}.usecases-overline{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.usecases-headline{font-family:var(--font-display);letter-spacing:-.026em;color:var(--ink);font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 0;text-wrap:balance;margin:0;font-size:clamp(34px,4.4vw,48px);font-weight:400;line-height:1.06}.usecases-headline em{background:var(--gradient-brand-h);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.04em;font-style:normal;font-weight:400}.usecases-rotator{vertical-align:baseline;white-space:nowrap;align-items:baseline;display:inline-flex;overflow:visible}.usecases-rotator-word{background:var(--gradient-brand-h);color:#0000;white-space:nowrap;will-change:transform,opacity,filter;-webkit-background-clip:text;background-clip:text;display:inline-block}.usecases-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.usecase-card{background:var(--surface);border:1px solid var(--border);opacity:0;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1),border-color .24s,box-shadow .24s,background .24s;transition-delay:calc(var(--i,0)*80ms);border-radius:20px;flex-direction:column;gap:14px;padding:22px 22px 18px;display:flex;position:relative;overflow:hidden;transform:translateY(14px);box-shadow:inset 0 1px #fff9,0 1px 1px #0a0a0a05}.usecases-grid-visible .usecase-card{opacity:1;transform:translateY(0)}.usecase-card:hover{border-color:#007aff52;box-shadow:inset 0 1px #fff9,0 16px 32px -22px #007aff38,0 4px 10px -4px #0a0a0a0d}.usecase-card:after{content:"";background:var(--imsg-blue);width:0;height:1px;transition:width .32s cubic-bezier(.16,1,.3,1);position:absolute;bottom:14px;left:22px}.usecase-card:hover:after{width:32px}.usecase-card-meta{flex-direction:column;gap:6px;display:flex}.usecase-overline{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--imsg-blue);font-size:10px}.usecase-title{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 30;letter-spacing:-.022em;color:var(--ink);margin:0;font-size:22px;font-weight:500;line-height:1.16}.usecase-desc{font-family:var(--font-body);color:var(--ink-2);letter-spacing:-.005em;text-wrap:balance;margin:0;font-size:14px;line-height:1.5}.usecase-thread-wrap{background:radial-gradient(ellipse at 50% 0%,#007aff0a,transparent 65%),var(--surface-warm);border:1px solid var(--border);border-radius:14px;flex:none;margin-top:auto;padding:14px 8px 4px}@media (prefers-reduced-motion:reduce){.usecases-header,.usecase-card{opacity:1!important;transition:none!important;transform:none!important}}@media (max-width:1100px){.usecases-grid{gap:12px}.usecase-card{padding:20px 18px 16px}.usecase-title{font-size:20px}}@media (max-width:900px){.usecases-section{padding:80px 0 88px}.usecases-container{gap:44px;padding:0 28px}.usecases-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.usecases-section{padding:68px 0 76px}.usecases-container{gap:36px;padding:0 20px}.usecases-grid{grid-template-columns:1fr;gap:12px}.usecase-card{padding:20px 18px 16px}.usecase-title{font-size:19px}.usecase-desc{font-size:13.5px}.usecase-thread-wrap{padding:12px 8px 4px}.usecase-thread-wrap .uct-bubble{max-width:88%;font-size:12.5px}}@media (max-width:480px){.usecases-section{padding:56px 0 64px}.usecases-container{gap:28px;padding:0 16px}.usecases-headline{font-size:clamp(28px,8vw,34px)}.usecase-card{border-radius:18px;gap:12px;padding:18px 16px 14px}.usecase-title{font-size:18px}.usecase-desc{font-size:13px;line-height:1.45}.usecase-thread-wrap{border-radius:12px;padding:10px 6px 4px}.usecase-thread-wrap .uct-bubble{padding:5px 10px;font-size:12px}}@media (max-width:360px){.usecases-container{padding:0 14px}.usecases-headline{font-size:26px;line-height:1.1}.usecase-card{padding:16px 14px 12px}.usecase-title{font-size:17px}.usecase-thread-wrap{padding:8px 4px 4px}.usecase-thread-wrap .uct-bubble{max-width:92%;padding:5px 9px;font-size:11.5px}}
.integrations-section{background:var(--paper-warm);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:0;position:relative}.integrations-container{flex-direction:column;gap:clamp(48px,6vw,88px);max-width:1200px;margin:0 auto;padding:clamp(72px,9vw,120px) 40px;display:flex}.integrations-header{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:14px;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);display:flex;transform:translateY(12px)}.integrations-header.integrations-visible{opacity:1;transform:translateY(0)}.integrations-overline{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.integrations-headline{font-family:var(--font-display);letter-spacing:-.028em;color:var(--ink);font-variation-settings:"opsz" 144,"SOFT" 50,"WONK" 0;text-wrap:balance;max-width:22ch;margin:0;font-size:clamp(34px,4.5vw,52px);font-weight:400;line-height:1.06}.integrations-headline em{color:var(--imsg-blue);font-style:normal;font-weight:400}.integrations-subhead{font-family:var(--font-body);color:var(--ink-2);text-wrap:balance;max-width:56ch;margin:4px 0 0;font-size:16.5px;line-height:1.55}.integrations-flow{opacity:0;width:100%;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.integrations-flow.integrations-flow-visible{opacity:1;transform:translateY(0)}.iflow-wrap{aspect-ratio:1000/460;grid-template-columns:1fr 1fr 1fr;align-items:center;width:100%;max-width:1040px;min-height:380px;max-height:500px;margin:0 auto;display:grid;position:relative}.iflow-svg{z-index:0;width:100%;height:100%;position:absolute;inset:0}.iflow-path-static{stroke:var(--ink-3);stroke-opacity:.22;stroke-width:1.5px;stroke-dasharray:2 6;stroke-linecap:round}.iflow-path-pulse{stroke-width:3px;stroke-linecap:round;fill:none;stroke-dasharray:180 9999;stroke-dashoffset:180px;animation:5s cubic-bezier(.45,.05,.55,.95) infinite iflow-pulse}.iflow-pulse-1{animation-delay:0s}.iflow-pulse-2{animation-delay:.4s}.iflow-pulse-3{animation-delay:.8s}.iflow-pulse-out{stroke-dasharray:140 9999;stroke-dashoffset:140px;animation-delay:1.4s}@keyframes iflow-pulse{0%{stroke-dashoffset:180px;opacity:0}10%{opacity:1}60%{opacity:1}90%{stroke-dashoffset:-700px;opacity:0}to{stroke-dashoffset:-700px;opacity:0}}.iflow-sources{z-index:2;flex-direction:column;justify-content:space-between;height:100%;padding-top:6px;padding-bottom:6px;padding-left:clamp(12px,2vw,32px);display:flex;position:relative}.iflow-node{background:var(--surface-warm);border:1px solid var(--border);border-radius:999px;align-self:flex-start;align-items:center;gap:14px;padding:12px 24px 12px 12px;transition:border-color .2s,transform .2s;display:inline-flex;box-shadow:inset 0 1px #fff9}.iflow-node:hover{border-color:#007aff52;transform:translateY(-1px)}.iflow-mark{background:var(--paper-warm);border:1px solid var(--border);border-radius:999px;place-items:center;width:42px;height:42px;display:grid}.iflow-mark svg{width:24px;height:24px;display:block}.iflow-mark:has(.iflow-brand-svg){background:#fff;border-color:#1d20401a}.iflow-label{font-family:var(--font-body);letter-spacing:-.01em;color:var(--ink);font-size:17px;font-weight:500}.iflow-center{z-index:2;flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.iflow-chert{width:116px;height:116px;box-shadow:none;background:0 0;border:0;place-items:center;display:grid;position:relative}.iflow-chert:before{content:"";z-index:-1;filter:blur(6px);background:radial-gradient(circle,#ff804033 0%,#0000 60%);border-radius:50%;position:absolute;inset:-14px}.iflow-chert-img{object-fit:contain;filter:drop-shadow(0 8px 18px #7a3c3a2e)drop-shadow(0 2px 4px #1d20401a);width:116px;height:116px}.iflow-center-label{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 30;letter-spacing:-.012em;color:var(--ink);font-size:18px;font-weight:460}.iflow-phone{z-index:2;flex-direction:column;justify-self:end;align-items:center;gap:10px;padding-right:clamp(12px,2vw,32px);display:flex;position:relative}.iflow-phone-body{border:1px solid var(--border-strong);background:linear-gradient(#e8dfd0 0%,#d6c9b0 100%);border-radius:46px;width:288px;height:448px;padding:10px;position:relative;box-shadow:inset 0 1px #fff9,0 38px 70px -30px #1d20405c,0 12px 24px -12px #1d204024}.iflow-phone-screen{background:var(--surface);border-radius:36px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.iflow-phone-island{z-index:3;background:#14162f;border-radius:999px;width:92px;height:24px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.iflow-phone-caption{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-size:12px}.iflow-imsg{background:var(--surface);flex-direction:column;height:100%;display:flex}.iflow-imsg-header{border-bottom:1px solid var(--border);background:var(--surface-warm);flex-direction:column;align-items:center;gap:5px;padding:50px 14px 14px;display:flex}.iflow-imsg-avatar{background:var(--surface);border-radius:999px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.iflow-imsg-avatar img{object-fit:cover;width:100%;height:100%;display:block}.iflow-imsg-name{font-family:var(--font-body);color:var(--ink);letter-spacing:-.01em;font-size:14px;font-weight:600}.iflow-imsg-sub{font-family:var(--font-body);color:var(--ink-3);letter-spacing:-.005em;font-size:11px}.iflow-imsg-body{flex-direction:column;flex:1;justify-content:flex-start;gap:8px;padding:14px 14px 16px;display:flex}.iflow-bubble{font-family:var(--font-body);word-break:break-word;border-radius:18px;max-width:82%;padding:8px 14px;font-size:13.5px;line-height:1.34}.iflow-bubble-in{background:var(--imsg-gray);color:var(--ink);border-bottom-left-radius:5px;align-self:flex-start}.iflow-bubble-out{background:var(--imsg-blue);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.iflow-typing{align-items:center;gap:5px;width:max-content;min-width:48px;padding:11px 14px;animation:5s ease-in-out .4s infinite iflow-typing-cycle;display:inline-flex}.iflow-typing-dot{background:#0000005c;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite iflow-typing-bounce}.iflow-typing-dot:nth-child(2){animation-delay:.16s}.iflow-typing-dot:nth-child(3){animation-delay:.32s}@keyframes iflow-typing-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:.95;transform:translateY(-1.5px)}}@keyframes iflow-typing-cycle{0%{opacity:0;max-height:0;transform:translateY(4px)scale(.96)}6%,24%{opacity:1;max-height:44px;transform:translateY(0)scale(1)}30%,to{opacity:0;max-height:0;transform:translateY(-2px)scale(.96)}}.iflow-bubble-fresh{animation:5s ease-in-out .4s infinite iflow-bubble-pop;position:relative}@keyframes iflow-bubble-pop{0%,30%{opacity:0;transform:translateY(6px)scale(.96)}37%{opacity:1;transform:translateY(0)scale(1.02)}44%,90%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(0)scale(1)}}.integrations-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.integration-card{background:var(--paper-warm);border-right:1px solid var(--border);border-bottom:1px solid var(--border);opacity:0;transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1),background-color .2s;transition-delay:calc(var(--i,0)*80ms);flex-direction:column;gap:12px;padding:32px 28px;display:flex;position:relative;transform:translateY(10px)}.integrations-grid-visible .integration-card{opacity:1;transform:translateY(0)}.integration-card:before{content:"";pointer-events:none;border:1px solid #0000;transition:border-color .2s;position:absolute;inset:0}.integration-card:hover:before{border-color:#007aff47}.integration-card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.integration-name{font-family:var(--font-display);font-variation-settings:"opsz" 144,"SOFT" 30;letter-spacing:-.018em;color:var(--ink);margin:0;font-size:22px;font-weight:460;line-height:1.1}.integration-by{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-size:10px}.integration-desc{font-family:var(--font-body);color:var(--ink-2);letter-spacing:-.005em;text-wrap:pretty;margin:0;font-size:14.5px;line-height:1.55}@media (prefers-reduced-motion:reduce){.integrations-header,.integrations-flow,.integration-card{opacity:1!important;transition:none!important;transform:none!important}.iflow-path-pulse,.iflow-bubble-fresh,.iflow-typing,.iflow-typing-dot{animation:none!important}.iflow-path-pulse{stroke-dashoffset:0;opacity:.5}.iflow-typing{display:none}.iflow-bubble-fresh{opacity:1;transform:none}}@media (max-width:980px){.integrations-container{gap:56px;padding:64px 28px}.integrations-grid{grid-template-columns:repeat(2,1fr)}.integration-card:nth-child(3){grid-column:1/-1}.iflow-wrap{aspect-ratio:1000/500;min-height:380px}.iflow-phone-body{width:240px;height:372px}.iflow-chert,.iflow-chert-img{width:96px;height:96px}.iflow-mark{width:36px;height:36px}.iflow-mark svg{width:20px;height:20px}.iflow-label{font-size:15px}}@media (max-width:720px){.integrations-container{gap:40px;padding:56px 20px}.integrations-headline{font-size:clamp(28px,7.4vw,38px)}.integrations-subhead{font-size:15px}.iflow-wrap{aspect-ratio:auto;grid-template-rows:auto auto auto;grid-template-columns:1fr;gap:18px;min-height:0;max-height:none;padding:4px 0}.iflow-svg{display:none}.iflow-sources{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;width:100%;height:auto;padding:0}.iflow-node{flex:0 auto;align-self:auto;gap:8px;max-width:100%;padding:7px 14px 7px 7px}.iflow-mark{width:28px;height:28px}.iflow-mark svg{width:16px;height:16px}.iflow-label{font-size:13px}.iflow-center{order:2;padding:4px 0;position:relative}.iflow-center:before{content:"";background:linear-gradient(180deg,transparent,var(--ink-3)30%,var(--ink-3)70%,transparent);opacity:.45;width:1px;height:18px;margin:0 auto 10px;display:block}.iflow-phone{order:3;justify-self:center;padding:0;position:relative}.iflow-phone:before{content:"";background:linear-gradient(180deg,transparent,var(--imsg-blue)30%,var(--imsg-blue)70%,transparent);opacity:.55;width:1px;height:18px;margin:0 auto 12px;display:block}.iflow-phone-body{width:220px;height:340px}.iflow-chert{border-radius:18px;width:72px;height:72px}.iflow-chert-img{width:48px;height:48px}.integrations-grid{grid-template-columns:1fr}.integration-card:nth-child(3){grid-column:auto}.integration-card{padding:26px 22px}}@media (max-width:480px){.integrations-container{gap:32px;padding:48px 16px}.integrations-headline{font-size:clamp(26px,8vw,32px)}.integrations-subhead{font-size:14.5px}.iflow-wrap{gap:14px}.iflow-sources{gap:6px}.iflow-node{gap:7px;padding:6px 12px 6px 6px}.iflow-mark{width:26px;height:26px}.iflow-mark svg{width:15px;height:15px}.iflow-label{font-size:12.5px}.iflow-chert{border-radius:16px;width:64px;height:64px}.iflow-chert-img{width:42px;height:42px}.iflow-center-label{font-size:13px}.iflow-phone-body{border-radius:34px;width:196px;height:304px;padding:8px}.iflow-phone-screen{border-radius:28px}.iflow-phone-island{width:64px;height:17px;top:13px}.iflow-imsg-header{padding:32px 10px 10px}.iflow-imsg-avatar{width:32px;height:32px}.iflow-imsg-name{font-size:11.5px}.iflow-imsg-sub{font-size:9.5px}.iflow-imsg-body{gap:6px;padding:10px 10px 12px}.iflow-bubble{border-radius:14px;padding:6px 10px;font-size:11.5px}.iflow-phone-caption{font-size:9.5px}}@media (max-width:360px){.integrations-container{padding:40px 12px}.iflow-sources{gap:5px}.iflow-node{gap:6px;padding:5px 10px 5px 5px}.iflow-mark{width:24px;height:24px}.iflow-mark svg{width:14px;height:14px}.iflow-label{font-size:12px}.iflow-phone-body{border-radius:30px;width:176px;height:276px;padding:7px}.iflow-phone-screen{border-radius:24px}.iflow-phone-island{width:56px;height:15px;top:11px}.iflow-imsg-header{padding:28px 8px 8px}.iflow-imsg-avatar{width:28px;height:28px}.iflow-bubble{padding:5px 9px;font-size:11px}}