.dvr360-hero{padding:18px 20px;border:1px solid #38bdf84d;border-radius:20px;background:linear-gradient(135deg,#0c4a6e70,#0e749020);color:#cbd5e1;font-size:16px;line-height:1.6}
.dvr360-eyebrow{margin:0 0 10px;color:#7dd3fc;font-size:12px;font-weight:800;letter-spacing:.06em}
.dvr360-hero-title{margin:0 0 10px;color:#fff;font-size:clamp(21px,3vw,28px);font-weight:850;line-height:1.25;text-wrap:balance}
.dvr360-hero a{display:inline-block;margin-top:12px;color:#7dd3fc;font-weight:750;text-decoration:underline;text-underline-offset:4px}
.dvr360-feature{padding:72px 24px;background:#0a1323;color:#cbd5e1;scroll-margin-top:96px}
.dvr360-inner{max-width:1100px;margin-inline:auto}
.dvr360-feature h2{max-width:800px;color:#fff;font-size:clamp(28px,4vw,44px);font-weight:850;line-height:1.15;text-wrap:balance}
.dvr360-intro{max-width:760px;margin-block:20px 28px;font-size:18px;line-height:1.7}
.dvr360-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block:28px}
.dvr360-card{min-width:0;padding:24px;border:1px solid #ffffff1a;border-radius:20px;background:#ffffff04}
.dvr360-number{color:#7dd3fc;font-weight:750;font-size:13px}
.dvr360-card h3{margin-block:14px 10px;color:#fff;font-size:20px;font-weight:750;line-height:1.3}
.dvr360-card p,.dvr360-requirement,.dvr360-limits{font-size:16px;line-height:1.7}
.dvr360-requirement{margin-block:24px 12px}
.dvr360-limits{padding:16px 20px;border-inline-start:3px solid #38bdf8;background:#38bdf80a;border-radius:4px;color:inherit}
.dvr360-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:28px}
.dvr360-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;color:#bae6fd;font-weight:750;text-decoration:underline;text-underline-offset:4px}
.dvr360-actions .dvr360-primary{border-radius:14px;background:#7dd3fc;color:#082f49;text-decoration:none}
.dvr360-setup{margin-block:28px;padding:28px;border:1px solid var(--quick-border,#cbd5e1);border-radius:22px;background:var(--quick-surface,#fff);color:var(--quick-text,#142234);scroll-margin-top:96px;font-size:18px;line-height:1.7}
.dvr360-setup .dvr360-eyebrow{color:var(--quick-accent-strong,#036f9a)}
.dvr360-setup h2{margin-block:0 16px;font-size:28px;line-height:1.25;font-weight:800}
.dvr360-setup p{margin-block:12px}
.dvr360-steps{list-style:decimal;padding-inline-start:26px;margin-block:24px}
.dvr360-steps li{padding-inline-start:8px;margin-block:20px}
.dvr360-steps h3{font-size:20px;font-weight:800;line-height:1.4}
.dvr360-note{font-size:16px}
.dvr360-quick-steps{margin-block:20px}
.dvr360-quick-steps li{padding-block:12px;border-bottom:1px solid var(--quick-border,#cbd5e1)}
.dvr360-quick-steps li::marker{font-weight:800;color:var(--quick-accent-strong,#036f9a)}
.dvr360-quick-steps h3{margin:0}
.dvr360-quick-steps p{margin-block:6px 0;font-size:17px;line-height:1.6}
.dvr360-done{margin-block:20px;padding:16px;border-inline-start:3px solid #16a34a;border-radius:10px;background:color-mix(in srgb,#16a34a 7%,transparent)}
.dvr360-done p:first-child{margin-top:0;font-weight:800;line-height:1.5}
.dvr360-done p:last-child{margin-bottom:0;font-size:16px;line-height:1.5}
.dvr360-quick-limit{color:var(--quick-muted,#475569);line-height:1.5}
.dvr360-extra-details{margin-top:20px;border-top:1px solid var(--quick-border,#cbd5e1)}
.dvr360-more{border-bottom:1px solid var(--quick-border,#cbd5e1)}
.dvr360-more>summary{display:list-item;cursor:pointer;padding:14px 4px;min-height:48px;font-size:17px;font-weight:750;line-height:1.5}
.dvr360-more>div{padding:0 4px 12px;font-size:16px;line-height:1.6}
.dvr360-more>summary:focus-visible{outline:3px solid #0ea5e9;outline-offset:2px}
.dvr360-setup a{display:inline-flex;align-items:center;min-height:48px;color:var(--quick-accent-strong,#036f9a);font-weight:750;text-decoration:underline;text-underline-offset:4px}
.dvr360-faq{margin-block:28px;scroll-margin-top:96px}
.dvr360-faq h2{font-size:26px;line-height:1.3;font-weight:800;margin-block:16px}
.dvr360-faq>a{display:inline-flex;align-items:center;min-height:48px;font-weight:750;text-decoration:underline;text-underline-offset:4px}
.dvr360-faq details{margin-block:12px}
.quick-setup-details>.dvr360-setup{margin:0;border:0;border-radius:0;padding:24px}
#dvr360.quick-setup-details,.dvr360-support-section{scroll-margin-top:96px}
.dvr360-support-section>.dvr360-faq{margin:0;scroll-margin-top:0}
.dvr360-question summary{gap:12px}
.dvr360-faq summary{cursor:pointer;min-height:48px}
.dvr360-feature a:focus-visible,.dvr360-hero a:focus-visible,.dvr360-setup a:focus-visible,.dvr360-faq a:focus-visible{outline:3px solid #0ea5e9;outline-offset:4px}
@media(max-width:700px){.dvr360-grid{grid-template-columns:1fr}.dvr360-feature{padding-block:48px}.dvr360-card{padding:20px}.dvr360-setup{padding:20px}.dvr360-setup h2{font-size:24px}.dvr360-actions{align-items:stretch;flex-direction:column}.dvr360-actions a{width:100%}}
