.brand-lockup {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.brand-lockup small {
  color: #71869b;
  font: 600 7px/1.2 Inter, sans-serif;
  letter-spacing: .24em;
}

.ds-mark {
  background: linear-gradient(135deg, rgba(215, 222, 232, .08), rgba(8, 124, 250, .12));
  font-size: 17px;
}

.brand-lockup .brand-name {
  font-size: 15px;
}

.hp-field {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.consent a,
.legal-content a {
  color: #00c8ff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.legal-page {
  min-height: 70vh;
  padding-top: 72px;
}

.legal-back {
  color: #8da0b3;
  display: inline-block;
  font-size: 12px;
  margin-bottom: 40px;
}

.legal-article {
  margin: 0 auto;
  max-width: 820px;
}

.legal-article h1 {
  font-size: clamp(38px, 6vw, 64px);
  margin-bottom: 50px;
}

.legal-content { color: #aeb9c6; }

.legal-content h2 {
  color: #f2f5f9;
  font-size: 24px;
  margin: 48px 0 15px;
}

.legal-content p,
.legal-content li { font-size: 14px; }

.examples-hero { max-width: 980px; text-align: center; }
.examples-hero .eyebrow { justify-content: center; }
.examples-hero .lead { margin: 0 auto 36px; }
.examples-hero h1 { font-size: clamp(44px, 6vw, 76px); }
.example-list { padding-top: 25px; }
.example-case { align-items: center; display: grid; gap: 64px; grid-template-columns: 1.12fr .88fr; margin-bottom: 120px; }
.example-case.reverse .example-media { order: 2; }
.example-media { background: #080d14; border: 1px solid #1a2a3b; border-radius: 7px; overflow: hidden; }
.example-media img { display: block; height: auto; width: 100%; }
.example-copy>span { color: #087cfa; font: 600 10px Space Grotesk; letter-spacing: .18em; }
.example-copy h2 { font-size: clamp(30px, 4vw, 45px); line-height: 1.1; margin: 16px 0 22px; }
.example-copy p { color: #9aa8b8; font-size: 14px; }
.example-copy ul { list-style: none; padding: 12px 0; }
.example-copy li { color: #bdc7d2; font-size: 12px; margin: 10px 0; }
.example-copy li:before { color: #00c8ff; content: '✓'; margin-right: 10px; }
.video-slot { align-items: center; border: 1px dashed #29445d; color: #71869b; display: flex; font-size: 11px; gap: 13px; margin-top: 28px; padding: 15px; }
.video-slot b { color: #00c8ff; }
.examples-cta { background: linear-gradient(135deg,#0c141f,#070b11); border: 1px solid #1c3d5c; margin-bottom: 100px; max-width: 1132px; text-align: center; }
.examples-cta .eyebrow { justify-content: center; }
.examples-cta h2 { font-size: clamp(34px,5vw,58px); margin: 20px auto; max-width: 850px; }
.examples-cta>p:not(.eyebrow) { color: #9aa8b8; margin-bottom: 30px; }
@media(max-width:800px){.example-case{gap:30px;grid-template-columns:1fr;margin-bottom:80px}.example-case.reverse .example-media{order:0}}

.contact-details { padding-bottom: 30px; }
.contact-details .section-intro > p:last-child { color: #9aa8b8; max-width: 690px; }
.contact-cards { display: grid; gap: 16px; grid-template-columns: repeat(3, 1fr); margin-top: 42px; }
.contact-card { background: linear-gradient(135deg, #0c141f, #070b11); border: 1px solid #1c3145; border-radius: 6px; color: #f2f5f9; display: flex; flex-direction: column; min-height: 170px; padding: 28px; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
a.contact-card:hover, a.contact-card:focus-visible { border-color: #00c8ff; transform: translateY(-3px); }
.contact-card small { color: #087cfa; font: 600 10px Space Grotesk; letter-spacing: .2em; }
.contact-card strong { font: 600 clamp(18px, 2vw, 25px) Space Grotesk; margin: 25px 0 auto; overflow-wrap: anywhere; }
.contact-card span { color: #8292a3; font-size: 11px; margin-top: 20px; }
.footer-contact { color: #8292a3; font-size: 11px; }
.footer-contact a { color: #aeb9c6; text-decoration: none; }
.footer-contact a:hover { color: #00c8ff; }
@media(max-width:800px){.contact-cards{grid-template-columns:1fr}.contact-card{min-height:145px}}

.brand-logo {
  display: block;
  width: 248px;
  height: 64px;
  object-fit: cover;
  object-position: center;
}

footer .brand-logo {
  width: 220px;
}

@media (max-width: 600px) {
  .brand-logo { width: 190px; height: 54px; }
  .brand-lockup .brand-name { font-size: 11px; }
  .brand-lockup small { font-size: 6px; }
}