.saas-site {
    --saas-primary: #176b5b;
    --saas-primary-dark: #0d493e;
    --saas-primary-soft: #e7f4f0;
    --saas-accent: #f0ad4e;
    --saas-ink: #142b27;
    --saas-muted: #60736f;
    --saas-border: rgba(20, 43, 39, .1);
    --saas-surface: #f6faf9;
    --saas-shadow: 0 24px 65px rgba(20, 74, 63, .1);
    margin: 0;
    color: var(--saas-ink);
    background: #fff;
    font-family: "Manrope", system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.saas-site * { box-sizing: border-box; }
/*.saas-site a { color: inherit; }*/
.saas-site h1, .saas-site h2, .saas-site h3 { font-weight: 800; letter-spacing: -.04em; }
.saas-site h2 { font-size: clamp(2rem, 4vw, 3.25rem); line-height: 1.08; }
.saas-site p { line-height: 1.75; }

.saas-navbar {
    padding: .8rem 0;
    background: rgba(255, 255, 255, .88);
    border-bottom: 1px solid var(--saas-border);
    backdrop-filter: blur(18px);
}

.saas-brand {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    color: var(--saas-ink);
    font-size: 1.25rem;
    font-weight: 800;
    text-decoration: none;
}

.saas-brand-mark {
    display: inline-grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    color: #fff;
    background: linear-gradient(145deg, var(--saas-primary), #23947d);
    border-radius: .75rem;
    box-shadow: 0 8px 18px rgba(23, 107, 91, .2);
}

.saas-navbar .nav-link {
    margin: 0 .1rem;
    padding: .7rem .85rem !important;
    color: var(--saas-muted);
    border-radius: .7rem;
    font-size: .92rem;
    font-weight: 700;
}

.saas-navbar .nav-link:hover, .saas-navbar .nav-link.active {
    color: var(--saas-primary-dark);
    background: var(--saas-primary-soft);
}

.btn-saas, .btn-saas-outline, .btn-saas-glass {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .78rem 1.3rem;
    border-radius: .85rem;
    font-weight: 800;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.btn-saas {
    color: #fff !important;
    border-color: var(--saas-primary);
    background: linear-gradient(135deg, var(--saas-primary-dark), var(--saas-primary));
    box-shadow: 0 12px 24px rgba(23, 107, 91, .2);
}

.btn-saas:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 16px 30px rgba(23, 107, 91, .26); }
.btn-saas-sm { padding: .62rem 1rem; font-size: .88rem; }
.btn-saas-outline { color: var(--saas-primary-dark); border: 1px solid rgba(23, 107, 91, .24); background: #fff; }
.btn-saas-outline:hover { color: var(--saas-primary-dark); background: var(--saas-primary-soft); transform: translateY(-2px); }
.btn-saas-glass { color: #fff; border: 1px solid rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .1); }
.btn-saas-glass:hover { color: #fff; background: rgba(255, 255, 255, .18); }

.saas-hero {
    position: relative;
    padding: clamp(5rem, 10vw, 8.5rem) 0;
    overflow: hidden;
    background: linear-gradient(150deg, #f3faf8 0%, #fff 52%, #fdf7ed 100%);
}

.saas-hero::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: .35;
    background-image: radial-gradient(rgba(23, 107, 91, .18) 1px, transparent 1px);
    background-size: 24px 24px;
    mask-image: linear-gradient(to right, #000, transparent 60%);
}

.saas-orb { position: absolute; border-radius: 50%; filter: blur(4px); }
.saas-orb-one { top: 8%; right: 3%; width: 18rem; height: 18rem; background: rgba(80, 196, 166, .14); }
.saas-orb-two { bottom: -8rem; left: 42%; width: 16rem; height: 16rem; background: rgba(240, 173, 78, .13); }

.saas-kicker {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: 1rem;
    color: var(--saas-primary);
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.saas-hero h1, .page-hero h1 {
    max-width: 58rem;
    margin-bottom: 1.4rem;
    font-size: clamp(2.65rem, 4vw, 4rem);
    line-height: .99;
}

.saas-lead, .page-hero p {
    max-width: 46rem;
    color: var(--saas-muted);
    font-size: clamp(1rem, 2vw, 1.2rem);
}

.saas-trust-row { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 2rem; color: var(--saas-muted); font-size: .82rem; font-weight: 700; }
.saas-trust-row i { color: var(--saas-primary); }

.product-preview {
    position: relative;
    z-index: 1;
    padding: .65rem;
    background: rgba(255, 255, 255, .85);
    border: 1px solid rgba(23, 107, 91, .13);
    border-radius: 1.5rem;
    box-shadow: 0 40px 90px rgba(17, 84, 70, .2);
    transform: perspective(1100px) rotateY(-4deg) rotateX(2deg);
}

.preview-bar { display: flex; align-items: center; gap: .35rem; padding: .5rem .55rem .8rem; }
.preview-bar span { width: .55rem; height: .55rem; border-radius: 50%; background: #dbe7e4; }
.preview-bar span:first-child { background: #ef877f; }
.preview-bar span:nth-child(2) { background: #f3c66f; }
.preview-bar span:nth-child(3) { background: #6bc59b; }
.preview-bar small { margin-left: auto; color: #83938f; font-size: .62rem; }
.preview-body { display: flex; min-height: 25rem; overflow: hidden; background: #f6faf9; border-radius: 1rem; }
.preview-sidebar { display: flex; width: 3.7rem; flex-direction: column; align-items: center; gap: 1.25rem; padding: 1rem 0; color: #9dafaa; background: var(--saas-primary-dark); }
.preview-sidebar i { font-size: .9rem; }
.preview-logo { display: grid; width: 2rem; height: 2rem; margin-bottom: .7rem; place-items: center; color: var(--saas-primary-dark); background: #fff; border-radius: .55rem; }
.preview-content { flex: 1; padding: 1.4rem; }
.preview-welcome { display: flex; flex-direction: column; color: #84948f; font-size: .66rem; }
.preview-welcome strong { margin-top: .25rem; color: var(--saas-ink); font-size: 1rem; }
.preview-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: .7rem; margin: 1.5rem 0; }
.preview-stats div { display: flex; flex-direction: column; padding: .8rem; background: #fff; border-radius: .75rem; box-shadow: 0 8px 20px rgba(20, 43, 39, .06); }
.preview-stats i { color: var(--saas-primary); }
.preview-stats strong { margin-top: .45rem; font-size: 1rem; }
.preview-stats small { color: #879792; font-size: .52rem; }
.preview-chart { display: flex; height: 11rem; align-items: flex-end; justify-content: space-around; padding: 1.2rem .8rem; background: #fff; border-radius: .85rem; }
.preview-chart span { width: 8%; background: linear-gradient(to top, var(--saas-primary), #68c9b2); border-radius: .4rem .4rem 0 0; }

.saas-section { padding: clamp(4.5rem, 9vw, 7.5rem) 0; }
.saas-section-soft { background: var(--saas-surface); }
.section-heading { max-width: 50rem; margin: 0 auto 3.5rem; }
.section-heading p, .section-intro { color: var(--saas-muted); font-size: 1.03rem; }
.section-intro { max-width: 42rem; }

.saas-card, .pricing-card, .contact-panel, .contact-aside, .story-panel {
    background: #fff;
    border: 1px solid var(--saas-border);
    border-radius: 1.4rem;
    box-shadow: 0 16px 45px rgba(28, 65, 57, .06);
}

.saas-card { padding: 1.7rem; transition: transform .2s ease, box-shadow .2s ease; }
.saas-card:hover { transform: translateY(-5px); box-shadow: var(--saas-shadow); }
.saas-card h3 { margin: 1.2rem 0 .65rem; font-size: 1.18rem; }
.saas-card p { margin: 0; color: var(--saas-muted); font-size: .92rem; }
.saas-icon { display: grid; width: 3rem; height: 3rem; place-items: center; color: var(--saas-primary); background: var(--saas-primary-soft); border-radius: .85rem; font-size: 1.3rem; }

.audience-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; }
.audience-card { display: flex; min-height: 9rem; flex-direction: column; align-items: center; justify-content: center; gap: .8rem; padding: 1rem; text-align: center; background: #fff; border: 1px solid var(--saas-border); border-radius: 1.1rem; font-weight: 800; }
.audience-card i { color: var(--saas-primary); font-size: 1.7rem; }

.feature-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: .8rem; }
.feature-list > div { display: flex; align-items: center; gap: .8rem; padding: 1rem 1.1rem; background: var(--saas-surface); border: 1px solid var(--saas-border); border-radius: .9rem; font-size: .9rem; font-weight: 700; }
.feature-list > div > i:first-child { color: var(--saas-primary); font-size: 1.15rem; }
.feature-list .bi-check-lg { color: var(--saas-primary); }
.text-link { color: var(--saas-primary) !important; font-weight: 800; text-decoration: none; }

.saas-section-dark { color: #fff; background: var(--saas-primary-dark); }
.dark-feature { height: 100%; padding: clamp(1.7rem, 4vw, 3rem); background: rgba(255, 255, 255, .055); border: 1px solid rgba(255, 255, 255, .11); border-radius: 1.5rem; }
.dark-feature .saas-kicker { margin-top: 1.8rem; color: #7ee0c8; }
.dark-feature h2 { font-size: clamp(2rem, 4vw, 2.8rem); }
.dark-feature p { color: rgba(255, 255, 255, .7); }
.dark-feature .saas-icon { color: #fff; background: rgba(255, 255, 255, .12); }
.dark-feature ul { margin: 1.5rem 0 0; padding: 0; list-style: none; }
.dark-feature li { margin-top: .75rem; color: rgba(255, 255, 255, .86); }
.dark-feature li i { margin-right: .55rem; color: #7ee0c8; }
.stripe-feature { background: linear-gradient(145deg, rgba(99, 91, 255, .2), rgba(255, 255, 255, .04)); }

.saas-cta { padding: clamp(3rem, 7vw, 5.5rem) 1.5rem; color: #fff; background: linear-gradient(135deg, var(--saas-primary-dark), var(--saas-primary)); border-radius: 1.8rem; box-shadow: 0 30px 70px rgba(23, 107, 91, .2); }
.saas-cta .saas-kicker { color: #9ee8d6; }
.saas-cta p { max-width: 38rem; margin: 1rem auto 1.8rem; color: rgba(255, 255, 255, .72); }

.page-hero { padding: clamp(5rem, 10vw, 8rem) 0 7rem; text-align: center; background: linear-gradient(155deg, var(--saas-primary-soft), #fff 72%); }
.page-hero .container { display: flex; flex-direction: column; align-items: center; }
.page-hero-compact { padding-bottom: 6rem; }

.pricing-card { position: relative; display: flex; flex-direction: column; padding: 2rem; overflow: hidden; }
.pricing-card-featured { border: 2px solid var(--saas-primary); box-shadow: var(--saas-shadow); transform: translateY(-.75rem); }
.pricing-number { position: absolute; top: .5rem; right: 1rem; color: rgba(23, 107, 91, .07); font-size: 5rem; font-weight: 800; line-height: 1; }
.pricing-card h2 { margin: 1.25rem 0 .7rem; font-size: 1.75rem; }
.pricing-summary { min-height: 4.8rem; color: var(--saas-muted); font-size: .92rem; }
.pricing-badge { position: absolute; top: 0; right: 0; padding: .45rem .85rem; color: #fff; background: var(--saas-primary); border-radius: 0 1.2rem 0 .8rem; font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.check-list { margin: 1rem 0 2rem; padding: 0; list-style: none; }
.check-list li { display: flex; gap: .65rem; margin-bottom: .72rem; color: #425852; font-size: .88rem; }
.check-list i { color: var(--saas-primary); font-size: 1.1rem; }
.crm-variant { margin-bottom: .75rem; padding: .9rem; background: var(--saas-surface); border-radius: .85rem; }
.crm-variant h3 { margin: 0 0 .35rem; font-size: .95rem; }
.crm-variant h3 i { margin-right: .4rem; color: var(--saas-primary); }
.crm-variant p { margin: 0; color: var(--saas-muted); font-size: .75rem; line-height: 1.55; }
.pricing-note { display: flex; max-width: 58rem; align-items: center; gap: 1rem; margin: 3rem auto 0; padding: 1.2rem 1.4rem; color: var(--saas-primary-dark); background: var(--saas-primary-soft); border-radius: 1rem; }
.pricing-note i { font-size: 1.4rem; }
.pricing-note p { margin: 0; font-size: .9rem; font-weight: 700; }

.project-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.3rem; }
.project-card { display: flex; min-width: 0; height: 100%; flex-direction: column; overflow: hidden; background: #fff; border: 1px solid var(--saas-border); border-radius: 1.2rem; box-shadow: 0 16px 45px rgba(28, 65, 57, .06); transition: transform .2s ease, box-shadow .2s ease; }
.project-card:hover { transform: translateY(-5px); box-shadow: var(--saas-shadow); }
.project-card-media { display: block; height: 14rem; background: var(--saas-surface); }
.project-card-media img { width: 100%; height: 100%; object-fit: cover; }
.project-card-body { display: flex; flex: 1; flex-direction: column; padding: 1.45rem; }
.project-meta { display: flex; flex-wrap: wrap; gap: .45rem; margin-bottom: .9rem; }
.project-meta span, .project-tags span { display: inline-flex; align-items: center; min-height: 1.9rem; padding: .35rem .65rem; color: var(--saas-primary-dark); background: var(--saas-primary-soft); border-radius: 999px; font-size: .72rem; font-weight: 800; }
.project-card h2 { margin-bottom: .6rem; font-size: 1.35rem; letter-spacing: 0; }
.project-card p { color: var(--saas-muted); font-size: .9rem; }
.project-tags { display: flex; flex-wrap: wrap; gap: .45rem; margin: .3rem 0 1.2rem; }
.project-card .text-link { margin-top: auto; }

.project-hero { padding: clamp(4.5rem, 9vw, 7rem) 0; background: linear-gradient(155deg, var(--saas-primary-soft), #fff 70%); }
.project-hero h1 { max-width: 44rem; margin-bottom: 1.1rem; font-size: clamp(2.5rem, 5vw, 4rem); line-height: 1; }
.project-hero p { max-width: 42rem; color: var(--saas-muted); font-size: 1.08rem; }
.project-back-link { display: inline-flex; align-items: center; gap: .45rem; margin-bottom: 1.5rem; color: var(--saas-primary-dark); font-size: .84rem; font-weight: 800; text-decoration: none; }
.project-back-link:hover { color: var(--saas-primary); }
.project-facts { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.6rem; }
.project-facts span { display: inline-flex; align-items: center; gap: .5rem; padding: .65rem .85rem; color: var(--saas-primary-dark); background: #fff; border: 1px solid var(--saas-border); border-radius: .8rem; font-size: .86rem; font-weight: 800; }
.project-facts i { color: var(--saas-primary); }
.project-hero-image { display: grid; min-height: 22rem; place-items: center; overflow: hidden; background: #fff; border: 1px solid var(--saas-border); border-radius: 1.4rem; box-shadow: var(--saas-shadow); }
.project-hero-image img { width: 100%; height: 100%; max-height: 26rem; object-fit: cover; }
.project-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.2rem; }
.project-detail-panel { padding: clamp(1.5rem, 4vw, 2.3rem); background: #fff; border: 1px solid var(--saas-border); border-radius: 1.2rem; box-shadow: 0 16px 45px rgba(28, 65, 57, .06); }
.project-detail-panel h2 { margin: 1rem 0 .7rem; font-size: clamp(1.45rem, 3vw, 2rem); letter-spacing: 0; }
.project-detail-panel p { margin: 0; color: var(--saas-muted); }
.project-benefit-list { display: grid; gap: .8rem; }
.project-benefit-list div { display: flex; align-items: flex-start; gap: .75rem; padding: 1rem 1.1rem; background: #fff; border: 1px solid var(--saas-border); border-radius: .95rem; font-weight: 800; }
.project-benefit-list i { margin-top: .18rem; color: var(--saas-primary); }
.project-tags-large { margin-top: 1.4rem; }
.project-tags-large span { min-height: 2.25rem; padding: .48rem .8rem; background: #fff; border: 1px solid var(--saas-border); }
.project-gallery { display: grid; grid-template-columns: 1.2fr .9fr .9fr; gap: 1rem; }
.project-gallery img { width: 100%; height: 18rem; object-fit: cover; border: 1px solid var(--saas-border); border-radius: 1rem; box-shadow: 0 16px 45px rgba(28, 65, 57, .06); }
.project-gallery img:first-child { height: 26rem; grid-row: span 2; }
.project-module-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .8rem; }
.project-module-grid div { display: flex; align-items: center; gap: .7rem; padding: 1rem 1.1rem; color: #fff; background: rgba(255, 255, 255, .08); border: 1px solid rgba(255, 255, 255, .12); border-radius: .9rem; font-weight: 800; }
.project-module-grid i { color: #7ee0c8; }

.contact-panel, .contact-aside, .story-panel { padding: clamp(1.5rem, 4vw, 2.5rem); }
.saas-form label { margin-bottom: .5rem; font-size: .82rem; font-weight: 800; }
.saas-form .form-control, .saas-form .form-select { padding: .85rem 1rem; border-color: var(--saas-border); border-radius: .75rem; }
.saas-form .form-control:focus, .saas-form .form-select:focus { border-color: var(--saas-primary); box-shadow: 0 0 0 .25rem rgba(23, 107, 91, .1); }
.saas-form ul { margin: .35rem 0 0; padding: 0; color: #b42318; font-size: .76rem; list-style: none; }
.contact-aside { color: #fff; background: var(--saas-primary-dark); }
.contact-aside .saas-kicker { color: #8de2ce; }
.contact-aside > p { color: rgba(255, 255, 255, .7); }
.contact-detail { display: flex; align-items: center; gap: 1rem; padding: 1.2rem 0; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.contact-detail > i { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; background: rgba(255, 255, 255, .1); border-radius: .75rem; }
.contact-detail div { display: flex; flex-direction: column; }
.contact-detail strong { font-size: .82rem; }
.contact-detail a, .contact-detail span { color: rgba(255, 255, 255, .68); font-size: .85rem; text-decoration: none; }
.contact-promise { display: flex; gap: .8rem; margin-top: 1.5rem; padding: 1rem; color: var(--saas-primary-dark); background: #bdf1e5; border-radius: .85rem; font-size: .8rem; font-weight: 700; }

.chaos-to-calm { display: flex; align-items: center; justify-content: center; gap: 1.2rem; padding: 2rem; background: var(--saas-surface); border-radius: 1.2rem; }
.chaos-items { display: grid; gap: .55rem; }
.chaos-items span { padding: .55rem .75rem; color: var(--saas-muted); background: #fff; border: 1px solid var(--saas-border); border-radius: .65rem; font-size: .76rem; }
.chaos-items i { margin-right: .4rem; }
.transition-arrow { color: var(--saas-primary); font-size: 1.5rem; }
.ecolasso-hub { display: flex; width: 8rem; height: 8rem; flex-direction: column; align-items: center; justify-content: center; color: #fff; background: var(--saas-primary); border-radius: 50%; box-shadow: 0 18px 35px rgba(23, 107, 91, .25); }
.ecolasso-hub i { font-size: 1.5rem; }
.ecolasso-hub span { opacity: .7; font-size: .62rem; }
.value-card { display: flex; gap: 1rem; padding: 1.5rem; border: 1px solid var(--saas-border); border-radius: 1rem; }
.value-card > i { color: var(--saas-primary); font-size: 1.5rem; }
.value-card h3 { margin-bottom: .4rem; font-size: 1.05rem; }
.value-card p { margin: 0; color: var(--saas-muted); font-size: .83rem; }

.saas-accordion .accordion-item { margin-bottom: .8rem; overflow: hidden; background: #fff; border: 1px solid var(--saas-border); border-radius: .85rem; }
.saas-accordion .accordion-button { padding: 1.15rem 1.3rem; color: var(--saas-ink); background: #fff; font-size: .92rem; font-weight: 800; box-shadow: none; }
.saas-accordion .accordion-button:not(.collapsed) { color: var(--saas-primary-dark); background: var(--saas-primary-soft); }
.saas-accordion .accordion-body { color: var(--saas-muted); font-size: .9rem; line-height: 1.7; }

.saas-footer { padding: 4.5rem 0 0; color: rgba(255, 255, 255, .62); background: #092f28; }
.saas-footer p { max-width: 28rem; }
.saas-footer a:not(.saas-brand) { display: block; margin-bottom: .65rem; color: rgba(255, 255, 255, .62); font-size: .88rem; text-decoration: none; }
.saas-footer a:hover { color: #fff; }
.navbar-brand.saas-brand img {
    width: 5rem;
}
@media (max-width: 991.98px) {
    .navbar-brand.saas-brand img {
        width: 3rem;
    }
}
.footer-heading { margin-bottom: 1rem; color: #fff; font-size: .82rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.saas-footer-bottom { display: flex; justify-content: space-between; gap: 1rem; margin-top: 3.5rem; padding: 1.4rem 0; border-top: 1px solid rgba(255, 255, 255, .09); font-size: .78rem; }
.footer-legal-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .35rem 1.25rem; }
.saas-footer .footer-legal-links a { margin: 0; font-size: inherit; }

.legal-page { padding-top: 0; }
.legal-layout { display: grid; grid-template-columns: minmax(13rem, 16rem) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.legal-summary { position: sticky; top: 7rem; padding: 1.5rem; border: 1px solid var(--saas-border); border-radius: 1.25rem; background: #fff; box-shadow: var(--saas-shadow-sm); }
.legal-summary strong { display: block; margin-bottom: .85rem; color: var(--saas-ink); }
.legal-summary a { display: block; padding: .38rem 0; color: var(--saas-muted); font-size: .88rem; text-decoration: none; }
.legal-summary a:hover { color: var(--saas-primary); }
.legal-content { max-width: 52rem; }
.legal-content section { scroll-margin-top: 7rem; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid var(--saas-border); }
.legal-content section:last-child { margin-bottom: 0; border-bottom: 0; }
.legal-content h2 { margin-bottom: 1rem; font-size: clamp(1.35rem, 2vw, 1.75rem); }
.legal-content p, .legal-content li { color: var(--saas-muted); line-height: 1.8; }
.legal-content ul { padding-left: 1.2rem; }
.legal-content a { color: var(--saas-primary); }
.legal-note { padding: 1.25rem 1.4rem; border-left: 4px solid var(--saas-primary); border-radius: 0 .9rem .9rem 0; background: var(--saas-primary-soft); }

@media (max-width: 991.98px) {
    .saas-navbar .navbar-collapse { padding: 1rem 0; }
    .product-preview { transform: none; }
    .audience-grid { grid-template-columns: repeat(3, 1fr); }
    .project-grid { grid-template-columns: 1fr 1fr; }
    .project-detail-grid, .project-gallery { grid-template-columns: 1fr; }
    .project-gallery img, .project-gallery img:first-child { height: 18rem; grid-row: auto; }
    .pricing-card-featured { transform: none; }
    .legal-layout { grid-template-columns: 1fr; }
    .legal-summary { position: static; }
}

@media (max-width: 767.98px) {
    .saas-hero { padding-top: 4.5rem; }
    .saas-hero h1, .page-hero h1 { font-size: 2.55rem; }
    .saas-trust-row { flex-direction: column; gap: .65rem; }
    .preview-body { min-height: 20rem; }
    .preview-content { padding: .9rem; }
    .preview-stats { grid-template-columns: 1fr; }
    .preview-stats div:nth-child(n+2) { display: none; }
    .audience-grid { grid-template-columns: repeat(2, 1fr); }
    .feature-list { grid-template-columns: 1fr; }
    .project-grid, .project-module-grid { grid-template-columns: 1fr; }
    .project-card-media { height: 12rem; }
    .project-hero-image { min-height: 17rem; }
    .chaos-to-calm { flex-direction: column; }
    .transition-arrow { transform: rotate(90deg); }
    .page-hero { padding: 4.5rem 0 5rem; }
}

@media (max-width: 420px) {
    .audience-grid { grid-template-columns: 1fr; }
    .audience-card { min-height: 7rem; }
    .saas-footer-bottom { flex-direction: column; text-align: center; }
    .footer-legal-links { justify-content: center; }
}