.landingDesign, .landingDesign * { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji'; }
:root { --section-gap: clamp(24px, 3.2vw, 40px); }
@keyframes overImgShineLanding{ 0%,78%{opacity:0; background-position:-40% 0;} 82%,86%{opacity:.55;} 88%{opacity:0; background-position:140% 0;} 100%{opacity:0; background-position:140% 0;} }
.landingElearning { color:#047857; font-weight:800; letter-spacing:.01em; line-height:1.45; font-size:15px; min-height: 1.45em; margin-top:-8px; }
.landingElearning--placeholder { visibility:hidden; }
.landingElearning--practical { display:flex; align-items:center; gap:6px; white-space:nowrap; font-size:14px; letter-spacing:0; }
.landingElearning--practical .practicalVidIcon { flex:0 0 auto; width:15px; height:15px; }
.landingVatLabel { font-family: 'Inter',system-ui,-apple-system,sans-serif; font-size:14px; font-weight:600; color:#047857; letter-spacing:.02em; margin-left:7px; white-space:nowrap; }
@keyframes landingInfoGlitterDriftA{
        0%   { background-position: 0% 100%; filter: brightness(1); }
        50%  { filter: brightness(1.15); }
        100% { background-position: 120% -20%; filter: brightness(1); }
    }
@keyframes landingInfoGlitterDriftB{
        0%   { background-position: -10% 110%; filter: brightness(1); }
        33%  { filter: brightness(1.2); }
        66%  { filter: brightness(0.95); }
        100% { background-position: 110% -10%; filter: brightness(1); }
    }
@keyframes landingBtnShine{ to{ transform: translateX(130%); } }
@keyframes landingBtnShineMobileCycle{
        0%, 72% { transform: translateX(-130%); opacity: 0; }
        78%, 90% { opacity: .9; }
        100% { transform: translateX(130%); opacity: 0; }
    }
.productSection.landingDesign { margin-top: 0; margin-bottom: clamp(24px, 3.6vw, 48px); }
:root { --section-gap: clamp(16px, 2.2vw, 28px); }
.blackText { color: #000000; }
.trustContainer + .cpdContainer { margin-top: clamp(28px, 2.8vw, 44px) !important; }
@media (max-width: 767.98px) {
    .trustContainer + .cpdContainer { margin-top: 24px !important; }
}
@media (max-width: 640px) {
    .landingElearning--practical { white-space: normal; overflow-wrap: anywhere; }
}
@media (max-width: 640px) {
    .landingVatLabel { white-space: normal; overflow-wrap: anywhere; }
}
