/* LinkedUp product layer: page composition on top of core.css. */
.lu-brand img { display: block; height: 32px; width: auto; }
.lu-grad { background: linear-gradient(90deg, #004b71 0%, #1ba5c4 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.lu-hero { align-items: center; padding-block: var(--ds-space-8) var(--ds-space-9); }
.lu-hero__copy { display: flex; flex-direction: column; align-items: flex-start; gap: var(--ds-space-5); }
.lu-hero__copy .ds-h1 { max-width: 13ch; }
.lu-hero__copy .ds-lead { max-width: 34rem; }
.lu-hero__note { font-size: var(--ds-step--1); color: var(--ds-muted); }
.lu-hero__media { position: relative; display: flex; justify-content: center; }
.lu-hero__media .ds-shot { width: min(300px, 100%); }
.lu-hero__toast { position: absolute; right: 0; top: 14%; max-width: 230px; }
.lu-lines p { margin: 0 0 var(--ds-space-3); font: 800 var(--ds-step-3)/1.12 var(--ds-font-display); letter-spacing: -.03em; }
.lu-lines p b { color: var(--ds-accent); }
.lu-lines p:nth-child(2) { opacity: .82; }
.lu-lines p:nth-child(3) { opacity: .64; }
.lu-punch { max-width: 20ch; font: 800 var(--ds-step-3)/1.12 var(--ds-font-display); letter-spacing: -.03em; color: #fff; }
.lu-num { font: 800 .875rem/1 var(--ds-font-display); letter-spacing: .16em; color: var(--ds-kicker); }
.lu-step h4 { margin: 0; font: 800 var(--ds-step-3)/1.1 var(--ds-font-display); letter-spacing: -.03em; }
.lu-step p { color: var(--ds-muted); font-size: var(--ds-step-1); line-height: 1.55; max-width: 30rem; }
.lu-step__media { display: flex; justify-content: center; }
.lu-step__media .ds-shot { width: min(270px, 100%); }
.lu-alongside { text-align: center; color: var(--ds-muted); font-size: var(--ds-step-0); }
.lu-alongside strong { color: var(--ds-ink); }
.lu-pro-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--ds-space-5); }
.lu-pro-card { display: flex; flex-direction: column; gap: var(--ds-space-3); padding: var(--ds-space-6); border-radius: var(--ds-radius-card); background: #fff; box-shadow: var(--ds-card-shadow); }
.lu-pro-card h4 { margin: 0; font: 800 1.375rem/1.2 var(--ds-font-display); letter-spacing: -.02em; }
.lu-pro-card p { color: var(--ds-muted); line-height: 1.6; }
.lu-pro-card .ds-toast { box-shadow: none; background: var(--ds-surface-alt); }
.lu-path { display: flex; align-items: center; gap: var(--ds-space-2); flex-wrap: wrap; font-size: .8125rem; color: var(--ds-muted); }
.lu-path b { padding: .3em .8em; border-radius: var(--ds-radius-pill); background: var(--lu-fixed); color: var(--ds-primary); font-weight: 600; }
.lu-path i { flex: 1 1 24px; min-width: 24px; height: 2px; background: linear-gradient(90deg, #1ba5c4, #004b71); border-radius: 2px; }
.lu-path-note { margin: 0; font-size: .8125rem; font-weight: 600; color: var(--ds-primary); }
.lu-draft { padding: var(--ds-space-3) var(--ds-space-4); border-radius: 12px; background: var(--ds-surface-alt); font-size: .875rem; color: var(--ds-ink); }
.lu-draft::after { content: ""; display: inline-block; width: 2px; height: 1em; margin-left: 2px; vertical-align: text-bottom; background: var(--ds-primary); }
.lu-pro-media { display: flex; justify-content: center; position: relative; }
.lu-pro-media .ds-shot { width: min(280px, 100%); }
.lu-pro-media .ds-toast { position: absolute; left: -8%; bottom: 14%; max-width: 230px; }
.lu-compare p { max-width: 38rem; color: var(--ds-muted); font-size: var(--ds-step-1); line-height: 1.6; }
.lu-privacy { text-align: center; padding: var(--ds-space-8) var(--ds-space-6); border-radius: 28px; background: #fff; box-shadow: var(--ds-card-shadow); }
.lu-privacy p { max-width: 40rem; margin-inline: auto; color: var(--ds-muted); font-size: var(--ds-step-1); line-height: 1.65; }
.lu-privacy p em { font-style: normal; font-weight: 700; color: var(--ds-primary); }
.lu-shield { display: inline-grid; place-items: center; width: 56px; height: 56px; margin-bottom: var(--ds-space-4); border-radius: 50%; background: var(--lu-fixed); color: var(--ds-primary); }
.lu-faq { max-width: 880px; margin-inline: auto; }
.lu-faq .ds-faq details { box-shadow: var(--ds-card-shadow); border: 0; }
.lu-cta { text-align: center; padding-block: var(--ds-space-9); }
.lu-cta .ds-title { color: #fff; max-width: 20ch; margin-inline: auto; }
.lu-cta .ds-lead { max-width: 34rem; margin: var(--ds-space-4) auto var(--ds-space-6); }
.lu-cta .ds-form { max-width: 560px; margin-inline: auto; align-items: center; }
.lu-cta .ds-field { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .18); color: #fff; }
.lu-cta .ds-field::placeholder { color: #8fa3b3; }
.lu-cta .ds-form__consent { color: #8fa3b3; text-align: left; }
.lu-cta .ds-form__consent a { color: #fff; }
.lu-cta__note { margin-top: var(--ds-space-5); font-size: var(--ds-step--1); color: #8fa3b3; }
.lu-cta .ds-btn { background: #fff; color: var(--ds-primary); }
.lu-footer-brand img { display: block; align-self: flex-start; height: 32px; width: auto; margin-bottom: var(--ds-space-3); }
.lu-footer-links { display: flex; flex-wrap: wrap; gap: var(--ds-space-5); }
.lu-footer-links a { text-decoration: none; }
@media (max-width: 900px) {
  .lu-hero { padding-block: var(--ds-space-7); }
  .lu-hero__toast { right: 2%; top: auto; bottom: 8%; }
  .lu-pro-grid { grid-template-columns: 1fr; }
  .lu-pro-media .ds-toast { left: 2%; }
}

/* Stat row: the three numbers are the point of the section */
.lu-stats { display: grid; grid-template-columns: repeat(3, auto); gap: var(--ds-space-6) var(--ds-space-8); align-items: end; justify-content: start; }
.lu-stat { display: flex; flex-direction: column; gap: var(--ds-space-2); }
.lu-stat b { font: 800 clamp(4rem, 11vw, 8.5rem)/.9 var(--ds-font-display); letter-spacing: -.05em; color: var(--ds-accent); }
.lu-stat:nth-child(2) b { opacity: .85; }
.lu-stat:nth-child(3) b { opacity: .75; }
.lu-stat span { font: 600 .9375rem/1.3 var(--ds-font-body); letter-spacing: .01em; color: #fff; opacity: .85; max-width: 14ch; }
@media (max-width: 560px) { .lu-stats { grid-template-columns: repeat(3, 1fr); gap: var(--ds-space-4); } .lu-stat b { font-size: clamp(3rem, 18vw, 4.5rem); } }