/* Designer-supplied Whiteglove.SI wordmarks used throughout the site and product scenes. */
.si-wordmark-label{display:inline-flex;align-items:center;min-width:0;max-width:100%}
.si-brand-wordmark{display:block;width:auto;height:1.35em;max-width:100%;object-fit:contain;object-position:left center}
.si-wordmark-label .si-brand-wordmark{height:1.25em}
.si-wordmark-label.si-wordmark-stack{flex-direction:column;align-items:flex-start}
.si-brand-mark{display:block;width:100%;height:100%;object-fit:contain}
.si-icon-shell{overflow:hidden;border-radius:6px}
.si-brand-wordmark[hidden],.si-brand-mark[hidden],.si-name-fallback[hidden],.si-initial-fallback[hidden]{display:none!important}
.f-nav .brand img,.f-footer .brand img{height:auto}
.ap-workspace-brand .si-brand-wordmark,.ap-topbar .si-brand-wordmark{height:13px}
.ap-user.si-icon-shell,.ap-mark.si-icon-shell{padding:0;background:transparent}
.ft-brand-assets .si-brand-wordmark{height:17px}
.ft-brand-assets .si-brand-mark{width:32px;height:32px}
.ft-brand-screen .ft-brand-assets:has(.si-brand-wordmark){grid-template-columns:minmax(80px,auto) 1fr}
.si-implementation-brand{display:inline-flex;align-items:center}
.si-implementation-brand .si-brand-wordmark{height:18px}
.nt-brand-mark .si-brand-wordmark{height:14px}
.nt-brand-mark:has(.si-brand-wordmark){width:auto;padding:0;background:none}
@media(max-width:640px){.ft-brand-assets .si-brand-wordmark{height:15px}.ap-workspace-brand .si-brand-wordmark,.ap-topbar .si-brand-wordmark{height:11px}}

/* The new identity uses a deep-green / light-green contrast across the public site. */
:root{--brand-deep:#0e2c2e;--brand-action:#117957;--brand-mark:#22ac78;--brand-lime:#88e789;--brand-mist:#e1f7e2}
.si-icon-shell:has(.si-brand-mark:not([hidden])){background:transparent!important}
.foundation-page .button{background:var(--brand-action);color:#fff}
.foundation-page .button:hover{background:#0e654a}
.foundation-page .f-nav{background:#fff}
.foundation-page .f-footer{background:#fff;border-top:1px solid #d5dfdb}

/* Editorial planes carry the brand colors; software panes stay readable. */
.foundation-page .f-hero{background:radial-gradient(circle at 82% 21%,#88e789 0,transparent 41%),linear-gradient(126deg,#fff 17%,#edf5f1 100%)}
.si-home-problem{background:var(--brand-lime);border-color:var(--brand-lime)}
.si-home-problem-copy :is(p,small){color:var(--brand-deep)}
.si-reach{background:linear-gradient(160deg,#fff 35%,#edf5f1 100%)}
.f-brand-section{background:var(--brand-deep)}
.f-brand-intro h2 span{color:var(--brand-lime)}

.f-close{background:var(--brand-lime);color:var(--brand-deep)}
.f-close p{color:var(--brand-deep)}

.feature-tour-page .ft-hero{max-width:none;padding-inline:max(5%,calc((100vw - 1300px)/2));background:linear-gradient(117deg,#fff 18%,#edf5f1 100%)}
.feature-tour-page .ft-platform-map{background:var(--brand-deep)}
.feature-tour-page .ft-brand-section{background:var(--brand-deep)}
.feature-tour-page .ft-brand-section .ft-lead-heading h2 span{color:var(--brand-lime)}
.feature-tour-page .ft-lead .ft-deep-link{color:var(--brand-lime)}
.feature-tour-page .ft-lead .ft-deep-link:focus-visible{outline-color:var(--brand-lime)}
.feature-tour-page .ft-flagship .ft-brand-dates .ft-client-date{color:#fff}
.feature-tour-page .ft-directory{background:#dbf6df}
.feature-tour-page .ft-stage{background:radial-gradient(circle at 14% 6%,#fff 0,transparent 31%),radial-gradient(circle at 86% 84%,#a8c7bf 0,transparent 39%),linear-gradient(132deg,#f5f8f7,#dce8e5 48%,#9fbeb6)}

.public-sector-page .ps-hero{background:radial-gradient(circle at 82% 20%,#dce8e5 0,transparent 42%),linear-gradient(140deg,#fff,#edf5f1)}
.public-sector-page .ps-connected{background:#dbf6df}
.public-sector-page .ps-close{background:var(--brand-deep)}
.public-sector-page .ps-close .button{background:var(--brand-lime);color:var(--brand-deep)}
.small-business-page .sb-hero{background:linear-gradient(140deg,#fff 14%,#edf5f1 75%,#dce8e5 125%)}
.small-business-page .sb-brand{background:var(--brand-lime)}
.small-business-page .sb-close{background:var(--brand-deep)}
.small-business-page .sb-close .button{background:var(--brand-lime);color:var(--brand-deep)}

.governance-page .gv-hero{background:var(--brand-deep);color:#f7f5f0}
.governance-page .gv-hero h1 em{color:var(--brand-lime)}
.governance-page .gv-hero>div:first-child>p{color:#e1f7e2}
.governance-page .gv-hero .gv-kicker,.governance-page .gv-hero .gv-link{color:var(--brand-lime)}
.governance-page .gv-hero>div:first-child>small{color:var(--brand-lime)}
.governance-page .gv-hero-art:before{background:radial-gradient(circle at 18% 12%,#88e789,transparent 37%),radial-gradient(circle at 88% 85%,#22ac78,transparent 44%),#143a35}
.governance-page .gv-data{background:#dbf6df}
.governance-page .gv-close{background:var(--brand-deep)}
.governance-page .gv-close .button{background:var(--brand-lime);color:var(--brand-deep)}
.implementation-page .im-hero{background:radial-gradient(circle at 86% 20%,#b8cfca 0,transparent 38%),linear-gradient(145deg,#fff,#edf5f1)}
.implementation-page .im-integrations{background:var(--brand-deep)}
.implementation-page .im-close{background:var(--brand-lime)}
.implementation-page .im-close p{color:var(--brand-deep)}

.problem-hero{background:var(--brand-deep);border-radius:20px;color:#f7f5f0}
.problem-hero .problem-hero-copy>p{color:#e1f7e2}
.problem-hero .problem-hero-copy .button{background:var(--brand-lime);color:var(--brand-deep)}
.problem-hero .problem-kicker{color:var(--brand-lime)}
.problem-hero .problem-visual-apps strong{color:var(--brand-deep)}
.problem-close{background:var(--brand-lime)}
.pricing-page .price-hero{background:radial-gradient(circle at 85% 12%,#dce8e5 0,transparent 42%),linear-gradient(140deg,#fff,#edf5f1)}
.pricing-page .price-hero-art{background:linear-gradient(145deg,#dce8e5,#a8c7bf)}
.pricing-page .price-card-featured{background:var(--brand-deep);border-color:var(--brand-deep)}
.pricing-page .price-card-featured .price-card-cta{background:var(--brand-lime);color:var(--brand-deep)}
.pricing-page .price-unlimited{background:#dbf6df}
.pricing-page .price-stack{background:#dbf6df}
.pricing-page .price-extra{background:var(--brand-deep)}
.contact-page{background:linear-gradient(180deg,#edf5f1 0,#fff 700px)}

@media(max-width:760px){
  .feature-tour-page .ft-hero{padding-inline:22px}
  .problem-hero{border-radius:16px}
  .foundation-page .f-hero{background:linear-gradient(155deg,#fff 30%,#edf5f1 100%)}
}

/* Keep the shared footer to one navigation row and one contact/legal row. */
.foundation-page .f-footer-top nav{max-width:530px;gap:12px 26px}
.foundation-page .f-footer>.f-footer-bottom{margin-top:37px}
.f-footer-contact{display:flex;align-items:center;gap:19px}
.foundation-page .f-footer-contact .concierge-link{border:0;background:transparent;padding:0;min-height:0;color:var(--brand-action);font-size:0.9375rem;font-weight:700;box-shadow:none}
.foundation-page .f-footer-contact .concierge-link:hover{background:transparent;color:var(--brand-deep);transform:none;text-decoration:underline}
.foundation-page .f-footer-contact a[href^="tel:"]{color:var(--brand-action);font-size:0.9375rem;font-weight:700;white-space:nowrap}
html[data-site-theme="dark"] .foundation-page .f-footer-contact :is(.concierge-link,a[href^="tel:"]){color:var(--brand-lime)}
@media(max-width:760px){
  .foundation-page .f-footer-top nav{display:flex;gap:12px 20px}
  .foundation-page .f-footer>.f-footer-bottom{align-items:start;gap:15px}
  .f-footer-contact{flex-wrap:wrap;gap:15px}
}

.public-sector-page .ps-procurement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;gap:7vw;padding:95px max(5vw,24px);background:#e1f7e2;color:var(--brand-deep)}
.ps-procurement-intro{max-width:650px}
.ps-procurement-intro .ps-section-kicker{color:var(--brand-action)}
.ps-procurement-intro h2{font-size:clamp(40px,4.7vw,68px);line-height:1.06;letter-spacing:-.045em;margin:20px 0}
.ps-procurement-intro p{font-size:1.0625rem;line-height:1.7;max-width:570px;color:#315c50}
.ps-procurement-links{border-top:1px solid #a5c5b1}
.ps-procurement-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5px;border-bottom:1px solid #a5c5b1;color:var(--brand-deep)}
.ps-procurement-links a:hover{color:var(--brand-action)}
.ps-procurement-links strong,.ps-procurement-links small{display:block}
.ps-procurement-links strong{font-size:1.125rem}
.ps-procurement-links small{font-size:0.9375rem;font-weight:500;color:#4f7163;margin-top:3px}
.ps-procurement-links b{font-size:1.25rem;font-weight:400}
@media(max-width:760px){
  .public-sector-page .ps-procurement{grid-template-columns:1fr;gap:25px;padding:70px 22px}
  .ps-procurement-intro h2{font-size:2.5rem}
}

/* The interactive brand preview should read like an invitation, not an app settings screenshot. */
.f-brand-section{padding:clamp(64px,7vw,108px) 4% 42px}
.f-brand-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:clamp(30px,6vw,90px);margin-bottom:42px}
.f-brand-intro h2{grid-row:auto;font-size:clamp(42px,4.5vw,68px);line-height:1.08;max-width:16ch}
.f-brand-eyebrow,.f-brand-preview-head>div>span,.f-brand-settings-head>span{display:block;font:700 0.8125rem/1.2 'Public Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase}
.f-brand-eyebrow{color:var(--brand-lime);margin-bottom:18px}
.f-brand-intro-copy{padding-bottom:5px}
.f-brand-intro-copy p{max-width:43ch;margin:0 0 22px;color:#e1eee6;font-size:clamp(16px,1.35vw,19px);line-height:1.6}
.f-brand-lab{grid-template-columns:minmax(285px,345px) minmax(0,1fr);gap:18px;align-items:stretch}
.f-brand-settings{display:flex;flex-direction:column;gap:0;align-self:start;position:sticky;top:24px;padding:28px;background:#f8fbf8;color:#15352c;border:1px solid #b7d8c2;border-radius:22px;box-shadow:0 24px 55px -40px #0009}
.f-brand-settings-head{padding-bottom:23px;border-bottom:1px solid #dce9df}
.f-brand-settings-head>span{color:#357b58}
.f-brand-settings-head h3{font:650 1.6875rem/1.15 'Public Sans',sans-serif;letter-spacing:-.04em;margin:10px 0 8px}
.f-brand-settings-head p{font-size:0.9375rem;line-height:1.55;color:#516b60;margin:0}
.f-brand-control{padding:24px 0;border-bottom:1px solid #dce9df}
.f-brand-control label,.f-brand-control legend{display:flex;align-items:flex-start;gap:12px;width:100%;margin:0;padding:0;font-size:0.9375rem;line-height:1.35}
.f-brand-control label>span:last-child,.f-brand-control legend>span:last-child{display:grid;gap:4px}
.f-brand-control strong{font-size:0.9375rem;font-weight:750;color:#15352c}
.f-brand-control small{font-size:0.875rem;color:#63786e;line-height:1.5}
.f-brand-step{display:grid;place-items:center;width:27px;height:27px;flex:none;border-radius:50%;background:#dcf3df;color:#176d45;font-size:0.875rem;font-weight:800}
.f-brand-settings .f-brand-control input{margin:16px 0 0;width:100%;min-height:50px;padding:12px 14px;background:#fff;color:#14362c;border:1px solid #adcbb7;border-radius:10px;font-size:0.9375rem;box-shadow:0 2px 8px #113b2410}
.f-brand-settings .f-brand-control input::placeholder{color:#75877e;opacity:1}
.f-brand-settings .f-brand-control input:focus-visible{outline:3px solid #89dc91;outline-offset:2px;border-color:#176d45}
.f-brand-settings .f-brand-control fieldset{margin:0;padding:0;border:0;min-width:0}
.f-brand-control legend{margin-bottom:17px}
.f-brand-control .f-swatches{display:flex;gap:7px;align-items:stretch}
.f-brand-control .f-swatches button{display:grid;justify-items:center;align-content:center;gap:7px;width:auto;height:auto;min-width:68px;padding:9px 7px 7px;border:1px solid transparent;border-radius:12px;background:transparent;color:#355b49;font-size:0.875rem;font-weight:700;line-height:1.2}
.f-brand-control .f-swatches button:hover,.f-brand-control .f-swatches button[aria-pressed=true]{background:#e8f5eb;border-color:#86b996;outline:none}
.f-swatch-dot{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0002}
.f-swatch-dot svg{width:17px;height:17px;stroke:#fff;stroke-width:2.5;fill:none}
.f-brand-control .f-swatches button[aria-pressed=false] svg{visibility:hidden}
.f-brand-settings-foot{padding-top:24px}
.f-brand-settings-foot>p{margin:0 0 10px;color:#526d60;font-size:0.875rem;line-height:1.5;min-height:34px}
.f-brand-settings-foot>p::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#39a869;vertical-align:1px}
.f-brand-settings-foot button{padding:0;background:none;border:0;color:#176d45;font-size:0.875rem;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.f-brand-settings-foot button:hover{color:#0b432b}
.f-brand-preview{min-width:0;padding:18px;background:#d7ead9;border:1px solid #9bc8a4;border-radius:22px;box-shadow:0 24px 55px -40px #0009}
.f-brand-preview-head{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:8px 9px 18px;color:#14372c}
.f-brand-preview-head>div>span{color:#32754e}
.f-brand-preview-head h3{font:650 clamp(1.3125rem,2vw,28px)/1.2 'Public Sans',sans-serif;letter-spacing:-.035em;margin:6px 0 0}
.f-brand-preview-head p{margin:0;color:#4b6e58;font-size:0.875rem;font-weight:700;text-align:right}
.f-brand-preview .f-brand-surfaces{gap:14px}
.f-brand-preview .f-brand-surfaces>section{border-radius:12px;box-shadow:0 12px 25px -18px #12382399}
.f-brand-preview .f-brand-assistant{margin-top:30px}
.f-brand-preview .f-brand-workspace{margin-top:-4px}
.f-brand-note{text-align:left;margin-top:18px;color:#c9dfd0;font-size:0.875rem}
@media(max-width:1050px){.f-brand-lab{grid-template-columns:285px minmax(0,1fr);gap:14px}.f-brand-settings{padding:20px}.f-brand-preview .f-brand-surfaces{grid-template-columns:1fr 1fr;gap:10px}.f-brand-preview-head{display:block}.f-brand-preview-head p{text-align:left;margin-top:7px}.f-brand-preview .f-brand-surfaces header{padding:11px;font-size:0.875rem}}
@media(max-width:800px){.f-brand-intro{display:block}.f-brand-intro h2{max-width:20ch}.f-brand-intro-copy{margin-top:20px}.f-brand-lab{grid-template-columns:1fr}.f-brand-settings{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;position:static}.f-brand-settings-head,.f-brand-settings-foot{grid-column:1/-1}.f-brand-control{border-bottom:0}.f-brand-preview .f-brand-surfaces{grid-template-columns:1.2fr 1fr}}
@media(max-width:640px){.f-brand-section{padding:56px 20px 34px}.f-brand-intro{margin-bottom:25px}.f-brand-intro h2{font-size:clamp(36px,9vw,48px);max-width:13ch}.f-brand-intro-copy p{font-size:1rem}.f-brand-settings{display:block;padding:21px}.f-brand-control{padding:21px 0;border-bottom:1px solid #dce9df}.f-brand-settings-foot{padding-top:18px}.f-brand-preview{padding:12px}.f-brand-preview-head{padding:8px 7px 15px}.f-brand-preview .f-brand-surfaces{grid-template-columns:1fr;gap:12px}.f-brand-preview .f-brand-assistant,.f-brand-preview .f-brand-workspace{margin-top:0}.f-brand-control .f-swatches button{min-width:65px}.f-brand-note{margin-top:14px}}