@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

:root{
    --brand-color: #072b4f;
    --accent: #ffb703;
}

html,body{
    height:100%;
}

body{
    font-family: 'Roboto', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    background: #f8fafc;
    color:#1f2937;
}

.navbar-brand{
    font-family: 'Roboto', sans-serif;
    font-size: 1.25rem; /* reasonable size for brand */
    color: var(--brand-color) !important;
    font-weight:700;
}

.hero{
    padding: 4rem 0;
    background: linear-gradient(180deg, rgba(7,43,79,0.03), rgba(255,255,255,0));
}

.hero .lead{
    font-size:1.125rem;
    color: #334155;
}

.feature-card{
    border:0;
    box-shadow: 0 6px 20px rgba(2,6,23,0.06);
}

/* Footer */
.site-footer{
    background: #071a2b;
    color: #dbeafe;
    padding: 3rem 0;
}
.site-footer a{
    color: #cfe8ff;
}
.site-footer .footer-brand{
    font-weight:700;
    color: var(--accent);
}
.social-icon{
    width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:rgba(255,255,255,0.03);margin-right:.5rem;
}

/* Utilities */
.muted-light{color:rgba(255,255,255,0.8);}

@media(min-width:992px){
    .hero{padding:6rem 0}
}

/* Integrations / logos */
.integrations{padding:3rem 0}
.integrations .logo{max-height:36px;opacity:.85;filter:grayscale(20%);}

/* Blog / cards */
.blog-grid .card{border:0}
.blog-grid .card img{object-fit:cover;height:180px}

/* Testimonials */
.testimonial{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 8px 30px rgba(2,6,23,0.06)}
.testimonial .quote{font-size:1rem;color:#0f172a}
.testimonial .meta{font-size:.875rem;color:#475569}

/* Dark CTA */
.dark-cta{background: linear-gradient(180deg,#031022 0%, #072235 100%);color:#e6f0ff;padding:3rem 0;border-radius:8px}
.dark-cta h3{color:#fff}
.dark-cta .btn-primary{background:var(--accent);border-color:var(--accent)}

@media(min-width:768px){
    .blog-grid .card img{height:220px}
}