:root{--paper:#fcfbf8;--ink:#071722;--muted:#66717c;--green:#5e7f50;--sage:#e9efdf;--line:#e1e4e5;--sans:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:'Bricolage Grotesque',var(--sans)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #648b56;outline-offset:5px}svg.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;left:12px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:10}.skip:focus{top:10px}.site-header{border-bottom:1px solid #e7e8e6}.nav-wrap{height:90px;max-width:1320px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:var(--display);font-weight:600;font-size:31px;display:inline-flex;align-items:center;gap:15px;letter-spacing:-1px;white-space:nowrap}.brand-mark{font:bold 49px/.9 Georgia,serif;color:var(--green);padding-bottom:5px}.site-header nav{display:flex;gap:35px;font-size:14px}.site-header nav a{position:relative}.site-header nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:currentColor;transition:width .2s}.site-header nav a:hover:after{width:100%}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;padding:15px 24px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:10px;font-size:14px;font-weight:550;transition:background .2s,transform .2s}.button:hover{background:#203b40;transform:translateY(-2px)}.button-small{min-height:44px;padding:10px 19px;font-size:13px}.button-secondary{background:transparent;color:var(--ink);border-color:#dadddf}.button-secondary:hover{background:#f0f1eb}.button .icon{width:17px;height:17px}.hero{text-align:center;padding:73px 24px 0}.eyebrow{font-size:11px;line-height:1.5;font-weight:650;text-transform:uppercase;letter-spacing:2.4px;color:var(--green);margin:0 0 27px}h1{font-family:var(--display);font-weight:600;font-optical-sizing:auto;font-size:clamp(44px,6.1vw,80px);line-height:1.08;letter-spacing:-2.8px;margin:0} .hero-description{font-size:19px;font-weight:400;line-height:1.6;margin:27px 0 26px;letter-spacing:-.35px}.hero-actions{display:flex;justify-content:center;gap:12px}.channel-note{font-size:12px;color:var(--muted);margin:17px 0 0}.channel-note span{padding:0 4px}.demo-section{max-width:1390px;margin:34px auto 0;padding:0 42px;scroll-margin-top:24px}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;align-items:center;gap:26px}.slack-group{position:relative;margin-left:89px}.slack-window{background:white;border:1px solid #d7dce0;border-radius:15px;box-shadow:0 13px 32px #12272d07;overflow:hidden;min-height:440px}.desktop-bar{height:31px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #e9eaec;background:#f7f8fa;padding:0 14px;position:relative}.desktop-bar>span{width:9px;height:9px;border-radius:50%;background:#ff6058}.desktop-bar>span:nth-child(2){background:#ffbd2e}.desktop-bar>span:nth-child(3){background:#27c841}.desktop-bar>div{position:absolute;left:90px;right:90px;text-align:center;font-size:9px;color:#71808b}.slack-layout{display:grid;grid-template-columns:136px minmax(0,1fr);min-height:410px}.slack-sidebar{background:#f8f9fb;border-right:1px solid #e7e9ec;padding:19px 8px}.slack-symbol{height:31px;width:31px;position:relative;margin:0 16px 26px}.slack-symbol i{position:absolute;width:8px;height:23px;border-radius:4px}.slack-symbol i:nth-child(1){background:#36c5f0;left:3px;top:0}.slack-symbol i:nth-child(2){background:#2eb67d;left:18px;top:3px;transform:rotate(90deg)}.slack-symbol i:nth-child(3){background:#ecb22e;left:20px;top:16px}.slack-symbol i:nth-child(4){background:#e01e5a;left:4px;top:17px;transform:rotate(90deg)}.side-item{display:flex;gap:10px;align-items:center;padding:10px 10px;font-size:11px;white-space:nowrap;color:#23313d}.side-item .icon{width:18px;height:18px}.side-item.selected{background:var(--sage);border-radius:5px;font-weight:550}.side-divider{height:15px}.hash{font-size:21px;line-height:18px}.slack-main{display:flex;flex-direction:column;min-width:0}.slack-channel{height:57px;border-bottom:1px solid #e7e9ec;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.slack-channel strong{font-size:17px;letter-spacing:-.45px;white-space:nowrap}.slack-channel strong>span:first-child{font-size:24px;font-weight:400;margin-right:6px}.slack-channel-icons{display:flex;align-items:center;gap:10px;font-size:10px}.slack-channel-icons .icon{width:15px;height:15px}.dots{font-size:21px;line-height:12px}.slack-messages{padding:24px 20px 20px}.slack-message{display:grid;grid-template-columns:39px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:26px}.slack-message:last-child{margin-bottom:0}.person-avatar{background:#efd7c6;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:20px;color:#4b3027}.otter-avatar{height:39px;width:39px;border-radius:50%;position:relative;background:#e6eddd;overflow:hidden;flex-shrink:0}.otter-avatar img{position:absolute;width:77px;max-width:none;left:-19px;top:-4px}.message-name{font-size:13px;font-weight:650;line-height:1.6;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.message-name time{font-size:10px;font-weight:400;color:#778394}.app-tag{font-size:9px;font-weight:500;background:#eef0f3;color:#596575;padding:0 4px;line-height:15px;border-radius:3px}.slack-message p{font-size:13px;line-height:1.65;margin:3px 0 0;letter-spacing:-.15px}mark{color:#0875ff;background:#eaf3ff;border-radius:3px;padding:1px 2px}.file-attachment{display:flex;align-items:center;gap:12px;background:white;border:1px solid #dfe3e9;border-radius:9px;padding:14px 12px;text-align:left;width:100%;margin-top:15px;color:var(--ink);transition:border-color .2s,box-shadow .2s}.file-attachment:hover{border-color:#9aac97;box-shadow:0 4px 12px #18372908}.file-icon{width:30px;height:38px;background:#247dff;color:white;display:grid;place-items:center;border-radius:3px;flex-shrink:0}.file-icon .icon{width:23px;height:27px;stroke-width:1.3}.file-attachment strong{font-size:11px;line-height:1.5;display:block;font-weight:650}.file-attachment small{font-size:10px;color:#6f7b8c;display:block;margin-top:2px}.attachment-open{margin-left:auto;color:#6b786b}.slack-composer{margin:auto 18px 15px;border:1px solid #e0e4e8;border-radius:7px;padding:9px 10px;color:#91a;display:none}.slack-composer>span{display:flex;gap:14px;font-size:11px;color:#687284}.slack-composer p{font-size:11px;color:#9099a3;margin:12px 0}.slack-composer>div{display:flex;gap:10px;align-items:center;color:#83909e;font-size:10px}.slack-composer .icon{width:14px;height:14px}.composer-send{margin-left:auto}.mascot{position:absolute;width:167px;height:auto;bottom:-9px;left:-118px;z-index:2;filter:drop-shadow(0 8px 4px #1726140c);pointer-events:none}.phone-group{position:relative;width:292px;padding-top:39px}.phone-switch{display:flex;justify-content:center;gap:16px;position:absolute;top:0;width:100%}.phone-switch button{font-size:11px;padding:4px 0 6px;background:none;color:#687581;border:0;border-bottom:1px solid transparent;min-height:28px}.phone-switch button[aria-pressed=true]{color:#11271d;border-color:#6b895c}.iphone{width:292px;aspect-ratio:390/844;background:#10151a;padding:7px;border:2px solid #687078;border-radius:46px;box-shadow:0 3px 0 #c7c9c8,0 15px 28px #17212810;position:relative}.iphone:before,.iphone:after{content:'';position:absolute;left:-4px;background:#49545a;width:2px;border-radius:2px}.iphone:before{height:20px;top:89px}.iphone:after{height:42px;top:137px}.phone-screen{height:100%;background:#fff;position:relative;overflow:hidden;border-radius:37px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;color:#050505}.status-bar{height:40px;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 21px;font-size:10px;font-weight:600}.dynamic-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:83px;height:23px;background:#070707;border-radius:20px}.status-icons{display:flex;align-items:center;gap:4px}.signal{display:flex;gap:1px;align-items:flex-end;height:9px}.signal i{width:2px;background:#111;border-radius:1px;height:3px}.signal i:nth-child(2){height:5px}.signal i:nth-child(3){height:7px}.signal i:nth-child(4){height:9px}.wifi{font-size:15px;transform:rotate(-35deg);line-height:10px}.battery{width:16px;height:8px;border:1px solid #666;border-radius:2px;position:relative}.battery:before{content:'';position:absolute;inset:1px;background:#111;border-radius:1px}.battery:after{content:'';position:absolute;right:-3px;top:2px;width:1px;height:3px;background:#777}.message-header{height:82px;background:#fafafa;border-bottom:1px solid #ececed;position:relative;display:flex;justify-content:center;align-items:center;flex-shrink:0}.back-chevron{position:absolute;left:12px;top:16px;font:34px/1 Arial;color:#007aff}.contact{display:flex;flex-direction:column;align-items:center;gap:3px}.contact .otter-avatar{width:37px;height:37px}.contact .otter-avatar img{width:74px;left:-19px}.contact strong{font-size:10px;font-weight:500}.contact strong span{color:#8c8e94;margin-left:2px}.contact-actions{position:absolute;right:16px;top:22px;color:#007aff;display:flex;gap:14px}.contact-actions .icon{width:19px;height:19px;stroke-width:1.5}.wa-call,.wa-online{display:none}.phone-messages{padding:10px 11px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:8px}.phone-messages::-webkit-scrollbar{display:none}.conversation-date{font-size:8px;line-height:1.5;color:#85848b;display:flex;flex-direction:column;text-align:center;margin:1px 0 7px}.bubble{font-size:12px;line-height:1.36;letter-spacing:-.15px;padding:9px 10px;border-radius:15px;max-width:89%;position:relative;flex-shrink:0;overflow-wrap:anywhere}.bubble.outgoing{background:#0782ff;color:white;align-self:flex-end;border-bottom-right-radius:5px}.bubble.incoming{background:#eae9ed;color:#101014;align-self:flex-start;border-bottom-left-radius:5px}.delivered{text-align:right;font-size:8px;color:#83858d;margin:-4px 1px 0;flex-shrink:0}.phone-composer{display:flex;align-items:center;gap:7px;padding:9px 10px 11px;flex-shrink:0;background:#fff}.add-attachment{display:grid;place-items:center;border-radius:50%;background:#ededf0;color:#777d86;width:25px;height:25px;flex-shrink:0}.add-attachment .icon{width:16px;height:16px;stroke-width:1.5}.phone-input-wrap{display:flex;align-items:center;min-width:0;flex:1;border:1px solid #dadce0;min-height:29px;border-radius:22px;padding:0 3px 0 10px}.phone-input-wrap input{width:100%;min-width:0;outline-offset:0;border:0;background:transparent;font-size:12px;color:#111;padding:4px 0}.phone-input-wrap input::placeholder{color:#a0a1a8}.phone-send{background:#0782ff;border:0;color:white;border-radius:50%;width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;padding:3px}.phone-send .icon{width:16px;height:16px;transform:rotate(-90deg);stroke-width:2}.home-indicator{width:95px;height:4px;background:#090909;border-radius:6px;align-self:center;flex-shrink:0;margin:3px 0 7px}.iphone[data-mode=whatsapp] .message-header{height:59px;justify-content:flex-start;padding-left:32px;background:#f8f9f8}.iphone[data-mode=whatsapp] .contact{flex-direction:row;gap:7px;flex-wrap:wrap;justify-content:flex-start;width:130px}.iphone[data-mode=whatsapp] .contact .otter-avatar{width:30px;height:30px}.iphone[data-mode=whatsapp] .contact .otter-avatar img{width:62px;left:-16px;top:-3px}.iphone[data-mode=whatsapp] .contact strong{font-size:11px}.iphone[data-mode=whatsapp] .contact strong span{display:none}.iphone[data-mode=whatsapp] .wa-online{display:block;position:absolute;left:69px;top:31px;font-size:8px;color:#7e857f}.iphone[data-mode=whatsapp] .wa-call{display:block}.iphone[data-mode=whatsapp] .contact-actions{top:20px;right:12px;gap:10px;color:#128c7e}.iphone[data-mode=whatsapp] .contact-actions .icon{width:16px;height:16px}.iphone[data-mode=whatsapp] .back-chevron{color:#128c7e;font-size:29px;left:10px;top:12px}.iphone[data-mode=whatsapp] .phone-messages{background:#eeeae1;background-image:radial-gradient(#c4bfae45 .75px,transparent .75px);background-size:13px 13px;padding-top:15px}.iphone[data-mode=whatsapp] .conversation-date{align-self:center;background:#fff9;font-size:8px;border-radius:4px;padding:3px 6px}.iphone[data-mode=whatsapp] .conversation-date .service-name{display:none}.iphone[data-mode=whatsapp] .bubble{border-radius:8px;box-shadow:0 1px 1px #15281b0c}.iphone[data-mode=whatsapp] .bubble.outgoing{background:#d8f8c6;color:#111;position:relative;padding-bottom:17px}.iphone[data-mode=whatsapp] .bubble.outgoing:after{content:'9:41 ✓✓';position:absolute;bottom:3px;right:7px;font-size:7px;color:#568a83}.iphone[data-mode=whatsapp] .bubble.incoming{background:#fff}.iphone[data-mode=whatsapp] .delivered{display:none}.iphone[data-mode=whatsapp] .phone-composer{background:#f7f7f5}.iphone[data-mode=whatsapp] .phone-send{background:#128c7e}.iphone[data-mode=whatsapp] .home-indicator{background:#101010}.demo-caption{font-size:10px;color:#77818a;display:flex;justify-content:center;gap:18px;align-items:center;flex-wrap:wrap;margin:20px 0 0;line-height:1.6}.text-button{background:none;border:0;padding:4px;color:#657561;font-size:10px;text-decoration:underline;text-underline-offset:3px}.section-wrap{max-width:1140px;margin-left:auto;margin-right:auto;padding:0 36px}.work-section{padding-top:123px;padding-bottom:94px}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:0 70px;margin-bottom:39px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:16px}h2{font:550 clamp(38px,3.8vw,53px)/1.08 var(--display);letter-spacing:-1.8px;margin:0}.section-heading>p:last-child{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 3px}.work-index{border-top:1px solid #cbd2c7}.work-index button{display:grid;grid-template-columns:44px 1fr 1fr 20px;gap:12px;align-items:center;width:100%;padding:27px 0;background:none;border:0;border-bottom:1px solid #cbd2c7;color:var(--ink);text-align:left;transition:background .2s}.work-index button:hover{background:#eff2e866}.index-number{font-size:12px;color:#75826f}.work-name{font:400 29px/1.1 var(--display);letter-spacing:-.5px}.work-result{font-size:12px;color:#647064;padding-left:24px}.work-arrow{font-size:21px;font-weight:400;color:#638057}.work-index button[aria-pressed=true] .index-number{color:#3c6734}.index-caption{font-size:10px;color:#7c8677;margin-top:14px}.how-section{background:#eff1e7;padding:83px 0 77px}.how-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.how-inner .eyebrow{margin-bottom:20px}.inline-link{display:inline-block;border-bottom:1px solid #87947d;padding-bottom:5px;margin-top:29px;font-size:12px}.inline-link span{margin-left:15px}.how-steps{list-style:none;padding:0;margin:0}.how-steps li{display:grid;grid-template-columns:30px 1fr;gap:14px;border-top:1px solid #d4daca;padding:24px 0}.how-steps li:first-child{padding-top:10px;border-top:0}.how-steps li>span{font-size:11px;color:#6d7b62;padding-top:5px}.how-steps h3{font-size:15px;font-weight:550;margin:0 0 7px;letter-spacing:-.2px}.how-steps p{font-size:13px;line-height:1.7;color:#667260;margin:0;max-width:355px}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;padding-top:100px;padding-bottom:95px}.faq-section .eyebrow{margin-bottom:20px}.faq-list details{border-bottom:1px solid #dde1d8;padding:0 0 19px;margin:0 0 19px}.faq-list summary{list-style:none;cursor:pointer;font-size:14px;padding-right:25px;position:relative;font-weight:500;line-height:1.5}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:-2px;font-size:22px;font-weight:400;color:#6d7e64}.faq-list details[open] summary:after{content:'−'}.faq-list p{font-size:13px;line-height:1.8;color:#6b746a;margin:12px 20px 0 0}.closing{text-align:center;padding:78px 24px 90px;border-top:1px solid #e4e6df}.closing h2{font-size:69px;letter-spacing:-2px}.closing .eyebrow{margin-bottom:22px}.closing .button{margin-top:29px}.closing>p:last-child{font-size:11px;color:var(--muted);margin-top:16px}.footer{border-top:1px solid #e1e4dc;padding-top:27px;padding-bottom:30px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .brand{font-size:28px}.footer .brand-mark{font-size:36px}.footer>span{font-size:10px;color:#7a8377}.footer>div{display:flex;gap:22px;font-size:11px;color:#5d6b5b}dialog{border:1px solid #d9dece;border-radius:14px;padding:42px;width:min(570px,calc(100% - 32px));color:var(--ink);background:var(--paper);box-shadow:0 24px 80px #111e192e}dialog::backdrop{background:#0b201c55;backdrop-filter:blur(4px)}dialog h2{font-size:40px;letter-spacing:-1px}.dialog-close{position:absolute;right:16px;top:12px;background:none;border:0;font:30px/1 var(--sans);color:#6a7664;padding:4px 8px}.brief-intro{color:#6b7766;font-size:14px;line-height:1.6;margin:17px 0 25px}.brief-row{border-top:1px solid #dce1d4;padding:17px 0;display:flex;justify-content:space-between;gap:25px;font-size:13px;line-height:1.5}.brief-row b{font-weight:500}.brief-row span{color:#608051;text-align:right}.brief-sources{font-size:11px;color:#7c8676;margin-top:20px;line-height:1.8}.brief-note{font-size:10px;line-height:1.7;color:#7c8578;margin:25px 0 0}.phone-note{font-size:8px;text-align:center;color:#7e8a80;flex-shrink:0;margin:5px 0}
@media(min-width:1400px){.hero{padding-top:83px}.demo-section{margin-top:43px}.slack-window{min-height:470px}.slack-layout{min-height:440px}.slack-messages{padding-top:29px}.slack-composer{display:block}.slack-group{margin-left:110px}.mascot{width:185px;left:-137px}.hero h1{font-size:84px}}
@media(max-width:1100px){.nav-wrap{padding:0 28px}.site-header nav{gap:23px;font-size:12px}.demo-section{padding:0 28px}.demo-layout{grid-template-columns:minmax(0,1fr) 256px;gap:20px}.phone-group,.iphone{width:256px}.iphone{border-radius:41px;padding:6px}.phone-screen{border-radius:33px}.status-bar{height:36px;padding:0 17px;font-size:9px}.dynamic-island{height:21px;width:75px;top:7px}.message-header{height:71px}.phone-messages{gap:7px;padding:8px}.bubble{font-size:11px;padding:8px 9px}.slack-group{margin-left:59px}.slack-layout{grid-template-columns:107px minmax(0,1fr)}.slack-sidebar{padding-left:5px;padding-right:5px}.side-item{font-size:10px;gap:7px;padding:10px 7px}.slack-channel{padding:0 15px}.slack-channel-icons{gap:7px}.slack-channel-icons .icon:nth-of-type(2){display:none}.slack-channel strong{font-size:14px}.slack-messages{padding:21px 14px}.slack-message{grid-template-columns:33px minmax(0,1fr);gap:9px}.slack-message p{font-size:11px}.person-avatar,.slack-message>.otter-avatar{height:33px;width:33px}.message-name{font-size:11px;gap:5px}.message-name time{font-size:9px}.file-attachment{padding:10px 8px;gap:9px}.file-attachment strong{font-size:10px}.file-attachment small{font-size:9px}.mascot{width:126px;left:-82px}.how-inner,.faq-section{gap:55px}.work-name{font-size:25px}.work-result{font-size:11px;padding-left:15px}.section-wrap{padding-left:32px;padding-right:32px}.work-section{padding-top:95px;padding-bottom:80px}}
@media(max-width:800px){.hero{padding-top:61px}.hero h1{font-size:clamp(38px,6.6vw,56px);letter-spacing:-2px}.hero-description{font-size:17px}.eyebrow{font-size:10px}.nav-wrap{height:78px;padding:0 24px;gap:20px}.brand{font-size:30px;gap:10px}.brand-mark{font-size:42px}.site-header nav{gap:20px}.site-header nav a:nth-child(3),.site-header nav a:nth-child(4){display:none}.button-small{min-height:40px;padding:10px 13px;font-size:11px}.demo-section{padding:0 24px;margin-top:35px}.demo-layout{grid-template-columns:minmax(0,1fr) 240px;gap:14px}.slack-group{margin-left:0}.slack-sidebar{display:none}.slack-layout{grid-template-columns:1fr;min-height:400px}.slack-channel{height:53px;padding:0 13px}.slack-channel-icons{display:none}.slack-channel strong{font-size:15px}.slack-messages{padding:22px 14px}.slack-message{gap:8px;grid-template-columns:30px minmax(0,1fr);margin-bottom:25px}.slack-message p{font-size:12px}.message-name{font-size:12px}.message-name time{font-size:9px}.person-avatar,.slack-message>.otter-avatar{width:30px;height:30px}.file-attachment{padding:12px 9px}.file-icon{width:24px;height:31px}.file-attachment strong{font-size:10px}.mascot{width:100px;left:-12px;bottom:-19px}.phone-group,.iphone{width:240px}.iphone{border-radius:37px;padding:5px}.phone-screen{border-radius:30px}.bubble{font-size:10px;padding:8px}.phone-messages{gap:7px}.conversation-date{font-size:7px}.contact strong{font-size:9px}.phone-input-wrap input{font-size:11px}.phone-composer{padding:8px 8px 7px}.home-indicator{width:80px;height:3px}.demo-caption{margin-top:30px;font-size:9px;gap:10px}.work-section{padding-top:82px;padding-bottom:65px}.section-heading{gap:30px}.section-heading>p:last-child{font-size:12px}.work-index button{grid-template-columns:28px 1fr .85fr 16px;gap:10px;padding:23px 0}.work-name{font-size:24px}.work-result{padding-left:0;font-size:11px}.how-inner,.faq-section{gap:38px}.how-section{padding:65px 0}.how-steps p{font-size:12px}.how-steps h3{font-size:14px}.faq-section{padding-top:75px;padding-bottom:60px}.faq-list summary{font-size:13px}.faq-list p{font-size:12px}.closing h2{font-size:60px}.footer{flex-wrap:wrap}.footer>span{order:3;flex-basis:100%}}
@media(max-width:590px){.nav-wrap{height:73px;padding:0 20px;gap:12px}.brand{font-size:28px}.brand-mark{font-size:39px}.site-header nav{display:none}.button-small{font-size:11px}.hero{padding:53px 18px 0}.hero .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:22px}.hero h1{font-size:clamp(32px,8.1vw,44px);line-height:1.1;letter-spacing:-1.4px}.hero-description{font-size:14px;line-height:1.7;letter-spacing:-.2px;margin:22px 0}.hero-actions{gap:9px}.button{font-size:12px;min-height:48px;padding:13px 18px;border-radius:8px}.hero-actions .icon{width:15px;height:15px}.channel-note{font-size:10px;margin-top:16px}.demo-section{padding:0 18px;margin-top:38px}.demo-layout{display:flex;flex-direction:column;gap:37px}.slack-group{width:100%;max-width:480px;margin:0}.slack-window{min-height:350px;border-radius:11px}.desktop-bar{height:28px}.slack-layout{min-height:322px}.slack-channel{height:48px}.slack-channel strong{font-size:15px}.slack-messages{padding:21px 17px 39px}.slack-message{grid-template-columns:33px minmax(0,1fr);gap:10px;margin-bottom:25px}.slack-message p{font-size:12px;line-height:1.7}.message-name{font-size:12px}.person-avatar,.slack-message>.otter-avatar{width:33px;height:33px}.file-attachment strong{font-size:11px}.file-attachment small{font-size:10px}.file-attachment{padding:12px 10px}.mascot{width:90px;left:-7px;bottom:-12px}.phone-group{width:284px;padding-top:41px}.iphone{width:284px;border-radius:45px;padding:6px}.phone-screen{border-radius:36px}.status-bar{height:40px;font-size:10px;padding:0 20px}.dynamic-island{height:23px;width:81px;top:8px}.message-header{height:80px}.contact .otter-avatar{width:37px;height:37px}.contact strong{font-size:10px}.contact-actions{top:23px}.phone-messages{padding:10px 11px;gap:9px}.bubble{font-size:12px;line-height:1.4;padding:9px 10px}.conversation-date{font-size:8px}.delivered{font-size:8px}.phone-composer{padding:10px 10px 11px}.phone-input-wrap input{font-size:16px;transform:scale(.78);transform-origin:left center;width:125%;margin-right:-25%}.phone-input-wrap{min-height:31px}.home-indicator{width:95px;height:4px}.demo-caption{margin-top:23px;font-size:9px;gap:3px;text-align:center}.demo-caption>span{max-width:280px}.text-button{font-size:10px;min-height:34px}.section-wrap{padding-left:23px;padding-right:23px}.work-section{padding-top:76px;padding-bottom:60px}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:43px}.section-heading>p:last-child{margin-top:20px;font-size:13px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.7px}.work-index button{grid-template-columns:25px 1fr 20px;gap:8px;padding:22px 0}.work-name{font-size:26px;grid-column:2}.work-result{grid-column:2;grid-row:2;font-size:11px;margin-top:3px}.work-arrow{grid-column:3;grid-row:1/3}.index-number{grid-row:1/3;align-self:start;margin-top:6px;font-size:10px}.how-inner,.faq-section{grid-template-columns:1fr;gap:37px}.how-section{padding:58px 0 35px}.how-inner h2,.faq-section h2{font-size:44px}.how-inner .eyebrow,.faq-section .eyebrow{font-size:9px;letter-spacing:1.8px}.inline-link{margin-top:23px}.how-steps li{padding:23px 0}.how-steps h3{font-size:15px}.how-steps p{font-size:13px}.faq-section{padding-top:65px;padding-bottom:55px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.closing{padding:54px 20px 64px}.closing h2{font-size:56px}.closing .eyebrow{font-size:9px}.footer{padding-top:23px;padding-bottom:24px;gap:20px}.footer .brand{font-size:25px}.footer .brand-mark{font-size:34px}.footer>div{gap:16px;font-size:10px}.footer>span{font-size:9px}dialog{padding:37px 24px 26px}dialog h2{font-size:33px}dialog .eyebrow{font-size:9px;letter-spacing:1.6px}.brief-row{font-size:12px;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

.hero-mobile-break{display:none}@media(max-width:590px){.hero-mobile-break{display:block}}

/* Brand and messaging app marks */
.brand{gap:10px}.brand-otter{position:relative;display:inline-block;flex:none;width:45px;height:45px;overflow:hidden;border-radius:50%}.brand-otter img{position:absolute;max-width:none;width:78px;height:auto;left:-20px;top:-3px}.footer .brand-otter{width:38px;height:38px}.footer .brand-otter img{width:68px;left:-18px;top:-3px}
.channel-note{display:flex;justify-content:center;align-items:center;gap:12px}.channel-app{display:inline-flex;align-items:center;gap:6px}.channel-app img{width:18px;height:18px;object-fit:contain}.channel-note .channel-divider{color:#a4aaa4}
.slack-preview-label{display:flex;align-items:center;gap:7px;position:absolute;left:2px;top:-34px;font-size:11px;color:#687581;line-height:28px}.slack-preview-label img{object-fit:contain}.phone-switch button{display:inline-flex;align-items:center;gap:6px}.phone-switch button img{flex:none;object-fit:contain}
@media(max-width:590px){.brand{gap:7px}.brand-otter{width:38px;height:38px}.brand-otter img{width:68px;left:-18px;top:-3px}.channel-note{gap:9px}.channel-app{gap:5px}.channel-app img{width:16px;height:16px}.slack-preview-label{top:-29px}.demo-section{margin-top:48px}}