.bannerpoints .col {
     cursor: pointer;
     /* font-family: 'Inter', sans-serif; */
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 1px;
     transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
     position: relative;
     text-align: center;
     opacity: 0.7;
     border: 1px solid;
     border-radius: 50px;
     padding: 5px 0px;
     /* Dimmed state for better contrast on hover */
     font-size: 13px;
 }

 /* The Hover Interaction */
 .bannerpoints .col:hover {
     opacity: 1;
     letter-spacing: 4px;
     /* Expands text */
     color: #22AB37;
     /* Your brand blue */
     text-shadow: 0 0 15px #22AB37,
         0 0 30px #093b83;
 }

 /* Subtle Animated Underline */
 .bannerpoints .col::after {
     content: '';
     position: absolute;
     bottom: -5px;
     left: 50%;
     width: 0;
     height: 1px;
     background: linear-gradient(90deg, transparent, #0057FF, transparent);
     transition: all 0.4s ease;
     transform: translateX(-50%);
 }

 .bannerpoints .col:hover::after {
     width: 100%;
 }


 /* Unique Structure Layout */
 .proof-section-custom {
     padding: 80px 0;
     background: #06090F;
     /* Deep charcoal/black */
     overflow: hidden;
     position: relative;
 }

 .proof-container {
     display: flex;
     flex-direction: column;
     gap: 60px;
     position: relative;
     z-index: 2;
 }

 /* Asymmetric Content Wrapper */
 .content-wrapper {
     display: grid;
     grid-template-columns: 1fr 450px;
     gap: 40px;
     align-items: center;
 }

 /* Editorial Quote Section */
 .editorial-quote {
     position: relative;
     padding-right: 40px;
 }

 .quote-eyebrow {
     display: flex;
     align-items: center;
     gap: 15px;
     margin-bottom: 30px;
 }

 .line-accent {
     width: 60px;
     height: 1px;
     background: #0057FF;
 }

 .editorial-quote blockquote {
     font-family: 'Playfair Display', serif;
     /* Use a high-end serif */
     font-size: 28px;
     font-weight: 500;
     line-height: 1.1;
     color: #fff;
     margin: 0;
     letter-spacing: 1px;
 }

 .editorial-quote blockquote span {
     color: #32c440;
     /* Highlighted word */
 }

 .author-info {
     margin-top: 25px;
     display: flex;
     flex-direction: column;
 }

 .author-info strong {
     color: #fff;
     font-size: 20px;
     text-transform: uppercase;
     letter-spacing: 2px;
 }

 .author-info span {
     color: rgba(255, 255, 255, 0.5);
     font-size: 14px;
     margin-top: 5px;
 }

 /* Floating Horizontal Stats */
 .floating-stats {
     display: flex;
     flex-direction: column;
     gap: 15px;
     justify-content: center;
 }

 .pill-stat {
     background: rgba(255, 255, 255, 0.02);
     border: 1px solid rgba(255, 255, 255, 0.08);
     padding: 20px 30px;
     border-radius: 100px;
     /* Pill Shape */
     display: flex;
     align-items: center;
     justify-content: space-between;
     transition: all 0.5s ease;
     cursor: default;
 }

 .pill-stat:hover {
     background: rgb(82 189 97 / 13%);
     border-color: #32c440;
     transform: scale(1.05);
 }

 .pill-val {
     font-size: 32px;
     font-weight: 800;
     color: #fff;
     /* font-family: 'Inter', sans-serif; */
 }

 .pill-desc {
     text-align: right;
     max-width: 150px;
 }

 .pill-desc label {
     display: block;
     font-size: 14px;
     text-transform: uppercase;
     color: #0057FF;
     font-weight: 700;
     letter-spacing: 1px;
 }

 .pill-desc p {
     margin: 0;
     font-size: 13px;
     color: rgba(255, 255, 255, 0.7);
     line-height: 1.2;
 }

 /* Background Aesthetic Blur */
 .glow-blob {
     position: absolute;
     width: 400px;
     height: 400px;
     background: radial-gradient(circle, rgba(0, 87, 255, 0.15) 0%, transparent 70%);
     top: 10%;
     right: -100px;
     z-index: 1;
     pointer-events: none;
 }

 /* Mobile Responsive */
 @media (max-width: 1100px) {
     .content-wrapper {
         grid-template-columns: 1fr;
     }

     .floating-stats {
         margin-top: 40px;
     }
 }






 /* ===== AI CTA ===== */
 /* Main Background */
 .ai-cta-section {
     position: relative;
     padding: 80px 0;
     background: #050816;
     overflow: hidden;
 }

 /* Animated Grid */
 .ai-cta-section::before {
     content: "";
     position: absolute;
     inset: 0;
     background-image:
         linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
         linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
     background-size: 50px 50px;
     mask-image: radial-gradient(circle at center, black 30%, transparent 85%);
 }

 /* Glow Background */
 .ai-cta-glow {
     position: absolute;
     width: 350px;
     height: 350px;
     border-radius: 50%;
     filter: blur(120px);
     opacity: 0.25;
     z-index: 0;
 }

 .glow-left {
     background: #22AB37;
     top: -100px;
     left: -100px;
 }

 .glow-right {
     background: #013982;
     bottom: -100px;
     right: -100px;
 }

 /* Main CTA Box */
 .ai-cta-wrapper {
     position: relative;
     z-index: 2;
     border-radius: 30px;
     padding: 70px;
     border: 1px solid rgba(255, 255, 255, 0.08);
     background: rgba(255, 255, 255, 0.03);
     backdrop-filter: blur(20px);
     text-align: center;
 }

 /* Heading */
 .ai-cta-wrapper h2 {
     font-size: 48px;
     line-height: 1.3;
     color: #fff;
     font-weight: 600;
     max-width: 950px;
     margin: auto;
     letter-spacing: -2px;
     margin-bottom: 15px;
 }

 /* Gradient Highlight */
 .ai-cta-wrapper h2 span {
     background: linear-gradient(309.43deg, #22AB37 26.12%, #ffffff 102%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     display: inline-block;
 }

 /* CTA Button */
 .ai-demo-btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     margin-top: 45px;
     padding: 18px 38px;
     border-radius: 14px;
     background: linear-gradient(309.43deg, #1ea132 -0.88%, #013982 81%);
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     text-decoration: none;
     transition: all 0.4s ease;
     box-shadow: 0 0 35px rgba(30, 161, 50, 0.35);
 }

 .ai-demo-btn:hover {
     transform: translateY(-5px);
     color: #fff;
     box-shadow: 0 0 50px rgba(1, 57, 130, 0.55);
 }

 /* Contact Info */
 .ai-contact-info {
     margin-top: 45px;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 40px;
     flex-wrap: wrap;
 }

 .ai-contact-info a,
 .ai-contact-info span {
     color: rgba(255, 255, 255, 0.75);
     text-decoration: none;
     font-size: 16px;
     transition: 0.3s;
 }

 /* Hover Gradient */
 .ai-contact-info a:hover {
     background: linear-gradient(309.43deg, #22AB37 26.12%, #ffffff 102%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 /* Divider */
 .divider {
     width: 1px;
     height: 20px;
     background: rgba(255, 255, 255, 0.15);
 }

 .ai-cta-wrapper:hover {
     box-shadow: rgba(158, 252, 121, 0.2) 0px 2px 8px 0px;
 }

 /* Responsive */
 @media (max-width: 991px) {

     .ai-cta-wrapper {
         padding: 50px 25px;
     }

     .ai-cta-wrapper h2 {
         font-size: 32px;
     }

     .ai-contact-info {
         gap: 18px;
         flex-direction: column;
     }

     .divider {
         display: none;
     }
 }

 /* --- STREAM MATRIX LAYOUT SYSTEM --- */
 .stream-matrix {
     display: grid;
     grid-template-columns: 1fr;
     gap: 80px;
     align-items: start;
     width: 100%;
 }

 /* Switches cleanly to side-by-side streams on desktop layouts */
 @media (min-width: 992px) {
     .stream-matrix {
         display: flex;
         justify-content: center;
         gap: 25px;
         margin: 25px;
     }
 }

 /* Branch Identity and Meta Titles */
 .stream-branch {
     position: relative;
     background-color: #38373c;
     position: relative;
     border-radius: 25px;
     padding: 10px 30px;
     height: 390px;
 }

 .branch-meta {
     margin-bottom: 48px;
 }

 .branch-label {
     font-size: 16px;
     letter-spacing: 1.5px;
     font-weight: 700;
     display: block;
     margin-bottom: 8px;
 }

 /* Custom UI Colors based on Audience Needs */
 .branch-creators .branch-label {
     color: #2fc23e;
 }

 /* Bright Electric Cyan */
 .branch-legal .branch-label {
     color: #2fc23e;
 }

 /* Cyber Emerald Green */

 .branch-meta h3 {
     font-size: 28px;
     font-weight: 700;
     color: #ffffff;
     margin: 0;
 }

 /* --- VERTICAL VECTOR TRACK TIMELINE --- */
 .stream-timeline {
     display: flex;
     flex-direction: column;
 }

 .stream-node {
     display: flex;
     gap: 24px;
     position: relative;
     padding-bottom: 40px;
     /* Controls systemic spacing completely without boxes */
 }

 /* The Left Side Indicator Stem */
 .node-indicator {
     display: flex;
     flex-direction: column;
     align-items: center;
     flex-shrink: 0;
     width: 12px;
     margin-top: 6px;
 }

 /* Fine Neon Micro-Nodes */
 .node-dot {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     /* background: #030712; */
     /* Matches your dark section canvas background color */
     transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }

 .branch-creators .node-dot {
     border: 2px solid #2fc23e;
     box-shadow: 0 0 10px rgba(56, 189, 248, 0.3);
 }

 .branch-legal .node-dot {
     border: 2px solid #2fc23e;
     box-shadow: 0 0 10px rgba(16, 185, 129, 0.3);
 }

 /* The Continuous Core Structural Path Line */
 .node-line {
     width: 1px;
     flex-grow: 1;
     background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.03) 100__);
     margin-top: 8px;
     margin-bottom: -40px;
     /* Seamlessly joins vectors across separate DOM rows */
 }

 /* --- TEXT CONTENT & INTERACTION HIGHLIGHTS --- */
 .node-content {
     transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
 }

 /* Clean, modern typographic response on element hover */
 .stream-node:hover .node-content {
     transform: translateX(8px);
 }

 .node-content h4 {
     font-size: 17px;
     font-weight: 600;
     color: #ffffff;
     margin: 0 0 8px 0;
     line-height: 1.4;
     transition: color 0.3s ease;
 }

 /* Precise Text color glow on active paths */
 .branch-creators .stream-node:hover h4 {
     color: #2fc23e;
 }

 .branch-legal .stream-node:hover h4 {
     color: #2fc23e;
 }

 .node-content p {
     color: #fff;
     /* Crisp low-contrast slate for deep information hierarchy */
     font-size: 14px;
     line-height: 1.6;
     margin: 0;
 }

 /* Interactive Node scaling highlight */
 .stream-node:hover .node-dot {
     transform: scale(1.3);
     background: currentColor;
     /* Fills center circle dynamically on interactive hover */
 }

 /* TRUST & CREDIBILITY SECTION */

 .trust-section {
     position: relative;
     background: #050505;
     padding: 120px 0;
     overflow: hidden;
 }

 /* Background Glow */
 .trust-section::before,
 .trust-section::after {
     content: "";
     position: absolute;
     border-radius: 50%;
     filter: blur(140px);
     z-index: 0;
 }

 .trust-section::before {
     width: 420px;
     height: 420px;
     background: rgba(34, 197, 94, 0.18);
     top: -120px;
     left: 10%;
 }

 .trust-section::after {
     width: 320px;
     height: 320px;
     background: rgba(34, 197, 94, 0.15);
     bottom: -100px;
     right: 10%;
 }

 .trust-container {
     position: relative;
     z-index: 2;
     max-width: 1280px;
     margin: auto;
     padding: 0 24px;
 }




 /* Grid */
 .trust-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 32px;
 }

 /* Cards */
 .trust-card {
     background: rgba(255, 255, 255, 0.05);
     border: 1px solid rgba(255, 255, 255, 0.08);
     border-radius: 28px;
     padding: 40px;
     backdrop-filter: blur(14px);
     transition: 0.3s ease;
     box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
 }

 .trust-card:hover {
     border-color: rgba(34, 197, 94, 0.45);
     transform: translateY(-5px);
 }

 /* Card Header */
 .card-top {
     margin-bottom: 20px;
 }

 .card-top h3 {
     font-size: 28px;
     color: #fff;
     margin-bottom: 10px;
 }

 /* Features */
 .feature-list,
 .security-list {
     display: flex;
     flex-direction: column;
     gap: 22px;
 }

 .feature-item2,
 .security-item {
     display: flex;
     align-items: flex-start;
     gap: 14px;
 }

 .feature-item2 span {
     color: #4ade80;
     font-size: 18px;
     margin-top: 2px;
 }

 .feature-item2 p,
 .security-item p {
     color: #e5e5e5;
     line-height: 1.7;
 }

 /* Responsive */
 @media (max-width: 992px) {

     .trust-grid {
         grid-template-columns: 1fr;
     }



 }

 @media (max-width: 768px) {

     .trust-section {
         padding: 90px 0;
     }
.stream-node {
    display: flex;
    gap: 24px;
    position: relative;
    padding-bottom: 13px;
}   


     .trust-card {
         padding: 28px;
     }

 }