/* Design System: Stripe - Compacted for Malhi Prime */
        @import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600&family=Source+Code+Pro:wght@400;500;700&display=swap');

        :root {
            --hds-color-brand-purple: #533afd;
            --hds-color-heading-solid: #061b31;
            --hds-color-surface-primary: #ffffff;
            --hds-color-util-brand-900: #1c1e54;
            --hds-color-core-neutral-975: #0d253d;
            --hds-color-accentColorMode-ruby-icon-solid: #ea2261;
            --hds-color-accentColorMode-magenta-icon-gradientMiddle: #f96bee;
            --hds-color-util-accent-magenta-100: #ffd7ef;
            --hds-color-action-bg-subduedHover: #b9b9f9;
            --hds-color-core-lemon-500: #9b6829;
            --hds-color-border-default: #e5edf5;
            --hds-color-border-soft-purple: #d6d9fc;
            --hds-color-border-dashed: #362baa;
            --hds-color-shadow-blue: rgba(50,50,93,0.25);
            --hds-color-shadow-dark-blue: rgba(3,3,39,0.25);
            --hds-color-shadow-black: rgba(0,0,0,0.1);
            --hds-color-shadow-ambient: rgba(23,23,23,0.08);
            --hds-color-shadow-soft: rgba(23,23,23,0.06);
            --hds-color-input-text-label: #273951;
            --hds-color-body: #64748d;
            --hds-color-success-text: #108c3d;
            --hds-color-button-ui-iconHover: #2e2b8c;
            --hds-color-primary-purple-hover: #4434d4;
            --hds-color-accentColorMode-success-icon-solid: #15be53;

            --font-primary: 'Source Sans 3', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            --font-mono: 'Source Code Pro', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;

            --spacing-unit: 8px;
            --container-max-width: 1080px;
            --border-radius-standard: 4px;
            --border-radius-comfortable: 5px;
            --border-radius-relaxed: 6px;
            --border-radius-large: 8px;
        }

        body {
            font-family: var(--font-primary);
            color: var(--hds-color-body);
            background-color: var(--hds-color-surface-primary);
            margin: 0;
            padding: 0;
            line-height: 1.5;
            font-weight: 300;
            font-feature-settings: 'ss01'; /* Apply ss01 globally for sohne-var */
            font-variant-numeric: tabular-nums; /* Default to tabular for numbers */
        }

        h1, h2, h3, h4, h5, h6 {
            color: var(--hds-color-heading-solid);
            margin-top: 0;
            font-weight: 300;
        }

        p {
            margin-top: 0;
            margin-bottom: var(--spacing-unit);
        }

        a {
            color: var(--hds-color-brand-purple);
            text-decoration: none;
            transition: color 0.2s ease-in-out;
        }

        a:hover {
            color: var(--hds-color-primary-purple-hover);
        }

        .container {
            max-width: var(--container-max-width);
            margin: 0 auto;
            padding: 0 calc(var(--spacing-unit) * 2);
        }

        .topbar {
            background-color: #151a20;
            color: #f7f5f1;
            padding: var(--spacing-unit) 0;
            font-size: 14px;
            font-weight: 400;
            text-align: center;
        }

        .topbar a {
            color: #f7f5f1;
            font-weight: 400;
        }

        .topbar a:hover {
            text-decoration: underline;
        }

        .hero {
            background-color: var(--hds-color-surface-primary);
            padding: calc(var(--spacing-unit) * 8) 0;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-height: 60vh;
            position: relative;
            overflow: hidden;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,0.2) 100%);
            pointer-events: none;
        }

        .hero h1 {
            font-size: 48px;
            line-height: 1.15;
            letter-spacing: -0.96px;
            margin-bottom: var(--spacing-unit);
            font-weight: 300;
            color: var(--hds-color-heading-solid);
        }

        .hero p {
            font-size: 18px;
            line-height: 1.40;
            max-width: 700px;
            margin-bottom: calc(var(--spacing-unit) * 3);
            color: var(--hds-color-body);
        }

        .hero .cta-buttons {
            display: flex;
            gap: calc(var(--spacing-unit) * 2);
            flex-wrap: wrap;
            justify-content: center;
        }

        .btn {
            display: inline-block;
            padding: 8px 16px;
            border-radius: var(--border-radius-standard);
            font-size: 16px;
            font-weight: 400;
            text-align: center;
            transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out;
            cursor: pointer;
            white-space: nowrap;
            font-feature-settings: 'ss01';
        }

        .btn-primary {
            background-color: var(--hds-color-brand-purple);
            color: var(--hds-color-surface-primary);
            border: 1px solid var(--hds-color-brand-purple);
        }

        .btn-primary:hover {
            background-color: var(--hds-color-primary-purple-hover);
            border-color: var(--hds-color-primary-purple-hover);
        }

        .btn-ghost {
            background-color: transparent;
            color: var(--hds-color-brand-purple);
            border: 1px solid var(--hds-color-action-bg-subduedHover);
        }

        .btn-ghost:hover {
            background-color: rgba(83,58,253,0.05);
        }

        .btn-transparent-info {
            background-color: transparent;
            color: #2874ad;
            border: 1px solid rgba(43,145,223,0.2);
        }

        .services-section, .trust-section, .cta-section {
            padding: calc(var(--spacing-unit) * 8) 0;
        }

        .services-section h2, .trust-section h2, .cta-section h2 {
            text-align: center;
            font-size: 32px;
            line-height: 1.10;
            letter-spacing: -0.64px;
            margin-bottom: calc(var(--spacing-unit) * 4);
        }

        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: calc(var(--spacing-unit) * 4);
        }

        .service-card {
            background-color: var(--hds-color-surface-primary);
            border: 1px solid var(--hds-color-border-default);
            border-radius: var(--border-radius-comfortable);
            box-shadow: var(--hds-color-shadow-soft) 0px 3px 6px, var(--hds-color-shadow-ambient) 0px 15px 35px 0px;
            padding: calc(var(--spacing-unit) * 3);
            text-align: left;
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }

        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--hds-color-shadow-soft) 0px 3px 6px, var(--hds-color-shadow-ambient) 0px 15px 35px 0px, var(--hds-color-shadow-blue) 0px 30px 45px -30px, var(--hds-color-shadow-black) 0px 18px 36px -18px;
        }

        .service-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 8px;
            margin-bottom: calc(var(--spacing-unit) * 2);
            border: 1px solid var(--hds-color-border-default);
        }

        .service-card h3 {
            font-size: 26px;
            line-height: 1.12;
            letter-spacing: -0.26px;
            margin-bottom: var(--spacing-unit);
            font-weight: 300;
        }

        .service-card p {
            font-size: 16px;
            line-height: 1.40;
            color: var(--hds-color-body);
        }

        .service-card .btn {
            margin-top: calc(var(--spacing-unit) * 2);
            padding: 6px 12px;
            font-size: 14px;
        }

        .trust-section .stats-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: calc(var(--spacing-unit) * 3);
            text-align: center;
        }

        .trust-section .stat-item {
            padding: calc(var(--spacing-unit) * 2);
        }

        .trust-section .stat-item .value {
            font-size: 40px;
            font-weight: 300;
            color: var(--hds-color-heading-solid);
            line-height: 1.0;
            letter-spacing: -0.8px;
        }

        .trust-section .stat-item .label {
            font-size: 16px;
            color: var(--hds-color-body);
            margin-top: var(--spacing-unit);
        }

        .cta-section {
            background-color: var(--hds-color-util-brand-900);
            color: var(--hds-color-surface-primary);
            text-align: center;
        }

        .cta-section h2 {
            color: var(--hds-color-surface-primary);
            font-size: 48px;
            line-height: 1.15;
            letter-spacing: -0.96px;
            margin-bottom: calc(var(--spacing-unit) * 2);
        }

        .cta-section p {
            font-size: 18px;
            line-height: 1.40;
            color: rgba(255, 255, 255, 0.7);
            margin-bottom: calc(var(--spacing-unit) * 3);
        }

        .cta-section .btn-primary {
            background-color: var(--hds-color-accentColorMode-ruby-icon-solid);
            border-color: var(--hds-color-accentColorMode-ruby-icon-solid);
        }

        .cta-section .btn-primary:hover {
            background-color: #d41a53;
            border-color: #d41a53;
        }

        .footer-site {
            background-color: #151a20;
            color: #f7f5f1;
            padding: calc(var(--spacing-unit) * 4) 0;
            font-size: 14px;
            text-align: center;
        }

        .footer-site .footer-content {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: calc(var(--spacing-unit) * 2);
        }

        .footer-site .footer-links a {
            color: #f7f5f1;
            font-weight: 400;
            margin: 0 calc(var(--spacing-unit) * 1);
        }

        .footer-site .footer-links a:hover {
            text-decoration: underline;
        }

        @media (min-width: 768px) {
            .hero {
                padding: calc(var(--spacing-unit) * 12) 0;
            }
            .hero h1 {
                font-size: 56px;
                letter-spacing: -1.4px;
            }
            .hero p {
                font-size: 20px;
            }
            .services-section, .trust-section, .cta-section {
                padding: calc(var(--spacing-unit) * 10) 0;
            }
            .cta-section h2 {
                font-size: 56px;
                letter-spacing: -1.4px;
            }
        }

        @media (min-width: 1024px) {
            .hero {
                text-align: left;
                min-height: 70vh;
            }
            .hero::before {
                background: linear-gradient(90deg, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.3) 30%, rgba(255,255,255,0) 60%);
            }
            .hero h1, .hero p, .hero .cta-buttons {
                max-width: 60%;
            }
            .hero .container {
                display: flex;
                align-items: center;
                justify-content: flex-start;
            }
        }

        /* Specific image IDs */
        /* Photo IDs: photo-1454165804606-c3d57bc86b40, photo-1497366216548-37526070297c, photo-1573164713988-8665fc963095 */
        /* Added to service cards in order */
    
.cta-button {
            display: inline-block;
            padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);
            border-radius: var(--border-radius-comfortable);
            font-weight: 500;
            font-size: 16px;
            text-align: center;
            transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
            cursor: pointer;
            border: 1px solid transparent;
        }

        .cta-button.primary {
            background-color: var(--hds-color-brand-purple);
            color: var(--hds-color-surface-primary);
            border-color: var(--hds-color-brand-purple);
        }

        .cta-button.primary:hover {
            background-color: var(--hds-color-primary-purple-hover);
            border-color: var(--hds-color-primary-purple-hover);
        }

        .cta-button.secondary {
            background-color: transparent;
            color: var(--hds-color-brand-purple);
            border-color: var(--hds-color-brand-purple);
        }

        .cta-button.secondary:hover {
            background-color: var(--hds-color-action-bg-subduedHover);
        }

        .site-header {
            padding: calc(var(--spacing-unit) * 2) 0;
            background-color: var(--hds-color-surface-primary);
            border-bottom: 1px solid var(--hds-color-border-default);
        }

        .site-header .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .site-branding {
            display: flex;
            align-items: center;
        }

        .logo img {
            height: 40px;
            margin-right: calc(var(--spacing-unit) * 1.5);
        }

        .site-title {
            font-size: 24px;
            font-weight: 600;
            color: var(--hds-color-heading-solid);
        }

        .site-navigation ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
            gap: calc(var(--spacing-unit) * 3);
        }

        .site-navigation a {
            color: var(--hds-color-heading-solid);
            font-weight: 500;
            font-size: 16px;
        }

        .site-navigation a:hover {
            color: var(--hds-color-brand-purple);
        }

        .content-section {
            padding: calc(var(--spacing-unit) * 6) 0;
        }

        .content-section h2 {
            font-size: 36px;
            line-height: 1.2;
            letter-spacing: -0.72px;
            text-align: center;
            margin-bottom: calc(var(--spacing-unit) * 4);
            font-weight: 300;
        }

        .row {
            display: flex;
            flex-wrap: wrap;
            gap: calc(var(--spacing-unit) * 4);
        }

        .row.align-items-center {
            align-items: center;
        }

        .row > * {
            flex: 1;
            min-width: 300px;
        }

        .reasons-section {
            background-color: var(--hds-color-util-accent-magenta-100);
        }

        .reasons-section .content-section {
            padding: calc(var(--spacing-unit) * 8) 0;
        }

        .reasons-section h2 {
            color: var(--hds-color-heading-solid);
        }

        .reasons-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: calc(var(--spacing-unit) * 4);
        }

        .reason-item {
            background-color: var(--hds-color-surface-primary);
            padding: calc(var(--spacing-unit) * 3);
            border-radius: var(--border-radius-large);
            box-shadow: var(--hds-color-shadow-ambient);
            text-align: center;
        }

        .reason-item h3 {
            font-size: 24px;
            margin-bottom: var(--spacing-unit);
            color: var(--hds-color-heading-solid);
            font-weight: 400;
        }

        .reason-item p {
            color: var(--hds-color-body);
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 0;
        }

        .services-list li {
            margin-bottom: var(--spacing-unit);
            color: var(--hds-color-body);
            font-size: 16px;
            line-height: 1.6;
        }

        .services-list li::before {
            content: '✓';
            color: var(--hds-color-accentColorMode-success-icon-solid);
            font-weight: 700;
            margin-right: calc(var(--spacing-unit));
        }

        .testimonials-section {
            background-color: var(--hds-color-core-neutral-975);
            color: rgba(255, 255, 255, 0.8);
            padding: calc(var(--spacing-unit) * 8) 0;
        }

        .testimonials-section h2 {
            color: var(--hds-color-surface-primary);
        }

        .testimonial-item {
            max-width: 700px;
            margin: 0 auto;
            text-align: center;
        }

        .testimonial-item p {
            font-size: 20px;
            line-height: 1.5;
            margin-bottom: calc(var(--spacing-unit) * 2);
            font-style: italic;
        }

        .testimonial-item .author {
            font-weight: 500;
            color: var(--hds-color-surface-primary);
        }

        .about-content {
            max-width: 800px;
            margin: 0 auto;
            padding: calc(var(--spacing-unit) * 4) 0;
        }

        .about-content h2 {
            text-align: left;
        }

        .about-content p {
            font-size: 17px;
            line-height: 1.7;
        }

        .company-details {
            margin-top: calc(var(--spacing-unit) * 4);
            padding-top: calc(var(--spacing-unit) * 4);
            border-top: 1px solid var(--hds-color-border-default);
        }

        .company-details p {
            margin-bottom: calc(var(--spacing-unit) / 2);
            font-size: 15px;
            color: var(--hds-color-input-text-label);
        }

        .company-details span {
            font-weight: 500;
            color: var(--hds-color-heading-solid);
        }

        .contact-content {
            max-width: 800px;
            margin: 0 auto;
            padding: calc(var(--spacing-unit) * 4) 0;
        }

        .contact-content h2 {
            text-align: left;
            margin-bottom: calc(var(--spacing-unit) * 3);
        }

        .contact-info {
            display: flex;
            gap: calc(var(--spacing-unit) * 6);
            margin-bottom: calc(var(--spacing-unit) * 4);
            flex-wrap: wrap;
        }

        .contact-info > div {
            flex: 1;
            min-width: 250px;
        }

        .contact-info h3 {
            font-size: 20px;
            margin-bottom: var(--spacing-unit);
            color: var(--hds-color-heading-solid);
        }

        .contact-info p {
            font-size: 16px;
            line-height: 1.6;
            margin-bottom: 0;
            color: var(--hds-color-body);
        }

        .contact-info a {
            color: var(--hds-color-body);
        }

        .contact-info a:hover {
            color: var(--hds-color-brand-purple);
        }

        .contact-form {
            background-color: var(--hds-color-surface-primary);
            padding: calc(var(--spacing-unit) * 4);
            border-radius: var(--border-radius-large);
            box-shadow: var(--hds-color-shadow-soft);
        }

        .form-group {
            margin-bottom: calc(var(--spacing-unit) * 2);
        }

        .form-group label {
            display: block;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: calc(var(--spacing-unit) / 2);
            color: var(--hds-color-input-text-label);
        }

        .form-group input[type="text"],
        .form-group input[type="email"],
        .form-group input[type="tel"],
        .form-group textarea {
            width: 100%;
            padding: calc(var(--spacing-unit) * 1.2);
            border: 1px solid var(--hds-color-border-default);
            border-radius: var(--border-radius-standard);
            font-size: 16px;
            color: var(--hds-color-heading-solid);
            box-sizing: border-box;
            transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
        }

        .form-group input:focus,
        .form-group textarea:focus {
            outline: none;
            border-color: var(--hds-color-brand-purple);
            box-shadow: 0 0 0 2px var(--hds-color-border-soft-purple);
        }

        .form-group textarea {
            min-height: 150px;
            resize: vertical;
        }

        .form-group .cta-button {
            width: auto;
            margin-top: var(--spacing-unit);
        }

        .site-footer {
            background-color: var(--hds-color-util-brand-900);
            color: rgba(255, 255, 255, 0.7);
            padding: calc(var(--spacing-unit) * 6) 0;
            font-size: 14px;
        }

        .site-footer .container {
            display: flex;
            flex-wrap: wrap;
            gap: calc(var(--spacing-unit) * 4);
        }

        .footer-section {
            flex: 1;
            min-width: 200px;
        }

        .footer-section h3 {
            color: var(--hds-color-surface-primary);
            font-size: 18px;
            font-weight: 500;
            margin-bottom: calc(var(--spacing-unit) * 2);
        }

        .footer-logo img {
            max-height: 50px;
            margin-bottom: calc(var(--spacing-unit) * 2);
        }

        .footer-about p {
            line-height: 1.6;
            font-size: 14px;
        }

        .footer-nav ul, .links ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .footer-nav li, .links li {
            margin-bottom: calc(var(--spacing-unit));
        }

        .footer-nav a, .links a {
            color: rgba(255, 255, 255, 0.7);
            transition: color 0.2s ease-in-out;
        }

        .footer-nav a:hover, .links a:hover {
            color: var(--hds-color-surface-primary);
            text-decoration: underline;
        }

        .footer-contact p {
            margin-bottom: var(--spacing-unit);
            line-height: 1.6;
        }

        .footer-contact a {
            color: rgba(255, 255, 255, 0.7);
        }

        .footer-contact a:hover {
            color: var(--hds-color-surface-primary);
        }

        .footer-legal p {
            font-size: 13px;
            line-height: 1.6;
        }

        .footer-bottom {
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: calc(var(--spacing-unit) * 4);
            margin-top: calc(var(--spacing-unit) * 4);
            text-align: center;
            font-size: 13px;
        }

        .copyright {
            margin-top: calc(var(--spacing-unit) / 2);
        }

        .abn-card {
            background-color: var(--hds-color-surface-primary);
            padding: calc(var(--spacing-unit) * 3);
            border-radius: var(--border-radius-comfortable);
            box-shadow: var(--hds-color-shadow-soft);
            border: 1px solid var(--hds-color-border-default);
            margin-bottom: calc(var(--spacing-unit) * 2);
        }

        .abn-card h3 {
            font-size: 20px;
            margin-bottom: var(--spacing-unit);
            color: var(--hds-color-heading-solid);
            font-weight: 500;
        }

        .abn-card p {
            font-size: 16px;
            line-height: 1.6;
            color: var(--hds-color-body);
        }

        .map-placeholder {
            background-color: var(--hds-color-border-default);
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--hds-color-body);
            font-style: italic;
            border-radius: var(--border-radius-comfortable);
        }

        .page-header {
            background-color: var(--hds-color-core-neutral-975);
            color: var(--hds-color-surface-primary);
            padding: calc(var(--spacing-unit) * 6) 0;
            text-align: center;
        }

        .page-header h1 {
            font-size: 40px;
            line-height: 1.2;
            letter-spacing: -0.8px;
            font-weight: 300;
            margin-bottom: var(--spacing-unit);
        }

        .page-header p {
            font-size: 18px;
            color: rgba(255, 255, 255, 0.8);
        }

        .about {
            background-color: var(--hds-color-surface-primary);
        }

        .terms-page .content-section {
            padding: calc(var(--spacing-unit) * 4) 0;
        }

        .terms-page h2 {
            font-size: 32px;
            text-align: left;
            margin-bottom: calc(var(--spacing-unit) * 3);
        }

        .terms-page h3 {
            font-size: 24px;
            margin-top: calc(var(--spacing-unit) * 3);
            margin-bottom: var(--spacing-unit);
            color: var(--hds-color-heading-solid);
            font-weight: 500;
        }

        .terms-page p,
        .terms-page ul,
        .terms-page ol {
            font-size: 16px;
            line-height: 1.7;
            color: var(--hds-color-body);
            margin-bottom: var(--spacing-unit);
        }

        .terms-page ul, .terms-page ol {
            padding-left: calc(var(--spacing-unit) * 3);
        }

        .terms-page li {
            margin-bottom: calc(var(--spacing-unit) / 2);
        }

        .quote-form-section {
            background-color: var(--hds-color-util-accent-magenta-100);
            padding: calc(var(--spacing-unit) * 8) 0;
        }

        .quote-form-section h2 {
            text-align: center;
            margin-bottom: calc(var(--spacing-unit) * 4);
        }
        
        .hero-section {
            min-height: 70vh;
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            padding: calc(var(--spacing-unit) * 8) 0;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .hero-section .container {
            position: relative;
            z-index: 1;
        }

        .hero-section h1 {
            font-size: 52px;
            line-height: 1.1;
            letter-spacing: -1.04px;
            color: var(--hds-color-surface-primary);
            margin-bottom: calc(var(--spacing-unit) * 2);
            font-weight: 300;
        }

        .hero-section p {
            font-size: 20px;
            line-height: 1.5;
            color: rgba(255, 255, 255, 0.9);
            max-width: 800px;
            margin: 0 auto;
            margin-bottom: calc(var(--spacing-unit) * 4);
        }

        .hero-section .cta-buttons {
            display: flex;
            justify-content: center;
            gap: calc(var(--spacing-unit) * 2);
        }

        .site {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        .site-content {
            flex: 1;
        }

        .about-content, .contact-content, .terms-page .content-section {
            padding-left: calc(var(--spacing-unit) * 2);
            padding-right: calc(var(--spacing-unit) * 2);
        }

.footer-col {
            margin-bottom: calc(var(--spacing-unit) * 4);
            flex: 1;
            min-width: 200px;
        }

        .footer-col h4 {
            font-size: 16px;
            font-weight: 500;
            color: var(--hds-color-heading-solid);
            margin-bottom: calc(var(--spacing-unit) * 2);
        }

        .footer-col ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .footer-col li {
            margin-bottom: var(--spacing-unit);
        }

        .footer-col a {
            font-size: 14px;
            color: var(--hds-color-body);
            font-weight: 400;
        }

        .footer-col a:hover {
            color: var(--hds-color-brand-purple);
            text-decoration: underline;
        }

        .legal-content {
            font-size: 12px;
            line-height: 1.4;
            color: var(--hds-color-body);
            margin-top: calc(var(--spacing-unit) * 4);
            padding-top: calc(var(--spacing-unit) * 2);
            border-top: 1px solid var(--hds-color-border-default);
        }

        .legal-content p {
            margin-bottom: var(--spacing-unit);
        }

        .legal-content a {
            font-size: 12px;
            color: var(--hds-color-body);
        }


        body { font-family: 'Arial', sans-serif; line-height: 1.6; margin: 0; padding: 0; color: #333; }
        .container { max-width: 960px; margin: auto; padding: 20px; }
        .topbar { background: #151a20; color: #f7f5f1; padding: 15px 0; text-align: center; }
        .topbar .container { display: flex; justify-content: space-between; align-items: center; }
        .topbar .logo { font-size: 1.8em; font-weight: bold; }
        .topbar nav ul { list-style: none; margin: 0; padding: 0; display: flex; }
        .topbar nav ul li { margin-left: 25px; }
        .topbar nav ul li a { color: #f7f5f1; text-decoration: none; font-size: 1.1em; }
        .topbar nav ul li a:hover { text-decoration: underline; }
        main { padding: 40px 0; }
        h1, h2, h3 { color: #151a20; }
        h1 { font-size: 2.5em; margin-bottom: 20px; text-align: center; }
        h2 { font-size: 1.8em; margin-top: 30px; margin-bottom: 15px; }
        p { margin-bottom: 15px; }
        strong { color: #151a20; }
        .footer.site { background: #151a20; color: #f7f5f1; padding: 30px 0; text-align: center; margin-top: 40px; }
        .footer.site .container { display: flex; justify-content: space-between; align-items: center; }
        .footer.site .copyright { font-size: 0.9em; }
        .footer.site .company-details { font-size: 0.9em; }
        .footer.site a { color: #f7f5f1; text-decoration: none; }
        .footer.site a:hover { text-decoration: underline; }
        .legal-content ul { margin-left: 20px; margin-bottom: 15px; }
        .legal-content ul li { margin-bottom: 8px; }
        /* Specific page styles */
        .terms-page h1 { text-align: left; }