/* Product-page additions only; the shared Deponest design system stays intact. */
.vdr-unified { --teal:var(--blue); }
.vdr-unified .vdr-page h2,
.vdr-unified .vdr-feature h3 { color:var(--ink); }
.vdr-unified .tag-list li { color:var(--ink); font-weight:400; }
.vdr-unified .vdr-problem-card { color:var(--blue); }
.vdr-unified [id] { scroll-margin-top: 120px; }
.vdr-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.vdr-actions .btn { white-space:nowrap; }
.vdr-lead { font-size:21px; font-weight:650; }
.vdr-intro { max-width:850px; margin:0 auto; }
.vdr-steps { grid-column:1/-1; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; margin:0; padding:28px 0 0; border-top:1px solid var(--line); list-style:none; counter-reset:step; }
.vdr-steps li { counter-increment:step; }
.vdr-steps li::before { content:'0' counter(step); display:block; color:var(--blue); font-size:23px; font-weight:800; }
.vdr-steps strong,.vdr-steps span,.vdr-annex-steps strong,.vdr-annex-steps span { display:block; }
.vdr-steps span { font-size:15px; margin-top:8px; color:var(--muted); }
.vdr-split { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; }
.vdr-split .soft-card { padding:30px; }
.vdr-ai,.vdr-secondary-uses { margin-top:32px; color:var(--muted); }
.vdr-use-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:28px; }
.vdr-use-card { background:#fff; border:1px solid var(--line); border-radius:var(--radius,12px); overflow:hidden; box-shadow:var(--shadow-card); }
.vdr-use-card > div:last-child { padding:22px; }
.vdr-use-card h3 { font-size:21px; margin:0 0 12px; }
.vdr-use-card p { font-size:16px; }
.vdr-use-card a { font-weight:700; }
.vdr-use-image { height:145px; background-image:url('/virtual-data-room-vdr/assets/use-cases.png'); background-size:300% auto; background-repeat:no-repeat; }
.vdr-estate-docs .soft-card { padding:26px; }
.vdr-use-ma { background-position:left center; }
.vdr-use-invest { background-position:center; }
.vdr-use-estate { background-position:right center; }
.vdr-annex { display:grid; grid-template-columns:1fr 1fr; gap:54px; padding:44px; background:#eaf6fb; border:1px solid #c5e4ed; border-left:5px solid var(--teal); border-radius:var(--radius,12px); }
.vdr-eyebrow { text-transform:uppercase; letter-spacing:.08em; font-size:12px; font-weight:800; color:var(--blue); }
.vdr-annex-steps { margin:0; padding-left:24px; }
.vdr-annex-steps li { padding-left:8px; margin:0 0 20px; }
.vdr-annex-steps li::marker { color:var(--teal); font-weight:800; }
.vdr-annex-steps span { margin-top:5px; font-size:15px; }
.vdr-demo img { border:1px solid var(--line); border-radius:var(--radius,12px); box-shadow:var(--shadow-card); width:100%; }
.vdr-demo-copy { max-width:860px; margin:0 auto; text-align:center; }
.vdr-demo-copy .vdr-actions { justify-content:center; }
.vdr-small { color:var(--muted); font-size:14px; }
.vdr-quote-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(240px,1fr); align-items:start; gap:30px; margin-top:30px; }
.vdr-unified .quote-form { padding:30px; background:#fff; border:1px solid var(--line); border-radius:var(--radius,12px); }
.vdr-unified .form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.vdr-unified .quote-form label { display:block; font-size:15px; font-weight:600; }
.vdr-unified .quote-form input:not([type=checkbox]),.vdr-unified .quote-form select,.vdr-unified .quote-form textarea { display:block; width:100%; padding:12px; border:1px solid #bccddd; border-radius:7px; background:white; font:inherit; color:var(--ink); margin-top:6px; }
.vdr-unified .quote-form fieldset { margin:24px 0; padding:18px; border:1px solid var(--line); border-radius:8px; }
.vdr-unified .quote-form fieldset label { font-weight:400; margin:8px 0; }
.vdr-unified .quote-form input[type=checkbox] { accent-color:var(--blue); width:18px; height:18px; vertical-align:middle; margin-right:8px; }
.vdr-unified .quote-form .consent { margin:20px 0; font-weight:400; }
.vdr-unified .quote-form .form-hp { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.vdr-unified .form-actions { display:flex; flex-wrap:wrap; gap:12px; }
.vdr-unified .form-note { font-size:14px; }
.vdr-unified .form-note.success { color:var(--blue); }
.vdr-unified .form-note.error { color:#a11b30; }
.vdr-unified .quote-form button:disabled { opacity:.6; cursor:wait; }
.vdr-quote-aside { padding:26px; overflow-wrap:anywhere; }
.vdr-reading-intro { max-width:720px; margin:0 0 28px; color:var(--muted); }
.vdr-reading { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.vdr-reading-single { grid-template-columns:minmax(260px,290px); }
.vdr-reading-card { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius,12px); background:#fff; box-shadow:var(--shadow-card); }
.vdr-reading-card > div { padding:20px; }
.vdr-reading-image { display:block; height:145px; overflow:hidden; background:#eaf3fb; }
.vdr-reading-image img { width:100%; height:100%; object-fit:cover; transition:transform .2s ease; }
.vdr-reading-card:hover .vdr-reading-image img { transform:scale(1.04); }
.vdr-reading-card h3 { font-size:19px; line-height:1.3; margin:0 0 10px; }
.vdr-reading-card h3 a { color:var(--ink); text-decoration:none; }
.vdr-reading-card p { min-height:76px; margin:0 0 16px; font-size:15px; color:var(--muted); }
.vdr-reading-link { font-weight:700; }
.vdr-unified :focus-visible { outline:3px solid var(--blue); outline-offset:4px; }
@media(max-width:900px) { .vdr-split,.vdr-annex,.vdr-quote-layout { grid-template-columns:1fr; } .vdr-steps { grid-template-columns:repeat(2,minmax(0,1fr)); } .vdr-use-grid { gap:16px; } .vdr-use-card > div:last-child { padding:16px; } .vdr-reading { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) { .vdr-use-grid,.vdr-reading,.vdr-unified .form-grid { grid-template-columns:1fr; } .vdr-annex { padding:24px; gap:24px; } .vdr-unified .quote-form { padding:20px; } .vdr-steps { grid-template-columns:1fr; } .vdr-use-image { height:160px; } .vdr-actions { align-items:stretch; } .vdr-actions .btn { text-align:center; } }