/* WorkCarta identity — selected Signature Wordmark / Option 3.
   Applied as a final layer so established product interactions remain intact. */
:root {
  --wc-navy: #0b1f33;
  --wc-cobalt: #2457e6;
  --wc-teal: #008b84;
  --wc-slate: #52657a;
  --wc-ice: #f5f8fc;
  --ink: var(--wc-navy);
  --blue: var(--wc-cobalt);
  --blue-deep: #1747c9;
  --muted: var(--wc-slate);
  --canvas: var(--wc-ice);
  --lime: #a4ebe1;
}

/* The source brand kit supplies real, outlined SVG artwork—not a text approximation. */
.site-header .header-inner > .brand,
.workspace-header > .brand {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  min-width: 0;
  flex: 0 0 auto;
  text-decoration: none;
  line-height: 1;
}
.brand-logo {
  display: block;
  width: 205px;
  max-width: 100%;
  height: auto;
  flex: 0 0 auto;
}
.brand-tagline {
  display: block;
  margin: -1px 0 0 5px;
  color: #52657a;
  font-size: 10px;
  font-weight: 550;
  letter-spacing: .005em;
  line-height: 1.35;
  white-space: nowrap;
}
.site-header .brand:hover .brand-logo,
.workspace-header .brand:hover .brand-logo {filter: saturate(1.15);}

/* Carry the W accent through the journey at deliberate, low-noise moments. */
.hero .tiny-star,
.assessment-kicker-dot {color: var(--wc-teal);}
.assessment-kicker-dot {background: var(--wc-teal);box-shadow: 0 0 0 5px #008b8415;}
.hero .eyebrow {border-color: #d7e6eb;}
.hero:before {
  background:
    radial-gradient(ellipse 55% 85% at 87% 42%, #d8ebf5 0%, #edf5ff 46%, transparent 82%),
    linear-gradient(112deg, #fff 6%, #f8fbff 67%, #f0f7fb 100%);
}
.workflow-art {
  border-color: #d8e5ed;
  background: linear-gradient(146deg, #e1f0f5 0%, #f2f7ff 58%, #e9f4fb 100%);
}
.flow-ai {border-color: #d2e5ed; background: linear-gradient(105deg, #edf7fa, #f8fbff);}
.brand-mini-mark {display: grid; place-items: center; width: 43px; height: 43px; flex-shrink: 0;}
.brand-mini-mark img {display:block;width:43px;height:43px;max-width:100%;}
.offer-deliverable {border-top-color: var(--wc-teal);}
.offer-report-mark {display: block; width: 42px; height: 42px; object-fit: contain; margin: -8px 0;}
.mini-avatar img,.assessment-avatar img {display:block;width:28px;height:28px;object-fit:contain;}
.about-visual {
  background:radial-gradient(circle at 58% 43%,#23456e 0%,#173353 44%,#0b1f33 100%);
  border-color:#24415d;
  box-shadow:0 18px 40px #102b4920;
}
.about-brand-mark {align-self:center;display:grid;place-items:center;width:220px;height:220px;position:relative;}
.about-brand-mark::before {content:"";position:absolute;inset:11px;border-radius:50%;background:#dff9f60d;border:1px solid #a4ebe12f;box-shadow:0 0 52px #5fc7c01c;}
.about-brand-mark img {display:block;position:relative;width:178px;height:178px;max-width:100%;object-fit:contain;filter:drop-shadow(0 14px 26px #081a2b50);}
.about-card-top {color:#d8e8f4;}
.about-card-bottom>div>span {color:#c8dce9;}
.about-copy .brand-approach {font-size:14px!important;color:#28518c;line-height:1.7!important;border-left:3px solid #8cd6d0;padding-left:17px;margin-top:23px!important;}
.report-brand {display:block;width:168px;max-width:100%;height:auto;margin:0 0 8px -4px;}
.report-heading {border-bottom-color: var(--wc-cobalt);}
.privacy-operator {font-size: 14px;line-height:1.7;max-width:700px;border-left:3px solid var(--wc-teal);padding-left:14px;margin-top:15px;color:#334e68;}

/* The reversed wordmark belongs on the same navy-to-cobalt field as the form. */
.contact-section {background: linear-gradient(116deg, #0b1f33 0%, #193767 57%, #2457e6 100%);}
.contact-copy .text-lime {color:#a4ebe1;}
.contact-signature {
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:8px;
  margin-top:43px;
  font-size:inherit;
}
.signature-logo {display:block;width:260px;max-width:100%;height:auto;}
.signature-subline {color:#d7e7f3;font-size:12px;line-height:1.5;letter-spacing:.015em;padding-left:5px;}
.site-footer .footer-brand {display:block;flex:0 0 235px;line-height:1;}
.site-footer .footer-brand img {display:block;width:235px;max-width:100%;height:auto;}
.site-footer>p {max-width:305px;}
.site-footer>div {align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.footer-social{display:inline-flex;align-items:center;gap:8px;}
.footer-social a{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid #d9e3ef;border-radius:50%;color:#375574;transition:color .2s,border-color .2s,background .2s;}
.footer-social a:hover{color:#2457e6;border-color:#a7bdf0;background:#f5f8fc;}
.footer-social a:focus-visible{outline:2px solid #2457e6;outline-offset:3px;}
.footer-social svg{width:17px;height:17px;display:block;}

/* The owner workspace uses the same understated identity as customer pages. */
.workspace-header .brand-logo {width:180px;}
.workspace-header .brand-tagline {font-size:9px;}
.workspace-header .owner-label {background:#e9f6f5;border:1px solid #cde5e3;color:#136b67;}
.workspace-header .button {background:var(--wc-cobalt);}
.workspace-header .button:hover {background:#1747c9;}
.workspace .metric-grid > div:first-child {border-top:3px solid var(--wc-teal);}
.workspace .setup-panel {background:linear-gradient(125deg,#e8f4f7,#f4f8ff);}
.workspace .eyebrow {color:var(--wc-cobalt);}

@media (max-width: 1120px) {
  .brand-logo {width:181px;}
  .brand-tagline {font-size:9px;margin-left:4px;}
  .site-header .header-inner nav {gap:18px;}
}
@media (max-width: 780px) {
  .brand-logo {width:184px;}
  .brand-tagline {font-size:9px;}
  .site-header .brand {gap:0;}
  .site-footer .footer-brand {flex:0 0 216px;}
  .site-footer .footer-brand img {width:216px;}
  .contact-signature {margin-top:29px;}
  .about-brand-mark {width:190px;height:190px;}
  .about-brand-mark img {width:153px;height:153px;}
  .about-copy .brand-approach {font-size:13px!important;}
}
@media (max-width: 700px) {
  /* The sample report has two action controls; give its logo an icon-sized footprint. */
  .sample-header .brand-logo,
  .sample-header .brand-tagline {display:none;}
  .sample-header .brand::before {
    content:"";
    display:block;
    width:46px;
    height:46px;
    background:url('/brand/workcarta-w-icon.svg') center/contain no-repeat;
  }
  .sample-header .brand {width:46px;}
  .report-brand {width:145px;}
}
@media (max-width: 600px) {
  .assessment-page .assessment-home-link {display:none;}
  .workspace-header .brand-logo {width:158px;}
  .workspace-header .brand-tagline {font-size:8px;}
  .site-footer>p {display:none;}
}
@media (max-width: 440px) {
  .brand-logo {width:166px;}
  .brand-tagline {font-size:8.5px;margin-top:-2px;}
  .site-header .header-inner {gap:8px;}
  .site-header .header-actions {gap:7px;}
  .site-header .language-switch .language {font-size:11px;}
  .site-header .brand {gap:0;}
  .signature-logo {width:230px;}
  .site-footer .footer-brand {flex:1 1 100%;}
  .site-footer .footer-brand img {width:210px;}
  .site-footer>div {width:100%;justify-content:space-between;}
  .privacy-operator {font-size:12px;}
  .about-brand-mark {width:170px;height:170px;}
  .about-brand-mark img {width:137px;height:137px;}
  .about-copy .brand-approach {font-size:12px!important;}
}
@media (max-width: 360px) {
  .site-header:not(.sample-header) .brand-logo {width:145px;}
  .site-header:not(.sample-header) .brand-tagline {font-size:8px;}
  .workspace-header .brand-logo {width:139px;}
}
@media print {
  .report-brand {width:135px;margin-bottom:5px;}
  .sample-page .report-brand {display:block!important;}
}