* { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; font-family: 'Inter', system-ui, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; color: #1C2430; background: #F7F9FC; }
  ::selection { background: #C9DDF8; }
  /* comp placeholder layer, swapped for real/earned content before launch */
  .ph { position: relative; }
  .ph::after { content: "PLACEHOLDER"; position: absolute; top: 8px; left: 8px; z-index: 5; font-family: 'Inter', sans-serif; font-size: 8.5px; font-weight: 700; letter-spacing: .1em; color: #fff; background: rgba(17,36,74,.55); padding: 3px 7px; border-radius: 4px; pointer-events: none; }
  .ph-photo { background: linear-gradient(135deg, #DCE6F2 0%, #C9D7E8 100%); position: relative; overflow: hidden; }
  .ph-photo::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at 30% 35%, rgba(255,255,255,.5) 0, transparent 40%), radial-gradient(circle at 70% 70%, rgba(44,111,214,.12) 0, transparent 45%); }
  /* placeholder logo marquee */
  @keyframes viewee-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
  .why-body { display:grid; grid-template-rows:0fr; opacity:0; }
  .why-body[data-open="true"] { grid-template-rows:1fr; opacity:1; }
  /* footer responsive: desktop = 4 open columns; mobile = accordion */
  @media (min-width:861px){
    .vw-foot-chev{ display:none !important; }
    .vw-foot-links{ display:flex !important; }
    .vw-foot-head{ cursor:default !important; }
  }
  @media (max-width:860px){
    .vw-foot-grid{ grid-template-columns:1fr !important; gap:0 !important; }
    .vw-foot-col{ border-top:1px solid rgba(255,255,255,.10); }
    .vw-foot-head{ padding:20px 0 !important; min-height:44px; }
    .vw-foot-chev{ display:inline-flex !important; }
    .vw-foot-links{ display:none; padding-bottom:18px; margin-top:0 !important; }
    .vw-foot-col[data-open="true"] .vw-foot-links{ display:flex; }
    .vw-cta-btns{ flex-direction:column !important; align-items:center; }
    .vw-foot-bottom{ flex-direction:column !important; align-items:flex-start !important; }
    .vw-news{ width:100% !important; }
    .vw-news-row{ justify-content:flex-start !important; }
  }

  /* ============ RESPONSIVE: tablet + mobile ============ */
  .vw-burger{ display:none; }
  .vw-mobile-menu{ display:none !important; }
  .mnav-body{ display:none; }
  .mnav-body[data-open="true"]{ display:block; }
  @media (max-width:900px){
    .vw-mobile-menu[data-open="true"]{ display:block !important; position:fixed; left:0; right:0; top:0; bottom:0; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:40; background:#fff; }
  }
  /* TABLET ≤980px */
  @media (max-width:980px){
    .vw-sec-pad{ padding:96px 32px !important; }
    .vw-hero-inner{ padding:140px 32px 96px !important; min-height:auto !important; }
    .vw-hero-h1{ font-size:56px !important; }
    .vw-hero-card{ position:static !important; right:auto !important; bottom:auto !important; width:100% !important; max-width:420px !important; margin:40px 0 0 !important; }
    .vw-hero-card > div{ transform:none !important; }
    .vw-role-h2{ white-space:normal !important; font-size:34px !important; }
    .vw-role-grid{ grid-template-columns:1fr !important; gap:36px !important; }
    .vw-role-visual{ min-height:auto !important; }
    .vw-role-photo-wrap{ position:relative !important; width:100% !important; height:340px !important; right:auto !important; top:auto !important; }
    .vw-role-card{ position:relative !important; width:90% !important; max-width:420px !important; left:auto !important; bottom:auto !important; margin:-48px auto 0 !important; }
    .vw-cs-grid{ grid-template-columns:1fr !important; gap:36px !important; }
    .vw-cs-card{ width:100% !important; max-width:none !important; margin-top:30px !important; }
    .vw-cs-imgcol{ height:420px !important; }
    [id^="viewee-casestudy-photo"]{ height:420px !important; }
    .vw-settings-grid{ grid-template-columns:repeat(2,1fr) !important; }
    .vw-why-grid{ grid-template-columns:1fr !important; gap:30px !important; padding-bottom:36px !important; }
    .vw-why-h2{ font-size:38px !important; }
  }
  /* DESKTOP nav ≥901 keeps inline nav; below shows burger */
  @media (max-width:900px){
    .vw-nav-links{ display:none !important; }
    .vw-signin{ display:none !important; }
    .vw-mega{ display:none !important; }
    .vw-burger{ display:inline-flex !important; }
    .vw-header-inner{ padding:14px 20px !important; }
  }
  /* PHONE ≤640px */
  @media (max-width:640px){
    .vw-sec-pad{ padding:72px 20px !important; }
    .vw-hero-inner{ padding:116px 20px 72px !important; }
    .vw-hero-h1{ font-size:40px !important; }
    .vw-hero-sub{ font-size:17px !important; }
    .vw-hero-ctarow{ flex-wrap:wrap; gap:16px !important; }
    .vw-hero-trust{ flex-wrap:wrap; gap:10px 16px !important; }
    .vw-role-h2{ font-size:26px !important; }
    .vw-role-panel{ padding:26px 18px !important; }
    .vw-role-tabs{ gap:22px !important; margin-bottom:28px !important; flex-wrap:nowrap !important; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch; }
    .vw-role-tabs::-webkit-scrollbar{ display:none; }
    .vw-role-chips{ flex-wrap:wrap !important; }
    .vw-role-visual{ display:none !important; }
    .vw-settings-grid{ grid-template-columns:1fr !important; gap:22px !important; }
    .vw-badges{ justify-content:center !important; text-align:center; gap:30px !important; }
    .vw-badges-row{ justify-content:center !important; flex:1 1 auto !important; }
    .vw-cs-imgcol{ height:320px !important; }
    [id^="viewee-casestudy-photo"]{ height:320px !important; }
    .vw-cs-controls{ margin-top:32px !important; }
    .vw-why-h2{ font-size:30px !important; }
    .vw-why-panel{ padding:6px 18px !important; }
    .vw-why-title{ font-size:19px !important; }
    .vw-why-stats{ grid-template-columns:repeat(2,1fr) !important; gap:20px 14px !important; }
    .vw-cta-inner{ padding:88px 22px 72px !important; }
    .vw-cta-h2{ font-size:34px !important; }
  }
  .why-inner { overflow:hidden; min-height:0; }
  .vw-marquee-track { display: flex; width: max-content; animation: viewee-marquee 42s cubic-bezier(.2,.6,.2,1) infinite; }
  .vw-marquee-band:hover .vw-marquee-track { animation-play-state: paused; }
  .vw-logo { opacity: .65; transition: opacity .3s cubic-bezier(.2,.6,.2,1); }
  .vw-logo:hover { opacity: 1; }
  @media (prefers-reduced-motion: reduce) {
    .vw-marquee-track { animation: none; width: 100%; justify-content: center; flex-wrap: wrap; }
    .vw-marquee-track .vw-marquee-half:nth-child(2) { display: none; }
  }

  /* Canonical site nav, single source, imported by every marketing page.
     A1 hover/active spec + B1 six-item nav. Responsive rules duplicate the page chrome
     (identical, harmless) so the nav also works on pages that lack them. */
  .vw-navitem{ position:relative; color:#2A3340; text-decoration:none; border-bottom:2px solid transparent; transition:color .14s cubic-bezier(.2,.6,.2,1); }
  .vw-navitem > i{ color:#9AA4B2; transition:color .14s cubic-bezier(.2,.6,.2,1); }
  .vw-navitem[data-active="true"]{ color:#11244A; font-weight:600; border-bottom-color:#2C6FD6; }
  .vw-navitem[data-open="true"]{ color:#2C6FD6; }
  .vw-navitem[data-open="true"] > i{ color:#2C6FD6; }
  .vw-navitem:hover{ color:#2C6FD6; }
  .vw-navitem:hover > i{ color:#2C6FD6; }
  .vw-startfree{ transition:background .14s cubic-bezier(.2,.6,.2,1); }

  .vw-burger{ display:none; }
  .vw-mobile-menu{ display:none !important; }
  .mnav-body{ display:none; }
  .mnav-body[data-open="true"]{ display:block; }
  @media (max-width:900px){
    .vw-nav-links{ display:none !important; }
    .vw-signin{ display:none !important; }
    .vw-mega{ display:none !important; }
    .vw-burger{ display:inline-flex !important; }
    .vw-header-inner{ padding:14px 20px !important; }
    .vw-mobile-menu[data-open="true"]{ display:block !important; position:fixed; left:0; right:0; top:0; bottom:0; overflow-y:auto; -webkit-overflow-scrolling:touch; z-index:60; background:#fff; }
  }
  @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; } }

  /* Canonical footer, responsive. Desktop (≥1024px): five equal columns open. Tablet (640–1023px): wrap to 3 columns, open.
     Mobile (≤639px): single-column accordion rows. Bottom row spans full width beneath. Rules duplicate page chrome (harmless). */
  @media (min-width:1024px){
    .vw-foot-chev{ display:none !important; }
    .vw-foot-links{ display:flex !important; }
    .vw-foot-head{ cursor:default !important; }
  }
  @media (min-width:640px) and (max-width:1023px){
    .vw-foot-grid{ grid-template-columns:repeat(3,1fr) !important; row-gap:44px !important; }
    .vw-foot-chev{ display:none !important; }
    .vw-foot-links{ display:flex !important; }
    .vw-foot-head{ cursor:default !important; }
  }
  @media (max-width:639px){
    .vw-foot-grid{ grid-template-columns:1fr !important; gap:0 !important; padding-top:8px !important; }
    .vw-foot-col{ border-top:1px solid rgba(255,255,255,.10); }
    .vw-foot-head{ padding:18px 0 !important; min-height:44px; }
    .vw-foot-chev{ display:inline-flex !important; }
    .vw-foot-links{ display:none; padding-bottom:16px; margin-top:0 !important; }
    .vw-foot-col[data-open="true"] .vw-foot-links{ display:flex; }
    .vw-foot-bottom{ flex-direction:column !important; align-items:flex-start !important; }
  }
  @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; } }
@media (prefers-reduced-motion: reduce){ *,*::before,*::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; } }
  @keyframes vw-ck-rise { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
  .vw-ck-card{ animation:vw-ck-rise .22s cubic-bezier(.2,.6,.2,1) both; }
  @media (max-width:520px){
    .vw-ck-wrap{ left:0 !important; right:0 !important; padding:12px !important; }
    .vw-ck-card{ max-width:none !important; width:auto !important; }
    .vw-ck-btnrow{ flex-direction:column !important; }
  }
  @media (prefers-reduced-motion: reduce){ *,*::before,*::after{ transition-duration:.01ms !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; } }

/* Final mobile safety net for imported composition markup. */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
@media(max-width:900px){.vw-header-inner{max-width:100%!important}.vw-nav-links,.vw-signin{display:none!important}.vw-burger{display:inline-flex!important}.vw-mobile-menu{max-width:100vw!important}.vw-mega{display:none!important}}
@media(max-width:640px){h1,h2,h3{overflow-wrap:anywhere}.vw-cs-card,.vw-role-card,.vw-settings-grid>*{min-width:0!important}.vw-foot-bottom>div:last-child{align-items:flex-start!important;max-width:100%}.vw-foot-bottom>div:last-child>div:last-child{flex-wrap:wrap!important;gap:12px 18px!important}}
/* Prevent imported long-form content and footer rows from widening the mobile canvas. */
footer>div{width:100%;box-sizing:border-box}.vw-foot-bottom>*{min-width:0}.vw-foot-bottom>div:last-child>div:last-child{flex-wrap:wrap}
@media(max-width:640px){main table,article table,.legal-document table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}main th,main td,article th,article td,.legal-document th,.legal-document td{overflow-wrap:anywhere}}
/* Mobile carousel images must respect the shortened image column rather than their desktop inline height. */
@media(max-width:640px){.vw-cs-imgcol>div,.vw-cs-imgcol img{height:100%!important;max-height:320px!important}.vw-cs-imgcol{overflow:hidden;border-radius:28px}.vw-cs-controls{margin-top:28px!important}}