body.public-home .public-overview{
  position:relative;
  isolation:isolate;
  display:grid;
  gap:16px;
}

body.public-home .public-overview::before{
  content:"";
  position:absolute;
  inset:-16px 0 auto;
  height:220px;
  background:linear-gradient(180deg, rgba(29,78,216,.05), transparent 72%);
  pointer-events:none;
  z-index:0;
}

body.public-home .public-overview > *{
  position:relative;
  z-index:1;
}

body.public-home .public-overview__hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  align-items:stretch;
  padding:6px 0 0;
}

body.public-home .public-overview-console{
  order:1;
}

body.public-home .public-overview__copy{
  order:2;
}

body.public-home .public-overview__copy{
  display:grid;
  gap:8px;
  align-content:center;
  padding:2px 0;
  animation:public-fade-up .72s cubic-bezier(.2,.8,.2,1) both;
}

body.public-home .public-overview__copy h1{
  max-width:16ch;
  margin:0;
  color:#0f172a;
  font-size:clamp(1.55rem, 2.7vw, 2.65rem);
  line-height:1.03;
  letter-spacing:-.05em;
}

body.public-home .public-overview__copy p{
  max-width:52ch;
  margin:0;
  color:#475569;
  line-height:1.56;
  font-size:.9rem;
}

body.public-home .public-overview__meta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:fit-content;
  max-width:100%;
  margin-top:2px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.90);
  color:#475569;
  box-shadow:0 10px 22px rgba(15,23,42,.04);
  animation:public-fade-up .72s cubic-bezier(.2,.8,.2,1) both .05s;
}

body.public-home .public-overview__meta::before{
  content:"";
  width:8px;
  height:8px;
  flex:none;
  border-radius:999px;
  background:#1d4ed8;
  box-shadow:0 0 0 6px rgba(29,78,216,.08);
}

body.public-home .public-overview__chips{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.public-home .public-overview__chips span{
  display:inline-flex;
  align-items:center;
  padding:7px 11px;
  font-size:.92rem;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(15,23,42,.08);
  color:#334155;
  box-shadow:0 8px 18px rgba(15,23,42,.04);
}

body.public-home .public-overview__actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:4px;
  animation:public-fade-up .72s cubic-bezier(.2,.8,.2,1) both .1s;
}

body.public-home .public-overview__proofs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:6px;
  animation:public-fade-up .78s cubic-bezier(.2,.8,.2,1) both .14s;
}

body.public-home .public-overview__proofs article{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:64px;
  padding:13px 14px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

body.public-home .public-overview__proofs article:hover{
  transform:translateY(-2px);
  border-color:rgba(15,23,42,.14);
  box-shadow:0 16px 28px rgba(15,23,42,.08);
}

body.public-home .public-overview__proofs span{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:11px;
  background:#0f172a;
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  flex:none;
}

body.public-home .public-overview__proofs strong{
  color:#0f172a;
  font-size:.92rem;
  line-height:1.38;
}

body.public-home .public-overview__proofs article:nth-child(1) span{ background:#1d4ed8; }
body.public-home .public-overview__proofs article:nth-child(2) span{ background:#0f766e; }
body.public-home .public-overview__proofs article:nth-child(3) span{ background:#7c3aed; }
body.public-home .public-overview__proofs article:nth-child(4) span{ background:#b45309; }

body.public-home .public-overview__cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:8px;
  animation:public-fade-up .86s cubic-bezier(.2,.8,.2,1) both .16s;
}

body.public-home .public-overview-console{
  display:grid;
  gap:10px;
  min-height:100%;
  padding:12px;
  border-radius:26px;
  border:1px solid rgba(15,23,42,.08);
  background:
    radial-gradient(circle at top left, rgba(29,78,216,.08), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(248,250,252,.98) 100%);
  box-shadow:0 18px 36px rgba(15,23,42,.06);
  animation:public-fade-up .82s cubic-bezier(.2,.8,.2,1) both .08s;
}

body.public-home .public-overview-console__chrome{
  display:flex;
  align-items:center;
  gap:12px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(15,23,42,.08);
}

body.public-home .public-overview-console__traffic{
  display:flex;
  gap:6px;
  flex:none;
}

body.public-home .public-overview-console__traffic span{
  width:10px;
  height:10px;
  border-radius:999px;
  background:#cbd5e1;
}

body.public-home .public-overview-console__traffic span:nth-child(1){ background:#ef4444; }
body.public-home .public-overview-console__traffic span:nth-child(2){ background:#f59e0b; }
body.public-home .public-overview-console__traffic span:nth-child(3){ background:#22c55e; }

body.public-home .public-overview-console__title{
  display:grid;
  gap:2px;
}

body.public-home .public-overview-console__title span{
  color:#64748b;
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
}

body.public-home .public-overview-console__title strong{
  color:#0f172a;
  font-size:.96rem;
  font-weight:800;
  letter-spacing:-.03em;
}

body.public-home .public-overview-console__badge{
  margin-left:auto;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(29,78,216,.09);
  color:#1d4ed8;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

body.public-home .public-overview-console__body{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  gap:8px;
  align-items:stretch;
}

body.public-home .public-overview-console__cards{
  order:0;
}

body.public-home .public-overview-console__body{
  order:1;
}

body.public-home .public-overview-console__preview{
  position:relative;
  overflow:hidden;
  margin:0;
  min-height:166px;
  border-radius:20px;
  border:1px solid rgba(15,23,42,.08);
  background:#0f172a;
  box-shadow:0 16px 30px rgba(15,23,42,.10);
}

body.public-home .public-overview-console__preview::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(15,23,42,.04), rgba(15,23,42,.18));
  pointer-events:none;
}

body.public-home .public-overview-console__preview img{
  display:block;
  width:100%;
  height:100%;
  min-height:166px;
  object-fit:cover;
  object-position:center;
}

body.public-home .public-overview-console__detail{
  display:grid;
  gap:7px;
  align-content:start;
  padding:2px 0 0;
}

body.public-home .public-overview-console__eyebrow{
  display:inline-flex;
  width:fit-content;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(15,23,42,.04);
  color:#475569;
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.public-home .public-overview-console__headline{
  color:#0f172a;
  font-size:1.06rem;
  line-height:1.22;
  letter-spacing:-.04em;
}

body.public-home .public-overview-console__detail p{
  margin:0;
  color:#475569;
  line-height:1.5;
  font-size:.88rem;
}

body.public-home .public-overview-console__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:auto;
}

body.public-home .public-overview-console__stats div{
  display:grid;
  gap:4px;
  padding:10px 11px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.9);
}

body.public-home .public-overview-console__stats span{
  color:#64748b;
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body.public-home .public-overview-console__stats strong{
  color:#0f172a;
  font-size:.88rem;
  line-height:1.35;
}

body.public-home .public-overview-console__cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:8px;
}

body.public-home .public-overview-console__card{
  appearance:none;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  color:#0f172a;
  border-radius:18px;
  padding:11px;
  display:grid;
  gap:6px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background-color .16s ease;
}

body.public-home .public-overview-console__card:hover{
  transform:translateY(-1px);
  border-color:rgba(15,23,42,.14);
  box-shadow:0 16px 28px rgba(15,23,42,.08);
}

body.public-home .public-overview-console__card:focus-visible{
  outline:3px solid rgba(29,78,216,.22);
  outline-offset:2px;
}

body.public-home .public-overview-console__card.is-active{
  border-color:rgba(29,78,216,.28);
  box-shadow:0 16px 30px rgba(29,78,216,.12);
  transform:translateY(-1px);
}

body.public-home .public-overview-console__card span{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:11px;
  background:#0f172a;
  color:#fff;
  font-size:.76rem;
  font-weight:800;
}

body.public-home .public-overview-console__card strong{
  color:#0f172a;
  font-size:.9rem;
  line-height:1.28;
}

body.public-home .public-overview-console__card p{
  margin:0;
  color:#64748b;
  font-size:.83rem;
  line-height:1.38;
}

body.public-home .public-overview-console__card:nth-child(1) span{ background:#1d4ed8; }
body.public-home .public-overview-console__card:nth-child(2) span{ background:#0f766e; }
body.public-home .public-overview-console__card:nth-child(3) span{ background:#7c3aed; }
body.public-home .public-overview-console__card:nth-child(4) span{ background:#b45309; }

body.public-home .public-overview-console__card:nth-child(1).is-active{ border-color:rgba(29,78,216,.24); }
body.public-home .public-overview-console__card:nth-child(2).is-active{ border-color:rgba(15,118,110,.24); }
body.public-home .public-overview-console__card:nth-child(3).is-active{ border-color:rgba(124,58,237,.24); }
body.public-home .public-overview-console__card:nth-child(4).is-active{ border-color:rgba(180,83,9,.24); }

body.public-home .public-overview-card{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:6px;
  padding:12px 13px;
  border-radius:20px;
  border:1px solid rgba(15,23,42,.08);
  background:#fff;
  box-shadow:0 12px 24px rgba(15,23,42,.05);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
  animation:public-fade-up .74s cubic-bezier(.2,.8,.2,1) both;
  color:#0f172a;
  text-decoration:none;
  cursor:pointer;
}

body.public-home .public-overview-card:nth-child(2){ animation-delay:.06s; }
body.public-home .public-overview-card:nth-child(3){ animation-delay:.12s; }
body.public-home .public-overview-card:nth-child(4){ animation-delay:.18s; }

body.public-home .public-overview-card:hover{
  transform:translateY(-2px);
  border-color:rgba(15,23,42,.14);
  box-shadow:0 18px 32px rgba(15,23,42,.08);
}

body.public-home .public-overview-card:focus-visible{
  outline:3px solid rgba(29,78,216,.22);
  outline-offset:2px;
}

body.public-home .public-overview-card::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:rgba(29,78,216,.9);
  opacity:.65;
}

body.public-home .public-overview-card span{
  display:inline-grid;
  place-items:center;
  width:32px;
  height:32px;
  border-radius:11px;
  background:#0f172a;
  color:#fff;
  font-weight:800;
  font-size:.8rem;
}

body.public-home .public-overview-card strong{
  color:#0f172a;
  font-size:.92rem;
}

body.public-home .public-overview-card p{
  margin:0;
  color:#475569;
  line-height:1.45;
  font-size:.86rem;
}

body.public-home .public-overview-card--process span{ background:#1d4ed8; }
body.public-home .public-overview-card--value span{ background:#0f766e; }
body.public-home .public-overview-card--report span{ background:#7c3aed; }
body.public-home .public-overview-card--contact span{ background:#b45309; }

@media (max-width: 1100px){
  body.public-home .public-overview__hero,
  body.public-home .public-overview__cards{
    grid-template-columns:1fr;
  }

  body.public-home .public-overview-console__body{
    grid-template-columns:1fr;
  }

  body.public-home .public-overview-console__detail{
    order:1;
  }

  body.public-home .public-overview-console__preview{
    order:2;
  }

  body.public-home .public-overview-console__preview,
  body.public-home .public-overview-console__preview img{
    min-height:146px;
  }

  body.public-home .public-overview-console__cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }

  body.public-home .public-overview__meta{
    width:100%;
  }
}

@media (max-width: 700px){
  body.public-home .public-overview__copy h1{
    max-width:none;
    font-size:clamp(1.7rem, 8vw, 2.5rem);
  }

  body.public-home .public-overview-console{
    padding:11px;
  }

  body.public-home .public-overview-console__chrome{
    flex-wrap:wrap;
  }

  body.public-home .public-overview-console__badge{
    margin-left:0;
  }

  body.public-home .public-overview-console__body{
    grid-template-columns:1fr;
  }

  body.public-home .public-overview-console__detail{
    order:1;
  }

  body.public-home .public-overview-console__preview{
    order:2;
  }

  body.public-home .public-overview-console__preview,
  body.public-home .public-overview-console__preview img{
    min-height:128px;
  }

  body.public-home .public-overview-console__cards{
    grid-template-columns:1fr;
  }

  body.public-home .public-overview-card{
    padding:13px;
  }

  body.public-home .public-overview__meta{
    padding:9px 12px;
    border-radius:18px;
    line-height:1.55;
  }

  body.public-home .public-overview__actions{
    flex-direction:column;
  }

  body.public-home .public-overview__actions .primary-button,
  body.public-home .public-overview__actions .secondary-button{
    width:100%;
    justify-content:center;
  }

  body.public-home .public-overview__proofs{
    grid-template-columns:1fr;
  }
}

@media (min-width: 1101px) and (max-height: 900px){
  body.public-home .public-overview__hero{
    padding:6px 0 0;
  }

  body.public-home .public-overview__copy{
    gap:7px;
  }

  body.public-home .public-overview__copy h1{
    font-size:clamp(1.55rem, 2.6vw, 2.55rem);
  }

  body.public-home .public-overview__copy p{
    line-height:1.5;
  }

  body.public-home .public-overview-console{
    padding:10px;
    gap:8px;
  }

  body.public-home .public-overview-console__preview,
  body.public-home .public-overview-console__preview img{
    min-height:138px;
  }

  body.public-home .public-overview-console__cards{
    gap:6px;
  }

  body.public-home .public-overview__cards{
    gap:6px;
  }

  body.public-home .public-overview-card{
    padding:11px 12px;
  }

  body.public-home .public-overview__proofs{
    gap:6px;
  }
}

@keyframes public-fade-up{
  from{
    opacity:0;
    transform:translateY(16px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

body.public-glass.public-home .public-overview__hero{
  gap:12px;
}

body.public-glass.public-home .public-overview__copy{
  padding:12px 12px 12px 2px;
}

body.public-glass.public-home .public-overview__copy h1,
body.public-glass.public-home .public-overview-console__headline,
body.public-glass.public-home .public-overview-card strong{
  color:#0f172a;
}

body.public-glass.public-home .public-overview__copy p,
body.public-glass.public-home .public-overview-console__detail p,
body.public-glass.public-home .public-overview-card p{
  color:#475569;
}

body.public-glass.public-home .public-overview__meta,
body.public-glass.public-home .public-overview__chips span,
body.public-glass.public-home .public-overview-console,
body.public-glass.public-home .public-overview-console__card,
body.public-glass.public-home .public-overview-card{
  background:rgba(255,255,255,.68);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 18px 40px rgba(15,23,42,.08);
  backdrop-filter:blur(18px) saturate(155%);
}

body.public-glass.public-home .public-overview__meta{
  color:#475569;
}

body.public-glass.public-home .public-overview-console__card span,
body.public-glass.public-home .public-overview-card span{
  color:#fff;
}

body.public-glass.public-home .public-overview-console__body{
  gap:12px;
}

@media (max-width: 1100px){
  body.public-glass.public-home .public-overview__hero,
  body.public-glass.public-home .public-overview__cards{
    grid-template-columns:1fr;
  }

  body.public-glass.public-home .public-overview__copy{
    padding:0;
  }
}