/********** Template CSS **********/
:root {
    --primary: #1363C6;
    --secondary: #15ACE1;
    --light: #F4F7FE;
    --dark: #14183E;
}

/* Hero typography refinements */
.hero-title { line-height:1.05; letter-spacing:-0.5px; }
@media (max-width: 1199.98px){ .hero-title { font-size:2.9rem; } }
@media (max-width: 991.98px){ .hero-title { font-size:2.6rem; } }
@media (max-width: 767.98px){ .hero-title { font-size:2.25rem; } }
@media (max-width: 575.98px){ .hero-title { font-size:2rem; } }
.lead-intro { max-width:640px; margin-left:auto; margin-right:auto; }
/* Compact hero spacing so CTAs are visible above the fold */
.hero-header { padding-top:3.5rem !important; padding-bottom:2.5rem !important; }
@media (max-width: 991.98px){ .hero-header { padding-top:3rem !important; padding-bottom:2rem !important; } }
@media (max-width: 575.98px){ .hero-header { padding-top:2.5rem !important; padding-bottom:1.75rem !important; } }
.hero-header .lead-intro { margin-bottom:1.75rem !important; }
/* Add breathing space below brand and above badge */
.hero-intro { padding-top:0.75rem; }
@media (min-width:992px){ .hero-intro { padding-top:1.25rem; } }
.hero-intro > .btn.btn-sm { margin-top:0.25rem; margin-bottom:1.25rem !important; }
.hero-title { margin-top:0.25rem; }
/* Capability Section Enhancements */
.capability-section { background:linear-gradient(180deg,#F5F7FC 0%,#FFFFFF 100%); }
.capability-section:before { content:""; position:absolute; top:-120px; right:-120px; width:340px; height:340px; background:radial-gradient(circle at center, rgba(19,99,198,0.15), rgba(19,99,198,0)); filter:blur(2px); }
.capability-card { position:relative; background:#fff; border:1px solid #edf1f7; border-radius:18px; padding:1.75rem 1.5rem 1.75rem; box-shadow:0 4px 12px -2px rgba(20,24,62,0.06),0 2px 4px rgba(20,24,62,0.04); transition:all .35s cubic-bezier(.4,.14,.3,1); overflow:hidden; display:flex; flex-direction:column; }
.capability-card:after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(19,99,198,0) 40%,rgba(19,99,198,0.08)); opacity:0; transition:opacity .35s; }
.capability-card:hover { transform:translateY(-6px); box-shadow:0 10px 28px -4px rgba(20,24,62,0.18),0 4px 12px rgba(20,24,62,0.08); }
.vrf-step {background:linear-gradient(160deg,#ffffff 0%,#f3f8ff 100%);border:1px solid #e3edf7;transition:all .4s cubic-bezier(.4,0,.2,1);}
.vrf-step-number {position:absolute;top:-14px;left:14px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:.85rem;font-weight:600;line-height:1;border-radius:30px;padding:6px 10px;box-shadow:0 8px 14px -6px rgba(37,99,235,.5);}
.vrf-step:hover {transform:translateY(-6px);box-shadow:0 18px 34px -14px rgba(0,40,120,.25),0 4px 14px -2px rgba(0,0,0,.06);}
.vrf-step h6 {font-weight:600;letter-spacing:.4px;}
.vrf-metric {border:1px solid #e0e8f1;transition:all .35s ease;background:linear-gradient(160deg,#ffffff 0%,#f7fbff 100%);}
.vrf-metric:hover {transform:translateY(-5px);box-shadow:0 14px 30px -12px rgba(0,60,140,.25),0 4px 10px -2px rgba(0,0,0,.05);}
.vrf-metric p {font-weight:600;letter-spacing:.5px;}

/* Inline metric plus sign */
.metric-inline {display:inline-block;}
.metric-inline[data-suffix]:after {content:attr(data-suffix);margin-left:2px;font-size:0.9em;}

/* (Removed custom footer-eq & footer-link-item styles to match canonical contact page footer exactly) */

@media (prefers-color-scheme: dark){
    footer.site-footer {background:#0e1623;}
    footer.site-footer .footer-link {color:#9db3c9;}
    footer.site-footer .footer-link:hover {color:#fff;}
    footer.site-footer .very-small {color:#4e5d6c;}
}

/* VRF connectors */
.vrf-steps {position:relative;}
.vrf-steps:before {content:"";position:absolute;top:50%;left:calc(12.5%);right:calc(12.5%);height:3px;background:linear-gradient(90deg,#d4e2f4,#b6d2f4,#d4e2f4);transform:translateY(-50%);z-index:0;border-radius:4px;}
.vrf-steps .vrf-step {z-index:1;}
@media (max-width: 991.98px){
    .vrf-steps:before {display:none;}
}

/* Counter animation accessibility */
.vrf-counter {display:inline-block;min-width:1ch;}

/* Dark mode (prefers-color-scheme) */
@media (prefers-color-scheme: dark) {
    body {background:#0e1320;color:#d9e2f1;}
    .navbar, .bg-white {background:#142034 !important;}
    .vrf-step, .vrf-metric {background:linear-gradient(160deg,#162237 0%,#1e2d48 100%) !important;border-color:#2d415f;}
    .vrf-step-number {background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 16px -8px rgba(59,130,246,.5);}  
    .vrf-steps:before {background:linear-gradient(90deg,#2d415f,#3b5f8a,#2d415f);} 
    .capability-card {background:linear-gradient(145deg,#182335,#203048);border-color:#2a3c55;}
    .capability-card:after {background:linear-gradient(135deg,rgba(59,130,246,0) 40%,rgba(59,130,246,0.18));}
    .capability-list li {background:#254166;color:#90c2ff;}
    .capability-link {color:#7fb4ff;}
    /* Removed footer dark override to match contact page */
}
.capability-card:hover:after { opacity:1; }
.capability-icon { width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#1363C6; color:#fff; border-radius:14px; font-size:1.25rem; margin-bottom:1rem; box-shadow:0 4px 12px -2px rgba(19,99,198,0.5); position:relative; }
.capability-icon:before { content:""; position:absolute; inset:-8px; border:1px solid rgba(19,99,198,0.25); border-radius:18px; }
.capability-title { font-size:0.95rem; letter-spacing:.5px; text-transform:uppercase; font-weight:600; margin-bottom:0.75rem; }
.capability-list { list-style:none; padding:0; margin:0 0 0.5rem; font-size:0.85rem; line-height:1.4; }
.capability-list li { position:relative; padding-left:20px; margin-bottom:6px; }
.capability-list li:before { content:"\f00c"; font-family:'Font Awesome 5 Free'; font-weight:900; position:absolute; left:0; top:0; color:#1363C6; font-size:0.7rem; margin-top:3px; }
.capability-link { position:static; font-size:0.8rem; font-weight:600; letter-spacing:.5px; text-transform:uppercase; color:#1363C6; text-decoration:none; display:inline-flex; align-items:center; gap:4px; margin-top:auto; padding-top:.75rem; }
.capability-link:after { 
    content:""; 
    width:10px; 
    height:10px; 
    display:inline-block; 
    background:currentColor; 
    /* Create right arrow via clip-path (no icon font dependency) */
    -webkit-clip-path:polygon(0 0, 100% 50%, 0 100%, 30% 50%);
    clip-path:polygon(0 0, 100% 50%, 0 100%, 30% 50%);
    transition:transform .3s; 
}
.capability-card:hover .capability-link:after { transform:translateX(4px); }
@media (max-width: 575.98px){ .capability-card { padding:1.5rem 1.25rem 2.5rem; } .capability-icon { width:44px; height:44px; } }


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}

.back-to-top {
    position: fixed;
    display: none;
    right: 45px;
    bottom: 45px;
    z-index: 99;
}


/*** Heading ***/
h1,
h2,
h3,
.fw-bold {
    font-weight: 700 !important;
}

h4,
h5,
h6,
.fw-medium {
    font-weight: 500 !important;
}


/*** Button ***/
.btn {
    font-weight: 500;
    transition: .5s;
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    border-radius: 50px;
}


/*** Navbar ***/
.sticky-top {
    top: -150px;
    transition: .5s;
}

.navbar {
    padding: 11px 0 !important;
    height: 75px;
}

.navbar .navbar-nav .nav-link {
    margin-right: 35px;
    padding: 0;
    color: rgba(255, 255, 255, .7);
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: rgba(255, 255, 255, 1);
}

.navbar .dropdown-toggle::after {
    content:"";
    display:inline-block;
    margin-left:8px;
    vertical-align:middle;
    /* Downward pointing triangle caret */
    width:0; height:0;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top:6px solid currentColor;
    transition:transform .25s ease;
}
/* Rotate to point up when menu open */
.navbar .nav-item.show > .dropdown-toggle::after,
.navbar .dropdown-toggle[aria-expanded="true"]::after { transform:rotate(180deg); }

@media (max-width: 991.98px) {
    .navbar .navbar-nav {
        padding: 0 15px;
        background: var(--primary);
    }

    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}


/*** Hero Header ***/
.hero-header {
    margin-top: -75px;
    background: url(../img/bg-hero.png) center center no-repeat;
    background-size: cover;
}

/* Ensure hero headings are always white for contrast on primary/hero backgrounds */
.hero-header h1,
.hero-header .display-5 { color:#fff !important; }

.hero-header .breadcrumb-item+.breadcrumb-item::before {
    color: var(--light);
}


/*** Section Title ***/
.section-title::before {
    position: absolute;
    content: "";
    width: 45px;
    height: 4px;
    bottom: 0;
    left: 0;
    background: var(--dark);
}

.section-title::after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    bottom: 0;
    left: 50px;
    background: var(--dark);
}

.section-title.text-center::before {
    left: 50%;
    margin-left: -25px;
}

.section-title.text-center::after {
    left: 50%;
    margin-left: 25px;
}

.section-title h6::before,
.section-title h6::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    top: 2px;
    left: 0;
    background: rgba(33, 66, 177, .5);
}

.section-title h6::after {
    top: 5px;
    left: 3px;
}


/*** About ***/
.about-img {
    position: relative;
    overflow: hidden;
}

.about-img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../img/bg-about-img.png) top left no-repeat;
    background-size: contain;
}


/*** Service ***/
.service-item {
    position: relative;
    padding: 45px 30px;
    background: #FFFFFF;
    transition: .5s;
}

.service-item:hover {
    background: var(--primary);
}

.service-item .service-icon {
    margin: 0 auto 20px auto;
    width: 90px;
    height: 90px;
    color: var(--primary);
    background: var(--light);
    transition: .5s;
}

.service-item:hover .service-icon {
    background: #FFFFFF;
}

.service-item h5,
.service-item p {
    transition: .5s;
}

.service-item:hover h5,
.service-item:hover p {
    color: #FFFFFF;
}

.service-item a.btn {
    position: relative;
    display: flex;
    color: var(--primary);
    transition: .5s;
    z-index: 1;
}

.service-item:hover a.btn {
    color: var(--primary);
}

.service-item a.btn::before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    top: 0;
    left: 0;
    border-radius: 35px;
    background: var(--light);
    transition: .5s;
    z-index: -1;
}

.service-item:hover a.btn::before {
    width: 100%;
    background: var(--light);
}


/*** Feature ***/
.feature {
    background: url(../img/bg-hero.png) center center no-repeat;
    background-size: cover;
}


/*** Newsletter ***/
.newsletter {
    background: url(../img/bg-hero.png) center center no-repeat;
    background-size: cover;
}

@media (min-width: 992px) {
    .newsletter .container {
        max-width: 100% !important;
    }

    .newsletter .newsletter-text  {
        padding-right: calc(((100% - 960px) / 2) + .75rem);
    }
}

@media (min-width: 1200px) {
    .newsletter .newsletter-text  {
        padding-right: calc(((100% - 1140px) / 2) + .75rem);
    }
}

/* --- About Page New Sections (Impact / Testimonials / FAQ / Dual CTA) --- */
.impact-tile {transition:all .4s cubic-bezier(.4,.14,.3,1);border:1px solid #e3eaf3;background:linear-gradient(145deg,#ffffff,#f6f9fc);} 
.impact-tile:hover {transform:translateY(-6px);box-shadow:0 16px 34px -14px rgba(20,24,62,.22),0 6px 14px -4px rgba(20,24,62,.08);} 
.impact-tile .badge {letter-spacing:.4px;font-weight:600;} 
.impact-tile h5 {font-weight:600;} 
/* Trust section overrides */
.trust-section p, .trust-section li {font-size:0.9rem;}
.trust-section ul li i {width:16px;text-align:center;}

.quote-strip blockquote {border:1px solid rgba(255,255,255,0.15);backdrop-filter:blur(3px);} 
.quote-strip blockquote:focus-within, .quote-strip blockquote:hover {box-shadow:0 8px 26px -8px rgba(0,0,0,.35);} 

/* Engage (merged CTA + newsletter) */
.engage-metrics i{opacity:.9;}
.engage-metrics span{font-size:.7rem;letter-spacing:.5px;text-transform:uppercase;font-weight:600;}
/* Shared info-card utility */
.info-card{background:#fff;border-radius:1rem;box-shadow:0 4px 16px rgba(0,0,0,.06);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;}
.info-card:hover{transform:translateY(-6px);box-shadow:0 10px 28px -4px rgba(0,0,0,.18);} 
/* Equal-height metric panels (about hero stats) */
.metric-panel{background:rgba(255,255,255,0.1);backdrop-filter:blur(4px);min-height:140px;align-items:center;}
.metric-panel .metric-inline{font-weight:700;}
@media (max-width:575.98px){.metric-panel{min-height:0;}}

/* Focus styles for new interactive blocks */
.impact-tile:focus-within {outline:3px solid #1363C6; outline-offset:2px;}
blockquote:focus-within {outline:3px solid #fff; outline-offset:2px;}

@media (prefers-reduced-motion: reduce){
    .impact-tile, .impact-tile:hover {transition:none; transform:none;}
}

@media (prefers-color-scheme: dark){
    .impact-tile {background:linear-gradient(145deg,#1b2739,#223347);border-color:#2d425b;} 
    .impact-tile:hover {box-shadow:0 18px 40px -14px rgba(0,0,0,.6);} 
    /* Removed dark mode overrides for deleted FAQ + dual CTA */
}

@media (min-width: 1400px) {
    .newsletter .newsletter-text  {
        padding-right: calc(((100% - 1320px) / 2) + .75rem);
    }
}


/*** Case Study ***/
.case-item img {
    transition: .5s;
}
  
.case-item:hover img {
    transform: scale(1.2);
}
  
.case-overlay {
    position: absolute;
    padding: 30px;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    background: linear-gradient(rgba(20, 24, 62, 0), var(--dark));
    z-index: 1;
}

.case-overlay small {
    display: inline-block;
    padding: 3px 15px;
    color: #FFFFFF;
    background: rgba(20, 24, 62, .7);
    border-radius: 25px;
    margin-bottom: 15px;
}

.case-overlay span.btn:hover {
    color: var(--primary);
    background: #FFFFFF;
    border-color: #FFFFFF;
}


/*** FAQs ***/
.accordion .accordion-item {
    border: none;
    margin-bottom: 15px;
}

.accordion .accordion-button {
    background: var(--light);
    border-radius: 2px;
}

.accordion .accordion-button:not(.collapsed) {
    color: #FFFFFF;
    background: var(--primary);
    box-shadow: none;
}

.accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion .accordion-body {
    padding: 15px 0 0 0;
}


/*** Testimonial ***/
.testimonial-carousel {
    position: relative;
}

.testimonial-carousel .owl-nav {
    position: absolute;
    width: 40px;
    height: 100%;
    top: calc(50% - 50px);
    left: -21px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin: 5px 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    background: #FFFFFF;
    border: 1px solid var(--primary);
    border-radius: 40px;
    font-size: 18px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: var(--primary);
    color: #FFFFFF;
}

.testimonial-carousel .owl-dots {
    margin-top: 35px;
    margin-left: 3rem;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    background: #FFFFFF;
    border: 1px solid var(--primary);
    border-radius: 15px;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    width: 30px;
    background: var(--primary);
}


/*** Team ***/
.team-item {
    transition: .5s;
    border: 1px solid transparent;
    transition: .5s;
}

.team-item:hover {

    border-color: var(--primary);
}


/*** Footer ***/
.footer {
    background: url(../img/footer.png) center center no-repeat;
    background-size: contain;
}

.footer .btn.btn-social {
    margin-right: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.5);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 40px;
    transition: .3s;
}

.footer .btn.btn-social:hover {
    color: var(--primary);
}

.footer .btn.btn-link {display:block;margin:0 0 10px;padding:0;text-align:left;color:rgba(255,255,255,.5);font-weight:400;transition:color .25s ease;letter-spacing:0;text-decoration:none;}
.footer .btn.btn-link:hover {color:#fff;}

.footer .copyright {
    padding: 25px 0;
    font-size: 14px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.footer .copyright a {
    color: rgba(255,255,255,.5);
}

.footer .copyright a:hover {
    color: #FFFFFF;
}

.footer .footer-menu a {
    margin-right: 15px;
    padding-right: 15px;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.footer .footer-menu a:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}

/* Footer utility classes */
.footer-email { font-size:.9em; white-space:nowrap; }

/* Utility styling for capability chips */
.capability-chip { display:inline-block; background:var(--light); color:var(--dark); padding:.35rem .75rem; border-radius:30px; font-size:.75rem; margin:.25rem .4rem .25rem 0; }
.capability-chip i { color: var(--primary); margin-right:4px; }

/* (Old mega menu styles removed after migration to grid v3) */

/* Solutions grid menu v3 */
.dropdown-menu.solutions-menu { left:50%; transform:translateX(-50%); padding:1.1rem 2.1rem 1.6rem 2.0rem; border-radius:26px; border:1px solid rgba(0,0,0,.06); box-shadow:0 28px 54px -18px rgba(0,0,0,.22),0 10px 22px -10px rgba(0,0,0,.10); width:auto; background:#fff; min-width:620px; }
.solutions-grid { display:flex; gap:4.25rem; }
.solutions-col { min-width:260px; }
/* Compact variant for Partners menu */
.partners-menu { min-width:0 !important; padding:0.55rem 0.75rem 0.65rem 0.75rem !important; }
.partners-grid { gap:0.6rem !important; }
.partners-grid .solutions-col { min-width:150px; }
.partners-grid .solutions-col .sol-link { padding:.32rem 0; font-size:.87rem; }
.solutions-head { font-size:.62rem; letter-spacing:.22em; font-weight:600; opacity:.55; text-transform:uppercase; margin-bottom:.55rem; }
.solutions-col ul { margin:0; padding:0; }
.solutions-col li { list-style:none; }
.solutions-col .sol-link { display:block; padding:.47rem 0; font-size:.95rem; line-height:1.2rem; text-decoration:none; color:var(--dark); position:relative; font-weight:500; }
.solutions-col .sol-link:hover, .solutions-col .sol-link:focus { color:var(--primary); }
.solutions-col .sol-link.active { color:var(--primary); font-weight:600; }
.solutions-col .sol-link:hover::before, .solutions-col .sol-link:focus::before, .solutions-col .sol-link.active::before { content:""; position:absolute; left:-14px; top:50%; transform:translateY(-50%); width:4px; height:18px; background:var(--primary); border-radius:2px; }
/* Accessible focus ring */
.solutions-col .sol-link:focus { outline:2px solid var(--primary); outline-offset:2px; }
/* Skip link */
#skip-to-content { position:absolute; left:-999px; top:auto; width:1px; height:1px; overflow:hidden; }
#skip-to-content:focus { position:static; width:auto; height:auto; padding:.5rem 1rem; background:#000; color:#fff; z-index:10000; }
.visually-hidden-focusable:not(:focus):not(:active) { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; border:0 !important; }
/* Utility & a11y additions */
.visually-hidden { position:absolute !important; width:1px !important; height:1px !important; padding:0 !important; margin:-1px !important; overflow:hidden !important; clip:rect(0 0 0 0) !important; white-space:nowrap !important; border:0 !important; }
.is-invalid { border-color:#dc3545 !important; }
.is-invalid:focus { box-shadow:0 0 0 .2rem rgba(220,53,69,.25); }

/* Contact / office cards (moved from inline styles) */
.office-location { background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%); border-left:4px solid #1363C6; }
.office-location.alt { border-left-color:#15ACE1; }
.office-icon { width:50px; height:50px; background:linear-gradient(45deg,#1363C6,#15ACE1); border-radius:12px; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.office-icon.alt { background:linear-gradient(45deg,#15ACE1,#1363C6); }
.social-connect { background:linear-gradient(135deg,#1363C6 0%, #15ACE1 100%); color:#fff; }
.contact-form button[type=submit] { background:linear-gradient(45deg,#1363C6,#15ACE1); border:none; }
/* (Legacy channel tile styles removed to reduce CSS weight) */

/* Minimalist channel list (Palantir-style inspiration) */
.minimal-channels {background:linear-gradient(0deg,#f8f9fb 0%,#ffffff 100%); padding:1rem 0 0;}
.minimal-channels .channel-link {position:relative; display:block; text-decoration:none; padding:0 0 2.75rem; border-bottom:1px solid #111; color:#111; transition:color .3s;}
.minimal-channels .channel-link:hover {color:var(--primary);} 
.minimal-channels .channel-heading {font-size:2rem; font-weight:500; margin:0 0 1rem; line-height:1.15; letter-spacing:-.5px;}
@media (max-width: 991.98px){ .minimal-channels .channel-heading {font-size:1.65rem;} }
.minimal-channels .channel-desc {max-width:560px; font-size:1.05rem; line-height:1.35; margin:0;}
.minimal-channels .channel-arrow {position:absolute; right:0; top:0.75rem; font-size:1.5rem; transition:transform .4s cubic-bezier(.4,0,.2,1);} 
.minimal-channels .channel-link:hover .channel-arrow {transform:translateX(6px);} 
.minimal-channels .channel-link:focus {outline:2px solid var(--primary); outline-offset:4px;} 
@media (prefers-color-scheme: dark){
    .minimal-channels {background:linear-gradient(0deg,#0e1320 0%,#141b2c 100%);} 
    .minimal-channels .channel-link {color:#e4ecf6; border-bottom:1px solid #e4ecf6;} 
    .minimal-channels .channel-link:hover {color:#7fb4ff;} 
    .minimal-channels .channel-arrow {color:#7fb4ff;} 
}

/* Static email presentation (non-click) */
.minimal-channels .channel-link.static {cursor:default; padding-right:0;}
.minimal-channels .channel-link.static .channel-arrow {display:none;}
.minimal-channels .channel-link .channel-email {font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; font-size:.875rem; letter-spacing:.5px; color:#5f6d7a; margin:.5rem 0 0; user-select:all; word-break:break-all; transition:color .25s ease;} 
.minimal-channels .channel-link:hover .channel-email, .minimal-channels .channel-link:focus .channel-email {color:#0d6efd;}
@media (prefers-color-scheme: dark){
        .minimal-channels .channel-link .channel-email {color:#94a9c4;}
        .minimal-channels .channel-link:hover .channel-email, .minimal-channels .channel-link:focus .channel-email {color:#66b2ff;}
}
/* Inline variant tweaks */
.minimal-channels.channels-inline {background:linear-gradient(180deg,#f9fafc 0%,#ffffff 70%); margin-top:-.75rem; border-radius:12px; padding:2.25rem 2rem 1rem; box-shadow:0 6px 18px -8px rgba(0,0,0,.08);}
.minimal-channels.channels-inline .channel-link {padding:0 0 2.1rem; border-bottom:1px dashed rgba(0,0,0,.25);} 
.minimal-channels.channels-inline .channel-link:last-child {border-bottom:none;}
/* Enhanced elements */
.channels-inline .ch-icon {width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1363C6,#15ACE1);color:#fff;font-size:1.25rem;margin:0 0 1.1rem;box-shadow:0 4px 10px -2px rgba(19,99,198,.35);} 
.channels-inline .channel-link {position:relative;}
.channels-inline .channel-link.static {transition:background .35s, box-shadow .35s, transform .35s;} 
.channels-inline .channel-link.static:hover, .channels-inline .channel-link.static:focus-within {background:rgba(19,99,198,0.045); box-shadow:0 8px 22px -12px rgba(0,63,140,.25); transform:translateY(-2px); border-radius:10px;} 
.channels-inline .channel-link.static:hover .ch-icon, .channels-inline .channel-link.static:focus-within .ch-icon {box-shadow:0 6px 14px -4px rgba(19,99,198,.5);} 
.channels-inline .channel-email {display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;} 
.channels-inline .copy-email {line-height:1; padding:4px 12px 5px; font-size:.7rem; letter-spacing:.5px; text-transform:uppercase; border-radius:22px; border:1px solid #0d6efd; background:rgba(13,110,253,.08); cursor:pointer;} 
.channels-inline .copy-email i {font-size:.85rem;} 
.channels-inline .copy-email:hover, .channels-inline .copy-email:focus {background:#0d6efd; color:#fff;} 
.channels-inline .channel-heading {font-weight:600;} 
.channels-inline .channel-desc {font-size:1rem; color:#4c5763;} 
/* Copy feedback bubble */
.copy-feedback {position:absolute; background:#0d6efd; color:#fff; font-size:.65rem; letter-spacing:.5px; padding:4px 10px 5px; border-radius:16px; opacity:0; transform:translateY(-4px); transition:.35s cubic-bezier(.4,0,.2,1); pointer-events:none; box-shadow:0 4px 16px -6px rgba(0,0,0,.35);} 
.copy-feedback.show {opacity:1; transform:translateY(0);} 
@media (prefers-color-scheme: dark){ .copy-feedback {background:#66b2ff; color:#0b1828;} }
@media (prefers-color-scheme: dark){
    .channels-inline .ch-icon {background:linear-gradient(135deg,#1f74dd,#2fb6ef);} 
    .channels-inline .channel-link.static:hover, .channels-inline .channel-link.static:focus-within {background:rgba(140,180,255,0.08);} 
    .channels-inline .channel-desc {color:#9fb2c7;} 
    .channels-inline .copy-email {border-color:#66b2ff; background:rgba(102,178,255,.08);} 
    .channels-inline .copy-email:hover, .channels-inline .copy-email:focus {background:#66b2ff; color:#0b1828;} 
}
@media (max-width: 767.98px){
    .minimal-channels.channels-inline {padding:1.75rem 1.25rem 0.5rem;}
    .minimal-channels.channels-inline .channel-heading {font-size:1.55rem;}
    .minimal-channels.channels-inline .channel-link {padding:0 0 1.75rem;}
}
@media (prefers-color-scheme: dark){
    .minimal-channels.channels-inline {background:linear-gradient(180deg,#162133 0%,#101724 70%); box-shadow:0 8px 26px -10px rgba(0,0,0,.55);} 
    .minimal-channels.channels-inline .channel-link {border-bottom:1px dashed rgba(255,255,255,.25);} 
}

/* Reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0ms !important; scroll-behavior:auto !important; }
}
@media (max-width: 991.98px) { .dropdown-menu.solutions-menu { left:0; transform:none; border-radius:0; width:100%; min-width:0; padding:.9rem 1.25rem 1.1rem; } .solutions-grid { flex-direction:column; gap:1.25rem; } .solutions-col { min-width:auto; } }
