:root{--ink:#252622;--muted:#74756e;--orange:#f5683d;--paper:#fcfcf9;--line:#e5e5de}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Golos Text',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.wrap{max-width:1280px;margin:auto;padding:0 56px}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:25px;font-weight:750;display:inline-flex;align-items:center;gap:10px;letter-spacing:-1px}.brand-light{font-weight:450}.brand-dot{color:var(--orange)}.brand-icon{display:grid;place-items:center;background:var(--orange);color:white;width:35px;height:38px;border-radius:11px}.brand-icon svg{width:22px}.header nav{display:flex;gap:30px;font-size:14px}.header nav a:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;padding:18px 25px;border-radius:9px;font-weight:550;line-height:1.4;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-small{padding:12px 17px;font-size:14px}.button-outline{border-color:#d9d9d1;background:transparent}.button-small svg{width:18px}.button-primary{background:var(--orange);color:#fff}.button-primary:hover{background:#dc5127}.button-dark{background:var(--ink);color:white}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:45px;padding:74px 0 68px;align-items:center}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:650;display:block}.hero .eyebrow{font-size:10px;letter-spacing:1.15px;display:flex;align-items:center;gap:9px}.tiny-icon{font-size:24px;color:var(--orange)}h1{font-size:clamp(48px,5.6vw,73px);line-height:1.09;letter-spacing:-4px;font-weight:650;margin:24px 0}.accent{color:var(--orange)}.lead{max-width:435px;color:#72736b;font-size:17px;line-height:1.75;margin:0 0 30px}.hero-note{font-size:12px;color:var(--muted);margin:13px 0 29px}.hero-tags{display:flex;gap:24px;font-size:12px}.hero-tags span{display:flex;gap:6px;align-items:center}.hero-tags svg{color:#8b9169;width:16px;height:16px}.hero-demo{background:#f0f1eb;padding:23px 30px 19px;border-radius:22px;position:relative;transform:rotate(1deg)}.demo-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.1px;color:#73776a;margin-bottom:18px;font-weight:600}.chat-window{background:white;border:1px solid #e3e5db;border-radius:15px;box-shadow:0 14px 35px #353d3210;overflow:hidden;transform:rotate(-1deg)}.chat-head{display:flex;align-items:center;gap:11px;padding:17px 20px;border-bottom:1px solid #ededE8}.chat-avatar{background:var(--orange);color:white;border-radius:50%;width:41px;height:41px;display:grid;place-items:center}.chat-head strong{display:block;font-size:14px;font-weight:600}.chat-head div>span{display:block;font-size:11px;color:var(--muted)}.chat-menu{margin-left:auto;letter-spacing:2px;color:#878b81}.chat-body{padding:14px 18px 20px;background:#fbfcf9;min-height:317px;display:flex;flex-direction:column;align-items:flex-start}.chat-date{align-self:center;font-size:10px;color:#8c9283;margin-bottom:19px}.bubble{font-size:14px;border-radius:12px;padding:13px 15px;max-width:92%;line-height:1.5;box-shadow:0 2px 2px #323a3210}.bubble-user{background:#e4ebd8;align-self:flex-end;border-bottom-right-radius:3px;min-width:240px}.message-time{display:block;text-align:right;color:#8b9480;font-size:9px;margin-top:4px;line-height:1}.message-time>span{color:#7a9455}.bubble-bot{background:white;border:1px solid #e9ebe3;border-bottom-left-radius:3px;margin-top:14px;min-width:236px}.confirmation{display:flex;align-items:center;gap:7px;font-size:12px;margin-bottom:12px}.confirmation .check{background:#edf2e5;color:#6d854a;width:19px;height:19px;display:grid;place-items:center;border-radius:50%}.bubble-bot strong{font-size:14px;display:block;font-weight:550}.reminder-time{color:#818776;font-size:12px}.chat-hint{margin-top:20px;display:flex;align-items:center;gap:7px;color:#969b8d;font-size:9px;align-self:center}.chat-hint svg{width:12px;height:12px}.chat-input{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;color:#afb2a7;font-size:12px;border-top:1px solid #ededE8}.chat-input svg{height:20px}.demo-select{display:flex;justify-content:center;gap:8px;margin-top:23px;transform:rotate(-1deg)}.demo-select button{background:transparent;border:1px solid #d9dccf;border-radius:100px;padding:7px 12px;font-size:11px;white-space:nowrap;color:#63695b}.demo-select button.selected{background:white;border-color:white;color:var(--ink);box-shadow:0 2px 4px #00000008}.demo-footnote{display:block;text-align:center;color:#939886;font-size:10px;margin-top:9px}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.strip>span{font-size:9px;letter-spacing:1.1px;max-width:125px;color:#8b8d82}.strip p{font-size:13px;margin:0;display:flex;align-items:center;gap:24px}.strip b{font-size:22px;color:#adb497;font-weight:400}.section{padding-top:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}.section-heading .eyebrow,.faq .eyebrow{color:#8b8c80}h2{font-size:43px;line-height:1.17;font-weight:550;letter-spacing:-1.8px;margin:18px 0 0}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid #d9dbd0;padding-top:18px}.step-num{color:#95998b;font-size:12px;display:flex;justify-content:space-between;align-items:center}.step-num>span{font-size:21px;color:#b1b6a1}.step-num svg{width:18px;color:#a0aa84}h3{font-size:21px;font-weight:550;letter-spacing:-.6px;line-height:1.4;margin:18px 0 10px}.steps p{font-size:14px;color:var(--muted);line-height:1.85;margin:0}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-grid article{border-radius:16px;padding:34px 36px;overflow:hidden}.voice-card{background:#edf0e5}.email-card{background:#f3f0ea}.feature-icon{width:41px;height:41px;border:1px solid #d4d8c8;border-radius:12px;display:grid;place-items:center;color:#5b664c}.feature-grid h3{font-size:33px;line-height:1.18;letter-spacing:-1.2px;margin-top:27px}.feature-grid article>p{font-size:14px;color:#777a6f;max-width:345px;line-height:1.8;margin-bottom:27px}.voice-message{display:flex;align-items:center;gap:13px;padding:18px;background:#fff;border-radius:12px;width:90%;box-shadow:0 7px 15px #323f2010}.voice-mic{width:38px;height:38px;display:grid;place-items:center;background:#e8eedc;color:#788767;border-radius:50%}.voice-mic svg{width:18px}.voice-message>div{flex:1;min-width:0}.wave{height:22px;display:flex;align-items:center;gap:3px}.wave i{display:block;width:3px;flex:1;max-width:4px;background:#8d9c74;border-radius:3px}.voice-message div>span{font-size:9px;color:#8c967c}.voice-caption{display:block;color:#808973;font-size:11px;margin-top:12px}.feature-top{display:flex;justify-content:space-between;align-items:center}.email-card .feature-icon{color:#8b7a61;border-color:#ddd6ca}.badge{font-size:9px;border:1px solid #d7d0c5;border-radius:30px;padding:4px 10px;letter-spacing:1px;color:#8c806e}.email-preview{background:#fff;display:flex;padding:19px 16px;gap:11px;border-radius:12px;box-shadow:0 7px 15px #57402408;transform:rotate(-2deg)}.mail-logo{width:30px;height:30px;display:grid;place-items:center;background:#fff0e9;color:var(--orange);border-radius:9px}.mail-logo svg{width:17px}.email-preview>div{flex:1;min-width:0}.email-preview strong{font-size:11px;display:flex;justify-content:space-between}.email-preview strong span{font-size:9px;color:#aaa89f;font-weight:400}.email-preview b{font-size:12px;font-weight:500;display:block;margin-top:6px}.email-preview p{font-size:10px;color:#919086;margin:3px 0 0}.email-caption{font-size:11px;color:#968975;display:block;margin-top:19px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:55px;padding-bottom:85px}.faq-list details{border-bottom:1px solid var(--line);padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-size:15px;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;line-height:1;color:#9a9e8e}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:var(--muted);line-height:1.8;margin:15px 30px 0 0}.final-cta{background:#ff754a;text-align:center;padding:48px 24px 40px;border-radius:18px;color:#2d2b23}.final-cta .eyebrow{font-size:10px;letter-spacing:1.2px}.final-cta h2{font-size:49px;letter-spacing:-2px;margin:19px 0 26px}.final-cta p{font-size:11px;margin:16px 0 0;color:#643d2f}.final-cta .button{font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:42px 0}footer .brand{font-size:19px}footer .brand-icon{width:28px;height:30px;border-radius:9px}footer .brand-icon svg{width:18px}footer>span{font-size:10px;color:#989b8f}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #667d53;outline-offset:5px}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}
@media(min-width:1400px){.hero{gap:70px}.hero-demo{margin-left:15px}}
@media(max-width:1000px){.wrap{padding:0 30px}.header nav{gap:15px}.hero{gap:25px}h1{font-size:55px;letter-spacing:-3px}.hero-demo{padding:20px 18px}.hero .eyebrow{font-size:9px}.strip p{gap:13px;font-size:11px}.feature-grid article{padding:28px}.hero-tags{gap:12px;font-size:11px}}
@media(max-width:760px){.wrap{padding:0 22px}.header{height:84px}.header nav{display:none}.brand{font-size:22px}.header .button{font-size:12px;padding:10px 12px}.hero{grid-template-columns:1fr;padding:42px 0 34px;gap:35px}.hero-copy{max-width:510px}.hero .eyebrow{font-size:9px}h1{font-size:clamp(46px,10vw,68px);letter-spacing:-2.7px;margin:20px 0}.lead{font-size:16px;max-width:410px}.hero-note{font-size:11px;margin-bottom:23px}.hero-tags{font-size:12px;gap:22px}.hero-demo{max-width:460px;width:100%;margin:auto;transform:none;padding:22px 24px}.chat-window,.demo-select{transform:none}.chat-body{min-height:300px}.strip{display:block;padding:20px 0}.strip>span{max-width:none;font-size:9px}.strip p{display:flex;flex-wrap:wrap;font-size:12px;gap:8px 12px;margin-top:12px}.strip b{font-size:15px}.section{padding-top:58px}.section-heading{display:block;margin-bottom:27px}.section-heading>p{margin-top:19px}h2{font-size:36px;letter-spacing:-1.3px}.steps{grid-template-columns:1fr;gap:27px}.steps article{padding-top:13px}.steps h3{margin-top:10px}.steps p{max-width:480px}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:28px}.feature-grid article>p{max-width:420px}.voice-message{max-width:320px}.email-preview{max-width:370px}.faq{grid-template-columns:1fr;gap:30px;padding-bottom:50px}.faq-list summary{font-size:14px}.final-cta{padding:36px 18px}.final-cta h2{font-size:36px;letter-spacing:-1.4px}.final-cta .button{font-size:12px;padding:16px 13px;gap:8px}.final-cta .button svg{width:18px}.final-cta p{font-size:10px}.final-cta .eyebrow{font-size:8px}footer{flex-wrap:wrap;padding:30px 0;gap:18px}footer>span:last-child{width:100%}footer>span{font-size:9px}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* ---- Ссылки на бота, новые разделы (возможности, близкие, примеры) и узкие экраны ---- */
.header .button{white-space:nowrap}
h2,h3{text-wrap:balance}
.hero h1{margin-top:0}
.hero-kicker{line-height:1.6;text-transform:uppercase;margin-bottom:24px}
.hero-kicker::before{content:"✳";font-size:24px;line-height:1;color:var(--orange)}
.hero-note a,.faq-list p a{color:var(--ink);font-weight:550;border-bottom:1px solid #d9d9d1;transition:color .18s,border-color .18s}
.hero-note a:hover,.faq-list p a:hover{color:var(--orange);border-color:var(--orange)}
.hero-tags{flex-wrap:wrap;row-gap:8px}
.demo-select{flex-wrap:wrap}
.mail-buttons{display:flex;gap:6px;margin-top:11px}
.mail-buttons i{font-style:normal;font-size:10px;line-height:1;padding:6px 9px;border-radius:6px;border:1px solid #e7e1d6;color:#7b7163}
.mail-buttons i:first-child{background:var(--orange);border-color:var(--orange);color:#fff}

.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}
.feature-list article{display:flex;flex-direction:column;border-radius:16px;padding:30px 32px 28px;background:#edf0e5}
.feature-list article:nth-child(even){background:#f3f0ea}
.feature-list article:nth-child(even) .feature-icon{color:#8b7a61;border-color:#ddd6ca}
.feature-list h3{margin:24px 0 10px}
.feature-list p{font-size:14px;color:#777a6f;line-height:1.8;margin:0 0 22px}
.feature-example{margin-top:auto;padding-top:14px;border-top:1px solid #d9ddcd;font-size:11px;color:#808973}
.feature-list article:nth-child(even) .feature-example{border-color:#e2dccf;color:#968975}

.people{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.people .eyebrow,.examples-grid .eyebrow{color:#8b8c80}
.people-lead{max-width:470px;margin:22px 0 0;color:var(--muted);font-size:15px;line-height:1.8}
.people-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:18px;max-width:500px}
.people-steps li{display:grid;grid-template-columns:44px 1fr;border-top:1px solid #d9dbd0;padding-top:14px}
.people-steps li>span{color:#95998b;font-size:12px;line-height:1.85}
.people-steps p{margin:0;font-size:14px;color:var(--muted);line-height:1.85}
.people-demo{background:#f3f0ea;padding:23px 30px 26px;border-radius:22px;transform:rotate(-1deg)}
.people-demo .demo-label{color:#8c806e}
.people-demo .chat-window{transform:rotate(1deg)}
.people-demo .chat-body{min-height:0}
.invite-from{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:10px}
.invite-from b{color:var(--ink);font-weight:600}
.invite-actions{display:flex;gap:8px;margin-top:14px}
.invite-actions span{flex:1;text-align:center;font-size:12px;font-weight:550;padding:8px 12px;border-radius:8px;background:#f4f5f0;border:1px solid #e6e8df;color:#63695b}
.invite-actions span:first-child{background:#edf2e5;border-color:#dce6cd;color:#56703a}

.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 40px}
.examples-grid h3{margin:0 0 12px}
.examples-grid ul{list-style:none;margin:0;padding:0}
.examples-grid li{border-top:1px solid #d9dbd0;padding:12px 0;font-size:14px;line-height:1.6}
.examples-cta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px;background:#f0f1eb;border-radius:16px;padding:30px 32px}
.examples-cta p{margin:0;font-size:15px;line-height:1.7}

.faq>div:first-child{position:sticky;top:40px;align-self:start}

footer .footer-bot{font-size:11px;font-weight:550}
footer .footer-bot:hover{color:var(--orange)}

.header nav a,.strip p span{white-space:nowrap}

@media(max-width:1000px){
  h1{font-size:clamp(44px,6.2vw,55px)}
  .feature-list{grid-template-columns:1fr 1fr}
  .feature-list article{padding:28px}
  .people{gap:30px}
  .people-demo{padding:20px 18px}
  .examples-grid{grid-template-columns:1fr 1fr;gap:36px 30px}
}
@media(max-width:900px){
  .header nav{display:none}
  .strip{display:block;padding:20px 0}
  .strip>span{max-width:none}
  .strip p{flex-wrap:wrap;gap:8px 12px;margin-top:12px}
}
@media(max-width:760px){
  h1{font-size:clamp(46px,10vw,68px)}
  .hero-kicker{margin-bottom:20px}
  .faq>div:first-child{position:static}
  .feature-list{grid-template-columns:1fr}
  .people{grid-template-columns:1fr}
  .people-demo{max-width:460px;width:100%;margin:auto;transform:none;padding:22px 24px}
  .people-demo .chat-window{transform:none}
  .examples-grid{grid-template-columns:1fr;gap:30px}
  .examples-cta{padding:26px 24px}
  .examples-cta .button{width:100%;font-size:14px;padding:15px 16px;gap:10px}
  .final-cta .eyebrow{font-size:9px}
  footer>span{font-size:10px}
}
@media(max-width:420px){
  .wrap{padding:0 18px}
  .header{gap:12px}
  .header .button svg{display:none}
  .hero-demo,.people-demo{padding:18px 14px}
  .chat-head{padding:14px}
  .chat-body{padding:12px 12px 16px}
  .bubble-user,.bubble-bot{min-width:0}
  .demo-select{gap:6px}
  .demo-select button{padding:7px 10px}
  .hero-tags{gap:8px 18px}
  .final-cta .button svg:first-child{display:none}
  .final-cta h2{font-size:31px}
}