:root{--night:#111711;--white:#f6f7ef;--lime:#b9f39a;--brand:#7dd674;--muted:#bac4b6;--line:#d7dcd3;--gray:#677066;--ui:#f3f4f8;--ink:#1b201d;--sp:clamp(62px,8vw,124px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--night);color:var(--white);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,dl,dd{margin:0}h1,h2,h3{letter-spacing:-.04em;line-height:1.04;font-weight:500}em{font-style:normal;color:var(--lime)}button,a{font:inherit;color:inherit}a{text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #4994ed;outline-offset:4px}button{border:0}.wrap{width:min(1280px,calc(100% - 104px));margin:auto}.skip{position:absolute;top:-90px;left:10px}.skip:focus{top:10px;padding:10px;background:white;color:#141414;z-index:100}.mast,.foot,.auth,.navlinks,.logo,.btn,.actions,.kicker,.p-row,.figcap,.micro,.appbar,.mini-logo,.appheading,.testhead,.modehead,.mode-toggle,.boardhead,.foco{display:flex;align-items:center}.mast{min-height:78px;gap:30px;justify-content:space-between}.logo{font-weight:800;gap:9px;letter-spacing:.09em;font-size:20px}.logo img,.mini-logo img{width:32px;height:32px;border-radius:11px;padding:3px;background:var(--brand)}header{z-index:5;position:relative;border-bottom:1px solid #ffffff20}.auth,.navlinks{gap:25px;font-size:13px}.navlinks a,.login{color:#d6dcd1}.navlinks a:hover,.underline:hover{color:var(--lime)}.btn{justify-content:center;gap:23px;background:var(--lime);color:#172313;border-radius:100px;padding:14px 22px;font-size:14px;font-weight:650;white-space:nowrap;transition:background .18s,transform .18s}.btn:hover{background:#d4fac1;transform:translateY(-2px)}.btn.small{padding:9px 15px;font-size:12px}.menu,#mobile{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 79% 67%,#25432a6b,transparent 50%),var(--night)}.hero-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:clamp(30px,5vw,86px);align-items:center;padding-block:clamp(48px,6vw,92px)}.kicker,.micro,.omni-mark,.figcap,.caption,.appbar>small,.pane-foot{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.kicker,.micro,.omni-mark{font-weight:650;font-size:10px;letter-spacing:.12em;gap:9px}.kicker i,.columns h4 i{width:7px;height:7px;background:var(--brand);border-radius:50%;display:inline-block;flex:none}.intro h1{font-size:clamp(52px,5.15vw,86px);margin:27px 0 26px;line-height:1.035}.dek,.copy,.chapter-head>p{font-size:clamp(16px,1.25vw,19px);line-height:1.58;color:var(--muted)}.dek{max-width:490px}.actions{gap:23px;flex-wrap:wrap;margin-top:34px}.underline{font-size:14px;border-bottom:1px solid #b8c5af6b;padding-bottom:4px}.underline span{margin-left:8px}.switchboard{isolation:isolate;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:25px;background:linear-gradient(145deg,#aec3a4,#e6efcf 51%,#a4bc90);color:#162419;padding:24px 18px 40px;min-height:506px}.grid-art{position:absolute;z-index:-1;inset:0;opacity:.47;background-image:repeating-radial-gradient(ellipse at 110% 35%,transparent 0 31px,#5b7c6444 32px,transparent 33px 52px)}.device{position:relative;width:min(265px,85%);padding:4px;background:linear-gradient(100deg,#6c776d,#d0d9ce 3%,#4b574b 6%,#222b24 93%,#dce2d8);border-radius:39px;transform:rotate(-3deg);box-shadow:12px 21px 42px #2336234d,3px 5px 7px #1d251d38}.rim{background:#f7f8f3;border:4px solid #202622;border-radius:35px;overflow:hidden}.status{padding:11px 16px 0;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:750}.status b{width:65px;height:16px;background:#222823;border-radius:12px}.phone-body{padding:24px 12px 12px}.phone-body .micro{font-size:8px}.phone-body h2{font-size:28px;font-weight:680;margin:4px 0 14px}.p-row{padding:11px 5px;gap:8px;border-top:1px solid #d9dfd6}.p-row.active{background:#e6f3df;border-radius:9px;border:1px solid #c3ddba}.avatar,.mini-icon{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;font-size:11px;font-weight:700;flex-shrink:0}.coral{background:#ebd6c9;color:#654335}.sage{background:#bcd9ac;color:#354a2d}.sand{background:#dfd9bc;color:#625b39}.p-row strong,.p-row small,.testhead small,.modehead small,.routed strong,.routed small,.columns button>*{display:block}.p-row strong{font-size:11px}.p-row small,.p-row time{font-size:9px;color:#626b61}.p-row time{margin-left:auto;align-self:flex-start}.signal{text-align:center;font-size:18px;color:#607954}.routed{padding:12px 14px;background:#223626;border-radius:13px;color:#f2f8ee}.routed .micro{color:var(--lime)}.routed strong{font-size:14px;margin-top:5px}.routed strong span{float:right;color:var(--lime)}.routed small{font-size:10px;color:#d1ddca}.homebar{height:4px;width:62px;background:#242c25;border-radius:6px;margin:6px auto 9px}.figcap{font-size:8px;letter-spacing:.1em;justify-content:space-between;position:absolute;bottom:14px;left:20px;right:20px}
.chapter{padding:var(--sp) 0}.paper{background:#f4f5ef;color:var(--ink)}.chapter-head{display:grid;grid-template-columns:1.65fr 1fr;align-items:end;gap:7%;margin-bottom:42px}.chapter h2,.faq h2,.ending h2{font-size:clamp(39px,4.35vw,70px);line-height:1.04}.chapter-head h2,.mode-grid h2,.faq h2,.ending h2{margin-top:20px}.paper .chapter-head>p{color:#505c50}.appframe{border:1px solid #cfd6cd;background:var(--ui);border-radius:18px;overflow:hidden;box-shadow:0 18px 50px -22px #333f3c36;color:#1b1c1e}.appbar{border-bottom:1px solid #dde0e5;background:#fafbfc;gap:22px;padding:12px 19px;color:#535c62;font-size:12px}.mini-logo{font-weight:800;letter-spacing:.07em;font-size:13px;gap:7px;color:#121514}.mini-logo img{width:24px;height:24px;border-radius:8px}.appbar b{font-weight:400;color:#a5aab0;margin:0 4px}.appbar>small{margin-left:auto;font-size:9px;letter-spacing:.09em}.builder-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:20px}.createpane,.testpane,.mode-demo{background:white;border:1px solid #dfe3e8;border-radius:14px;overflow:hidden}.createpane{padding:22px}.appheading,.boardhead{justify-content:space-between;gap:8px}.appheading h3{font-size:clamp(23px,2.2vw,33px);font-weight:670;letter-spacing:-.045em}.appheading p,.boardhead small{font-size:12px;color:#636b78}.tag,.columns button span{display:inline-flex;font-size:11px;background:#edf4e7;color:#365627;padding:4px 9px;border-radius:20px;font-weight:600}.tabs-static{display:flex;gap:17px;border-bottom:1px solid #e0e3e0;margin:17px 0;color:#697066;font-size:12px}.tabs-static>*{padding:4px 1px 8px}.tabs-static b{color:#1b241b;border-bottom:2px solid var(--brand)}.dialog .micro{font-size:9px;color:#596653;margin:13px 0}.bubble,.agentout{font-size:14px;line-height:1.5;max-width:92%;border-radius:12px;background:#f1f3f5;padding:11px 15px;margin-bottom:9px}.bubble b{display:block;color:#687164;font-size:10px;margin-bottom:3px}.bubble.own{margin-left:auto;background:#e7f3df}.choices{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.choices button,.mode-toggle button{border-radius:40px}.choices button{background:white;border:1px solid #9fafa0;font-size:12px;padding:8px 12px}.choices button:hover,.choices button[aria-pressed=true]{background:#243422;color:white}.testpane{background:#e9efe7;display:flex;flex-direction:column}.testhead,.modehead{gap:10px;border-bottom:1px solid #dfe3e0;padding:14px 20px;background:#fff}.testhead small,.modehead small{font-size:11px;color:#646f65}.mini-icon{background:#cceac4;width:34px;height:34px}.testbody{padding:22px}.testbody>.micro{color:#586851;font-size:9px;margin-bottom:18px}.testbody .own{background:#d9edca}.agentout{background:white;border:1px solid #d5ded2}.pane-foot{margin-top:auto;padding:13px 20px;font-size:10px;color:#5a6859}.modes{background:#18231d}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.copy{margin:22px 0;max-width:470px}.mode-toggle{width:fit-content;background:#2a362d;padding:5px;border-radius:32px}.mode-toggle button{padding:10px 19px;background:transparent;color:#c4cfc4;font-size:14px}.mode-toggle button[aria-pressed=true]{background:var(--lime);color:#1a2a1a}.mode-demo{color:#1a241d;background:#eef2ec;padding:0 22px 24px;box-shadow:0 18px 60px #060f0c3b}.modehead{margin:0 -22px 24px}.modehead .tag{margin-left:auto}.modeanswer{padding:17px;background:#d4edc7;border:1px solid #b1cc9f;border-radius:12px;margin:18px 0 0 auto;max-width:95%}.modeanswer.draft{background:#fff5d9;border:1px dashed #bd9a43}.modeanswer .micro{font-size:9px;margin-bottom:7px}.modeanswer small{font-size:11px;display:block;margin-top:12px;color:#4a6145}
.crm-grid{display:grid;grid-template-columns:168px minmax(0,1fr)}.sidebar{padding:19px 10px;border-right:1px solid #dfe3e5;color:#525966;font-size:12px}.sidebar>strong,.sidebar>span,.sidebar>b,.sidebar div{display:block;padding:8px 10px}.sidebar>strong,.sidebar div{border-radius:11px;background:white;border:1px solid #e3e4e9;margin-bottom:10px}.sidebar>b{background:#83d77a;color:#152416;border-radius:9px}.sidebar div{margin:9px 0}.sidebar div span{display:block;font-size:11px;padding:5px 7px}.board{padding:22px}.foco,.boardhead,.bant-detail{border:1px solid #e1e4e8;background:white;border-radius:12px}.foco{align-items:flex-start;gap:12px;padding:15px 17px;margin:20px 0 10px}.foco-icon{background:var(--brand);padding:3px 11px;border-radius:10px;font-size:24px}.foco small{display:block;color:#3f7642;font-size:10px}.foco p{font-size:13px;margin-top:6px}.boardhead{padding:10px 13px;font-size:13px}.columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:10px 0}.columns>div{background:#f7f8fa;border:1px solid #dfe2e7;border-radius:10px;padding:10px}.columns h4{display:flex;align-items:center;gap:5px;font-size:12px;letter-spacing:0;font-weight:650;margin-bottom:9px}.columns i.blue{background:#3883f8}.columns i.violet{background:#835ce8}.columns i.green{background:#13a67c}.columns button{background:white;border:1px solid #d9dee5;box-shadow:0 2px 4px #27352809;width:100%;text-align:left;padding:11px;border-radius:8px;color:#202521}.columns button[aria-pressed=true]{border-color:#60975a;box-shadow:0 0 0 1px #60975a}.columns button b{font-size:13px}.columns button small{font-size:11px;color:#667061}.columns button span{width:max-content;margin-top:9px;font-size:10px}.bant-detail{display:flex;align-items:center;gap:18px;padding:14px}.scorebox{border-right:1px solid #e1e4df;min-width:86px}.scorebox>*{display:block}.scorebox small,dt{font-size:9px;font-weight:650;letter-spacing:.04em;color:#687568}.scorebox strong{font-size:32px;letter-spacing:-.055em;line-height:1.12}.scorebox span{font-size:10px}.bant-detail dl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;flex:1}.bant-detail dd{font-size:12px;margin-top:3px}.caption{font-size:10px;color:#626f60;margin-top:16px}.omni{background:#19291d}.omni .chapter-head{margin-bottom:40px}.omni-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff29}.omni-grid article{padding:28px 25px 30px 0}.omni-grid article+article{border-left:1px solid #ffffff29;padding-left:25px}.omni-mark{color:var(--lime);font-size:10px}.omni-grid h3{font-size:clamp(25px,2.35vw,38px);margin:21px 0 12px}.omni-grid p,.omni .caption{color:#bac6b9}.omni-grid p{font-size:15px}.omni .caption a{text-decoration:underline;text-underline-offset:3px}.faq{padding:var(--sp) 0}.faq-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:7%}.faq details{border-bottom:1px solid #cfd5cc}.faq details:first-child{border-top:1px solid #cfd5cc}.faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:18px;font-weight:590;padding:18px 0}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:22px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{padding:0 24px 21px 0;font-size:14px;color:#526050}.ending{padding:var(--sp) 0;text-align:center;background:radial-gradient(ellipse at center bottom,#36513655,transparent 70%)}.ending .kicker,.ending .btn{justify-content:center}.ending h2{color:var(--lime)}.ending p:not(.kicker){margin:20px 0 23px}.ending .btn{display:inline-flex}.foot{gap:22px;padding-block:22px;font-size:12px}.foot>span{margin-right:auto;color:#b1bdae}footer{border-top:1px solid #ffffff25}[hidden]{display:none!important}
@media(max-width:1000px){.wrap{width:calc(100% - 60px)}.navlinks{gap:14px}.hero-grid{gap:28px}.switchboard{min-height:455px}.intro h1{font-size:clamp(48px,6.15vw,68px)}.chapter-head{gap:32px}.crm-grid{grid-template-columns:134px minmax(0,1fr)}.board{padding:14px}.bant-detail dl{grid-template-columns:1fr 1fr}.wide{display:none}.builder-grid{padding:13px;gap:10px}.createpane,.testbody{padding:16px}.auth{gap:12px}}
@media(max-width:760px){.wrap{width:calc(100% - 38px)}.mast{min-height:65px}.navlinks,.login{display:none}.menu{display:block;background:transparent;font-size:23px;padding:6px}.auth{gap:6px}#mobile:not([hidden]){display:grid;position:absolute;inset:65px 0 auto;background:#18221a;padding:12px 20px;box-shadow:0 8px 18px #0003}#mobile a{padding:9px}.hero-grid,.chapter-head,.builder-grid,.mode-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}.hero-grid{padding-block:43px 28px;gap:28px}.intro h1{font-size:clamp(46px,9vw,67px);margin:17px 0}.dek,.copy,.chapter-head>p{font-size:16px}.actions{margin-top:23px;gap:18px}.switchboard{min-height:0;padding:20px 12px 35px}.device{width:248px}.phone-body{padding-top:14px}.p-row{padding-block:8px}.chapter-head{gap:18px;margin-bottom:24px}.chapter h2,.faq h2,.ending h2{font-size:clamp(35px,7.6vw,47px)}.chapter-head h2,.mode-grid h2,.faq h2,.ending h2{margin-top:12px}.appbar{gap:10px;padding:10px;font-size:10px}.appbar>small{font-size:7px}.crm-grid{grid-template-columns:1fr}.sidebar{display:none}.bant-detail{gap:10px}.scorebox{min-width:70px}.columns{gap:5px}.columns>div{padding:6px}.columns h4{font-size:10px;gap:3px}.columns button{padding:7px 5px}.columns button b{font-size:11px}.columns button small,.columns button span{font-size:9px}.board{padding:12px}.boardhead{flex-wrap:wrap}.mode-grid,.faq-grid{gap:26px}.omni-grid{grid-template-columns:1fr}.omni-grid article,.omni-grid article+article{padding:20px 0;border-left:0}.omni-grid article+article{border-top:1px solid #ffffff29}.omni-grid h3{margin:8px 0}.foot{flex-wrap:wrap;gap:13px}.foot .logo{font-size:14px}.foot>span{font-size:10px}.appbar>span:nth-child(2){font-size:9px}.testhead,.modehead{padding:12px 16px}.bubble{font-size:13px}.ending h2 br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}.device{transform:none}}

/* Unified inbox with one illustrative thread per channel. */
.omni .chapter-head h2 { margin-top: 0; }
.inbox-layout {
  display: grid;
  grid-template-columns: minmax(220px, 32%) minmax(0, 1fr);
}
.inbox-list {
  padding: 18px;
  border-right: 1px solid #dfe3e5;
  background: #fafbfc;
}
.inbox-list h3 {
  margin: 4px 8px 14px;
  font-size: 20px;
  font-weight: 650;
}
.inbox-item {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  padding: 11px;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  text-align: left;
}
.inbox-item:hover { background: #f1f4ef; }
.inbox-item[aria-pressed="true"] {
  border-color: #b8d4ac;
  background: #e7f3df;
}
.inbox-item strong, .inbox-item small { display: block; }
.inbox-item strong { font-size: 14px; }
.inbox-item small { color: #59625c; font-size: 12px; }
.channel-icon {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  height: 32px;
  border-radius: 10px;
  background: #dfede0;
  color: #196738;
}
.channel-icon svg { width: 20px; height: 20px; }
.channel-icon.official { background: #d8ebec; color: #267274; }
.channel-icon.instagram { background: #f6e5ec; color: #92446a; }
.channel-icon.linkedin { background: #dceaf6; color: #245886; }
.channel-icon.telegram { background: #deeff7; color: #276c95; }
.thread-area { display: grid; background: #edf2eb; }
.inbox-thread { display: flex; flex-direction: column; }
.thread-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 18px 24px;
  background: #fff;
  border-bottom: 1px solid #dfe3e0;
}
.thread-heading span {
  padding: 3px 9px;
  border-radius: 20px;
  background: #f1f3f2;
  color: #4e5c55;
  font-size: 12px;
}
.thread-messages { padding: clamp(18px, 3vw, 44px); }
.thread-messages .bubble {
  background: #fff;
  width: fit-content;
  max-width: 84%;
}
.thread-messages .own { background: #d9edca; }
.thread-note {
  margin-top: auto;
  padding: 15px 24px;
  border-top: 1px solid #dbe2d8;
  background: #f6f8f4;
  color: #485845;
  font-size: 13px;
}
@media (max-width: 760px) {
  .inbox-layout { grid-template-columns: minmax(0, 1fr); }
  .inbox-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 14px;
    border-right: 0;
    border-bottom: 1px solid #dfe3e5;
  }
  .inbox-list h3 { flex-basis: 100%; margin: 0 0 4px; }
  .inbox-item { width: auto; gap: 6px; padding: 6px; }
  .inbox-item strong { font-size: 12px; }
  .inbox-item small { display: none; }
  .channel-icon { flex-basis: 22px; width: 22px; height: 22px; }
  .channel-icon svg { width: 15px; height: 15px; }
  .thread-heading, .thread-note { padding: 13px 16px; }
}

.site-footer {
  padding-block: clamp(48px, 6vw, 88px) 23px;
  background: #111811;
  color: #f1f4ec;
}
.footer-main {
  display: grid;
  grid-template-columns: 1.1fr .86fr .82fr minmax(192px, 1fr);
  align-items: start;
  gap: clamp(18px, 3.5vw, 64px);
}
.footer-brand p {
  max-width: 255px;
  margin: 17px 0 20px;
  color: #bdc9bb;
  font-size: 14px;
}
.footer-brand .btn { width: fit-content; }
.footer-nav { display: grid; gap: 8px; }
.footer-nav h2 {
  margin: 4px 0 9px;
  font-size: 15px;
  font-weight: 650;
  letter-spacing: 0;
}
.footer-nav a, .footer-legal a { width: fit-content; color: #c7d1c5; }
.footer-nav a { font-size: 14px; }
.site-footer nav a:hover { color: var(--lime); text-decoration: underline; }
.partner-seal {
  display: grid;
  justify-items: start;
  gap: 17px;
  padding: 20px;
  border: 1px solid #829a68;
  border-radius: 16px;
  background: #1c291b;
}
.partner-seal > span:first-child { color: #d0eaba; font-size: 13px; }
.partner-seal img { width: min(100%, 182px); height: auto; }
.partner-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-top: 1px solid #43563c;
  padding-top: 12px;
  font-size: 12px;
}
.partner-seal:hover { background: #263623; border-color: var(--lime); }
.footer-legal, .footer-legal nav { display: flex; flex-wrap: wrap; gap: 20px; }
.footer-legal {
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #384436;
  margin-top: 44px;
  padding-top: 20px;
  color: #adbcaa;
  font-size: 12px;
}
@media (max-width: 920px) {
  .footer-main { grid-template-columns: 1.1fr 1fr; gap: 26px 32px; }
  .footer-brand, .partner-seal { grid-row: 1; }
}
@media (max-width: 560px) {
  .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 16px; }
  .footer-brand, .partner-seal { grid-column: 1 / -1; grid-row: auto; }
  .partner-seal { max-width: 100%; }
  .footer-legal { gap: 13px; margin-top: 28px; }
  .footer-legal nav { gap: 14px; }
}