:root {
            --color-primary-bg: #ffffff;
            --color-primary-text: #171717;
            --color-secondary-text: #4d4d4d;
            --color-link: #0072f5;
            --color-focus-ring: hsla(212, 100%, 48%, 1);
            --color-nav-bg: #151a20;
            --color-nav-text: #f7f5f1;
            --color-card-bg: #ffffff;
            --color-card-border-shadow: rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
            --color-card-elevation-shadow: rgba(0,0,0,0.04) 0px 2px 2px;
            --color-card-ambient-shadow: rgba(0,0,0,0.04) 0px 8px 8px -8px;
            --color-card-inner-ring: #fafafa;
            --color-footer-bg: #151a20;
            --color-footer-text: #f7f5f1;
            --font-geist: 'Geist', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
            --font-geist-mono: 'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
            --shadow-card-stack: var(--color-card-border-shadow), var(--color-card-elevation-shadow), var(--color-card-ambient-shadow), var(--color-card-inner-ring) 0px 0px 0px 1px;
            --radius-card: 8px;
            --radius-button: 6px;
            --radius-pill: 9999px;
            --spacing-unit: 8px;
            --section-padding-y: calc(var(--spacing-unit) * 10);
            --container-max-width: 1200px;
        }
        body {
            font-family: var(--font-geist);
            color: var(--color-primary-text);
            background-color: var(--color-primary-bg);
            margin: 0;
            line-height: 1.5;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        h1, h2, h3, h4, h5, h6 {
            font-weight: 600;
            margin-top: 0;
            margin-bottom: calc(var(--spacing-unit) * 2);
            line-height: 1.2;
        }
        p {
            margin-top: 0;
            margin-bottom: calc(var(--spacing-unit) * 2);
        }
        a {
            color: var(--color-link);
            text-decoration: none;
        }
        a:hover {
            text-decoration: underline;
        }
        .container {
            max-width: var(--container-max-width);
            margin: 0 auto;
            padding-left: calc(var(--spacing-unit) * 2);
            padding-right: calc(var(--spacing-unit) * 2);
        }
        .section {
            padding-top: var(--section-padding-y);
            padding-bottom: var(--section-padding-y);
        }
        .text-center {
            text-align: center;
        }
        .text-secondary {
            color: var(--color-secondary-text);
        }
        .font-mono {
            font-family: var(--font-geist-mono);
        }
        .letter-spacing-tight {
            letter-spacing: -2.4px;
        }
        .letter-spacing-tight-sm {
            letter-spacing: -1.28px;
        }
        .letter-spacing-tight-xs {
            letter-spacing: -0.96px;
        }
        .letter-spacing-normal {
            letter-spacing: normal;
        }
        .font-weight-500 {
            font-weight: 500;
        }
        .font-weight-600 {
            font-weight: 600;
        }
        .font-size-48 {
            font-size: 48px;
            line-height: 1.00;
        }
        .font-size-32 {
            font-size: 32px;
        }
        .font-size-24 {
            font-size: 24px;
        }
        .font-size-20 {
            font-size: 20px;
            line-height: 1.80;
        }
        .font-size-16 {
            font-size: 16px;
        }
        .font-size-14 {
            font-size: 14px;
        }
        .font-size-12 {
            font-size: 12px;
        }
        .border-bottom-1 {
            border-bottom: 1px solid var(--color-primary-text);
        }
        .card {
            background-color: var(--color-card-bg);
            border-radius: var(--radius-card);
            box-shadow: var(--shadow-card-stack);
            padding: calc(var(--spacing-unit) * 4);
            transition: box-shadow 0.2s ease-in-out;
        }
        .card:hover {
            box-shadow: var(--color-card-border-shadow), rgba(0,0,0,0.08) 0px 4px 4px, var(--color-card-inner-ring) 0px 0px 0px 1px;
        }
        .button-primary {
            display: inline-block;
            padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);
            background-color: var(--color-primary-text);
            color: var(--color-primary-bg);
            border-radius: var(--radius-button);
            font-weight: 500;
            text-decoration: none;
            transition: background-color 0.2s ease-in-out;
        }
        .button-primary:hover {
            background-color: #333;
            text-decoration: none;
        }
        .button-secondary {
            display: inline-block;
            padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);
            background-color: var(--color-card-bg);
            color: var(--color-primary-text);
            border: 1px solid #ebebeb;
            border-radius: var(--radius-button);
            font-weight: 500;
            text-decoration: none;
            transition: background-color 0.2s ease-in-out;
            box-shadow: var(--color-card-border-shadow);
        }
        .button-secondary:hover {
            background-color: var(--color-card-inner-ring);
            text-decoration: none;
        }
        .button-pill {
            display: inline-block;
            padding: calc(var(--spacing-unit) * 1) calc(var(--spacing-unit) * 5);
            background-color: #ebf5ff;
            color: #0068d6;
            border-radius: var(--radius-pill);
            font-size: var(--font-size-12);
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 0.02em;
        }
        .button-pill-large {
            display: inline-block;
            padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 5);
            background-color: var(--color-card-bg);
            color: var(--color-primary-text);
            border-radius: 64px;
            font-weight: 500;
            text-decoration: none;
            transition: background-color 0.2s ease-in-out;
            box-shadow: var(--color-card-border-shadow);
        }
        .button-pill-large:hover {
            background-color: var(--color-card-inner-ring);
            text-decoration: none;
        }
        .grid-3-col {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: calc(var(--spacing-unit) * 4);
        }
        .grid-2-col {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: calc(var(--spacing-unit) * 4);
        }
        .feature-card {
            background-color: var(--color-card-bg);
            border-radius: var(--radius-card);
            box-shadow: var(--shadow-card-stack);
            padding: calc(var(--spacing-unit) * 4);
            transition: box-shadow 0.2s ease-in-out;
        }
        .feature-card:hover {
            box-shadow: var(--color-card-border-shadow), rgba(0,0,0,0.08) 0px 4px 4px, var(--color-card-inner-ring) 0px 0px 0px 1px;
        }
        .feature-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 12px 12px 0px 0px;
            margin-bottom: calc(var(--spacing-unit) * 2);
            border: 1px solid #ebebeb;
        }
        .trust-bar {
            padding: calc(var(--spacing-unit) * 4) 0;
            background-color: var(--color-card-bg);
            border-top: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
            overflow-x: auto;
            white-space: nowrap;
        }
        .trust-bar img {
            height: 32px;
            margin: 0 calc(var(--spacing-unit) * 3);
            opacity: 0.6;
            transition: opacity 0.2s ease-in-out;
        }
        .trust-bar img:hover {
            opacity: 1;
        }
        .topbar {
            background-color: var(--color-nav-bg);
            color: var(--color-nav-text);
            padding: calc(var(--spacing-unit) * 2) 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        .topbar .container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .topbar .nav-links a {
            color: var(--color-nav-text);
            margin-left: calc(var(--spacing-unit) * 3);
            font-weight: 500;
            font-size: var(--font-size-14);
        }
        .topbar .nav-links a[aria-current="page"] {
            font-weight: 600;
            text-decoration: underline;
        }
        .topbar .logo img {
            height: 26px;
        }
        .footer {
            background-color: var(--color-footer-bg);
            color: var(--color-footer-text);
            padding: calc(var(--spacing-unit) * 6) 0;
            font-size: var(--font-size-14);
        }
        .footer .container {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: calc(var(--spacing-unit) * 4);
        }
        .footer h3 {
            color: var(--color-nav-text);
            margin-bottom: calc(var(--spacing-unit) * 3);
            font-size: var(--font-size-16);
        }
        .footer ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        .footer ul li {
            margin-bottom: calc(var(--spacing-unit) * 1.5);
        }
        .footer ul li a {
            color: var(--color-footer-text);
            opacity: 0.8;
        }
        .footer .copyright {
            grid-column: 1 / -1;
            text-align: center;
            margin-top: calc(var(--spacing-unit) * 5);
            padding-top: calc(var(--spacing-unit) * 3);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            font-size: var(--font-size-12);
            opacity: 0.7;
        }
        @media (max-width: 1024px) {
            .grid-3-col, .grid-2-col {
                grid-template-columns: repeat(2, 1fr);
            }
            .footer .container {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        @media (max-width: 768px) {
            .section {
                padding-top: calc(var(--spacing-unit) * 5);
                padding-bottom: calc(var(--spacing-unit) * 5);
            }
            .font-size-48 {
                font-size: 40px;
            }
            .font-size-32 {
                font-size: 28px;
            }
            .grid-3-col, .grid-2-col {
                grid-template-columns: 1fr;
            }
            .topbar .container {
                flex-direction: column;
                gap: var(--spacing-unit);
            }
            .topbar .nav-links {
                margin-top: var(--spacing-unit);
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: calc(var(--spacing-unit) * 2);
            }
            .topbar .nav-links a {
                margin-left: 0;
            }
            .footer .container {
                grid-template-columns: 1fr;
            }
            .footer h3 {
                margin-bottom: var(--spacing-unit);
            }
        }
        .hero-section {
            min-height: 70vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            background-color: #f0f0f0;
        }
        .hero-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: radial-gradient(circle, rgba(255,255,255,0.8) 0%, rgba(235, 235, 235, 0.8) 70%, transparent 100%);
            z-index: 0;
        }
        .hero-content {
            position: relative;
            z-index: 1;
            text-align: center;
            max-width: 800px;
            padding: calc(var(--spacing-unit) * 8) calc(var(--spacing-unit) * 2);
        }
        .hero-content h1 {
            color: var(--color-primary-text);
            margin-bottom: calc(var(--spacing-unit) * 3);
        }
        .hero-content p {
            color: var(--color-secondary-text);
            font-size: var(--font-size-20);
            margin-bottom: calc(var(--spacing-unit) * 5);
        }
        .hero-background-image {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            opacity: 0.5;
        }
        .stats-section .container {
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
            gap: calc(var(--spacing-unit) * 4);
        }
        .stat-item {
            text-align: center;
        }
        .stat-item .number {
            font-size: 64px;
            font-weight: 600;
            line-height: 1;
            color: var(--color-link);
        }
        .stat-item .label {
            font-size: var(--font-size-16);
            font-weight: 500;
            color: var(--color-secondary-text);
        }
        .text-transform-uppercase {
            text-transform: uppercase;
        }
    
.site { display: flex; flex-direction: column; min-height: 100vh; }
.content { flex: 1 0 auto; }
.site-header { background-color: var(--color-nav-bg); color: var(--color-nav-text); padding: calc(var(--spacing-unit) * 3) 0; }
.site-header .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: calc(var(--spacing-unit) * 2); }
.site-branding { display: flex; flex-direction: column; }
.site-title { font-size: 20px; font-weight: 600; margin: 0; letter-spacing: -0.5px; }
.site-title a { color: var(--color-nav-text); text-decoration: none; }
.site-title a:hover { text-decoration: none; opacity: 0.85; }
.site-description { color: rgba(247, 245, 241, 0.7); font-size: 12px; margin: 4px 0 0; }
.site-nav, .main-nav { display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--spacing-unit) * 3); }
.site-nav a, .main-nav a { color: var(--color-nav-text); font-size: 14px; font-weight: 500; text-decoration: none; opacity: 0.85; transition: opacity 0.2s ease-in-out; }
.site-nav a:hover, .main-nav a:hover { opacity: 1; text-decoration: underline; }
.hero { background-color: var(--color-nav-bg); color: var(--color-nav-text); padding: calc(var(--spacing-unit) * 14) 0; }
.hero h1 { color: var(--color-nav-text); }
.hero .text-secondary { color: rgba(247, 245, 241, 0.7); }
.hero--alt { background-color: #fafafa; color: var(--color-primary-text); border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.hero--alt h1 { color: var(--color-primary-text); }
.hero-actions { display: flex; flex-wrap: wrap; gap: calc(var(--spacing-unit) * 2); margin-top: calc(var(--spacing-unit) * 4); }
.page-header { background-color: #fafafa; border-bottom: 1px solid rgba(0, 0, 0, 0.08); padding: calc(var(--spacing-unit) * 8) 0; }
.page-title { font-size: 40px; letter-spacing: -1.28px; margin-bottom: calc(var(--spacing-unit) * 1); }
.content-section { padding: calc(var(--spacing-unit) * 8) 0; }
.services-section { padding: var(--section-padding-y) 0; }
.service-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: calc(var(--spacing-unit) * 4); margin-top: calc(var(--spacing-unit) * 6); }
.service-card { background-color: var(--color-card-bg); border-radius: var(--radius-card); box-shadow: var(--shadow-card-stack); padding: calc(var(--spacing-unit) * 4); display: flex; flex-direction: column; gap: calc(var(--spacing-unit) * 2); transition: box-shadow 0.2s ease-in-out; }
.service-card:hover { box-shadow: var(--color-card-border-shadow), rgba(0, 0, 0, 0.08) 0px 4px 4px, var(--color-card-inner-ring) 0px 0px 0px 1px; }
.service-card h3 { margin-bottom: 0; font-size: 20px; }
.service-card p { margin-bottom: 0; color: var(--color-secondary-text); font-size: 14px; }
.reason-section { padding: var(--section-padding-y) 0; }
.reason-item { padding: calc(var(--spacing-unit) * 3) 0; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
.reason-item:last-child { border-bottom: none; }
.reason-item h3 { font-size: 20px; margin-bottom: calc(var(--spacing-unit) * 1); }
.reason-item p { margin-bottom: 0; color: var(--color-secondary-text); }
.value-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: calc(var(--spacing-unit) * 4); }
.value-item { background-color: var(--color-card-bg); border-radius: var(--radius-card); box-shadow: var(--shadow-card-stack); padding: calc(var(--spacing-unit) * 4); }
.value-item h3 { font-size: 16px; margin-bottom: calc(var(--spacing-unit) * 1); }
.value-item p { margin-bottom: 0; font-size: 14px; color: var(--color-secondary-text); }
.row { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--spacing-unit) * 4); }
.row > * { flex: 1 1 300px; }
.reverse { flex-direction: row-reverse; }
.two-column { display: grid; grid-template-columns: 1fr 1fr; gap: calc(var(--spacing-unit) * 6); align-items: start; }
.cta-section { background-color: var(--color-nav-bg); color: var(--color-nav-text); text-align: center; padding: var(--section-padding-y) 0; }
.cta-section h2, .cta-section p { color: var(--color-nav-text); }
.cta-section .text-secondary { color: rgba(247, 245, 241, 0.7); }
.cta-button { display: inline-block; margin-top: calc(var(--spacing-unit) * 3); padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 5); background-color: var(--color-primary-bg); color: var(--color-primary-text); border-radius: var(--radius-button); font-weight: 600; text-decoration: none; transition: background-color 0.2s ease-in-out; }
.cta-button:hover { background-color: #e5e5e5; text-decoration: none; }
.btn { display: inline-block; padding: calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4); border: 1px solid transparent; border-radius: var(--radius-button); font-family: var(--font-geist); font-size: 16px; font-weight: 500; line-height: 1.5; text-decoration: none; cursor: pointer; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; }
.btn:hover { text-decoration: none; }
.btn-primary { background-color: var(--color-primary-text); color: var(--color-primary-bg); }
.btn-primary:hover { background-color: #333; }
.contact-section { padding: var(--section-padding-y) 0; }
.contact-form { display: grid; gap: calc(var(--spacing-unit) * 3); }
.form-group { display: flex; flex-direction: column; gap: 4px; }
.form-group label { font-size: 14px; font-weight: 500; }
.form-group input, .form-group textarea { font-family: var(--font-geist); font-size: 16px; color: var(--color-primary-text); background-color: var(--color-card-bg); padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 2); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: var(--radius-button); }
.form-group textarea { resize: vertical; min-height: 120px; }
.form-group input:focus, .form-group textarea:focus { outline: 2px solid var(--color-focus-ring); outline-offset: 1px; border-color: transparent; }
.contact-info { font-size: 16px; }
.contact-info h2, .contact-info h3 { margin-bottom: calc(var(--spacing-unit) * 2); }
.contact-info p { color: var(--color-secondary-text); }
.contact-map { border-radius: var(--radius-card); overflow: hidden; box-shadow: var(--shadow-card-stack); min-height: 320px; }
.contact-map iframe { display: block; width: 100%; height: 100%; min-height: 320px; border: 0; }
.site-footer { margin-top: auto; background-color: var(--color-footer-bg); color: var(--color-footer-text); padding-top: calc(var(--spacing-unit) * 10); }
.site-footer h2, .site-footer h3, .site-footer h4 { color: var(--color-footer-text); font-size: 16px; margin-bottom: calc(var(--spacing-unit) * 2); }
.site-footer a { color: rgba(247, 245, 241, 0.75); text-decoration: none; font-size: 14px; }
.site-footer a:hover { color: var(--color-nav-text); text-decoration: underline; }
.footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: calc(var(--spacing-unit) * 6); padding-bottom: calc(var(--spacing-unit) * 8); }
.footer-about { max-width: 360px; }
.footer-about p { color: rgba(247, 245, 241, 0.7); font-size: 14px; margin-bottom: 0; }
.footer-info { color: rgba(247, 245, 241, 0.7); font-size: 14px; }
.footer-links { display: flex; flex-direction: column; gap: calc(var(--spacing-unit) * 1); }
.footer-nav { display: flex; flex-direction: column; gap: calc(var(--spacing-unit) * 1); }
.footer-contact { font-size: 14px; }
.footer-contact-info { color: rgba(247, 245, 241, 0.75); font-size: 14px; line-height: 1.8; font-style: normal; }
.footer-legal { color: rgba(247, 245, 241, 0.55); font-size: 12px; }
.footer-bottom { border-top: 1px solid rgba(247, 245, 241, 0.15); padding: calc(var(--spacing-unit) * 3) 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: calc(var(--spacing-unit) * 2); color: rgba(247, 245, 241, 0.55); font-size: 12px; }
.abn-card { display: inline-block; font-family: var(--font-geist-mono); font-size: 12px; color: var(--color-secondary-text); background-color: #fafafa; border: 1px solid rgba(0, 0, 0, 0.08); border-radius: var(--radius-card); padding: calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3); }
@media (max-width: 768px) {
    .two-column { grid-template-columns: 1fr; }
    .page-title { font-size: 32px; }
    .hero { padding: calc(var(--spacing-unit) * 10) 0; }
}