:root{
  --brand:#00c83f;
  --brand-strong:#009b35;
  --brand-dark:#063f25;
  --brand-deep:#032d1b;
  --brand-soft:#ecfff2;
  --ink:#10251a;
  --muted:#6c7d73;
  --surface:#ffffff;
  --line:#dce9e1;
  --danger:#d83838;
  --shadow:0 28px 80px rgba(2,52,27,.20);
}
*{box-sizing:border-box}
html,body{min-height:100%;margin:0}
body{
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 8% 12%,rgba(80,255,132,.27),transparent 34%),
    radial-gradient(circle at 92% 90%,rgba(0,88,42,.24),transparent 37%),
    linear-gradient(135deg,#00d345 0%,#009b3a 43%,#043b25 100%);
}
button,input{font:inherit}
a{text-decoration:none;color:inherit}
.auth-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(360px,1.12fr) minmax(390px,.88fr);
}
.auth-brand{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100vh;
  padding:64px;
  color:#fff;
}
.auth-brand::before,.auth-brand::after{
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
}
.auth-brand::before{width:540px;height:540px;left:-210px;bottom:-230px}
.auth-brand::after{width:360px;height:360px;right:-170px;top:-130px}
.auth-brand-content{position:relative;z-index:1;width:min(610px,100%)}
.brand-lockup{display:flex;align-items:center;gap:22px;margin-bottom:36px}
.brand-logo{
  width:102px;height:102px;flex:0 0 102px;padding:7px;
  border-radius:27px;background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 18px 45px rgba(0,56,27,.25);
  backdrop-filter:blur(12px);
}
.brand-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:21px}
.brand-name{font-size:clamp(2.15rem,4.5vw,3.85rem);font-weight:900;line-height:.98;letter-spacing:-.055em}
.brand-subtitle{display:block;margin-top:9px;color:rgba(255,255,255,.86);font-size:1.04rem}
.auth-brand h1{max-width:650px;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.04em}
.auth-brand p{max-width:590px;margin:20px 0 0;color:rgba(255,255,255,.82);font-size:1.04rem;line-height:1.7}
.brand-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:34px}
.brand-feature{
  padding:16px;border:1px solid rgba(255,255,255,.16);
  border-radius:17px;background:rgba(0,59,29,.14);backdrop-filter:blur(10px)
}
.brand-feature i{font-size:1.15rem}.brand-feature strong{display:block;margin-top:10px;font-size:.87rem}
.auth-panel{
  display:flex;align-items:center;justify-content:center;
  min-height:100vh;padding:38px;
  background:rgba(247,252,249,.95);
  box-shadow:-24px 0 70px rgba(0,50,25,.12);
}
.auth-card{width:min(455px,100%);padding:34px;background:var(--surface);border:1px solid rgba(214,231,220,.9);border-radius:26px;box-shadow:var(--shadow)}
.auth-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
.auth-card-logo{display:none;width:64px;height:64px;border-radius:17px}
.auth-back{
  display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 13px;
  color:#315a43;background:#f2f8f4;border:1px solid var(--line);border-radius:11px;font-size:.82rem;font-weight:800
}
.auth-kicker{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:11px;padding:7px 10px;
  color:var(--brand-strong);background:var(--brand-soft);border-radius:999px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em
}
.auth-card h2{margin:0;color:var(--ink);font-size:1.8rem;letter-spacing:-.035em}
.auth-card-lead{margin:8px 0 24px;color:var(--muted);font-size:.93rem;line-height:1.55}
.auth-form{display:grid;gap:15px}
.field{position:relative}
.field label{display:block;margin:0 0 7px;color:#314b3b;font-size:.79rem;font-weight:850}
.field-control{position:relative}
.field-control>i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#75a088;font-size:.96rem;pointer-events:none}
.field input{
  width:100%;min-height:54px;padding:0 47px 0 43px;color:var(--ink);background:#fbfdfb;
  border:1px solid #cfdfd5;border-radius:14px;outline:0;font-size:16px;transition:.18s ease
}
.field input:focus{background:#fff;border-color:var(--brand);box-shadow:0 0 0 4px rgba(0,200,63,.13)}
.field input.is-invalid{border-color:#e15353;box-shadow:0 0 0 4px rgba(225,83,83,.1)}
.password-toggle{
  position:absolute;right:7px;top:50%;transform:translateY(-50%);
  width:39px;height:39px;color:#718b7b;background:transparent;border:0;border-radius:10px;cursor:pointer
}
.password-toggle:hover{background:#edf6f0}
.invalid-feedback{display:none;margin-top:6px;color:var(--danger);font-size:.76rem}
.is-invalid~.invalid-feedback,.field input.is-invalid+.invalid-feedback{display:block}
.login-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:4px}
.btn-primary,.btn-secondary,.install-button,.access-card{
  min-height:51px;border:0;border-radius:13px;font-weight:850;cursor:pointer;transition:.18s ease
}
.btn-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 22px;
  color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-strong));
  box-shadow:0 10px 24px rgba(0,158,52,.24)
}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,158,52,.3)}
.btn-secondary{padding:0 17px;color:#52685a;background:#f1f6f3;border:1px solid var(--line)}
.btn-primary:disabled{opacity:.72;cursor:wait;transform:none}
.install-button{
  display:none;width:100%;margin-top:13px;color:#176434;background:#ecfff2;border:1px solid #b9ebc8
}
.error-message{
  margin:0 0 15px;padding:12px 13px;color:#a92727;background:#fff1f1;border:1px solid #f2c5c5;border-radius:12px;font-size:.82rem;text-align:left
}
.error-message p{margin:0 0 10px!important;color:inherit!important}
.support-link{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;color:#fff!important;background:#25b95a;border-radius:9px;font-size:.76rem;font-weight:850}
.auth-footer{margin-top:22px;padding-top:18px;border-top:1px solid #edf2ef;color:#849187;font-size:.71rem;text-align:center}
.index-card{width:min(520px,100%)}
.index-card .auth-card-logo{display:block}
.access-grid{display:grid;gap:12px;margin-top:22px}
.access-card{
  display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:14px;
  min-height:82px;padding:14px 16px;text-align:left;background:#fff;border:1px solid var(--line)
}
.access-card:hover{transform:translateY(-2px);border-color:#9bdcaf;box-shadow:0 12px 28px rgba(4,80,39,.09)}
.access-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;font-size:1.15rem}
.access-card strong,.access-card small{display:block}
.access-card strong{color:#153524;font-size:.95rem}.access-card small{margin-top:4px;color:var(--muted);font-size:.75rem}
.access-card>i:last-child{color:#86a391}
.access-lojista .access-icon{color:#009d36;background:#e8faee}
.access-admin .access-icon{color:#315c48;background:#edf3ef}
.mini-status{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;color:#7a8c81;font-size:.72rem}
.mini-status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(0,200,63,.12)}
@media(max-width:900px){
  .auth-shell{display:block}
  .auth-brand{min-height:auto;padding:27px 24px 92px}
  .auth-brand-content{width:100%}
  .brand-lockup{margin:0}.brand-logo{width:70px;height:70px;flex-basis:70px;border-radius:20px}.brand-logo img{border-radius:15px}
  .brand-name{font-size:1.75rem}.brand-subtitle{font-size:.86rem}
  .auth-brand h1,.auth-brand p,.brand-features{display:none}
  .auth-panel{min-height:calc(100vh - 146px);margin-top:-54px;padding:0 16px 28px;background:transparent;box-shadow:none;align-items:flex-start}
  .auth-card{padding:25px 20px;border-radius:24px;box-shadow:0 22px 55px rgba(1,54,27,.21)}
}
@media(max-width:480px){
  body{background:linear-gradient(155deg,#00cb43 0,#008c34 46%,#063b25 100%)}
  .auth-brand{padding:22px 20px 82px}
  .auth-panel{margin-top:-48px;padding-inline:12px}
  .auth-card{padding:22px 17px;border-radius:22px}
  .auth-card h2{font-size:1.53rem}
  .auth-card-lead{font-size:.86rem}
  .login-actions{grid-template-columns:1fr}
  .btn-secondary{order:2}
  .brand-name{font-size:1.55rem}
  .brand-subtitle{font-size:.78rem}
  .auth-back span{display:none}
}


/* INSTALAÇÃO E NOTIFICAÇÕES DO PWA */
.pwa-tools{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:14px;
}
.pwa-tool-button{
  display:none;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:49px;
  padding:0 14px;
  border:1px solid #bfe8cc;
  border-radius:13px;
  color:#126532;
  background:#effcf3;
  font-weight:850;
  cursor:pointer;
  transition:.18s ease;
}
.pwa-tool-button:hover{
  transform:translateY(-1px);
  border-color:#82d69c;
  background:#e5f9eb;
}
.pwa-tool-button.is-visible{display:inline-flex}
.pwa-tool-button.is-enabled{
  color:#fff;
  border-color:#00a83a;
  background:linear-gradient(135deg,#00bb40,#009c36);
}
.pwa-status{
  display:none;
  margin-top:11px;
  padding:11px 12px;
  border:1px solid #cce8d5;
  border-radius:11px;
  color:#315d40;
  background:#f2fbf5;
  font-size:.76rem;
  line-height:1.45;
}
.pwa-status.is-visible{display:block}
.pwa-status.is-error{
  color:#9b2f2f;
  border-color:#efc7c7;
  background:#fff3f3;
}
.pwa-ios-help{
  position:fixed;
  z-index:9999;
  inset:0;
  display:none;
  place-items:end center;
  padding:16px;
  background:rgba(3,39,21,.72);
  backdrop-filter:blur(7px);
}
.pwa-ios-help.is-visible{display:grid}
.pwa-ios-card{
  width:min(440px,100%);
  padding:22px;
  color:#183526;
  background:#fff;
  border-radius:22px;
  box-shadow:0 28px 80px rgba(0,0,0,.3);
}
.pwa-ios-card h3{margin:0 0 8px;font-size:1.2rem}
.pwa-ios-card p{margin:0;color:#68796e;line-height:1.55}
.pwa-ios-steps{display:grid;gap:10px;margin:17px 0}
.pwa-ios-step{
  display:flex;align-items:center;gap:11px;
  padding:12px;border-radius:12px;background:#f1f8f3;
}
.pwa-ios-step b{
  display:grid;place-items:center;
  width:28px;height:28px;flex:0 0 28px;
  color:#fff;background:#00a83a;border-radius:50%;
}
.pwa-ios-close{width:100%}
@media(max-width:900px){
  .pwa-tools{grid-template-columns:1fr}
  .pwa-tool-button{display:inline-flex}
}
@media(min-width:901px){
  .pwa-tools{display:none}
}

/* =========================================================
   HOME INSTITUCIONAL - PSI
   Escopado em .site-home para não interferir nas telas de login.
   ========================================================= */
html{scroll-behavior:smooth}
body.site-home{
  min-height:100%;
  color:#10251a;
  background:#fff;
  overflow-x:hidden;
}
.site-home .site-container{width:min(1180px,calc(100% - 40px));margin:0 auto}
.site-home .site-header{
  position:sticky;top:0;z-index:1000;
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(6,63,37,.08);
  box-shadow:0 8px 35px rgba(3,45,27,.06);
  backdrop-filter:blur(16px);
}
.site-home .site-header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-home .site-brand{display:inline-flex;align-items:center;gap:12px;min-width:0}
.site-home .site-brand img{width:48px;height:48px;border-radius:14px;box-shadow:0 10px 28px rgba(0,137,50,.18)}
.site-home .site-brand-text{display:grid;line-height:1.05}
.site-home .site-brand-text strong{font-size:1.16rem;letter-spacing:.08em;color:#063f25}
.site-home .site-brand-text small{margin-top:5px;color:#6b7d72;font-size:.72rem;font-weight:700;letter-spacing:.015em}
.site-home .site-nav{display:flex;align-items:center;gap:8px}
.site-home .site-nav>a{padding:11px 12px;border-radius:11px;color:#3e5849;font-size:.84rem;font-weight:800;transition:.18s ease}
.site-home .site-nav>a:hover{color:#008f32;background:#eefaf2}
.site-home .site-nav .site-nav-cta{margin-left:8px;padding:12px 16px;color:#fff;background:linear-gradient(135deg,#00ba3e,#008f32);box-shadow:0 8px 20px rgba(0,150,50,.18)}
.site-home .site-nav .site-nav-cta:hover{color:#fff;background:linear-gradient(135deg,#00c744,#009b36);transform:translateY(-1px)}
.site-home .site-menu-button{display:none;width:44px;height:44px;border:1px solid #dce9e1;border-radius:12px;color:#174a2e;background:#f7fbf8;cursor:pointer}

.site-home .site-hero{
  position:relative;overflow:hidden;
  padding:82px 0 88px;
  background:
    radial-gradient(circle at 14% 16%,rgba(67,255,125,.21),transparent 30%),
    radial-gradient(circle at 90% 20%,rgba(0,184,61,.10),transparent 30%),
    linear-gradient(135deg,#f5fff8 0%,#ffffff 52%,#eefaf2 100%);
}
.site-home .site-hero::before{
  content:"";position:absolute;right:-240px;top:-290px;width:760px;height:760px;border:1px solid rgba(0,168,58,.09);border-radius:50%;box-shadow:inset 0 0 0 90px rgba(0,168,58,.018),inset 0 0 0 180px rgba(0,168,58,.012)
}
.site-home .site-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);align-items:center;gap:70px}
.site-home .site-hero-copy{padding:20px 0}
.site-home .site-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#006f2b;font-size:.73rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}
.site-home .site-eyebrow i{color:#00b83e}
.site-home .site-eyebrow-light{padding:7px 10px;color:#008f32;background:#effbf3;border-radius:999px;letter-spacing:.07em}
.site-home .site-hero h1{max-width:770px;margin:18px 0 20px;color:#092d1b;font-size:clamp(2.55rem,5.2vw,4.85rem);line-height:.99;letter-spacing:-.058em}
.site-home .site-hero-lead{max-width:690px;margin:0;color:#5c7164;font-size:1.06rem;line-height:1.78}
.site-home .site-hero-lead strong{color:#16462d}
.site-home .site-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.site-home .site-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 19px;border-radius:13px;font-size:.86rem;font-weight:900;transition:.18s ease}
.site-home .site-button-primary{color:#fff;background:linear-gradient(135deg,#00be40,#009333);box-shadow:0 13px 28px rgba(0,154,52,.22)}
.site-home .site-button-primary:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(0,154,52,.27)}
.site-home .site-button-secondary{color:#17472e;background:#fff;border:1px solid #d8e9de;box-shadow:0 7px 22px rgba(4,63,35,.06)}
.site-home .site-button-secondary:hover{transform:translateY(-2px);border-color:#9fd8b1;background:#f8fcf9}
.site-home .site-button-light{color:#083a22;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.12)}
.site-home .site-button-light:hover{transform:translateY(-2px)}
.site-home .site-trust-row{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:29px;color:#607568;font-size:.77rem;font-weight:750}
.site-home .site-trust-row span{display:inline-flex;align-items:center;gap:7px}
.site-home .site-trust-row i{color:#00a83a}

.site-home .site-access-card{position:relative;width:100%;max-width:520px;justify-self:end;padding:33px;border-color:#d9e9df;box-shadow:0 34px 90px rgba(2,52,27,.18)}
.site-home .site-access-card::before{content:"";position:absolute;inset:-1px;border-radius:27px;padding:1px;background:linear-gradient(145deg,rgba(0,199,67,.42),rgba(255,255,255,.2),rgba(0,104,48,.18));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.site-home .site-access-card .auth-card-top{margin-bottom:20px}
.site-home .site-card-label{display:block;margin-bottom:6px;color:#849187;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.11em}
.site-home .site-access-card h2{font-size:2rem}
.site-home .site-access-card .access-card{min-height:88px}
.site-home .site-access-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;color:#8a978e;font-size:.68rem}

.site-home .site-section{padding:90px 0;background:#fff}
.site-home .site-section-soft{background:linear-gradient(180deg,#f7fbf8 0%,#f0f8f3 100%);border-top:1px solid #e4eee7;border-bottom:1px solid #e4eee7}
.site-home .site-section-heading{width:min(730px,100%);margin-bottom:38px}
.site-home .site-section-heading h2,.site-home .site-solution-copy h2,.site-home .site-support h2,.site-home .site-security-banner h2{margin:14px 0 13px;color:#0b321f;font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;letter-spacing:-.045em}
.site-home .site-section-heading p,.site-home .site-solution-copy>p,.site-home .site-support p,.site-home .site-security-banner p{margin:0;color:#687b70;line-height:1.72}
.site-home .site-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.site-home .site-feature-card{padding:27px 24px;border:1px solid #e1ece5;border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(5,67,38,.055);transition:.2s ease}
.site-home .site-feature-card:hover{transform:translateY(-4px);border-color:#bde2c8;box-shadow:0 20px 42px rgba(5,67,38,.09)}
.site-home .site-feature-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:21px;border-radius:14px;color:#00a13a;background:#e9faef;font-size:1.08rem}
.site-home .site-feature-card h3{margin:0 0 9px;color:#133923;font-size:1rem}
.site-home .site-feature-card p{margin:0;color:#75867b;font-size:.83rem;line-height:1.65}

.site-home .site-solution-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:70px}
.site-home .site-check-list{display:grid;gap:13px;margin-top:27px}
.site-home .site-check-list>div{display:flex;align-items:flex-start;gap:11px;color:#5f7467;font-size:.87rem;line-height:1.55}
.site-home .site-check-list i{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;margin-top:1px;color:#fff;background:#00a83a;border-radius:50%;font-size:.66rem}
.site-home .site-check-list strong{color:#204c32}
.site-home .site-text-link{display:inline-flex;align-items:center;gap:8px;margin-top:25px;color:#008d32;font-size:.84rem;font-weight:900}
.site-home .site-text-link:hover{gap:11px}

.site-home .site-product-visual{position:relative}
.site-home .site-product-visual::before{content:"";position:absolute;inset:8% -4% -5% 10%;background:radial-gradient(circle,rgba(0,189,64,.17),transparent 68%);filter:blur(14px)}
.site-home .site-product-window{position:relative;overflow:hidden;border:1px solid #d8e6dd;border-radius:24px;background:#fff;box-shadow:0 30px 70px rgba(4,66,37,.16)}
.site-home .site-product-toolbar{height:52px;display:flex;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #e9f0eb;background:#f8fbf9}
.site-home .site-product-toolbar>span{width:9px;height:9px;border-radius:50%;background:#c8d7cd}
.site-home .site-product-url{margin-left:12px;display:flex;align-items:center;gap:7px;min-width:0;padding:7px 13px;border:1px solid #e0ebe4;border-radius:9px;color:#76877c;background:#fff;font-size:.66rem;font-weight:750}
.site-home .site-product-url i{color:#00a83a}
.site-home .site-product-body{display:grid;grid-template-columns:68px 1fr;min-height:365px}
.site-home .site-product-sidebar{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 10px;border-right:1px solid #e7efe9;background:#073720}
.site-home .site-product-mark{width:38px;height:38px;margin-bottom:10px;padding:3px;border-radius:10px;background:#fff}
.site-home .site-product-mark img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.site-home .site-product-sidebar>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;color:rgba(255,255,255,.68);font-size:.88rem}
.site-home .site-product-sidebar>span.is-active{color:#073720;background:#72f197}
.site-home .site-product-content{padding:27px;background:linear-gradient(180deg,#fff,#f8fbf9)}
.site-home .site-product-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}
.site-home .site-product-title-row>div{display:grid;gap:4px}
.site-home .site-product-title-row small{color:#8a9a90;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.site-home .site-product-title-row strong{color:#143b25;font-size:1.06rem}
.site-home .site-product-title-row>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e1eae4;border-radius:10px;color:#648071;background:#fff}
.site-home .site-product-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
.site-home .site-product-metrics>div{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;padding:15px;border:1px solid #e5ede8;border-radius:15px;background:#fff}
.site-home .site-product-metrics i{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#00a63a;background:#ebf9ef}
.site-home .site-product-metrics span{color:#84948a;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.site-home .site-product-metrics strong{color:#214831;font-size:.76rem}
.site-home .site-product-chart{margin-top:15px;padding:16px;border:1px solid #e5ede8;border-radius:15px;background:#fff}
.site-home .site-product-chart-head{display:flex;align-items:center;justify-content:space-between;gap:15px}
.site-home .site-product-chart-head strong{color:#244a32;font-size:.78rem}
.site-home .site-product-chart-head span{color:#8b9b91;font-size:.62rem}
.site-home .site-product-bars{height:118px;display:flex;align-items:flex-end;gap:9px;margin-top:15px;padding:0 2px;border-bottom:1px solid #e8efe9}
.site-home .site-product-bars span{flex:1;height:var(--h);min-height:18%;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#47d879,#00a63a)}

.site-home .site-security-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:34px 38px;border-radius:26px;color:#fff;background:linear-gradient(135deg,#064326 0%,#027331 58%,#00a840 100%);box-shadow:0 24px 55px rgba(2,78,39,.19)}
.site-home .site-security-banner .site-eyebrow{color:#adf6c2}
.site-home .site-security-banner h2{margin-top:8px;color:#fff;font-size:clamp(1.55rem,2.6vw,2.25rem)}
.site-home .site-security-banner p{color:rgba(255,255,255,.78)}
.site-home .site-security-icon{display:grid;place-items:center;width:66px;height:66px;border:1px solid rgba(255,255,255,.2);border-radius:19px;background:rgba(255,255,255,.1);font-size:1.5rem}

.site-home .site-support{padding:82px 0;background:#f7fbf8}
.site-home .site-support-inner{display:flex;align-items:center;justify-content:space-between;gap:38px}
.site-home .site-support-inner>div{width:min(720px,100%)}

.site-home .site-footer{padding:35px 0 28px;color:#c9d6ce;background:#062c1a}
.site-home .site-footer-inner{display:grid;grid-template-columns:1fr auto;gap:24px 30px;align-items:center}
.site-home .site-footer-brand{display:flex;align-items:center;gap:12px}
.site-home .site-footer-brand img{width:43px;height:43px;border-radius:12px}
.site-home .site-footer-brand>div{display:grid;gap:3px}
.site-home .site-footer-brand strong{color:#fff;font-size:.88rem}
.site-home .site-footer-brand span{color:#8fa99a;font-size:.69rem}
.site-home .site-footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:16px}
.site-home .site-footer-links a{color:#a9bdb1;font-size:.72rem;font-weight:750}
.site-home .site-footer-links a:hover{color:#7df29f}
.site-home .site-footer small{grid-column:1/-1;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#779184;font-size:.66rem;text-align:center}

@media(max-width:1020px){
  .site-home .site-hero-grid{grid-template-columns:1fr;gap:45px}
  .site-home .site-access-card{justify-self:start;max-width:620px}
  .site-home .site-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-home .site-solution-grid{grid-template-columns:1fr;gap:45px}
  .site-home .site-product-visual{width:min(760px,100%)}
}
@media(max-width:820px){
  .site-home .site-container{width:min(100% - 28px,1180px)}
  .site-home .site-header-inner{min-height:68px}
  .site-home .site-menu-button{display:inline-grid;place-items:center}
  .site-home .site-nav{position:absolute;left:14px;right:14px;top:76px;display:none;align-items:stretch;flex-direction:column;padding:13px;border:1px solid #dce9e1;border-radius:17px;background:#fff;box-shadow:0 20px 50px rgba(3,45,27,.16)}
  .site-home .site-nav.is-open{display:flex}
  .site-home .site-nav>a{padding:13px 14px}
  .site-home .site-nav .site-nav-cta{margin:2px 0 0;text-align:center;justify-content:center}
  .site-home .site-hero{padding:60px 0 64px}
  .site-home .site-hero-grid{gap:36px}
  .site-home .site-hero h1{font-size:clamp(2.35rem,9vw,3.55rem)}
  .site-home .site-section{padding:68px 0}
  .site-home .site-security-banner{grid-template-columns:auto 1fr}
  .site-home .site-security-banner .site-button{grid-column:1/-1;justify-self:start}
  .site-home .site-support-inner{align-items:flex-start;flex-direction:column}
  .site-home .site-footer-inner{grid-template-columns:1fr}
  .site-home .site-footer-links{justify-content:flex-start}
}
@media(max-width:560px){
  .site-home .site-container{width:min(100% - 22px,1180px)}
  .site-home .site-brand-text small{display:none}
  .site-home .site-brand img{width:44px;height:44px}
  .site-home .site-hero{padding-top:44px}
  .site-home .site-hero-copy{padding-top:0}
  .site-home .site-hero h1{font-size:2.5rem;line-height:1.01}
  .site-home .site-hero-lead{font-size:.95rem;line-height:1.68}
  .site-home .site-hero-actions{display:grid}
  .site-home .site-button{width:100%}
  .site-home .site-trust-row{display:grid;gap:9px}
  .site-home .site-access-card{padding:23px 18px;border-radius:23px}
  .site-home .site-access-card h2{font-size:1.55rem}
  .site-home .site-access-card .auth-card-logo{width:54px;height:54px}
  .site-home .site-feature-grid{grid-template-columns:1fr}
  .site-home .site-feature-card{padding:23px 20px}
  .site-home .site-section-heading h2,.site-home .site-solution-copy h2,.site-home .site-support h2{font-size:2rem}
  .site-home .site-product-body{grid-template-columns:52px 1fr;min-height:330px}
  .site-home .site-product-sidebar{padding-inline:7px}
  .site-home .site-product-sidebar>span{width:34px;height:34px}
  .site-home .site-product-mark{width:34px;height:34px}
  .site-home .site-product-content{padding:18px 14px}
  .site-home .site-product-metrics{grid-template-columns:1fr}
  .site-home .site-product-chart-head span{display:none}
  .site-home .site-product-bars{gap:5px;height:100px}
  .site-home .site-security-banner{grid-template-columns:1fr;padding:27px 22px}
  .site-home .site-security-icon{width:56px;height:56px}
  .site-home .site-security-banner .site-button{justify-self:stretch}
  .site-home .site-footer-links{gap:12px 15px}
}