/* Direct Info Source - Logo Design page only. Never changes global Webflow layout. */
.dis-logo-page { --logo-ink:#193344; --logo-muted:#526a79; --logo-cyan:#1384a0; --logo-light:#f2f9fb; --logo-border:#dceaf0; color:var(--logo-ink); background:#fff; font:16px/1.78 Arial,Helvetica,sans-serif; }
.dis-logo-page *, .dis-logo-page *::before, .dis-logo-page *::after { box-sizing:border-box; }
.dis-logo-page .dis-logo-wrap { max-width:1150px; width:calc(100% - 48px); margin:0 auto; }
.dis-logo-page .dis-logo-narrow { max-width:930px; }
.dis-logo-page h2,.dis-logo-page h3,.dis-logo-page p { margin-top:0; }
.dis-logo-page h2 { color:var(--logo-ink); font-weight:750; font-size:clamp(30px,3.5vw,44px); letter-spacing:-.7px; line-height:1.22; margin-bottom:22px; }
.dis-logo-page h3 { color:var(--logo-ink); font-size:21px; font-weight:700; line-height:1.35; margin-bottom:13px; }
.dis-logo-page p { font-size:16px; line-height:1.84; color:var(--logo-muted); margin-bottom:18px; }
.dis-logo-page a { color:#087895; text-underline-offset:3px; }
.dis-logo-page .dis-logo-overline { display:block; color:var(--logo-cyan); font-size:12px; letter-spacing:2px; line-height:1.5; font-weight:800; margin-bottom:15px; }
.dis-logo-page .dis-logo-intro { padding:92px 0 99px; background:linear-gradient(160deg,#fff 28%,#edf8fc 100%); }
.dis-logo-page .dis-logo-intro h2 { font-size:clamp(35px,4.5vw,56px); line-height:1.14; letter-spacing:-1.25px; }
.dis-logo-page .dis-logo-lead { font-size:clamp(18px,2vw,21px); line-height:1.72; color:#395869; margin-bottom:25px; }
.dis-logo-page .dis-logo-actions { display:flex; flex-wrap:wrap; align-items:center; gap:22px; margin-top:33px; }
.dis-logo-page .dis-logo-button { display:inline-flex; align-items:center; justify-content:center; gap:13px; padding:15px 25px; background:#117f9c; color:#fff; text-decoration:none; font-weight:700; font-size:15px; border-radius:9px; min-height:52px; line-height:1.35; box-shadow:0 7px 22px rgba(17,127,156,.17); transition:background .2s,transform .2s; }
.dis-logo-page .dis-logo-button:hover { background:#096d88; transform:translateY(-2px); }
.dis-logo-page .dis-logo-secondary { font-weight:700; }
.dis-logo-page .dis-logo-section { padding:85px 0; }
.dis-logo-page .dis-logo-light { background:var(--logo-light); }
.dis-logo-page .dis-logo-section-lead { max-width:850px; margin-bottom:35px; }
.dis-logo-page .dis-logo-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.dis-logo-page .dis-logo-card { min-width:0; padding:28px 25px; border-radius:15px; border:1px solid var(--logo-border); background:#fff; box-shadow:0 5px 21px rgba(24,64,83,.05); }
.dis-logo-page .dis-logo-number { width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:#e7f5f9; color:#1586a2; font-weight:800; margin-bottom:19px; }
.dis-logo-page .dis-logo-card p:last-child,.dis-logo-page .dis-logo-columns-three p:last-child,.dis-logo-page .dis-logo-check-grid p:last-child,.dis-logo-page .dis-logo-process p:last-child { margin-bottom:0; }
.dis-logo-page .dis-logo-two-col { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:47px; }
.dis-logo-page .dis-logo-two-col > div { border-top:3px solid #88cfdf; padding-top:23px; }
.dis-logo-page .dis-logo-columns-three { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; }
.dis-logo-page .dis-logo-columns-three article { padding:27px 24px; background:#fff; border-radius:13px; border:1px solid var(--logo-border); }
.dis-logo-page .dis-logo-check-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:30px; }
.dis-logo-page .dis-logo-check-grid > div { border-left:3px solid #9fd5e3; padding-left:18px; }
.dis-logo-page .dis-logo-check-grid strong { font-size:18px; display:block; margin-bottom:8px; }
.dis-logo-page .dis-logo-footnote { font-size:14px; margin-top:30px; }
.dis-logo-page .dis-logo-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:23px; }
.dis-logo-page .dis-logo-process article { border-top:3px solid #91d0df; padding-top:18px; }
.dis-logo-page .dis-logo-process span { display:block; color:#168ca8; font-size:35px; font-weight:800; margin-bottom:12px; }
.dis-logo-page .dis-logo-faq { max-width:900px; }
.dis-logo-page .dis-logo-faq details { border-bottom:1px solid var(--logo-border); padding:0; }
.dis-logo-page .dis-logo-faq summary { cursor:pointer; font-size:17px; font-weight:700; color:var(--logo-ink); padding:20px 28px 20px 0; position:relative; list-style:none; }
.dis-logo-page .dis-logo-faq summary::-webkit-details-marker { display:none; }
.dis-logo-page .dis-logo-faq summary::after { content:'+'; position:absolute; right:4px; top:17px; font-size:24px; font-weight:400; color:var(--logo-cyan); }
.dis-logo-page .dis-logo-faq details[open] summary::after { content:'−'; }
.dis-logo-page .dis-logo-faq details p { padding:0 28px 20px 0; margin-bottom:0; }
.dis-logo-page .dis-logo-cta { background:#172a3c; color:#fff; padding:87px 0; text-align:center; }
.dis-logo-page .dis-logo-cta-inner { max-width:820px; }
.dis-logo-page .dis-logo-cta h2 { color:#fff; }
.dis-logo-page .dis-logo-cta p { color:#d6e2ea; font-size:18px; }
.dis-logo-page .dis-logo-cta .dis-logo-overline { color:#86d1e3; }
.dis-logo-page .dis-logo-button-white { background:#fff; color:#126f89; margin-top:14px; }
.dis-logo-page .dis-logo-button-white:hover { background:#eaf9fc; color:#09546a; }
@media (max-width: 1000px) {
 .dis-logo-page .dis-logo-cards,.dis-logo-page .dis-logo-check-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .dis-logo-page .dis-logo-process { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 700px) {
 .dis-logo-page .dis-logo-wrap { width:calc(100% - 36px); }
 .dis-logo-page .dis-logo-intro { padding:64px 0 70px; }
 .dis-logo-page .dis-logo-section { padding:62px 0; }
 .dis-logo-page .dis-logo-cards,.dis-logo-page .dis-logo-two-col,.dis-logo-page .dis-logo-columns-three,.dis-logo-page .dis-logo-check-grid,.dis-logo-page .dis-logo-process { grid-template-columns:1fr; gap:18px; }
 .dis-logo-page .dis-logo-card { padding:24px 21px; }
 .dis-logo-page .dis-logo-two-col { gap:30px; }
 .dis-logo-page .dis-logo-cta { padding:64px 0; }
 .dis-logo-page .dis-logo-faq summary { font-size:16px; }
 .dis-logo-page .dis-logo-button { width:100%; text-align:center; }
 .dis-logo-page .dis-logo-secondary { width:100%; text-align:center; }
}
@media (prefers-reduced-motion:reduce) { .dis-logo-page .dis-logo-button { transition:none; } }
/* Branding process illustrations */
.dis-logo-page .dis-logo-process img {
  display:block;
  width:78px;
  height:78px;
  max-width:100%;
  object-fit:contain;
  margin:0 0 18px;
}
.dis-logo-page .dis-logo-process article {
  background:#fff;
  padding:25px 22px;
  border:1px solid #dceaf0;
  border-radius:14px;
}

/* Original Logo Design illustration */
.dis-logo-page .dis-logo-showcase {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:48px;
  align-items:center;
}
.dis-logo-page .dis-logo-artwork {
  margin:0;
  padding:30px;
  border:1px solid #dceaf0;
  background:#f2f9fb;
  border-radius:18px;
}
.dis-logo-page .dis-logo-artwork img {
  display:block;
  max-width:100%;
  height:auto;
  margin:0 auto;
}
@media (max-width:760px) {
  .dis-logo-page .dis-logo-showcase {
    grid-template-columns:1fr;
    gap:25px;
  }
  .dis-logo-page .dis-logo-artwork { padding:20px; }
}