.elementor-22 .elementor-element.elementor-element-a5cdf6d{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS */<style>
/* ==========================================================================
   AI Elevation Homepage - Self-Contained Styles (Improved)
   ========================================================================== */

/* 1. CSS Variables */
.ai-elevation-page {
    --colour-primary: #1a365d;
    --colour-primary-light: #2c5282;
    --colour-primary-dark: #0f2440;
    --colour-secondary: #3182ce;
    --colour-secondary-light: #4299e1;
    --colour-white: #ffffff;
    --colour-grey-50: #f9fafb;
    --colour-grey-100: #f3f4f6;
    --colour-grey-200: #e5e7eb;
    --colour-grey-300: #d1d5db;
    --colour-grey-500: #6b7280;
    --colour-grey-600: #4b5563;
    --colour-grey-900: #111827;
    --colour-success: #059669;
    --colour-success-light: #d1fae5;
    --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --container-max-width: 75rem;
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-24: 6rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 1rem;
    --radius-full: 9999px;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    
    font-family: var(--font-sans) !important;
    font-size: 1rem !important;
    line-height: 1.6 !important;
    color: var(--colour-grey-900) !important;
    background-color: var(--colour-white) !important;
    -webkit-font-smoothing: antialiased !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

.ai-elevation-page *,
.ai-elevation-page *::before,
.ai-elevation-page *::after {
    box-sizing: border-box !important;
}

/* 2. Typography */
.ai-elevation-page h1,
.ai-elevation-page h2,
.ai-elevation-page h3,
.ai-elevation-page h4 {
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--colour-primary) !important;
    margin: 0 0 var(--space-4) 0 !important;
    padding: 0 !important;
    letter-spacing: -0.025em !important;
}

.ai-elevation-page h1 {
    font-size: clamp(2.25rem, 5vw, 3.5rem) !important;
}

.ai-elevation-page h2 {
    font-size: clamp(1.75rem, 4vw, 2.5rem) !important;
}

.ai-elevation-page h3 {
    font-size: 1.25rem !important;
    font-weight: 600 !important;
}

.ai-elevation-page p {
    margin: 0 0 var(--space-4) 0 !important;
    padding: 0 !important;
    color: var(--colour-grey-600) !important;
    font-size: 1.0625rem !important;
    line-height: 1.7 !important;
}

.ai-elevation-page p:last-child {
    margin-bottom: 0 !important;
}

.ai-elevation-page ul,
.ai-elevation-page ol {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ai-elevation-page a {
    color: var(--colour-secondary) !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.ai-elevation-page a:hover {
    color: var(--colour-primary) !important;
}

.ai-elevation-page img {
    max-width: 100% !important;
    height: auto !important;
    display: block !important;
}

.ai-elevation-page strong {
    font-weight: 600 !important;
    color: var(--colour-grey-900) !important;
}

/* 3. Container */
.ai-elevation-page .aie-container {
    width: 100% !important;
    max-width: var(--container-max-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--space-6) !important;
    padding-right: var(--space-6) !important;
}

@media (min-width: 768px) {
    .ai-elevation-page .aie-container {
        padding-left: var(--space-8) !important;
        padding-right: var(--space-8) !important;
    }
}

/* 4. Sections */
.ai-elevation-page .aie-section {
    padding: var(--space-16) 0 !important;
    background-color: var(--colour-white) !important;
    display: block !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    .ai-elevation-page .aie-section {
        padding: var(--space-24) 0 !important;
    }
}

.ai-elevation-page .aie-section--alt {
    background-color: var(--colour-grey-50) !important;
}

.ai-elevation-page .aie-section--dark {
    background-color: var(--colour-primary-dark) !important;
}

.ai-elevation-page .aie-section--dark h2,
.ai-elevation-page .aie-section--dark h3 {
    color: var(--colour-white) !important;
}

.ai-elevation-page .aie-section--dark p {
    color: rgba(255, 255, 255, 0.9) !important;
}

.ai-elevation-page .aie-section--dark .aie-eyebrow {
    color: var(--colour-secondary-light) !important;
}

/* 5. Section Header */
.ai-elevation-page .aie-section-header {
    margin-bottom: var(--space-12) !important;
}

.ai-elevation-page .aie-section-header--centre {
    text-align: center !important;
    max-width: 48rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ai-elevation-page .aie-section-header p {
    color: var(--colour-grey-600) !important;
    font-size: 1.125rem !important;
}

/* 6. Eyebrow */
.ai-elevation-page .aie-eyebrow {
    display: inline-block !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: var(--colour-secondary) !important;
    margin-bottom: var(--space-3) !important;
}

/* 7. Pricing Badge */
.ai-elevation-page .aie-pricing-badge {
    display: inline-block !important;
    padding: var(--space-2) var(--space-4) !important;
    background-color: var(--colour-success-light) !important;
    color: var(--colour-success) !important;
    border-radius: var(--radius-full) !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    margin-bottom: var(--space-6) !important;
}

/* 8. Buttons */
.ai-elevation-page .aie-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: var(--space-3) var(--space-6) !important;
    font-family: var(--font-sans) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    border: 2px solid transparent !important;
    border-radius: var(--radius-md) !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.ai-elevation-page .aie-btn--primary {
    background-color: var(--colour-primary) !important;
    color: var(--colour-white) !important;
    border-color: var(--colour-primary) !important;
    box-shadow: var(--shadow-md) !important;
}

.ai-elevation-page .aie-btn--primary:hover {
    background-color: var(--colour-primary-dark) !important;
    border-color: var(--colour-primary-dark) !important;
    color: var(--colour-white) !important;
    transform: translateY(-1px) !important;
    box-shadow: var(--shadow-lg) !important;
}

.ai-elevation-page .aie-btn--ghost {
    background-color: transparent !important;
    color: var(--colour-primary) !important;
    border-color: var(--colour-primary) !important;
}

.ai-elevation-page .aie-btn--ghost:hover {
    background-color: var(--colour-primary) !important;
    color: var(--colour-white) !important;
}

.ai-elevation-page .aie-btn--white {
    background-color: var(--colour-white) !important;
    color: var(--colour-primary) !important;
    border-color: var(--colour-white) !important;
    box-shadow: var(--shadow-md) !important;
}

.ai-elevation-page .aie-btn--white:hover {
    background-color: transparent !important;
    color: var(--colour-white) !important;
    border-color: var(--colour-white) !important;
}

.ai-elevation-page .aie-btn--large {
    padding: var(--space-4) var(--space-8) !important;
    font-size: 1.0625rem !important;
}

.ai-elevation-page .aie-btn-group {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--space-4) !important;
    margin-top: var(--space-8) !important;
}

/* 9. Hero */
.ai-elevation-page .aie-hero {
    padding: var(--space-12) 0 var(--space-16) !important;
    background: linear-gradient(180deg, var(--colour-white) 0%, var(--colour-grey-50) 100%) !important;
    display: block !important;
    width: 100% !important;
}

@media (min-width: 768px) {
    .ai-elevation-page .aie-hero {
        padding: var(--space-16) 0 var(--space-24) !important;
    }
}

.ai-elevation-page .aie-hero__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--space-12) !important;
    align-items: center !important;
}

@media (min-width: 768px) {
    .ai-elevation-page .aie-hero__grid {
        grid-template-columns: 1.1fr 0.9fr !important;
        gap: var(--space-16) !important;
    }
}

.ai-elevation-page .aie-hero__content {
    order: 2 !important;
}

@media (min-width: 768px) {
    .ai-elevation-page .aie-hero__content {
        order: 1 !important;
    }
}

.ai-elevation-page .aie-hero__title {
    margin-bottom: var(--space-6) !important;
    color: var(--colour-primary-dark) !important;
}

.ai-elevation-page .aie-hero__subtitle {
    font-size: 1.1875rem !important;
    color: var(--colour-grey-600) !important;
    line-height: 1.7 !important;
    max-width: 540px !important;
}

.ai-elevation-page .aie-hero__media {
    order: 1 !important;
}

@media (min-width: 768px) {
    .ai-elevation-page .aie-hero__media {
        order: 2 !important;
    }
}

.ai-elevation-page .aie-hero__media img {
    border-radius: var(--radius-xl) !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    width: 100% !important;
    box-shadow: var(--shadow-lg) !important;
}

/* 10. Trust Bar */
.ai-elevation-page .aie-trust-bar {
    background: var(--colour-white) !important;
    padding: var(--space-6) 0 !important;
    border-top: 1px solid var(--colour-grey-200) !important;
    border-bottom: 1px solid var(--colour-grey-200) !important;
}

.ai-elevation-page .aie-trust-tagline {
    text-align: center !important;
    color: var(--colour-grey-600) !important;
    margin-bottom: var(--space-4) !important;
    font-size: 0.9375rem !important;
}

.ai-elevation-page .aie-trust-tagline strong {
    color: var(--colour-grey-900) !important;
}

.ai-elevation-page .aie-trust-icons {
    display: flex !important;
    justify-content: center !important;
    gap: var(--space-8) !important;
    align-items: center !important;
    flex-wrap: wrap !important;
}

.ai-elevation-page .aie-trust-item {
    display: flex !important;
    align-items: center !important;
    gap: var(--space-2) !important;
    color: var(--colour-grey-500) !important;
}

.ai-elevation-page .aie-trust-svg {
    height: 20px !important;
    width: 20px !important;
    fill: currentColor !important;
    stroke: currentColor !important;
}

.ai-elevation-page .aie-trust-item span {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

@media (max-width: 600px) {
    .ai-elevation-page .aie-trust-icons {
        gap: var(--space-6) !important;
    }
}

/* 11. Problem Section */
.ai-elevation-page .aie-problem {
    max-width: 52rem !important;
}

.ai-elevation-page .aie-problem__title {
    margin-bottom: var(--space-6) !important;
}

.ai-elevation-page .aie-problem__text {
    font-size: 1.125rem !important;
    color: var(--colour-grey-600) !important;
    margin-bottom: var(--space-8) !important;
    max-width: 640px !important;
}

/* Capabilities Grid */
.ai-elevation-page .aie-capabilities__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--space-4) !important;
    margin-bottom: var(--space-8) !important;
}

@media (min-width: 600px) {
    .ai-elevation-page .aie-capabilities__grid {
        grid-template-columns: 1fr 1fr !important;
        gap: var(--space-6) !important;
    }
}

.ai-elevation-page .aie-capability-item {
    background: var(--colour-white) !important;
    border: 1px solid var(--colour-grey-200) !important;
    border-radius: var(--radius-lg) !important;
    padding: var(--space-6) !important;
    font-size: 0.9375rem !important;
    color: var(--colour-grey-600) !important;
    line-height: 1.6 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.ai-elevation-page .aie-capability-item:hover {
    border-color: var(--colour-secondary-light) !important;
    box-shadow: var(--shadow-sm) !important;
}

.ai-elevation-page .aie-capability-item strong {
    display: block !important;
    color: var(--colour-primary) !important;
    font-weight: 600 !important;
    margin-bottom: var(--space-1) !important;
}

/* Problem List */
.ai-elevation-page .aie-problem__list {
    margin-top: var(--space-8) !important;
    border-top: 1px solid var(--colour-grey-200) !important;
    padding-top: var(--space-8) !important;
}

.ai-elevation-page .aie-problem__item {
    position: relative !important;
    padding-left: var(--space-8) !important;
    margin-bottom: var(--space-4) !important;
    color: var(--colour-grey-600) !important;
    display: block !important;
    font-size: 1rem !important;
}

.ai-elevation-page .aie-problem__item::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0.6rem !important;
    width: 8px !important;
    height: 8px !important;
    background-color: var(--colour-secondary) !important;
    border-radius: var(--radius-full) !important;
}

/* 12. Case Study Section */
.ai-elevation-page .aie-case-study {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--space-12) !important;
    align-items: center !important;
}

@media (min-width: 768px) {
    .ai-elevation-page .aie-case-study {
        grid-template-columns: 1fr 1fr !important;
        gap: var(--space-16) !important;
    }
}

.ai-elevation-page .aie-case-study__title {
    margin-bottom: var(--space-4) !important;
}

.ai-elevation-page .aie-case-study__content p {
    max-width: 520px !important;
}

.ai-elevation-page .aie-case-study__media img {
    border-radius: var(--radius-xl) !important;
    width: 100% !important;
    height: auto !important;
    box-shadow: var(--shadow-lg) !important;
}

/* 13. Stats */
.ai-elevation-page .aie-stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--space-8) !important;
    margin: var(--space-8) 0 !important;
    padding-top: var(--space-6) !important;
    border-top: 1px solid var(--colour-grey-200) !important;
}

.ai-elevation-page .aie-stats__item {
    text-align: left !important;
}

.ai-elevation-page .aie-stats__value {
    display: block !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    color: var(--colour-primary) !important;
    line-height: 1.2 !important;
    margin-bottom: var(--space-1) !important;
}

.ai-elevation-page .aie-stats__label {
    font-size: 0.875rem !important;
    color: var(--colour-grey-500) !important;
    margin: 0 !important;
    font-weight: 500 !important;
}

/* 14. Process Grid */
.ai-elevation-page .aie-process__grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--space-8) !important;
}

@media (min-width: 768px) {
    .ai-elevation-page .aie-process__grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: var(--space-8) !important;
    }
}

.ai-elevation-page .aie-process__step {
    text-align: center !important;
    padding: var(--space-6) !important;
    background: var(--colour-white) !important;
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-sm) !important;
    transition: box-shadow 0.2s ease, transform 0.2s ease !important;
}

.ai-elevation-page .aie-process__step:hover {
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-2px) !important;
}

.ai-elevation-page .aie-process__number {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 48px !important;
    background-color: var(--colour-primary) !important;
    color: var(--colour-white) !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    border-radius: var(--radius-full) !important;
    margin-bottom: var(--space-4) !important;
}

.ai-elevation-page .aie-process__title {
    font-size: 1.125rem !important;
    margin-bottom: var(--space-3) !important;
}

.ai-elevation-page .aie-process__text {
    font-size: 0.9375rem !important;
    color: var(--colour-grey-600) !important;
    margin: 0 !important;
}

/* 15. CTA Section */
.ai-elevation-page .aie-cta {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: var(--space-8) !important;
    align-items: center !important;
    background: linear-gradient(135deg, var(--colour-primary) 0%, var(--colour-primary-dark) 100%) !important;
    padding: var(--space-12) !important;
    border-radius: var(--radius-xl) !important;
}

@media (min-width: 768px) {
    .ai-elevation-page .aie-cta {
        grid-template-columns: 1fr auto !important;
        gap: var(--space-12) !important;
        padding: var(--space-12) var(--space-16) !important;
    }
}

.ai-elevation-page .aie-cta__title {
    color: var(--colour-white) !important;
    margin-bottom: var(--space-4) !important;
}

.ai-elevation-page .aie-cta__text {
    font-size: 1.0625rem !important;
    color: rgba(255, 255, 255, 0.9) !important;
    margin-bottom: var(--space-6) !important;
    max-width: 480px !important;
}

.ai-elevation-page .aie-cta__text strong {
    color: var(--colour-white) !important;
}

.ai-elevation-page .aie-cta__portrait {
    width: 140px !important;
    height: 140px !important;
    border-radius: var(--radius-full) !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    border: 4px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: var(--shadow-lg) !important;
}

@media (min-width: 768px) {
    .ai-elevation-page .aie-cta__portrait {
        width: 160px !important;
        height: 160px !important;
    }
}

.ai-elevation-page .aie-cta__portrait img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
</style>

<div class="ai-elevation-page">

    <section class="aie-hero">
        <div class="aie-container">
            <div class="aie-hero__grid">
                <div class="aie-hero__content">
                    <span class="aie-pricing-badge">Projects from £300. Rapid ROI.</span>
                    <h1 class="aie-hero__title">Win Back 10+ Hours a Week with AI That Actually Works</h1>
                    <p class="aie-hero__subtitle">We help UK business owners automate the repetitive admin draining your time. Practical solutions that pay for themselves; often within weeks.</p>
                    <div class="aie-btn-group">
                        <a href="mailto:info@aielevation.co.uk?subject=Book%20a%20Free%20Assessment" class="aie-btn aie-btn--primary aie-btn--large">Book a Free Assessment</a>
                        <a href="#services" class="aie-btn aie-btn--ghost">View Services</a>
                    </div>
                </div>
                <div class="aie-hero__media">
                    <img src="https://aielevation.co.uk/wp-content/uploads/2026/01/uk-business-office-light-industrial.webp" alt="UK business office" width="800" height="600" loading="lazy">
                </div>
            </div>
        </div>
    </section>

    <div class="aie-trust-bar">
        <div class="aie-container">
            <p class="aie-trust-tagline"><strong>Straightforward automation.</strong> Securely integrated with the tools you already use.</p>
            <div class="aie-trust-icons">
                <div class="aie-trust-item">
                    <svg class="aie-trust-svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path></svg>
                    <span>UK Data Privacy (ICO)</span>
                </div>
                <div class="aie-trust-item">
                    <svg class="aie-trust-svg" viewBox="0 0 24 24"><path d="M11.4 24H0V12.6h11.4V24zM24 24H12.6V12.6H24V24zM11.4 11.4H0V0h11.4v11.4zM24 11.4H12.6V0H24v11.4z"/></svg>
                    <span>Microsoft 365</span>
                </div>
                <div class="aie-trust-item">
                    <svg class="aie-trust-svg" viewBox="0 0 24 24"><path d="M12.48 10.92v3.28h7.84c-.24 1.84-.92 3.32-2.12 4.52-1.48 1.48-3.76 3.12-7.88 3.12-6.36 0-11.4-5.16-11.4-11.52S6.12 1.52 12.48 1.52c3.48 0 6.12 1.36 8.12 3.24l2.28-2.28C20.6 1.16 17.08 0 12.48 0 5.6 0 0 5.6 0 12.48S5.6 24.96 12.48 24.96c3.68 0 6.48-1.2 8.68-3.48 2.28-2.28 3.08-5.52 3.08-8.12 0-.68-.04-1.32-.16-1.92h-11.6z"/></svg>
                    <span>Google Workspace</span>
                </div>
            </div>
        </div>
    </div>

    <section id="services" class="aie-section aie-section--alt">
        <div class="aie-container">
            <div class="aie-problem">
                <span class="aie-eyebrow">How We Help</span>
                <h2 class="aie-problem__title">Practical Solutions to Common Business Bottlenecks</h2>
                <p class="aie-problem__text">We look at how your business actually runs and build the tech to match. Here are a few ways we help our clients win back their time and improve their results.</p>
                
                <div class="aie-capabilities__grid">
                    <div class="aie-capability-item">
                        <strong>Dynamic Websites</strong> 
                        Automate your website updates; ensuring your content stays current without manual editing.
                    </div>
                    <div class="aie-capability-item">
                        <strong>Improved Cashflow</strong> 
                        Deploy effective money chasing tools; ensuring you get paid on time without the manual friction.
                    </div>
                    <div class="aie-capability-item">
                        <strong>Identify Bottlenecks</strong> 
                        Map your workflows to find and remove the hidden delays that slow your team down.
                    </div>
                    <div class="aie-capability-item">
                        <strong>Faster Training</strong> 
                        Build accessible knowledge bases for your business; allowing for instant answers and quicker onboarding.
                    </div>
                </div>

                <ul class="aie-problem__list">
                    <li class="aie-problem__item">Staff tied up with repetitive admin instead of valuable work</li>
                    <li class="aie-problem__item">Customer enquiries taking too long to process</li>
                    <li class="aie-problem__item">Data scattered across systems with no single source of truth</li>
                </ul>
            </div>
        </div>
    </section>

    <section class="aie-section">
        <div class="aie-container">
            <div class="aie-case-study">
                <div class="aie-case-study__media">
                    <img src="https://aielevation.co.uk/wp-content/uploads/2026/01/site-operations.webp" alt="UK field service manager reviewing automated quotation system" width="800" height="450" loading="lazy">
                </div>
                <div class="aie-case-study__content">
                    <span class="aie-eyebrow">Success Story</span>
                    <h2 class="aie-case-study__title">Winning more business through instant quotation management</h2>
                    <p>We implemented a custom data workflow for a UK field service organisation. By automating their legacy Excel system, they now win more business because quotations are processed instantly; followed up without delay. Manual work has been replaced entirely; ensuring 100% accuracy and no human errors.</p>
                    <dl class="aie-stats">
                        <div class="aie-stats__item">
                            <dt class="aie-stats__value">Instant</dt>
                            <dd class="aie-stats__label">Quotation speed</dd>
                        </div>
                        <div class="aie-stats__item">
                            <dt class="aie-stats__value">Higher</dt>
                            <dd class="aie-stats__label">Win rate</dd>
                        </div>
                        <div class="aie-stats__item">
                            <dt class="aie-stats__value">100%</dt>
                            <dd class="aie-stats__label">Manual time saved</dd>
                        </div>
                    </dl>
                    <a href="https://aielevation.co.uk/cs-quote-management" class="aie-btn aie-btn--ghost">Read the full story</a>
                </div>
            </div>
        </div>
    </section>

    <section class="aie-section aie-section--alt">
        <div class="aie-container">
            <header class="aie-section-header aie-section-header--centre">
                <span class="aie-eyebrow">The Method</span>
                <h2>Three Steps to Sorting Your Automation</h2>
            </header>
            <div class="aie-process__grid">
                <div class="aie-process__step">
                    <span class="aie-process__number">1</span>
                    <h3 class="aie-process__title">Assess</h3>
                    <p class="aie-process__text">We find exactly where automation will save you the most time and money. No jargon; just a practical plan.</p>
                </div>
                <div class="aie-process__step">
                    <span class="aie-process__number">2</span>
                    <h3 class="aie-process__title">Design</h3>
                    <p class="aie-process__text">A clear blueprint with fixed costs and realistic timescales. You know the ROI before any work begins.</p>
                </div>
                <div class="aie-process__step">
                    <span class="aie-process__number">3</span>
                    <h3 class="aie-process__title">Implement</h3>
                    <p class="aie-process__text">We build and test with zero fuss. Your team gets full training to manage everything confidently.</p>
                </div>
            </div>
        </div>
    </section>

    <section id="contact" class="aie-section aie-section--dark">
        <div class="aie-container">
            <div class="aie-cta">
                <div class="aie-cta__content">
                    <h2 class="aie-cta__title">Ready to Win More Business?</h2>
                    <p class="aie-cta__text">Projects start from <strong>£300</strong> with rapid payback. Book a free chat to see where we can help. There is no sales pressure, just a look at your situation.</p>
                    <a href="mailto:info@aielevation.co.uk?subject=Book%20Your%20Free%20Assessment" class="aie-btn aie-btn--white aie-btn--large">Book Your Free Assessment</a>
                </div>
                <div class="aie-cta__portrait">
                    <img src="https://aielevation.co.uk/wp-content/uploads/2026/01/DH.webp" alt="Dave Hall, AI Elevation founder" width="160" height="160" loading="lazy">
                </div>
            </div>
        </div>
    </section>

</div>/* End custom CSS */