.linkboard-lp {
  --board-red: #d22442;
  --board-red-dark: #9f1730;
  --board-blue: #245ba7;
  --board-blue-dark: #183f78;
  --board-ink: #25181b;
  --board-muted: #695b5e;
  --board-soft: #f3f7fb;
  color: var(--board-ink);
}
.linkboard-page { background: #f7fbff; }
.linkboard-page .page-wrap.marketing-page-wrap { width: 100%; max-width: none; margin: 0; padding: 0; }
.linkboard-breadcrumb-shell { min-height: 0; padding-bottom: 0; }
.linkboard-lp-shell { width: min(1120px, calc(100% - 40px)); margin: 0 auto; }
.linkboard-hero { padding: 70px 0 84px; background: radial-gradient(circle at 85% 15%, #dbeaff 0, transparent 36%), linear-gradient(145deg, #fff 0%, #f4f8ff 100%); }
.linkboard-hero-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(300px, .75fr); gap: 64px; align-items: center; }
.linkboard-kicker { margin: 0 0 16px; color: var(--board-red); font-size: 13px; font-weight: 900; letter-spacing: .13em; }
.linkboard-hero h1 { max-width: 720px; margin: 0; font-size: clamp(38px, 4.1vw, 54px); line-height: 1.2; letter-spacing: -.04em; }
.linkboard-lead { max-width: 680px; margin: 24px 0 0; color: var(--board-muted); font-size: clamp(17px, 2vw, 21px); font-weight: 700; line-height: 1.85; }
.linkboard-badges { display: flex; flex-wrap: wrap; gap: 9px; margin: 26px 0 0; padding: 0; list-style: none; }
.linkboard-badges li { padding: 8px 13px; border: 1px solid #cbdaf0; border-radius: 999px; background: #fff; color: #254e87; font-size: 14px; font-weight: 900; }
.linkboard-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.linkboard-button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0 24px; border: 2px solid; border-radius: 999px; color: #fff; font-weight: 900; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.linkboard-button.browser { border-color: var(--board-red); background: linear-gradient(180deg, #e33856, var(--board-red-dark)); box-shadow: 0 14px 30px rgba(159,23,48,.18); }
.linkboard-button.database { border-color: var(--board-blue); background: linear-gradient(180deg, #3973c3, var(--board-blue-dark)); box-shadow: 0 14px 30px rgba(24,63,120,.18); }
.linkboard-button:hover { transform: translateY(-2px); }
.linkboard-button:focus-visible { outline: 3px solid #111; outline-offset: 4px; }
.linkboard-preview { padding: 26px; border: 1px solid #d6e0ef; border-radius: 30px; background: rgba(255,255,255,.9); box-shadow: 0 24px 55px rgba(33,62,101,.14); }
.linkboard-preview img { display: block; width: 100%; height: auto; border-radius: 18px; }
.linkboard-preview p { margin: 18px 0 0; color: var(--board-muted); font-size: 14px; line-height: 1.7; }
.linkboard-section { padding: 88px 0; }
.linkboard-section.soft { background: var(--board-soft); }
.linkboard-section.dark { background: radial-gradient(circle at 10% 0%, #182d4a 0%, var(--bg) 48%); }
.linkboard-section.dark h2 { color: #fff; }
.linkboard-section h2 { max-width: 760px; margin: 0; font-size: clamp(30px, 4vw, 46px); line-height: 1.3; letter-spacing: -.035em; }
.linkboard-section-lead { max-width: 800px; margin: 18px 0 0; color: var(--board-muted); line-height: 1.9; }
.linkboard-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 34px; }
.linkboard-card { padding: 26px; border: 1px solid #dce3ec; border-radius: 22px; background: #fff; box-shadow: 0 10px 28px rgba(33,49,70,.06); }
.linkboard-card h3 { margin: 0; font-size: 20px; }
.linkboard-card p { margin: 10px 0 0; color: var(--board-muted); line-height: 1.75; }
.linkboard-number { display: block; margin-bottom: 20px; color: var(--board-red); font-size: 13px; font-weight: 900; letter-spacing: .08em; }
.linkboard-problems { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 32px 0 0; padding: 0; list-style: none; }
.linkboard-problems li { position: relative; padding: 18px 20px 18px 48px; border: 1px solid #dce3ec; border-radius: 16px; background: #fff; font-weight: 700; }
.linkboard-problems li::before { content: "✓"; position: absolute; left: 19px; color: var(--board-red); font-weight: 900; }
.linkboard-features { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.linkboard-features .linkboard-card { padding: 22px; }
.linkboard-choice-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 36px; }
.linkboard-choice { display: flex; flex-direction: column; padding: 34px; border: 2px solid; border-radius: 26px; background: #fff; }
.linkboard-choice.browser-choice { border-color: #e5aeba; }
.linkboard-choice.database-choice { border-color: #acc5e8; }
.linkboard-choice-label { align-self: flex-start; margin: 0 0 15px; padding: 6px 11px; border-radius: 999px; background: #f2f4f8; font-size: 13px; font-weight: 900; }
.linkboard-choice h3 { margin: 0; font-size: 26px; }
.linkboard-choice > p:not(.linkboard-choice-label) { color: var(--board-muted); line-height: 1.8; }
.linkboard-choice ul { margin: 6px 0 26px; padding-left: 1.3em; line-height: 1.9; }
.linkboard-choice .linkboard-button { align-self: flex-start; margin-top: auto; }
.linkboard-table-wrap { margin-top: 34px; overflow-x: auto; border: 1px solid #dce3ec; border-radius: 20px; background: #fff; }
.linkboard-table-wrap table { width: 100%; min-width: 660px; border-collapse: collapse; }
.linkboard-table-wrap th, .linkboard-table-wrap td { padding: 18px 20px; border-bottom: 1px solid #e4e9ef; text-align: left; line-height: 1.65; }
.linkboard-table-wrap thead th { background: #26364c; color: #fff; }
.linkboard-table-wrap tbody th { width: 21%; background: #f8fafc; color: #8f1d32; }
.linkboard-table-wrap tbody tr:last-child th, .linkboard-table-wrap tbody tr:last-child td { border-bottom: 0; }
.linkboard-note { margin: 18px 0 0; color: var(--board-muted); font-size: 14px; line-height: 1.8; }
.linkboard-steps { counter-reset: step; }
.linkboard-step::before { counter-increment: step; content: counter(step); display: grid; width: 42px; height: 42px; margin-bottom: 22px; place-items: center; border-radius: 50%; background: var(--board-red); color: #fff; font-weight: 900; }
.linkboard-cta { padding: 48px; border-radius: 30px; background: #25181b; color: #fff; }
.linkboard-cta h2 { color: #fff; }
.linkboard-cta p { max-width: 760px; color: #e3e8ef; }
.linkboard-related { margin-top: 30px; }
.linkboard-related a { display: block; max-width: 720px; padding: 24px; border: 1px solid #dce3ec; border-radius: 18px; background: #fff; color: var(--board-ink); font-weight: 900; line-height: 1.6; text-decoration: none; }
.linkboard-related a span { display: block; margin-top: 8px; color: var(--board-red); font-size: 14px; }
@media (max-width: 900px) {
  .linkboard-hero-grid { grid-template-columns: 1fr; gap: 38px; }
  .linkboard-preview { max-width: 540px; }
  .linkboard-grid, .linkboard-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .linkboard-lp-shell { width: min(100% - 28px, 1120px); }
  .linkboard-hero { padding: 46px 0 60px; }
  .linkboard-section { padding: 62px 0; }
  .linkboard-grid, .linkboard-features, .linkboard-problems, .linkboard-choice-grid { grid-template-columns: 1fr; }
  .linkboard-actions, .linkboard-button { width: 100%; }
  .linkboard-preview { padding: 16px; border-radius: 22px; }
  .linkboard-choice { padding: 28px 22px; border-radius: 22px; }
  .linkboard-choice .linkboard-button { align-self: stretch; }
  .linkboard-cta { padding: 30px 22px; border-radius: 22px; }
}
@media (prefers-reduced-motion: reduce) { .linkboard-button { transition: none; } }