:root {
  --blue: #0b5cff;
  --blue-bright: #0068ff;
  --ink: #171717;
  --body: #292929;
  --muted: #545454;
  --surface: #f8faff;
  --navy: #071a33;
  --border: rgba(0, 104, 255, .1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 72px; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--surface);
  color: var(--body);
  font-family: "Inter", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
img { display: block; max-width: 100%; }
.site-container { width: min(1280px, calc(100% - 48px)); margin-inline: auto; }
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; }
.section { padding: 70px 0; }
.section-heading { text-align: center; }
.section-heading h2,
.blog-heading h2 {
  margin: 0;
  color: var(--ink);
  font-family: "Manrope", sans-serif;
  font-size: 48px;
  font-weight: 800;
  letter-spacing: -1.5px;
  line-height: 1.21;
}
.section-heading p {
  margin: 16px auto 0;
  color: var(--body);
  font-size: 16px;
  line-height: 1.7;
}
.button {
  align-items: center;
  border: 1px solid transparent;
  border-radius: 8px;
  display: inline-flex;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 600;
  justify-content: center;
  line-height: 20px;
  min-height: 44px;
  padding: 11px 24px;
  transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.button:hover { transform: translateY(-1px); }
.button-primary { background: var(--blue); color: #fff; box-shadow: 0 4px 14px rgba(0, 104, 255, .18); }
.button-primary:hover { background: #004fdf; color: #fff; }
.button-outline-primary { border-color: var(--blue); color: var(--blue); background: transparent; }
.button-outline-primary:hover { background: rgba(11, 92, 255, .06); color: var(--blue); }

/* Hero and shared navigation */
.hero {
  background: linear-gradient(180deg, #022d6e 5%, #00298f 22%, #f8faff 98%);
  height: 912px;
  overflow: hidden;
  position: relative;
}
.hero::after {
  content: "";
  height: 760px;
  left: 50%;
  position: absolute;
  top: 280px;
  transform: translateX(-50%);
  width: 1540px;
}
.site-nav {
  background: transparent;
  height: 72px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: background-color .25s ease, box-shadow .25s ease;
  z-index: 1000;
}
.site-nav.is-scrolled { background: #fff; box-shadow: 0 8px 24px rgba(7, 26, 51, .1); }
.site-nav.is-scrolled .nav-links a,
.site-nav.is-scrolled .nav-actions > a:not(.button) { color: #292929; }
.site-nav.is-scrolled .nav-toggle span { background: #292929; }
.hero, .solutions-hero, .pricing-header { padding-top: 72px; }
.nav-inner { align-items: center; display: flex; height: 72px; padding-inline: 24px; position: relative; }
.brand { flex: 0 0 auto; height: 42px; width: 177px; }
.brand img { height: 42px; object-fit: contain; width: 177px; }
.main-menu { align-items: center; display: flex; flex: 1; justify-content: space-between; margin-left: 40px; }
.nav-links, .nav-actions { align-items: center; display: flex; }
.nav-links { gap: 32px; }
.nav-actions { gap: 18px; }
.nav-links a, .nav-actions > a:not(.button) {
  color: #fff;
  font-family: "Manrope", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  white-space: nowrap;
}
.nav-actions > a:first-child { font-size: 13px; margin-right: -8px; padding: 8px 10px 8px 18px; }
.nav-signup { border-radius: 4px; height: 46px; min-height: 46px; padding-inline: 20px; }
.nav-toggle { background: none; border: 0; display: none; margin-left: auto; padding: 8px; }
.nav-toggle span { background: #fff; border-radius: 2px; display: block; height: 2px; margin: 5px 0; width: 25px; }
.hero-copy { color: #fff; padding-top: 85px; position: relative; text-align: center; z-index: 2; }
.hero-copy h1 {
  font-family: "Manrope", sans-serif;
  font-size: 58px;
  font-weight: 800;
  letter-spacing: -1.74px;
  line-height: 80px;
  margin: 0 auto;
}
.hero-copy h1 em { font-family: "Roboto Serif", serif; font-weight: 300; letter-spacing: -.15px; }
.hero-copy > p { font-size: 18px; line-height: 29.25px; margin: 10px auto 0; }
.hero-actions { display: flex; gap: 12px; justify-content: center; margin-top: 17px; }
.hero-actions .button { font-size: 15px; letter-spacing: -.15px; line-height: 21.429px; }
.button-light { background: #fff; box-shadow: 0 4px 7px rgba(0,104,255,.35); color: #1d1d1d; padding-inline: 14px; }
.button-light:hover { color: #1d1d1d; }
.button-outline-light { border-color: #fff; color: #fff; padding-inline: 14px; }
.button-outline-light:hover { background: rgba(255,255,255,.1); color: #fff; }
.hero-stats { display: flex; gap: 32px; justify-content: center; margin-top: 17px; text-align: center; }
.hero-stats div { min-width: 107px; }
.hero-stats strong { display: block; font-family: "Manrope", sans-serif; font-size: 28px; font-weight: 800; line-height: 42px; letter-spacing: -.84px; }
.hero-stats span { display: block; font-size: 14px; line-height: 19.5px; white-space: nowrap; }
.hero-collage { bottom: 0; cursor: grab; height: 397px; left: 50%; opacity: 0; position: absolute; touch-action: pan-y; transform: translateX(-50%); transition: opacity .4s ease; user-select: none; width: 1549px; z-index: 3; }
.hero-collage.is-ready { opacity: 1; }
.hero-collage.is-dragging { cursor: grabbing; }
.hero-slide { left: 0; overflow: hidden; position: absolute; top: 0; will-change: transform, clip-path; }
.hero-slide img { display: block; height: 100%; max-width: none; object-fit: cover; pointer-events: none; width: 100%; }

/* Platform */
.platform-section { background: var(--surface); overflow: hidden; }
.platform-section > .site-container { width: min(1232px, calc(100% - 48px)); }
.platform-section .section-heading p { font-size: 18px; line-height: 30.6px; }
.platform-accordion { display: flex; gap: 20px; height: 442px; margin-top: 56px; }
.platform-item { background: #0b1b3a; border-radius: 16px; flex: 1 1 0%; overflow: hidden; position: relative; transition: flex-grow .55s cubic-bezier(.22, 1, .36, 1); }
.platform-item.active { flex: 6 1 0%; }
.platform-item-face { background: transparent; border: 0; cursor: pointer; display: block; height: 100%; inset: 0; padding: 0; position: absolute; width: 100%; }
.platform-item-face:focus-visible { outline: 2px solid #3e95fe; outline-offset: -4px; }
.platform-item-face img { display: block; height: 100%; object-fit: cover; object-position: 50% 45%; width: 100%; }
.platform-item:not(.active)[data-platform="connected"] .platform-item-face img { object-position: 78% 45%; }
.platform-item:not(.active)[data-platform="scale"] .platform-item-face img { object-position: 84% 45%; }
.platform-item:not(.active)[data-platform="intelligence"] .platform-item-face img { object-position: 74% 45%; }
.platform-item:not(.active)[data-platform="security"] .platform-item-face img { object-position: 92% 45%; }
.platform-item-panel { left: 30px; position: absolute; top: 30px; width: min(412px, calc(100% - 60px)); }
.platform-item:not(.active) .platform-item-panel { display: none; }
.platform-item-panel h3 { color: #fff; font: 700 20px/22.4px "Manrope", sans-serif; margin: 0; }
.platform-item-panel p { color: #fff; font-size: 16px; line-height: 22.4px; margin: 8px 0 0; max-width: 395px; }
.check-list { list-style: none; margin: 14px 0 0; padding: 0; }
.check-list li { color: #545454; font-size: 14px; line-height: 20px; margin-bottom: 5px; padding-left: 24px; position: relative; }
.check-list-green li::before { background: url("../assets/icons/check-green.svg") center/16px no-repeat; content: ""; height: 16px; left: 0; position: absolute; top: 2px; width: 16px; }
.check-list-white li { color: #fff; }
.check-list-white li::before { background: url("../assets/icons/check-green.svg") center/16px no-repeat; content: ""; height: 16px; left: 0; position: absolute; top: 2px; width: 16px; }

/* Meeting room showcase */
.showcase-section { background: var(--surface); min-height: 701px; overflow: hidden; }
.showcase-grid { display: grid; gap: 64px; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-inline: 24px; }
.showcase-copy h2 { color: var(--ink); font: 800 46px/1.15 "Manrope", sans-serif; letter-spacing: -1.5px; margin: 0; }
.showcase-copy > p { font-size: 16px; line-height: 27.2px; margin: 16px 0 0; max-width: 584px; }
.meeting-tabs { align-items: center; background: #f0f4ff; border-radius: 12px; display: flex; height: 44px; justify-content: space-between; margin-top: 32px; padding: 6px; }
.meeting-tabs button { background: transparent; border: 0; border-radius: 8px; color: #545454; font: 600 14px/20px "Manrope", sans-serif; height: 32px; padding: 6px 12px; width: 143px; }
.meeting-tabs button.active { background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,.08); color: var(--blue); }
.meeting-list { background: #fff; border-radius: 8px; list-style: none; margin: 24px 0 0; padding: 0; }
.meeting-list li { color: #0f1923; font-size: 14px; font-weight: 500; line-height: 20px; min-height: 52px; padding: 16px 16px 10px 52px; position: relative; }
.meeting-list li::before { align-items: center; background: var(--blue-bright); border-radius: 50%; color: #fff; content: "✓"; display: flex; font-size: 13px; height: 24px; justify-content: center; left: 16px; position: absolute; top: 10px; width: 24px; }
.meeting-panel[hidden], .meeting-image[hidden] { display: none; }
.showcase-actions { display: flex; gap: 12px; margin-top: 32px; }
.showcase-actions .button-primary { font-weight: 700; }
.showcase-actions img { height: 16px; margin-left: 8px; width: 16px; }
.showcase-visual { position: relative; }
.showcase-visual::after { background: var(--blue-bright); border-radius: 50%; bottom: -32px; content: ""; filter: blur(64px); height: 192px; opacity: .2; position: absolute; right: -32px; width: 192px; z-index: 0; }
.showcase-visual > img { border-radius: 24px; box-shadow: 0 1px 21px rgba(0,0,0,.1); height: 534px; object-fit: cover; position: relative; width: 100%; z-index: 1; }
.showcase-visual > img[data-stage="before"] { object-position: center 9%; }

/* Security */
.security-section { min-height: 609px; }
.security-banner { border-radius: 16px; height: 495px; overflow: hidden; position: relative; }
.security-banner > img { height: 100%; object-fit: cover; width: 100%; }
.security-card { backdrop-filter: blur(10px); background: rgba(255,255,255,.86); border: 3px solid #fff; border-radius: 16px; box-shadow: inset 0 0 24px rgba(255,255,255,.25); left: 56px; padding: 25px 30px 30px 25px; position: absolute; top: 56px; width: 501px; }
.security-card h2 { color: #252525; font: 800 34px/1.55 "Manrope", sans-serif; letter-spacing: -1.5px; margin: 0; }
.security-card p { color: #545454; font-size: 16px; line-height: 27.2px; margin: 12px 0 0; width: 426px; }

/* Industries */
.industries-section .section-heading h2 { line-height: 72px; }
.industry-grid { display: grid; gap: 20px; grid-template-columns: repeat(3, 1fr); margin-top: 56px; }
.industry-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; min-height: 235px; padding: 28px; }
.industry-card > span, .onprem-grid article > span { align-items: center; border-radius: 16px; display: flex; height: 48px; justify-content: center; width: 48px; }
.industry-card > span img { height: 28px; width: 28px; }
.industry-card h3 { color: #252525; font: 700 20px/24px "Manrope", sans-serif; margin: 16px 0 8px; }
.industry-card p { color: #545454; font-size: 16px; line-height: 22.4px; margin: 0; }
.industry-card a { display: inline-block; font: 600 16px/20px "Manrope", sans-serif; margin-top: 16px; }
.industry-card b { font-size: 20px; font-weight: 400; }
.industry-blue > span { background: rgba(0,104,255,.08); } .industry-blue a { color: #0068ff; }
.industry-cyan > span { background: rgba(0,183,255,.08); } .industry-cyan a { color: #00b7ff; }
.industry-green > span { background: rgba(16,185,129,.08); } .industry-green a { color: #10b981; }
.industry-red > span { background: rgba(239,68,68,.08); } .industry-red a { color: #ef4444; }
.industry-orange > span { background: rgba(245,158,11,.08); } .industry-orange a { color: #f59e0b; }
.industry-purple > span { background: rgba(139,92,246,.08); } .industry-purple a { color: #8b5cf6; }

/* Trusted-by strip */
.trusted-section { background: #f8faff; overflow: hidden; padding: 48px 0; }
.trusted-section h2 { color: #171717; font: 800 48px/72px "Manrope", sans-serif; letter-spacing: -1.5px; margin: 0 0 40px; text-align: center; }
.trusted-carousel { height: 100px; overflow: hidden; width: 100%; }
.trusted-track { align-items: center; animation: trusted-scroll 45s linear infinite; display: flex; height: 100%; width: max-content; will-change: transform; }
.trusted-carousel:hover .trusted-track, .trusted-carousel:focus-within .trusted-track { animation-play-state: paused; }
.trusted-logo-group { align-items: center; display: flex; flex: 0 0 auto; gap: 80px; padding-right: 80px; }
.trusted-logo { align-items: center; box-sizing: content-box; display: flex; flex: 0 0 auto; justify-content: center; padding: 15.372px; }
.trusted-logo > img, .trusted-logo > span > img { display: block; max-width: none; }
.trusted-airtel { padding-inline: 20.496px; }
.trusted-airtel img { height: 69.256px; width: 153.532px; }
.trusted-btcl img { height: 64.049px; width: 170.206px; }
.trusted-bkash > span { height: 74.261px; overflow: hidden; position: relative; width: 158.918px; }
.trusted-bkash img { height: 120.37%; left: -.47%; position: absolute; top: -10.32%; width: 100%; }
.trusted-stc img { height: 56.283px; object-fit: cover; width: 100.059px; }
.trusted-padma > span { border-radius: 50%; height: 74.153px; overflow: hidden; position: relative; width: 74.441px; }
.trusted-padma img { height: 122.87%; left: -11.58%; position: absolute; top: -1.55%; width: 122.39%; }
.trusted-brtc-mark { height: 74.294px; position: relative; width: 75.261px; }
.trusted-brtc-mark img { position: absolute; }
.trusted-brtc-mark img:nth-child(1) { height: 51.224px; left: 0; top: 23.07px; width: 75.261px; }
.trusted-brtc-mark img:nth-child(2) { height: 13.156px; left: 15.91px; top: 0; width: 41.961px; }
.trusted-brtc-mark img:nth-child(3) { height: 53.118px; left: 11.36px; top: 9.84px; width: 52.004px; }
.trusted-brtc-mark img:nth-child(4) { height: 13.022px; left: 17.73px; top: 31.34px; width: 39.804px; }
.trusted-netspot > span { height: 69.173px; overflow: hidden; width: 134.705px; }
.trusted-netspot img { height: 69.055px; margin: .058px 0 0 .128px; width: 134.606px; }
.trusted-cybtel > span { height: 46.166px; overflow: hidden; position: relative; width: 147.153px; }
.trusted-cybtel img { height: 100%; left: -12.57%; position: absolute; top: 0; width: 125.49%; }
.trusted-21st img { height: 58.925px; width: 97.287px; }
.trusted-altijari img { height: 58.924px; width: 136.766px; }
.trusted-babilon img { height: 43.553px; width: 176.013px; }
.trusted-4g > span { border-radius: 5.124px; height: 55.338px; overflow: hidden; position: relative; width: 55.338px; }
.trusted-4g img { height: 115.79%; left: -9.65%; position: absolute; top: -7.02%; width: 115.79%; }
.trusted-comsys img { height: 49.19px; width: 102.771px; }
.trusted-idt-mark { height: 61.487px; position: relative; width: 41.379px; }
.trusted-idt-mark img { position: absolute; }
.trusted-idt-mark img:nth-child(1) { height: 61.487px; left: 0; top: 0; width: 41.379px; }
.trusted-idt-mark img:nth-child(2) { height: 21.591px; left: 3.7px; top: 16.19px; width: 14.332px; }
.trusted-idt-mark img:nth-child(3) { height: 17.132px; left: 14.56px; top: 3.76px; width: 22.655px; }
.trusted-idt-mark img:nth-child(4) { height: 30.509px; left: 6.02px; top: 7.51px; width: 31.208px; }
.trusted-idt-mark img:nth-child(5) { height: 23.938px; left: 12.69px; top: 13.85px; width: 24.504px; }
.trusted-idt-mark img:nth-child(6) { height: 15.02px; left: 4.16px; top: 42.01px; width: 33.519px; }
.trusted-abu > span { height: 38.357px; overflow: hidden; position: relative; width: 121.922px; }
.trusted-abu img { height: 366.76%; left: -7.63%; position: absolute; top: -134.27%; width: 115.72%; }
@keyframes trusted-scroll { to { transform: translateX(-50%); } }

/* Platform comparison */
.comparison-section { background: #f8faff; padding: 64px 0; }
.comparison-inner { width: min(1232px, calc(100% - 48px)); }
.comparison-heading { text-align: center; }
.comparison-heading h2 { color: #171717; font: 800 48px/58px "Manrope", sans-serif; letter-spacing: -1.5px; margin: 0 auto; max-width: 500px; }
.comparison-heading p { color: #292929; font-size: 16px; line-height: 27.2px; margin: 44px auto 0; max-width: 698px; }
.comparison-tabs { align-items: stretch; background: #f0f4ff; border-radius: 10px; display: grid; gap: 0; grid-template-columns: repeat(4, max-content); justify-content: space-between; margin-top: 40px; min-height: 57px; padding: 5px; }
.comparison-tabs button { background: transparent; border: 0; border-radius: 10px; color: #545454; cursor: pointer; font: 600 18px/25.85px "Manrope", sans-serif; padding: 10px 16px; white-space: nowrap; }
.comparison-tabs button.active { background: #fff; border-radius: 6px; box-shadow: 0 2.585px 5.17px rgba(0,0,0,.08); color: var(--blue); }
.comparison-panel { margin-top: 56px; }
.comparison-grid { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.comparison-card { background: #fff; border-radius: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.16); overflow: hidden; }
.comparison-card-header { align-items: center; background: #f8f8f8; display: flex; gap: 26px; height: 72px; padding: 15px 32px; }
.comparison-card.reve .comparison-card-header { background: #edf2ff; }
.comparison-card-header h3 { color: #000; font: 600 18px/24px "Manrope", sans-serif; margin: 0; }
.comparison-brand-icon { align-items: center; background: linear-gradient(180deg, #e3e3e3, #a7a7a7); border-radius: 6px; display: flex; flex: 0 0 40px; height: 40px; justify-content: center; overflow: hidden; width: 40px; }
.comparison-brand-icon.reve { background: linear-gradient(180deg, #00a8ff, #0177ff); }
.comparison-brand-icon.zoom { background: linear-gradient(180deg, #2a74f8, #094dd7); }
.comparison-brand-icon img { height: 24px; object-fit: contain; width: 28px; }
.comparison-brand-icon.google img { height: 20px; width: 25px; }
.comparison-brand-icon.webex img { height: 19px; width: 27px; }
.comparison-brand-icon.teams img { height: 24px; width: 23px; }
.comparison-brand-icon.zoom img { height: 19px; width: 18px; }
.comparison-row { align-items: center; border-bottom: 1px solid #efefef; display: flex; gap: 26px; height: 67px; padding: 0 32px; }
.comparison-row:last-child { border-bottom: 0; }
.comparison-copy { min-width: 0; }
.comparison-copy h4 { color: #3b3b3b; font: 600 18px/24px "Manrope", sans-serif; margin: 0; }
.comparison-copy p { color: #5a6a7a; font-size: 14px; line-height: 20px; margin: 5px 0 0; }
.comparison-status { align-items: center; border-radius: 50%; display: flex; flex: 0 0 24px; height: 24px; justify-content: center; width: 24px; }
.comparison-status.check { background: rgba(0,104,255,.7); }
.comparison-status.check img { height: 16px; width: 16px; }
.comparison-status.cross img { height: 24px; width: 24px; }

/* App download */
.app-section .section-heading p { max-width: 990px; }
.app-grid { display: grid; gap: 24px; grid-template-columns: repeat(2, 1fr); margin-top: 41px; }
.app-card { background: #e9f3ff; border-radius: 24px; display: flex; flex-direction: column; align-items: center; height: 372px; overflow: hidden; padding: 32px 24px; position: relative; }
.app-card::after { background: #ddecff; border-radius: 50%; content: ""; height: 566px; left: -231px; position: absolute; top: 125px; width: 566px; }
.app-card h3 { color: #252525; font: 700 24px/1.2 "Manrope", sans-serif; margin: 0; position: relative; text-align: center; z-index: 1; }
.app-card > p { color: #545454; font-size: 18px; line-height: 22.4px; margin: 8px 0 0; max-width: 387px; position: relative; text-align: center; z-index: 1; }
.app-card-row { align-items: flex-start; display: flex; gap: 20px; justify-content: center; margin-top: 24px; position: relative; width: 100%; z-index: 1; }
.app-card-row-desktop { align-items: center; }
.app-card-row-mobile { gap: 32px; }
.app-card-shot { border: 3px solid #d4e9ff; flex: 0 0 auto; height: 191px; min-width: 0; overflow: hidden; }
.app-card-shot img { display: block; height: 100%; object-fit: cover; object-position: top; width: 100%; }
.app-card-shot-desktop { border-radius: 12px 18px 0 0; max-width: 384px; width: 100%; }
.app-card-shot-mobile { border-radius: 16px; height: 459px; width: 211px; }
.platform-buttons { display: flex; flex: 0 0 144px; flex-direction: column; gap: 25px; width: 144px; }
.platform-buttons a { align-items: flex-end; background: #f2f8ff; border: 1px solid rgba(181,215,255,.5); border-radius: 8px; box-shadow: 0 1px 1.5px rgba(0,0,0,.09); color: #131722; display: flex; font: 700 18px/24px "Manrope", sans-serif; gap: 6px; justify-content: center; padding: 10px 16px; }
.platform-buttons img { display: block; height: 24px; width: auto; }

/* On-premise */
.onprem-section { min-height: 711px; }
.onprem-section .section-heading p { font-size: 18px; line-height: 30.6px; }
.onprem-grid { display: grid; gap: 24px; grid-template-columns: repeat(4, 1fr); margin-top: 64px; }
.onprem-grid article { background: #fff; border: 1px solid var(--border); border-radius: 16px; height: 214px; padding: 24px; }
.onprem-grid article > span { background: rgba(0,104,255,.09); }
.onprem-grid article:nth-child(2) > span { background: rgba(0,183,255,.09); }
.onprem-grid article:nth-child(3) > span { background: rgba(255,107,53,.09); }
.onprem-grid article:nth-child(4) > span { background: rgba(139,92,246,.09); }
.onprem-grid img { height: 24px; width: 24px; }
.onprem-grid h3 { color: #252525; font: 700 16px/22.4px "Manrope", sans-serif; margin: 20px 0 8px; }
.onprem-grid p { color: #707070; font-size: 14px; line-height: 22.4px; margin: 0; }
.onprem-actions { align-items: center; display: flex; flex-wrap: wrap; gap: 24px; justify-content: center; margin-top: 30px; }
.onprem-actions .button { font-size: 16px; padding-inline: 16px; }
.onprem-actions small { color: #707070; flex-basis: 100%; font-size: 14px; margin-top: -4px; text-align: center; }

/* Blog */
.blog-section { min-height: 644px; }
.blog-heading { align-items: flex-end; display: flex; justify-content: space-between; }
.blog-heading .button { font-size: 16px; padding-inline: 16px; }
.blog-grid { display: grid; gap: 24px; grid-template-columns: repeat(3, 1fr); margin-top: 48px; }
.blog-card { background: #fff; border: 1px solid var(--border); border-radius: 16px; overflow: hidden; }
.blog-card > img { height: 176px; object-fit: cover; width: 100%; }
.blog-body { padding: 20px; }
.blog-body > div { align-items: center; display: flex; gap: 8px; }
.tag { border-radius: 999px; display: inline-block; font: 600 12px/16px "Manrope", sans-serif; padding: 4px 10px; }
.tag-blue { background: rgba(0,104,255,.08); color: #0068ff; }
.tag-red { background: rgba(255,107,53,.08); color: #ff6b35; }
.tag-green { background: rgba(16,185,129,.08); color: #10b981; }
.blog-body small { color: #bebebe; font-size: 12px; line-height: 16px; }
.blog-body h3 { color: #252525; font: 700 14px/19.6px "Manrope", sans-serif; margin: 12px 0 8px; }
.blog-body p { color: #545454; font-size: 12px; line-height: 19.2px; margin: 0; min-height: 39px; }
.blog-body > a { align-items: center; color: #0068ff; display: flex; font: 600 12px/16px "Manrope", sans-serif; gap: 4px; margin-top: 16px; }
.blog-body > a.red { color: #ff6b35; } .blog-body > a.green { color: #10b981; }
.blog-body > a img { height: 16px; width: 16px; }

/* Testimonials */
.testimonials-section { min-height: 584px; }
.testimonial-grid { display: grid; gap: 20px; grid-template-columns: repeat(4, 1fr); margin-top: 56px; }
.testimonial-card { background: #fff; border: 1px solid rgba(0,104,255,.08); border-radius: 20px; box-shadow: 0 4px 12px rgba(0,104,255,.06); display: flex; flex-direction: column; min-height: 342px; padding: 32px; }
.stars { display: flex; gap: 2px; }
.stars i { background: url("../assets/icons/star.svg") center/16px no-repeat; display: block; height: 16px; width: 16px; }
.testimonial-card blockquote { color: #545454; flex: 1; font-size: 14px; line-height: 23.8px; margin: 16px 0 0; }
.person { align-items: center; border-top: 1px solid rgba(0,104,255,.08); display: flex; gap: 12px; padding-top: 16px; }
.avatar { align-items: center; border-radius: 50%; color: #fff; display: flex; flex: 0 0 40px; font: 700 14px/20px "Manrope", sans-serif; height: 40px; justify-content: center; width: 40px; }
.avatar.blue { background: #0068ff; } .avatar.green { background: #10b981; } .avatar.orange { background: #ff6b35; } .avatar.purple { background: #8b5cf6; }
.person strong { color: #292929; display: block; font: 700 14px/20px "Manrope", sans-serif; }
.person small { color: #707070; display: block; font-size: 12px; line-height: 16px; }

/* CTA and footer */
.cta-section { background: linear-gradient(160deg, #071a33 0, #0a2447 40%, #0d3578 100%); color: #fff; height: 495px; overflow: hidden; position: relative; }
.cta-section::before, .cta-section::after { border-radius: 50%; content: ""; filter: blur(64px); height: 384px; position: absolute; width: 384px; }
.cta-section::before { background: #0068ff; left: 25%; opacity: .2; top: 0; }
.cta-section::after { background: #00b7ff; bottom: -130px; opacity: .15; right: 25%; }
.cta-inner { align-items: center; display: flex; flex-direction: column; padding-top: 71px; position: relative; z-index: 1; }
.cta-proof { align-items: center; display: flex; }
.cta-avatars { display: flex; padding-left: 12px; }
.cta-avatars img { border-radius: 50%; height: 48px; margin-left: -12px; width: 48px; }
.cta-proof span { color: rgba(255,255,255,.7); font: 600 14px/20px "Manrope", sans-serif; margin-left: 16px; }
.cta-inner h2 { font: 800 48px/58px "Manrope", sans-serif; letter-spacing: -2px; margin: 24px 0 0; text-align: center; }
.cta-inner > p { color: rgba(255,255,255,.65); font-size: 18px; line-height: 30.6px; margin: 16px 0 0; text-align: center; }
.cta-actions { display: flex; gap: 16px; margin-top: 32px; }
.cta-actions .button { font-size: 16px; line-height: 24px; }
.cta-actions .button-primary { background: #0068ff; font-weight: 700; }
.cta-actions .button-primary:hover { background: #0057d6; }
.button-ghost { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.2); color: #fff; }
.button-ghost:hover { background: rgba(255,255,255,.16); color: #fff; }
.site-footer { background: var(--navy); border-top: 1px solid rgba(255,255,255,.06); color: #fff; min-height: 401px; padding: 76px 0 0; }
.footer-grid { display: grid; gap: 56px; grid-template-columns: 1.35fr repeat(4, 1fr); padding-inline: 24px; }
.footer-brand > img { height: 42px; width: 177px; }
.footer-brand > p { color: rgba(255,255,255,.5); font-size: 14px; line-height: 23.8px; margin: 16px 0 0; }
.socials { display: flex; gap: 12px; margin-top: 20px; }
.socials a { align-items: center; background: rgba(255,255,255,.08); border-radius: 8px; color: rgba(255,255,255,.6); display: flex; font-size: 14px; height: 32px; justify-content: center; width: 32px; }
.footer-grid nav { display: flex; flex-direction: column; }
.footer-grid nav h3 { color: rgba(255,255,255,.9); font: 700 14px/20px "Manrope", sans-serif; margin: 0 0 16px; }
.footer-grid nav a { color: rgba(255,255,255,.6); font-size: 14px; line-height: 20px; margin-bottom: 10px; }
.footer-bottom { align-items: center; border-top: 1px solid rgba(255,255,255,.06); display: flex; justify-content: center; margin-top: 64px; min-height: 61px; padding: 12px 12px 0; }
.footer-bottom p { color: rgba(255,255,255,.7); font-size: 12px; line-height: 16px; margin: 0; }
.footer-bottom img { display: inline-block; height: 24px; margin-right: 8px; vertical-align: middle; width: 24px; }

@media (max-width: 1199.98px) {
  .site-container { width: min(960px, calc(100% - 40px)); }
  .main-menu { margin-left: 24px; }
  .nav-links { gap: 20px; }
  .nav-actions { gap: 12px; }
  .hero-copy h1 { font-size: 50px; }
  .platform-accordion { height: 380px; }
  .showcase-grid { gap: 36px; }
  .showcase-copy h2 { font-size: 40px; }
  .security-card { width: 455px; }
  .industry-card p br { display: none; }
  .comparison-tabs { display: flex; justify-content: flex-start; overflow-x: auto; scrollbar-width: thin; }
  .comparison-tabs button { flex: 0 0 auto; font-size: 16px; }
  .testimonial-card { padding: 24px; }
  .footer-grid { gap: 30px; grid-template-columns: 1.35fr repeat(4, 1fr); }
}

@media (max-width: 991.98px) {
  .site-container { width: min(720px, calc(100% - 32px)); }
  .section { padding: 48px 0; }
  .section-heading h2, .blog-heading h2 { font-size: 40px; }
  .nav-inner { padding-inline: 0; }
  .nav-toggle { display: block; }
  .main-menu { background: #062f79; border-radius: 12px; display: none; left: 0; margin: 0; padding: 20px; position: absolute; right: 0; top: 66px; }
  .site-nav.is-scrolled .main-menu { background: #fff; box-shadow: 0 12px 30px rgba(7, 26, 51, .14); }
  .main-menu.open { display: block; }
  .nav-links, .nav-actions { align-items: stretch; flex-direction: column; gap: 0; }
  .nav-links a, .nav-actions > a:not(.button) { padding: 10px 4px; }
  .nav-actions > a:first-child { margin: 0; padding: 10px 4px; }
  .nav-signup { margin-top: 8px; }
  .hero { height: 820px; }
  .hero-copy { padding-top: 74px; }
  .hero-copy h1 { font-size: 44px; }
  .hero-copy > p { font-size: 16px; }
  .hero-collage { bottom: -35px; transform: translateX(-50%) scale(.72); transform-origin: bottom center; }
  .platform-accordion { flex-direction: column; height: auto; }
  .platform-item { flex: 0 0 64px; }
  .platform-item.active { flex: 0 0 380px; }
  .platform-item-panel { left: 24px; top: 26px; width: min(380px, calc(100% - 48px)); }
  .showcase-section { min-height: auto; }
  .showcase-grid { grid-template-columns: 1fr; }
  .showcase-copy { order: 1; }
  .showcase-visual { order: 2; }
  .showcase-visual > img { height: auto; }
  .security-section { min-height: auto; }
  .security-banner { height: 420px; }
  .security-card { left: 32px; top: 42px; }
  .industry-grid { grid-template-columns: repeat(2, 1fr); }
  .trusted-section { padding: 36px 0; }
  .trusted-section h2 { font-size: 40px; line-height: 52px; margin-bottom: 28px; }
  .comparison-section { padding: 48px 0; }
  .comparison-grid { grid-template-columns: 1fr; }
  .comparison-card { width: 100%; }
  .app-grid { grid-template-columns: 1fr; }
  .onprem-section { min-height: auto; }
  .onprem-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-section, .testimonials-section { min-height: auto; }
  .blog-grid { grid-template-columns: 1fr 1fr; }
  .blog-card:last-child { grid-column: 1 / -1; }
  .testimonial-grid { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: repeat(4, 1fr); }
  .footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 767.98px) {
  .site-container { width: calc(100% - 32px); }
  .section { padding: 40px 0; }
  .section-heading h2, .blog-heading h2 { font-size: 32px; letter-spacing: -1px; line-height: 1.2; }
  .section-heading p { font-size: 15px; line-height: 1.6; }
  .hero { height: 760px; }
  .brand, .brand img { height: auto; width: 150px; }
  .hero-copy { padding-top: 64px; }
  .hero-copy h1 { font-size: 36px; letter-spacing: -1.2px; line-height: 1.16; }
  .hero-copy h1 br { display: block; }
  .hero-copy h1 em { display: block; margin-block: 5px; }
  .hero-copy > p { line-height: 25px; margin-top: 18px; }
  .hero-actions { margin-top: 24px; }
  .hero-stats { gap: 18px; text-align: center; }
  .hero-stats div { min-width: 0; }
  .hero-stats strong { font-size: 24px; }
  .hero-stats span { font-size: 11px; white-space: normal; }
  .hero-collage { bottom: -70px; transform: translateX(-50%) scale(.56); }
  .platform-accordion { margin-top: 40px; }
  .platform-item { flex-basis: 56px; }
  .platform-item.active { flex-basis: 360px; }
  .platform-item-panel { left: 20px; top: 20px; width: min(340px, calc(100% - 40px)); }
  .platform-item-panel h3 { font-size: 18px; }
  .platform-item-panel p { font-size: 14px; line-height: 21px; }
  .check-list li { font-size: 12px; }
  .showcase-grid { padding-inline: 0; }
  .showcase-copy h2 { font-size: 32px; }
  .meeting-tabs button { font-size: 11px; padding-inline: 6px; width: auto; }
  .security-banner { height: 540px; }
  .security-banner > img { object-position: 63% center; }
  .security-card { bottom: 20px; left: 20px; padding: 22px; top: auto; width: calc(100% - 40px); }
  .security-card h2 { font-size: 26px; line-height: 1.35; }
  .security-card p { font-size: 14px; line-height: 23px; width: auto; }
  .industry-grid { grid-template-columns: 1fr; margin-top: 40px; }
  .industry-card { min-height: 220px; }
  .trusted-section { padding: 28px 0; }
  .trusted-section h2 { font-size: 32px; line-height: 40px; margin-bottom: 24px; }
  .comparison-section { padding: 40px 0; }
  .comparison-inner { width: calc(100% - 32px); }
  .comparison-heading h2 { font-size: 34px; letter-spacing: -1px; line-height: 1.2; }
  .comparison-heading p { font-size: 15px; line-height: 24px; margin-top: 20px; }
  .comparison-tabs { margin-top: 32px; }
  .comparison-tabs button { font-size: 14px; }
  .comparison-panel { margin-top: 32px; }
  .comparison-row { gap: 16px; height: auto; min-height: 72px; padding: 14px 20px; }
  .comparison-card-header { padding-inline: 20px; }
  .comparison-copy h4 { font-size: 16px; line-height: 21px; }
  .comparison-copy p { font-size: 13px; line-height: 18px; }
  .app-card { height: auto; padding: 28px 20px; }
  .app-card-row { align-items: center; flex-direction: column; gap: 20px; }
  .app-card-shot-desktop { max-width: min(548px, 100%); width: 100%; }
  .app-card-shot-mobile { aspect-ratio: 211 / 459; height: auto; max-width: min(300px, 100%); width: 100%; }
  .platform-buttons { flex: 0 0 auto; flex-direction: row; flex-wrap: wrap; justify-content: center; width: auto; }
  .platform-buttons a { font-size: 14px; padding: 8px 10px; }
  .onprem-section .section-heading p { font-size: 15px; line-height: 25px; }
  .onprem-grid { grid-template-columns: 1fr; margin-top: 40px; }
  .onprem-grid article { height: auto; min-height: 200px; }
  .onprem-actions { gap: 12px; }
  .onprem-actions .button { width: 100%; }
  .blog-heading { align-items: flex-start; flex-direction: column; gap: 24px; }
  .blog-grid { grid-template-columns: 1fr; margin-top: 36px; }
  .blog-card:last-child { grid-column: auto; }
  .testimonial-grid { grid-template-columns: 1fr; margin-top: 40px; }
  .testimonial-card { min-height: 320px; }
  .cta-section { height: auto; min-height: 545px; }
  .cta-inner { padding-top: 72px; }
  .cta-inner h2 { font-size: 36px; line-height: 44px; }
  .cta-inner > p { font-size: 15px; line-height: 26px; }
  .cta-inner > p br { display: none; }
  .cta-actions { flex-direction: column; width: 100%; }
  .site-footer { padding-top: 64px; }
  .footer-grid { gap: 36px 20px; grid-template-columns: 1fr 1fr; padding-inline: 0; }
  .footer-bottom { align-items: flex-start; flex-direction: column; gap: 18px; margin-top: 48px; padding-inline: 0; }
}

@media (max-width: 419.98px) {
  .hero-copy h1 { font-size: 32px; }
  .hero-actions { align-items: stretch; flex-direction: column; margin-inline: auto; width: 190px; }
  .hero-stats { margin-top: 20px; }
  .hero-collage { bottom: -92px; transform: translateX(-50%) scale(.48); }
  .platform-item.active { flex-basis: 400px; }
  .security-card h2 br { display: none; }
  .cta-proof { flex-direction: column; gap: 12px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-brand { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
  .trusted-track { animation: none; }
}