/* Dockcerto visual continuity: public guide, demo, contact, privacy and terms.
   Cosmetic-only. Existing legal text, inputs, form handlers and URLs are unchanged. */
.public-unified {
  --brand-navy:#081d31;
  --brand-ink:#113a50;
  --brand-teal:#12bdaa;
  --brand-mint:#55e6cc;
  --brand-line:#d5e7ec;
  background:radial-gradient(ellipse 65% 28% at 100% 5%,#e5faf8 0%,transparent 82%),linear-gradient(180deg,#f4fafb,#edf6f8);
  color:var(--brand-ink);
}
.public-unified :is(header,header.nav,header.wrap.nav){
  min-height:83px;
  height:auto;
  border-bottom:1px solid #2acdb045;
  background:linear-gradient(105deg,#09192d 5%,#0a2c40 75%,#0b4548) !important;
  box-shadow:0 10px 28px #092d4017;
  color:#e0f3f4;
}
.public-unified header{box-sizing:border-box;padding-top:13px;padding-bottom:13px}
.public-unified header a.brand-lockup{
  display:inline-flex;align-items:center;gap:10px;flex:none;
  color:white;text-decoration:none;min-width:0;
}
.public-unified header .brand-lockup img{
  display:block;width:44px;height:44px;min-width:44px;max-width:44px;object-fit:contain;
}
.public-unified header .brand-wordmark{
  font-size:clamp(22px,2.5vw,28px);line-height:1.1;
  letter-spacing:-.05em;font-weight:880;color:#fff;white-space:nowrap;
}
.public-unified header .brand-wordmark span{color:#5fe9cd}
.public-unified header :is(nav,.navlinks,.nav-links,.links){display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px 21px}
.public-unified header :is(nav,.navlinks,.nav-links,.links)>a:not(.btn),.public-unified header>a:not(.brand-lockup){
  color:#d8eff1;font-weight:740;text-decoration:none;
}
.public-unified header a:hover,.public-unified header a:focus-visible{color:#67f5d9}
.public-unified :is(.card,.panel,.mock,.feature-card,.step,.faq-item,.demo-card,.info-card){
  border-radius:18px;border-color:var(--brand-line);
  box-shadow:0 14px 36px #153d4b12;
}
.public-unified :is(h1,h2,h3){letter-spacing:-.045em}
.public-unified :is(.btn,button){border-radius:11px}
.public-unified :is(input,textarea,select){max-width:100%}
.public-unified :is(a,button,input,textarea,select):focus-visible{outline:3px solid #3bd7c5;outline-offset:3px}
.public-unified main{overflow-wrap:anywhere}
.public-unified main :is(a,.btn):not(:hover){text-underline-offset:3px}
@media(max-width:760px){
  .public-unified :is(header,header.nav,header.wrap.nav){
    display:flex;flex-wrap:wrap;justify-content:space-between;gap:13px;
    padding:14px 18px;
  }
  .public-unified header :is(nav,.navlinks,.nav-links,.links){
    justify-content:flex-start;gap:10px 17px;max-width:100%;
  }
  .public-unified header .brand-lockup img{width:40px;height:40px;min-width:40px;max-width:40px}
  .public-unified header .brand-wordmark{font-size:23px}
}

/* Public headers span the viewport while their content remains aligned. */
.public-unified>header, .public-unified>header.wrap.nav{
  width:100%;max-width:none;margin:0;
  padding-left:max(20px,calc((100% - 1160px)/2));
  padding-right:max(20px,calc((100% - 1160px)/2));
}
@media(max-width:760px){.public-unified>header,.public-unified>header.wrap.nav{padding-left:18px;padding-right:18px}}