:root {
                --ink: #29332d;
                --muted: #656e68;
                --forest: #536c58;
                --clay: #906148;
                --pale: #f0f4ed;
                --sand: #f7f1e7;
                --line: #e6eae5;
            }
            body {
                font-family: "Source Sans Pro", sans-serif !important;
                color: var(--ink);
            }
            section, #header, hr, .major {
                border: 0 !important;
                box-shadow: none !important;
                padding: 0 !important;
            }

            #sidebar {
                position: fixed !important;
                inset: 0 auto 0 0;
                height: 100vh !important;
                width: 18em !important;
                overflow: hidden !important;
                z-index: 10000;
                background: #fff;
                border-right: 1px solid #f2f2f2 !important;
            }
            #wrapper {
                padding-left: 18em !important;
            }

            .eyebrow {
                display: flex;
                align-items: center;
                gap: 0.55em;
                font-size: max(11px, 0.65em);
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: 4px;
                color: #656f68;
                margin-bottom: 16px;
            }
            .eyebrow::before {
                content: "";
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: var(--clay);
                flex: 0 0 auto;
            }
            .hero {
                display: block;
                padding: 3em 0 0 !important;
                margin-top: 0.6em;
                background: none;
            }
            .hero h1 {
                font-size: 4.15em;
                letter-spacing: -3px;
                line-height: 0.98;
                margin: 0.15em 0 0.35em;
                color: var(--ink);
                max-width: 900px;
            }
            .hero h1 em {
                color: var(--forest);
                font-style: normal;
            }
            .lead {
                font-size: 1.18em;
                line-height: 1.75;
                color: var(--muted);
                max-width: 680px;
            }
            .mail-card {
                display: grid;
                grid-template-columns: 180px minmax(0, 1fr) auto;
                grid-template-areas:
                    "label title action"
                    "label text action"
                    "label email action";
                column-gap: 2em;
                align-items: start;
                margin-top: 3em;
                padding: 2em 0;
                border-top: 1px solid var(--line);
                border-bottom: 1px solid var(--line);
            }
            .mail-card small {
                grid-area: label;
                font-size: max(11px, 0.65em);
                font-weight: 900;
                text-transform: uppercase;
                letter-spacing: 4px;
                color: #656f68;
                padding-top: 0.6em;
            }
            .mail-card h2 {
                grid-area: title;
                font-size: 1.75em;
                margin: 0 0 0.3em;
                color: var(--ink);
            }
            .mail-card p {
                grid-area: text;
                margin: 0;
                max-width: 560px;
                color: var(--muted);
                line-height: 1.65;
            }
            .mail-link {
                grid-area: email;
                justify-self: start;
                color: var(--forest) !important;
                text-decoration: none;
                font-size: 1.6em;
                font-weight: 700;
                margin: 0.9em 0 0;
                overflow-wrap: anywhere;
                border-bottom: 1px solid var(--clay) !important;
                transition: color 0.2s ease;
            }
            .mail-link:hover {
                color: var(--clay) !important;
            }
            .button-mail {
                grid-area: action;
                align-self: end;
                display: inline-block;
                text-decoration: none;
                border: 1px solid var(--forest) !important;
                border-radius: 99px;
                color: var(--forest) !important;
                padding: 0.75em 1.4em;
                font-size: 0.8em;
                font-weight: 700;
                transition: background 0.2s ease, color 0.2s ease;
            }
            .button-mail:hover {
                background: var(--forest);
                color: #fff !important;
            }
            .block {
                border-top: 1px solid var(--line);
                padding: 3.4em 0 !important;
            }
            .hero + .block {
                border-top: 0;
            }
            .head {
                display: grid;
                grid-template-columns: 180px minmax(0, 850px);
                gap: 2em;
                margin-bottom: 2.2em;
            }
            .head h2 {
                font-size: 2.15em;
                letter-spacing: -0.7px;
                margin: 0;
                color: var(--ink);
            }
            .head p {
                margin: 0;
                color: var(--muted);
                line-height: 1.7;
            }
            .reasons {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 2em;
            }
            .reason {
                padding: 1.2em 0 0;
                border-top: 1px solid var(--line);
            }
            .reason small {
                color: var(--clay);
                font-size: max(11px, 0.65em);
                font-weight: 900;
                letter-spacing: 2px;
            }
            .reason h3 {
                font-size: 1.15em;
                margin: 0.35em 0;
                color: var(--ink);
            }
            .reason p {
                font-size: 0.9em;
                line-height: 1.65;
                color: var(--muted);
                margin: 0;
            }
            .help {
                display: grid;
                grid-template-columns: 1fr 1fr;
                gap: 2em;
            }
            .help article {
                padding: 1.2em 0 0;
                border-top: 1px solid var(--line);
            }
            .help h3 {
                font-size: 1.18em;
                color: var(--ink);
            }
            .help p, .help li {
                color: var(--muted);
                font-size: 0.92em;
                line-height: 1.65;
            }
            .help ul {
                padding-left: 1.2em;
                margin-bottom: 0;
            }
            .privacy {
                max-width: 760px;
                margin: 0;
                color: var(--muted);
                font-size: 0.86em;
                line-height: 1.65;
            }
            .footer {
                padding: 4em 5em 2em;
                border-top: 1px solid var(--line);
                opacity: 0.4;
                text-align: right;
                box-sizing: border-box;
            }

            @media (max-width: 1280px) {
                #sidebar {
                    position: relative !important;
                    width: 100% !important;
                    height: auto !important;
                }
                #wrapper {
                    padding-left: 0 !important;
                }
            }
            @media (max-width: 760px) {

                .hero {
                    padding: 1.4em 0 0 !important;
                }
                .hero h1 {
                    font-size: 2.8em;
                    letter-spacing: -2px;
                }
                .head, .reasons, .help {
                    grid-template-columns: 1fr;
                }
                .head {
                    gap: 0.7em;
                }
                .mail-card {
                    grid-template-columns: 1fr;
                    grid-template-areas: "label" "title" "text" "email" "action";
                    row-gap: 0.4em;
                    padding: 1.6em 0;
                }
                .mail-card small {
                    padding-top: 0;
                    margin-bottom: 0.6em;
                }
                .mail-link {
                    font-size: 1.3em;
                    margin: 0.8em 0 1.2em;
                }
                .button-mail {
                    justify-self: start;
                }
            }