/* Pickzon E-commerce page */
:root {
    --ec-teal: #08bdb2;
    --ec-dark: #202232;
    --ec-muted: #edf0f2;
    --ec-blue: #dceaf2;
    --ec-border: #a7abb3;
    --ec-font: "Poppins", sans-serif;
    --line-active: #14b8a6;
    --dot-active: #14b8a6;
    --dot-inactive: #6b7684;
    --ink: #0f1a2b;
    --sub: #3a4658;
    --line: #d7dce3;
    --line-active: #14b8a6;
    --dot-active: #14b8a6;
    --dot-inactive: #6b7684;
    --bg-color: #dceaf2;
    --white-color: #ffffff;
    --ink: #10121A;
    --panel: #181B26;
    --panel-line: #2A2E3D;
    --paper: #EDEAE2;
    --paper-dim: #A6A9B4;
    --amber: #E1A23B;
    --amber-dim: #8A6A34;
    --radius: 2px;
    --ease: cubic-bezier(.22, .68, 0, 1);

}

body {
    font-family: var(--ec-font);
    color: var(--ec-dark);
    overflow-x: hidden
}



.ec-hero {
    background: linear-gradient(120deg, #09b7ad 0%, #05aaa4 100%);
    min-height: 199px;
    padding: 70px 0 31px
}

.ec-hero-copy h1 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 900;
    /* margin: 0 0 20px; */
    letter-spacing: -.8px;
    text-transform: uppercase;
}

.ec-hero-copy h1 span {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 7px
}

.ec-hero-copy p {
    font-size: clamp(1.3rem, 2.8vw, 1.7rem);
    color: #fff;
    margin-bottom: 1rem;
    font-weight: 500
}

.ec-hero-copy p strong {
    font-weight: 900
}

.ec-call-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: #fff;
    color: #111;
    text-decoration: none;
    border-radius: 4px;
    padding: 9px 12px;
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 700
}

.ec-call-btn i:last-child {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
}

.execution-section {
    background: #f0f0f0
}

/* .execution-copy {
    padding: 43px 35px 50px 28px
} */

.execution-copy h2 {
    font-size: clamp(1.3rem, 2.8vw, 1.7rem);
    line-height: 1.3;
    font-weight: 900;
    margin: 0 0 27px
}

.execution-copy h2 span {
    color: var(--ec-teal)
}

.execution-timeline {
    position: relative;
    padding-left: 31px
}

.execution-timeline:before {
    content: "";
    position: absolute;
    left: 7px;
    top: 10px;
    bottom: 4px;
    border-left: 2px solid #949596;
}

.timeline-item {
    position: relative;
    margin-bottom: 28px
}

.timeline-dot {
    position: absolute;
    left: -33px;
    top: 1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #4d5964;
    border: 1px solid #4d5964
}

.timeline-item.active .timeline-dot {
    background: var(--ec-teal);
    border-color: #25313b
}

.timeline-item h3 {
    font-size: 1rem;
    font-weight: 900;
    margin: 0 0 9px
}

.timeline-item p {
    font-size: 1rem;
    line-height: 1.25;
    max-width: 270px;
    margin: 0
}

.execution-form-card {
    background: #fff;
    margin: -44px 35px 0 0;
    border-radius: 4px;
    box-shadow: 0 1px 4px #0002;
    padding: 32px 60px 28px;
    position: relative;
    z-index: 2
}

.execution-form-card h2 {
    text-align: center;
    font-size: 2rem;
    line-height: 1.08;
    font-weight: 900;
    margin: 0
}

.execution-form-card h2 span {
    color: var(--ec-teal)
}

.form-lead {
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 14px 0
}

.form-lead strong {
    color: #ed5353
}

.trust-row {
    text-align: center;
    font-size: 12px;
    color: #555;
    margin: 10px 0
}

.trust-row span {
    color: var(--ec-teal);
    font-size: 12px
}

.trust-row b {
    margin: 0 5px;
    color: #999
}

.form-note {
    text-align: center;
    color: var(--ec-teal);
    font-size: 9px;
    font-weight: 800;
    margin-bottom: 23px
}

.execution-form-card form label {
    display: block;
    font-size: 1rem;
    font-weight: 600;
    /* margin: 0 0 6px */
}

.execution-form-card input[type=text],
.execution-form-card input[type=tel],
.execution-form-card input[type=email],
.execution-form-card textarea {
    width: 100%;
    border: 1px solid #aaa;
    border-radius: 2px;
    margin-bottom: 13px;
    padding: 6px;
    font: inherit;
    font-size: clamp(0.875rem, 1vw, 1rem);
    box-sizing: border-box
}

.execution-form-card textarea {
    resize: vertical
}

.check-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px 20px;
    margin: 3px 0 13px
}

.check-grid label,
.consent {
    font-size: 14px !important;
    font-weight: 500 !important
}

.check-grid input,
.consent input {
    margin-right: 5px
}

.consent {
    line-height: 1.35;
    margin-bottom: 15px
}

.execution-form-card button {
    width: 100%;
    border: 0;
    border-radius: 2px;
    background: var(--ec-teal);
    color: #fff;
    padding: 11px;
    font-size: 1rem;
    font-weight: 900;
    margin-top: 20px;

}

.legal {
    text-align: center;
    font-size: 12px;
    margin-top: 26px
}

.legal a {
    color: var(--ec-teal)
}

.growth-section {
    position: relative;
    background: #fff;
    /* padding: 45px 0 20px; */
    overflow: hidden;
}

/* Background image */
.growth-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../assets/growth-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.18;
    z-index: 0;
}

/* Content above background */
.growth-section>.container {
    position: relative;
    z-index: 1;
}

.growth-section h2 {
    text-align: center;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: 1.03;
    font-weight: 900;
    margin-bottom: 48px
}

.growth-section h2 span {
    color: var(--ec-teal)
}

.growth-visual {
    display: grid;
    /* grid-template-columns: 100px minmax(300px, 435px) 100px; */
    /* grid-template-columns: 200px minmax(437px, 555px) 200px; */
    grid-template-columns: minmax(150px, 200px) minmax(0, 730px) minmax(150px, 200px);

    justify-content: center;
    align-items: center;
    gap: 12px
}

.growth-side {
    display: flex;
    flex-direction: column;
    gap: 10px
}

.growth-side div {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 30px 5px;
    text-align: center
}

.growth-side strong {
    display: block;
    font-size: 1.5rem;
    font-weight: 900
}

.growth-side span {
    display: block;
    font-size: 1rem;
    line-height: 1.05;
    font-weight: 600;
    color: #4d5b67
}

/* .growth-video {
    border: 1px solid #fff;
    box-shadow: 0 2px 7px #0002
} */

.growth-video {
    width: 100%;
    height: 100%;
    max-width: 100%;
    border: 1px solid #fff;
    box-shadow: 0 2px 7px #0002;
    object-fit: cover;
}

.growth-video img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: block
}

.growth-brand {
    width: max-content;
    margin: 17px auto 0;
}

.growth-brand img {
    width: 901px;
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 15px;
    margin-top: 30px;
    animation: floatY 6s ease-in-out infinite;
}




@media (max-width: 767px) {
    .growth-brand img {
        width: 300px;
        max-width: 90vw;
    }
}



@media (max-width: 480px) {
    .growth-brand img {
        width: 300px;
        max-width: 88vw;
    }
}

.marketplace-section {
    background: #dceaf2;
    padding: 38px 0 47px
}

.section-kicker {
    text-align: center;
    color: var(--ec-teal);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 900
}

.marketplace-section h2 {
    text-align: center;
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: 900;
}

.section-intro {
    text-align: center;
    font-size: 1rem;
    margin: 0 0 28px;
    color: #52616b;
    padding-bottom: 25px;

}

.market-grid {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    gap: 18px 10px;
    /* max-width: 840px; */
    margin: auto;
}

.market-grid .market-card {
    grid-column: span 2;
}

.market-grid .market-card:nth-child(6) {
    grid-column: 2 / span 2;
}

.market-card {
    background: #f9fbfc;
    border-radius: 11px;
    padding: 10px 9px 12px;
    /* box-shadow: 0 6px 12px #52616b20; */
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    min-height: 200px
}

.market-logo {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 22px;
    margin-bottom: 3px;
}

.market-logo img {
    width: 50px;
    height: 35px;
    object-fit: contain;
    display: block;
}

.market-logo small {
    font-size: 8px;
}

.amazon {
    font-family: Arial
}

.walmart {
    color: #f5bc00
}

.wayfair {
    font-size: 18px;
    color: #8c479f
}

.etsy {
    font-family: Georgia;
    color: #d86d35
}

.tiktok {
    color: #111;
    font-size: 29px
}

.ebay {
    color: #2876bb
}

.ebay span {
    color: #e03c4c
}

.overstock {
    background: #ed1b2f;
    color: #fff;
    width: 32px;
    height: 32px;
    margin: 4px auto 7px
}

.costco {
    color: #df2937;
    font-size: 12px;
    line-height: .9
}

.drop {
    font-size: 27px
}

.market-card h3 {
    font-size: 14px;
    font-weight: 900;
    margin: 3px 0 7px;
    text-align: center;
}

.market-card p {
    font-family: Inter, sans-serif;
    line-height: 1.45;
    margin: 0 0 7px;
    color: #303946;
    font-size: clamp(0.875rem, 1vw, 1rem);

    text-align: center;
    margin-top: 8px;
    padding: 10px;
}

.market-card a {
    font-size: 14px;
    color: var(--ec-teal);
    font-weight: 800;
    text-decoration: none
}

.steps-section {
    background: #b9dce8;
    padding: 54px 0 48px;
    background-image: linear-gradient(150deg, transparent 55%, #a8d2df 55%, transparent 75%)
}

.steps-heading-row {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    align-items: start
}

.steps-heading-row h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: .98;
    font-weight: 900;
    margin: 0
}

.steps-heading-row h2 span {
    color: var(--ec-teal)
}

.steps-heading-row p {
    font-size: 1rem;
    max-width: 320px;
    margin: 22px 0 0
}

.steps-line {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 65px;
    position: relative
}

.steps-line:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    border-top: 1px solid #d5e7ec
}

.step {
    position: relative;
    padding-top: 28px
}

.step-number {
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.step-number b {
    color: var(--ec-teal);
    font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.step-number small {
    font-size: 0.87rem;
    background: #e7eff1;
    padding: 2px 7px;
    border-radius: 8px
}

.step h3 {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
    font-weight: 900;
    margin: 0 0 10px
}

.step p {
    font-size: 1rem;
    line-height: 1.35;
    margin: 0
}

.ai-section {
    background: #dceaf2;
    padding: 62px 0 63px;
    text-align: center
}

.ai-section h2 {
    font-size: 26px;
    font-weight: 500;
    margin: 0
}

.ai-section h2 span {
    font-weight: 900;
    color: #075d61
}

.ai-section>.container>p {
    font-size: 10px;
    line-height: 1.5;
    margin: 8px 0 28px
}

.ai-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    max-width: 660px;
    margin: auto
}

.ai-card {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 17px #52616b2a;
    padding: 17px;
    display: flex;
    align-items: center;
    gap: 15px;
    text-align: left;
    text-decoration: none;
    color: var(--ec-dark)
}

.ai-icon {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #f2f2f2;
    display: grid;
    place-items: center;
    font-size: 27px
}

.ai-icon.claude {
    background: #df805f;
    color: #fff
}

.ai-icon.perplexity {
    background: #000;
    color: #fff
}

.ai-card strong {
    display: block;
    font-size: 12px
}

.ai-card small {
    display: block;
    font-size: 9px;
    color: #8da0b5;
    margin-top: 4px
}

.ai-card b {
    margin-left: auto;
    color: var(--ec-teal)
}

.services-section {
    background: var(--bg-color);
    padding: 38px 0 56px
}

.services-intro {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 80px
}

.mini-kicker {
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: 1px;
    margin-bottom: 8px
}

.mini-kicker:before {
    content: "";
    display: inline-block;
    width: 18px;
    border-top: 2px solid var(--ec-dark);
    vertical-align: middle;
    margin-right: 7px
}

.services-intro h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: .95;
    font-weight: 900;
    margin: 0
}

.services-intro h2 span {
    color: var(--ec-teal)
}

.services-intro p {
    max-width: 450px;
    font-size: 1rem;
    line-height: 1.4;
    margin: 0
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px 35px;
}

.services-grid article {
    /* border: 1px solid #999; */
    border-radius: 9px;
    min-height: 110px;
    background-color: var(--white-color);
    /* padding: 43px 14px 10px 16px; */
    padding: 43px 40px 25px 40px;
    position: relative;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.services-grid i {
    position: absolute;
    top: -13px;
    left: -25px;
    width: 51px;
    height: 45px;
    display: grid;
    place-items: center;
    background: var(--ec-teal);
    color: #fff;
    border-radius: 5px;
    font-size: clamp(1.3rem, 2.8vw, 1.7rem);
    z-index: 2;
}

.services-grid b {
    position: absolute;
    top: 10px;
    left: 32px;
    color: var(--ec-teal);
    font-size: 27px;
    font-weight: 900;
    line-height: 1;
}

.services-grid h3 {
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 6px;
    line-height: 1.05;
}

.services-grid p {
    font-size: 1rem;
    margin: 0;
    line-height: 1.4;
}

.founders-section {
    background: #fff;
    padding: 54px 0 47px
}

.founders-heading {
    display: flex;
    justify-content: space-between;
    align-items: start
}

.founders-heading h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: .98;
    font-weight: 900;
    margin: 0
}

.founders-heading h2 span {
    color: var(--ec-teal)
}

.rating-big {
    font-size: 24px;
    font-weight: 900
}

.rating-big strong {
    font-size: 42px;
    color: var(--ec-teal);
    margin-left: 6px
}

.rating-big small {
    display: block;
    font-size: 1rem;
    color: #075d61;
    margin-top: 4px
}

.testimonial-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 13px;
    margin-top: 30px;
}

.testimonial-grid article {
    /* border: 1px solid #aaa; */
    border-radius: 9px;
    padding: 14px;
    min-height: 174px;
    display: flex;
    flex-direction: column;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.quote-mark {
    width: 32px;
    height: 32px;
    line-height: normal;
    margin-bottom: 10px;
}

.quote-mark img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

.testimonial-grid p {
    font-size: 1rem;
    line-height: 1.5;
    color: #111;
    font-weight: 500;
}

.testimonial-grid hr {
    border: 0;
    border-top: 1px solid #d4d4d4;
    margin: 8px 0 10px;
}

.testimonial-grid strong {
    font-size: 1rem;
    color: #111;
    font-weight: 800;
}

.testimonial-grid small {
    display: block;
    font-size: 0.8rem;
    color: #222;
}

@media (max-width: 767px) {
    .quote-mark {
        width: 28px;
        height: 28px;
        margin-bottom: 10px;
    }
}


.carousel-dots {
    text-align: center;
    color: #d8dce1;
    letter-spacing: 3px;
    font-size: 13px;
    margin-top: 10px
}

.carousel-dots span {
    color: var(--ec-teal)
}



@media (max-width: 991px) {
    .execution-form-card {
        margin: 0 15px 35px;
    }

    .execution-copy {
        padding-right: 25px;
    }

    .growth-visual {
        grid-template-columns: 85px minmax(280px, 1fr) 85px;
    }

    .growth-video img {
        height: 210px;
    }

    .market-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        max-width: 100%;
    }

    .market-grid .market-card {
        grid-column: auto !important;
        width: 100%;
    }

    .services-grid {
        gap: 35px 25px;
    }

    .step-number {
        top: -18px;
    }
}

@media (max-width: 767px) {
    body {
        width: 100%;
        overflow-x: hidden;
    }

    .step-number {
        top: -18px;
    }

    .section-sm {
        padding-top: 0 !important;
    }

    .ec-hero {
        min-height: auto;
        padding: 70px 18px 28px;
    }

    .ec-hero-copy h1 {
        font-size: 28px;
        line-height: 1.05;
    }

    .ec-hero-copy p {
        font-size: clamp(1.3rem, 2.8vw, 1.7rem);
        line-height: 1.45;
    }

    .ec-call-btn {
        font-size: clamp(1rem, 1.5vw, 1.125rem);
    }

    /* Execution */
    .execution-section .container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .execution-copy {
        padding: 35px 18px 25px;
    }

    .execution-copy h2 {
        font-size: clamp(1.3rem, 2.8vw, 1.7rem);
    }

    .execution-timeline {
        padding-left: 30px;
    }

    .execution-form-card {
        margin: 0 0 30px;
        padding: 25px 16px 26px;
    }

    .execution-form-card h2 {
        font-size: 20px;
    }

    .trust-row {
        line-height: 1.6;
    }

    .check-grid {
        grid-template-columns: 1fr 1fr;
        gap: 7px 10px;
    }

    /* Growth */
    .growth-section {
        padding: 38px 15px 25px;
    }

    .growth-section h2 {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .growth-visual {
        display: flex;
        flex-direction: column;
        gap: 14px;
        max-width: 100%;
    }

    .growth-side {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .growth-side.left {
        order: 1;
    }

    .growth-video {
        order: 2;
        width: 100%;
    }

    .growth-side.right {
        order: 3;
    }

    .growth-video img {
        width: 100%;
        height: auto;
        min-height: 190px;
        object-fit: fill;
    }

    .growth-side div {
        padding: 9px 4px;
    }

    .growth-side strong {
        font-size: 1rem;
    }

    .growth-side span {
        font-size: 1rem;
    }



    /* Marketplaces */
    .marketplace-section {
        padding: 35px 12px 40px;
    }

    .marketplace-section h2 {
        font-size: 22px;
    }

    .section-intro {
        line-height: 1.4;
    }

    .market-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px 10px;
        max-width: 100%;
    }

    .market-card {
        min-height: 0;
        padding: 12px 9px 13px;
    }

    .market-card p {
        font-size: clamp(0.875rem, 1vw, 1rem);

    }

    /* Four steps */
    .steps-section {
        padding: 42px 18px 40px;
    }

    .steps-heading-row {
        display: block;
    }

    .steps-heading-row h2 {
        font-size: 1.6rem;
        padding-top: 3.1rem;
    }

    .steps-heading-row p {
        max-width: 100%;
        margin-top: 16px;
        font-size: 1rem;
    }

    .steps-line {
        grid-template-columns: 1fr;
        gap: 32px;
        margin-top: 45px;
    }

    .step {
        padding-top: 50px;
    }

    /* AI */
    .ai-section {
        padding: 45px 15px 48px;
    }

    .ai-section h2 {
        font-size: 24px;
        line-height: 1.1;
    }

    .ai-section>.container>p {
        font-size: 9px;
    }

    .ai-grid {
        grid-template-columns: 1fr;
        max-width: 100%;
        gap: 12px;
        padding: 0;
    }

    .ai-card {
        padding: 14px;
    }

    /* Services */
    .services-section {
        padding: 38px 16px 48px;
    }

    .services-intro {
        display: block;
        margin-bottom: 50px;
    }

    .services-intro h2 {
        font-size: clamp(1.75rem, 4vw, 2.5rem);
    }

    .services-intro p {
        max-width: 100%;
        font-size: 1rem;
        margin-top: 16px;
    }

    .services-grid {
        grid-template-columns: 1fr;
        gap: 42px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .services-grid article {
        width: 100%;
        min-height: 110px;
        padding: 43px 16px 12px 20px;
        box-sizing: border-box;
    }

    .services-grid i {
        left: -10px;
        top: -13px;
    }

    .services-grid b {
        left: 42px;
    }

    .services-grid h3 {
        font-size: 17px;
    }

    .services-grid p {
        font-size: 1rem;
    }

    /* Testimonials */
    .founders-section {
        padding: 10px 16px 42px;
    }

    .founders-heading {
        display: block;
    }

    .founders-heading h2 {
        font-size: 28px;
    }

    .rating-big {
        margin-top: 22px;
        font-size: 21px;
    }

    .rating-big strong {
        font-size: 36px;
    }

    .testimonial-grid {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 25px;
    }

    .testimonial-grid article {
        min-height: auto;
    }


}

@media (max-width: 480px) {
    .ec-hero {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ec-hero-copy h1 {
        font-size: 25px;
    }

    .step-number {
        top: -18px;
    }

    .ec-hero-copy p {
        font-size: clamp(1.3rem, 2.8vw, 1.7rem);
    }

    /* .section-sm-b {
        padding-bottom: 0 !important;
    } */

    .execution-copy {
        padding-left: 15px;
        padding-right: 15px;
    }

    .execution-copy h2 {
        font-size: clamp(1.3rem, 2.8vw, 1.7rem);
    }

    .execution-form-card {
        padding-left: 13px;
        padding-right: 13px;
    }

    /* .check-grid {
        grid-template-columns: 1fr;
    } */

    .growth-section {
        padding-left: 12px;
        padding-right: 12px;
    }

    .growth-section h2 {
        font-size: 23px;
        margin-top: clamp(3.1rem, 4vw, 3.1rem);
    }

    .growth-side strong {
        font-size: 1rem;
    }

    .growth-side span {
        font-size: 1rem;
    }

    .marketplace-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .market-grid {
        grid-template-columns: 1fr;
        gap: 12px 8px;
    }

    .market-card {
        padding: 10px 7px 12px;
    }

    .market-card h3 {
        font-size: 1rem;
    }

    .market-card p {
        font-size: clamp(0.875rem, 1vw, 1rem);

    }

    .steps-heading-row h2 {
        font-size: 1.6rem;
        padding-top: 3.1rem;
    }

    .ai-section h2 {
        font-size: 22px;
    }

    .services-section {
        padding-left: 10px;
        padding-right: 10px;
    }

    .services-grid {
        gap: 38px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .services-grid article {
        min-height: 110px;
        padding-left: 18px;
        padding-right: 12px;
    }

    .services-grid i {
        left: -8px;
        width: 50px;
        height: 45px;
    }

    .services-grid b {
        left: 50px;
        font-size: 26px;
    }



    .service-grid-icon {
        position: absolute;
        top: -13px;
        left: -25px;
        width: 51px;
        height: 45px;
        padding: 0;
        margin: 0;
        display: block;
        object-fit: fill;
        z-index: 10;
    }

    .services-grid h3 {
        font-size: 16px;
    }

    .services-grid p {
        font-size: 1rem;
    }

    .founders-heading h2 {
        font-size: 26px;
    }

    .rating-big {
        font-size: 19px;
    }

    .rating-big strong {
        font-size: 33px;
    }


}

/* =========================================================
   READABILITY UPDATE
   Existing layout/design preserved; small text made easier
   to read on desktop and mobile.
   ========================================================= */

.ec-hero-copy p {
    font-size: clamp(1.3rem, 2.8vw, 1.7rem);
}

.ec-call-btn {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
}

.timeline-item h3 {
    font-size: 1.2rem
}

.timeline-item p {
    font-size: 1rem
}

.form-lead {
    font-size: 1rem
}

.trust-row {
    font-size: 12px
}

.form-note {
    font-size: 14px
}

.execution-form-card form label {
    font-size: 1rem
}

.check-grid label,
.consent {
    font-size: 14px !important
}

.execution-form-card input[type=text],
.execution-form-card input[type=tel],
.execution-form-card input[type=email],
.execution-form-card textarea {
    font-size: clamp(0.875rem, 1vw, 1rem);
}

.execution-form-card button {
    font-size: 1rem
}

.legal {
    font-size: 12px
}

.growth-side span {
    font-size: 1rem
}

.section-kicker {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.section-intro {
    font-size: 1rem
}

.market-card h3 {
    font-size: 14px
}

.market-card p {
    font-size: clamp(0.875rem, 1vw, 1rem);

}

.market-card a {
    font-size: 14px
}

.step h3 {
    font-size: clamp(1rem, 1.5vw, 1.125rem);
}

.step p {
    font-size: 1rem
}

.step-number small {
    font-size: 0.8rem
}

.ai-section>.container>p {
    font-size: 11px
}

.ai-card strong {
    font-size: 13px
}

.ai-card small {
    font-size: 10px
}

.mini-kicker {
    font-size: clamp(0.875rem, 1vw, 1rem);
}

.services-intro p {
    font-size: 1rem
}

.services-grid p {
    font-size: 1rem
}

.rating-big small {
    font-size: 1rem;
    color: #111;
    font-weight: 700
}

.testimonial-grid p {
    font-size: 1rem;
    line-height: 1.5;
    color: #111;
    font-weight: 500
}

.testimonial-grid strong {
    font-size: 1rem;
    color: #111;
    font-weight: 800
}

.testimonial-grid small {
    font-size: 0.8rem;
    color: #222
}



@media (max-width:767px) {
    .ec-hero-copy p {
        font-size: 1rem;
        line-height: 1.45
    }

    .ec-call-btn {
        font-size: clamp(1rem, 1.5vw, 1.125rem);
    }

    .timeline-item h3 {
        font-size: 1rem
    }

    .timeline-item p {
        font-size: 1rem
    }

    .form-lead {
        font-size: 1rem
    }

    .trust-row {
        font-size: 12px
    }

    .form-note {
        font-size: 10px
    }

    .execution-form-card form label {
        font-size: 1rem
    }

    .check-grid label,
    .consent {
        font-size: 0.8rem !important
    }

    .execution-form-card input[type=text],
    .execution-form-card input[type=tel],
    .execution-form-card input[type=email],
    .execution-form-card textarea {
        font-size: 11px
    }

    .execution-form-card button {
        font-size: 1rem
    }

    .legal {
        font-size: 12px
    }

    .growth-side span {
        font-size: 1rem
    }

    .section-intro {
        font-size: 1rem
    }

    .market-card h3 {
        font-size: 1rem
    }

    .market-card p {
        font-size: 1rem
    }

    .market-card a {
        font-size: 14px
    }

    .step h3 {
        font-size: clamp(1rem, 1.5vw, 1.125rem);
    }

    .step p {
        font-size: 1rem
    }

    .step-number small {
        font-size: 0.8rem
    }

    .ai-section>.container>p {
        font-size: 10px
    }

    .ai-card strong {
        font-size: 13px
    }

    .ai-card small {
        font-size: 10px
    }

    .services-intro p {
        font-size: 1rem
    }

    .services-grid p {
        font-size: 1rem
    }

    .rating-big small {
        font-size: 1rem;
        color: #111;
        font-weight: 700
    }

    .testimonial-grid p {
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 500
    }

    .testimonial-grid strong {
        font-size: 1rem
    }

    .testimonial-grid small {
        font-size: 0.8rem
    }
}

@media (max-width:480px) {
    .ec-hero-copy p {
        font-size: 1rem
    }

    .section-kicker {
        font-size: 1.5rem;
        padding-top: 3.1rem;
        line-height: 1.2;
    }

    .growth-side span {
        font-size: 1rem
    }

    .market-card h3 {
        font-size: 1rem
    }

    .market-card p {
        font-size: clamp(0.875rem, 1vw, 1rem);

    }

    .market-card a {
        font-size: 14px
    }

    .services-grid h3 {
        font-size: 16px
    }

    .services-grid p {
        font-size: 1rem
    }

    .testimonial-grid p {
        font-size: 1rem
    }

    .testimonial-grid strong {
        font-size: 1rem
    }

    .testimonial-grid small {
        font-size: 0.8rem
    }
}


/* =========================================================
   SCROLL REVEAL ANIMATION
   Sections/cards gently appear as they enter the viewport.
   ========================================================= */

.scroll-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity 0.7s ease,
        transform 0.7s ease;
    will-change: opacity, transform;
}

.scroll-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.scroll-reveal-delay-1 {
    transition-delay: 0.08s;
}

.scroll-reveal-delay-2 {
    transition-delay: 0.16s;
}

.scroll-reveal-delay-3 {
    transition-delay: 0.24s;
}

/* Respect users who prefer reduced motion */
@media (prefers-reduced-motion: reduce) {

    .scroll-reveal,
    .scroll-reveal.is-visible {
        opacity: 1;
        transform: none;
        transition: none;
    }
}



.section-sm {
    padding-top: clamp(2.5rem, 6vw, 5rem);
}

.section-sm-b {
    padding-bottom: clamp(2.5rem, 6vw, 5rem);
}

.cta-bar {
    background: var(--teal);
    padding: 90px 24px;
    font-size: clamp(1.3rem, 2.8vw, 1.7rem);
}

.cta-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 28px;
    flex-wrap: wrap;
}

.cta-text {
    color: #ffffff;
    font-weight: 800;
    font-size: clamp(1.05rem, 2.2vw, 1.5rem);
    text-align: center;
    margin: 0;
    letter-spacing: 0.2px;
}

.cta-phone {
    background: var(--lime);
    color: var(--ink);
    font-weight: 800;
    font-size: clamp(1rem, 2vw, 1.3rem);
    text-decoration: none;
    padding: 14px 30px;
    border-radius: 999px;
    white-space: nowrap;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.08);
}

.cta-phone:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
    color: var(--ink);
}

.cta-phone:active {
    transform: translateY(0);
}

/* FIX: added a tablet step; previously jumped from 90px desktop
   padding straight to 22px at ≤575px with nothing in between. */
@media (max-width: 767.98px) {
    .cta-bar {
        padding: 56px 20px;
    }
}

@media (max-width: 575.98px) {
    .cta-bar {
        padding: 22px 16px;
    }

    .cta-inner {
        gap: 18px;
    }

    .cta-phone {
        padding: 12px 24px;
    }
}














.faq-ec-grid {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 80px;
}

/* ---- Accordion ---- */
.ec-accordion {
    position: relative;
    border-top: 1px solid var(--ec-border);
}

.accordion-item {
    border-bottom: 1px solid var(--ec-border);
}

.accordion-item button {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    background: transparent;
    border: none;
    color: var(--ink);
    text-align: left;
    font-size: clamp(0.875rem, 1vw, 1rem);
    font-weight: 600;
    line-height: 1.4;
    padding: 20px 4px;
    cursor: pointer;
}

.accordion-item button:hover .q-text {
    color: var(--dot-active);
}

.q-text {
    transition: color .25s var(--ec-teal);
}

.q-index {
    font-size: 13px;
    font-weight: 600;
    color: var(--ink);
    padding-top: 3px;
    min-width: 26px;
}

.q-main {
    display: flex;
    gap: 16px;
    flex: 1;
}

.icon {
    position: relative;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin-top: 2px;
}

.icon::before,
.icon::after {
    content: '';
    position: absolute;
    background: var(--ec-teal);
    top: 50%;
    left: 50%;
    transition: transform .35s var(--ease), background .35s var(--ease);
}

.icon::before {
    width: 14px;
    height: 2px;
    transform: translate(-50%, -50%);
}

.icon::after {
    width: 2px;
    height: 14px;
    transform: translate(-50%, -50%);
}

.accordion-item.open .icon::after {
    transform: translate(-50%, -50%) rotate(90deg) scale(0);
}

.accordion-item.open .icon::before {
    background: var(--ec-teal);
}

/* Smooth height animation via grid-template-rows trick */
.answer-wrap {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .45s var(--ink);
}

.accordion-item.open .answer-wrap {
    grid-template-rows: 1fr;
}

.answer-inner {
    overflow: hidden;
}

.answer-inner p {
    margin: 0 0 26px 42px;
    max-width: 56ch;
    font-size: clamp(0.875rem, 1vw, 1rem);
    line-height: 1.7;
    color: var(--ink);
    opacity: 0;
    transform: translateY(-6px);
    transition: opacity .3s ease .05s, transform .3s ease .05s;
}

.accordion-item.open .answer-inner p {
    opacity: 1;
    transform: translateY(0);
}



.faq-ec-grid h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    line-height: .98;
    font-weight: 900;
    margin: 0;
}

.faq-ec-grid p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.55;
    color: var(--sub);
    padding-bottom: 15px;
}

@media (prefers-reduced-motion: reduce) {

    .answer-wrap,
    .icon::before,
    .icon::after,
    .answer-inner p,
    .q-text {
        transition: none !important;
    }
}

@media (max-width: 860px) {
    .faq-ec-grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .faq-ec-grid h2 {
        font-size: clamp(1.75rem, 4vw, 2.5rem);
        font-weight: 900;
    }

    .accordion-item button {
        font-size: 16px;
    }
}


.mini-kicker-hedaing p {
    margin-top: 20px;
}