.messaging-campaign-board > aside > button { width:100%; min-height:78px; margin-top:8px; padding:10px 12px; display:grid; grid-template-columns:42px 1fr 24px; align-items:center; gap:11px; border:1px solid #dce1e5; border-radius:11px; background:#fff; color:var(--ink); text-align:left; }
.messaging-campaign-board > aside > button.is-selected { border-color:var(--coral); background:#fff0ed; }
.messaging-campaign-board > aside > button > b { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:#182238; color:#fff; font-size:9px; }
.messaging-campaign-board > aside > button > span { min-width:0; display:grid; gap:4px; }
.messaging-campaign-board > aside > button strong { font-size:10px; }
.messaging-campaign-board > aside > button small { color:#8893a2; font-size:7px; }
.messaging-campaign-board > aside > button small em { margin-top:4px; display:block; color:#d75349; font-style:normal; font-weight:700; }
.messaging-campaign-board > aside > button > i { width:24px; height:24px; display:grid; place-items:center; border:1px solid #d3d9df; border-radius:50%; color:#fff; font-style:normal; }
.messaging-campaign-board > aside > button.is-selected > i { border-color:var(--coral); background:var(--coral); }
.messaging-campaign-board > aside > button > i svg { width:13px; height:13px; stroke-width:2.8; }
.messaging-campaign-board > section { padding:30px; display:flex; flex-direction:column; background:#fff; }
.messaging-campaign-board > section > header { min-height:65px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #dfe3e7; }
.messaging-campaign-board > section > header > div { display:grid; gap:5px; }.messaging-campaign-board > section > header small { color:#8a95a3; font-size:7px; font-weight:700; letter-spacing:.12em; }.messaging-campaign-board > section > header strong { font-size:18px; }.messaging-campaign-board > section > header > span { color:#319171; font-size:7px; font-weight:700; letter-spacing:.1em; }.messaging-campaign-board > section > header > span i { width:7px; height:7px; margin-right:7px; display:inline-block; border-radius:50%; background:#37ca9b; }
.messaging-campaign-board__summary { min-height:103px; margin-top:22px; padding:19px; display:grid; grid-template-columns:37px 1fr; align-items:start; gap:13px; border:1px solid #d9e1e6; border-radius:12px; background:#f8f9fa; }.messaging-campaign-board__summary > svg { width:37px; height:37px; padding:9px; border-radius:11px; background:#14243d; color:#fff; }.messaging-campaign-board__summary p { margin:0; color:#566477; font-size:10px; font-weight:600; line-height:1.65; }
.messaging-campaign-board > section > label { margin-top:22px; display:grid; gap:9px; }.messaging-campaign-board > section > label small { color:#778494; font-size:7px; font-weight:800; letter-spacing:.12em; }.messaging-campaign-board > section textarea { min-height:155px; padding:19px; resize:none; border:2px solid #d4dae0; border-radius:9px; outline:none; color:#435164; font:inherit; font-size:11px; line-height:1.65; }
.messaging-campaign-board__options { margin-top:18px; display:flex; gap:8px; }.messaging-campaign-board__options > span { min-height:43px; padding:0 13px; display:flex; align-items:center; gap:8px; border:1px solid #d9dee3; border-radius:9px; color:#5f6d80; font-size:8px; font-weight:700; }.messaging-campaign-board__options b { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; background:#eaf7fa; color:#118eaf; }.messaging-campaign-board__options svg { width:14px; height:14px; stroke-width:1.8; }
.messaging-campaign-board > section > footer { min-height:79px; margin:25px -30px -30px; padding:0 30px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #dce1e5; background:#f8f9fa; }.messaging-campaign-board > section > footer span { color:#788493; font-size:7px; font-weight:700; letter-spacing:.1em; }.messaging-campaign-board > section > footer button { min-height:45px; padding:0 17px; display:flex; align-items:center; gap:9px; border:0; border-radius:7px; background:var(--navy-soft); color:#fff; font-size:8px; font-weight:800; }.messaging-campaign-board > section > footer button:disabled { opacity:.38; }.messaging-campaign-board > section > footer svg { width:14px; height:14px; }

.messaging-member { padding-block:145px; display:grid; grid-template-columns:minmax(500px,.9fr) minmax(560px,1.1fr); align-items:center; gap:130px; }
.messaging-member-phone { position:relative; width:410px; min-height:765px; padding:11px; justify-self:center; overflow:hidden; border:8px solid #090d13; border-radius:54px; background:#fff; color:var(--ink); box-shadow:0 50px 110px rgba(20,33,54,.25); }
.messaging-member-phone__island { position:absolute; z-index:2; top:19px; left:50%; width:115px; height:28px; border-radius:99px; background:#080b11; transform:translateX(-50%); }
.messaging-member-phone > header { min-height:92px; padding:27px 20px 0; display:flex; align-items:center; justify-content:center; gap:11px; border-bottom:1px solid #dfe4e8; background:#142136; color:#fff; }
.messaging-member-phone > header img { width:36px; height:36px; }.messaging-member-phone > header strong { font-size:10px; letter-spacing:.15em; }
.messaging-member-phone__body { padding:35px 27px; }.messaging-member-phone__body > span { display:flex; align-items:center; gap:8px; color:#158dab; font-size:8px; font-weight:800; letter-spacing:.1em; }.messaging-member-phone__body > span svg { width:17px; height:17px; }.messaging-member-phone__body > small { margin-top:41px; display:block; color:#8994a3; font-size:8px; font-weight:700; letter-spacing:.11em; }.messaging-member-phone__body h3 { margin:14px 0 0; font-size:35px; line-height:1.04; letter-spacing:-.055em; }.messaging-member-phone__body > p { margin:21px 0 0; color:#667386; font-size:12px; line-height:1.7; }.messaging-member-phone__body article { min-height:125px; margin-top:28px; padding:20px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid #dce2e7; border-radius:13px; background:#f7f9fa; }.messaging-member-phone__body article > span { display:grid; gap:7px; }.messaging-member-phone__body article small { color:#8994a3; font-size:7px; font-weight:700; letter-spacing:.1em; }.messaging-member-phone__body article strong { font-size:16px; }.messaging-member-phone__body article > b { width:max-content; padding:7px 9px; border-radius:99px; background:#fff0ed; color:#d64f47; font-size:8px; }.messaging-member-phone__body > button { width:100%; min-height:57px; margin-top:22px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; border:0; border-radius:9px; background:var(--navy-soft); color:#fff; font-size:11px; font-weight:800; }.messaging-member-phone__body > em { margin-top:20px; display:block; color:#929ba7; font-size:8px; font-style:normal; text-align:center; }
.messaging-member__copy h2 { margin:38px 0 0; font-size:clamp(62px,5.4vw,100px); line-height:.92; letter-spacing:-.065em; }.messaging-member__copy h2 em { color:var(--coral); font-style:normal; }.messaging-member__copy > p { max-width:650px; margin:31px 0 0; color:#718093; font-size:14px; line-height:1.8; }.messaging-member__copy ul { margin:40px 0 0; padding:0; display:grid; gap:20px; list-style:none; }.messaging-member__copy li { display:grid; grid-template-columns:49px 1fr; align-items:start; gap:16px; }.messaging-member__copy li > span { width:49px; height:49px; display:grid; place-items:center; border-radius:14px; background:#14243d; color:#fff; }.messaging-member__copy li svg { width:23px; height:23px; stroke-width:1.7; }.messaging-member__copy li strong { font-size:14px; }.messaging-member__copy li p { margin:6px 0 0; color:#7c8796; font-size:11px; line-height:1.6; }

.messaging-visibility { padding-block:145px; background:#101c2f; color:#fff; }
.messaging-delivery-board { margin-top:82px; overflow:hidden; border:1px solid rgba(255,255,255,.14); border-radius:18px; background:#f5f7f8; color:var(--ink); box-shadow:0 35px 95px rgba(0,0,0,.32); }
.messaging-delivery-board > header { min-height:90px; padding:0 27px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:24px; border-bottom:1px solid #dce1e5; background:#fff; }.messaging-delivery-board > header > div:first-child { display:grid; gap:5px; }.messaging-delivery-board > header small { color:#8994a3; font-size:7px; font-weight:700; letter-spacing:.12em; }.messaging-delivery-board > header strong { font-size:18px; }.messaging-delivery-board > header > div:nth-child(2) { padding:4px; display:flex; border-radius:99px; background:#edf1f3; }.messaging-delivery-board > header button { min-height:34px; padding:0 13px; border:0; border-radius:99px; background:transparent; color:#7c8795; font-size:8px; font-weight:700; }.messaging-delivery-board > header button.is-active { background:#fff; color:var(--navy); box-shadow:0 5px 15px rgba(20,33,54,.1); }.messaging-delivery-board > header > span { color:#319171; font-size:8px; font-weight:700; letter-spacing:.09em; }.messaging-delivery-board > header > span i { width:7px; height:7px; margin-right:7px; display:inline-block; border-radius:50%; background:#37ca9b; }
.messaging-delivery-board__head,.messaging-delivery-board__row { display:grid; grid-template-columns:1.05fr 1fr .8fr .55fr .55fr; align-items:center; }.messaging-delivery-board__head { min-height:45px; padding:0 27px; background:#eef1f3; color:#8994a2; font-size:7px; font-weight:700; letter-spacing:.11em; }.messaging-delivery-board__row { min-height:82px; padding:0 27px; border-top:1px solid #e2e6e9; background:#fff; }.messaging-delivery-board__row > div { display:flex; align-items:center; gap:11px; }.messaging-delivery-board__row > div b { width:39px; height:39px; display:grid; place-items:center; border-radius:50%; background:var(--navy); color:#fff; font-size:8px; }.messaging-delivery-board__row > div strong { font-size:10px; }.messaging-delivery-board__row > span { color:#637083; font-size:9px; }.messaging-delivery-board__row > em { width:max-content; padding:7px 10px; border-radius:99px; background:#eaf7fa; color:#118caf; font-size:8px; font-style:normal; font-weight:700; }.messaging-delivery-board__row > em.is-complete { background:#e9f9f3; color:#248f6f; }.messaging-delivery-board__row > em.is-scheduled { background:#fff4df; color:#9a6e12; }.messaging-delivery-board > footer { min-height:57px; padding:0 27px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid #dce1e5; background:#f4f6f7; color:#7f8a99; font-size:7px; font-weight:700; letter-spacing:.1em; }.messaging-delivery-board > footer span { display:flex; align-items:center; gap:8px; color:#188fae; }.messaging-delivery-board > footer svg { width:15px; height:15px; }

.messaging-loop { padding-block:145px; }.messaging-loop__flow { margin-top:82px; display:grid; grid-template-columns:repeat(4,1fr); }.messaging-loop__flow article { position:relative; min-height:340px; padding:29px; display:flex; flex-direction:column; border:1px solid #dce2e7; border-right:0; background:#f7f8f9; }.messaging-loop__flow article:first-child { border-radius:16px 0 0 16px; }.messaging-loop__flow article:last-child { border-right:1px solid #dce2e7; border-radius:0 16px 16px 0; }.messaging-loop__flow article > span { width:60px; height:60px; display:grid; place-items:center; border-radius:17px; background:#14243d; color:#fff; }.messaging-loop__flow article > span svg { width:29px; height:29px; stroke-width:1.7; }.messaging-loop__flow small { margin-top:40px; color:var(--coral); font-size:8px; font-weight:700; letter-spacing:.12em; }.messaging-loop__flow h3 { margin:auto 0 14px; font-size:30px; letter-spacing:-.05em; }.messaging-loop__flow p { margin:0; color:#748193; font-size:11px; line-height:1.65; }.messaging-loop__flow article > i { position:absolute; z-index:2; top:50%; right:-17px; width:34px; height:34px; display:grid; place-items:center; border:1px solid #dce2e7; border-radius:50%; background:#fff; color:var(--coral); font-style:normal; transform:translateY(-50%); }

@media (max-width:1240px) {
  .messaging-hero-stage { width:min(810px,100%); }.messaging-capability-grid h3 { font-size:24px; }.messaging-member { gap:75px; }
}
@media (max-width:980px) {
  .messaging-hero-stage { width:min(850px,92vw); justify-self:center; }.messaging-capability-grid { grid-template-columns:repeat(2,1fr); }.messaging-workspace__heading,.messaging-visibility__heading,.messaging-member { grid-template-columns:1fr; gap:38px; }.messaging-member-phone { margin-top:35px; }.messaging-member__copy { max-width:760px; }.messaging-campaign-board { grid-template-columns:340px 1fr; overflow-x:auto; }.messaging-campaign-board > aside,.messaging-campaign-board > section { min-width:0; }.messaging-delivery-board { overflow-x:auto; }.messaging-delivery-board > header,.messaging-delivery-board__head,.messaging-delivery-board__row,.messaging-delivery-board > footer { min-width:850px; }.messaging-loop__flow { grid-template-columns:repeat(2,1fr); gap:13px; }.messaging-loop__flow article { border:1px solid #dce2e7; border-radius:16px !important; }.messaging-loop__flow article > i { display:none; }
}
@media (max-width:680px) {
  .messaging-product-hero .product-hero__module > span { width:43px; height:43px; flex-basis:43px; }.messaging-product-hero .product-hero__module img { width:43px; height:43px; }.messaging-hero-stage { width:100%; }.messaging-hero-window { min-height:0; border-radius:16px; }.messaging-hero-window > header em { display:none; }.messaging-hero-compose { grid-template-columns:1fr; }.messaging-hero-compose > aside { border-right:0; border-bottom:1px solid #dce1e5; }.messaging-hero-compose > aside > button:nth-of-type(n+4) { display:none; }.messaging-delivery-toast { position:relative; right:auto; bottom:auto; min-width:0; margin-top:14px; }.messaging-capabilities,.messaging-workspace,.messaging-member,.messaging-visibility,.messaging-loop { padding-block:85px; }.messaging-capability-grid { margin-top:52px; grid-template-columns:1fr; }.messaging-capability-grid article { min-height:300px; }.messaging-workspace__heading h2,.messaging-visibility__heading h2,.messaging-member__copy h2 { font-size:clamp(48px,14vw,67px); }.messaging-campaign-board { min-width:800px; }.messaging-member-phone { width:min(390px,100%); min-height:720px; border-radius:45px; }.messaging-loop__flow { margin-top:52px; grid-template-columns:1fr; }.messaging-loop__flow article { min-height:285px; }
}

/* AI Assist product page */
.assist-product-hero { background:radial-gradient(circle at 80% 27%,rgba(140,83,190,.28),transparent 31%),radial-gradient(circle at 37% 111%,rgba(255,112,94,.2),transparent 38%),linear-gradient(128deg,#07121f,#14233a 57%,#282340); }
.assist-product-hero .product-hero__module > span { width:48px; height:48px; flex:0 0 48px; overflow:hidden; border:0; border-radius:50%; background:transparent; backdrop-filter:none; }
.assist-product-hero .product-hero__module img { width:48px; height:48px; filter:none; }
.assist-ai-mark { width:58px; height:58px; display:grid; place-items:center; overflow:hidden; border-radius:50%; background:radial-gradient(circle at 16% 82%,#263d77 0 21%,transparent 48%),radial-gradient(circle at 91% 76%,#0da5d3 0 11%,transparent 46%),radial-gradient(circle at 73% 2%,#df756c 0 9%,transparent 40%),linear-gradient(140deg,#263b70 10%,#8650a1 56%,#169ec7); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 14px 30px rgba(12,20,35,.2); }
.assist-ai-mark img { width:72%; height:72%; object-fit:contain; }.assist-ai-mark--small { width:34px; height:34px; flex:0 0 34px; }
.assist-hero-stage { position:relative; width:min(820px,100%); justify-self:end; }
.assist-hero-stage__halo { position:absolute; inset:1% -8% -10% 8%; border-radius:50%; background:radial-gradient(circle,rgba(139,84,192,.25),transparent 63%); filter:blur(24px); }
.assist-hero-tabs { position:relative; z-index:2; width:max-content; margin:0 auto 15px; padding:6px; display:flex; gap:3px; border:1px solid rgba(255,255,255,.16); border-radius:99px; background:rgba(255,255,255,.06); }
.assist-hero-tabs button { min-height:42px; padding:0 17px; border:0; border-radius:99px; background:transparent; color:rgba(255,255,255,.48); font-size:8px; font-weight:700; letter-spacing:.06em; }
.assist-hero-tabs button.is-active { background:#fff; color:var(--navy); box-shadow:0 8px 25px rgba(0,0,0,.16); }
.assist-hero-window { position:relative; min-height:630px; overflow:hidden; border:1px solid rgba(255,255,255,.2); border-radius:22px; background:#f3f5f7; color:var(--ink); box-shadow:0 55px 130px rgba(1,7,15,.55); }
.assist-hero-window > header { min-height:70px; padding:0 25px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.12); background:#0d192b; color:#fff; }
.assist-hero-window > header > span { display:flex; align-items:center; gap:10px; font-size:9px; letter-spacing:.1em; }.assist-hero-window > header img { width:28px; height:28px; }.assist-hero-window > header span i { color:var(--coral); font-size:8px; font-style:normal; }.assist-hero-window > header em { display:flex; align-items:center; gap:8px; color:#55d7ae; font-size:8px; font-style:normal; font-weight:700; letter-spacing:.11em; }.assist-hero-window > header em i { width:7px; height:7px; border-radius:50%; background:#3bd2a2; box-shadow:0 0 0 5px rgba(59,210,162,.11); }
.assist-hero-window__context { min-height:86px; padding:18px 26px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #dce1e5; background:#fff; }.assist-hero-window__context > div { display:grid; gap:6px; }.assist-hero-window__context small { color:#8a95a3; font-size:7px; font-weight:700; letter-spacing:.12em; }.assist-hero-window__context strong { font-size:19px; }.assist-hero-window__context > span { display:flex; align-items:center; gap:8px; color:#8054aa; font-size:7px; font-weight:800; letter-spacing:.09em; }.assist-hero-window__context .assist-ai-mark { width:32px; height:32px; }
.assist-hero-thread { min-height:405px; padding:27px; display:flex; flex-direction:column; gap:15px; background:linear-gradient(145deg,#f5f7f8,#eef1f3); }.assist-hero-thread > p { max-width:82%; margin:0; padding:14px 16px; border-radius:13px; font-size:10px; line-height:1.6; }.assist-hero-thread > p.is-user { align-self:flex-end; border-bottom-right-radius:3px; background:#344f80; color:#fff; }.assist-hero-thread > p.is-ai { display:flex; align-items:flex-start; gap:10px; border-bottom-left-radius:3px; background:#fff; color:#536175; box-shadow:0 8px 25px rgba(20,33,54,.06); }.assist-hero-thread .is-ai .assist-ai-mark { width:30px; height:30px; flex-basis:30px; }
.assist-hero-result { min-height:115px; padding:17px; display:flex; align-items:center; justify-content:space-between; gap:15px; border:1px solid #c7e3eb; border-radius:12px; background:#eef9fb; opacity:.45; transform:translateY(8px); transition:opacity 360ms ease,transform 360ms var(--ease),box-shadow 360ms ease; }.assist-hero-result.is-ready { opacity:1; transform:none; box-shadow:0 14px 32px rgba(19,139,172,.1); }.assist-hero-result > span { display:grid; grid-template-columns:29px 1fr; gap:3px 10px; }.assist-hero-result > span > svg { grid-row:1/4; width:29px; height:29px; padding:7px; border-radius:9px; background:#14243d; color:#fff; }.assist-hero-result small { color:#148dab; font-size:6px; font-weight:800; letter-spacing:.11em; }.assist-hero-result strong { font-size:12px; }.assist-hero-result em { color:#718093; font-size:8px; font-style:normal; }.assist-hero-result > button { min-height:39px; padding:0 13px; display:flex; align-items:center; gap:12px; border:0; border-radius:7px; background:var(--navy-soft); color:#fff; font-size:7px; font-weight:800; white-space:nowrap; }