:root{--accent:#1160ff}
    body{
        font-family: "Inter", sans-serif;
        font-size: 14px;
        line-height: 1;
    }
    .hero-heading{
        font-size: 60px;
        line-height: 1;
        font-weight:800; 
        color:#000000    }
    .lead{
        color: #71717a !important;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
    }
    .feature-icon{
        width:48px; 
        height:48px; 
        display:flex; 
        place-items:center; 
        background:#f3f7ff; 
        border-radius:8px;
        justify-content: center;
        padding: 13px;
    }
    .card-ghost{
        border-radius:12px; 
        box-shadow:0 25px 50px -12px #00000040;
    }
    .muted-small{
        color:#6c757d; 
        font-size:18px;
        line-height: 1.25;
    }
    .rounded-pill-tab{
        border-radius:999px;
    }
    .section-gap{
        padding:5rem 0
    }
    .faq .accordion-button{box-shadow:none}
    .logo-text{
        margin-left: 8px;
    }
    .custom-navbar{
        background-color: #f5f5f599;
    }
    .custom-navbar .nav-link{
        color: #000000;
        font-size: 14px;
        font-weight: 500;
    }
    .btn{
        font-size: 14px;
    }
    #expertise, #value, #faq, #benefits, footer{background-color: #f5f5f5;}
    .sub-text{
        font-size: 20px;
        line-height: 1.625;
        color:#71717a
    }
    .feature-icon{background-color: #2067f31a;}
    .expertise-cont{
        font-size: 18px;
        line-height: 28px;
        color: #71717a;
    }
    .use-cases-ul li{
        color: #09090b;
        font-size: 18px;
        line-height: 28px;
        display: flex;
    }
    .use-cases-ul li svg{
        margin-right: 8px;
        width:22px
    }
    .nav-pills{
        background-color: #ebebeb;
        border-radius: 7px;
        padding: 5px;
        border: 0;
        font-size: 16px;
        line-height: 24px;
        color:#71717a
    }
    .nav-link:focus, .nav-link:hover, .nav-pills .nav-link{color:#71717a}
    .nav-pills .nav-link.active {
        background: #fff;
        color: #71717a !important;
    }
    .tab-content .card h6{
        font-size: 20px;
        line-height: 28px;
        font-weight: 600;
    }
    .tab-para{
        color:#71717a;
        font-size: 16px;
        line-height: 24px;
    }
    .form-title{
        font-size: 24px;
        line-height: 1;
    }
    .text-muted-foreground {color: #71717a; line-height: 20px;}
    .form-label{
        font-size: 14px;
        font-weight: 500;
    }
    .form-select, .form-control{
        font-size: 14px;
        background-color: #f5f5f5;
        line-height: 20px;
        padding: 8px;
    }
    .send-btn{
        padding: 10px;
    }
    .preview-btn{
        width:60%;
        margin: 0 auto;
        padding: 10px;
    }
    .btn-outline-secondary{background-color: #f5f5f5;}
    .btn-outline-secondary:hover, .btn-outline-secondary:focus{
        background-color: #00e673;
        border-color:#00e673
    }
    #faq .accordion-item{
        background-color: transparent;
        border:0
    }
    #faq .accordion-button::after{
        width: 15px;
        height: 15px;
        background-size: 12px;
    }
    #faq .accordion-button{
        background-color: transparent;
        border-radius: 0;
        border-bottom: 1px solid #e5e5e5;
        font-size: 18px;
        line-height: 28px;
        color: #000000;
        font-weight: 500;
    }
    #faq .accordion-collapse{
        border-bottom:1px solid #e5e5e5
    }
    #faq .accordion-body{
        color:#71717a;
        font-size: 16px;
        line-height: 24px;
    }
    #faq .accordion-button:hover{text-decoration: underline;}
    #faq .accordion-button[aria-expanded="true"] {border-bottom:none}
    .hero-row .btn{padding: 10px 20px;}
    .lucide-trending-up{width:60px; height:60px}
    .logo-img{width: 30px;}
    /* responsive tweaks */
    @media (max-width:991px){
      .hero-img-card{transform:translateY(10px)}
      .custom-navbar .navbar{justify-content: flex-start;}
      .navbar-toggler{padding: 3px 5px;}
      .navbar-toggler-icon{width:1em; height:1em}
      .text-end .px-4{
        padding-right: 0.5rem !important;
        padding-left: 0.5rem !important;
      }
    }
    @media (max-width:768px){}
    @media (max-width:480px){
        .section-gap{padding:3rem 0}
        .hero-heading {
            font-size: 25px;
            line-height: 1.2;
        }
        .lead, .sub-text{font-size: 14px;}
        .btn{font-size: 12px;}
        .expertise-cont {
            font-size: 14px;
            line-height: 23px;
            margin-bottom: 0;
        }
        .use-cases-ul{margin-top: 20px;}
        .use-cases-ul li{
            font-size: 14px;
            line-height: 24px;
        }
        .tab-content .card h6{font-size: 16px;}
        .form-title {font-size: 16px;}
        #faq .accordion-button{font-size: 15px;}
        #faq .accordion-body {font-size: 14px;}
        .p-4{padding: 0.5rem!important;}
        .logo-img{width:25px}
        .nav-pills {font-size: 14px;}
        .tab-para{
            font-size: 14px;
            line-height: 22px;
        }
        .form-label, .form-select, .form-control{font-size: 12px;}
        .text-muted-foreground{font-size: 12px;}
        h2{font-size: 20px;}
    }