/* Redesign preview — Basamat (navy / teal / gold kept) */
.rd { --rd-ink:#0A2540; --rd-line:#E3EAF0; }
.rd h2, .rd h3 { color: var(--rd-ink); letter-spacing: -0.01em; }
.rd h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); }
.rd p { color: #4A5E6E; }
.rd .site-header { box-shadow: 0 1px 0 var(--rd-line); }
.rd-kicker { display:inline-block; font-size:.78rem; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color: var(--color-gold-bright); margin-bottom:18px; }
.rd-kicker--dark { color: var(--color-gold); }
.rd-link { display:inline-flex; align-items:center; gap:8px; font-weight:600; color: var(--color-primary); }
.rd-link svg { transition: transform .2s; }
a:hover > .rd-link svg, .rd-link:hover svg { transform: translateX(3px); }

/* Hero */
.rd-hero { background: radial-gradient(1200px 600px at 85% 20%, #0E5B87 0%, transparent 60%), linear-gradient(160deg,#071D33 0%,#0A2C4A 55%,#0B3D63 100%); color:#fff; padding: 96px 0 104px; overflow:hidden; }
.rd-hero__grid { display:grid; grid-template-columns: 1.05fr .95fr; gap:64px; align-items:center; }
.rd-hero h1 { color:#fff; font-size: clamp(2.2rem, 4.2vw, 3.4rem); line-height:1.12; letter-spacing:-0.02em; margin-bottom:22px; }
.rd-lead { color: rgba(255,255,255,.8) !important; font-size:1.1rem; max-width:560px; margin-bottom:34px; }
.rd-hero__actions { display:flex; gap:14px; flex-wrap:wrap; }
.rd-hero__facts { display:flex; gap:36px; margin-top:44px; padding-top:28px; border-top:1px solid rgba(255,255,255,.14); flex-wrap:wrap; }
.rd-hero__facts li { color: rgba(255,255,255,.7); font-size:.92rem; }
.rd-hero__facts strong { display:block; font-family: var(--font-heading); font-size:1.7rem; color: var(--color-gold-bright); line-height:1.1; }
.rd-hero__visual { position:relative; height:460px; }
.rd-tile { position:absolute; background:#fff; border-radius:22px; box-shadow: 0 30px 60px rgba(0,0,0,.28); overflow:hidden; display:flex; align-items:center; justify-content:center; padding:18px; }
.rd-tile img { width:100%; height:100%; object-fit:contain; }
.rd-tile--a { width:58%; height:78%; left:0; top:6%; }
.rd-tile--b { width:40%; height:44%; right:0; top:0; }
.rd-tile--c { width:40%; height:44%; right:6%; bottom:0; }

/* Credibility band */
.rd-band { background:#fff; border-bottom:1px solid var(--rd-line); }
.rd-band__grid { display:grid; grid-template-columns: repeat(4,1fr); }
.rd-band__grid > div { padding:28px 24px; border-left:1px solid var(--rd-line); }
.rd-band__grid > div:first-child { border-left:none; padding-left:0; }
.rd-band strong { display:block; font-family: var(--font-heading); color: var(--rd-ink); font-size:1rem; }
.rd-band span { font-size:.88rem; color:#6C8394; }

/* Products */
.rd-head { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; margin-bottom:40px; }
.rd-products { display:grid; grid-template-columns: repeat(4,1fr); gap:22px; }
.rd-product { display:flex; flex-direction:column; border:1px solid var(--rd-line); border-radius:18px; overflow:hidden; background:#fff; transition: transform .25s, box-shadow .25s, border-color .25s; }
.rd-product:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); border-color: transparent; }
.rd-product__media { aspect-ratio: 1/1; background:#F4F7FA; display:flex; align-items:center; justify-content:center; padding:22px; }
.rd-product__media img { width:100%; height:100%; object-fit:contain; mix-blend-mode: multiply; }
.rd-product__body { padding:22px 22px 20px; display:flex; flex-direction:column; flex:1; }
.rd-product__cat { font-size:.72rem; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color: var(--color-teal-dark); }
.rd-product h3 { font-size:1.2rem; margin:6px 0 8px; }
.rd-product p { font-size:.92rem; line-height:1.55; flex:1; }
.rd-product__foot { display:flex; justify-content:space-between; align-items:center; margin-top:18px; padding-top:14px; border-top:1px solid var(--rd-line); font-size:.8rem; color:#6C8394; }
.rd-product__foot .rd-link { font-size:.88rem; }

/* Steps */
.rd-alt { background: #F5F8FB; }
.rd-split { display:grid; grid-template-columns: .9fr 1.1fr; gap:64px; align-items:start; }
.rd-split p { margin-top:14px; max-width:420px; }
.rd-steps { list-style:none; display:grid; gap:14px; counter-reset:none; }
.rd-steps li { display:flex; gap:20px; background:#fff; border:1px solid var(--rd-line); border-radius:16px; padding:22px 24px; }
.rd-steps span { font-family: var(--font-heading); font-weight:700; color: var(--color-gold); font-size:1.1rem; min-width:32px; }
.rd-steps h3 { font-size:1.05rem; margin-bottom:4px; }
.rd-steps p { margin:0; font-size:.94rem; }

/* CTA */
.rd-cta { display:flex; justify-content:space-between; align-items:center; gap:32px; background: linear-gradient(135deg,#0A2C4A,#0B5D8C); border-radius:24px; padding:52px 56px; }
.rd-cta h2 { color:#fff; }
.rd-cta p { color: rgba(255,255,255,.78); margin-top:8px; }
.rd-cta__actions { display:flex; gap:12px; flex-wrap:wrap; }

@media (max-width: 1024px) {
  .rd-hero__grid, .rd-split { grid-template-columns: 1fr; gap:48px; }
  .rd-hero__visual { height:380px; max-width:560px; }
  .rd-products { grid-template-columns: repeat(2,1fr); }
  .rd-band__grid { grid-template-columns: repeat(2,1fr); }
  .rd-band__grid > div:nth-child(3) { border-left:none; padding-left:0; }
}
@media (max-width: 640px) {
  .rd-hero { padding: 56px 0 64px; }
  .rd-hero__visual { height:260px; }
  .rd-hero__facts { gap:22px; }
  .rd-products { grid-template-columns: 1fr 1fr; gap:12px; }
  .rd-product__body { padding:14px; }
  .rd-product h3 { font-size:1rem; }
  .rd-product p { display:none; }
  .rd-product__foot { flex-direction:column; align-items:flex-start; gap:6px; }
  .rd-band__grid { grid-template-columns: 1fr 1fr; }
  .rd-band__grid > div { padding:18px 12px; }
  .rd-head { flex-direction:column; align-items:flex-start; }
  .rd-cta { flex-direction:column; align-items:flex-start; padding:36px 26px; }
}
.rd .site-footer p, .rd .site-footer li, .rd .site-footer address { color: rgba(255,255,255,.72); }

/* ---------- Inner pages (site-wide redesign) ---------- */
.rd .page-header { background: radial-gradient(900px 420px at 85% 0%, #0E5B87 0%, transparent 60%), linear-gradient(160deg,#071D33 0%,#0A2C4A 55%,#0B3D63 100%); padding: 72px 0 64px; }
.rd .page-header h1 { color:#fff; letter-spacing:-0.02em; text-wrap: balance; }
.rd .page-header .eyebrow { background:none; padding:0; color: var(--color-gold-bright); letter-spacing:.14em; }
.rd .eyebrow { background:none; padding:0; border-radius:0; color: var(--color-gold); letter-spacing:.14em; font-weight:600; }
.rd .section--alt { background:#F5F8FB; }
.rd .card, .rd .product-card, .rd .form-card, .rd .contact-item, .rd .value-card { border:1px solid var(--rd-line); border-radius:18px; box-shadow:none; }
.rd .card:hover, .rd .product-card:hover { box-shadow: var(--shadow-lg); border-color: transparent; }
.rd .product-media, .rd .product-visual { background:#F4F7FA; }
.rd .product-media img, .rd .product-visual img { object-fit: contain; mix-blend-mode: multiply; }
.rd .product-cat { color: var(--color-teal-dark); letter-spacing:.12em; }
.rd .filter-btn.active { background: var(--rd-ink); border-color: var(--rd-ink); color:#fff; }
.rd .cta-banner { background: linear-gradient(135deg,#0A2C4A,#0B5D8C); border-radius:24px; }
.rd .cta-banner h2 { color:#fff; }
.rd .cta-banner p { color: rgba(255,255,255,.78); }
.rd .related-heading { color: var(--rd-ink); }
.rd .feature-list li { color:#3C5163; }
.rd .page-header p, .rd .page-header .breadcrumb, .rd .page-header .breadcrumb a { color: rgba(255,255,255,.8); }
.rd .hero p.lead { color: rgba(255,255,255,.8); }