/* Live text and vector icons remain crisp at any resolution. Phones keep the poster. */
.dlci-prevention-desktop { display:none; }
.dlci-prevention-feature { display:none; }
@media (min-width:768px) {
 .dlci-faq .dlci-prevention-mobile { display:none; }
 .dlci-section.dlci-prevention-feature { display:block; background:#f6f7f8; padding:44px 24px; }
 .dlci-prevention-desktop { display:block; width:100%; max-width:min(960px,calc((100svh - 180px) * 1.333333)); margin:0 auto; }
 .dlci-prevention-tablet { padding:15px; }
 .dlci-prevention-tablet .dlci-prevention-screen { display:block; aspect-ratio:4/3; background:#0b2239; container-type:inline-size; }
 .dlci-prevention-app { position:absolute; inset:0; display:flex; flex-direction:column; background:#f5f7fa; transform-origin:50% 45%; }
 .dlci-prevention-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 24px; background:#fff; border-bottom:1px solid #e1e8ef; font:600 13px/1.4 Roboto,Arial,sans-serif; color:#0c223b; }
 .dlci-prevention-bar > span:first-child { display:flex; gap:10px; align-items:center; }
 .dlci-prevention-bar img { width:34px; height:34px; object-fit:contain; }
 .dlci-prevention-bar small { font-size:11px; font-weight:400; color:#52677b; }
 .dlci-prevention-badge { color:#a32a19; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
 .dlci-prevention-columns { flex:1; min-height:0; display:grid; grid-template-columns:1fr 1fr; }
 .dlci-prevention-topics,.dlci-prevention-support { min-width:0; min-height:0; overflow:auto; scrollbar-width:thin; padding:clamp(23px,4cqw,42px); display:flex; flex-direction:column; justify-content:safe center; }
 .dlci-prevention-topics { background:linear-gradient(150deg,#102b46,#091b2e); }
 .dlci-prevention-app .dlci-prevention-kicker { font:500 clamp(9px,1.05cqw,11px)/1.5 Roboto,Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; margin:0 0 18px; color:#c5d3e2; }
 .dlci-prevention-app .dlci-prevention-topics :is(h2,h3) { margin:0 0 27px; font:500 clamp(23px,3.2cqw,34px)/1.2 'Source Serif Pro',Georgia,serif; color:#fff; letter-spacing:-.02em; }
 .dlci-prevention-desktop .dlci-prevention-app h2::before { content:none; }
 .dlci-prevention-topic-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
 .dlci-prevention-topic { min-width:0; min-height:clamp(110px,15cqw,155px); display:flex; flex-direction:column; align-items:flex-start; justify-content:space-between; gap:12px; padding:clamp(13px,1.9cqw,20px); border:1px solid #748fa754; border-radius:15px; color:#fff!important; background:#1b3852; box-shadow:0 5px 0 #031120,0 9px 18px #0002; text-decoration:none!important; font-family:Roboto,Arial,sans-serif; transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease; }
 .dlci-topic-top { display:flex; align-items:center; justify-content:space-between; width:100%; color:#c0d4e7; }
 .dlci-topic-top svg { width:clamp(21px,2.6cqw,28px); height:clamp(21px,2.6cqw,28px); }
 .dlci-topic-top > span { font-size:20px; }
 .dlci-prevention-topic strong { font-size:clamp(15px,2.05cqw,22px); line-height:1.25; font-weight:500; }
 .dlci-prevention-topic small { color:#c0d4e7; font-size:clamp(9px,1cqw,11px); line-height:1.35; }
 .dlci-prevention-topic:hover { background:#274861; border-color:#96b1c8; transform:translateY(-2px); }
 .dlci-prevention-topic:active,.dlci-prevention-topic.is-demo-pressed { transform:translateY(5px) scale(.98); background:#395570; border-color:#b8ccde; box-shadow:0 0 0 #031120,inset 0 3px 10px #020c194a; }
 .dlci-prevention-topic:focus-visible,.dlci-prevention-contact:focus-visible,.dlci-prevention-replay:focus-visible { outline:3px solid #ce614d; outline-offset:5px; }
 .dlci-prevention-app .dlci-prevention-hint { margin:24px 0 0; color:#e3edf6; font:400 clamp(11px,1.3cqw,14px)/1.65 Roboto,Arial,sans-serif; }
 .dlci-prevention-hint span { color:#b7cadd; font-size:clamp(10px,1.1cqw,12px); }
 .dlci-prevention-support { background:#f7f9fb; }
 .dlci-prevention-support .dlci-prevention-kicker { color:#a32a19; }
 .dlci-prevention-app .dlci-prevention-support :is(h2,h3) { margin:0 0 27px; font:600 clamp(22px,2.85cqw,30px)/1.15 'Source Serif Pro',Georgia,serif; color:#0c223b; }
 .dlci-prevention-support :is(h2,h3) span { display:block; margin-top:9px; font:500 clamp(11px,1.5cqw,16px)/1.4 Roboto,Arial,sans-serif; letter-spacing:.06em; }
 .dlci-prevention-support ul { display:grid; gap:clamp(12px,1.9cqw,20px); list-style:none; padding:0; margin:0; }
 .dlci-prevention-app .dlci-prevention-support li { display:flex; align-items:center; gap:13px; color:#28455f; font:500 clamp(12px,1.65cqw,17px)/1.45 Roboto,Arial,sans-serif; }
 .dlci-prevention-support li svg { width:24px; height:24px; flex-shrink:0; color:#8d301f; }
 .dlci-prevention-message { border-top:1px solid #dce5ed; padding-top:22px; margin-top:27px; }
 .dlci-prevention-message strong { font:600 clamp(23px,3.1cqw,32px)/1.2 'Source Serif Pro',Georgia,serif; color:#0c223b; }
 .dlci-prevention-app .dlci-prevention-message p { margin:9px 0 20px; color:#536d83; font:400 clamp(12px,1.45cqw,15px)/1.5 Roboto,Arial,sans-serif; }
 .dlci-prevention-contact { display:flex; gap:14px; align-items:center; justify-content:space-between; background:#a32a19; color:#fff!important; border-radius:9px; padding:13px 18px; font:500 clamp(12px,1.4cqw,15px)/1.5 Roboto,Arial,sans-serif; text-decoration:none!important; }
 .dlci-prevention-contact:hover { background:#852414; }
 .dlci-prevention-caption { display:flex; align-items:center; justify-content:space-between; gap:18px; margin:22px 5px 0; }
 #dlci-prevention .dlci-prevention-caption p { margin:0; font:400 13px/1.6 Roboto,Arial,sans-serif; color:#53677a; }
 .dlci-prevention-replay { flex-shrink:0; border:1px solid #cbd6e0; border-radius:30px; background:#fff; color:#29465f; padding:10px 15px; font:500 12px/1.5 Roboto,Arial,sans-serif; cursor:pointer; }
 .dlci-prevention-replay[hidden] { display:none; }
 .dlci-prevention-replay span { margin-left:7px; font-size:17px; }
 .dlci-prevention-launcher { display:none; position:absolute; inset:0; background:radial-gradient(ellipse at 15% 15%,#7f3148,transparent 60%),radial-gradient(ellipse at 85% 85%,#244968,transparent 70%),#10283e; color:#fff; flex-direction:column; align-items:center; justify-content:center; gap:35px; }
 .dlci-launcher-label { position:absolute; top:35px; font:500 12px/1.5 Roboto,Arial,sans-serif; letter-spacing:.1em; }
 .dlci-launcher-app { position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; font:400 13px/1.6 Roboto,Arial,sans-serif; }
 .dlci-launcher-app strong { font-size:19px; }
 .dlci-launcher-app > span:last-of-type { color:#d5e2ef; }
 .dlci-launcher-icon { display:grid; place-items:center; width:clamp(100px,14cqw,148px); height:clamp(100px,14cqw,148px); border-radius:28%; background:#fff; box-shadow:0 16px 45px #0003; }
 .dlci-launcher-icon img { width:75%; height:75%; object-fit:contain; }
 .dlci-launcher-bottom { position:absolute; bottom:35px; color:#b9cede; font:400 12px/1.5 Roboto,Arial,sans-serif; letter-spacing:.1em; }
 .dlci-launcher-tap { position:absolute; top:25%; left:70%; width:27px; height:27px; border:2px solid #fff; border-radius:50%; background:#ffffff44; opacity:0; box-shadow:0 0 0 8px #ffffff15; }
 .dlci-prevention-desktop.is-waiting .dlci-prevention-app,.dlci-prevention-desktop.is-launching .dlci-prevention-app { opacity:0; visibility:hidden; }
 .dlci-prevention-desktop.is-waiting .dlci-prevention-launcher,.dlci-prevention-desktop.is-launching .dlci-prevention-launcher,.dlci-prevention-desktop.is-opening .dlci-prevention-launcher { display:flex; }
 .dlci-prevention-desktop.is-launching .dlci-launcher-tap { animation:dlci-app-tap .65s ease both; }
 .dlci-prevention-desktop.is-launching .dlci-launcher-icon { animation:dlci-icon-press .65s ease both; }
 .dlci-prevention-desktop.is-opening .dlci-prevention-app { animation:dlci-app-open .65s cubic-bezier(.2,.7,.2,1) both; }
 @keyframes dlci-app-tap { 0% {opacity:0;transform:translate(25px,30px) scale(1.1);} 35% {opacity:1;transform:translate(0,0);} 65% {opacity:1;transform:scale(.8);} 100% {opacity:0;transform:scale(1.2);} }
 @keyframes dlci-icon-press { 0%,35%,100% {transform:scale(1);} 65% {transform:scale(.93);} }
 @keyframes dlci-app-open { from {opacity:0;transform:scale(.18);border-radius:80px;} to {opacity:1;transform:scale(1);border-radius:0;} }
}
@container (max-width:820px) {
 .dlci-prevention-bar { padding:8px 18px; }
 .dlci-prevention-bar small { display:none; }
 .dlci-prevention-topics,.dlci-prevention-support { padding:18px; }
 .dlci-prevention-app .dlci-prevention-kicker { margin-bottom:12px; }
 .dlci-prevention-app .dlci-prevention-topics :is(h2,h3),.dlci-prevention-app .dlci-prevention-support :is(h2,h3) { margin-bottom:16px; }
 .dlci-prevention-app .dlci-prevention-hint { margin-top:12px; font-size:10px; line-height:1.6; }
 .dlci-prevention-topic-grid { gap:11px; }
 .dlci-prevention-topic { gap:7px; padding:12px; }
 .dlci-prevention-support ul { gap:11px; }
 .dlci-prevention-message { margin-top:18px; padding-top:16px; }
}
/* The fixed 4:3 screen needs a denser layout when its height is limited. */
@container (max-width:660px) {
 .dlci-prevention-topics,.dlci-prevention-support { padding:12px; }
 .dlci-prevention-app .dlci-prevention-kicker { margin-bottom:6px; }
 .dlci-prevention-app .dlci-prevention-topics :is(h2,h3) { font-size:18px; line-height:1.2; margin-bottom:10px; }
 .dlci-prevention-topic-grid { gap:8px; }
 .dlci-prevention-topic { min-height:90px; gap:6px; padding:9px; border-radius:11px; }
 .dlci-topic-top svg { width:18px; height:18px; }
 .dlci-topic-top > span { font-size:17px; }
 .dlci-prevention-topic strong { font-size:13px; line-height:1.2; }
 .dlci-prevention-topic small { font-size:8px; }
 .dlci-prevention-app .dlci-prevention-hint { margin-top:8px; font-size:9px; line-height:1.4; }
 .dlci-prevention-hint span { font-size:8px; }
 .dlci-prevention-app .dlci-prevention-support :is(h2,h3) { font-size:19px; margin-bottom:12px; }
 .dlci-prevention-support :is(h2,h3) span { margin-top:5px; font-size:11px; }
 .dlci-prevention-support ul { gap:7px; }
 .dlci-prevention-app .dlci-prevention-support li { gap:10px; font-size:11px; line-height:1.35; }
 .dlci-prevention-support li svg { width:18px; height:18px; }
 .dlci-prevention-message { margin-top:12px; padding-top:10px; }
 .dlci-prevention-message strong { font-size:21px; }
 .dlci-prevention-app .dlci-prevention-message p { font-size:11px; margin:8px 0 12px; }
 .dlci-prevention-contact { font-size:11px; padding:8px 10px; }
}
@media (min-width:768px) and (max-width:900px) {
 .dlci-prevention-caption { align-items:flex-start; }
}
@media (prefers-reduced-motion:reduce) {
 .dlci-prevention-desktop * { animation:none!important; transition:none!important; }
 .dlci-prevention-topic:hover,.dlci-prevention-topic:active { transform:none; }
}