/* chrome-v7.css: the v7 nav + footer (and the buttons they use) extracted from the
   v7 design-system files so they can dress the live pages. Generated; regenerate with
   scripts in the launch-preview PR description. Tokens: :root vars from the v7 files.  */

/* ---- from foundation.css: 1 rules ---- */
:root{--fs-display-2xl: clamp(2.5rem, 4vw + 1rem, 4rem); --fs-display-xl:  clamp(2.25rem, 2.6vw + 1rem, 3.25rem); --fs-display-lg:  clamp(1.875rem, 1.8vw + 1rem, 2.75rem); --fs-h1:          clamp(1.75rem, 1.2vw + 1rem, 2.25rem); --fs-h2:          clamp(1.5rem, 0.8vw + 1rem, 1.75rem); --fs-h3:          1.5rem; --fs-h4:          1.25rem; --fs-body-lg:     1.125rem; --fs-body:        1rem; --fs-body-sm:     0.875rem; --fs-caption:     0.75rem; --lh-display: 1.1; --lh-heading: 1.15; --lh-snug:    1.3; --lh-body:    1.55; --lh-relaxed: 1.6; --ls-display: -0.02em; --ls-tight:   -0.01em; --ls-normal:  0; --ls-wide:    0.02em; --space-4:   0.25rem; --space-8:   0.5rem; --space-12:  0.75rem; --space-16:  1rem; --space-24:  1.5rem; --space-32:  2rem; --space-40:  2.5rem; --space-48:  3rem; --space-64:  4rem; --space-80:  5rem; --space-96:  6rem; --space-128: 8rem; --space-160: 10rem; --space-section: clamp(4rem, 6vw, 6rem);}

/* ---- from styles.css: 53 rules ---- */
:root{--green-500: #00A885; --green-600: #0C8E77; --blue-500: #48B4FF; --blue-600: #3BA5EE; --indigo-800: #152361; --indigo-900: #0E1949; --black: #333333; --slate-700: #5B6590; --slate-200: #E8E9EF; --slate-100: #F3F4F7; --offwhite-100: #FFF8ED; --offwhite-50: #FFFDFB; --beige: #F4EAE0; --white: #FFFFFF; --text: var(--black); --text-muted: var(--slate-700); --heading: var(--indigo-800); --link: var(--blue-500); --font-serif: "Noto Serif JP", Georgia, serif; --font-sans: "Montserrat", system-ui, -apple-system, sans-serif; --radius-sm: 12px; --radius: 16px; --radius-lg: 24px; --radius-pill: 999px; --shadow-card: 0 0 0 0 rgba(0,0,0,0); --shadow-float: 0 0 0 0 rgba(0,0,0,0); --container: 1168px; --gutter: 24px;}
.btn{display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: 52px; padding: 0 30px;
  border: 1.5px solid transparent;
  border-radius: var(--radius-pill);
  font-family: var(--font-sans); font-weight: 600; font-size: 16px;
  white-space: nowrap; cursor: pointer;
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease;}
.btn:active{transform: translateY(1px);}
.btn-sm{height: 42px; padding: 0 22px; font-size: 15px;}
.btn-primary{background: var(--blue-500); color: #fff;}
.btn-primary:hover{background: var(--blue-600); box-shadow: 0 8px 20px rgba(72,180,255,.32);}
.nav{position: sticky; top: 0; z-index: 50;
  background: rgba(255,255,255,.94);
  backdrop-filter: saturate(140%) blur(8px);}
.nav-inner{display: flex; align-items: center; gap: 40px; height: 80px;}
.nav-logo img{height: 24px;}
.nav-links{display: flex; gap: 28px;}
.nav-links a, .nav-plain{display: inline-flex; align-items: center; gap: 4px; font-weight: 500; color: var(--indigo-800);}
.nav-links a:hover, .nav-plain:hover{color: var(--blue-600);}
.caret{width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;}
.nav-actions{margin-left: auto; display: flex; align-items: center; gap: 24px;}
.demo{background: var(--indigo-800); color: #fff; padding: 72px 0;}
.demo-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center;}
.demo-eyebrow{color: rgba(255,255,255,.85); font-weight: 500; font-size: 15px;}
.demo-info h2{color: #fff; font-size: 42px; line-height: 1.2; margin: 10px 0 28px; max-width: 12ch;}
.demo-list{list-style: none; padding: 0; margin: 0 0 32px; display: grid; gap: 16px;}
.demo-list li{display: flex; align-items: center; gap: 14px; font-size: 16px;}
.check{flex: none; width: 26px; height: 26px; border-radius: 50%; background: var(--blue-500); display: grid; place-items: center;}
.check svg{width: 15px; height: 15px; fill: none; stroke: #fff; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round;}
.demo-trust p{color: rgba(255,255,255,.7); font-size: 14px; margin-bottom: 16px;}
.demo-logos{display: flex; gap: 14px; align-items: center;}
.logo-badge{width: 56px; height: 56px; border-radius: 50%; background: #fff; display: grid; place-items: center; padding: 12px;}
.logo-badge img{max-height: 22px; max-width: 34px;}
.demo-form{display: grid; gap: 28px;}
.field-row{display: grid; grid-template-columns: 1fr 1fr; gap: 28px;}
.ufield{display: flex; flex-direction: column; gap: 8px; font-size: 13px; color: rgba(255,255,255,.85);}
.ufield input, .ufield select{background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,.35);
  color: #fff; font-family: var(--font-sans); font-size: 15px; padding: 6px 0; border-radius: 0;}
.ufield select{appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right center; background-size: 18px;}
.ufield input:focus, .ufield select:focus{outline: none; border-bottom-color: var(--blue-500);}
.ufield option{color: #111;}
.demo-form .btn{justify-self: start; margin-top: 4px;}
.footer{background: var(--indigo-800); color: rgba(255,255,255,.85); padding: 64px 0 0;}
.footer-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px;}
.footer-col h4{font-family: var(--font-serif); font-weight: 700; font-size: 22px; color: #fff; margin-bottom: 24px;}
.footer-col a{display: block; padding: 8px 0; color: rgba(255,255,255,.85); font-size: 15px;}
.footer-col a.u{text-decoration: underline; text-underline-offset: 3px;}
.footer-col a:hover{color: #fff;}
.footer-badges{display: flex; gap: 14px; margin: 20px 0 16px;}
.google-badge{display: inline-flex; align-items: center; gap: 8px; background: #fff; border-radius: var(--radius-pill); padding: 8px 14px;}
.google-badge img:first-child{height: 18px;}
.google-badge img:nth-child(2){height: 14px;}
.google-badge small{color: #333; font-size: 12px; font-weight: 500;}
.footer-bottom{position: relative; background: var(--indigo-900); margin-top: 56px; padding: 28px 0;}
.footer-bottom::before{content: ""; position: absolute; top: -28px; left: 0; right: 0; height: 28px; background: var(--indigo-900); border-radius: 100% 100% 0 0 / 100% 100% 0 0;}
.footer-bottom-inner{position: relative; display: flex; align-items: center; justify-content: space-between; gap: 24px;}
.footer-bottom span{color: rgba(255,255,255,.6); font-size: 13px;}
.footer-store{display: flex; gap: 12px;}
.footer-store img{height: 36px;}
@media (max-width: 960px){
  .demo-grid{grid-template-columns: 1fr;}
  .demo-info h2{font-size: 34px;}
  .footer-grid{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 560px){
  .nav-links, .nav-plain{display: none;}
  .field-row{grid-template-columns: 1fr;}
  .footer-grid{grid-template-columns: 1fr;}
}

/* ---- from glass.css: 89 rules ---- */
:root{--g-fill:        linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.82)); --g-strong:      linear-gradient(135deg, rgba(255,255,255,.97), rgba(255,255,255,.9)); --g-border: 1px solid rgba(21,35,97,.08); --g-hi: inset 0 1px 0 rgba(255,255,255,.5); --g-shadow: 0 0 0 0 rgba(0,0,0,0); --g-radius: 24px; --g-blur: 22px; --g-green:  linear-gradient(135deg, rgba(0,168,133,.82), rgba(12,142,119,.72)); --g-indigo: linear-gradient(135deg, rgba(21,35,97,.80), rgba(14,25,73,.72)); --g-ease: cubic-bezier(.16,.84,.44,1);}
.nav, .demo-form, .demo .container{-webkit-backdrop-filter: blur(var(--g-blur)) saturate(180%);
  backdrop-filter: blur(var(--g-blur)) saturate(180%);}
.nav{position: sticky; top: 16px; margin: 16px auto 0;
  width: min(1216px, calc(100% - 32px));
  background: var(--g-strong); border: var(--g-border);
  border-radius: var(--g-radius); box-shadow: var(--g-shadow), var(--g-hi);
  overflow: hidden;}
.nav-inner{position: relative; z-index: 1;}
.btn-primary{background: linear-gradient(135deg, rgba(0,168,133,.9), rgba(12,142,119,.84));
  color: #fff; border: 1px solid rgba(255,255,255,.3);
  box-shadow: none;
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(160%);
  backdrop-filter: blur(var(--g-blur)) saturate(160%);
  position: relative; transition: background .18s var(--g-ease);}
.btn-primary::after{display: none;}
.btn-primary:hover{background: linear-gradient(135deg, rgba(0,168,133,.98), rgba(12,142,119,.92));}
.demo{background: transparent; padding: 40px 0 80px;}
.demo .container{background: var(--g-indigo); border: 1px solid rgba(255,255,255,.22);
  border-radius: 28px; box-shadow: var(--g-shadow), var(--g-hi); padding: 56px 48px;}
.demo-form{background: var(--g-strong); border: var(--g-border); border-radius: 16px; padding: 28px; gap: 18px;}
.demo-form .ufield{color: var(--text-muted); font-size: 13px; gap: 6px;}
.demo-form .field-row{gap: 16px;}
.demo-form input, .demo-form select{height: 46px; padding: 0 14px; border-radius: 10px;
  background: #fff; border: 1px solid rgba(21,35,97,.14);
  color: var(--indigo-800); font-family: var(--font-sans); font-size: var(--fs-body);
  transition: border-color .15s ease;}
.demo-form select{appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23152361' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 12px center; background-size: 18px;}
.demo-form input::placeholder{color: rgba(21,35,97,.4);}
.demo-form input:focus, .demo-form select:focus{outline: 2px solid var(--green-500); outline-offset: 1px; border-color: var(--green-500);}
.footer{background: linear-gradient(160deg, #0D1740, #070E28); border-top: 1px solid rgba(255,255,255,.12);}
body[data-brand="glass"] .footer{padding: var(--space-80) 0 0;}
body[data-brand="glass"] .footer-grid{grid-template-columns: 1.6fr 1fr 1fr 1fr 1fr; gap: var(--space-48); align-items: start;}
body[data-brand="glass"] .footer-social{display: flex; gap: var(--space-12);}
body[data-brand="glass"] .footer-social a{width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); color: rgba(255,255,255,.82); transition: background-color .16s ease, color .16s ease, border-color .16s ease;}
body[data-brand="glass"] .footer-social svg{width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round;}
body[data-brand="glass"] .footer-social a:hover{background: var(--g-green); border-color: transparent; color: #fff;}
body[data-brand="glass"] .footer-col h4{font-family: var(--font-sans); font-weight: 600; font-size: var(--fs-body-sm); letter-spacing: var(--ls-wide); color: rgba(255,255,255,.55); margin-bottom: var(--space-16);}
body[data-brand="glass"] .footer-col a{display: block; padding: var(--space-8) 0; text-decoration: none; color: rgba(255,255,255,.82); font-size: var(--fs-body-sm); transition: color .14s ease;}
body[data-brand="glass"] .footer-col a:hover{color: #fff;}
body[data-brand="glass"] .footer-trust{margin-top: var(--space-64); border-top: 1px solid rgba(255,255,255,.12);}
body[data-brand="glass"] .footer-trust-inner{display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); flex-wrap: wrap; padding: var(--space-24) 0;}
body[data-brand="glass"] .footer-badges{display: flex; align-items: center; gap: var(--space-16); margin: 0;}
body[data-brand="glass"] .google-badge{display: inline-flex; align-items: center; gap: var(--space-8); background: #fff; border-radius: 999px; padding: 6px 12px;}
body[data-brand="glass"] .google-badge img:first-child{height: 16px;}
body[data-brand="glass"] .google-badge img:nth-child(2){height: 13px;}
body[data-brand="glass"] .google-badge small{color: #333; font-size: 12px; font-weight: 500;}
body[data-brand="glass"] .footer-store{display: flex; gap: var(--space-12);}
body[data-brand="glass"] .footer-store img{height: 34px;}
body[data-brand="glass"] .footer-bottom{background: transparent; margin-top: 0; padding: var(--space-24) 0 var(--space-40); border-top: 1px solid rgba(255,255,255,.12);}
body[data-brand="glass"] .footer-bottom::before{display: none;}
body[data-brand="glass"] .footer-bottom-inner{display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); flex-wrap: wrap;}
body[data-brand="glass"] .footer-bottom span{color: rgba(255,255,255,.55); font-size: var(--fs-caption);}
body[data-brand="glass"] .footer-legal{display: flex; gap: var(--space-24);}
body[data-brand="glass"] .footer-legal a{color: rgba(255,255,255,.55); font-size: var(--fs-caption); text-decoration: none; transition: color .14s ease;}
body[data-brand="glass"] .footer-legal a:hover{color: #fff;}
@media (max-width: 900px){
  body[data-brand="glass"] .footer-grid{grid-template-columns: 1fr 1fr; gap: var(--space-40);}
}
@media (max-width: 560px){
  body[data-brand="glass"] .footer-grid{grid-template-columns: 1fr;}
  body[data-brand="glass"] .footer-trust-inner, body[data-brand="glass"] .footer-bottom-inner{justify-content: flex-start;}
}
@supports not (backdrop-filter: blur(1px)){
  .nav, .demo-form{background: rgba(255,255,255,.94);}
}
.demo-logos{gap: 30px; flex-wrap: wrap;}
.logo-badge{width: auto; height: auto; background: none; border: none;
  border-radius: 0; box-shadow: none; padding: 0;
  -webkit-backdrop-filter: none; backdrop-filter: none;}
.logo-badge img{max-height: 24px; max-width: 92px;
  filter: brightness(0) invert(1); opacity: .6;
  transition: opacity .2s ease;}
.logo-badge:hover img{opacity: .95;}
body[data-brand="glass"] .stats-sec .btn-primary{background: #fff; color: var(--green-600); border-color: rgba(255,255,255,.7);}
body[data-brand="glass"] .stats-sec .btn-primary:hover{background: rgba(255,255,255,.9);}
@media (prefers-reduced-motion: reduce){
  .btn-primary{transition: none;}
  .logo-badge img{transition: none;}
}
body[data-brand="glass"] .demo-list li{line-height: 1.5;}
body[data-brand="glass"] .nav{z-index: 60;}
body[data-brand="glass"] .nav{overflow: visible;}
.nav-links{position: relative;}
.nav-item{position: relative; display: flex; align-items: center;}
.nav-link{display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--font-sans); font-weight: 500; font-size: 15px;
  color: var(--indigo-800); background: none; border: 0; cursor: pointer; padding: 0;}
.nav-link:hover, .nav-item.open .nav-link{color: var(--green-600);}
.nav-link .caret{transition: transform .2s ease;}
.nav-item.open .nav-link .caret{transform: rotate(180deg);}
.nav-mega{position: absolute; top: calc(100% + 30px); left: -14px;
  width: 680px; max-width: 92vw; padding: 20px;
  background: var(--g-strong); border: var(--g-border); border-radius: 22px;
  box-shadow: var(--g-shadow), var(--g-hi);
  -webkit-backdrop-filter: blur(var(--g-blur)) saturate(180%);
  backdrop-filter: blur(var(--g-blur)) saturate(180%);
  opacity: 0; pointer-events: none; transform: translateY(6px);
  transition: opacity .18s var(--g-ease), transform .18s var(--g-ease);
  z-index: 70;}
.nav-item.open .nav-mega{opacity: 1; pointer-events: auto; transform: translateY(0);}
.nav-mega::before{content: ""; position: absolute; top: -34px; left: 0; right: 0; height: 34px;}
.nav-mega-cols{display: flex; gap: 18px;}
.nav-mega-col{flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 6px;}
.nav-mega-label{font-family: var(--font-sans); font-size: 11.5px; font-weight: 700;
  letter-spacing: .03em; color: var(--slate-700); opacity: .72;
  margin: 2px 0 4px; padding: 0 14px;}
.nav-mega .nav-mega-card{display: flex; gap: 14px; align-items: flex-start; padding: 13px 14px; border-radius: 12px;
  transition: background .14s ease;}
.nav-mega .nav-mega-card:hover{background: rgba(0,168,133,.09);}
.nav-mega .nav-mega-links{list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1px;}
.nav-mega .nav-mega-links a{display: block; padding: 8px 12px; border-radius: 9px;
  font-family: var(--font-sans); font-size: 14px; font-weight: 500;
  color: var(--indigo-800); transition: background .14s ease;}
.nav-mega .nav-mega-links a:hover{background: rgba(0,168,133,.09); color: var(--green-600);}
.nmi{flex: none; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center; background: rgba(0,168,133,.12); margin-top: 1px;}
.nmi svg{width: 20px; height: 20px; fill: none; stroke: var(--green-600); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round;}
.nmt{display: block; min-width: 0;}
.nmt b{display: block; font-family: var(--font-sans); font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--indigo-800);}
.nmt small{display: block; font-size: 13px; line-height: 1.45; color: var(--slate-700); margin-top: 4px;}
.nav-mega .nav-mega-aside{flex: none; width: 200px; display: flex; flex-direction: column; align-items: stretch; gap: 0;
  padding: 14px; border-radius: 14px;
  background: rgba(0,168,133,.06); border: 1px solid rgba(0,168,133,.14);
  transition: background .14s ease;}
.nav-mega .nav-mega-aside:hover{background: rgba(0,168,133,.11);}
.nma-thumb{height: 92px; border-radius: 10px; margin-bottom: 12px; display: grid; place-items: center;
  background: linear-gradient(135deg, rgba(0,168,133,.92), rgba(72,180,255,.78));}
.nma-thumb svg{width: 30px; height: 30px; fill: none; stroke: #fff; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round;}
.nma-tag{font-family: var(--font-sans); font-size: 11px; font-weight: 700; letter-spacing: .03em; color: var(--green-600);}
.nav-mega-aside b{display: block; font-family: var(--font-sans); font-size: 14px; font-weight: 600; line-height: 1.3; color: var(--indigo-800); margin-top: 4px;}
.nav-mega-aside small{display: block; font-size: 12.5px; line-height: 1.4; color: var(--slate-700); margin-top: 5px;}
.nma-cta{font-family: var(--font-sans); font-size: 13px; font-weight: 600; color: var(--green-600); margin-top: auto; padding-top: 12px;}
@media (prefers-reduced-motion: reduce){
  .nav-mega, .nav-link .caret{transition: none;}
}
body[data-brand="glass"]{--sec-y: var(--space-section);}
body[data-brand="glass"] .demo{padding-top: var(--sec-y);
  padding-bottom: var(--sec-y);}
body[data-brand="glass"][data-audience="b2c"] .btn.aud-b2c, body[data-brand="glass"][data-audience="b2b"] .btn.aud-b2b{display: inline-flex;}

/* ---- from v7-chrome.css: 151 rules ---- */
.demo .container{background:linear-gradient(135deg,#152361,#0E1949) !important; border-color:rgba(255,255,255,.14) !important;}
.nav .nav-item{position: static !important;}
.nav-mega{left:0 !important; right:0 !important; width:auto !important; max-width:none !important; top:calc(100% + 16px) !important; padding:28px !important;}
.nav-mega-cols{gap:34px !important;}
.nav-mega-col{gap:4px !important;}
.nav .nav-links{position: static !important;}
.nav-burger{display:none;}
@media(max-width:1060px){
  .nav-inner{gap:16px;}
  .nav-lang, .nav-cta{display:none !important;}
  .nav-actions{gap:10px; margin-left:auto;}
  .nav-burger{display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:44px; height:44px; padding:0; border:0; background:transparent; cursor:pointer;}
  .nav-burger span{display:block; width:22px; height:2px; border-radius:2px; background:var(--indigo-800,#152361); transition:transform .3s var(--g-ease,ease), opacity .2s;}
  .nav.nav-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav.nav-open .nav-burger span:nth-child(2){opacity:0;}
  .nav.nav-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .nav .nav-links{display:block !important; position:fixed !important; top:0; right:0; bottom:0; left:auto; width:min(90vw,390px); transform:translateX(101%); transition:transform .34s cubic-bezier(.22,.68,.28,1), visibility .34s; visibility:hidden; background:#fff; box-shadow:-24px 0 60px -24px rgba(21,35,97,.45); padding:84px 20px 28px; overflow-y:auto; z-index:90;}
  .nav.nav-open .nav-links{transform:none !important; visibility:visible;}
  .nav-item{display:block; position:static; border-bottom:1px solid rgba(21,35,97,.08);}
  .nav-item .nav-link{display:flex; width:100%; justify-content:space-between; align-items:center; padding:15px 2px; font-size:16px;}
  .nav-mega{position:static; display:none; opacity:1; pointer-events:auto; transform:none; width:auto; max-width:none; padding:0 0 14px; background:none; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;}
  .nav-item.open .nav-mega{display:block;}
  .nav-mega::before{display:none;}
  .nav-mega-cols{flex-direction:column; gap:8px;}
  .nav-mega .nav-mega-card{padding:9px 8px;}
  .nav-mega-aside{display:none;}
  .nav-drawer-foot{display:flex; flex-direction:column; gap:14px; padding-top:22px;}
  .nav-drawer-cta{width:100%; text-align:center;}
  .nav-drawer-lang{color:var(--indigo-800,#152361); font-weight:600;}
  .nav-logo, .nav-actions{position:relative; z-index:95;}
  .nav .nav-links{padding-top:calc(var(--nav-h, 81px) + 12px);}
  .nav-backdrop{position:fixed; inset:0; background:rgba(6,16,38,.42); opacity:0; pointer-events:none; transition:opacity .3s; z-index:0;}
  .nav.nav-open .nav-backdrop{opacity:1; pointer-events:auto;}
  body.nav-locked{overflow:hidden;}
  .nav{position:sticky !important; top:0 !important; margin:0 !important;
    width:100% !important; max-width:none !important;
    border-radius:0 !important; border-left:0 !important; border-right:0 !important;
    border-top:0 !important; border-bottom:1px solid rgba(21,35,97,.08) !important;
    background:#fff !important; box-shadow:0 1px 12px -6px rgba(21,35,97,.28) !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;}
}
@media(min-width:1061px){
  .nav-drawer-foot{display:none;}
}
.nav-person{position:relative; display:inline-flex;}
.nav-person__btn{display:inline-flex; align-items:center; gap:8px; padding:10px 18px; cursor:pointer;
  border:1.5px solid var(--green-500,#00A885); border-radius:999px; background:#fff;
  color:var(--green-700,#0A6B57); font-family:var(--font-sans); font-size:14px; font-weight:700;
  line-height:1; white-space:nowrap;
  transition:background .2s, border-color .2s, color .2s, box-shadow .2s;}
.nav-person__btn:hover, .nav-person[data-open="true"] .nav-person__btn{background:rgba(0,168,133,.09); border-color:var(--green-600,#0C8E77);
  box-shadow:0 10px 22px -14px rgba(0,168,133,.9);}
.nav-person__btn .npb-user{width:18px; height:18px; flex:none; fill:none; stroke:currentColor;
  stroke-width:2; stroke-linecap:round;}
.nav-person__btn .npb-caret{width:14px; height:14px; flex:none; fill:none; stroke:currentColor;
  stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;
  transition:transform .2s var(--g-ease,ease);}
.nav-person[data-open="true"] .npb-caret{transform:rotate(180deg);}
.nav-person__btn:focus-visible{outline:2px solid var(--green-500,#00A885); outline-offset:2px;}
.nav .nav-link{white-space:nowrap;}
@media(min-width:1061px) and (max-width:1400px){
  .nav .nav-links{gap:20px !important;}
  .nav-actions{gap:14px !important;}
  .nav-person__btn{padding:10px 14px;}
}
.nav-person__menu{position:absolute; top:calc(100% + 12px); right:0; width:320px; padding:16px;
  background:#fff; border:1px solid rgba(21,35,97,.10); border-radius:18px;
  box-shadow:0 30px 60px -24px rgba(6,16,38,.42), 0 2px 8px -2px rgba(6,16,38,.12);
  opacity:0; visibility:hidden; transform:translateY(-6px); pointer-events:none;
  transition:opacity .2s ease, transform .2s ease, visibility .2s; z-index:120;}
.nav-person[data-open="true"] .nav-person__menu{opacity:1; visibility:visible; transform:none; pointer-events:auto;}
.npm-label{margin:0 0 8px; font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--slate-700,#5B6590);}
.npm-primary{display:flex; align-items:center; gap:11px; padding:11px 12px; border-radius:13px; text-decoration:none;
  background:var(--green-500,#00A885); color:#fff; margin-bottom:8px; transition:filter .2s;}
.npm-primary:hover{filter:brightness(1.06);}
.npm-primary--soft{background:rgba(0,168,133,.10); color:var(--indigo-800,#152361);}
.npm-primary--soft:hover{background:rgba(0,168,133,.17); filter:none;}
.npm-ico{flex:none; display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:rgba(255,255,255,.2);}
.npm-primary--soft .npm-ico{background:rgba(0,168,133,.15);}
.npm-ico svg{width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.npm-txt b{display:block; font-size:14px; font-weight:700; line-height:1.25;}
.npm-txt small{display:block; font-size:12px; opacity:.82; margin-top:1px;}
.npm-rule{border:0; border-top:1px solid rgba(21,35,97,.09); margin:14px 0 12px;}
.npm-link{display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:10px;
  font-size:14px; font-weight:600; color:var(--indigo-800,#152361); text-decoration:none; transition:background .18s, color .18s;}
.npm-link:hover{background:rgba(0,168,133,.09); color:var(--green-600,#0C8E77);}
.npm-link svg{width:17px; height:17px; flex:none; fill:none; stroke:var(--green-600,#0C8E77); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;}
@media(min-width:861px){
  .footer-grid{grid-template-columns:1.5fr repeat(5,minmax(0,1fr)) !important; gap:36px !important;}
}
@media(max-width:1180px) and (min-width:861px){
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important; row-gap:34px !important;}
}
.footer .footer-col--employees h4{color:var(--green-500,#00A885) !important;}
.cta-glow{position:relative; overflow:hidden; animation:ctaGlow 3.2s ease-in-out infinite;}
@keyframes ctaGlow{0%,100%{ box-shadow:0 0 0 0 rgba(0,168,133,.42), 0 10px 24px -12px rgba(0,168,133,.55); }
  50%    { box-shadow:0 0 0 7px rgba(0,168,133,0), 0 14px 30px -10px rgba(0,168,133,.85); }}
.cta-glow::before{content:""; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.45) 50%, transparent 62%);
  background-size:260% 100%; background-position:180% 0; transition:background-position .75s ease;
  pointer-events:none; z-index:1;}
.cta-glow:hover::before{background-position:-60% 0;}
.cta-glow > *{position:relative; z-index:2;}
@media(prefers-reduced-motion:reduce){
  .cta-glow{animation:none; box-shadow:0 10px 26px -12px rgba(0,168,133,.7);}
  .cta-glow::before{display:none;}
}
.lp3-impact__bar .btn-primary{background:#fff !important; color:#0E5FA0 !important; font-weight:700;}
.lp3-impact__bar .cta-glow::after{background:radial-gradient(closest-side, rgba(255,255,255,.75), rgba(255,255,255,0) 78%);}
.btn-demo{background:linear-gradient(180deg,#4FB6FF,#3BA5EE) !important; border-color:transparent !important;
  color:#08243F !important; font-weight:700 !important;
  box-shadow:0 14px 30px -14px rgba(46,155,238,.9) !important;}
.btn-demo:hover{filter:brightness(1.06);}
.nav-mega{background:#fff !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  border:1px solid rgba(21,35,97,.10) !important;
  box-shadow:0 34px 70px -30px rgba(6,16,38,.45), 0 2px 10px -3px rgba(6,16,38,.10) !important;}
.nav-mega .nav-mega-aside{justify-content:flex-start !important;}
.nma-cta{margin-top:14px !important; padding-top:0 !important; align-self:flex-start;}
.nav-mega .nav-mega-links a{display:flex !important; align-items:center; gap:10px;}
.nav-mega .nav-mega-links a:hover .nml-ico{opacity:1;}
.demo-info h2{font-size:clamp(2rem,3.4vw,3rem) !important; line-height:1.08 !important; letter-spacing:-.015em;}
.demo-info > p{color:rgba(255,255,255,.94) !important; font-size:1.0625rem !important; font-weight:500 !important; line-height:1.6 !important;}
.demo-list li{color:rgba(255,255,255,.94) !important; font-weight:500 !important; font-size:.9688rem !important; line-height:1.5 !important;}
.demo-trust p{color:rgba(255,255,255,.86) !important; font-weight:500 !important;}
.demo-form label, .demo-form .ufield{font-weight:600 !important;}
.demo-logos--colour{display:flex; flex-wrap:nowrap; align-items:center; gap:8px;}
.demo-logos--colour + .demo-logos--colour{margin-top:8px;}
.demo-logos--colour .logo-badge{background:#fff; border-radius:10px; padding:7px 10px;
  display:inline-flex; align-items:center; justify-content:center; flex:0 1 auto; min-width:0;}
.demo-logos--colour .logo-badge img{height:17px; width:auto; max-width:100%;
  filter:none !important; opacity:1 !important; object-fit:contain;}
@media(max-width:560px){
  .demo-logos--colour{flex-wrap:wrap;}
}
.phone-field{display:flex; gap:8px; align-items:stretch;}
.phone-field .phone-cc{flex:0 0 8.5rem;}
.phone-field input{flex:1 1 auto; min-width:0;}
@media(max-width:1060px){
  .nav-person{display:inline-flex !important;}
  .nav-person__menu{position:fixed; top:76px; left:12px; right:12px; width:auto;}
  .nav-cta{display:none !important;}
}
@media(max-width:430px){
  .nav-person__btn{padding:10px 12px;}
  .nav-person__btn .npb-label, .nav-person__btn .npb-caret{display:none;}
  .nav-person__btn{border-color:transparent; background:transparent; padding:8px;}
  .nav-person__btn:hover, .nav-person[data-open="true"] .nav-person__btn{border-color:transparent; background:rgba(0,168,133,.10); box-shadow:none;}
  .nav-person__btn .npb-user{width:26px; height:26px;
    fill:var(--green-500,#00A885); stroke:var(--green-500,#00A885); stroke-width:1.5;}
}
.demo-logos .logo-badge img{opacity:1 !important; filter:none !important;}
:root{--r-sm:12px; --r-md:16px; --r-lg:24px; --sh-1:0 1px 2px rgba(21,35,97,.04), 0 8px 20px -14px rgba(21,35,97,.20); --sh-2:0 18px 40px -28px rgba(6,16,38,.28); --line:1px solid rgba(21,35,97,.07);}
.lp3-impact__bar .btn-primary{background:#fff !important; color:#152361 !important;
  box-shadow:none !important;}
@keyframes ctaGlow{0%,100%{ box-shadow:0 0 0 0 rgba(0,168,133,.20), 0 6px 14px -8px rgba(0,168,133,.32); }
  50%    { box-shadow:0 0 0 4px rgba(0,168,133,0), 0 8px 18px -8px rgba(0,168,133,.46); }}
.cta-glow{animation-duration:4.2s;}
.cta-glow::before{display:none !important;}
.btn-demo{background:#3BA5EE !important; box-shadow:0 8px 18px -10px rgba(46,155,238,.55) !important;}
@media(prefers-reduced-motion:reduce){
  .cta-glow{animation:none;
  box-shadow:0 6px 14px -8px rgba(0,168,133,.4);}
}
.btn-primary:not(.btn-demo){background:linear-gradient(135deg,#00A885,#039C7C) !important;}
.btn-primary:not(.btn-demo):hover{background:linear-gradient(135deg,#00B58F,#00A17F) !important;}
.npm-primary{background:linear-gradient(135deg,#00A885,#039C7C) !important;}
.demo .container{border-radius:var(--r-lg) !important;}
.lp3-impact__actions .btn-primary, .lp3-impact__actions .btn-primary:hover{color:#fff !important;}
.demo-info h2{max-width:16ch; margin-bottom:14px !important;}
.demo-info .demo-meta{margin:0 0 26px !important; max-width:38ch;
  color:rgba(255,255,255,.8) !important; font-size:15.5px !important;
  font-weight:500 !important; line-height:1.55 !important;}
.demo-list{margin-bottom:30px !important; gap:14px !important;}
.demo-list li{align-items:center;}
.demo-trust p{font-size:13.5px !important; margin-bottom:14px !important;
  color:rgba(255,255,255,.72) !important;}
.demo-grid{align-items:stretch !important;}
.demo-info{display:flex; flex-direction:column; padding:4px 0;}
.demo-info .demo-trust{margin-top:auto;}
@media(max-width:900px){
  .demo-info{padding:0;}
}
.demo-grid > *{min-width:0;}
.demo-info{min-width:0;}
@media(max-width:900px){
  .demo-grid{grid-template-columns:minmax(0,1fr) !important;}
  .demo-logos--colour{flex-wrap:wrap;}
}
@media(max-width:560px){
  .hero-actions .hero-cta .btn{flex:1 1 auto; justify-content:center; text-align:center;}
}
html[data-green="brand"] .btn-primary:not(.btn-demo), html[data-green="brand"] .npm-primary{background:#00A885 !important;}
html[data-green="brand"] .btn-primary:hover{background:#00987A !important;}
html[data-green="brand"] .btn-demo{background:#3BA5EE !important;}
html[data-green="brand"] .btn-demo:hover{background:#3BA5EE !important;}
html[data-green="brand"] .npm-primary--soft{background:rgba(0,168,133,.10) !important;
  color:var(--indigo-800,#152361) !important;}
html[data-green="brand"] .cta-glow{animation:none !important;
  box-shadow:0 6px 16px -8px rgba(0,168,133,.45) !important;}
.gt-dot{width:13px; height:13px; border-radius:50%; flex:none;
  background:linear-gradient(135deg,#00A885,#0C8E77);}
html[data-green="brand"] .gt-dot{background:#00A885;}
.lp3-impact__bar .btn-primary, html[data-green="brand"] .lp3-impact__bar .btn-primary{background:#3BA5EE !important; background-image:none !important; color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 8px 18px -10px rgba(46,155,238,.55) !important;}
.lp3-impact__bar .btn-primary:hover, html[data-green="brand"] .lp3-impact__bar .btn-primary:hover{background:#3BA5EE !important; background-image:none !important; color:#fff !important;}
.demo-logos--colour{display:flex !important; flex-wrap:nowrap !important;
  align-items:center !important; gap:10px !important;}
.demo-logos--colour + .demo-logos--colour{margin-top:10px !important;}
.demo-logos--colour .logo-badge{width:48px !important; height:48px !important;
  border-radius:50% !important; background:#fff !important; padding:9px !important;
  display:grid !important; place-items:center !important; flex:0 0 auto !important;}
.demo-logos--colour .logo-badge img{height:auto !important; max-height:18px !important;
  max-width:30px !important; width:auto !important;
  filter:none !important; opacity:1 !important; object-fit:contain !important;}
.btn-demo, .btn-demo:hover, html[data-green="brand"] .btn-demo{color:#fff !important;}
.demo-employee{margin:14px 0 0 !important; font-size:13.5px; line-height:1.5;
  color:var(--text-muted,#5B6590); max-width:46ch;}
.demo-employee a{color:#3BA5EE; font-weight:600; text-decoration:underline;
  text-underline-offset:2px;}
.demo-employee a:hover{text-decoration:none;}
.ufield--phone{display:flex; flex-direction:column; gap:8px;}
.ufield__lab{font-size:13px; font-weight:600; color:inherit;}
.phone-field{display:flex; gap:10px; align-items:stretch;}
.phone-field .ccpick{position:relative; flex:0 0 auto;}
.phone-field input[type=tel]{flex:1 1 auto; min-width:0;}
@media(max-width:900px){
  .demo-form{background:none !important; border:0 !important; padding:0 !important;
    box-shadow:none !important; -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;}
  .demo-form .ufield, .demo-form .ufield__lab{color:#fff !important;}
  .demo-employee{color:rgba(255,255,255,.82) !important;}
  .demo-employee a{color:#8ECBFF !important;}
  .demo-form input, .demo-form select{width:100%; box-sizing:border-box;}
  .demo-logos--colour{gap:8px !important;}
  .demo-logos--colour .logo-badge{width:44px !important; height:44px !important;}
}
@media(max-width:430px){
  .demo-form .field-row{grid-template-columns:1fr 1fr !important; gap:12px !important;}
  .phone-field{gap:8px;}
}
.demo-info .demo-meta{margin-top:16px !important;}
.lp3-impact__bar .btn-primary, html[data-green="brand"] .lp3-impact__bar .btn-primary{background:var(--green-500,#00A885) !important; background-image:none !important;
  color:#fff !important; border-color:transparent !important;
  box-shadow:0 8px 18px -10px rgba(0,168,133,.55) !important;}
.lp3-impact__bar .btn-primary:hover, html[data-green="brand"] .lp3-impact__bar .btn-primary:hover{background:var(--green-600,#0C8E77) !important; background-image:none !important;}
.btn-demo, html[data-green="brand"] .btn-demo{background:var(--green-500,#00A885) !important; background-image:none !important;
  color:#fff !important; border-color:transparent !important;
  box-shadow:0 8px 18px -10px rgba(0,168,133,.55) !important;}
.btn-demo:hover, html[data-green="brand"] .btn-demo:hover{background:var(--green-600,#0C8E77) !important; background-image:none !important;}
.demo-trust{margin-top:22px !important;}
.demo-trust p{margin:0 0 18px !important;}
.demo-logos--colour{gap:14px !important;}
.demo-logos--colour + .demo-logos--colour{margin-top:14px !important;}
.demo-logos--colour .logo-badge{width:78px !important; height:78px !important;
  padding:6px !important;}
.demo-logos--colour .logo-badge img{max-height:none !important; max-width:none !important;
  width:100% !important; height:100% !important; object-fit:contain !important;}
@media(max-width:900px){
  .demo-logos--colour{gap:10px !important;}
  .demo-logos--colour + .demo-logos--colour{margin-top:10px !important;}
  .demo-logos--colour .logo-badge{width:58px !important; height:58px !important;
    padding:5px !important;}
}
@media(max-width:430px){
  .demo-logos--colour .logo-badge{width:52px !important; height:52px !important;
    padding:4px !important;}
}
.demo{padding-top:44px !important;}
:root{--ou-navy:#152361; --ou-navy-2:#0E1949; --ou-slate:#5B6590; --ou-skin:#FFF8ED; --on-navy-strong:#FFFFFF; --on-navy-body:rgba(255,255,255,.85); --on-navy-quiet:rgba(255,255,255,.65);}
.demo-eyebrow, .demo-info > .demo-meta, .demo-list li, html body[data-brand="glass"] .footer .footer-col a{color:var(--on-navy-body) !important;}
.demo-trust p, .footer .footer-col h4, .footer .footer-bottom-inner > span, html body[data-brand="glass"] .footer .footer-legal a{color:var(--on-navy-quiet) !important;}
html body[data-brand="glass"] .footer .footer-col a:hover, html body[data-brand="glass"] .footer .footer-legal a:hover{color:var(--on-navy-strong) !important;}
.demo .container{background:linear-gradient(135deg,var(--ou-navy),var(--ou-navy-2)) !important;}
.footer{background:linear-gradient(200deg,var(--ou-navy),var(--ou-navy-2)) !important;}
.nav-lang{font-size:15px !important; font-weight:500 !important; gap:5px !important;}
.nav-lang .caret{width:14px !important; height:14px !important;}
.nav-person__btn{gap:6px !important; padding:10px 13px !important;}
.nav-person__btn .npb-user{width:17px !important; height:17px !important;}
.nav-person__btn .npb-caret{width:13px !important; height:13px !important;}
.npm-label{text-transform:none !important; letter-spacing:.345px !important;}
@media(max-width:430px){
  .nav-person__btn .npb-label{display:inline !important; font-size:13px;}
  .nav-person__btn .npb-caret{display:none !important;}
  .nav-person__btn{padding:8px 12px !important; gap:6px !important;
    border-color:var(--green-500,#00A885) !important; background:#fff !important;}
  .nav-person__btn .npb-user{width:17px !important; height:17px !important;
    fill:none !important; stroke:var(--green-500,#00A885) !important; stroke-width:2 !important;}
  .nav-inner{gap:10px !important;}
}
@media(max-width:1060px){
  .nav .nav-links{padding-left:22px !important; padding-right:22px !important;}
  .nav-drawer-foot{padding-top:20px !important;}
  .nav-drawer-cta, .nav-drawer-cta:hover{color:#fff !important;}
}
.nav-person__btn{font-size:15px !important; font-weight:600 !important;}
.demo-employee{margin-top:0 !important;}
@media(max-width:1060px){
  .nav.nav-open{position:fixed !important; top:0 !important;
    left:0 !important; right:0 !important; width:100% !important;}
}
@media(max-width:560px){
  .nav .nav-links{width:100% !important; max-width:none !important;
    border-radius:0 !important; box-shadow:none !important;}
  .nav-item .nav-link{min-height:52px !important; padding:14px 2px !important;}
  .nav-mega .nav-mega-card{min-height:48px; align-items:center;}
  .nav-drawer-cta{min-height:50px; display:grid; place-items:center;}
  .nav-drawer-lang{min-height:44px; display:flex; align-items:center;}
}
@media(max-width:1060px){
  .nav-mega{background:none !important; border:0 !important; border-radius:0 !important;
    box-shadow:none !important; padding:2px 0 12px !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;}
  .nav-mega::before{display:none !important;}
  .nav-mega-cols{gap:0 !important;}
  .nav-mega-col{min-width:0 !important;}
  .nav-mega-label{padding:0 !important; margin:14px 0 4px !important;}
  .nav-mega-col:first-child .nav-mega-label{margin-top:4px !important;}
  .nav-mega .nav-mega-card{width:100% !important; padding:11px 0 !important; border-radius:0 !important;
    background:none !important; box-shadow:none !important;}
  .nav-mega .nav-mega-card:active{background:rgba(21,35,97,.04) !important;}
  .nav-mega-links li a{padding:11px 0 !important;}
  .nav-mega-aside{display:block !important; width:100% !important; margin-top:16px !important;
    padding:16px 0 0 !important;
    border:0 !important; border-top:1px solid rgba(21,35,97,.10) !important;
    background:none !important; border-radius:0 !important; box-shadow:none !important;}
  .nav-mega-aside .nma-thumb{display:none !important;}
}

/* ---- from index-inline.css: 230 rules ---- */
.demo .container{background:linear-gradient(135deg,#152361,#0E1949) !important; border-color:rgba(255,255,255,.14) !important;}
.nav .nav-item{position: static !important;}
.nav-mega{left:0 !important; right:0 !important; width:auto !important; max-width:none !important; top:calc(100% + 16px) !important; padding:28px !important;}
.nav-mega-cols{gap:34px !important;}
.nav-mega-col{gap:4px !important;}
.nav .nav-links{position: static !important;}
.nav-burger{display:none;}
@media(max-width:1060px){
  .nav-inner{gap:16px;}
  .nav-lang, .nav-cta{display:none !important;}
  .nav-actions{gap:10px; margin-left:auto;}
  .nav-burger{display:inline-flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; width:44px; height:44px; padding:0; border:0; background:transparent; cursor:pointer;}
  .nav-burger span{display:block; width:22px; height:2px; border-radius:2px; background:var(--indigo-800,#152361); transition:transform .3s var(--g-ease,ease), opacity .2s;}
  .nav.nav-open .nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .nav.nav-open .nav-burger span:nth-child(2){opacity:0;}
  .nav.nav-open .nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  .nav .nav-links{display:block !important; position:fixed !important; top:0; right:0; bottom:0; left:auto; width:min(90vw,390px); transform:translateX(101%); transition:transform .34s cubic-bezier(.22,.68,.28,1), visibility .34s; visibility:hidden; background:#fff; box-shadow:-24px 0 60px -24px rgba(21,35,97,.45); padding:84px 20px 28px; overflow-y:auto; z-index:90;}
  .nav.nav-open .nav-links{transform:none !important; visibility:visible;}
  .nav-item{display:block; position:static; border-bottom:1px solid rgba(21,35,97,.08);}
  .nav-item .nav-link{display:flex; width:100%; justify-content:space-between; align-items:center; padding:15px 2px; font-size:16px;}
  .nav-mega{position:static; display:none; opacity:1; pointer-events:auto; transform:none; width:auto; max-width:none; padding:0 0 14px; background:none; border:0; box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;}
  .nav-item.open .nav-mega{display:block;}
  .nav-mega::before{display:none;}
  .nav-mega-cols{flex-direction:column; gap:8px;}
  .nav-mega .nav-mega-card{padding:9px 8px;}
  .nav-mega-aside{display:none;}
  .nav-drawer-foot{display:flex; flex-direction:column; gap:14px; padding-top:22px;}
  .nav-drawer-cta{width:100%; text-align:center;}
  .nav-drawer-lang{color:var(--indigo-800,#152361); font-weight:600;}
  .nav-logo, .nav-actions{position:relative; z-index:95;}
  .nav .nav-links{padding-top:calc(var(--nav-h, 81px) + 12px);}
  .nav-backdrop{position:fixed; inset:0; background:rgba(6,16,38,.42); opacity:0; pointer-events:none; transition:opacity .3s; z-index:0;}
  .nav.nav-open .nav-backdrop{opacity:1; pointer-events:auto;}
  body.nav-locked{overflow:hidden;}
  .nav{position:sticky !important; top:0 !important; margin:0 !important;
    width:100% !important; max-width:none !important;
    border-radius:0 !important; border-left:0 !important; border-right:0 !important;
    border-top:0 !important; border-bottom:1px solid rgba(21,35,97,.08) !important;
    background:#fff !important; box-shadow:0 1px 12px -6px rgba(21,35,97,.28) !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;}
}
@media(min-width:1061px){
  .nav-drawer-foot{display:none;}
}
.nav-person{position:relative; display:inline-flex;}
.nav-person__btn{display:inline-flex; align-items:center; gap:8px; padding:10px 18px; cursor:pointer;
  border:1.5px solid var(--green-500,#00A885); border-radius:999px; background:#fff;
  color:var(--green-700,#0A6B57); font-family:var(--font-sans); font-size:14px; font-weight:700;
  line-height:1; white-space:nowrap;
  transition:background .2s, border-color .2s, color .2s, box-shadow .2s;}
.nav-person__btn:hover, .nav-person[data-open="true"] .nav-person__btn{background:rgba(0,168,133,.09); border-color:var(--green-600,#0C8E77);
  box-shadow:0 10px 22px -14px rgba(0,168,133,.9);}
.nav-person__btn .npb-user{width:18px; height:18px; flex:none; fill:none; stroke:currentColor;
  stroke-width:2; stroke-linecap:round;}
.nav-person__btn .npb-caret{width:14px; height:14px; flex:none; fill:none; stroke:currentColor;
  stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;
  transition:transform .2s var(--g-ease,ease);}
.nav-person[data-open="true"] .npb-caret{transform:rotate(180deg);}
.nav-person__btn:focus-visible{outline:2px solid var(--green-500,#00A885); outline-offset:2px;}
.nav .nav-link{white-space:nowrap;}
@media(min-width:1061px) and (max-width:1400px){
  .nav .nav-links{gap:20px !important;}
  .nav-actions{gap:14px !important;}
  .nav-person__btn{padding:10px 14px;}
}
.nav-person__menu{position:absolute; top:calc(100% + 12px); right:0; width:320px; padding:16px;
  background:#fff; border:1px solid rgba(21,35,97,.10); border-radius:18px;
  box-shadow:0 30px 60px -24px rgba(6,16,38,.42), 0 2px 8px -2px rgba(6,16,38,.12);
  opacity:0; visibility:hidden; transform:translateY(-6px); pointer-events:none;
  transition:opacity .2s ease, transform .2s ease, visibility .2s; z-index:120;}
.nav-person[data-open="true"] .nav-person__menu{opacity:1; visibility:visible; transform:none; pointer-events:auto;}
.npm-label{margin:0 0 8px; font-size:11.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; color:var(--slate-700,#5B6590);}
.npm-primary{display:flex; align-items:center; gap:11px; padding:11px 12px; border-radius:13px; text-decoration:none;
  background:var(--green-500,#00A885); color:#fff; margin-bottom:8px; transition:filter .2s;}
.npm-primary:hover{filter:brightness(1.06);}
.npm-primary--soft{background:rgba(0,168,133,.10); color:var(--indigo-800,#152361);}
.npm-primary--soft:hover{background:rgba(0,168,133,.17); filter:none;}
.npm-ico{flex:none; display:grid; place-items:center; width:32px; height:32px; border-radius:9px; background:rgba(255,255,255,.2);}
.npm-primary--soft .npm-ico{background:rgba(0,168,133,.15);}
.npm-ico svg{width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.npm-txt b{display:block; font-size:14px; font-weight:700; line-height:1.25;}
.npm-txt small{display:block; font-size:12px; opacity:.82; margin-top:1px;}
.npm-rule{border:0; border-top:1px solid rgba(21,35,97,.09); margin:14px 0 12px;}
.npm-link{display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:10px;
  font-size:14px; font-weight:600; color:var(--indigo-800,#152361); text-decoration:none; transition:background .18s, color .18s;}
.npm-link:hover{background:rgba(0,168,133,.09); color:var(--green-600,#0C8E77);}
.npm-link svg{width:17px; height:17px; flex:none; fill:none; stroke:var(--green-600,#0C8E77); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;}
@media(min-width:861px){
  .footer-grid{grid-template-columns:1.5fr repeat(5,minmax(0,1fr)) !important; gap:36px !important;}
}
@media(max-width:1180px) and (min-width:861px){
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important; row-gap:34px !important;}
}
.footer .footer-col--employees h4{color:var(--green-500,#00A885) !important;}
.cta-glow{position:relative; overflow:hidden; animation:ctaGlow 3.2s ease-in-out infinite;}
@keyframes ctaGlow{0%,100%{ box-shadow:0 0 0 0 rgba(0,168,133,.42), 0 10px 24px -12px rgba(0,168,133,.55); }
  50%    { box-shadow:0 0 0 7px rgba(0,168,133,0), 0 14px 30px -10px rgba(0,168,133,.85); }}
.cta-glow::before{content:""; position:absolute; inset:0; border-radius:inherit;
  background:linear-gradient(105deg, transparent 38%, rgba(255,255,255,.45) 50%, transparent 62%);
  background-size:260% 100%; background-position:180% 0; transition:background-position .75s ease;
  pointer-events:none; z-index:1;}
.cta-glow:hover::before{background-position:-60% 0;}
.cta-glow > *{position:relative; z-index:2;}
@media(prefers-reduced-motion:reduce){
  .cta-glow{animation:none; box-shadow:0 10px 26px -12px rgba(0,168,133,.7);}
  .cta-glow::before{display:none;}
}
.lp3-impact__bar .btn-primary{background:#fff !important; color:#0E5FA0 !important; font-weight:700;}
.lp3-impact__bar .cta-glow::after{background:radial-gradient(closest-side, rgba(255,255,255,.75), rgba(255,255,255,0) 78%);}
.btn-demo{background:linear-gradient(180deg,#4FB6FF,#3BA5EE) !important; border-color:transparent !important;
  color:#08243F !important; font-weight:700 !important;
  box-shadow:0 14px 30px -14px rgba(46,155,238,.9) !important;}
.btn-demo:hover{filter:brightness(1.06);}
.nav-mega{background:#fff !important; -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
  border:1px solid rgba(21,35,97,.10) !important;
  box-shadow:0 34px 70px -30px rgba(6,16,38,.45), 0 2px 10px -3px rgba(6,16,38,.10) !important;}
.nav-mega .nav-mega-aside{justify-content:flex-start !important;}
.nma-cta{margin-top:14px !important; padding-top:0 !important; align-self:flex-start;}
.demo-info h2{font-size:clamp(2rem,3.4vw,3rem) !important; line-height:1.08 !important; letter-spacing:-.015em;}
.demo-info > p{color:rgba(255,255,255,.94) !important; font-size:1.0625rem !important; font-weight:500 !important; line-height:1.6 !important;}
.demo-list li{color:rgba(255,255,255,.94) !important; font-weight:500 !important; font-size:.9688rem !important; line-height:1.5 !important;}
.demo-trust p{color:rgba(255,255,255,.86) !important; font-weight:500 !important;}
.demo-form label, .demo-form .ufield{font-weight:600 !important;}
.demo-logos--colour{display:flex; flex-wrap:nowrap; align-items:center; gap:8px;}
.demo-logos--colour + .demo-logos--colour{margin-top:8px;}
.demo-logos--colour .logo-badge{background:#fff; border-radius:10px; padding:7px 10px;
  display:inline-flex; align-items:center; justify-content:center; flex:0 1 auto; min-width:0;}
.demo-logos--colour .logo-badge img{height:17px; width:auto; max-width:100%;
  filter:none !important; opacity:1 !important; object-fit:contain;}
@media(max-width:560px){
  .demo-logos--colour{flex-wrap:wrap;}
}
.phone-field{display:flex; gap:8px; align-items:stretch;}
.phone-field .phone-cc{flex:0 0 8.5rem;}
.phone-field input{flex:1 1 auto; min-width:0;}
@media(max-width:1060px){
  .nav-person{display:inline-flex !important;}
  .nav-person__menu{position:fixed; top:76px; left:12px; right:12px; width:auto;}
  .nav-cta{display:none !important;}
}
@media(max-width:430px){
  .nav-person__btn{padding:10px 12px;}
  .nav-person__btn .npb-label, .nav-person__btn .npb-caret{display:none;}
  .nav-person__btn{border-color:transparent; background:transparent; padding:8px;}
  .nav-person__btn:hover, .nav-person[data-open="true"] .nav-person__btn{border-color:transparent; background:rgba(0,168,133,.10); box-shadow:none;}
  .nav-person__btn .npb-user{width:26px; height:26px;
    fill:var(--green-500,#00A885); stroke:var(--green-500,#00A885); stroke-width:1.5;}
}
.demo-logos .logo-badge img{opacity:1 !important; filter:none !important;}
:root{--r-sm:12px; --r-md:16px; --r-lg:24px; --sh-1:0 1px 2px rgba(21,35,97,.04), 0 8px 20px -14px rgba(21,35,97,.20); --sh-2:0 18px 40px -28px rgba(6,16,38,.28); --line:1px solid rgba(21,35,97,.07);}
.lp3-impact__bar .btn-primary{background:#fff !important; color:#152361 !important;
  box-shadow:none !important;}
@keyframes ctaGlow{0%,100%{ box-shadow:0 0 0 0 rgba(0,168,133,.20), 0 6px 14px -8px rgba(0,168,133,.32); }
  50%    { box-shadow:0 0 0 4px rgba(0,168,133,0), 0 8px 18px -8px rgba(0,168,133,.46); }}
.cta-glow{animation-duration:4.2s;}
.cta-glow::before{display:none !important;}
.btn-demo{background:#3BA5EE !important; box-shadow:0 8px 18px -10px rgba(46,155,238,.55) !important;}
@media(prefers-reduced-motion:reduce){
  .cta-glow{animation:none;
  box-shadow:0 6px 14px -8px rgba(0,168,133,.4);}
}
.btn-primary:not(.btn-demo){background:linear-gradient(135deg,#00A885,#039C7C) !important;}
.btn-primary:not(.btn-demo):hover{background:linear-gradient(135deg,#00B58F,#00A17F) !important;}
.npm-primary{background:linear-gradient(135deg,#00A885,#039C7C) !important;}
.demo .container{border-radius:var(--r-lg) !important;}
.lp3-impact__actions .btn-primary, .lp3-impact__actions .btn-primary:hover{color:#fff !important;}
.demo-info h2{max-width:16ch; margin-bottom:14px !important;}
.demo-info .demo-meta{margin:0 0 26px !important; max-width:38ch;
  color:rgba(255,255,255,.8) !important; font-size:15.5px !important;
  font-weight:500 !important; line-height:1.55 !important;}
.demo-list{margin-bottom:30px !important; gap:14px !important;}
.demo-list li{align-items:center;}
.demo-trust p{font-size:13.5px !important; margin-bottom:14px !important;
  color:rgba(255,255,255,.72) !important;}
.demo-grid{align-items:stretch !important;}
.demo-info{display:flex; flex-direction:column; padding:4px 0;}
.demo-info .demo-trust{margin-top:auto;}
@media(max-width:900px){
  .demo-info{padding:0;}
}
.demo-grid > *{min-width:0;}
.demo-info{min-width:0;}
@media(max-width:900px){
  .demo-grid{grid-template-columns:minmax(0,1fr) !important;}
  .demo-logos--colour{flex-wrap:wrap;}
}
@media(max-width:560px){
  .hero-actions .hero-cta .btn{flex:1 1 auto; justify-content:center; text-align:center;}
}
html[data-green="brand"] .btn-primary:not(.btn-demo), html[data-green="brand"] .npm-primary{background:#00A885 !important;}
html[data-green="brand"] .btn-primary:hover{background:#00987A !important;}
html[data-green="brand"] .btn-demo{background:#3BA5EE !important;}
html[data-green="brand"] .btn-demo:hover{background:#3BA5EE !important;}
html[data-green="brand"] .npm-primary--soft{background:rgba(0,168,133,.10) !important;
  color:var(--indigo-800,#152361) !important;}
html[data-green="brand"] .cta-glow{animation:none !important;
  box-shadow:0 6px 16px -8px rgba(0,168,133,.45) !important;}
.gt-dot{width:13px; height:13px; border-radius:50%; flex:none;
  background:linear-gradient(135deg,#00A885,#0C8E77);}
html[data-green="brand"] .gt-dot{background:#00A885;}
.lp3-impact__bar .btn-primary, html[data-green="brand"] .lp3-impact__bar .btn-primary{background:#3BA5EE !important; background-image:none !important; color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 8px 18px -10px rgba(46,155,238,.55) !important;}
.lp3-impact__bar .btn-primary:hover, html[data-green="brand"] .lp3-impact__bar .btn-primary:hover{background:#3BA5EE !important; background-image:none !important; color:#fff !important;}
.demo-logos--colour{display:flex !important; flex-wrap:nowrap !important;
  align-items:center !important; gap:10px !important;}
.demo-logos--colour + .demo-logos--colour{margin-top:10px !important;}
.demo-logos--colour .logo-badge{width:48px !important; height:48px !important;
  border-radius:50% !important; background:#fff !important; padding:9px !important;
  display:grid !important; place-items:center !important; flex:0 0 auto !important;}
.demo-logos--colour .logo-badge img{height:auto !important; max-height:18px !important;
  max-width:30px !important; width:auto !important;
  filter:none !important; opacity:1 !important; object-fit:contain !important;}
.btn-demo, .btn-demo:hover, html[data-green="brand"] .btn-demo{color:#fff !important;}
.demo-employee{margin:14px 0 0 !important; font-size:13.5px; line-height:1.5;
  color:var(--text-muted,#5B6590); max-width:46ch;}
.demo-employee a{color:#3BA5EE; font-weight:600; text-decoration:underline;
  text-underline-offset:2px;}
.demo-employee a:hover{text-decoration:none;}
.ufield--phone{display:flex; flex-direction:column; gap:8px;}
.ufield__lab{font-size:13px; font-weight:600; color:inherit;}
.phone-field{display:flex; gap:10px; align-items:stretch;}
.phone-field .ccpick{position:relative; flex:0 0 auto;}
.phone-field input[type=tel]{flex:1 1 auto; min-width:0;}
@media(max-width:900px){
  .demo-form{background:none !important; border:0 !important; padding:0 !important;
    box-shadow:none !important; -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;}
  .demo-form .ufield, .demo-form .ufield__lab{color:#fff !important;}
  .demo-employee{color:rgba(255,255,255,.82) !important;}
  .demo-employee a{color:#8ECBFF !important;}
  .demo-form input, .demo-form select{width:100%; box-sizing:border-box;}
  .demo-logos--colour{gap:8px !important;}
  .demo-logos--colour .logo-badge{width:44px !important; height:44px !important;}
}
@media(max-width:430px){
  .demo-form .field-row{grid-template-columns:1fr 1fr !important; gap:12px !important;}
  .phone-field{gap:8px;}
}
.demo-info .demo-meta{margin-top:16px !important;}
.lp3-impact__bar .btn-primary, html[data-green="brand"] .lp3-impact__bar .btn-primary{background:var(--green-500,#00A885) !important; background-image:none !important;
  color:#fff !important; border-color:transparent !important;
  box-shadow:0 8px 18px -10px rgba(0,168,133,.55) !important;}
.lp3-impact__bar .btn-primary:hover, html[data-green="brand"] .lp3-impact__bar .btn-primary:hover{background:var(--green-600,#0C8E77) !important; background-image:none !important;}
.btn-demo, html[data-green="brand"] .btn-demo{background:var(--green-500,#00A885) !important; background-image:none !important;
  color:#fff !important; border-color:transparent !important;
  box-shadow:0 8px 18px -10px rgba(0,168,133,.55) !important;}
.btn-demo:hover, html[data-green="brand"] .btn-demo:hover{background:var(--green-600,#0C8E77) !important; background-image:none !important;}
.demo-trust{margin-top:22px !important;}
.demo-trust p{margin:0 0 18px !important;}
.demo-logos--colour{gap:14px !important;}
.demo-logos--colour + .demo-logos--colour{margin-top:14px !important;}
.demo-logos--colour .logo-badge{width:78px !important; height:78px !important;
  padding:6px !important;}
.demo-logos--colour .logo-badge img{max-height:none !important; max-width:none !important;
  width:100% !important; height:100% !important; object-fit:contain !important;}
@media(max-width:900px){
  .demo-logos--colour{gap:10px !important;}
  .demo-logos--colour + .demo-logos--colour{margin-top:10px !important;}
  .demo-logos--colour .logo-badge{width:58px !important; height:58px !important;
    padding:5px !important;}
}
@media(max-width:430px){
  .demo-logos--colour .logo-badge{width:52px !important; height:52px !important;
    padding:4px !important;}
}
.demo{padding-top:44px !important;}
:root{--ou-navy:#152361; --ou-navy-2:#0E1949; --ou-slate:#5B6590; --ou-skin:#FFF8ED; --on-navy-strong:#FFFFFF; --on-navy-body:rgba(255,255,255,.85); --on-navy-quiet:rgba(255,255,255,.65);}
.demo-eyebrow, .demo-info > .demo-meta, .demo-list li, html body[data-brand="glass"] .footer .footer-col a{color:var(--on-navy-body) !important;}
.demo-trust p, .footer .footer-col h4, .footer .footer-bottom-inner > span, html body[data-brand="glass"] .footer .footer-legal a{color:var(--on-navy-quiet) !important;}
html body[data-brand="glass"] .footer .footer-col a:hover, html body[data-brand="glass"] .footer .footer-legal a:hover{color:var(--on-navy-strong) !important;}
.demo .container{background:linear-gradient(135deg,var(--ou-navy),var(--ou-navy-2)) !important;}
.footer{background:linear-gradient(200deg,var(--ou-navy),var(--ou-navy-2)) !important;}
.nav-lang{font-size:15px !important; font-weight:500 !important; gap:5px !important;}
.nav-lang .caret{width:14px !important; height:14px !important;}
.nav-person__btn{gap:6px !important; padding:10px 13px !important;}
.nav-person__btn .npb-user{width:17px !important; height:17px !important;}
.nav-person__btn .npb-caret{width:13px !important; height:13px !important;}
.npm-label{text-transform:none !important; letter-spacing:.345px !important;}
@media(max-width:430px){
  .nav-person__btn .npb-label{display:inline !important; font-size:13px;}
  .nav-person__btn .npb-caret{display:none !important;}
  .nav-person__btn{padding:8px 12px !important; gap:6px !important;
    border-color:var(--green-500,#00A885) !important; background:#fff !important;}
  .nav-person__btn .npb-user{width:17px !important; height:17px !important;
    fill:none !important; stroke:var(--green-500,#00A885) !important; stroke-width:2 !important;}
  .nav-inner{gap:10px !important;}
}
@media(max-width:1060px){
  .nav .nav-links{padding-left:22px !important; padding-right:22px !important;}
  .nav-drawer-foot{padding-top:20px !important;}
  .nav-drawer-cta, .nav-drawer-cta:hover{color:#fff !important;}
}
.nav-person__btn{font-size:15px !important; font-weight:600 !important;}
.demo-employee{margin-top:0 !important;}
@media(max-width:1060px){
  .nav.nav-open{position:fixed !important; top:0 !important;
    left:0 !important; right:0 !important; width:100% !important;}
}
@media(max-width:560px){
  .nav .nav-links{width:100% !important; max-width:none !important;
    border-radius:0 !important; box-shadow:none !important;}
  .nav-item .nav-link{min-height:52px !important; padding:14px 2px !important;}
  .nav-mega .nav-mega-card{min-height:48px; align-items:center;}
  .nav-drawer-cta{min-height:50px; display:grid; place-items:center;}
  .nav-drawer-lang{min-height:44px; display:flex; align-items:center;}
}
@media(max-width:1060px){
  .nav-mega{background:none !important; border:0 !important; border-radius:0 !important;
    box-shadow:none !important; padding:2px 0 12px !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;}
  .nav-mega::before{display:none !important;}
  .nav-mega-cols{gap:0 !important;}
  .nav-mega-col{min-width:0 !important;}
  .nav-mega-label{padding:0 !important; margin:14px 0 4px !important;}
  .nav-mega-col:first-child .nav-mega-label{margin-top:4px !important;}
  .nav-mega .nav-mega-card{width:100% !important; padding:11px 0 !important; border-radius:0 !important;
    background:none !important; box-shadow:none !important;}
  .nav-mega .nav-mega-card:active{background:rgba(21,35,97,.04) !important;}
  .nav-mega-links li a{padding:11px 0 !important;}
  .nav-mega-aside{display:block !important; width:100% !important; margin-top:16px !important;
    padding:16px 0 0 !important;
    border:0 !important; border-top:1px solid rgba(21,35,97,.10) !important;
    background:none !important; border-radius:0 !important; box-shadow:none !important;}
  .nav-mega-aside .nma-thumb{display:none !important;}
}
@media(min-width:1061px){
  .nav{transition:background-color .2s ease, box-shadow .2s ease;}
  body.is-scrolled .nav{background:rgba(255,255,255,.80) !important;
    box-shadow:0 10px 30px -18px rgba(6,16,38,.45),
               inset 0 1px 0 rgba(255,255,255,.6) !important;}
}
.demo-logowall{background:#fff; border-radius:14px; padding:16px 20px; display:grid; gap:14px;}
.demo-logowall .demo-logos{gap:14px !important; justify-content:space-between; align-items:center;}
.demo-logowall .demo-logos--colour .logo-badge{background:none !important; border-radius:0 !important;
  width:auto !important; height:44px !important; padding:0 !important;
  display:grid !important; place-items:center; flex:1 1 0; min-width:0;}
.demo-logowall .demo-logos--colour .logo-badge img{max-height:44px !important; max-width:100% !important;
  width:auto !important; height:auto !important; object-fit:contain !important;}
html[data-copy="reworked"] .nav-plain:hover{color:var(--green-600,#0C8E77);}
html[data-copy="reworked"] .nav-person__btn:hover, html[data-copy="reworked"] .nav-person[data-open="true"] .nav-person__btn{box-shadow:none;}
html[data-copy="reworked"] .nav-cta.cta-glow{animation:none !important; box-shadow:none !important;}
html[data-copy="reworked"] .nav-cta.cta-glow::before{display:none;}
html[data-copy="reworked"] .nav-mega .nav-mega-links a{font-weight:600 !important; border-radius:12px !important;}
html[data-copy="reworked"] .demo-logowall{background:none !important; border-radius:0 !important;
  padding:0 !important; gap:20px !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos{gap:18px !important; justify-content:space-between !important; align-items:center !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos--colour .logo-badge{flex:1 1 0 !important; min-width:0 !important; height:auto !important;
  background:none !important; padding:0 !important;
  display:grid !important; place-items:center !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(1) .logo-badge:nth-child(1){flex-grow:6.316 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(1) .logo-badge:nth-child(2){flex-grow:1.55 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(1) .logo-badge:nth-child(3){flex-grow:5.791 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(1) .logo-badge:nth-child(4){flex-grow:2.892 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(1) .logo-badge:nth-child(5){flex-grow:5.793 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(2) .logo-badge:nth-child(1){flex-grow:4.04 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(2) .logo-badge:nth-child(2){flex-grow:2.533 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(2) .logo-badge:nth-child(3){flex-grow:7.261 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(2) .logo-badge:nth-child(4){flex-grow:2.479 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(2) .logo-badge:nth-child(5){flex-grow:5.392 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos--colour .logo-badge img{height:20.2px !important; width:auto !important;
  max-height:none !important; max-width:none !important; object-fit:contain !important;
  
  filter:brightness(0) invert(1) !important; opacity:.72 !important;
  transition:opacity .18s ease;}
html[data-copy="reworked"] .demo-logowall .logo-badge:hover img{opacity:1 !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(2) .logo-badge img{height:20.8px !important;}
html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(1) .logo-badge:nth-child(2) img{height:27px !important;}
html[data-copy="reworked"] .demo-privacy{display:block !important;}
html[data-copy="reworked"] body[data-brand="glass"] .demo-employee, html[data-copy="reworked"] body[data-brand="glass"] .demo-privacy{font-size:13px !important; line-height:1.5 !important;
  color:rgba(21,35,97,.66) !important;}
html[data-copy="reworked"] body[data-brand="glass"] .demo-employee{margin:-6px 0 0 !important;}
html[data-copy="reworked"] body[data-brand="glass"] .demo-privacy{margin:-8px 0 0 !important;}
html[data-copy="reworked"] body[data-brand="glass"] .demo-employee a, html[data-copy="reworked"] body[data-brand="glass"] .demo-privacy a{color:var(--indigo-800,#152361) !important; font-weight:400 !important;
  text-decoration:underline !important;}
@media(min-width:1061px){
  html[data-copy="reworked"] body[data-brand="glass"] .nav, html[data-copy="reworked"] body[data-brand="glass"].is-scrolled .nav{background:rgba(255,255,255,.80) !important;
    backdrop-filter:blur(22px) saturate(1) !important;
    -webkit-backdrop-filter:blur(22px) saturate(1) !important;}
}
html[data-copy="reworked"] .footer > .footer-grid, html[data-copy="reworked"] .footer > .footer-trust, html[data-copy="reworked"] .footer > .footer-bottom{display:none !important;}
html[data-copy="reworked"] .footer > .footer-v2{display:block !important;}
html[data-copy="reworked"] .footer-v2 .footer-col ul{list-style:none !important; margin:0 !important; padding:0 !important;
  display:grid; gap:10px;}
html[data-copy="reworked"] .footer-v2 .footer-col h4{font-size:14px !important; margin:0 0 14px !important;}
html[data-copy="reworked"] .footer-v2 .footer-col a, html[data-copy="reworked"] .footer-v2 .footer-bottom-inner span, html[data-copy="reworked"] .footer-v2 .footer-legal a, html[data-copy="reworked"] .footer-v2 .google-badge small{font-size:14px !important; line-height:1.35 !important;}
html[data-copy="reworked"] .footer-v2 .footer-logo--mark{display:block; line-height:0; font-size:0;}
html[data-copy="reworked"] .footer-v2 .footer-logo--mark img{width:172px; height:auto; display:block;}
html[data-copy="reworked"] .footer-v2 .footer-social{margin-top:0 !important; display:flex; gap:10px;}
html[data-copy="reworked"] .footer-v2 .footer-social a{display:inline-flex; align-items:center; justify-content:center;
  
  border:0 !important; background:none !important; padding:0 !important;
  width:auto !important; height:auto !important;
  opacity:.8; transition:opacity .18s ease;}
html[data-copy="reworked"] .footer-v2 .footer-social a:hover{opacity:1;}
html[data-copy="reworked"] .footer-v2 .footer-social img{display:block;}
html[data-copy="reworked"] .footer-v2 .footer-social .fs-instagram{width:24px; height:24px;}
html[data-copy="reworked"] .footer-v2 .footer-social .fs-linkedin{width:24px; height:24px;}
html[data-copy="reworked"] .footer-v2 .footer-social .fs-spotify{width:25px; height:25px;}
html[data-copy="reworked"] .footer-v2 .footer-social .fs-youtube{width:28px; height:28px;}
html[data-copy="reworked"] .footer-v2 .google-badge{background:rgba(255,255,255,.8) !important; border:0 !important;
  border-radius:999px !important; padding:5px 12px !important; gap:8px !important;
  color:var(--indigo-800,#152361) !important; opacity:1;
  text-decoration:none; transition:background .18s ease;}
html[data-copy="reworked"] .footer-v2 .google-badge:hover{background:#fff !important;}
html[data-copy="reworked"] .footer-v2 .google-badge small{color:var(--indigo-800,#152361) !important;}
html[data-copy="reworked"] .footer-v2 .cookie-prefs{background:none; border:0; padding:0; margin:0; cursor:pointer;
  font:inherit; font-size:14px;
  
  color:rgba(255,255,255,.65); text-decoration:none;}
html[data-copy="reworked"] .footer-v2 .cookie-prefs:hover{color:#fff;}
html[data-copy="reworked"] .footer-v2 .google-badge img:first-of-type{width:40px !important; height:auto !important;}
html[data-copy="reworked"] .footer-v2 .google-badge img:last-of-type{width:46px !important; height:auto !important;}
html[data-copy="reworked"] .footer-v2 .footer-store{display:flex; gap:12px; align-items:center;}
html[data-copy="reworked"] .footer-v2 .footer-store a{display:inline-flex; align-items:center; transition:opacity .18s ease;}
html[data-copy="reworked"] .footer-v2 .footer-store a:hover{opacity:.82;}
html[data-copy="reworked"] .footer-v2 .footer-store img{height:44px !important; width:auto !important; display:block;}
html[data-copy="reworked"] .footer-v2 .footer-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;}
html[data-copy="reworked"] .footer-v2 .footer-badges{display:flex; align-items:center; gap:22px;}
html[data-copy="reworked"] .footer-v2 .footer-trust-inner{padding-left:24px !important; padding-right:24px !important;}
html[data-copy="reworked"] .footer-v2 .footer-grid{gap:28px !important;}
html[data-copy="reworked"] .footer-v2 .footer-bottom{padding:20px 0 28px !important;}
html[data-copy="reworked"] body[data-brand="glass"] .demo-eyebrow{font-size:14px !important; font-weight:600 !important;
  letter-spacing:normal !important; margin-bottom:8px !important;}
html[data-copy="reworked"] body[data-brand="glass"] .demo{padding-top:58px !important; padding-bottom:58px !important;}
html[data-copy="reworked"] body[data-brand="glass"] .demo h2{font-size:clamp(1.75rem,2.72vw,2.44rem) !important; margin-bottom:0 !important;}
@media(max-width:860px){
  html[data-copy="reworked"] .footer-v2 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:34px 24px !important;}
  html[data-copy="reworked"] .footer-v2 .footer-col{min-width:0;}
  html[data-copy="reworked"] .footer-v2 .footer-col h4{margin-bottom:10px !important;}
  html[data-copy="reworked"] .footer-v2 .footer-trust-inner, html[data-copy="reworked"] .footer-v2 .footer-bottom-inner{flex-direction:column !important; align-items:flex-start !important;
    justify-content:flex-start !important; gap:18px !important;}
  html[data-copy="reworked"] .footer-v2 .footer-badges, html[data-copy="reworked"] .footer-v2 .footer-store{flex-wrap:wrap !important; gap:14px !important;}
  html[data-copy="reworked"] .footer-v2 .footer-legal{flex-wrap:wrap !important; gap:8px 18px !important;}
}
@media(max-width:560px){
  html[data-copy="reworked"] .footer-v2 .footer-grid{grid-template-columns:minmax(0,1fr) !important; gap:30px !important;}
}
@media(max-width:900px){
  html[data-copy="reworked"] body[data-brand="glass"] .demo-employee, html[data-copy="reworked"] body[data-brand="glass"] .demo-privacy{color:rgba(255,255,255,.82) !important;}
  html[data-copy="reworked"] body[data-brand="glass"] .demo-employee a, html[data-copy="reworked"] body[data-brand="glass"] .demo-privacy a{color:#8ECBFF !important;}
}
@media(max-width:900px){
  .demo-form .field-row{align-items:end !important;}
}
@media(max-width:620px){
  .demo-form .field-row--wide{grid-template-columns:minmax(0,1fr) !important;}
}
@media(max-width:760px){
  html[data-copy="reworked"] .demo-logowall{display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(58px,1fr)) !important;
    gap:20px 12px !important; align-items:center !important; justify-items:center !important;}
  html[data-copy="reworked"] .demo-logowall .demo-logos{display:contents !important;}
  html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(n) .logo-badge:nth-child(n){flex:none !important; width:100% !important; height:auto !important;
    min-width:0 !important; display:grid !important; place-items:center !important;}
  html[data-copy="reworked"] .demo-logowall .demo-logos:nth-child(n) .logo-badge:nth-child(n) img{height:auto !important; width:auto !important;
    max-width:100% !important; max-height:20px !important;}
}
html[data-cta="blue"] body[data-brand] .btn-primary, html[data-cta="blue"] body[data-brand] .btn-primary.btn-demo, html[data-cta="blue"] body[data-brand] .nav-cta, html[data-cta="blue"] body[data-brand] .nav-drawer-cta, html[data-cta="blue"] body[data-brand] .lp3-impact__bar .btn-primary{background:#48B4FF !important; background-image:none !important;
  color:#fff !important; border-color:transparent !important;
  box-shadow:0 8px 18px -10px rgba(72,180,255,.55) !important;}
html[data-cta="blue"] body[data-brand] .btn-primary:hover, html[data-cta="blue"] body[data-brand] .btn-primary.btn-demo:hover, html[data-cta="blue"] body[data-brand] .nav-cta:hover, html[data-cta="blue"] body[data-brand] .nav-drawer-cta:hover, html[data-cta="blue"] body[data-brand] .lp3-impact__bar .btn-primary:hover{background:#3BA5EE !important; background-image:none !important;}
html[data-cta="blue"] body[data-brand] .cta-glow{animation:none !important;
  box-shadow:0 6px 16px -8px rgba(72,180,255,.55) !important;}
html[data-cta="blue"] body[data-brand] .cta-glow::before{display:none !important;}
html[data-cta="blue"] body[data-brand] .nav-person__btn{color:var(--indigo-800,#152361) !important;}
@media(min-width:431px){
  html[data-cta="blue"] body[data-brand] .nav-person__btn{border-color:rgba(21,35,97,.22) !important; background:#fff !important;}
  html[data-cta="blue"] body[data-brand] .nav-person__btn:hover, html[data-cta="blue"] body[data-brand] .nav-person[data-open="true"] .nav-person__btn{border-color:rgba(21,35,97,.34) !important;}
}
html[data-cta="blue"] body[data-brand] .nav-person__btn:hover, html[data-cta="blue"] body[data-brand] .nav-person[data-open="true"] .nav-person__btn{background:rgba(21,35,97,.05) !important; box-shadow:none !important;}
html[data-cta="blue"] body[data-brand] .nav-person__btn:focus-visible{outline-color:#48B4FF !important;}

/* ---- language switcher: white rounded panel under the language code, same type as the main
   nav links (15px/500), current language first in green with a check (Paula, 4 Sep) ---- */
.nav-item--lang{position:relative;}
.nav-link.nav-lang{display:inline-flex; align-items:center; gap:6px; font-size:15px !important; font-weight:500 !important; text-transform:uppercase; letter-spacing:.02em;}
.nav-lang__menu{left:auto !important; right:0 !important; width:200px !important; min-width:0 !important;
  padding:8px 0 !important; display:flex; flex-direction:column; border-radius:30px !important;
  background:#fff !important; box-shadow:0 11px 38px 9px rgba(0,0,0,.1) !important; border:0 !important; transform:translateY(6px);}
.nav-lang__opt{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 22px;
  font-size:15px; font-weight:500; line-height:22px; color:var(--indigo-800,#152361); text-decoration:none; border-radius:0;}
.nav-lang__opt:hover, .nav-lang__opt:focus-visible{color:var(--green-600,#0C8E77); background:transparent;}
.nav-lang__opt[aria-current="true"]{order:-1; color:var(--green-600,#0C8E77); font-weight:600; background:transparent;}
.nav-lang__check{width:20px; height:20px; flex:none; display:none; color:var(--green-600,#0C8E77);}
.nav-lang__opt[aria-current="true"] .nav-lang__check{display:block;}
@media (max-width: 960px){
  .nav-item--lang{display:none !important;}
}
/* drawer footer: the four languages as a row (replaces the single "Language: EN" link) */
.nav-drawer-lang{display:flex; align-items:center; gap:6px; flex-wrap:wrap; font-size:14px; color:var(--indigo-800,#152361);}
.nav-drawer-lang__label{margin-right:4px; font-weight:600;}
.nav-drawer-lang a{padding:6px 10px; border-radius:999px; font-weight:600; color:var(--indigo-800,#152361); text-decoration:none; border:1px solid rgba(21,35,97,.12);}
.nav-drawer-lang a[aria-current="true"]{background:var(--indigo-800,#152361); color:#fff; border-color:transparent;}
/* ---- language switcher: anchor the panel under the EN button (was anchored to the nav bar's right edge) */
.nav .nav-item--lang { position: relative !important; }
.nav .nav-lang__menu { left: 0 !important; right: auto !important; top: calc(100% + 10px) !important; }
/* the v7 homepage ships body-level nav tweaks (.nav .nav-item{position:static} and a full-width,
   28px-padded .nav-mega) that come after this sheet in the cascade: outrank them so the language
   panel sits under its trigger on the homepage too, not at the left edge of the bar */
.nav .nav-actions .nav-item--lang { position: relative !important; }
.nav .nav-actions .nav-lang__menu { left: 0 !important; right: auto !important; top: calc(100% + 10px) !important; width: 200px !important; max-width: none !important; padding: 8px 0 !important; }
/* ---- My OpenUp menu: the soft "Create your account" tile stays mint (a later .npm-primary background rule was overriding it) */
.nav .npm-primary--soft { background: rgba(0,168,133,.1) !important; color: #152361 !important; }
.nav .npm-primary--soft .npm-ico { background: rgba(0,168,133,.15) !important; color: #152361 !important; }
.nav .npm-primary--soft .npm-txt, .nav .npm-primary--soft b, .nav .npm-primary--soft small { color: #152361 !important; }