*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#f6f7f1;color:#193e34;font-family:'Leelawadee UI','Segoe UI',Tahoma,sans-serif;font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d99337;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-70px;background:white;padding:12px;z-index:99}.skip:focus{top:0}header{max-width:1440px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;gap:10px;align-items:center;font-size:17px;font-weight:800;letter-spacing:2px;line-height:1.3}.brand svg{width:50px;color:#287b61}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:5px}nav{display:flex;gap:34px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:#174d3d;color:white;border-radius:9px;padding:16px 23px;font-weight:650;transition:background .2s,transform .2s}.button:hover{background:#28745a;transform:translateY(-2px)}.button.small{padding:10px 18px;font-size:13px}.hero{padding:52px 5% 0;max-width:1440px;margin:auto}.hero-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:45px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:750;margin:0 0 23px;color:#648074}.eyebrow i,.showcase-heading i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5a9b6c;margin-right:8px}h1{font-size:clamp(35px,3.8vw,58px);line-height:1.45;letter-spacing:-1.8px;margin:0;font-weight:750}h1 span{color:#53806b}h2{font-size:36px;letter-spacing:-1px;line-height:1.5;margin:0 0 18px}h2 span{color:#6d8778}h3{font-size:18px;line-height:1.5;margin:0 0 10px}p{margin:0 0 20px}.hero-copy{padding-bottom:8px;max-width:365px;color:#62766b}.hero-copy .button{font-size:14px;color:white;white-space:nowrap}.sub-link{display:block;font-size:13px;margin-top:16px;font-weight:650}.showcase{border:1px solid #ccdbce;background:#e3ede2;border-radius:18px;padding:12px;box-shadow:0 35px 60px -35px #25473666;scroll-margin-top:30px}.showcase-heading{display:flex;justify-content:space-between;padding:5px 11px 15px;font-size:10px;letter-spacing:1.5px}.showcase-heading em{font-style:normal;font-weight:400;letter-spacing:0;margin-left:18px;color:#75877b}.preview-tabs{display:flex;gap:8px;padding:0 5px 12px}.preview-tabs button{border:1px solid transparent;background:transparent;padding:8px 18px;border-radius:7px;font-size:12px;color:#586d60}.preview-tabs button[aria-selected=true]{background:#fff;border-color:#c9d9cb;color:#164b3d;box-shadow:0 3px 5px #234b3110}.app-preview{display:flex;height:478px;background:white;border:1px solid #ceddd0;border-radius:10px;overflow:hidden}.rail{width:60px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;background:#164b3d;color:#b9deca;padding:16px 4px;gap:21px;font-size:20px}.rail b{color:#95d9b6;margin-bottom:9px}.rail span{text-align:center;width:100%;line-height:1.3;padding:5px 0}.rail span.active{border-radius:7px;background:#ffffff15;color:white}.rail small{display:block;font-size:8px;margin-top:5px}.rail-bottom{margin-top:auto}.screen{flex:1;min-width:0}.mini-top{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#f1f7f2;border-bottom:1px solid #e3ece4;font-size:10px}.mini-top span{color:#728878}.mini-top .teal{color:#358565;margin-left:15px}.inbox{display:flex;height:calc(100% - 36px)}.customers{width:26%;border-right:1px solid #e5ebe5;padding:16px 10px;flex-shrink:0}.inbox-title{display:flex;justify-content:space-between;padding:0 6px;font-size:13px}.inbox-title span{font-size:10px;background:#e9f3eb;border-radius:5px;padding:0 6px}.fold{font-size:9px;color:#6c8474;border-bottom:1px solid #e4eae3;padding:13px 6px;margin:0 0 5px}.customer{position:relative;display:flex;align-items:flex-start;gap:9px;padding:16px 7px;border-bottom:1px solid #edf1eb;font-size:11px}.customer.selected{background:#eaf5ed;border:1px solid #c6dfcd;border-radius:8px}.customer i,.avatar{width:30px;height:30px;border-radius:50%;background:#d9eae1;color:#27715a;font-style:normal;display:grid;place-items:center;flex-shrink:0}.customer small{display:block;font-size:9px;color:#7a8c7c;margin:4px 0}.customer time{position:absolute;right:8px;top:14px;font-size:8px;color:#7b8f82}label{display:inline-block;padding:1px 7px;border-radius:20px;background:#d7f0df;color:#27724d;font-size:8px;font-weight:700}.tg{background:#e0eff7;color:#307da0}.list-note{font-size:9px;text-align:center;color:#8b9b90;padding-top:20px}.conversation{flex:1;min-width:0;display:flex;flex-direction:column}.chat-head{display:flex;align-items:center;gap:9px;padding:13px 16px;border-bottom:1px solid #edf1ec;font-size:12px}.chat-head small{display:block;font-size:8px;color:#8b9b90}.assigned{font-size:8px;color:#508367;margin-left:auto;border:1px solid #dce8dd;border-radius:5px;padding:4px}.messages{flex:1;display:flex;flex-direction:column;padding:12px 22px;background:#f5f8f1 url('/assets/platalay-sea-pattern.svg') center/600px;overflow:hidden}.date{text-align:center;font-size:8px;color:#8fa28e;margin-bottom:12px}.bubble{font-size:11px;line-height:1.65;margin:0 0 10px;padding:9px 13px;max-width:85%;border-radius:12px;box-shadow:0 2px 3px #183b2910}.incoming{align-self:flex-start;background:white;border:1px solid #e4ebe1;border-bottom-left-radius:3px}.outgoing{align-self:flex-end;background:#216a51;color:white;border-bottom-right-radius:3px}.bubble small{display:block;text-align:right;font-size:7px;opacity:.65;margin-top:3px}.slip-chip{display:flex;gap:10px;background:white;border:1px solid #e3ebe0;padding:10px 12px;border-radius:8px;font-size:11px;align-self:flex-start;align-items:center}.slip-chip small{display:block;font-size:7px;color:#839580}.slip-chip b{margin-left:15px}.composer{margin:10px 14px;border:1px solid #dbe5d9;border-radius:9px;padding:12px;font-size:10px;color:#91a08f}.composer>div{display:flex;justify-content:space-between;align-items:center;margin-top:15px;font-size:9px}.composer b{background:#1e604b;color:white;padding:6px 10px;border-radius:5px}.profile{width:18%;padding:25px 18px;border-left:1px solid #e5ece3;text-align:center}.big-avatar{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 9px;background:#e5f0e7;border-radius:50%;font-size:22px;font-style:normal}.profile h3{font-size:12px;margin:0}.profile small{font-size:9px;color:#8b9a89}.profile hr{border:0;border-top:1px solid #e6ece2;margin:20px 0}.profile p{text-align:left;font-size:8px;color:#879781}.profile strong{display:block;color:#50664f;font-size:9px;margin-top:5px;font-weight:500}.profile .tag{display:inline-block;background:#f7ead4;padding:2px 7px;border-radius:4px}.preview-caption{display:flex;justify-content:space-between;font-size:10px;padding:12px 8px 1px;color:#728671}.preview-caption a{font-weight:650}.slip-demo{padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:#f6f9f3;height:calc(100% - 36px)}.slip-demo h2{font-size:28px}.slip-demo p{font-size:12px;color:#6c8270}.sample-person{display:flex;gap:10px;align-items:center;font-size:12px}.sample-person small{display:block;font-size:10px;color:#758771}.receipt{background:white;border:1px solid #d7e4d3;border-radius:12px;padding:25px;box-shadow:0 15px 30px #1b493512;max-width:370px}.receipt-head{color:#208358;font-size:22px;border-bottom:1px dashed #d7e1d2;padding-bottom:12px}.receipt-head span{font-size:12px}.receipt p{margin:12px 0 0;font-size:10px}.amount{font-size:32px}.amount small{font-size:12px}.receipt dl{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:12px}.receipt dd{margin:0;color:#368056}.receipt-note{background:#f0f6ec;padding:9px;font-size:9px;color:#7e9077;border-radius:6px}.broadcast-demo{padding:35px 50px}.broadcast-demo h2{font-size:28px}.broadcast-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.broadcast-options article{padding:22px;border:1px solid #d6e3d6;border-radius:12px;background:#f8faf5}.channel-icon{font-size:20px;color:#2a8194}.broadcast-options h3{font-size:17px}.broadcast-options p{font-size:12px;color:#758770}.broadcast-options label{font-size:10px}.quota{background:#f8ebd7;color:#936b28}.demo-footnote{font-size:10px;color:#7c8b73;margin-top:18px}.section,.principles{max-width:1280px;margin:0 auto;padding:95px 4%}.principles{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px;padding-top:70px;padding-bottom:60px;border-bottom:1px solid #dce4d7}.principles>p{font-size:13px;color:#82917a}.principles strong{font-size:18px;color:#193e34}.principles b{color:#7f9c72;font-size:11px}.principles h3{font-size:16px;margin:8px 0 4px}.principles div p{font-size:12px;color:#7a8b71}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}.section-heading>p{font-size:14px;color:#7a8b72}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-grid article{background:#fff;border:1px solid #e0e7d9;border-radius:12px;padding:28px}.feature-icon{display:grid;place-items:center;background:#eaf2e5;width:42px;height:42px;border-radius:11px;font-size:21px;margin-bottom:23px;color:#497657}.feature-grid p{font-size:13px;color:#798a73;margin:0}.channels{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:20px}.channels>div>p:not(.eyebrow){font-size:14px;color:#75866f}.channel-stack article{background:#edf2e7;border:1px solid #d8e2cf;border-radius:12px;padding:26px;margin-bottom:15px}.channel-stack label{font-size:10px;margin-bottom:14px}.channel-stack p{font-size:12px;margin:0;color:#718168}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid #dce4d7}.pricing-intro p:not(.eyebrow){color:#74836d}.price-decoration{display:block;font-size:145px;color:#c8d7bd;line-height:1.1}.price-card{background:#fff;border:1px solid #bfcfb6;border-radius:17px;padding:38px;box-shadow:0 25px 45px -25px #21463240}.plan-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}.plan-top label{font-size:11px}.price{font-size:64px;font-weight:750;letter-spacing:-3px;line-height:1.4;margin:25px 0 2px}.price span{font-size:16px;font-weight:400;letter-spacing:0}.price-card>p{font-size:13px;color:#7b8a73}.price-card ul{list-style:none;padding:20px 0;margin:20px 0;border-top:1px solid #e1e8db}.price-card li{font-size:13px;margin:12px 0;padding-left:23px;position:relative}.price-card li:before{content:'✓';position:absolute;left:0;color:#3a8660}.price-card .button{width:100%}.price-card .price-note{font-size:11px;margin:17px 0 0;color:#7b8475}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px;padding-top:25px}.faq details{border-bottom:1px solid #dbe3d3;padding:18px 0}.faq summary{cursor:pointer;font-size:15px}.faq details p{font-size:13px;color:#738269;margin:12px 0 0}.contact{background:#154c3b;color:#fff;max-width:none;padding:60px max(6%,calc((100vw - 1160px)/2));display:flex;align-items:center;justify-content:space-between;gap:40px}.contact .eyebrow{color:#a9c6ab}.contact p:not(.eyebrow){font-size:14px;color:#b9d1bb;margin:0}.contact h2{font-size:38px}.button.light{background:#deedb6;color:#224830;white-space:nowrap}footer{padding:32px 5%;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:25px}footer p{margin:0;color:#829077}footer .brand{font-size:13px}footer .brand small{letter-spacing:2px}
@media(min-width:1450px){.hero{padding-top:70px}.app-preview{height:510px}.bubble{font-size:12px}}
@media(max-width:1000px){.hero-top{align-items:flex-start;gap:20px}.hero-copy{max-width:300px;font-size:13px}.hero-copy .button{font-size:12px;padding:13px}.profile{display:none}.customers{width:32%}h1{font-size:38px}.section,.principles{padding-left:5%;padding-right:5%}.channels,.pricing{gap:35px}.price-card{padding:25px}.principles{gap:18px}.feature-grid{gap:12px}.feature-grid article{padding:22px}.slip-demo{gap:25px;padding:25px}}
@media(max-width:700px){header{padding:19px 5%;gap:12px}.brand{font-size:13px;letter-spacing:1px}.brand svg{width:35px}.brand small{font-size:8px}nav{gap:13px;font-size:11px}header .button{display:none}.hero{padding-top:28px}.hero-top{display:block;margin-bottom:28px}h1{font-size:35px;letter-spacing:-1.2px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:15px}.hero-copy{max-width:100%;margin-top:23px}.hero-copy p{font-size:14px}.hero-copy .button{font-size:13px}.hero-copy .sub-link{display:inline-block;margin-left:13px;font-size:11px}.showcase{padding:7px;border-radius:12px}.showcase-heading{font-size:8px;padding:6px 4px 10px}.showcase-heading em,.showcase-heading>span:last-child{display:none}.preview-tabs{gap:3px;padding:0 0 8px}.preview-tabs button{font-size:10px;padding:7px 9px;flex:1}.app-preview{height:450px}.rail{width:37px;font-size:17px;gap:17px;padding:14px 2px}.rail small{font-size:6px}.customers{display:none}.mini-top{padding:0 9px;font-size:9px}.mini-top>span{font-size:7px}.mini-top .teal{display:none}.chat-head{padding:12px 9px;font-size:11px}.chat-head .assigned{font-size:7px;padding:3px}.messages{padding:13px 10px}.bubble{font-size:10px;max-width:95%}.composer{margin:8px;padding:10px}.preview-caption{font-size:8px;gap:12px;align-items:center}.preview-caption a{white-space:nowrap}.slip-demo{display:block;padding:18px;overflow:auto}.slip-demo h2{font-size:22px}.slip-demo .eyebrow{margin-bottom:7px}.slip-demo p{font-size:10px}.sample-person{display:none}.receipt{padding:15px;margin-top:12px}.receipt-head{font-size:16px}.amount{font-size:26px}.receipt dl{font-size:9px;gap:6px}.receipt-note{font-size:8px}.broadcast-demo{padding:20px 12px;overflow:auto;height:calc(100% - 36px)}.broadcast-demo h2{font-size:23px}.broadcast-options{grid-template-columns:1fr;gap:10px}.broadcast-options article{padding:12px}.broadcast-options h3{font-size:14px}.broadcast-options p{font-size:10px;margin-bottom:8px}.channel-icon{float:right}.broadcast-options label{font-size:8px}.demo-footnote{font-size:8px}.section{padding:55px 6%}.principles{grid-template-columns:1fr 1fr;padding:45px 6% 30px;gap:20px}.principles strong{font-size:15px}.principles h3{font-size:14px}.principles div p{font-size:11px}.section-heading{display:block;margin-bottom:25px}h2{font-size:28px}.section-heading>p{font-size:13px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-grid article{padding:17px}.feature-grid h3{font-size:15px}.feature-grid p{font-size:11px}.feature-icon{width:33px;height:33px;margin-bottom:15px;font-size:18px}.channels,.pricing,.faq{grid-template-columns:1fr;gap:25px}.channels{padding-top:0}.channel-stack article{padding:22px}.price-decoration{display:none}.price{font-size:59px}.price-card li{font-size:12px}.price-card .price-note{font-size:10px}.faq{padding-top:5px}.faq summary{font-size:14px}.contact{display:block;padding:40px 6%}.contact h2{font-size:30px}.contact .button{margin-top:25px;font-size:13px}.contact p:not(.eyebrow){font-size:12px}footer{flex-wrap:wrap;font-size:10px;padding:25px 6%;gap:16px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
