/* Global Reset */
    @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

   
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    
    .header-logo img {
        text-align: left;
        height: 150px;
        border-radius: 5px;
        object-fit: contain;
        margin-top: -40px;
        margin-bottom: -10px;
    }
    
    .header-heading h2 {
        font-size: 60px;
        text-align: center;
        line-height: 120px;
        color: black;
        font-weight: 500;
        letter-spacing: 1px;
    
    }
    
    .btn-custom {
        border: 1px solid #244df6;
        color: #244df6;
        font-weight: 600;
        border-radius: 1px;
        padding: 10px 22px;
        transition: all 0.3s ease;
        margin: 0px 5px 12px 0px;
    }
    
    .btn-custom:hover {
        background-color: #244df6;
        color: #fff;
    }
    
    .btn-active {
        background-color: #244df6;
        color: #fff;
        border: 1px solid #244df6;
    }
    
    .btn-check:focus+.btn,
    .btn:focus {
        outline: 0;
        box-shadow: 0 0 0 .25rem rgb(205 219 219);
    }
    
    h1,h2,h3,h4,h5,h6{
      color: #0f5c3f !important;
    }
    p{
      color: #373737;
      font-size: 1.12rem !important;
    }
    
    
    /* ===============================
       CAPITAL FORGE ALLIANCE FOOTER   19 feb 2026
    ================================= */
    
    .cfa-footer {
        background: linear-gradient(180deg, #166534, #065f46);
        color: #ffffff;
        padding: 60px 0;
    }
    
    .cfa-footer h2 {
        font-size: 36px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    
    .footer-tagline {
        font-size: 16px;
        color: #d1fae5;
    }
    
    .footer-divider {
        border-color: rgba(255,255,255,0.2);
        margin: 30px 0;
    }
    
    .footer-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
    }
    
    .footer-col {
        flex: 1;
        min-width: 220px;
    }
    
    .footer-col h4 {
        font-size: 18px;
        margin-bottom: 15px;
        font-weight: 600;
    }
    
    .footer-col ul {
        list-style: none;
        padding: 0;
    }
    
    .footer-col ul li {
        margin-bottom: 10px;
        list-style: inside;
    }
    
    .footer-col ul li a {
        color: #a7f3d0;
        text-decoration: none;
        transition: 0.3s ease;
        text-decoration: underline;
    }
    
    .footer-col ul li a:hover {
        color: #ffffff;
        text-decoration: underline;
    }
    
    .footer-contact a {
        color: #a7f3d0;
    }
    
    .footer-social a {
        display: inline-block;
        margin-right: 20px;
        color: #a7f3d0;
        text-decoration: underline;
        width: 100%;
        margin-top: 15px;
    }
    
    .footer-social a:hover {
        color: #ffffff;
    }
    
    .footer-bottom {
        margin-top: 40px;
        font-size: 14px;
        color: #d1fae5;
    }
    
    /* Responsive */
    @media (max-width: 768px) {
        .footer-grid {
            flex-direction: column;
        }
    }
    
    /* HERO WRAPPER */
    .cfl-hero-wrapper{
        background:#e6f1ea;
        padding-bottom:50px;
    }
    
    /* IMAGE */
    .cfl-hero-img{
        width:100%;
        border-radius:0px;
        margin-bottom:25px;
    }
    
    /* LINKS */
    .cfl-top-links{
        color:#14532d;
        font-weight:600;
        margin-bottom: 25px;
        margin-top: 15px;
    }
    .cfl-top-links a{
        color:#14532d;
        text-decoration:none;
        margin:0 6px;
        font-size:22px;
    }
    .cfl-top-links a:hover{
        text-decoration:underline;
    }
    
    /* MISSION */
    .cfl-mission{
        color:#475569;
        margin:10px auto 20px;
    }
    
    /* TITLE */
    .cfl-main-title{
        font-size:48px;
        color:#374151;
        margin-bottom:20px;
        margin-top:40px;
    }
    
    /* DESCRIPTION */
    .cfl-description{
        margin:auto;
        color:#4b5563;
        line-height:1.7;
    }
    
    .mt-10{
        margin-top:20px;
    }
    
    /* DRAFT SECTION */
    .cfl-drafts-section{
        background:#e6f1ea;
        padding:0 0 50px 0;
    }
    
    .cfl-section-title{
        font-family:Georgia,serif;
        font-size:42px;
        margin-bottom:40px;
        color:#374151;
    }
    
    /* GRID */
    .cfl-drafts-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:30px;
    }
    
    /* CARD */
    .cfl-draft-card{
        background:#f4fbf7;
        border:1px solid #dbe7e2;
        border-radius:18px;
        padding:20px;
    }
    
    .cfl-draft-card img{
        width:100%;
        border-radius:14px;
        margin-bottom:15px;
    }
    
    .cfl-draft-card h3{
        font-family:Georgia,serif;
        margin-bottom:10px;
    }
    
    /* BUTTONS */
    .draft-buttons{
        margin-top:12px;
        margin-bottom:10px;
    }
    
    .btn-green{
        background:#14532d;
        color:#fff;
        padding:10px 18px;
        border-radius:8px;
        text-decoration:none;
        margin-right:10px;
        display:inline-block;
    }
    
    .btn-outline{
        border:1px solid #14532d;
        color:#14532d;
        padding:10px 18px;
        border-radius:8px;
        text-decoration:none;
    }
    
    /* STATUS */
    .draft-status{
        font-size:14px;
        color:#475569;
    }
    
    .mt-4{margin-top:30px;}


   /* WORKS SECTION */
    .cfl-works-section{
        background:#e6f1ea;
        padding:0 0 50px 0;
    }
    
    .cfl-works-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:40px;
    }
    
    /* ITEM */
    .work-item h3{
        font-family:Georgia,serif;
        margin-top:20px;
        margin-bottom:10px;
        }
    
    /* ARROW BAR */
    .work-arrow{
        position:relative;
        background:#cfe3da;
        height:70px;
        border-radius:8px;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:28px;
        color:#374151;
    }
    .work-arrow i{
        font-size: 27px;
    }
    /* arrow shape */
    .work-arrow:after{
        content:"";
        position:absolute;
        right:-25px;
        top:0;
        border-top:35px solid transparent;
        border-bottom:35px solid transparent;
        border-left:30px solid #cfe3da;
    }
    
    /* MOBILE */

   /* PILLARS */
    .cfl-pillars-section{
        background:#e6f1ea;
        padding:80px 0;
    }
    
    .pillars-desc{
        max-width:900px;
        margin:10px auto 40px;
        color:#475569;
    }
    
    /* GRID */
    .pillars-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:25px;
    }
    
    /* CARD */
    .pillar-card{
        background:#f4fbf7;
        border:1px solid #dbe7e2;
        border-radius:18px;
        padding:25px;
    }
    
    .pillar-card h3{
        font-family:Georgia,serif;
        margin-bottom:10px;
    }
    
    /* CTA */
    .pillars-cta{
        margin-top:40px;
    }
    
    .cta-row{
        margin-top:15px;
        display:flex;
        gap:15px;
    }
    
    .big{
        padding:12px 22px;
        font-size:16px;
    }
    
    /* SIGNUP */
    .cfl-signup-section{
        padding:0 0 20px 0;
    }
    
    /* ROLE CARD */
    .role-card{
        display: flex;
        gap: 20px;
        background: #f4fbf7;
        border: 2px solid #b9d6cb;
        border-radius: 18px;
        padding: 0;
        margin-bottom: 20px;
    }
    
    .role-icon{
        width:60px;
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:28px;
        color:#14532d;
        background: #d1efe3;
        border-top-left-radius: 16px;
        border-bottom-left-radius: 16px;
    }
    .role-content{
        padding:20px;
    }
    .ai-item i, .role-card i{
        font-size:30px;
    }
    .role-buttons{
        margin-top:10px;
        display:flex;
        gap:10px;
    }
    
    /* DESC */
    .signup-desc{
        max-width:800px;
        margin:30px auto;
        color:#475569;
    }
    
    /* STEPS */
    .signup-steps{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:20px;
        margin-top:20px;
    }
    
    .step-pill{
        background:#cfe3da;
        padding:15px;
        border-radius:999px;
        text-align:center;
        font-size:22px;
        font-family:Georgia,serif;
    }
    
    /* LABELS */
    .signup-labels{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        text-align:center;
        margin-top:10px;
        font-family:Georgia,serif;
    }
    
    /* TIMELINE */
    .timeline{
        margin-top:40px;
        border-top:1px solid #cbd5e1;
        padding-top:20px;
    }
    
    .timeline h2{
        font-family:Georgia,serif;
        margin-bottom:10px;
    }
    
     /* HERO WRAPPER */
    .cfl-signup-wrapper{
        padding-bottom:20px;
    }
    
    /* LAUNCH SECTION */
    .cfl-launch-section{
        padding:0 0 80px 0;
    }
    
    .launch-block{
        margin-bottom:35px;
    }
    
    .launch-block h2{
        font-family:Georgia,serif;
        margin-bottom:10px;
    }
    
    hr{
        border:none;
        border-top:1px solid #cbd5e1;
        margin:25px 0;
    }
    
    /* INVOLVED */
    .get-involved h2{
        font-family:Georgia,serif;
        margin-bottom:30px;
    }
    
    .involved-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:30px;
    }
    
    .involved-item{
        position:relative;
    }
    
    .step-no{
        display:block;
        font-family:Georgia,serif;
        color:#475569;
        margin-bottom:8px;
        border-bottom:2px solid #14532d;
        padding-bottom:6px;
        width:80%;
    }
    
    /* BOTTOM CTA */
    .launch-bottom-cta{
        margin-top:30px;
        display:flex;
        gap:15px;
    }

     /* HERO WRAPPER */
    .cfl-faq-wrapper{
        padding-bottom:20px;
    }
    
    .faq-description{
        margin:auto;
        color:#4b5563;
        line-height:1.7;
        margin-top:20px;
    }
    /* INFO SECTION */
    .cfl-info-section{
        padding:70px 0;
    }
    
    /* GRID */
    .info-grid{
        display:grid;
        grid-template-columns:repeat(2,1fr);
        gap:25px;
    }
    
    .info-gridfg{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:25px;
    }
    
    /* CARD */
    .info-card{
        position:relative;
        background:#f4fbf7;
        border:1px solid #dbe7e2;
        border-radius:18px;
        padding:25px 25px 25px 30px;
    }
    
    /* LEFT GREEN BAR */
    .info-card:before{
        content:"";
        position:absolute;
        left:0;
        top:0;
        bottom:0;
        width:8px;
        background:#14532d;
        border-radius:18px 0 0 18px;
    }
    
    .info-card h3{
        font-family:Georgia,serif;
        margin-bottom:10px;
    }


   .ai-guidance-section{
        padding:0 0 40px 0;
    }
    
    .section-title{
        font-size:38px;
        text-align:center;
        margin-bottom:20px;
        font-weight:600;
    }
    
    .section-desc{
        margin:40px auto 40px;
        text-align:left;
        font-size:17px;
        color:#555;
    }
    
    .ai-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:50px;
        margin-top:40px;
    }
    
    .ai-item{
        text-align:left;
    }
    
    .ai-icon{
        font-size:48px;
        color:#0c6b4f;
        margin-bottom:15px;
    }
    
    .ai-item h4{
        font-size:24px;
        margin-bottom:10px;
    }
    
    .ai-item p{
        color:#555;
    }

    .impact-section{
      padding:60px 20px;
      font-family: serif;
    }
    
    .container{
      max-width:1100px;
      margin:auto;
    }
    
    /* GRID */
    .features-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:40px;
      margin-bottom:50px;
    }
    
    .feature-item h3{
      font-size:22px;
      margin:12px 0;
      color:#2f3a36;
    }
    
    .feature-item p{
      color:#5b6661;
      line-height:1.7;
    }
    
    /* BADGE (arrow shape) */
    .feature-badge{
      background:#d6e6df;
      height:50px;
      display:flex;
      align-items:center;
      justify-content:center;
      clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%,5% 50%);
      border:1px solid #c3d5cd;
      width:100%;
    }
    
    .feature-badge i{
      font-size:20px;
    }
    
    /* CTA */
    .impact-cta{
      border-top:1px solid #cfdad4;
      padding-top:40px;
      text-align:left;
    }
    
    .impact-cta h2{
      font-size:36px;
      margin-bottom:15px;
    }
    
    .impact-cta p{
      color:#5b6661;
      margin-bottom:25px;
    }
    
    /* BUTTONS */
    .btn{
      display:inline-block;
      padding:12px 22px;
      border-radius:8px;
      text-decoration:none;
      font-weight:600;
      margin-right:10px;
    }
    
    .btn.primary{
      background:#0f5c3f;
      color:#fff;
    }
    
    .btn.outline{
      border:2px solid #0f5c3f;
      color:#0f5c3f;
    }
    
    .cta-bottom{
      margin-top:25px;
      border-top:1px solid #cfdad4;
      padding-top:20px;
    }
    .feature-item i{
        font-size:25px;
    }
    
    .forge-section{
      padding:15px 20px;
      font-family:serif;
    }
    
    .container{
      max-width:1100px;
      margin:auto;
    }
    
    /* COMPARISON */
    .comparison{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:40px;
    }
    
    .circle{
      width:160px;
      height:160px;
      background:#0f5c3f;
      color:#fff;
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      font-size:19px;
      line-height:1.3;
    }
    
    .divider{
      width:2px;
      height:260px;
      background:#1a6a4b;
    }
    
    .circle-block{
      position:relative;
    }
    
    .point{
      position:absolute;
      display:flex;
      align-items:center;
      gap:10px;
      color:#4b5752;
    }
    
    .point.top{ top: -75px; left: -200px;}
    .right .point.top{ left:auto; right:-170px;}
    
    .point.bottom{ bottom:-75px; left:-200px;}
    .right .point.bottom{ left:auto; right:-170px;}
    .comparison .left .top p, .comparison .left .bottom p { text-align:right;}
    .icon{
      width:38px;
      height:38px;
      border-radius:50%;
      background:#d6e6df;
      display:flex;
      align-items:center;
      justify-content:center;
    }
    
    /* SECTION LINE */
    .section-line{
      margin:60px 0 30px;
      border:none;
      border-top:1px solid #cfdad4;
    }
    
    /* TITLE */
    .forge-league{
      text-align:center;
    }
    
    .forge-league h2{
      font-size:38px;
      margin-bottom:15px;
    }
    
    .subtitle{
      max-width:850px;
      margin:auto;
      color:#5b6661;
    }
    
    /* STEPS */
    .steps{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:30px;
      margin:40px 0;
    }
    
    .step{
      text-align:left;
    }
    
    .ribbon{
      height:50px;
      background:#d6e6df;
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight:700;
      clip-path:polygon(0 0,95% 0,100% 50%,95% 100%,0 100%,5% 50%);
      border:1px solid #c3d5cd;
      margin-bottom:10px;
    }
    
    /* BUTTONS */
    .btn{
      padding:12px 22px;
      border-radius:8px;
      text-decoration:none;
      font-weight:600;
      margin:5px;
      display:inline-block;
    }
    
    .btn.primary{
      background:#0f5c3f;
      color:#fff;
    }
    
    .btn.outline{
      border:2px solid #0f5c3f;
      color:#0f5c3f;
    }
    
    .forge-section .point  p{
            width: 155px;
    }
    
    .success-section{
      padding:0 20px 60px 0;
      font-family:serif;
    }
    
    
    /* TITLE */
    .section-title{
      text-align:center;
      font-size:38px;
      margin-bottom:40px;
    }
    
    /* STORIES GRID */
    .stories{
      display:grid;
      grid-template-columns:1fr 1fr 1fr;
      gap:25px;
    }
    
    /* CARD */
    .story-card{
      position:relative;
      background:#e5f0ea;
      border:2px solid #c8d7d0;
      border-radius:18px;
      padding:30px;
      min-height:240px;
    }
    
    .story-card p{
      color:#3f4a46;
      line-height:1.7;
    }
    
    .story-card h4{
      margin-top:15px;
      font-weight:700;
    }
    
    /* QUOTES */
    .quote{
      position:absolute;
      font-size:42px;
      color:#0f5c3f;
      font-weight:bold;
    }
    
    .quote.top{
      top:-2px;
      left:15px;
    }
    
    .quote.bottom{
      bottom:-18px;
      right:15px;
    }
    
    /* DIVIDER */
    .divider{
      margin:60px 0 30px;
      border:none;
      border-top:1px solid #cfdad4;
    }
    
    /* LEGACY BLOCK */
    .legacy{
      text-align:center;
    }
    
    .legacy h2{
      font-size:40px;
      margin-bottom:15px;
    }
    
    .sub{
      color:#55615c;
      margin-bottom:10px;
    }
    
    .desc{
      margin:auto;
      color:#55615c;
    }

  



    /* MOBILE */
    @media(max-width:768px){
        .cfl-main-title{font-size:32px}
        .impact-cta h2{ font-size:28px; }
        .divider, .point{display:none;}
        .role-card, .cta-row, .launch-bottom-cta, .comparison, .cf-leaderboard-section .cf-board{flex-direction:column}
        .info-grid, .info-gridfg, .stories, .steps, .ai-grid, .involved-grid, .signup-labels, .signup-steps, .cfl-drafts-grid,  .pillars-grid, .features-grid{grid-template-columns:1fr}
        .section-title{ font-size:28px; }
        .legacy h2{ font-size:28px; }
        .cf-leaderboard-section .cf-hub{
            flex-direction:column;
            gap:30px;
        }
        
        .cf-leaderboard-section .cf-table,
          .cf-leaderboard-section .cf-image,
          .cf-leaderboard-section .cf-text{
            width:100% !important;
          }
    }