:root {
  --paper:#faf9f5;
  --ink:#222d2c;
  --muted:#66716c;
  --orange:#dc542b;
  --line:#dfE3db;
  --mint:#e9eee5;
  --green:#337457;
  --white:#fff;
  font-family:Inter,"Aptos",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-synthesis:none;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:100px;
}
body {
  margin:0;
}
button,input,textarea {
  font:inherit;
}
button,a {
  -webkit-tap-highlight-color:transparent;
}
button {
  cursor:pointer;
}
a {
  color:inherit;
  text-decoration:none;
}
button {
  color:inherit;
}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible {
  outline:3px solid var(--orange);
  outline-offset:5px;
}
p,h1,h2,h3 {
  margin-top:0;
}
p {
  line-height:1.65;
}
button {
  border:0;
}
img {
  max-width:100%;
}
.wrap {
  width:min(1280px,calc(100% - 112px));
  margin-inline:auto;
}
.header {
  height:95px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:0 48px;
  border-bottom:1px solid var(--line);
  background:rgba(250,249,245,.94);
  position:sticky;
  top:0;
  z-index:30;
  backdrop-filter:blur(16px);
}
.brand {
  display:flex;
  align-items:center;
  width:176px;
}
.brand img {
  width:174px;
  height:52px;
  object-fit:contain;
}
.header nav {
  display:flex;
  gap:28px;
  font-size:13px;
  font-weight:550;
}
.header nav a:hover,.text-link:hover,.footer a:hover {
  color:var(--orange);
}
.header-actions {
  display:flex;
  align-items:center;
  gap:27px;
  font-size:13px;
}
.button {
  background:var(--orange);
  color:white;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:30px;
  min-height:52px;
  padding:15px 22px;
  border-radius:7px;
  font-weight:600;
  font-size:13px;
  transition:background .2s,transform .2s,box-shadow .2s;
}
.button:hover {
  background:#bc4220;
  transform:translateY(-2px);
  box-shadow:0 5px 15px #dc542b25;
}
.button span {
  font-size:20px;
  font-weight:400;
}
.button.small {
  min-height:42px;
  padding:9px 17px;
  gap:28px;
}
.menu-toggle,.mobile-login {
  display:none!important;
}
.skip-link {
  position:fixed;
  top:-80px;
  left:20px;
  z-index:100;
  background:white;
  padding:15px;
}
.skip-link:focus {
  top:10px;
}
.hero {
  display:grid;
  grid-template-columns:1.06fr 1fr;
  align-items:center;
  gap:35px;
  padding-top:64px;
  padding-bottom:65px;
}
.eyebrow {
  font-size:10px;
  letter-spacing:1.65px;
  font-weight:650;
  line-height:1.5;
  margin-bottom:26px;
  display:flex;
  align-items:center;
  gap:10px;
}
.status-dot {
  display:inline-block;
  width:6px;
  height:6px;
  background:#4c9167;
  border-radius:50%;
  flex-shrink:0;
}
.hero h1 {
  font-size:clamp(48px,4.8vw,72px);
  line-height:1.055;
  letter-spacing:-3.4px;
  font-weight:550;
  margin:0 0 24px;
}
.serif {
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-style:italic;
  letter-spacing:-.05em;
}
.orange {
  color:var(--orange);
}
.lede {
  max-width:465px;
  font-size:15px;
  color:var(--muted);
  line-height:1.85;
  margin-bottom:28px;
}
.actions {
  display:flex;
  align-items:center;
  gap:26px;
  flex-wrap:wrap;
}
.text-link {
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:12px;
  font-weight:600;
  background:none;
  padding:0;
}
.play-icon {
  width:26px;
  height:26px;
  border:1px solid #c4ccc2;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:9px;
}
.hero-footnote {
  font-size:10px;
  color:#737b72;
  margin:21px 0 0;
}
.hero-scene {
  height:535px;
  position:relative;
  isolation:isolate;
  background:radial-gradient(ellipse at 60% 40%,#f1e4cf75,transparent 60%),radial-gradient(#acb6a34f .7px,transparent .7px);
  background-size:auto,14px 14px;
  border:1px solid #e0e4d7;
  border-radius:18px;
  overflow:hidden;
}
.scene-top {
  position:absolute;
  left:22px;
  right:17px;
  top:17px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:8px;
  letter-spacing:1.1px;
  color:#586854;
  z-index:4;
}
.scene-top>span {
  display:flex;
  align-items:center;
  gap:8px;
}
.scene-top button {
  background:#fff8;
  border:1px solid #dce1d3;
  width:26px;
  height:26px;
  border-radius:50%;
  font-size:10px;
}
.orbit {
  position:absolute;
  border:1px solid #cbd5c66b;
  border-radius:50%;
  left:50%;
  top:49%;
  transform:translate(-50%,-50%);
  z-index:-1;
}
.orbit-one {
  width:360px;
  height:360px;
}
.orbit-two {
  width:490px;
  height:490px;
}
.flow-lines {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  stroke:#c5ccbd;
  stroke-width:1.4;
}
.flow-travel {
  stroke:var(--orange);
  stroke-dasharray:8 200;
  animation:flow 12s linear infinite;
}
.scene-card {
  position:absolute;
  background:#fffdf9;
  border:1px solid #e1e1d8;
  border-radius:11px;
  box-shadow:0 14px 30px #2632220c;
  z-index:2;
}
.incoming {
  display:flex;
  align-items:center;
  gap:12px;
  top:77px;
  left:25px;
  right:62px;
  padding:18px 14px;
  transform:rotate(-3deg);
  animation:float 7s ease-in-out infinite;
}
.scene-icon {
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:11px;
  font-size:24px;
  flex-shrink:0;
}
.coral {
  background:#f9e7de;
  color:#d9542b;
}
.mint {
  background:#e9f2e8;
  color:#4b8863;
}
.scene-card small {
  display:block;
  color:#78816f;
  font-size:9px;
  line-height:1.6;
}
.scene-card strong {
  font-size:12px;
  font-weight:600;
  display:block;
  margin-top:4px;
}
.wave {
  display:flex;
  gap:2px;
  align-items:center;
  height:32px;
  margin-left:auto;
}
.wave i {
  width:2px;
  height:10px;
  background:var(--orange);
  border-radius:2px;
  animation:wave 1.1s ease-in-out infinite alternate;
}
.wave i:nth-child(3n) {
  height:28px;
  animation-delay:-.8s;
}
.wave i:nth-child(2n) {
  height:18px;
  animation-delay:-.3s;
}
.agent-core {
  position:absolute;
  left:49%;
  top:46%;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  z-index:3;
}
.core-mark {
  display:flex;
  align-items:center;
  justify-content:center;
  width:88px;
  height:88px;
  background:var(--orange);
  color:white;
  border-radius:24px;
  box-shadow:0 0 0 10px #f9f0e2,0 0 0 11px #dc542b2e,0 20px 35px #bd67362b;
  font-size:67px;
  font-weight:700;
  letter-spacing:-12px;
  line-height:1;
  padding-right:9px;
}
.core-mark span {
  font-size:41px;
  margin-top:-20px;
}
.agent-core>span {
  font-size:12px;
  letter-spacing:-.4px;
  font-weight:650;
  margin-top:18px;
}
.agent-core>small {
  font-size:10px;
  color:#858e7b;
  margin-top:4px;
}
.context {
  bottom:75px;
  left:21px;
  width:218px;
  padding:18px;
  transform:rotate(-4deg);
  animation:float 8s ease-in-out -3s infinite;
}
.mini-icon {
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:8px;
  background:#edf1e9;
  color:#557557;
  font-size:18px;
  flex-shrink:0;
}
.context>.mini-icon {
  margin-bottom:12px;
}
.mini-person {
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:17px;
  padding-top:13px;
  border-top:1px solid var(--line);
  font-size:10px;
}
.mini-person small {
  font-size:8px;
}
.avatar {
  width:30px;
  height:30px;
  border-radius:50%;
  background:#e8eddf;
  display:inline-grid;
  place-items:center;
  color:#5b7253;
  font-size:10px;
  flex-shrink:0;
}
.check {
  margin-left:auto;
  color:#548664;
  font-size:12px;
}
.booked {
  right:16px;
  bottom:99px;
  width:205px;
  padding:18px;
  transform:rotate(5deg);
  animation:float 8s ease-in-out -1.5s infinite;
}
.booking-top {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
}
.tag {
  display:inline-flex;
  align-items:center;
  background:#f0f1eb;
  padding:4px 7px;
  color:#697462;
  border-radius:5px;
  font-size:8px;
  white-space:nowrap;
  font-weight:500;
}
.tag.green {
  background:#eaf2e6;
  color:#477b50;
}
.tag.orange {
  background:#f9ece1;
  color:#b85b2c;
}
.booked strong {
  font-size:16px;
}
.booked p {
  font-size:10px;
  color:#677160;
  margin:7px 0 14px;
}
.card-rule {
  height:1px;
  background:var(--line);
  margin:12px 0;
}
.tiny {
  font-size:9px;
  color:#6a7562;
}
.scene-bottom {
  position:absolute;
  bottom:18px;
  left:22px;
  right:22px;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:9px;
  color:#687763;
}
.demo-label {
  margin-left:auto;
  font-size:7px;
}
.outcome-strip {
  border-block:1px solid var(--line);
  background:#f1f3ec;
}
.outcome-strip>.wrap {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-block:25px;
}
.outcome-strip span {
  font-size:12px;
  line-height:1.55;
  color:#4d5b4a;
}
.outcome-strip span:first-child {
  font-size:10px;
  color:#697363;
}
.outcome-strip b {
  font-weight:600;
  color:#344332;
}
.section {
  padding-block:100px;
}
.section-heading {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:55px;
  margin-bottom:42px;
}
.section-heading>div {
  flex:1.3;
}
.section-heading>p {
  flex:1;
  max-width:375px;
  font-size:13px;
  color:var(--muted);
  margin-bottom:7px;
  line-height:1.85;
}
h2 {
  font-size:clamp(34px,3.45vw,49px);
  line-height:1.1;
  letter-spacing:-1.9px;
  font-weight:500;
  margin-bottom:0;
}
.section-heading .eyebrow {
  margin-bottom:17px;
}
.platform-tabs {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  margin-bottom:19px;
}
.platform-tabs button {
  background:transparent;
  border-radius:7px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
  font-size:17px;
  padding:14px 8px;
  border:1px solid transparent;
}
.platform-tabs button span {
  font-size:11px;
  font-weight:500;
}
.platform-tabs button:hover {
  background:#eef0e9;
}
.platform-tabs button[aria-selected=true] {
  background:#e9eee3;
  border-color:#dbe3d3;
  color:#405b38;
}
.workspace-shell {
  border-radius:12px;
  border:1px solid #dce2d6;
  background:#e9eee4;
  padding:8px;
  box-shadow:0 30px 65px #30402b0a;
}
.preview-label {
  display:flex;
  justify-content:space-between;
  padding:8px 10px 15px;
  font-size:7px;
  letter-spacing:1px;
  color:#6d7b64;
}
.preview-label>span:first-child {
  display:flex;
  gap:4px;
}
.preview-label i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#c5cebF;
}
.workspace {
  min-height:460px;
  display:grid;
  grid-template-columns:190px 1fr;
  border:1px solid #dce3d5;
  border-radius:7px;
  overflow:hidden;
  background:#f8f9f5;
}
.workspace-sidebar {
  background:#fffefa;
  border-right:1px solid #e2e6dd;
  padding:20px 12px;
  position:relative;
  display:flex;
  flex-direction:column;
}
.workspace-brand {
  font-weight:650;
  font-size:21px;
  color:#d46035;
  display:flex;
  align-items:center;
  gap:7px;
  margin:0 8px 24px;
}
.workspace-brand span {
  font-size:15px;
  letter-spacing:-.6px;
  color:#34452f;
}
.sample-company {
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 4px 20px;
  font-size:10px;
  font-weight:550;
}
.sample-company small {
  display:block;
  font-size:8px;
  color:#8b9285;
  font-weight:400;
  margin-top:4px;
}
.sample-company>span:last-child {
  margin-left:auto;
}
.sidebar-label {
  font-size:7px;
  letter-spacing:1px;
  color:#939b8b;
  margin:12px 9px 9px;
}
.sidebar-item {
  display:flex;
  align-items:center;
  gap:9px;
  padding:9px 11px;
  border-radius:5px;
  font-size:12px;
  color:#85917c;
}
.sidebar-item span {
  font-size:9px;
  color:#6c7966;
}
.sidebar-item.active {
  background:#edf1e7;
  color:#657f55;
}
.sidebar-item.active span {
  color:#4e663f;
  font-weight:650;
}
.sidebar-item i {
  font-style:normal;
  margin-left:auto;
  font-size:7px;
}
.sidebar-bottom {
  font-size:8px;
  margin:24px 8px 0;
  display:flex;
  align-items:center;
  gap:7px;
}
.workspace-main {
  padding:25px 28px;
  min-width:0;
}
.workspace-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:8px;
  color:#7b8871;
  margin-bottom:23px;
}
.workspace-top span:last-child {
  background:#f0f2ec;
  padding:6px 9px;
  border:1px solid #e4e8de;
  border-radius:5px;
}
.workspace-title {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
}
.workspace-title h3 {
  font-size:23px;
  font-weight:550;
  letter-spacing:-.7px;
  margin:0 0 7px;
}
.workspace-title p {
  font-size:9px;
  color:#8a9382;
  margin:0;
}
.workspace-title>span {
  font-size:8px;
  background:#ebefe4;
  padding:8px 10px;
  border-radius:5px;
  color:#5f7652;
}
.stat-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin:24px 0;
}
.stat-card {
  border:1px solid #e3e7db;
  background:#fffefa;
  padding:15px;
  border-radius:8px;
}
.stat-card>span {
  display:block;
  font-size:9px;
  color:#78866e;
}
.stat-card strong {
  display:block;
  font-size:28px;
  letter-spacing:-1px;
  font-weight:550;
  margin:9px 0;
}
.stat-card small {
  font-size:7px;
  color:#688854;
  display:flex;
  align-items:center;
  gap:4px;
}
.activity-grid {
  display:grid;
  grid-template-columns:1.6fr 1fr;
  gap:15px;
}
.activity-card,.next-card {
  border:1px solid #e1e5db;
  border-radius:8px;
  background:#fffefa;
  padding:15px;
}
.panel-title {
  font-size:10px;
  font-weight:600;
  display:flex;
  justify-content:space-between;
  margin-bottom:13px;
}
.panel-title span:last-child {
  font-size:8px;
  color:#89947f;
  font-weight:400;
}
.activity-row {
  display:flex;
  align-items:center;
  gap:9px;
  border-top:1px solid #f0f1eb;
  padding:10px 0;
}
.activity-row .mini-icon {
  width:26px;
  height:26px;
  font-size:12px;
}
.activity-row div {
  flex:1;
  font-size:9px;
}
.activity-row small {
  display:block;
  font-size:7px;
  color:#8b9384;
  margin-top:4px;
}
.activity-row>time {
  font-size:7px;
  color:#929a89;
}
.task-row {
  display:flex;
  align-items:start;
  gap:7px;
  font-size:9px;
  line-height:1.6;
  padding:10px 0;
  border-top:1px solid #f0f1eb;
}
.task-check {
  height:11px;
  width:11px;
  flex-shrink:0;
  border:1px solid #ccd5c0;
  border-radius:3px;
  margin-top:2px;
}
.task-row small {
  display:block;
  font-size:7px;
  color:#88947d;
}
.platform-caption {
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-top:22px;
  font-size:11px;
}
.platform-caption p {
  margin:0;
  font-weight:500;
}
.platform-caption>span {
  color:#92978b;
  font-size:9px;
}
.data-table {
  margin-top:24px;
  border:1px solid #e0e5d8;
  border-radius:7px;
  background:#fffefa;
  overflow:hidden;
}
.data-row {
  display:grid;
  grid-template-columns:1.2fr 1.1fr 1fr .7fr;
  gap:12px;
  align-items:center;
  padding:15px;
  font-size:9px;
  border-top:1px solid #edf0e7;
}
.data-row:first-child {
  border:0;
  background:#f0f3eb;
  color:#7c8971;
  font-size:8px;
}
.data-row .tag {
  justify-self:start;
}
.detail-note {
  margin-top:18px;
  padding:13px;
  background:#edf2e7;
  color:#6d805c;
  font-size:9px;
  border-radius:6px;
}
.calendar {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:25px;
}
.calendar-day {
  border:1px solid #e1e7d7;
  border-radius:7px;
  background:#fffefa;
  min-height:235px;
  padding:12px;
}
.calendar-day>span {
  font-size:8px;
  color:#87967a;
}
.calendar-day>strong {
  display:block;
  font-size:21px;
  margin:8px 0 15px;
  font-weight:500;
}
.calendar-event {
  padding:10px 8px;
  border-left:2px solid #718865;
  background:#edf2e7;
  border-radius:4px;
  margin-top:13px;
  font-size:8px;
  line-height:1.7;
}
.calendar-event small {
  display:block;
  font-size:7px;
  color:#7e8a73;
}
.calendar-event.coral {
  border-color:#d88561;
  background:#faf0e6;
}
.campaign-progress {
  height:5px;
  background:#edf0e8;
  border-radius:8px;
  margin-top:8px;
  overflow:hidden;
}
.campaign-progress span {
  display:block;
  width:62%;
  height:100%;
  background:#91aa7b;
}
.use-case-section {
  background:#edf0e8;
  border-block:1px solid #e1e6d9;
}
.industry-tabs {
  display:flex;
  gap:10px;
  margin:33px 0 28px;
  flex-wrap:wrap;
}
.industry-tabs button {
  border-radius:24px;
  border:1px solid #d5ddcc;
  background:transparent;
  padding:12px 22px;
  font-size:11px;
}
.industry-tabs button[aria-selected=true] {
  background:var(--ink);
  color:white;
  border-color:var(--ink);
}
.industry-tabs button:hover {
  box-shadow:0 0 0 2px #c7d0be;
}
.industry-panel {
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--paper);
  border:1px solid #dce2d5;
  border-radius:13px;
  min-height:330px;
  overflow:hidden;
}
.industry-copy {
  padding:38px;
}
.industry-copy>span {
  font-size:9px;
  color:#839378;
  letter-spacing:1px;
}
.industry-copy h3 {
  font-size:29px;
  font-weight:500;
  letter-spacing:-1px;
  line-height:1.2;
  margin:17px 0;
}
.industry-copy p {
  font-size:12px;
  color:#75806d;
  max-width:390px;
}
.industry-copy .text-link {
  margin-top:14px;
  color:#bf5b34;
  font-size:11px;
}
.industry-example {
  padding:35px;
  background:radial-gradient(#bdc8af60 .7px,transparent .7px) 0 0/12px 12px,#e3e9dc;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.example-label {
  font-size:8px;
  letter-spacing:1.4px;
  color:#6f7f62;
  display:flex;
  justify-content:space-between;
  margin-bottom:18px;
}
.quote-card {
  background:#fffef9;
  border:1px solid #dce3d4;
  border-radius:9px;
  padding:19px;
  display:flex;
  gap:12px;
  align-items:center;
  box-shadow:0 8px 18px #42533306;
}
.quote-card p {
  margin:0;
  font-size:15px;
  line-height:1.5;
  font-family:Georgia,serif;
  font-style:italic;
  color:#536445;
}
.example-steps {
  margin:15px 0 0 17px;
  border-left:1px dashed #b7c5a8;
  padding:0 0 0 21px;
  display:grid;
  gap:10px;
}
.example-steps div {
  font-size:10px;
  background:#f7f9f2;
  border:1px solid #dce3d3;
  border-radius:6px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.example-steps div span {
  color:#709153;
  font-size:11px;
}
.setup-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
}
.section-lede {
  font-size:13px;
  color:var(--muted);
  margin:24px 0 26px;
  max-width:420px;
}
.setup-steps {
  list-style:none;
  padding:0;
  margin:0 0 25px;
}
.setup-steps li {
  display:flex;
  gap:17px;
  padding:14px 0;
}
.setup-steps li>span {
  font-size:9px;
  color:#bd6741;
  padding-top:3px;
}
.setup-steps h3 {
  font-weight:550;
  font-size:13px;
  margin:0 0 6px;
}
.setup-steps p {
  font-size:11px;
  color:#7c8576;
  margin:0;
}
.setup-copy>.text-link {
  color:#bc6038;
}
.setup-demo {
  border:1px solid #e0e4da;
  border-radius:13px;
  background:#fffefa;
  box-shadow:0 18px 60px #263a1b09;
  padding:27px;
}
.assistant-top {
  display:flex;
  gap:11px;
  align-items:center;
  font-size:12px;
  font-weight:550;
  border-bottom:1px solid #e9ece3;
  padding-bottom:21px;
}
.spark {
  color:var(--orange);
  font-size:25px;
}
.assistant-top small {
  display:block;
  font-weight:400;
  font-size:8px;
  color:#8d9585;
  margin-top:5px;
}
.assistant-top .tag {
  margin-left:auto;
}
.setup-bubble {
  margin:28px 0 23px 35px;
  padding:17px 20px;
  background:#f1f3eb;
  border-radius:10px 10px 0 10px;
  font-size:11px;
  line-height:1.8;
  color:#68785b;
}
.assistant-reply {
  display:flex;
  align-items:start;
  gap:12px;
}
.assistant-reply p {
  font-size:11px;
  line-height:1.8;
  color:#7a8770;
  margin-top:0;
}
.draft-plan {
  margin:7px 0 25px 33px;
}
.draft-plan>div {
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 0;
  border-bottom:1px solid #edf0e7;
}
.draft-plan b {
  font-size:10px;
  font-weight:550;
}
.draft-plan small {
  display:block;
  font-size:8px;
  color:#8b9581;
  margin-top:5px;
}
.draft-footer {
  border-top:1px solid #edf0e7;
  padding-top:18px;
  display:flex;
  flex-direction:column;
  gap:8px;
  font-size:9px;
  color:#758567;
}
.draft-footer>span:first-child {
  display:flex;
  align-items:center;
  gap:7px;
}
.draft-footer>span:last-child {
  font-size:8px;
  color:#99a28e;
}
.capabilities {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:42px;
  padding-bottom:70px;
}
.capability {
  border-top:1px solid var(--line);
  padding-top:28px;
}
.feature-symbol {
  display:block;
  font-size:26px;
  color:#b96740;
  margin-bottom:22px;
}
.capability h3 {
  font-weight:500;
  font-size:17px;
  line-height:1.4;
  letter-spacing:-.3px;
}
.capability p {
  font-size:12px;
  color:#7d8575;
  margin-bottom:23px;
  line-height:1.8;
}
.capability>span:last-child {
  font-size:9px;
  color:#768869;
}
.connections {
  border-block:1px solid var(--line);
  padding:28px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
}
.connections>p {
  font-size:11px;
  color:#859179;
  margin:0;
}
.connections>div {
  display:flex;
  gap:42px;
  align-items:center;
  flex-wrap:wrap;
}
.connections>div>span {
  font-size:12px;
  color:#5d6a54;
  display:flex;
  gap:10px;
  align-items:center;
}
.google {
  font-size:22px;
  color:#617c52;
}
.outlook {
  font-size:23px;
  color:#617c52;
}
.faq-section {
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:70px;
}
.faq-list details {
  border-bottom:1px solid var(--line);
  padding:21px 0;
}
.faq-list details:first-child {
  padding-top:0;
}
.faq-list summary {
  list-style:none;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  font-size:13px;
  cursor:pointer;
}
.faq-list summary::-webkit-details-marker {
  display:none;
}
.faq-list summary span {
  color:#849477;
  font-size:18px;
}
.faq-list details[open] summary span {
  transform:rotate(45deg);
}
.faq-list p {
  font-size:12px;
  color:#7d8972;
  line-height:1.8;
  margin:18px 20px 0 0;
}
.faq-list a {
  text-decoration:underline;
}
.closing {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:#e9eee2;
  border:1px solid #dfe6d5;
  border-radius:15px;
  text-align:center;
  padding:65px 25px;
}
.closing .eyebrow {
  justify-content:center;
  font-size:9px;
  color:#6b8158;
  margin-bottom:19px;
}
.closing h2 {
  font-size:clamp(40px,4.7vw,66px);
  line-height:1.06;
  letter-spacing:-2px;
}
.closing>p:not(.eyebrow) {
  font-size:12px;
  color:#7b886f;
  margin:25px 0;
}
.closing .actions {
  justify-content:center;
}
.closing-orbit {
  position:absolute;
  z-index:-1;
  width:850px;
  height:850px;
  border:1px solid #dce3d3;
  border-radius:50%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}
.closing-orbit:after,.closing-orbit:before {
  content:"";
  position:absolute;
  inset:60px;
  border:1px solid #dce3d3;
  border-radius:50%;
}
.closing-orbit:before {
  inset:-60px;
}
.footer {
  display:flex;
  justify-content:space-between;
  gap:70px;
  padding-block:70px 35px;
}
.footer-brand {
  font-size:25px;
  letter-spacing:-1px;
  font-weight:600;
}
.footer-brand span {
  color:var(--orange);
  margin-left:3px;
}
.footer p {
  font-size:10px;
  color:#839075;
  margin:13px 0 36px;
}
.footer small {
  font-size:9px;
  color:#9aa48e;
}
.footer nav {
  display:flex;
  gap:65px;
}
.footer nav>div {
  display:flex;
  flex-direction:column;
  gap:14px;
}
.footer nav b {
  font-size:10px;
  font-weight:600;
  margin-bottom:4px;
}
.footer nav a,.footer nav button {
  font-size:10px;
  color:#7a8970;
  background:none;
  padding:0;
  text-align:left;
}
.demo-modal {
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  padding:22px;
  overflow:auto;
}
.hidden {
  display:none!important;
}
.demo-modal-backdrop {
  position:fixed;
  inset:0;
  background:#22312780;
  backdrop-filter:blur(8px);
}
.demo-card {
  position:relative;
  width:min(580px,100%);
  max-height:calc(100dvh - 44px);
  overflow:auto;
  background:var(--paper);
  border:1px solid var(--line);
  border-radius:15px;
  padding:35px;
  box-shadow:0 25px 100px #0003;
}
.demo-close {
  position:absolute;
  right:15px;
  top:13px;
  width:30px;
  height:30px;
  background:#ecefe6;
  border-radius:50%;
  font-size:20px;
}
.demo-card .eyebrow {
  font-size:9px;
  margin-top:5px;
}
.demo-card h2 {
  font-size:34px;
}
.demo-card>p:not(.eyebrow) {
  font-size:12px;
  color:var(--muted);
  margin:20px 0;
}
.demo-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:15px;
}
.demo-card label {
  display:block;
  font-size:11px;
  line-height:1.5;
  margin-bottom:14px;
}
.demo-card input,.demo-card textarea {
  display:block;
  width:100%;
  min-width:0;
  border:1px solid #d9dfd1;
  border-radius:5px;
  background:white;
  padding:11px 10px;
  font-size:12px;
  margin-top:6px;
  color:var(--ink);
}
.demo-card textarea {
  min-height:80px;
  resize:vertical;
}
.demo-card input:focus,.demo-card textarea:focus {
  outline:2px solid #ce7954;
  outline-offset:2px;
}
.demo-status {
  font-size:12px;
  margin-bottom:14px;
  line-height:1.5;
}
.demo-status.error {
  color:#b34027;
}
.demo-status.success {
  color:#347146;
}
.demo-card .btn {
  background:var(--orange);
  color:white;
  border-radius:6px;
  padding:13px 18px;
  font-size:12px;
  font-weight:600;
}
.demo-card .btn:disabled {
  opacity:.6;
  cursor:wait;
}
.motion-paused *,.motion-paused *:before,.motion-paused *:after {
  animation-play-state:paused!important;
}
.content-enter {
  animation:content-in .35s ease both;
}
@keyframes float {
  0%,100% {
    translate:0 0;
  }
  50% {
    translate:0 -7px;
  }
}
@keyframes wave {
  to {
    transform:scaleY(.35);
  }
}
@keyframes flow {
  to {
    stroke-dashoffset:-832;
  }
}
@keyframes content-in {
  from {
    opacity:.5;
    transform:translateY(6px);
  }
  to {
    opacity:1;
    transform:translateY(0);
  }
}
.section-heading>p,.section-lede {
  font-size:14px;
}
.industry-copy p,.capability p {
  font-size:13px;
  color:#65715c;
}
.setup-steps p,.faq-list p {
  color:#65715c;
}
.footer nav a,.footer nav button {
  color:#65715c;
}
.industry-copy>span,.platform-caption>span {
  color:#65715c;
}
/* A human moment becomes a visible sequence of work. */
.industry-panel {
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  min-height: 525px;
  box-shadow: 0 24px 60px rgba(37, 52, 35, .06);
}
.industry-copy {
  padding: clamp(32px, 4vw, 58px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.industry-copy h3 { font-size: clamp(29px, 2.9vw, 42px); margin: 19px 0; }
.industry-copy p { max-width: 430px; line-height: 1.9; }
.industry-copy .text-link { margin-top: 30px; }
.industry-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
}
.industry-points span {
  font-size: 9px;
  color: #576b50;
  padding: 8px 10px;
  background: #ebf0e5;
  border-radius: 5px;
}
.story-stage {
  min-height: 525px;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #b3bfaa;
  color: #fff;
}
.story-photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -2;
  transform: scale(1.04);
}
.story-animate .story-photo { animation: story-photo 11s ease-in-out infinite alternate; }
.story-tint {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(14, 30, 22, .28), transparent 31%, rgba(14, 30, 22, .04) 48%, rgba(14, 30, 22, .72) 100%);
}
.story-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 23px 24px;
  position: relative;
  z-index: 3;
}
.story-top>span {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 8px;
  letter-spacing: 1.15px;
  font-weight: 600;
  text-shadow: 0 1px 5px #14231590;
}
.story-top .status-dot { background: #9ef4a5; box-shadow: 0 0 0 5px #9ef4a52e; }
.story-replay {
  padding: 8px 10px;
  font-size: 9px;
  color: #fff;
  background: #1b281c83;
  border: 1px solid #ffffff65;
  border-radius: 5px;
  backdrop-filter: blur(10px);
}
.story-replay:hover { background: #1b281c; }
.story-phone {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 19px 0 0 24px;
  padding: 10px 12px;
  background: rgba(255, 255, 250, .93);
  box-shadow: 0 12px 36px #0002;
  border-radius: 6px;
  color: #41533d;
  font-size: 8px;
  letter-spacing: 1px;
  font-weight: 700;
  transform-origin: left center;
}
.story-animate .story-phone { animation: story-pop .5s .25s both; }
.story-wave { display: inline-flex; align-items: center; gap: 2px; margin-left: 8px; height: 14px; }
.story-wave i { width: 2px; height: 5px; background: var(--orange); border-radius: 3px; animation: story-voice .6s ease-in-out infinite alternate; }
.story-wave i:nth-child(2n) { height: 11px; animation-delay: -.4s; }
.story-wave i:nth-child(3n) { height: 8px; animation-delay: -.2s; }
.story-dialogue {
  position: absolute;
  left: 24px;
  bottom: 197px;
  width: min(360px, calc(100% - 48px));
  padding: 15px 17px;
  color: #30422f;
  background: rgba(255, 255, 250, .96);
  border: 1px solid #fff;
  border-radius: 8px;
  box-shadow: 0 12px 40px #0003;
}
.story-animate .story-dialogue { animation: story-slide .65s .75s both; }
.story-dialogue span { display: block; font-size: 7px; letter-spacing: 1.2px; font-weight: 700; color: #879479; margin-bottom: 7px; }
.story-dialogue p { font-family: Georgia, serif; font-size: clamp(13px, 1.2vw, 18px); line-height: 1.45; margin: 0; font-style: italic; }
.story-results {
  position: absolute;
  bottom: 26px;
  right: 20px;
  width: min(320px, calc(100% - 40px));
  padding: 13px;
  background: rgba(251, 252, 246, .97);
  border-radius: 9px;
  color: #3e5140;
  box-shadow: 0 18px 45px #0004;
}
.story-results-label { display: flex; justify-content: space-between; color: #72846f; font-size: 7px; font-weight: 700; letter-spacing: 1px; padding: 3px 5px 11px; }
.story-results-label span { color: var(--orange); font-size: 17px; line-height: 7px; }
.story-step { display: flex; align-items: center; gap: 9px; border-top: 1px solid #e9ede4; padding: 8px 5px; font-size: 9px; }
.story-step>span { color: var(--orange); font-size: 8px; }
.story-step b { font-weight: 550; }
.story-step em { font-style: normal; color: #4b8c5c; margin-left: auto; }
.story-animate .story-step { animation: story-slide .55s both; animation-delay: calc(1.65s + var(--step) * .52s); }
.story-credit {
  position: absolute;
  bottom: 10px;
  left: 23px;
  font-size: 7px;
  color: #fff;
  text-shadow: 0 1px 6px #000;
}
.story-credit a { text-decoration: underline; text-underline-offset: 2px; }
@keyframes story-photo { from { transform: scale(1.04) translateX(-1.3%); } to { transform: scale(1.13) translateX(1.3%); } }
@keyframes story-pop { from { opacity: 0; transform: scale(.85); } to { opacity: 1; transform: scale(1); } }
@keyframes story-slide { from { opacity: 0; transform: translateY(17px); } to { opacity: 1; transform: translateY(0); } }
@keyframes story-voice { to { transform: scaleY(.35); } }

/* Product breadth and the connections available today. */
.feature-section { padding-top: 10px; }
.feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: #dfe6d9; border: 1px solid #dfe6d9; border-radius: 10px; overflow: hidden; }
.feature-tile { background: #fffefa; padding: 24px 22px; min-height: 245px; display: flex; flex-direction: column; transition: background .25s ease, transform .25s ease; }
.feature-tile:hover { background: #f1f5ea; }
.feature-number { font-size: 8px; letter-spacing: 1px; color: #809174; }
.feature-glyph { font-size: 27px; line-height: 1; color: #cc6b40; margin: 22px 0 16px; }
.feature-tile h3 { font-size: 16px; line-height: 1.3; font-weight: 560; letter-spacing: -.3px; margin-bottom: 10px; }
.feature-tile p { font-size: 11px; line-height: 1.65; color: #677463; margin-bottom: 16px; }
.feature-tail { margin-top: auto; padding-top: 14px; border-top: 1px solid #e6ebdf; color: #849279; font-size: 9px; }
.integration-section { background: #e9eee6; border-block: 1px solid #dfe6db; }
.integration-section .section { padding-block: 95px; }
.integration-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; }
.integration-card { min-height: 260px; padding: 20px; border: 1px solid #d7e0d1; border-radius: 9px; background: #f8faf5; display: flex; flex-direction: column; transition: transform .25s ease, box-shadow .25s ease; }
.integration-card:hover { transform: translateY(-5px); box-shadow: 0 16px 30px #354d2b12; }
.integration-card-top { display: flex; align-items: center; justify-content: space-between; color: #738667; font-size: 8px; letter-spacing: .8px; }
.integration-pulse { width: 8px; height: 8px; border-radius: 50%; background: #70aa7a; box-shadow: 0 0 0 0 #70aa7a65; animation: integration-pulse 2.5s infinite; }
.integration-symbol { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 9px; background: #e8eee2; color: #587253; font-size: 26px; margin: 25px 0 16px; }
.integration-card h3 { font-size: 16px; font-weight: 560; letter-spacing: -.3px; margin-bottom: 9px; }
.integration-card p { color: #657460; font-size: 11px; line-height: 1.7; margin-bottom: 20px; }
.integration-names { display: flex; gap: 6px; flex-wrap: wrap; margin-top: auto; }
.integration-names span { border: 1px solid #dae5d6; background: #fffefa; border-radius: 5px; color: #516a4d; font-size: 8px; padding: 7px 9px; }
.integration-request { margin-top: 16px; border-radius: 9px; background: #233930; color: #f8fbf4; padding: 30px 34px; display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.integration-request .eyebrow { color: #a9c4a5; font-size: 8px; margin-bottom: 12px; }
.integration-request h3 { font-size: 24px; font-weight: 500; letter-spacing: -.6px; margin-bottom: 9px; }
.integration-request p { max-width: 650px; font-size: 11px; color: #c7d8c7; margin: 0; }
.integration-request .button { white-space: nowrap; flex-shrink: 0; }
@keyframes integration-pulse { 65%, 100% { box-shadow: 0 0 0 9px #70aa7a00; } }

@media(min-width:1550px) {
  .hero {
    padding-block:85px;
  }
  .hero h1 {
    font-size:76px;
  }
  .hero-scene {
    height:570px;
  }
}
@media(max-width:1150px) {
  .wrap {
    width:calc(100% - 64px);
  }
  .header {
    padding-inline:30px;
    gap:20px;
  }
  .header nav {
    gap:20px;
    font-size:12px;
  }
  .header-actions {
    gap:20px;
  }
  .hero {
    gap:25px;
  }
  .hero h1 {
    font-size:53px;
    letter-spacing:-2.5px;
  }
  .hero-scene {
    height:500px;
  }
  .incoming {
    left:17px;
    right:20px;
  }
  .scene-card strong {
    font-size:11px;
  }
  .context {
    width:185px;
    left:13px;
    padding:14px;
    bottom:65px;
  }
  .booked {
    width:168px;
    right:10px;
    padding:13px;
    bottom:102px;
  }
  .scene-card small {
    font-size:8px;
  }
  .wave {
    gap:1.5px;
  }
  .scene-icon {
    width:32px;
    height:32px;
  }
  .hero .actions {
    gap:15px;
  }
  .hero .button {
    font-size:11px;
    gap:15px;
  }
  .hero .text-link {
    font-size:10px;
  }
  .setup-section {
    gap:40px;
  }
  .workspace-main {
    padding:22px;
  }
  .workspace {
    grid-template-columns:160px 1fr;
  }
  .connections>div {
    gap:25px;
  }
  .footer nav {
    gap:40px;
  }
}
@media(max-width:900px) {
  .header nav {
    gap:15px;
    font-size:11px;
  }
  .header-actions>a {
    display:none;
  }
  .brand {
    width:150px;
  }
  .brand img {
    width:150px;
  }
  .hero {
    grid-template-columns:1fr;
    gap:42px;
    padding-top:50px;
  }
  .hero-copy {
    text-align:center;
  }
  .hero h1 {
    font-size:72px;
  }
  .hero .eyebrow,.hero .actions {
    justify-content:center;
  }
  .lede {
    margin-inline:auto;
    max-width:490px;
  }
  .hero-scene {
    max-width:600px;
    width:100%;
    height:535px;
    justify-self:center;
  }
  .incoming {
    right:85px;
    left:40px;
    top:70px;
  }
  .context {
    width:235px;
    left:30px;
    padding:20px;
    bottom:65px;
  }
  .booked {
    width:210px;
    right:25px;
    bottom:100px;
    padding:20px;
  }
  .scene-card strong {
    font-size:13px;
  }
  .scene-card small {
    font-size:9px;
  }
  .outcome-strip>.wrap {
    flex-wrap:wrap;
    justify-content:center;
    gap:20px 30px;
  }
  .outcome-strip span:first-child {
    display:none;
  }
  .outcome-strip span {
    font-size:10px;
  }
  .section {
    padding-block:75px;
  }
  .section-heading {
    gap:30px;
  }
  .section-heading>p {
    max-width:290px;
    font-size:12px;
  }
  .workspace {
    grid-template-columns:135px 1fr;
  }
  .workspace-sidebar {
    padding:18px 8px;
  }
  .workspace-brand {
    font-size:17px;
    gap:4px;
    margin-inline:3px;
  }
  .workspace-brand span {
    font-size:11px;
  }
  .sample-company {
    font-size:8px;
    gap:5px;
  }
  .sample-company .avatar {
    width:23px;
    height:23px;
  }
  .sample-company small {
    font-size:7px;
  }
  .workspace-main {
    padding:20px 16px;
  }
  .activity-grid {
    grid-template-columns:1.3fr 1fr;
    gap:10px;
  }
  .activity-card,.next-card {
    padding:11px;
  }
  .setup-section {
    gap:30px;
  }
  .setup-demo {
    padding:20px;
  }
  .setup-copy h2 {
    font-size:35px;
  }
  .industry-copy,.industry-example {
    padding:28px;
  }
  .industry-copy h3 {
    font-size:26px;
  }
  .capabilities {
    gap:25px;
  }
  .connections {
    align-items:start;
    flex-direction:column;
    gap:20px;
  }
  .connections>div {
    width:100%;
    justify-content:space-between;
    gap:20px;
  }
  .connections>div>span {
    font-size:10px;
  }
  .footer {
    gap:35px;
  }
  .footer nav {
    gap:30px;
  }
  .footer-brand {
    font-size:22px;
  }
  .footer p {
    max-width:180px;
  }
  .faq-section {
    gap:35px;
  }
}
@media(max-width:650px) {
  html {
    scroll-padding-top:85px;
  }
  .wrap {
    width:calc(100% - 36px);
  }
  .header {
    height:75px;
    padding:0 18px;
    gap:15px;
  }
  .brand {
    width:139px;
  }
  .brand img {
    width:139px;
  }
  .header-actions {
    margin-left:auto;
  }
  .header-actions .button {
    font-size:10px;
    padding:8px 11px;
    min-height:36px;
    gap:12px;
  }
  .header-actions .button span {
    font-size:17px;
  }
  .menu-toggle {
    display:flex!important;
    gap:8px;
    background:none;
    font-size:11px;
    padding:8px 0;
    order:3;
  }
  .header nav {
    position:absolute;
    display:none;
    top:75px;
    left:0;
    right:0;
    background:var(--paper);
    border-bottom:1px solid var(--line);
    padding:22px;
    flex-direction:column;
    gap:23px;
    font-size:14px;
  }
  .header nav.is-open {
    display:flex;
  }
  .header nav .mobile-login {
    display:block!important;
  }
  .hero {
    padding-top:38px;
    padding-bottom:38px;
    gap:28px;
  }
  .hero .eyebrow {
    font-size:8px;
    letter-spacing:1.1px;
    margin-bottom:20px;
  }
  .hero h1 {
    font-size:clamp(42px,10.9vw,67px);
    letter-spacing:-2.1px;
    line-height:1.06;
    margin-bottom:20px;
  }
  .lede {
    font-size:13px;
    line-height:1.75;
    max-width:350px;
    margin-bottom:24px;
  }
  .hero .actions {
    gap:18px;
    flex-direction:column;
  }
  .hero .button {
    font-size:12px;
    gap:24px;
  }
  .hero-footnote {
    font-size:9px;
    margin-top:16px;
  }
  .hero-scene {
    height:435px;
    border-radius:12px;
  }
  .incoming {
    top:65px;
    left:13px;
    right:18px;
    padding:14px 12px;
    gap:9px;
  }
  .incoming strong {
    font-size:10px;
  }
  .incoming small {
    font-size:8px;
  }
  .wave i {
    width:1.5px;
  }
  .scene-top {
    font-size:7px;
    left:15px;
  }
  .core-mark {
    width:67px;
    height:67px;
    border-radius:19px;
    font-size:51px;
  }
  .core-mark span {
    font-size:30px;
  }
  .agent-core {
    top:46%;
  }
  .agent-core>span {
    font-size:10px;
    margin-top:14px;
  }
  .agent-core>small {
    font-size:8px;
  }
  .context {
    width:46%;
    bottom:54px;
    left:9px;
    padding:13px;
  }
  .context>.mini-icon {
    width:24px;
    height:24px;
    font-size:15px;
    margin-bottom:7px;
  }
  .scene-card strong {
    font-size:10px;
  }
  .scene-card small {
    font-size:7px;
  }
  .mini-person {
    font-size:8px;
    gap:6px;
    margin-top:10px;
    padding-top:9px;
  }
  .mini-person .avatar {
    width:24px;
    height:24px;
    font-size:8px;
  }
  .mini-person small {
    font-size:7px;
  }
  .booked {
    width:42%;
    right:10px;
    bottom:74px;
    padding:13px;
  }
  .booked .scene-icon {
    width:28px;
    height:28px;
    font-size:19px;
  }
  .booking-top {
    margin-bottom:12px;
  }
  .booked p {
    font-size:8px;
    margin:5px 0 10px;
  }
  .tiny {
    font-size:7px;
  }
  .card-rule {
    margin-block:9px;
  }
  .scene-bottom {
    left:14px;
    right:14px;
    font-size:8px;
    gap:6px;
  }
  .demo-label {
    font-size:6px;
  }
  .outcome-strip>.wrap {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    padding-block:22px;
  }
  .outcome-strip span {
    font-size:10px;
  }
  .section {
    padding-block:58px;
  }
  .section-heading {
    display:block;
    margin-bottom:25px;
  }
  h2 {
    font-size:35px;
    letter-spacing:-1.4px;
  }
  .section-heading>p {
    margin-top:20px;
    max-width:100%;
    font-size:12px;
  }
  .eyebrow {
    font-size:8px;
    letter-spacing:1.4px;
    margin-bottom:17px;
  }
  .platform-tabs {
    grid-template-columns:repeat(2,1fr);
    gap:5px;
    margin-bottom:13px;
  }
  .platform-tabs button {
    justify-content:start;
    padding:11px 10px;
    gap:8px;
  }
  .platform-tabs button span {
    font-size:10px;
  }
  .preview-label {
    font-size:5.5px;
    letter-spacing:.4px;
    padding:6px 3px 12px;
  }
  .preview-label i {
    width:4px;
    height:4px;
  }
  .preview-label>span:first-child {
    gap:2px;
  }
  .workspace-shell {
    padding:5px;
    border-radius:9px;
  }
  .workspace {
    display:block;
    min-height:430px;
  }
  .workspace-sidebar {
    display:none;
  }
  .workspace-main {
    padding:18px 12px;
  }
  .workspace-top {
    font-size:7px;
    margin-bottom:22px;
  }
  .workspace-title {
    gap:8px;
  }
  .workspace-title h3 {
    font-size:22px;
  }
  .workspace-title p {
    font-size:8px;
    line-height:1.6;
  }
  .workspace-title>span {
    font-size:7px;
    padding:6px;
  }
  .stat-grid {
    gap:6px;
    margin:19px 0;
  }
  .stat-card {
    padding:10px;
  }
  .stat-card>span {
    font-size:8px;
  }
  .stat-card strong {
    font-size:25px;
  }
  .stat-card small {
    font-size:6px;
    line-height:1.5;
  }
  .activity-grid {
    grid-template-columns:1fr;
  }
  .next-card {
    display:none;
  }
  .activity-card {
    padding:12px;
  }
  .activity-row {
    padding:12px 0;
  }
  .activity-row div {
    font-size:9px;
  }
  .platform-caption {
    display:block;
    font-size:10px;
    line-height:1.7;
  }
  .platform-caption>span {
    font-size:8px;
  }
  .industry-tabs {
    gap:7px;
    margin-top:25px;
  }
  .industry-tabs button {
    font-size:10px;
    padding:10px 14px;
  }
  .industry-panel {
    grid-template-columns:1fr;
  }
  .industry-copy {
    padding:25px;
  }
  .industry-copy h3 {
    font-size:28px;
  }
  .industry-example {
    padding:25px;
  }
  .quote-card p {
    font-size:14px;
  }
  .setup-section {
    grid-template-columns:1fr;
    gap:30px;
  }
  .setup-demo {
    padding:22px;
  }
  .setup-copy h2 {
    font-size:35px;
  }
  .setup-steps li {
    padding:12px 0;
  }
  .capabilities {
    grid-template-columns:1fr;
    gap:25px;
    padding-bottom:40px;
  }
  .capability {
    padding-top:22px;
  }
  .feature-symbol {
    margin-bottom:14px;
  }
  .capability h3 {
    margin-bottom:10px;
  }
  .capability p {
    margin-bottom:14px;
  }
  .connections {
    padding-block:25px;
  }
  .connections>div {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
  .connections>div>span {
    font-size:10px;
  }
  .faq-section {
    grid-template-columns:1fr;
    gap:30px;
  }
  .faq-section h2 br {
    display:none;
  }
  .faq-list summary {
    font-size:12px;
  }
  .faq-list p {
    font-size:11px;
  }
  .closing {
    padding:45px 18px;
  }
  .closing h2 {
    font-size:40px;
    letter-spacing:-1.5px;
  }
  .closing .eyebrow {
    font-size:7px;
  }
  .closing>p:not(.eyebrow) {
    font-size:11px;
  }
  .closing .actions {
    gap:22px;
    flex-direction:column;
  }
  .closing .button {
    font-size:12px;
  }
  .footer {
    display:block;
    padding-top:45px;
  }
  .footer>div {
    margin-bottom:30px;
  }
  .footer p {
    max-width:none;
    margin:10px 0 17px;
  }
  .footer nav {
    justify-content:space-between;
    gap:18px;
  }
  .footer nav a,.footer nav button {
    font-size:9px;
    line-height:1.5;
  }
  .footer nav b {
    font-size:9px;
  }
  .data-row {
    font-size:8px;
    padding:14px 8px;
    gap:6px;
    grid-template-columns:1.1fr 1fr .85fr;
  }
  .data-row>:nth-child(4) {
    display:none;
  }
  .calendar {
    gap:6px;
  }
  .calendar-day {
    padding:9px 7px;
  }
  .calendar-event {
    font-size:7px;
    padding:8px 5px;
  }
  .demo-card {
    padding:26px 21px;
  }
  .demo-card h2 {
    font-size:29px;
  }
  .demo-grid {
    grid-template-columns:1fr;
    gap:0;
  }
  .demo-card>p:not(.eyebrow) {
    font-size:11px;
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important;
  }
}

@media(max-width:1050px) {
  .header { flex-wrap: nowrap; }
  .header nav { display: none; position: absolute; top: 95px; left: 0; right: 0; padding: 25px 32px; background: var(--paper); border-bottom: 1px solid var(--line); flex-direction: column; gap: 19px; font-size: 14px; }
  .header nav.is-open { display: flex; }
  .header nav .mobile-login { display: block!important; }
  .menu-toggle { display: flex!important; align-items: center; gap: 7px; order: 3; background: none; font-size: 12px; padding: 8px; }
  .integration-grid,.feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width:900px) {
  .industry-panel { grid-template-columns: 1fr 1fr; }
  .industry-copy { padding: 26px; }
  .story-stage { min-height: 480px; }
  .story-dialogue { bottom: 185px; }
  .integration-card { min-height: 225px; }
}
@media(max-width:650px) {
  .header nav { top: 75px; padding: 22px; }
  .industry-panel { grid-template-columns: 1fr; }
  .industry-copy { padding: 28px; }
  .industry-copy .text-link { margin-top: 20px; }
  .story-stage { min-height: 505px; }
  .story-dialogue { bottom: 190px; }
  .story-results { right: 12px; width: min(305px, calc(100% - 24px)); }
  .story-credit { left: 14px; }
  .feature-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .feature-tile { min-height: 250px; padding: 18px 15px; }
  .feature-glyph { margin: 17px 0 13px; }
  .feature-tile h3 { font-size: 14px; }
  .feature-tile p { font-size: 10px; }
  .feature-tail { font-size: 8px; }
  .integration-section .section { padding-block: 58px; }
  .integration-grid { grid-template-columns: 1fr; gap: 8px; }
  .integration-card { min-height: 0; padding: 21px; }
  .integration-symbol { margin: 16px 0 12px; }
  .integration-request { align-items: flex-start; flex-direction: column; padding: 25px 20px; }
  .integration-request h3 { font-size: 21px; }
  .integration-request .button { white-space: normal; }
}
@media(max-width:380px) {
  .feature-grid { grid-template-columns: 1fr; }
  .feature-tile { min-height: 0; }
}
@media(prefers-reduced-motion:reduce) {
  .story-animate .story-step,.story-animate .story-dialogue,.story-animate .story-phone { opacity: 1; transform: none; }
  .story-animate .story-photo { transform: scale(1.04); }
}

/* The hero keeps the original connected-call diagram while changing its story. */
.hero-visual { min-width:0; }
.hero-photo { position:absolute; z-index:-1; right:-5%; top:21%; width:62%; height:65%; border-radius:45% 0 0 45%; background-size:cover; background-position:center; opacity:.38; filter:saturate(.7); -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 34%); mask-image:linear-gradient(90deg,transparent 0%,#000 34%); transition:opacity .5s ease; }
.hero-scene.hero-story-enter .hero-photo { animation:hero-photo-enter .8s ease both; }
.hero-scene.hero-story-enter .scene-card { animation:hero-card-enter .55s ease both; }
.hero-scene.hero-story-enter .context { animation-delay:.12s; }
.hero-scene.hero-story-enter .booked { animation-delay:.24s; }
@keyframes hero-photo-enter { from { opacity:0; transform:scale(1.05); } to { opacity:.38; transform:scale(1); } }
@keyframes hero-card-enter { from { opacity:0; translate:0 13px; } to { opacity:1; translate:0 0; } }
.hero-stories { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px 16px; padding:16px 2px 0; }
.hero-stories-label { color:#7b8776; font-size:8px; letter-spacing:1.35px; font-weight:700; white-space:nowrap; }
.hero-story-buttons { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:5px; }
.hero-story-buttons button { background:transparent; border:1px solid transparent; border-radius:100px; padding:7px 10px; font-size:9px; color:#6e7a70; transition:background .2s,border-color .2s,color .2s; }
.hero-story-buttons button:hover,.hero-story-buttons button.is-active { background:#ecf0e8; border-color:#d8dfd5; color:#285d43; }
.hero-story-progress { display:block; grid-column:1/-1; height:2px; width:100%; background:#e0e6dc; overflow:hidden; }
.hero-story-progress span { display:block; height:100%; width:100%; background:var(--orange); transform-origin:left; animation:hero-progress 8.5s linear both; }
.hero-growth { display:flex; align-items:center; gap:11px; margin-top:13px; padding:10px 13px; background:#eff3ec; border:1px solid #dce5d9; border-radius:7px; }
.hero-growth-icon { display:flex; align-items:end; gap:3px; width:24px; height:23px; flex-shrink:0; }
.hero-growth-icon i { width:5px; height:35%; background:#75a47a; border-radius:2px 2px 0 0; }
.hero-growth-icon i:nth-child(2) { height:60%; background:#519367; }
.hero-growth-icon i:nth-child(3) { height:92%; background:#307d53; }
.hero-growth small { display:block; font-size:7px; letter-spacing:1px; color:#688572; margin-bottom:2px; }
.hero-growth strong { display:block; font-size:11px; font-weight:600; color:#315d45; }
@keyframes hero-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.motion-paused .hero-story-progress span { animation-play-state:paused; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1150px) { .hero-stories { grid-template-columns:1fr; } .hero-story-buttons { justify-content:flex-start; } .hero-story-progress { grid-column:1; } }
@media(max-width:650px) { .hero-photo { width:80%; right:-13%; opacity:.29; } .hero-stories { gap:8px; padding-top:13px; } .hero-stories-label { font-size:7px; } .hero-story-buttons { gap:3px; } .hero-story-buttons button { font-size:8px; padding:6px 8px; } }
@media(prefers-reduced-motion:reduce) { .hero-scene.hero-story-enter .hero-photo,.hero-scene.hero-story-enter .scene-card { animation:none; } .hero-photo { opacity:.38; } .hero-story-progress span { animation:none; transform:scaleX(0); } }