*{box-sizing:border-box}body{margin:0;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#13283f}a{color:#1769b0}.wrap{width:min(1180px,90%);margin:auto}header{position:sticky;top:0;background:#fffffff5;border-bottom:1px solid #e3ebf2;z-index:4}.nav{height:70px;display:flex;align-items:center;gap:22px}.logo{font-size:25px;font-weight:900;text-decoration:none;color:#13283f}.logo b,em{color:#1769b0;font-style:normal}.links{margin-left:auto;display:flex;gap:19px;align-items:center}.links a{text-decoration:none;font-weight:700;font-size:14px}.btn{display:inline-block;background:#1769b0;color:white!important;padding:11px 17px;border-radius:9px;text-decoration:none;font-weight:800}.hero,.pagehero{text-align:center;background:linear-gradient(#f3f9ff,#fff);padding:80px 0 60px}h1{font-size:clamp(47px,7vw,80px);line-height:1;letter-spacing:-.05em;margin:15px}h2{font-size:clamp(34px,4vw,55px);line-height:1.06;letter-spacing:-.04em}.lead{max-width:820px;margin:0 auto 28px;color:#607286;font-size:20px}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.15em;color:#1769b0}.shot{margin-top:50px}.shot img,.feature img{width:100%;border:1px solid #dbe6ef;border-radius:14px;box-shadow:0 18px 50px #163d611c}.band{text-align:center;background:#10283f;color:white;padding:32px}.band h2{font-size:28px;margin:0}.band p{color:#c5d3df;margin:5px}.fine{font-size:12px!important;color:#8293a3!important}.section{padding:80px 0}.alt{background:#f7fafc}.center{text-align:center;max-width:850px;margin:0 auto 40px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{border:1px solid #dbe6ef;border-radius:14px;padding:24px;background:white}.card p{color:#607286}.tag{font-size:11px;font-weight:900;color:#1769b0;background:#eef6fd;padding:5px 8px;border-radius:6px}.feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}.diagram{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin:35px}.node{padding:20px 25px;border:1px solid #dbe6ef;border-radius:12px;background:white;font-weight:850}.arrow{font-size:28px;color:#1769b0}.offer{background:#10283f;color:white;border-radius:16px;padding:45px;text-align:center}.offer p{color:#c5d3df}.form{max-width:760px;margin:auto;border:1px solid #dbe6ef;border-radius:14px;padding:25px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:13px;font-weight:800}input,select,textarea{width:100%;padding:11px;margin-top:4px;border:1px solid #ccd9e4;border-radius:8px}button{border:0;margin-top:12px}footer{padding:30px;border-top:1px solid #e3ebf2;color:#607286}.foot{display:flex;justify-content:space-between}@media(max-width:800px){.links a:not(.btn){display:none}.cards,.feature,.grid{grid-template-columns:1fr}.section{padding:55px 0}.foot{display:block}}
.feature-row{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center;padding:70px 0;border-top:1px solid #e5edf3}.feature-row.reverse{grid-template-columns:1.18fr .82fr}.feature-row.reverse .feature-copy{order:2}.feature-row img{width:100%;border:1px solid #dbe6ef;border-radius:14px;box-shadow:0 18px 50px #163d611c}.feature-copy p{color:#607286;font-size:18px}.mobile-frontdesk{padding:95px 0;background:linear-gradient(180deg,#fff,#f3f9ff)}.mobile-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.mobile-copy h2{font-size:clamp(38px,4.8vw,62px);line-height:1.02;letter-spacing:-.045em;margin:14px 0}.mobile-copy>p{color:#607286;font-size:18px}.mobile-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:26px 0}.mobile-group{background:#fff;border:1px solid #dbe6ef;border-radius:11px;padding:14px}.mobile-group b{display:block;color:#1769b0;font-size:11px;letter-spacing:.12em;margin-bottom:6px}.mobile-group span{display:block;font-size:12px;color:#53697d;margin:4px 0}.trustline{border-left:3px solid #1769b0;background:#eef6fd;padding:14px 16px;border-radius:0 9px 9px 0;font-size:14px}.phone-shell{max-width:520px;margin:auto;background:#edf2f5;border:1px solid #cbd9e4;border-radius:30px;padding:12px;box-shadow:0 28px 70px #163d6128}.phone-top{background:#fff;padding:14px 17px;border-radius:20px 20px 0 0;border-bottom:1px solid #dbe6ef;font-weight:850}.chat-window{min-height:440px;background:#dfead8;padding:20px 16px;border-radius:0 0 20px 20px;display:flex;flex-direction:column;justify-content:center}.msg{max-width:88%;background:#fff;border-radius:14px;padding:11px 13px;margin:6px 0;font-size:14px}.msg.user{align-self:flex-end;background:#d9f8c7}.msg.bot{align-self:flex-start}.msg strong{display:block;margin-bottom:4px}.chat-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chat-actions span{background:#65a64e;color:#fff;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:750}.chat-dots{text-align:center;margin-top:13px}.chat-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;margin:0 4px;background:#bdd0df}.chat-dots button.active{background:#1769b0}.promise{max-width:900px;margin:30px auto 0;border-left:4px solid #1769b0;background:#f1f8fe;padding:20px 23px;border-radius:0 12px 12px 0}.pricegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1050px;margin:40px auto}.price{border:1px solid #dbe6ef;border-radius:16px;padding:27px;background:#fff}.price.featured{border:2px solid #1769b0}.amount{font-size:32px;font-weight:900;color:#1769b0}.subnav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:25px}.subnav a{background:#fff;border:1px solid #dbe6ef;padding:8px 11px;border-radius:99px;text-decoration:none;font-size:13px;font-weight:700}@media(max-width:850px){.feature-row,.feature-row.reverse,.mobile-grid,.pricegrid{grid-template-columns:1fr}.feature-row.reverse .feature-copy{order:0}.mobile-groups{grid-template-columns:1fr}}

.pipe{color:#1769b0;padding:0 .12em}.story-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.story-callout{background:#10283f;color:white;padding:34px;border-radius:18px;font-size:22px}.story-callout p{font-size:16px;color:#c7d5e1}.screen-stack{display:grid;gap:14px}.screen-stack img{width:100%;border:1px solid #dbe6ef;border-radius:14px;box-shadow:0 16px 42px #163d6118}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.capability{background:#fff;border:1px solid #dbe6ef;border-radius:16px;padding:28px}.capability h3{font-size:24px;margin:10px 0}.capability p{color:#607286}.custom-panel{margin-top:55px;padding:45px;background:#10283f;color:#fff;border-radius:20px}.custom-panel .eyebrow{color:#7fc0ff}.custom-panel h2{margin:10px 0 16px}.custom-panel p{color:#c7d5e1}.custom-chips{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.custom-chips span{background:#1b3d5a;padding:8px 11px;border-radius:999px;font-size:13px;font-weight:700}.subnav{max-width:1100px}.subnav a{margin-bottom:8px}@media(max-width:800px){.story-grid,.capability-grid{grid-template-columns:1fr}.custom-panel{padding:28px}}

/* V9: intentional two-row feature navigation */
.feature-nav-grouped{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:22px;
  margin:34px auto 0;
  max-width:1180px;
}
.feature-nav-group{
  width:100%;
  text-align:center;
}
.feature-nav-label{
  margin-bottom:10px;
  font-size:11px;
  line-height:1;
  font-weight:900;
  letter-spacing:.16em;
  color:#7a8fa3;
}
.feature-nav-row{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
}
.feature-nav-row a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 16px;
  border:1px solid #cfddea;
  border-radius:999px;
  background:#fff;
  color:#1769b0;
  font-size:14px;
  font-weight:800;
  text-decoration:none;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.feature-nav-row a:hover{
  background:#eef6fd;
  border-color:#a9c8e2;
  transform:translateY(-1px);
}
@media(max-width:700px){
  .feature-nav-grouped{gap:18px;margin-top:28px}
  .feature-nav-row{gap:8px}
  .feature-nav-row a{padding:9px 12px;font-size:13px}
}

/* V11 hero + mobile navigation */
.hero .eyebrow{display:inline-block;padding:9px 14px;border-radius:999px;background:#e6f2fd;color:#1769b0;font-size:13px;letter-spacing:.12em;margin-bottom:10px}
.hero-feature-line{max-width:1100px!important;font-weight:760;color:#314c64!important;font-size:clamp(17px,1.55vw,22px)!important}
.hero-origin{max-width:760px;margin:14px auto 26px;color:#667b8e;font-size:15px;line-height:1.55}
.mobile-menu-toggle{display:none;margin-left:auto;width:44px;height:42px;padding:9px 10px;border:1px solid #d5e2ec;border-radius:10px;background:#fff;cursor:pointer}
.mobile-menu-toggle span{display:block;height:2px;width:100%;margin:4px 0;background:#1769b0;border-radius:2px}
@media(max-width:800px){.nav{position:relative}.mobile-menu-toggle{display:block}.links{display:none;position:absolute;top:62px;left:0;right:0;margin:0;padding:12px;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border:1px solid #dbe6ef;border-radius:12px;box-shadow:0 18px 45px rgba(18,40,62,.14)}.links.mobile-open{display:flex}.links a,.links a:not(.btn){display:block!important;padding:11px 12px;border-radius:8px}.links a:hover{background:#eef6fd}.links .btn{text-align:center;margin-top:4px}}

/* V11 brand mark */
.logo{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.logo .brand-mark{
  width:34px;
  height:34px;
  object-fit:contain;
  flex:0 0 auto;
}
.logo .brand-wordmark{
  display:inline-block;
}
@media(max-width:800px){
  .logo .brand-mark{width:31px;height:31px}
}

/* V13 Mobile Front Desk carousel arrows */
.chat-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:15px;
}
.chat-controls .chat-dots{
  margin-top:0;
  display:flex;
  align-items:center;
}
.chat-arrow{
  width:30px;
  height:30px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid #c8d9e7;
  border-radius:50%;
  background:#fff;
  color:#1769b0;
  font-size:23px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .15s ease;
}
.chat-arrow:hover{
  background:#eef6fd;
  border-color:#9fc1dc;
  transform:translateY(-1px);
}
.chat-arrow:focus-visible{
  outline:3px solid rgba(23,105,176,.2);
  outline-offset:2px;
}

/* V14 Mobile Front Desk slideshow */
.phone-shell{position:relative}
.slide-title{
  position:absolute;
  top:88px;
  left:0;
  right:0;
  z-index:3;
  text-align:center;
  pointer-events:none;
  font-size:13px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#567085;
}
.chat-side-arrow{
  position:absolute;
  top:54%;
  transform:translateY(-50%);
  z-index:6;
  width:36px;
  height:36px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #bfd3e3;
  border-radius:50%;
  background:rgba(255,255,255,.94);
  color:#1769b0;
  font-size:27px;
  line-height:1;
  font-weight:700;
  cursor:pointer;
  box-shadow:0 5px 18px rgba(18,40,62,.10);
}
.chat-side-arrow:hover{background:#eef6fd;border-color:#8fb7d6}
.chat-side-arrow.chat-prev{left:10px}
.chat-side-arrow.chat-next{right:10px}
.chat-window{padding-top:62px}
.chat-controls{display:none!important}
@media(max-width:600px){
  .chat-side-arrow{width:32px;height:32px;font-size:23px}
  .chat-side-arrow.chat-prev{left:6px}
  .chat-side-arrow.chat-next{right:6px}
}

/* V17 screenshot zoom — source screenshots remain unmodified */
.zoomable-screenshot{cursor:zoom-in}
.image-zoom-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(8,24,39,.90)}
.image-zoom-modal.open{display:flex}
.image-zoom-modal img{display:block;max-width:97vw;max-height:93vh;width:auto;height:auto;object-fit:contain;border-radius:10px;background:#fff;box-shadow:0 25px 80px rgba(0,0,0,.38)}
.image-zoom-close{position:fixed;top:18px;right:22px;z-index:1001;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:28px;line-height:1;cursor:pointer}
