/* Home navigation and conversation preview. */
:root{--bg:#101512;--surface:#1d2821;--line:#34483c;--text:#f3f8f4;--soft:#c2d4c8;--muted:#92ac9c;--blue:#a0eac1}
body{background:var(--bg)}body *{letter-spacing:0!important}.landing-page{max-width:1440px;padding:0 36px}.landing-header{min-height:80px}.landing-nav{gap:24px}.landing-nav>a{color:var(--soft)}.landing-brand{font-size:24px}.landing-brand img{width:38px;height:38px}
.products-menu-trigger{background:var(--surface)!important;color:var(--soft)!important;border-color:var(--line)!important;border-radius:8px}.products-menu-list{left:auto;right:0;border-color:var(--line);background:var(--surface);border-radius:8px}.products-menu-list a{border-radius:6px}.products-menu-list small{color:var(--muted)}.products-menu-icon{border-radius:8px;background:#366449}.products-menu-list a:nth-child(2) .products-menu-icon{background:#655475}.account-chip,.account-dropdown{background:var(--surface);border-color:var(--line);border-radius:8px}.account-chip{max-width:210px}.account-copy strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy small{color:var(--muted)}.account-dropdown-head>span:last-child{overflow-wrap:anywhere}
.hero-section{display:block;min-height:0;padding:32px 0 24px;overflow:visible}.hero-section:before{display:none}.hero-copy{max-width:800px;margin:auto;text-align:center;display:block}.hero-kicker{display:block;width:auto;padding:0;border:0;border-radius:0;background:none;font-size:12px;color:#a0eac1;text-transform:none}.hero-copy h1{font-size:64px;line-height:1.08;margin:12px 0 16px}.hero-copy h1 span{color:#a0eac1}.hero-copy>p{max-width:560px;margin:0 auto;font-size:18px;line-height:1.5;color:var(--soft)}.hero-actions{justify-content:center;margin-top:20px}.hero-primary,.hero-secondary{min-height:44px;border-radius:8px;font-size:14px}.hero-primary,.login-button{background:#a0eac1;color:#142c1e}.hero-primary:hover{background:#bcf5d5;color:#142c1e}.hero-secondary{border-color:var(--line)}
.phone-stage{display:block;height:auto;min-height:0;width:100%;margin:26px auto 0}.stage-glow,.phone-speaker,.phone-status{display:none}.phone-device{width:100%;max-width:1000px;height:auto;min-height:0;padding:0;margin:auto;border:0;border-radius:0;box-shadow:none;background:none;transform:none}.phone-device:before,.phone-device:after{display:none}.phone-screen{display:block;height:auto;border-radius:0;overflow:visible;background:none}.phone-chat-head{min-height:54px;padding:8px 0;background:none;border-color:var(--line)}.phone-chat-head .avatar{width:36px;height:36px;background:#e5bf80;color:#49371b}.phone-chat-head strong{font-size:14px}.phone-chat-head small{color:var(--muted);font-size:11px}.phone-chat-head>a{margin-left:auto;display:grid;place-items:center;width:40px;height:40px;color:#a0eac1}
.phone-messages{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 156px;grid-template-rows:20px auto auto;align-items:center;gap:8px 22px;padding:10px 0 16px;background:none;overflow:visible}.phone-date{grid-column:1/-1;justify-self:center;background:none;color:var(--muted);padding:0}.phone-message{max-width:100%;padding:12px 15px;border-radius:8px;line-height:1.4;font-size:15px;overflow-wrap:anywhere;animation:preview-arrive .6s both}.phone-message.incoming{grid-column:1;grid-row:2;background:#283e30}.phone-message.outgoing{grid-column:2;grid-row:2;background:#ccebd7;color:#183423;animation-delay:.2s}.phone-message small{color:inherit;opacity:.65}.phone-voice{grid-column:2;grid-row:3;width:100%;min-height:0;padding:8px 12px;align-items:center;border-radius:8px;background:#ccebd7;color:#183423;box-shadow:none;animation:preview-arrive .6s .35s both}.phone-voice button{flex-basis:36px;width:36px;height:36px;background:#276c43;color:#fff;box-shadow:none}.phone-voice-content{grid-template-rows:24px 12px;gap:3px}.phone-voice-track{height:24px;margin:0}.phone-voice .wave i{background:#689b7b;box-shadow:none}.phone-voice .wave i.played{background:#164b2a}.phone-voice-meta,.phone-voice-file-size{font-size:10px;color:#416b50}.phone-voice-sent{position:static;font-size:10px;color:#416b50}.phone-video-card{grid-column:3;grid-row:2/4;width:148px;height:auto;border-color:#e5bf80;background:#263e30;animation:preview-arrive .7s .45s both}.video-ring{border-color:#fff8;border-width:1px}.phone-circle-meta{bottom:14px;font-size:9px}
.phone-composer{display:flex;align-items:center;gap:8px;min-height:44px;max-width:580px;margin:0 auto;padding:5px 6px 5px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.phone-composer input{width:100%;min-width:0;flex:1;background:none;border:0;outline:0;color:var(--text);font-size:16px}.phone-composer input::placeholder{color:var(--muted)}.phone-composer:focus-within{border-color:#a0eac1}.phone-composer button{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;background:#a0eac1;color:#183423;border-radius:6px}.demo-reply{min-height:18px;margin:7px 0 0;text-align:center;font-size:12px;color:#a0eac1}.demo-reply.is-typing{animation:preview-typing .6s infinite alternate}
.feature-band{margin:0}.feature-band article{min-height:140px;padding:24px}.feature-band article:first-child{padding-left:0}.feature-band article>span{border-radius:8px;background:#294b35;color:#a0eac1}.feature-band article:nth-child(2)>span{background:#493e29;color:#efd29b}.feature-band article:nth-child(3)>span{background:#473c50;color:#e1c2ee}.feature-band p{color:var(--muted);font-size:13px}.landing-footer{gap:20px;font-size:12px}.landing-footer nav{flex-wrap:wrap;gap:12px 18px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #a0eac1;outline-offset:4px}.mobile-menu{background:var(--surface);overflow-y:auto;visibility:hidden}.mobile-menu.open{visibility:visible}.mobile-account>span:last-child{overflow-wrap:anywhere}
body[data-theme='light']{color-scheme:light;--bg:#f5f9f6;--surface:#fff;--line:#ccdcd1;--text:#20362a;--soft:#456450;--muted:#5b7765}body[data-theme='light'] .hero-kicker,body[data-theme='light'] .hero-copy h1 span,body[data-theme='light'] .demo-reply{color:#287f4c}body[data-theme='light'] .phone-message.incoming{background:#deebe2}body[data-theme='light'] .products-menu-list strong,body[data-theme='light'] .account-chip{color:var(--text)}
@keyframes preview-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes preview-typing{to{opacity:.4}}
@media(max-width:1180px){.landing-page{padding-inline:24px}.landing-nav{gap:14px}.landing-nav a,.products-menu-trigger{font-size:13px}.landing-header{gap:16px}.account-copy{display:none}.hero-copy h1{font-size:54px}}
@media(max-width:1000px) and (min-width:861px){.landing-brand span{display:none}.landing-nav{gap:12px}.landing-nav a{font-size:12px}.landing-header{gap:12px}.products-menu-trigger{font-size:12px}}
@media(max-width:860px){.hero-section{padding:28px 0 24px}.hero-copy h1{text-align:center;font-size:48px}.hero-copy>p{text-align:center}.hero-actions{justify-content:center}.phone-messages{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 124px;gap:8px 12px}.phone-video-card{width:120px}.feature-band article,.feature-band article:first-child{padding:20px 0}.landing-footer{padding:24px 0}.landing-footer nav{display:flex;text-align:left}.header-menu-button{background:var(--surface)!important;border-color:var(--line);color:var(--text)}}
@media(max-width:600px){.landing-page{padding-inline:16px}.landing-header{min-height:62px}.hero-copy h1{font-size:38px;margin:10px 0 12px}.hero-copy>p{font-size:15px;max-width:350px}.hero-primary,.hero-secondary{min-height:44px;padding:10px 12px;font-size:12px;width:auto}.hero-actions{gap:8px;margin-top:16px}.phone-stage{margin-top:18px}.phone-messages{grid-template-columns:minmax(0,1fr) 96px;grid-template-rows:auto auto auto;gap:7px 12px;padding-block:10px}.phone-date{display:none}.phone-message{font-size:13px;padding:9px 12px}.phone-message.incoming{grid-column:1;grid-row:1}.phone-message.outgoing{grid-column:1;grid-row:2}.phone-message small{font-size:9px}.phone-voice{grid-column:1/-1;grid-row:3;max-width:280px;justify-self:end;padding:6px 10px}.phone-video-card{grid-column:2;grid-row:1/3;width:96px}.phone-circle-meta{bottom:10px;font-size:8px}.phone-circle-meta span+span{display:none}.phone-composer{min-height:42px}.feature-band{margin-top:0}.landing-footer{flex-direction:column;align-items:flex-start;gap:16px}}
@media(max-width:360px){.hero-copy h1{font-size:32px}.hero-secondary svg{display:none}.phone-messages{column-gap:8px;grid-template-columns:minmax(0,1fr) 80px}.phone-video-card{width:80px}.phone-message{font-size:12px}}
@media(max-height:700px){.hero-section{padding-top:16px}.hero-copy h1{font-size:38px}.hero-copy>p{font-size:15px}.hero-kicker{display:none}.phone-stage{margin-top:14px}}
@media(max-height:700px) and (max-width:600px){.hero-copy h1{font-size:32px}.hero-copy>p{font-size:13px}.phone-chat-head{display:none}.phone-message small{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* The conversation is displayed inside a phone again. */
.phone-stage{display:flex;justify-content:center;margin-top:28px;height:auto;min-height:0;padding:0 0 14px}
.phone-device{position:relative;width:min(340px,100%);height:580px;min-height:0;margin:0;padding:9px;border:2px solid #62766b;border-radius:44px;background:#080d0a;box-shadow:10px 14px 0 #26382c,0 20px 42px #0004;transform:none}
.phone-device:before,.phone-device:after{display:block;right:-5px;width:3px;background:#62766b}.phone-device:before{top:132px;height:58px}.phone-device:after{top:210px;height:38px}
.phone-speaker{display:block;top:15px;width:86px;height:21px}
.phone-screen{height:100%;display:grid;grid-template-rows:30px 55px minmax(0,1fr) 48px 23px;border-radius:33px;overflow:hidden;background:#142019;color:#f3f8f4}
.phone-status{display:flex;padding:0 17px;background:#1d3024;font-size:10px}
.phone-chat-head{display:flex;min-height:0;padding:7px 12px;background:#1b2c21;border-bottom:1px solid #34483c}.phone-chat-head .avatar{width:34px;height:34px}.phone-chat-head small{color:#a9c4b3}
.phone-messages{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:10px 11px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#142019}
.phone-date{display:block;align-self:center;font-size:10px;color:#a9c4b3}.phone-message{max-width:90%;padding:9px 11px;font-size:13px}.phone-message.incoming{align-self:flex-start;background:#2a4031;color:#f3f8f4}.phone-message.outgoing{align-self:flex-end;background:#ccebd7;color:#183423}.phone-message small{display:block;font-size:9px;margin-top:3px}
.phone-voice{align-self:flex-end;width:90%;max-width:none;padding:7px 9px;flex-shrink:0}.phone-voice-content{grid-template-rows:24px 12px}.phone-voice-track{height:24px}.phone-voice-meta,.phone-voice-file-size,.phone-voice-sent{font-size:9px}
.phone-video-card{align-self:flex-start;width:138px;height:138px;min-height:138px;flex-shrink:0;border-width:2px;animation:none}.phone-circle-meta{bottom:12px;font-size:9px}.phone-circle-meta span+span{display:inline}
.phone-composer{align-self:center;min-height:40px;width:calc(100% - 18px);max-width:none;margin:0 9px;padding:3px 4px 3px 10px;background:#243a2c;border-color:#45624f}.phone-composer input{font-size:16px;color:#f3f8f4}.phone-composer input::placeholder{color:#a9c4b3}.phone-composer button{height:32px;width:32px;flex-basis:32px}
.demo-reply{align-self:center;min-height:0;margin:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;color:#a0eac1}
body[data-theme='light'] .phone-message.incoming{background:#2a4031;color:#f3f8f4}body[data-theme='light'] .demo-reply{color:#a0eac1}
@media(min-width:1000px){.hero-section{padding-top:24px}.hero-copy h1{font-size:48px;margin:10px 0 12px}.hero-copy>p{font-size:16px}.hero-actions{margin-top:16px}.phone-stage{margin-top:24px}}
@media(max-width:600px){.phone-stage{padding-inline:6px}.phone-device{width:min(310px,100%);height:570px;box-shadow:6px 9px 0 #26382c,0 15px 32px #0004}.phone-video-card{width:128px;height:128px;min-height:128px}}