/* ========== SolidPro Contact (Dark Corporate) ========== */
            .sp-contact {
                position: relative;
                overflow: hidden;
            }

            .sp-contact__overlay{
                position:absolute;
                inset:0;
                background:
                    radial-gradient(900px 500px at 20% 50%, rgba(32, 124, 255, .18), transparent 60%),
                    radial-gradient(900px 500px at 90% 30%, rgba(0, 255, 209, .10), transparent 55%),
                    linear-gradient(90deg, rgba(5,12,24,.86), rgba(5,12,24,.66));
                pointer-events:none;
            }

            .sp-contact__inner{
                position: relative;
                z-index: 2;
                min-height: 560px;
                display: grid;
                grid-template-columns: 1.05fr .95fr;
                align-items: center;
                gap: 48px;
                padding: 80px 0;
            }

            @media (max-width: 992px){
                .sp-contact__inner{
                    grid-template-columns: 1fr;
                    padding: 60px 0;
                    gap: 26px;
                }
            }

            /* Left */
            .sp-contact__pill{
                display: inline-flex;
                align-items: center;
                gap: 10px;
                padding: 8px 14px;
                border-radius: 999px;
                background: rgba(255,255,255,.06);
                border: 1px solid rgba(255,255,255,.12);
                color: rgba(255,255,255,.80);
                font-size: 12px;
                letter-spacing: .08em;
                text-transform: uppercase;
                margin-bottom: 18px;
            }

            .sp-contact__dot{
                width: 8px;
                height: 8px;
                border-radius: 999px;
                background: #2f7cff;
                box-shadow: 0 0 0 4px rgba(47,124,255,.18);
            }

            .sp-contact__title{
                color: #fff;
                font-weight: 800;
                line-height: 1.06;
                font-size: clamp(34px, 3.4vw, 52px);
                margin: 0 0 14px;
            }

            .sp-contact__accent{
                background: linear-gradient(90deg, #2f7cff, #00ffd1);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
            }

            .sp-contact__desc{
                color: rgba(255,255,255,.76);
                font-size: 15px;
                line-height: 1.75;
                max-width: 560px;
                margin-bottom: 22px;
            }

            .sp-contact__badges{
                display: flex;
                gap: 14px;
                flex-wrap: wrap;
            }

            .sp-contact__badge{
                display:flex;
                gap: 10px;
                align-items: center;
                padding: 12px 14px;
                border-radius: 14px;
                background: rgba(255,255,255,.06);
                border: 1px solid rgba(255,255,255,.10);
                color: rgba(255,255,255,.86);
                min-width: 220px;
            }

            .sp-contact__badge strong{
                display:block;
                font-size: 13px;
            }

            .sp-contact__badge small{
                display:block;
                color: rgba(255,255,255,.65);
                font-size: 12px;
                margin-top: 2px;
            }

            .sp-contact__badgeIcon{
                width: 34px;
                height: 34px;
                display:grid;
                place-items:center;
                border-radius: 10px;
                background: rgba(47,124,255,.16);
                border: 1px solid rgba(47,124,255,.22);
            }

            /* Right card */
            .sp-contact__card{
                max-width: 460px;
                margin-left: auto;
                padding: 18px;
                border-radius: 18px;
                background: rgba(10, 18, 34, .62);
                border: 1px solid rgba(255,255,255,.14);
                box-shadow: 0 28px 70px rgba(0,0,0,.45);
                backdrop-filter: blur(10px);
            }

            @media (max-width: 992px){
                .sp-contact__card{
                    max-width: 520px;
                    margin-left: 0;
                }
            }

            .sp-contact__cardHead{
                display:flex;
                align-items:center;
                gap: 12px;
                padding: 14px 14px 16px;
                border-radius: 14px;
                background: rgba(255,255,255,.05);
                border: 1px solid rgba(255,255,255,.10);
                margin-bottom: 14px;
            }

            .sp-contact__headIcon{
                width: 44px;
                height: 44px;
                border-radius: 12px;
                display:grid;
                place-items:center;
                background: rgba(47,124,255,.16);
                border: 1px solid rgba(47,124,255,.22);
                color: #fff;
            }

            .sp-contact__kicker{
                font-size: 12px;
                color: rgba(255,255,255,.65);
                letter-spacing: .14em;
            }

            .sp-contact__cardTitle{
                color:#fff;
                margin: 2px 0 0;
                font-weight: 800;
            }

            /* Form */
            .sp-contact__form{
                background: rgba(255,255,255,.96);
                border-radius: 14px;
                padding: 16px;
            }

            .sp-field{ margin-bottom: 12px; }

            .sp-label{
                display:block;
                font-size: 12px;
                font-weight: 600;
                color: rgba(10,18,34,.72);
                margin-bottom: 6px;
            }

            .sp-contact__form input,
            .sp-contact__form textarea{
                width: 100%;
                border: 1px solid rgba(10,18,34,.18);
                border-radius: 10px;
                padding: 12px 12px;
                font-size: 14px;
                outline: none;
                background: #111827; /* dark input */
                color: #fff;
            }

            .sp-contact__form textarea{ resize: none; }

            .sp-contact__form input::placeholder,
            .sp-contact__form textarea::placeholder{
                color: rgba(255,255,255,.55);
            }

            .sp-contact__form input:focus,
            .sp-contact__form textarea:focus{
                border-color: rgba(47,124,255,.75);
                box-shadow: 0 0 0 4px rgba(47,124,255,.18);
            }

            .sp-contact__btn{
                width: 100%;
                margin-top: 6px;
                border: 0;
                border-radius: 12px;
                padding: 13px 14px;
                font-weight: 800;
                color: #fff;
                cursor: pointer;
                background: linear-gradient(90deg, #1d4ed8, #2f7cff);
                display:flex;
                justify-content:center;
                align-items:center;
                gap: 10px;
                transition: transform .2s ease, filter .2s ease;
            }

            .sp-contact__btn:hover{
                transform: translateY(-1px);
                filter: brightness(1.05);
            }

            .sp-contact__btnArrow{
                font-size: 18px;
                line-height: 1;
                opacity: .95;
            }

            /* ===============================
            SolidPro Contact – Brand Colors
            ================================ */

            :root{
                --sp-primary: #0B3C8A;
                --sp-primary-light: #1E66D0;
                --sp-accent-red: #E11D2E;
                --sp-dark: #050C18;
                --sp-card: #0E1A2F;
            }

            /* Overlay – SolidPro blue depth */
            .sp-contact__overlay{
                background:
                    radial-gradient(800px 500px at 15% 45%, rgba(30,102,208,.22), transparent 60%),
                    radial-gradient(600px 400px at 85% 30%, rgba(225,29,46,.18), transparent 55%),
                    linear-gradient(90deg, rgba(5,12,24,.92), rgba(5,12,24,.70));
            }

            /* Left content */
            .sp-contact__pill{
                background: rgba(30,102,208,.14);
                border: 1px solid rgba(30,102,208,.35);
                color: #cfe2ff;
            }

            .sp-contact__dot{
                background: var(--sp-accent-red);
                box-shadow: 0 0 0 4px rgba(225,29,46,.28);
            }

            .sp-contact__title{
                color: #ffffff;
            }

            .sp-contact__accent{
                background: linear-gradient(90deg, #1E66D0, #E11D2E);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
            }

            .sp-contact__desc{
                color: rgba(255,255,255,.78);
            }

            /* Trust badges */
            .sp-contact__badge{
                background: rgba(11,60,138,.22);
                border: 1px solid rgba(30,102,208,.35);
            }

            .sp-contact__badgeIcon{
                background: rgba(225,29,46,.18);
                border: 1px solid rgba(225,29,46,.45);
            }

            /* ===============================
            Form Card – SolidPro Look
            ================================ */

            .sp-contact__card{
                background: rgba(14,26,47,.88);
                border: 1px solid rgba(30,102,208,.35);
                box-shadow:
                    0 30px 70px rgba(0,0,0,.55),
                    inset 0 0 0 1px rgba(255,255,255,.04);
            }

            /* Header */
            .sp-contact__cardHead{
                background: linear-gradient(
                    135deg,
                    rgba(11,60,138,.55),
                    rgba(30,102,208,.35)
                );
                border: 1px solid rgba(30,102,208,.35);
            }

            .sp-contact__headIcon{
                background: linear-gradient(135deg, #E11D2E, #B31220);
                border: none;
            }

            .sp-contact__kicker{
                color: rgba(255,255,255,.75);
            }

            .sp-contact__cardTitle{
                color: #ffffff;
            }

            /* ===============================
            Form Fields
            ================================ */

            .sp-contact__form{
                background: linear-gradient(
                    180deg,
                    #ffffff,
                    #f4f7fb
                );
            }

            .sp-label{
                color: #0B3C8A;
            }

            /* Dark inputs (enterprise feel) */
            .sp-contact__form input,
            .sp-contact__form textarea{
                background: #0E1A2F;
                color: #ffffff;
                border: 1px solid rgba(30,102,208,.35);
            }

            .sp-contact__form input::placeholder,
            .sp-contact__form textarea::placeholder{
                color: rgba(255,255,255,.55);
            }

            .sp-contact__form input:focus,
            .sp-contact__form textarea:focus{
                border-color: #E11D2E;
                box-shadow: 0 0 0 4px rgba(225,29,46,.25);
            }

            /* ===============================
            CTA Button – SolidPro Red
            ================================ */

            .sp-contact__btn{
                background: linear-gradient(
                    90deg,
                    #E11D2E,
                    #B31220
                );
                box-shadow:
                    0 14px 30px rgba(225,29,46,.45);
            }

            .sp-contact__btn:hover{
                filter: brightness(1.05);
                transform: translateY(-1px);
            }

            .sp-contact__btnArrow{
                color: #fff;
            }



             /* ===============================
            SolidPro – LTTS Style Ribbons
            =============================== */

            .sp-ribbon-section{
                background:#fff;
                padding: clamp(70px, 7vw, 110px) 0;
            }

            .sp-ribbon-head{
                max-width: 760px;
                margin-bottom: 34px;
            }

            .sp-ribbon-kicker{
                display:inline-block;
                font-size: 12px;
                letter-spacing: .18em;
                text-transform: uppercase;
                font-weight: 800;
                color:#1E66D0;
                margin-bottom: 10px;
            }

            .sp-ribbon-title{
                font-size: clamp(28px, 3vw, 42px);
                line-height: 1.15;
                font-weight: 900;
                color:#070C16;
                margin-bottom: 12px;
            }

            .sp-ribbon-sub{
                font-size: 15px;
                line-height: 1.7;
                color:#5c6475;
            }

            .sp-ribbon-list{
                display:flex;
                flex-direction:column;
                gap: 18px;
            }

            /* Ribbon card */
            .sp-ribbon{
                position: relative;
                display:grid;
                grid-template-columns: 170px 1fr 220px;
                gap: 18px;
                align-items:center;
                padding: 18px 20px;
                border-radius: 16px;
                border: 1px solid #e8ecf2;
                background: #ffffff;
                box-shadow: 0 14px 30px rgba(0,0,0,.07);
                overflow:hidden;
            }

            /* subtle diagonal texture */
            .sp-ribbon::before{
                content:"";
                position:absolute;
                inset:-60px -60px auto auto;
                width: 180px;
                height: 180px;
                transform: rotate(25deg);
                opacity:.08;
                background: repeating-linear-gradient(
                    45deg,
                    rgba(30,102,208,.9),
                    rgba(30,102,208,.9) 6px,
                    transparent 6px,
                    transparent 14px
                );
            }

            /* Left badge "ribbon" */
            .sp-ribbon-badge{
                position: relative;
                display:flex;
                align-items:center;
                gap: 10px;
                padding: 12px 14px;
                border-radius: 12px;
                color:#fff;
                font-weight: 800;
                letter-spacing: .08em;
                text-transform: uppercase;
                font-size: 12px;
            }

            .sp-ribbon-dot{
                width: 10px;
                height: 10px;
                border-radius: 999px;
                background: rgba(255,255,255,.95);
                box-shadow: 0 0 0 4px rgba(255,255,255,.18);
            }

            .sp-ribbon-body h4{
                margin: 0 0 6px 0;
                font-size: 18px;
                font-weight: 900;
                color:#070C16;
            }

            .sp-ribbon-body p{
                margin:0;
                font-size: 14.5px;
                line-height: 1.6;
                color:#5c6475;
            }

            .sp-ribbon-meta{
                display:flex;
                justify-content:flex-end;
                gap: 10px;
                flex-wrap: wrap;
            }

            .sp-pill{
                display:inline-flex;
                align-items:center;
                padding: 8px 12px;
                border-radius: 999px;
                font-size: 12px;
                font-weight: 700;
                background:#f3f6fb;
                color:#1f2a44;
                border: 1px solid #e6ebf2;
            }

            /* Hover polish */
            .sp-ribbon:hover{
                transform: translateY(-2px);
                transition: transform .22s ease;
            }

            /* Color themes */
            .sp-blue .sp-ribbon-badge{ background: linear-gradient(135deg, #1E66D0, #0B3C8A); }
            .sp-navy .sp-ribbon-badge{ background: linear-gradient(135deg, #0B3C8A, #071a3a); }
            .sp-red  .sp-ribbon-badge{ background: linear-gradient(135deg, #E11D2E, #B11222); }

            .sp-blue::before{ background: repeating-linear-gradient(45deg, rgba(30,102,208,1), rgba(30,102,208,1) 6px, transparent 6px, transparent 14px); }
            .sp-navy::before{ background: repeating-linear-gradient(45deg, rgba(11,60,138,1), rgba(11,60,138,1) 6px, transparent 6px, transparent 14px); }
            .sp-red::before { background: repeating-linear-gradient(45deg, rgba(225,29,46,1), rgba(225,29,46,1) 6px, transparent 6px, transparent 14px); }

            /* Responsive */
            @media (max-width: 992px){
                .sp-ribbon{
                    grid-template-columns: 1fr;
                }
                .sp-ribbon-meta{
                    justify-content:flex-start;
                }
            }


              /* ===============================
            SolidPro – Key Metrics (White)
            =============================== */
            .sp-keymetrics{
                background:#fff;
                padding: 90px 0 110px;
            }

            .sp-keymetrics-head{ max-width: 760px; margin-bottom: 50px; }
            .sp-eyebrow{
                display:block; font-size:12px; font-weight:800; letter-spacing:.18em;
                color:#1E66D0; margin-bottom:10px;
            }
            .sp-heading{
                font-size:42px; line-height:1.15; font-weight:900;
                color:#050C18; margin-bottom:14px;
            }
            .sp-subtext{ font-size:15px; line-height:1.7; color:#5c6475; }

            /* Row */
            .sp-metrics-row{
                display:flex;
                gap:0;
                margin-top:40px;
                align-items:stretch;
            }

            /* Card base */
            .sp-metric-card{
                position:relative;
                flex:1;
                padding: 34px 34px 30px;
                background:#fff;
                border-radius:16px;
                border:1px solid #edf1f7;
                box-shadow: 0 10px 28px rgba(0,0,0,.06);
                transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
                overflow:hidden;
                margin-right:50px;
            }

            /* Attached look */
            .sp-metric-card + .sp-metric-card{ margin-left:-18px; }

            /* subtle overlay for hover sheen */
            .sp-metric-card::after{
                content:"";
                position:absolute;
                inset:-1px;
                background: radial-gradient(240px 140px at 30% 10%, rgba(30,102,208,.08), transparent 55%);
                opacity:0;
                transition: opacity .22s ease;
                pointer-events:none;
            }

            /* Number */
            .sp-metric-num{
                font-size:48px;
                font-weight:900;
                color:#050C18;
                letter-spacing:-0.04em;
                margin-bottom:12px;
                display:flex;
                align-items:flex-end;
                gap:4px;
            }
            .sp-suffix{
                font-size:18px;
                font-weight:700;
                color:#6b7280;
                transform: translateY(-2px);
            }

            /* Text */
            .sp-metric-desc{
                font-size:14.5px;
                line-height:1.65;
                color:#5c6475;
                max-width: 92%;
            }

            /* Pills */
            .sp-metric-pill{
                position:absolute;
                top:28px;
                right:26px;
                font-size:12px;
                font-weight:700;
                padding:7px 12px;
                border-radius:999px;
                background:#f3f6fb;
                color:#050C18;
                border:1px solid #e6ebf2;
                transition: transform .22s ease, background .22s ease, border-color .22s ease;
            }

            /* Theme accents */
            .sp-metric-primary{ border-left:5px solid #0B3C8A; }
            .sp-metric-blue{
                background:
                    radial-gradient(240px 140px at 95% 5%, rgba(30,102,208,.12), transparent 60%),
                    #fff;
            }
            .sp-metric-red{
                background:
                    radial-gradient(240px 140px at 95% 5%, rgba(225,29,46,.13), transparent 60%),
                    #fff;
            }

            /* ==============
            Hover micro FX
            ============== */
            .sp-metric-card:hover{
                transform: translateY(-6px);
                box-shadow: 0 16px 40px rgba(0,0,0,.10);
                border-color: #e2e9f3;
                z-index: 3; /* important for attached cards */
            }
            .sp-metric-card:hover::after{ opacity:1; }
            .sp-metric-card:hover .sp-metric-pill{
                transform: translateY(-2px);
                background:#ffffff;
                border-color:#dfe7f3;
            }

            /* optional: slightly scale number on hover */
            .sp-metric-card:hover .sp-metric-num{
                transform: translateY(-1px);
                transition: transform .22s ease;
            }

            /* Responsive */
            @media (max-width: 992px){
                .sp-metrics-row{ flex-direction:column; }
                .sp-metric-card + .sp-metric-card{ margin-left:0; margin-top:16px; }
            }