.header {
    position: relative;
    z-index: 10;
    background: rgba(255, 255, 255, .92) !important;
    border-bottom: 1px solid rgba(16, 40, 68, .08);
    backdrop-filter: blur(12px);
}

.header .logo,
.footer-section .logo {
    width: 48px;
    height: 48px;
    object-fit: contain;
    border-radius: 12px;
}

.banner-section {
    position: relative;
    overflow: hidden;
    padding: 92px 0 112px;
    background: radial-gradient(circle at 86% 18%, rgba(212, 160, 74, .18), transparent 30%), linear-gradient(135deg, #fbfcfe 0%, #f3f7fb 100%);
}

.banner-section::before {
    content: "";
    position: absolute;
    width: 440px;
    height: 440px;
    right: -170px;
    top: -190px;
    border: 1px solid rgba(201, 31, 58, .12);
    border-radius: 50%;
    box-shadow: 0 0 0 38px rgba(201, 31, 58, .035), 0 0 0 76px rgba(201, 31, 58, .022);
}

.banner-left {
    position: relative;
    z-index: 1;
}

.banner-left h1 {
    max-width: 640px;
    color: var(--ec-navy);
    font-size: clamp(2.6rem, 5vw, 4.8rem);
    line-height: 1.08;
    letter-spacing: -.035em;
}

.banner-left p {
    max-width: 590px;
    color: var(--ec-muted);
    font-size: 1.12rem;
    line-height: 1.8;
}

.banner-section .banner-right img {
    filter: drop-shadow(0 22px 30px rgba(16, 40, 68, .11));
}

.smart-way-section,
.app-features-section,
.app-rate,
.feedback-section,
.discover-section,
.contact-section {
    padding-top: 96px;
    padding-bottom: 96px;
}

.smart-way-section {
    background: #fff;
}

.smart-way-section .invoice-card,
.app-features-section .feature-content > .row > div,
.app-features-section .feature-content .content {
    border: 1px solid rgba(16, 40, 68, .07);
    border-radius: 18px;
    background: rgba(255,255,255,.86);
    box-shadow: 0 12px 34px rgba(16,40,68,.07);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.smart-way-section .invoice-card:hover,
.app-features-section .feature-content > .row > div:hover,
.app-features-section .feature-content .content:hover {
    transform: translateY(-5px);
    border-color: rgba(201,31,58,.26);
    box-shadow: 0 18px 42px rgba(16,40,68,.12);
}

.smart-way-section .invoice-card {
    height: 100%;
    padding: 30px 26px;
}

.smart-way-section .invoice-card .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 20px;
    border-radius: 14px;
    color: var(--ec-red);
    background: rgba(201,31,58,.10);
}

.smart-way-section .invoice-card h3 {
    color: var(--ec-navy);
    font-size: 1.12rem !important;
}

.smart-way-section .invoice-card p,
.app-features-section .paragraph {
    color: var(--ec-muted);
    line-height: 1.7;
}

.app-features-section {
    background: var(--ec-sand);
}

.app-features-section .app-features-left img {
    filter: drop-shadow(0 18px 28px rgba(16,40,68,.10));
}

.app-features-section .feature-content > .row > div,
.app-features-section .feature-content .content {
    padding: 18px;
}

.app-rate {
    background: #fff;
}

.feedback-section {
    background: linear-gradient(145deg, var(--ec-navy), var(--ec-navy-2));
}

.feedback-section h2,
.feedback-section h4,
.feedback-section p,
.feedback-section .paragraph {
    color: #fff !important;
}

.discover-section,
.contact-section {
    background: #f7f9fc;
}

.footer-section {
    background: var(--ec-navy) !important;
    color: rgba(255,255,255,.78);
    border-top: 4px solid var(--ec-red);
}

.footer-section h4,
.footer-section h5,
.footer-section a,
.footer-section .text-gray-900 {
    color: #fff !important;
}

.footer-section a:hover {
    color: #f5c66e !important;
}

@media (max-width: 767.98px) {
    .banner-section { padding: 56px 0 70px; }
    .smart-way-section,
    .app-features-section,
    .app-rate,
    .feedback-section,
    .discover-section,
    .contact-section { padding-top: 64px; padding-bottom: 64px; }
    .banner-left h1 { font-size: 2.55rem; }
}