/* ================
           SCOPED STYLES - All within .ccl-roadsingle--wrapper
           ================ */

     .ccl-roadsingle--wrapper {
         /* CSS Variables */
         --ccl-primary-blue: #1d63ff;
         --ccl-cta-blue: #0b5cff;
         --ccl-cta-dark: #0846c1;
         --ccl-accent-green: #10b981;
         --ccl-accent-gold: #ffa826;
         --ccl-ink: #1e293b;
         --ccl-muted: #64748b;
         --ccl-soft-border: #e5e7eb;
         --ccl-white: #ffffff;
         --ccl-off-white: #f8fafc;

         /* Typography */
         --ccl-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
         --ccl-font-display: 'Inter Tight', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

         /* Spacing */
         --ccl-section-padding: 100px;
         --ccl-card-padding: 36px;
         --ccl-gap-large: 32px;
         --ccl-gap-medium: 24px;
         --ccl-gap-small: 16px;

         /* Base Styles */
         font-family: var(--ccl-font-primary);
         font-size: 16px;
         line-height: 1.6;
         color: var(--ccl-ink);
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
     }

     .ccl-roadsingle--wrapper main {
         overflow-x: hidden;
     }

     .ccl-roadsingle--wrapper h1,
     .ccl-roadsingle--wrapper h2,
     .ccl-roadsingle--wrapper h3,
     .ccl-roadsingle--wrapper h4,
     .ccl-roadsingle--wrapper h5,
     .ccl-roadsingle--wrapper h6,
     .ccl-roadsingle--wrapper p,
     .ccl-roadsingle--wrapper ul,
     .ccl-roadsingle--wrapper ol {
         box-sizing: border-box;
     }

     .ccl-roadsingle--wrapper h1,
     .ccl-roadsingle--wrapper h2,
     .ccl-roadsingle--wrapper h3,
     .ccl-roadsingle--wrapper h4,
     .ccl-roadsingle--wrapper h5,
     .ccl-roadsingle--wrapper h6,
     .ccl-roadsingle--wrapper p {
         margin: 0;
         padding: 0;
     }

     .ccl-roadsingle--wrapper h1,
     .ccl-roadsingle--wrapper h2,
     .ccl-roadsingle--wrapper h3,
     .ccl-roadsingle--wrapper h4,
     .ccl-roadsingle--wrapper h5,
     .ccl-roadsingle--wrapper h6 {
         font-family: var(--ccl-font-display);
         font-weight: 800;
         line-height: 1.2;
         color: var(--ccl-ink);
     }

     .ccl-roadsingle--wrapper p {
         margin-block: 1em;
     }

     .ccl-roadsingle--wrapper ul,
     .ccl-roadsingle--wrapper ol {
         margin-bottom: 1em;
         padding-left: 1.5em;
     }

     .ccl-roadsingle--wrapper a {
         color: var(--ccl-primary-blue);
         text-decoration: none;
         transition: color 0.3s ease;
     }

     .ccl-roadsingle--wrapper a:hover {
         color: var(--ccl-cta-dark);
     }

     /* ================
           HERO SECTION
           ================ */

     .ccl-roadsingle--hero {
         position: relative;
         background: linear-gradient(135deg, #0846c1 0%, #1d63ff 50%, #0b5cff 100%);
         padding: 100px 24px 100px;
         text-align: center;
         overflow: hidden;
     }

     .ccl-roadsingle--hero * {
         text-align: center;
     }

     .ccl-roadsingle--hero .ccl-roadsingle--hero-ctas,
     .ccl-roadsingle--hero .ccl-roadsingle--hero-stats {
         display: flex;
         justify-content: center;
     }

     .ccl-roadsingle--hero::before {
         content: '';
         position: absolute;
         top: -50%;
         left: -10%;
         width: 500px;
         height: 500px;
         background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
         border-radius: 50%;
         animation: ccl-roadsingle-glow-pulse 8s ease-in-out infinite;
     }

     .ccl-roadsingle--hero::after {
         content: '';
         position: absolute;
         bottom: -30%;
         right: -5%;
         width: 400px;
         height: 400px;
         background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
         border-radius: 50%;
         animation: ccl-roadsingle-glow-pulse 10s ease-in-out infinite 2s;
     }

     @keyframes ccl-roadsingle-glow-pulse {

         0%,
         100% {
             transform: translate(0, 0) scale(1);
             opacity: 0.5;
         }

         50% {
             transform: translate(20px, 20px) scale(1.1);
             opacity: 0.8;
         }
     }

     .ccl-roadsingle--hero-content {
         position: relative;
         z-index: 1;
         max-width: 950px;
         margin: 0 auto;
     }

     .ccl-roadsingle--hero-kicker {
         display: inline-flex;
         align-items: center;
         gap: 8px;
         background: rgba(255, 255, 255, 0.15);
         color: var(--ccl-white);
         padding: 8px 20px;
         border-radius: 50px;
         font-size: 0.9rem;
         font-weight: 600;
         letter-spacing: 0.5px;
         margin-bottom: 24px;
         backdrop-filter: blur(10px);
         animation: ccl-roadsingle-fadeInDown 0.8s ease-out;
     }

     @keyframes ccl-roadsingle-fadeInDown {
         from {
             opacity: 0;
             transform: translateY(-30px);
         }

         to {
             opacity: 1;
             transform: translateY(0);
         }
     }

     .ccl-roadsingle--hero h1 {
         font-size: clamp(2.5rem, 6vw, 4.5rem);
         color: var(--ccl-white);
         margin-bottom: 24px;
         text-align: center;
         animation: ccl-roadsingle-fadeInUp 0.8s ease-out 0.2s backwards;
     }

     @keyframes ccl-roadsingle-fadeInUp {
         from {
             opacity: 0;
             transform: translateY(30px);
         }

         to {
             opacity: 1;
             transform: translateY(0);
         }
     }

     .ccl-roadsingle--hero-lead {
         font-size: clamp(1.1rem, 2vw, 1.35rem);
         color: rgba(255, 255, 255, 0.95);
         line-height: 1.6;
         margin-bottom: 40px;
         text-align: center;
         animation: ccl-roadsingle-fadeInUp 0.8s ease-out 0.4s backwards;
     }

     .ccl-roadsingle--hero-ctas {
         display: flex;
         flex-wrap: wrap;
         gap: 16px;
         justify-content: center;
         margin-bottom: 60px;
         animation: ccl-roadsingle-fadeInUp 0.8s ease-out 0.6s backwards;
     }

     .ccl-roadsingle--hero-stats {
         display: flex;
         flex-wrap: wrap;
         gap: 40px;
         justify-content: center;
         animation: ccl-roadsingle-fadeInUp 0.8s ease-out 0.8s backwards;
     }

     .ccl-roadsingle--hero-stat {
         display: flex;
         align-items: center;
         gap: 12px;
         color: var(--ccl-white);
     }

     .ccl-roadsingle--hero-stat-icon {
         width: 48px;
         height: 48px;
         background: rgba(255, 255, 255, 0.2);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 1.3rem;
         backdrop-filter: blur(10px);
     }

     .ccl-roadsingle--hero-stat-text {
         text-align: left;
     }

     .ccl-roadsingle--hero-stat-label {
         display: block;
         font-size: 0.85rem;
         opacity: 0.9;
         font-weight: 500;
     }

     .ccl-roadsingle--hero-stat-value {
         display: block;
         font-size: 1.05rem;
         font-weight: 700;
     }

     /* ================
           BUTTONS
           ================ */

     .ccl-roadsingle--btn {
         display: inline-flex;
         align-items: center;
         gap: 10px;
         padding: 16px 32px;
         border-radius: 8px;
         font-family: var(--ccl-font-primary);
         font-size: 1rem;
         font-weight: 700;
         text-decoration: none;
         border: none;
         cursor: pointer;
         transition: all 0.3s ease;
         position: relative;
         overflow: hidden;
         box-sizing: border-box;
     }

     .ccl-roadsingle--btn::before {
         content: '';
         position: absolute;
         top: 50%;
         left: 50%;
         width: 0;
         height: 0;
         border-radius: 50%;
         background: rgba(255, 255, 255, 0.2);
         transform: translate(-50%, -50%);
         transition: width 0.6s ease, height 0.6s ease;
     }

     .ccl-roadsingle--btn:active::before {
         width: 300px;
         height: 300px;
     }

     .ccl-roadsingle--btn--primary {
         background: var(--ccl-white);
         color: var(--ccl-cta-blue);
         box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
     }

     .ccl-roadsingle--btn--primary:hover {
         transform: translateY(-2px);
         box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
     }

     .ccl-roadsingle--btn--secondary {
         background: var(--ccl-white);
         color: var(--ccl-cta-blue);
         border: 2px solid var(--ccl-white);
     }

     .ccl-roadsingle--btn--secondary:hover {
         background: transparent;
         color: var(--ccl-white);
     }

     .ccl-roadsingle--btn--cta {
         background: var(--ccl-cta-blue);
         color: var(--ccl-white);
         box-shadow: 0 4px 14px rgba(11, 92, 255, 0.3);
     }

     .ccl-roadsingle--btn--cta:hover {
         background: var(--ccl-cta-dark);
         transform: translateY(-2px);
         box-shadow: 0 6px 20px rgba(11, 92, 255, 0.4);
     }

     .ccl-roadsingle--btn i {
         position: relative;
         z-index: 1;
     }

     .ccl-roadsingle--btn span {
         position: relative;
         z-index: 1;
     }

     /* ================
           SECTION COMMON STYLES
           ================ */

     .ccl-roadsingle--section {
         padding: var(--ccl-section-padding) 24px;
     }

     .ccl-roadsingle--section--alt {
         background: var(--ccl-off-white);
     }

     .ccl-roadsingle--container {
         max-width: 1200px;
         margin: 0 auto;
     }

     .ccl-roadsingle--section-header {
         text-align: center;
         margin-bottom: 60px;
     }

     .ccl-roadsingle--section-header *:not(mark) {
         text-align: center;
     }

     .ccl-roadsingle--section-kicker {
         display: inline-flex;
         align-items: center;
         gap: 12px;
         color: var(--ccl-primary-blue);
         font-size: 0.95rem;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 1px;
         margin-bottom: 16px;
     }

     .ccl-roadsingle--section-kicker::before,
     .ccl-roadsingle--section-kicker::after {
         content: '';
         width: 40px;
         height: 2px;
         background: var(--ccl-primary-blue);
     }

     .ccl-roadsingle--section-title {
         font-size: clamp(2.25rem, 5vw, 3.5rem);
         margin-bottom: 20px;
         text-align: center;
     }

     .ccl-roadsingle--section-title mark {
         background: linear-gradient(180deg, transparent 60%, rgba(29, 99, 255, 0.2) 60%);
         color: inherit;
     }

     .ccl-roadsingle--section-lead {
         font-size: 1.2rem;
         color: var(--ccl-muted);
         line-height: 1.7;
         margin: 0 auto;
         text-align: center;
     }

     .ccl-roadsingle--asterisk {
         color: var(--ccl-primary-blue);
         font-weight: 700;
     }

     /* ================
           WHO CAN CLAIM SECTION
           ================ */

     .ccl-roadsingle--claim-hero {
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.05), rgba(16, 185, 129, 0.05));
         border-radius: 24px;
         padding: 48px;
         margin-top: 48px;
         border: 3px solid var(--ccl-primary-blue);
     }

     .ccl-roadsingle--claim-hero-content {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 48px;
         align-items: center;
     }

     .ccl-roadsingle--claim-text h3 {
         font-size: 2.5rem;
         color: var(--ccl-primary-blue);
         margin-bottom: 24px;
         display: flex;
         align-items: center;
         gap: 16px;
     }

     .ccl-roadsingle--claim-text h3 i {
         font-size: 2.5rem;
         flex-shrink: 0;
     }

     .ccl-roadsingle--claim-text p {
         font-size: 1.15rem;
         line-height: 1.8;
         color: var(--ccl-muted);
         margin-bottom: 24px;
     }

     .ccl-roadsingle--claim-categories {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 16px;
     }

     .ccl-roadsingle--claim-category {
         background: var(--ccl-white);
         padding: 20px;
         border-radius: 12px;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--claim-category:hover {
         border-color: var(--ccl-primary-blue);
         transform: translateY(-3px);
         box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
     }

     .ccl-roadsingle--claim-category-icon {
         width: 50px;
         height: 50px;
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-white);
         font-size: 1.5rem;
         margin-bottom: 12px;
     }

     .ccl-roadsingle--claim-category h4 {
         font-size: 1.1rem;
         margin-bottom: 8px;
         color: var(--ccl-ink);
     }

     .ccl-roadsingle--claim-category p {
         font-size: 0.9rem;
         color: var(--ccl-muted);
         margin: 0;
         line-height: 1.5;
     }

     .ccl-roadsingle--ctp-breakdown {
         background: var(--ccl-white);
         border-radius: 20px;
         padding: 40px;
         box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
     }

     .ccl-roadsingle--ctp-breakdown h4 {
         font-size: 1.6rem;
         color: var(--ccl-ink);
         margin-bottom: 24px;
         text-align: center;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 12px;
     }

     .ccl-roadsingle--ctp-breakdown h4 i {
         color: var(--ccl-primary-blue);
         font-size: 1.8rem; flex-shrink: 0;
     }

     .ccl-roadsingle--ctp-items {
         display: flex;
         flex-direction: column;
         gap: 20px;
     }

     .ccl-roadsingle--ctp-item {
         display: flex;
         align-items: start;
         gap: 16px;
         padding: 20px;
         background: var(--ccl-off-white);
         border-radius: 12px;
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--ctp-item:hover {
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.05), rgba(16, 185, 129, 0.05));
         transform: translateX(5px);
     }

     .ccl-roadsingle--ctp-item-icon {
         width: 50px;
         height: 50px;
         min-width: 50px;
         background: var(--ccl-primary-blue);
         border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-white);
         font-size: 1.4rem;
     }

     .ccl-roadsingle--ctp-item-text h5 {
         font-size: 1.15rem;
         color: var(--ccl-ink);
         margin-bottom: 6px;
     }

     .ccl-roadsingle--ctp-item-text p {
         font-size: 0.95rem;
         color: var(--ccl-muted);
         margin: 0;
         line-height: 1.6;
     }

     /* ================
           IMMEDIATE ACTION SECTION
           ================ */

     .ccl-roadsingle--action-banner {
         background: linear-gradient(135deg, #fef3c7, #fde68a);
         border: 3px solid var(--ccl-accent-gold);
         border-radius: 24px;
         padding: 40px;
         margin-top: 48px;
         box-shadow: 0 10px 40px rgba(255, 168, 38, 0.15);
     }

     .ccl-roadsingle--action-header {
         text-align: center;
         margin-bottom: 32px;
     }

     .ccl-roadsingle--action-header h4 {
         font-size: 2rem;
         color: #92400e;
         margin-bottom: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 12px;
     }

     .ccl-roadsingle--action-header h4 i {
         font-size: 2.2rem;
         color: var(--ccl-accent-gold);
     }

     .ccl-roadsingle--action-header p {
         font-size: 1.05rem;
         color: #78350f;
         margin: 0;
     }

     .ccl-roadsingle--action-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
     }

     .ccl-roadsingle--action-card {
         background: var(--ccl-white);
         padding: 24px;
         border-radius: 16px;
         display: flex;
         align-items: start;
         gap: 16px;
         border: 2px solid transparent;
         transition: all 0.3s ease;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
     }

     .ccl-roadsingle--action-card:hover {
         border-color: var(--ccl-accent-gold);
         transform: translateY(-3px);
         box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
     }

     .ccl-roadsingle--action-number {
         width: 48px;
         height: 48px;
         min-width: 48px;
         background: linear-gradient(135deg, var(--ccl-accent-gold), #f59e0b);
         border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-white);
         font-size: 1.5rem;
         font-weight: 900;
         font-family: var(--ccl-font-display);
         box-shadow: 0 4px 12px rgba(255, 168, 38, 0.3);
     }

     .ccl-roadsingle--action-content h5 {
         font-size: 1.15rem;
         color: #92400e;
         margin-bottom: 6px;
         font-weight: 800;
     }

     .ccl-roadsingle--action-content p {
         font-size: 0.95rem;
         color: #78350f;
         margin: 0;
         line-height: 1.6;
     }

     .ccl-roadsingle--action-urgency {
         background: #dc2626;
         color: var(--ccl-white);
         text-align: center;
         padding: 16px 24px;
         border-radius: 12px;
         margin-top: 24px;
         font-weight: 700;
         font-size: 1.05rem;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 12px;
     }

     .ccl-roadsingle--action-urgency i {
         font-size: 1.3rem; flex-shrink: 0;
     }

     /* ================
           ELIGIBILITY SECTION
           ================ */

     .ccl-roadsingle--eligibility-layout {
         display: grid;
         grid-template-columns: 1fr 400px;
         gap: 48px;
         margin-top: 48px;
     }

     .ccl-roadsingle--eligibility-main {
         background: transparent;
         padding: 0;
         border-radius: 0;
         border: none;
     }

     .ccl-roadsingle--eligibility-main>h3 {
         font-size: 2rem;
         margin-bottom: 40px;
         color: var(--ccl-primary-blue);
         text-align: center;
         padding-bottom: 20px;
         border-bottom: 3px solid var(--ccl-primary-blue);
     }

     .ccl-roadsingle--eligibility-requirements {
         display: grid;
         grid-template-columns: 1fr;
         gap: 24px;
         margin-bottom: 40px;
     }

     .ccl-roadsingle--requirement-card {
         background: var(--ccl-white);
         padding: 32px;
         border-radius: 20px;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.4s ease;
         position: relative;
         overflow: hidden;
     }

     .ccl-roadsingle--requirement-card::before {
         content: '';
         position: absolute;
         left: 0;
         top: 0;
         bottom: 0;
         width: 6px;
         background: linear-gradient(180deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         transform: translateX(-6px);
         transition: transform 0.4s ease;
     }

     .ccl-roadsingle--requirement-card:hover {
         transform: translateX(8px);
         box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
         border-color: var(--ccl-primary-blue);
     }

     .ccl-roadsingle--requirement-card:hover::before {
         transform: translateX(0);
     }

     .ccl-roadsingle--requirement-header {
         display: flex;
         align-items: center;
         gap: 20px;
         margin-bottom: 16px;
     }

     .ccl-roadsingle--requirement-icon {
         width: 64px;
         height: 64px;
         min-width: 64px;
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.1), rgba(11, 92, 255, 0.05));
         border-radius: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-primary-blue);
         font-size: 1.8rem;
         transition: all 0.4s ease;
         border: 2px solid var(--ccl-soft-border);
     }

     .ccl-roadsingle--requirement-card:hover .ccl-roadsingle--requirement-icon {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         color: var(--ccl-white);
         transform: scale(1.1) rotate(-5deg);
         border-color: var(--ccl-primary-blue);
     }

     .ccl-roadsingle--requirement-header h4 {
         font-size: 1.4rem;
         color: var(--ccl-ink);
         margin: 0;
     }

     .ccl-roadsingle--requirement-card p {
         color: var(--ccl-muted);
         line-height: 1.8;
         margin: 0;
         font-size: 0.98rem;
     }

     .ccl-roadsingle--eligibility-note {
         background: linear-gradient(135deg, #fffbeb, #fef3c7);
         border: 3px solid var(--ccl-accent-gold);
         border-radius: 20px;
         padding: 32px;
         margin-top: 0;
         position: relative;
         overflow: hidden;
     }

     .ccl-roadsingle--eligibility-note::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 5px;
         background: linear-gradient(90deg, var(--ccl-accent-gold), #f59e0b);
     }

     .ccl-roadsingle--eligibility-note h4 {
         color: #92400e;
         font-size: 1.3rem;
         margin-bottom: 16px;
         display: flex;
         align-items: center;
         gap: 12px;
     }

     .ccl-roadsingle--eligibility-note h4 i {
         color: var(--ccl-accent-gold);
         font-size: 1.5rem; flex-shrink: 0;
     }

     .ccl-roadsingle--eligibility-note p {
         color: #78350f;
         margin: 0;
         line-height: 1.8;
         font-size: 0.98rem;
     }

     .ccl-roadsingle--eligibility-note strong {
         color: #92400e;
         font-weight: 700;
     }

     .ccl-roadsingle--eligibility-note a {
         color: #0846c1;
         font-weight: 700;
         text-decoration: underline;
     }

     .ccl-roadsingle--eligibility-note a:hover {
         color: var(--ccl-primary-blue);
     }

     .ccl-roadsingle--eligibility-sidebar {
         display: flex;
         flex-direction: column;
         gap: 24px;
         position: sticky;
         top: 24px;
         align-self: start;
     }

     .ccl-roadsingle--eligibility-widget {
         background: var(--ccl-white);
         padding: 32px;
         border-radius: 20px;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.3s ease;
         overflow: hidden;
     }

     .ccl-roadsingle--eligibility-widget:hover {
         box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
         transform: translateY(-3px);
     }

     .ccl-roadsingle--eligibility-widget.highlight {
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.05), rgba(16, 185, 129, 0.05));
         border-color: var(--ccl-primary-blue);
         border-width: 3px;
         box-shadow: 0 8px 24px rgba(29, 99, 255, 0.15);
     }

     .ccl-roadsingle--eligibility-widget h4 {
         font-size: 1.3rem;
         color: var(--ccl-primary-blue);
         margin-bottom: 20px;
         display: flex;
         align-items: center;
         gap: 12px;
     }

     .ccl-roadsingle--eligibility-widget h4 i {
         font-size: 1.4rem;
     }

     .ccl-roadsingle--checklist {
         list-style: none;
         padding: 0;
         margin: 0 0 24px 0;
     }

     .ccl-roadsingle--checklist li {
         padding: 14px 0;
         padding-left: 36px;
         position: relative;
         color: var(--ccl-ink);
         font-weight: 600;
         font-size: 0.95rem;
         border-bottom: 1px solid var(--ccl-soft-border);
     }

     .ccl-roadsingle--checklist li:last-child {
         border-bottom: none;
     }

     .ccl-roadsingle--checklist li::before {
         content: '\f00c';
         font-family: 'Font Awesome 6 Free';
         font-weight: 900;
         position: absolute;
         left: 0;
         color: var(--ccl-accent-green);
         font-size: 1.1rem;
     }

     .ccl-roadsingle--eligibility-widget .ccl-roadsingle--btn {
         width: 100%;
         justify-content: center;
         font-size: 1rem;
         box-sizing: border-box;
         max-width: 100%;
     }

     .ccl-roadsingle--eligibility-widget .ccl-roadsingle--btn--cta {
         background: var(--ccl-cta-blue);
         color: var(--ccl-white) !important;
         box-shadow: 0 4px 14px rgba(11, 92, 255, 0.3);
     }

     .ccl-roadsingle--eligibility-widget .ccl-roadsingle--btn--cta:hover {
         background: var(--ccl-cta-dark);
         color: var(--ccl-white) !important;
     }

     .ccl-roadsingle--eligibility-widget .ccl-roadsingle--btn--cta i,
     .ccl-roadsingle--eligibility-widget .ccl-roadsingle--btn--cta span {
         color: var(--ccl-white);
     }

     /* ================
           ROAD ACCIDENTS ADD-ON MODULE STYLES
           ================ */

     .ccl-roadsingle--addon-module {
         background: var(--ccl-off-white);
         padding: var(--ccl-section-padding) 24px;
         border-top: 5px solid var(--ccl-primary-blue);
         border-bottom: 5px solid var(--ccl-primary-blue);
     }

     .ccl-roadsingle--module-intro {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         color: var(--ccl-white);
         padding: 48px;
         border-radius: 24px;
         text-align: center;
         margin-bottom: 48px;
         position: relative;
         overflow: hidden;
     }

     .ccl-roadsingle--module-intro::before {
         content: '';
         position: absolute;
         top: -50%;
         right: -10%;
         width: 300px;
         height: 300px;
         background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
         border-radius: 50%;
     }

     .ccl-roadsingle--module-intro h3 {
         font-size: 2.5rem;
         color: var(--ccl-white);
         margin-bottom: 16px;
         position: relative;
         z-index: 1;
     }

     .ccl-roadsingle--module-intro p {
         font-size: 1.15rem;
         color: rgba(255, 255, 255, 0.95);
         line-height: 1.7;
         margin: 0;
         position: relative;
         z-index: 1;
     }

     .ccl-roadsingle--module-grid {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 32px;
         margin-bottom: 48px;
     }

     .ccl-roadsingle--module-card {
         background: var(--ccl-white);
         border-radius: 24px;
         padding: 40px;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--module-card:hover {
         border-color: var(--ccl-primary-blue);
         box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
         transform: translateY(-5px);
     }

     .ccl-roadsingle--module-card h4 {
         font-size: 1.8rem;
         color: var(--ccl-primary-blue);
         margin-bottom: 20px;
         display: flex;
         align-items: center;
         gap: 12px;
     }

     .ccl-roadsingle--module-card h4 i {
         font-size: 2rem; flex-shrink: 0;
     }

     .ccl-roadsingle--module-card p {
         color: var(--ccl-muted);
         line-height: 1.8;
         margin-bottom: 24px;
         font-size: 1.05rem;
     }

     .ccl-roadsingle--module-list {
         list-style: none;
         padding: 0;
         margin: 0;
     }

     .ccl-roadsingle--module-list li {
         padding: 16px 0;
         padding-left: 40px;
         position: relative;
         color: var(--ccl-ink);
         font-size: 0.98rem;
         line-height: 1.6;
         border-bottom: 1px solid var(--ccl-soft-border);
     }

     .ccl-roadsingle--module-list li:last-child {
         border-bottom: none;
     }

     .ccl-roadsingle--module-list li::before {
         content: '\f058';
         font-family: 'Font Awesome 6 Free';
         font-weight: 900;
         position: absolute;
         left: 0;
         color: var(--ccl-accent-green);
         font-size: 1.2rem;
     }

     .ccl-roadsingle--module-highlight {
         background: linear-gradient(135deg, #fef3c7, #fde68a);
         border: 3px solid var(--ccl-accent-gold);
         border-radius: 24px;
         padding: 40px;
         display: grid;
         grid-template-columns: auto 1fr;
         gap: 32px;
         align-items: center;
     }

     .ccl-roadsingle--module-highlight-icon {
         width: 100px;
         height: 100px;
         background: linear-gradient(135deg, var(--ccl-accent-gold), #f59e0b);
         border-radius: 20px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-white);
         font-size: 3rem;
         box-shadow: 0 8px 24px rgba(255, 168, 38, 0.3);
     }

     .ccl-roadsingle--module-highlight-content h4 {
         font-size: 1.8rem;
         color: #92400e;
         margin-bottom: 16px;
     }

     .ccl-roadsingle--module-highlight-content p {
         font-size: 1.05rem;
         color: #78350f;
         line-height: 1.8;
         margin: 0;
     }

     .ccl-roadsingle--module-highlight-content strong {
         color: #92400e;
     }

     /* ================
           SCENARIOS SECTION
           ================ */

     .ccl-roadsingle--scenarios-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 28px;
         margin-top: 48px;
     }

     .ccl-roadsingle--scenario-card {
         background: var(--ccl-white);
         border-radius: 20px;
         overflow: hidden;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
         position: relative;
     }

     .ccl-roadsingle--scenario-card::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 5px;
         background: linear-gradient(90deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         transform: translateY(-5px);
         transition: transform 0.4s ease;
     }

     .ccl-roadsingle--scenario-card:hover {
         transform: translateY(-8px);
         box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12);
         border-color: var(--ccl-primary-blue);
     }

     .ccl-roadsingle--scenario-card:hover::before {
         transform: translateY(0);
     }

     .ccl-roadsingle--scenario-header {
         padding: 32px;
         display: flex;
         align-items: center;
         gap: 20px;
     }

     .ccl-roadsingle--scenario-icon {
         width: 70px;
         height: 70px;
         min-width: 70px;
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.1), rgba(11, 92, 255, 0.15));
         border-radius: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 2rem;
         color: var(--ccl-primary-blue);
         transition: all 0.4s ease;
     }

     .ccl-roadsingle--scenario-card:hover .ccl-roadsingle--scenario-icon {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         color: var(--ccl-white);
         transform: scale(1.1) rotate(5deg);
     }

     .ccl-roadsingle--scenario-title h3 {
         font-size: 1.5rem;
         color: var(--ccl-ink);
         margin: 0;
     }

     .ccl-roadsingle--scenario-body {
         padding: 0 32px 32px;
     }

     .ccl-roadsingle--scenario-body p {
         color: var(--ccl-muted);
         line-height: 1.7;
         margin: 0;
     }

     /* ================
           INJURIES SECTION
           ================ */

     .ccl-roadsingle--injuries-showcase {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 40px;
         margin-top: 48px;
     }

     .ccl-roadsingle--injuries-categories {
         display: flex;
         flex-direction: column;
         gap: 20px;
     }

     .ccl-roadsingle--injury-category {
         background: var(--ccl-white);
         border-radius: 16px;
         padding: 24px;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--injury-category:hover {
         border-color: var(--ccl-primary-blue);
         box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
     }

     .ccl-roadsingle--injury-category-header {
         display: flex;
         align-items: center;
         gap: 16px;
         margin-bottom: 16px;
     }

     .ccl-roadsingle--injury-category-icon {
         width: 56px;
         height: 56px;
         min-width: 56px;
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         border-radius: 14px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-white);
         font-size: 1.6rem;
     }

     .ccl-roadsingle--injury-category h4 {
         font-size: 1.3rem;
         color: var(--ccl-ink);
         margin: 0;
     }

     .ccl-roadsingle--injury-list {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 12px;
         padding-left: 0;
         list-style: none;
         margin: 0;
     }

     .ccl-roadsingle--injury-list li {
         padding: 8px 12px;
         padding-left: 32px;
         background: var(--ccl-off-white);
         border-radius: 8px;
         position: relative;
         color: var(--ccl-muted);
         font-size: 0.95rem;
         font-weight: 500;
     }

     .ccl-roadsingle--injury-list li::before {
         content: '\f0a4';
         font-family: 'Font Awesome 6 Free';
         font-weight: 900;
         position: absolute;
         left: 10px;
         top: 10px;
         color: var(--ccl-primary-blue);
         font-size: 0.8rem;
     }

     .ccl-roadsingle--injury-highlight {
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.05), rgba(16, 185, 129, 0.05));
         border: 3px solid var(--ccl-primary-blue);
         border-radius: 24px;
         padding: 40px;
         display: flex;
         flex-direction: column;
         justify-content: center;
     }

     .ccl-roadsingle--injury-highlight-content h3 {
         font-size: 2rem;
         color: var(--ccl-primary-blue);
         margin-bottom: 20px;
         display: flex;
         align-items: center;
         gap: 12px;
     }

     .ccl-roadsingle--injury-highlight-content h3 i {
         font-size: 2.2rem; flex-shrink: 0;
     }

     .ccl-roadsingle--injury-highlight-content p {
         font-size: 1.1rem;
         color: var(--ccl-muted);
         line-height: 1.8;
         margin-bottom: 24px;
     }

     .ccl-roadsingle--injury-stats {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 20px;
     }

     .ccl-roadsingle--injury-stat {
         background: var(--ccl-white);
         padding: 24px;
         border-radius: 12px;
         text-align: center;
     }

     .ccl-roadsingle--injury-stat-icon {
         width: 50px;
         height: 50px;
         background: var(--ccl-primary-blue);
         border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-white);
         font-size: 1.4rem;
         margin: 0 auto 12px;
     }

     .ccl-roadsingle--injury-stat strong {
         display: block;
         font-size: 1.1rem;
         color: var(--ccl-ink);
         margin-bottom: 4px;
     }

     .ccl-roadsingle--injury-stat span {
         font-size: 0.9rem;
         color: var(--ccl-muted);
     }

     /* ================
           FOCUS STYLES
           ================ */

     .ccl-roadsingle--wrapper a:focus,
     .ccl-roadsingle--wrapper button:focus,
     .ccl-roadsingle--wrapper input:focus,
     .ccl-roadsingle--wrapper textarea:focus,
     .ccl-roadsingle--wrapper select:focus {
         outline: 3px solid var(--ccl-primary-blue);
         outline-offset: 2px;
     }

     .ccl-roadsingle--wrapper .ccl-roadsingle--btn:focus {
         outline: 3px solid var(--ccl-ink);
         outline-offset: 3px;
     }

     /* ================
           SCROLL REVEAL ANIMATION
           ================ */

     .ccl-roadsingle--scroll-reveal {
         opacity: 0;
         transform: translateY(40px);
         transition: all 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     }

     .ccl-roadsingle--scroll-reveal.revealed {
         opacity: 1;
         transform: translateY(0);
     }

     /* ================
           RESPONSIVE DESIGN
           ================ */

     @media (max-width: 1024px) {
         .ccl-roadsingle--wrapper {
             --ccl-section-padding: 80px;
             --ccl-card-padding: 28px;
             --ccl-gap-large: 28px;
         }

         .ccl-roadsingle--hero {
             padding: 80px 24px 80px;
         }

         .ccl-roadsingle--eligibility-layout {
             grid-template-columns: 1fr;
             gap: 32px;
         }

         .ccl-roadsingle--claim-hero-content,
         .ccl-roadsingle--injuries-showcase,
         .ccl-roadsingle--scenarios-grid {
             grid-template-columns: 1fr;
         }

         .ccl-roadsingle--claim-categories {
             grid-template-columns: 1fr;
         }

         .ccl-roadsingle--module-grid {
             grid-template-columns: 1fr;
         }
     }

     @media (max-width: 768px) {
         .ccl-roadsingle--wrapper {
             --ccl-section-padding: 60px;
             --ccl-card-padding: 24px;
             --ccl-gap-large: 24px;
         }

         .ccl-roadsingle--hero {
             padding: 80px 20px 60px;
         }

         .ccl-roadsingle--hero-ctas {
             flex-direction: column;
             width: 100%;
         }

         .ccl-roadsingle--hero-ctas .ccl-roadsingle--btn {
             justify-content: center;
         }

         .ccl-roadsingle--hero-stats {
             gap: 24px;
         }

         .ccl-roadsingle--section-header {
             margin-bottom: 40px;
         }

         .ccl-roadsingle--eligibility-main,
         .ccl-roadsingle--claim-hero {
             padding: 32px 24px;
         }

         .ccl-roadsingle--injury-list {
             grid-template-columns: 1fr;
         }

         .ccl-roadsingle--injury-stats {
             grid-template-columns: 1fr;
         }

         .ccl-roadsingle--action-grid {
             grid-template-columns: 1fr;
         }

         .ccl-roadsingle--action-banner {
             padding: 32px 24px;
         }

         .ccl-roadsingle--action-header h4 {
             font-size: 1.6rem;
             flex-direction: column;
         }

         .ccl-roadsingle--requirement-card {
             padding: 24px;
         }

         .ccl-roadsingle--requirement-header {
             flex-direction: column;
             align-items: flex-start;
             gap: 16px;
         }

         .ccl-roadsingle--eligibility-note {
             padding: 24px;
         }

         .ccl-roadsingle--eligibility-main>h3 {
             font-size: 1.6rem;
         }

         .ccl-roadsingle--module-highlight {
             grid-template-columns: 1fr;
             text-align: center;
         }

         .ccl-roadsingle--module-highlight-icon {
             margin: 0 auto;
         }
     }

     @media (max-width: 480px) {
         .ccl-roadsingle--wrapper {
             --ccl-section-padding: 50px;
             --ccl-card-padding: 20px;
             font-size: 15px;
         }

         .ccl-roadsingle--section {
             padding: var(--ccl-section-padding) 16px;
         }

         .ccl-roadsingle--hero {
             padding: 60px 16px 50px;
         }

         .ccl-roadsingle--section-kicker::before,
         .ccl-roadsingle--section-kicker::after {
             width: 30px;
         }

         .ccl-roadsingle--btn {
             padding: 14px 24px;
             font-size: 0.95rem;
         }

         .ccl-roadsingle--hero-stat {
             flex-direction: column;
             text-align: center;
         }
     }

     /* ================
           WHAT YOU CAN CLAIM SECTION STYLES
           ================ */

     .ccl-roadsingle--damages-showcase {
         display: grid;
         grid-template-columns: 1.2fr 1fr;
         gap: 40px;
         margin-top: 48px;
     }

     .ccl-roadsingle--damages-main {
         display: flex;
         flex-direction: column;
         gap: 24px;
     }

     .ccl-roadsingle--damage-card {
         background: var(--ccl-white);
         border-radius: 20px;
         padding: 32px;
         border: 2px solid var(--ccl-soft-border);
         display: flex;
         gap: 24px;
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--damage-card:hover {
         border-color: var(--ccl-primary-blue);
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
         transform: translateY(-5px);
     }

     .ccl-roadsingle--damage-icon-wrap {
         display: flex; flex-shrink: 0;
         flex-direction: column;
         align-items: center;
         gap: 8px;
     }

     .ccl-roadsingle--damage-icon {
         width: 70px;
         height: 70px;
         min-width: 70px;
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         border-radius: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-white);
         font-size: 1.8rem;
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--damage-card:hover .ccl-roadsingle--damage-icon {
         transform: scale(1.1) rotate(5deg);
     }

     .ccl-roadsingle--damage-content h4 {
         font-size: 1.5rem;
         color: var(--ccl-ink);
         margin-bottom: 12px;
     }

     .ccl-roadsingle--damage-content p {
         color: var(--ccl-muted);
         line-height: 1.7;
         margin: 0;
     }

     .ccl-roadsingle--damages-sidebar {
         display: flex;
         flex-direction: column;
         gap: 24px;
     }

     .ccl-roadsingle--damages-summary {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         border-radius: 24px;
         padding: 36px;
         color: var(--ccl-white);
     }

     .ccl-roadsingle--damages-summary h4 {
         color: var(--ccl-white);
         font-size: 1.6rem;
         margin-bottom: 20px;
         display: flex;
         align-items: center;
         gap: 12px;
     }

     .ccl-roadsingle--damages-summary h4 i {
         font-size: 1.8rem;
     }

     .ccl-roadsingle--damages-summary p {
         color: rgba(255, 255, 255, 0.95);
         line-height: 1.7;
         margin-bottom: 24px;
     }

     .ccl-roadsingle--damages-summary .ccl-roadsingle--btn {
         width: 100%;
         justify-content: center;
     }

     .ccl-roadsingle--property-highlight {
         background: var(--ccl-white);
         border: 3px solid var(--ccl-primary-blue);
         border-radius: 20px;
         padding: 32px;
     }

     .ccl-roadsingle--property-highlight h4 {
         font-size: 1.3rem;
         color: var(--ccl-primary-blue);
         margin-bottom: 16px;
         display: flex;
         align-items: center;
         gap: 12px;
     }

     .ccl-roadsingle--property-highlight h4 i {
         font-size: 1.5rem;
     }

     .ccl-roadsingle--property-highlight p {
         color: var(--ccl-muted);
         line-height: 1.7;
         margin: 0;
     }

     /* ================
           TIME LIMITS SECTION STYLES
           ================ */

     .ccl-roadsingle--timelimits-wrapper {
         margin-top: 48px;
         position: relative;
     }

     .ccl-roadsingle--timeline-container {
         position: relative;
         max-width: 900px;
         margin: 0 auto;
     }

     .ccl-roadsingle--timeline-container::before {
         content: '';
         position: absolute;
         left: 40px;
         top: 60px;
         bottom: 60px;
         width: 4px;
         background: linear-gradient(180deg, #dc2626, #ef4444, var(--ccl-primary-blue), var(--ccl-cta-blue));
         border-radius: 2px;
     }

     .ccl-roadsingle--timeline-item {
         position: relative;
         padding-left: 120px;
         margin-bottom: 32px;
     }

     .ccl-roadsingle--timeline-badge {
         position: absolute;
         left: 0;
         top: 0;
         width: 80px;
         height: 80px;
         background: var(--ccl-white);
         border-radius: 50%;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
         font-family: var(--ccl-font-display);
         font-weight: 900;
         box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
         z-index: 2;
         border: 4px solid var(--ccl-white);
     }

     .ccl-roadsingle--timeline-badge.urgent {
         background: linear-gradient(135deg, #dc2626, #ef4444);
         color: var(--ccl-white);
         animation: ccl-roadsingle-pulse 2s ease-in-out infinite;
     }

     .ccl-roadsingle--timeline-badge.important {
         background: linear-gradient(135deg, #f59e0b, var(--ccl-accent-gold));
         color: var(--ccl-white);
     }

     .ccl-roadsingle--timeline-badge.standard {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         color: var(--ccl-white);
     }

     @keyframes ccl-roadsingle-pulse {

         0%,
         100% {
             transform: scale(1);
             box-shadow: 0 8px 24px rgba(220, 38, 38, 0.3);
         }

         50% {
             transform: scale(1.05);
             box-shadow: 0 12px 32px rgba(220, 38, 38, 0.5);
         }
     }

     .ccl-roadsingle--timeline-time {
         font-size: 1.6rem;
         line-height: 1;
         margin-bottom: 4px;
     }

     .ccl-roadsingle--timeline-label {
         font-size: 0.7rem;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         opacity: 0.9;
     }

     .ccl-roadsingle--timeline-content {
         background: var(--ccl-white);
         padding: 28px 32px;
         border-radius: 20px;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.3s ease;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
     }

     .ccl-roadsingle--timeline-item:hover .ccl-roadsingle--timeline-content {
         transform: translateY(-5px);
         box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12);
         border-color: var(--ccl-primary-blue);
     }

     .ccl-roadsingle--timeline-content h4 {
         font-size: 1.4rem;
         color: var(--ccl-ink);
         margin-bottom: 12px;
         display: flex;
         align-items: center;
         gap: 10px;
     }

     .ccl-roadsingle--timeline-content h4 i {
         color: var(--ccl-primary-blue);
         font-size: 1.2rem; flex-shrink: 0;
     }

     .ccl-roadsingle--timeline-item.urgent .ccl-roadsingle--timeline-content h4 i {
         color: #dc2626;
     }

     .ccl-roadsingle--timeline-content p {
         color: var(--ccl-muted);
         line-height: 1.7;
         margin: 0;
         font-size: 0.98rem;
     }

     .ccl-roadsingle--timeline-urgency-tag {
         display: inline-block;
         padding: 6px 14px;
         border-radius: 6px;
         font-size: 0.8rem;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         margin-bottom: 12px;
     }

     .ccl-roadsingle--timeline-urgency-tag.critical {
         background: #fee2e2;
         color: #dc2626;
     }

     .ccl-roadsingle--timeline-urgency-tag.high {
         background: #fef3c7;
         color: #92400e;
     }

     .ccl-roadsingle--timeline-urgency-tag.medium {
         background: #dbeafe;
         color: #1e40af;
     }

     .ccl-roadsingle--timelimits-cta {
         background: linear-gradient(135deg, #dc2626, #ef4444);
         padding: 40px;
         border-radius: 24px;
         text-align: center;
         margin-top: 48px;
         color: var(--ccl-white);
         box-shadow: 0 12px 40px rgba(220, 38, 38, 0.3);
         position: relative;
         overflow: hidden;
     }

     .ccl-roadsingle--timelimits-cta::before {
         content: '';
         position: absolute;
         top: -50%;
         right: -10%;
         width: 300px;
         height: 300px;
         background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
         border-radius: 50%;
     }

     .ccl-roadsingle--timelimits-cta h4 {
         font-size: 2rem;
         color: var(--ccl-white);
         margin-bottom: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 12px;
         position: relative;
         z-index: 1;
     }

     .ccl-roadsingle--timelimits-cta h4 i {
         font-size: 2.2rem;
         animation: ccl-roadsingle-hourglass-spin 3s ease-in-out infinite;
     }

     @keyframes ccl-roadsingle-hourglass-spin {

         0%,
         100% {
             transform: rotate(0deg);
         }

         50% {
             transform: rotate(180deg);
         }
     }

     .ccl-roadsingle--timelimits-cta p {
         font-size: 1.1rem;
         color: rgba(255, 255, 255, 0.95);
         margin-bottom: 28px;
         line-height: 1.7;
         position: relative;
         z-index: 1;
     }

     .ccl-roadsingle--timelimits-cta strong {
         color: var(--ccl-white);
         font-weight: 800;
     }

     .ccl-roadsingle--timelimits-cta .ccl-roadsingle--btn {
         position: relative;
         z-index: 1;
     }

     /* ================
           PROCESS SECTION STYLES
           ================ */

     .ccl-roadsingle--process-steps {
         margin-top: 48px;
         position: relative;
         max-width: 1000px;
         margin-left: auto;
         margin-right: auto;
     }

     .ccl-roadsingle--process-step {
         display: grid;
         grid-template-columns: 100px 1fr;
         gap: 32px;
         margin-bottom: 40px;
         position: relative;
     }

     .ccl-roadsingle--process-step:not(:last-child)::after {
         content: '';
         position: absolute;
         left: 50px;
         top: 100px;
         bottom: -40px;
         width: 3px;
         background: linear-gradient(180deg, var(--ccl-primary-blue), rgba(29, 99, 255, 0.3));
         z-index: 0;
     }

     .ccl-roadsingle--process-number {
         width: 100px;
         height: 100px;
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         color: var(--ccl-white);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 2.5rem;
         font-weight: 900;
         font-family: var(--ccl-font-display);
         box-shadow: 0 12px 32px rgba(29, 99, 255, 0.35);
         position: relative;
         z-index: 1;
         transition: all 0.4s ease;
     }

     .ccl-roadsingle--process-step:hover .ccl-roadsingle--process-number {
         transform: scale(1.1) rotate(5deg);
         box-shadow: 0 16px 40px rgba(29, 99, 255, 0.45);
     }

     .ccl-roadsingle--process-content {
         background: var(--ccl-white);
         padding: 36px;
         border-radius: 20px;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.4s ease;
         position: relative;
         overflow: hidden;
     }

     .ccl-roadsingle--process-content::before {
         content: '';
         position: absolute;
         top: 0;
         left: -100%;
         width: 100%;
         height: 100%;
         background: linear-gradient(90deg, transparent, rgba(29, 99, 255, 0.03), transparent);
         transition: left 0.6s ease;
     }

     .ccl-roadsingle--process-step:hover .ccl-roadsingle--process-content {
         transform: translateX(10px);
         box-shadow: 0 12px 40px rgba(0, 0, 0, 0.12);
         border-color: var(--ccl-primary-blue);
     }

     .ccl-roadsingle--process-step:hover .ccl-roadsingle--process-content::before {
         left: 100%;
     }

     .ccl-roadsingle--process-content h3 {
         font-size: 1.7rem;
         margin-bottom: 16px;
         color: var(--ccl-primary-blue);
         display: flex;
         align-items: center;
         gap: 12px;
         position: relative;
     }

     .ccl-roadsingle--process-icon {
         width: 48px;
         height: 48px;
         min-width: 48px;
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.1), rgba(11, 92, 255, 0.05));
         border-radius: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-primary-blue);
         font-size: 1.3rem;
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--process-step:hover .ccl-roadsingle--process-icon {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         color: var(--ccl-white);
         transform: rotate(-5deg);
     }

     .ccl-roadsingle--process-content p {
         color: var(--ccl-muted);
         line-height: 1.8;
         margin: 0;
         font-size: 1rem;
         position: relative;
     }

     .ccl-roadsingle--process-highlight {
         display: inline-block;
         background: rgba(29, 99, 255, 0.1);
         color: var(--ccl-primary-blue);
         padding: 3px 8px;
         border-radius: 4px;
         font-weight: 600;
         font-size: 0.95rem;
     }

     .ccl-roadsingle--process-completion {
         background: linear-gradient(135deg, var(--ccl-accent-green), #059669);
         color: var(--ccl-white);
         padding: 32px;
         border-radius: 20px;
         text-align: center;
         margin-top: 40px;
         box-shadow: 0 12px 32px rgba(16, 185, 129, 0.25);
     }

     .ccl-roadsingle--process-completion h4 {
         font-size: 1.8rem;
         color: var(--ccl-white);
         margin-bottom: 12px;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 12px;
     }

     .ccl-roadsingle--process-completion h4 i {
         font-size: 2rem; flex-shrink: 0;
     }

     .ccl-roadsingle--process-completion p {
         font-size: 1.05rem;
         color: rgba(255, 255, 255, 0.95);
         margin: 0 0 24px 0;
         line-height: 1.7;
     }

     /* ================
           EVIDENCE SECTION STYLES
           ================ */

     .ccl-roadsingle--evidence-masonry {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
         gap: 24px;
         margin-top: 48px;
     }

     .ccl-roadsingle--evidence-card-new {
         background: var(--ccl-white);
         border-radius: 20px;
         overflow: hidden;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.3s ease;
         display: flex;
         flex-direction: column;
     }

     .ccl-roadsingle--evidence-card-new:hover {
         border-color: var(--ccl-primary-blue);
         transform: translateY(-5px);
         box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
     }

     .ccl-roadsingle--evidence-card-header {
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.1), rgba(11, 92, 255, 0.05));
         padding: 28px;
         display: flex;
         align-items: center;
         gap: 16px;
         border-bottom: 2px solid var(--ccl-soft-border);
     }

     .ccl-roadsingle--evidence-icon-new {
         width: 64px;
         height: 64px;
         min-width: 64px;
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         border-radius: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-white);
         font-size: 1.8rem;
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--evidence-card-new:hover .ccl-roadsingle--evidence-icon-new {
         transform: scale(1.1) rotate(5deg);
     }

     .ccl-roadsingle--evidence-card-header h4 {
         font-size: 1.3rem;
         color: var(--ccl-ink);
         margin: 0;
     }

     .ccl-roadsingle--evidence-card-body {
         padding: 24px 28px;
         flex-grow: 1;
     }

     .ccl-roadsingle--evidence-list {
         list-style: none;
         padding: 0;
         margin: 0;
     }

     .ccl-roadsingle--evidence-list li {
         padding: 12px 0;
         padding-left: 32px;
         position: relative;
         color: var(--ccl-muted);
         font-size: 0.95rem;
         line-height: 1.5;
         border-bottom: 1px solid var(--ccl-off-white);
     }

     .ccl-roadsingle--evidence-list li:last-child {
         border-bottom: none;
     }

     .ccl-roadsingle--evidence-list li::before {
         content: '\f00c';
         font-family: 'Font Awesome 6 Free';
         font-weight: 900;
         position: absolute;
         left: 0;
         color: var(--ccl-accent-green);
         font-size: 0.9rem;
     }

     .ccl-roadsingle--evidence-cta-box {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         border-radius: 24px;
         padding: 48px;
         text-align: center;
         margin-top: 48px;
         color: var(--ccl-white);
     }

     .ccl-roadsingle--evidence-cta-box h4 {
         font-size: 2rem;
         color: var(--ccl-white);
         margin-bottom: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         gap: 16px;
     }

     .ccl-roadsingle--evidence-cta-box h4 i {
         font-size: 2.2rem; flex-shrink: 0;
     }

     .ccl-roadsingle--evidence-cta-box p {
         font-size: 1.15rem;
         color: rgba(255, 255, 255, 0.95);
         line-height: 1.7;
         margin-bottom: 32px;
         max-width: 700px;
         margin-left: auto;
         margin-right: auto;
     }

     /* ================
           FEES SECTION STYLES
           ================ */

     .ccl-roadsingle--fees-content {
         background: var(--ccl-white);
         padding: 48px;
         border-radius: 20px;
         border: 2px solid var(--ccl-soft-border);
         margin-top: 48px;
     }

     .ccl-roadsingle--fees-highlight {
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.05), rgba(11, 92, 255, 0.1));
         padding: 32px;
         border-radius: 16px;
         border-left: 5px solid var(--ccl-primary-blue);
         margin-bottom: 32px;
     }

     .ccl-roadsingle--fees-highlight h3 {
         font-size: 1.8rem;
         color: var(--ccl-primary-blue);
         margin-bottom: 12px;
     }

     .ccl-roadsingle--fees-highlight p {
         font-size: 1.1rem;
         color: var(--ccl-ink);
         margin: 0;
     }

     .ccl-roadsingle--fees-list {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 16px;
         margin-top: 32px;
     }

     .ccl-roadsingle--fees-item {
         display: flex;
         align-items: flex-start;
         gap: 12px;
         padding: 16px;
         background: var(--ccl-off-white);
         border-radius: 12px;
     }

     .ccl-roadsingle--fees-item i {
         color: var(--ccl-accent-green);
         font-size: 1.2rem;
         margin-top: 4px;
     }

     .ccl-roadsingle--fees-item span {
         color: var(--ccl-muted);
         font-size: 0.95rem;
     }

     .ccl-roadsingle--footnote {
         font-size: 0.85rem;
         color: var(--ccl-muted);
         margin-top: 12px;
     }

     .ccl-roadsingle--alert {
         background: #fff8e1;
         border-left: 4px solid var(--ccl-accent-gold);
         padding: 20px;
         border-radius: 8px;
         margin-top: 32px;
         border: 2px solid #ffd54f;
     }

     .ccl-roadsingle--alert h4 {
         font-size: 1.1rem;
         color: #6d4c00;
         margin-bottom: 8px;
         display: flex;
         align-items: center;
         gap: 10px;
     }

     .ccl-roadsingle--alert p {
         color: #6d4c00;
         margin: 0;
         font-size: 0.95rem;
     }

     .ccl-roadsingle--alert a {
         color: #0846c1;
         font-weight: 600;
     }

     /* ================
           WHY CHOOSE US SECTION STYLES
           ================ */

     .ccl-roadsingle--why-showcase {
         margin-top: 48px;
     }

     .ccl-roadsingle--why-hero-card {
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.05), rgba(16, 185, 129, 0.05));
         border: 3px solid var(--ccl-primary-blue);
         border-radius: 24px;
         padding: 48px;
         margin-bottom: 40px;
     }

     .ccl-roadsingle--why-hero-content {
         display: grid;
         grid-template-columns: auto 1fr;
         gap: 32px;
         align-items: center;
     }

     .ccl-roadsingle--why-hero-icon {
         width: 120px;
         height: 120px;
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         border-radius: 24px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-white);
         font-size: 4rem;
         box-shadow: 0 12px 40px rgba(29, 99, 255, 0.3);
     }

     .ccl-roadsingle--why-hero-text h3 {
         font-size: 2.5rem;
         color: var(--ccl-primary-blue);
         margin-bottom: 16px;
     }

     .ccl-roadsingle--why-hero-text p {
         font-size: 1.15rem;
         color: var(--ccl-muted);
         line-height: 1.8;
         margin: 0;
     }

     .ccl-roadsingle--why-features-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         gap: 24px;
         margin-bottom: 40px;
     }

     .ccl-roadsingle--why-feature-card {
         background: var(--ccl-white);
         border-radius: 20px;
         padding: 32px;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.3s ease;
         display: flex;
         gap: 20px;
     }

     .ccl-roadsingle--why-feature-card:hover {
         border-color: var(--ccl-primary-blue);
         transform: translateY(-5px);
         box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
     }

     .ccl-roadsingle--why-feature-icon {
         width: 70px;
         height: 70px;
         min-width: 70px;
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.1), rgba(11, 92, 255, 0.15));
         border-radius: 16px;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-primary-blue);
         font-size: 2rem;
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--why-feature-card:hover .ccl-roadsingle--why-feature-icon {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         color: var(--ccl-white);
         transform: scale(1.1) rotate(5deg);
     }

     .ccl-roadsingle--why-feature-content h4 {
         font-size: 1.3rem;
         color: var(--ccl-ink);
         margin-bottom: 12px;
     }

     .ccl-roadsingle--why-feature-content p {
         color: var(--ccl-muted);
         line-height: 1.7;
         margin: 0;
         font-size: 0.95rem;
     }

     /* ================
           COMPARISON TABLE STYLES
           ================ */

     .ccl-roadsingle--comparison-table {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
         gap: 24px;
         margin-top: 48px;
     }

     .ccl-roadsingle--comparison-column {
         background: var(--ccl-white);
         border: 2px solid var(--ccl-soft-border);
         border-radius: 20px;
         overflow: hidden;
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--comparison-column:hover {
         transform: translateY(-5px);
         box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
     }

     .ccl-roadsingle--comparison-column.featured {
         border-color: var(--ccl-primary-blue);
         border-width: 3px;
         transform: scale(1.05);
     }

     .ccl-roadsingle--comparison-header {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         color: var(--ccl-white);
         padding: 24px;
         text-align: center;
     }

     .ccl-roadsingle--comparison-header h4 {
         font-size: 1.4rem;
         margin-bottom: 8px;
         color: var(--ccl-white);
     }

     .ccl-roadsingle--comparison-header p {
         font-size: 0.9rem;
         opacity: 0.9;
         margin: 0;
     }

     .ccl-roadsingle--comparison-body {
         padding: 28px;
     }

     .ccl-roadsingle--comparison-body ul {
         list-style: none;
         padding: 0;
         margin: 0;
     }

     .ccl-roadsingle--comparison-body li {
         padding: 12px 0;
         border-bottom: 1px solid var(--ccl-soft-border);
         display: flex;
         align-items: center;
         gap: 12px;
     }

     .ccl-roadsingle--comparison-body li:last-child {
         border-bottom: none;
     }

     .ccl-roadsingle--comparison-body li i {
         color: var(--ccl-accent-green);
         font-size: 1.1rem;
     }

     /* ================
           FAQ SECTION STYLES
           ================ */

     .ccl-roadsingle--faq-list {
         margin-top: 48px;
         max-width: 900px;
         margin-left: auto;
         margin-right: auto;
     }

     .ccl-roadsingle--faq-item {
         background: var(--ccl-white);
         border: 2px solid var(--ccl-soft-border);
         border-radius: 16px;
         margin-bottom: 20px;
         overflow: hidden;
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--faq-item:hover {
         border-color: var(--ccl-primary-blue);
     }

     .ccl-roadsingle--faq-question {
         width: 100%;
         background: transparent;
         border: none;
         padding: 24px 28px;
         text-align: left;
         cursor: pointer;
         display: flex;
         justify-content: space-between;
         align-items: center;
         font-family: var(--ccl-font-display);
         font-size: 1.15rem;
         font-weight: 800;
         color: var(--ccl-ink);
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--faq-question:hover {
         color: var(--ccl-primary-blue);
     }

     .ccl-roadsingle--faq-icon {
         width: 32px;
         height: 32px;
         min-width: 32px;
         background: var(--ccl-off-white);
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-primary-blue);
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--faq-item.active .ccl-roadsingle--faq-icon {
         background: var(--ccl-primary-blue);
         color: var(--ccl-white);
         transform: rotate(180deg);
     }

     .ccl-roadsingle--faq-answer {
         max-height: 0;
         overflow: hidden;
         transition: max-height 0.3s ease;
     }

     .ccl-roadsingle--faq-item.active .ccl-roadsingle--faq-answer {
         max-height: 1000px;
     }

     .ccl-roadsingle--faq-answer-content {
         padding: 0 28px 24px;
         color: var(--ccl-muted);
         line-height: 1.7;
     }

     .ccl-roadsingle--faq-answer-content p {
         margin-bottom: 12px;
     }

     .ccl-roadsingle--faq-answer-content p:last-child {
         margin-bottom: 0;
     }

     /* ================
           RESOURCES SECTION STYLES
           ================ */

     .ccl-roadsingle--resources-showcase {
         display: grid;
         grid-template-columns: 1fr 1fr;
         gap: 32px;
         margin-top: 48px;
     }

     .ccl-roadsingle--resource-card-new {
         background: var(--ccl-white);
         border-radius: 24px;
         overflow: hidden;
         border: 2px solid var(--ccl-soft-border);
         transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
         display: flex;
         flex-direction: column;
         position: relative;
     }

     .ccl-roadsingle--resource-card-new::before {
         content: '';
         position: absolute;
         top: 0;
         left: 0;
         right: 0;
         height: 5px;
         background: linear-gradient(90deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         transform: translateY(-5px);
         transition: transform 0.4s ease;
     }

     .ccl-roadsingle--resource-card-new:hover {
         transform: translateY(-8px);
         box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
         border-color: var(--ccl-primary-blue);
     }

     .ccl-roadsingle--resource-card-new:hover::before {
         transform: translateY(0);
     }

     .ccl-roadsingle--resource-visual {
         height: 180px;
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         display: flex;
         align-items: center;
         justify-content: center;
         color: var(--ccl-white);
         font-size: 4rem;
         position: relative;
         overflow: hidden;
     }

     .ccl-roadsingle--resource-visual::before {
         content: '';
         position: absolute;
         top: -50%;
         right: -50%;
         width: 200%;
         height: 200%;
         background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
         animation: ccl-roadsingle-glow-pulse 8s ease-in-out infinite;
     }

     .ccl-roadsingle--resource-visual i {
         position: relative;
         z-index: 1;
         transition: all 0.4s ease;
     }

     .ccl-roadsingle--resource-card-new:hover .ccl-roadsingle--resource-visual i {
         transform: scale(1.15) rotate(-5deg);
     }

     .ccl-roadsingle--resource-card-new:nth-child(1) .ccl-roadsingle--resource-visual {
         background: linear-gradient(135deg, #0891b2, #06b6d4);
     }

     .ccl-roadsingle--resource-card-new:nth-child(2) .ccl-roadsingle--resource-visual {
         background: linear-gradient(135deg, #059669, #10b981);
     }

     .ccl-roadsingle--resource-card-new:nth-child(3) .ccl-roadsingle--resource-visual {
         background: linear-gradient(135deg, #7c3aed, #a78bfa);
     }

     .ccl-roadsingle--resource-card-new:nth-child(4) .ccl-roadsingle--resource-visual {
         background: linear-gradient(135deg, #dc2626, #f87171);
     }

     .ccl-roadsingle--resource-content-new {
         padding: 32px;
         flex-grow: 1;
         display: flex;
         flex-direction: column;
     }

     .ccl-roadsingle--resource-badge {
         display: inline-block;
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.1), rgba(11, 92, 255, 0.05));
         color: var(--ccl-primary-blue);
         padding: 8px 16px;
         border-radius: 8px;
         font-size: 0.8rem;
         font-weight: 700;
         text-transform: uppercase;
         letter-spacing: 0.5px;
         margin-bottom: 16px;
         align-self: flex-start;
         border: 1px solid rgba(29, 99, 255, 0.2);
     }

     .ccl-roadsingle--resource-card-new:nth-child(1) .ccl-roadsingle--resource-badge {
         background: linear-gradient(135deg, rgba(8, 145, 178, 0.1), rgba(6, 182, 212, 0.05));
         color: #0891b2;
         border-color: rgba(8, 145, 178, 0.2);
     }

     .ccl-roadsingle--resource-card-new:nth-child(2) .ccl-roadsingle--resource-badge {
         background: linear-gradient(135deg, rgba(5, 150, 105, 0.1), rgba(16, 185, 129, 0.05));
         color: #059669;
         border-color: rgba(5, 150, 105, 0.2);
     }

     .ccl-roadsingle--resource-card-new:nth-child(3) .ccl-roadsingle--resource-badge {
         background: linear-gradient(135deg, rgba(124, 58, 237, 0.1), rgba(167, 139, 250, 0.05));
         color: #7c3aed;
         border-color: rgba(124, 58, 237, 0.2);
     }

     .ccl-roadsingle--resource-card-new:nth-child(4) .ccl-roadsingle--resource-badge {
         background: linear-gradient(135deg, rgba(220, 38, 38, 0.1), rgba(248, 113, 113, 0.05));
         color: #dc2626;
         border-color: rgba(220, 38, 38, 0.2);
     }

     .ccl-roadsingle--resource-content-new h4 {
         font-size: 1.5rem;
         color: var(--ccl-ink);
         margin-bottom: 12px;
         line-height: 1.3;
     }

     .ccl-roadsingle--resource-content-new p {
         color: var(--ccl-muted);
         line-height: 1.7;
         margin-bottom: 24px;
         flex-grow: 1;
         font-size: 0.98rem;
     }

     .ccl-roadsingle--resource-link-new {
         display: inline-flex;
         align-items: center;
         gap: 10px;
         color: var(--ccl-primary-blue);
         font-weight: 700;
         font-size: 1.05rem;
         text-decoration: none;
         transition: all 0.3s ease;
         align-self: flex-start;
         padding: 10px 20px 10px 0;
     }

     .ccl-roadsingle--resource-link-new:hover {
         gap: 16px;
         color: var(--ccl-cta-dark);
     }

     .ccl-roadsingle--resource-link-new i {
         width: 32px;
         height: 32px;
         background: linear-gradient(135deg, rgba(29, 99, 255, 0.1), rgba(11, 92, 255, 0.05));
         border-radius: 50%;
         display: flex;
         align-items: center;
         justify-content: center;
         font-size: 0.9rem;
         transition: all 0.3s ease;
     }

     .ccl-roadsingle--resource-link-new:hover i {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         color: var(--ccl-white);
         transform: translateX(4px);
     }

     .ccl-roadsingle--resource-card-new:first-child {
         grid-column: 1 / -1;
         display: grid;
         grid-template-columns: 300px 1fr;
     }

     .ccl-roadsingle--resource-card-new:first-child .ccl-roadsingle--resource-visual {
         height: 100%;
         min-height: 300px;
     }

     .ccl-roadsingle--resource-card-new:first-child .ccl-roadsingle--resource-content-new {
         padding: 40px;
     }

     .ccl-roadsingle--resource-card-new:first-child h4 {
         font-size: 2rem;
     }

     .ccl-roadsingle--resource-card-new:first-child p {
         font-size: 1.1rem;
     }

     .ccl-roadsingle--resources-cta {
         background: linear-gradient(135deg, var(--ccl-primary-blue), var(--ccl-cta-blue));
         border-radius: 24px;
         padding: 48px;
         text-align: center;
         margin-top: 48px;
         color: var(--ccl-white);
         position: relative;
         overflow: hidden;
     }

     .ccl-roadsingle--resources-cta::before {
         content: '';
         position: absolute;
         top: -50%;
         left: -10%;
         width: 400px;
         height: 400px;
         background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
         border-radius: 50%;
     }

     .ccl-roadsingle--resources-cta h3 {
         font-size: 2.2rem;
         color: var(--ccl-white);
         margin-bottom: 16px;
         position: relative;
         z-index: 1;
     }

     .ccl-roadsingle--resources-cta p {
         font-size: 1.15rem;
         color: rgba(255, 255, 255, 0.95);
         margin-bottom: 28px;
         position: relative;
         z-index: 1;
         line-height: 1.7;
     }

     .ccl-roadsingle--resources-cta .ccl-roadsingle--btn {
         position: relative;
         z-index: 1;
     }

     /* ================
           RESPONSIVE UPDATES FOR NEW SECTIONS
           ================ */

     @media (max-width: 1024px) {
         .ccl-roadsingle--damages-showcase {
             grid-template-columns: 1fr;
         }

         .ccl-roadsingle--evidence-masonry {
             grid-template-columns: repeat(2, 1fr);
         }

         .ccl-roadsingle--why-features-grid {
             grid-template-columns: 1fr;
         }

         .ccl-roadsingle--resources-showcase {
             grid-template-columns: 1fr;
         }

         .ccl-roadsingle--resource-card-new:first-child {
             grid-template-columns: 1fr;
         }
     }

     @media (max-width: 768px) {
         .ccl-roadsingle--process-step {
             grid-template-columns: 70px 1fr;
             gap: 20px;
             margin-bottom: 32px;
         }

         .ccl-roadsingle--process-number {
             width: 70px;
             height: 70px;
             font-size: 2rem;
         }

         .ccl-roadsingle--process-step:not(:last-child)::after {
             left: 35px;
             top: 70px;
             bottom: -32px;
         }

         .ccl-roadsingle--process-content {
             padding: 24px;
         }

         .ccl-roadsingle--process-content h3 {
             font-size: 1.3rem;
             flex-direction: column;
             align-items: flex-start;
         }

         .ccl-roadsingle--evidence-masonry {
             grid-template-columns: 1fr;
         }

         .ccl-roadsingle--why-hero-content {
             grid-template-columns: 1fr;
             text-align: center;
         }

         .ccl-roadsingle--why-hero-icon {
             margin: 0 auto;
         }

         .ccl-roadsingle--timeline-container::before {
             left: 30px;
         }

         .ccl-roadsingle--timeline-item {
             padding-left: 90px;
         }

         .ccl-roadsingle--timeline-badge {
             width: 60px;
             height: 60px;
         }

         .ccl-roadsingle--timeline-time {
             font-size: 1.2rem;
         }

         .ccl-roadsingle--timeline-label {
             font-size: 0.6rem;
         }

         .ccl-roadsingle--timeline-content {
             padding: 20px 24px;
         }

         .ccl-roadsingle--timeline-content h4 {
             font-size: 1.2rem;
         }

         .ccl-roadsingle--timelimits-cta {
             padding: 32px 24px;
         }

         .ccl-roadsingle--timelimits-cta h4 {
             font-size: 1.6rem;
             flex-direction: column;
         }

         .ccl-roadsingle--resource-visual {
             height: 160px;
             font-size: 3rem;
         }

         .ccl-roadsingle--resource-content-new {
             padding: 24px;
         }

         .ccl-roadsingle--resource-card-new:first-child .ccl-roadsingle--resource-content-new {
             padding: 28px;
         }

         .ccl-roadsingle--resource-content-new h4 {
             font-size: 1.3rem;
         }

         .ccl-roadsingle--resource-card-new:first-child h4 {
             font-size: 1.6rem;
         }

         .ccl-roadsingle--resources-cta {
             padding: 36px 24px;
         }

         .ccl-roadsingle--resources-cta h3 {
             font-size: 1.8rem;
         }
     }

     @media (max-width: 480px) {
         .ccl-roadsingle--process-step {
             /* grid-template-columns: 1fr; */
             grid-template-columns: 60px 1fr;
             gap: 16px;
         }

         .ccl-roadsingle--process-number {
             margin: 0 auto;
         }

         .ccl-roadsingle--process-step:not(:last-child)::after {
             /* left: 50%; */
             transform: translateX(-50%);
             left: 35px;
        top: 70px;
        bottom: -32px;
         }
             .ccl-roadsingle--process-number {
        width: 60px;
        height: 60px;}

         .ccl-roadsingle--module-intro h3{font-size: 30px;}
         .ccl-roadsingle--module-intro{padding: 20px;}


         .ccl-roadsingle--injury-highlight{padding: 20px;}

         .ccl-roadsingle--injury-highlight-content h3{font-size: 26px;}

         .ccl-roadsingle--claim-text h3{font-size: 35px;}

         .ccl-roadsingle--ctp-item .ccl-roadsingle--ctp-item-text {
    width: 100%;
}

.ccl-roadsingle--ctp-item{flex-wrap: wrap; padding: 14px;}

.ccl-roadsingle--fees-content {
    padding: 20px;
}
.ccl-roadsingle--fees-list{display: flex; flex-wrap: wrap; flex-direction: column;}

.ccl-roadsingle--why-hero-card{padding: 20px;}

.ccl-roadsingle--why-hero-text h3{font-size: 36px;}

.ccl-roadsingle--damage-card{flex-wrap: wrap;}
.ccl-roadsingle--ctp-breakdown{padding: 20px;}

     }