:root {--color-bg: #f3f2ec;--color-surface: #ffffff;--color-dark: #17181a;--color-accent: #e6ac3f;--color-accent-dark: #ad7408;--color-text: #1a1a1a;--color-text-muted: #6d6d6d;--color-text-on-dark: #f3f2ec;--color-border: #e7e4d9;--color-olive: #4a4325;--color-bg-soft: #ece8db;--font-base: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fw-black: 800;--fs-display: clamp(2.1rem, 3.6vw, 3.4rem);--fs-h2: clamp(1.5rem, 2.2vw, 2rem);--fs-h3: clamp(1.15rem, 1.4vw, 1.4rem);--fs-body: 1rem;--fs-small: 0.9rem;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--radius-pill: 999px;--section-py: 4rem;--shadow-soft: 0 20px 45px -25px rgba(20, 20, 20, 0.25);}body {font-family: var(--font-base);color: var(--color-text);background: var(--color-bg);font-weight: var(--fw-regular);}p {color: var(--color-text);}a {color: #221703;}a:hover {color: var(--color-accent);}.fw-bold {font-weight: 700;}.bg-section-light {background: var(--color-bg-soft);padding-block: 4rem;}.eyebrow-badge {display: inline-flex;align-items: center;gap: .5rem;background: var(--color-surface);border: 1px solid var(--color-border);color: var(--color-text);font-weight: var(--fw-medium);font-size: var(--fs-small);padding: .5rem 1rem;border-radius: var(--radius-pill);box-shadow: var(--shadow-soft);}.eyebrow-badge svg {width: 18px;height: 18px;flex-shrink: 0;}.heading-display {font-size: var(--fs-display);font-weight: var(--fw-black);line-height: 1.4;letter-spacing: -0.02em;color: var(--color-text);margin-bottom: 1.25rem;}.heading-display mark.highlight {background: var(--color-accent);color: var(--color-text);padding: 0em .2em;box-decoration-break: clone;-webkit-box-decoration-break: clone;}.section-heading-sm {font-size: var(--fs-h3);font-weight: var(--fw-bold);color: var(--color-text);margin-bottom: .4rem;}.btn-accent {display: inline-flex;align-items: center;gap: 1rem;background: var(--color-accent);color: var(--color-text);font-weight: var(--fw-bold);font-size: var(--fs-small);letter-spacing: .03em;text-transform: uppercase;padding: .3rem .3rem .3rem 1.5rem;border-radius: var(--radius-pill);border: none;text-decoration: none;transition: background .2s ease, transform .2s ease;cursor: pointer;}.btn-accent:hover {background: var(--color-accent-dark);color: var(--color-text);transform: translateY(-1px);}.btn-accent .icon-circle {background: var(--color-surface);width: 42px;height: 42px;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.btn-accent .icon-circle svg {width: 18px;height: 18px;}.about-section {padding-block: var(--section-py);overflow: hidden;}.about-feature-card {background: var(--color-surface);border-radius: var(--radius-lg);padding: 2rem;box-shadow: var(--shadow-soft);}.about-feature-icon {width: 64px;height: 64px;background: var(--color-accent);border-radius: 50%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.about-feature-icon svg {width: 30px;height: 30px;}.about-feature-divider {border: none;border-top: 1px solid var(--color-border);margin: 1.5rem 0;}.checklist-item {display: flex;align-items: flex-start;gap: .6rem;color: var(--color-text);font-weight: var(--fw-medium);font-size: var(--fs-small);}.checklist-item svg {width: 20px;height: 20px;flex-shrink: 0;margin-top: .15rem;}.stat-card-dark {background: var(--color-dark);color: var(--color-text-on-dark);border-radius: var(--radius-lg);overflow: hidden;position: relative;min-height: 220px;box-shadow: var(--shadow-soft);display: flex;align-items: flex-end;}.stat-card-dark .stat-content {position: relative;z-index: 2;padding: 1.75rem;}.stat-card-dark .stat-number {font-size: 2.6rem;font-weight: var(--fw-black);line-height: 1;margin-bottom: .5rem;}.stat-card-dark .stat-number .pct {color: var(--color-accent);}.stat-card-dark .stat-label {font-weight: var(--fw-bold);font-size: 1.05rem;line-height: 1.3;}.stat-card-dark .worker-silhouette {position: absolute;right: 0;bottom: 0;height: 100%;width: 60%;z-index: 1;}.stat-card-dark .worker-silhouette svg {width: 100%;height: 100%;}.stat-card-yellow {background: var(--color-accent);color: var(--color-text);border-radius: var(--radius-lg);padding: 1.75rem;min-height: 220px;position: relative;overflow: hidden;box-shadow: var(--shadow-soft);display: flex;flex-direction: column;justify-content: flex-start;}.stat-card-yellow .stat-heading {font-weight: var(--fw-black);font-size: 1.3rem;margin-bottom: .5rem;position: relative;z-index: 2;}.stat-card-yellow p {font-weight: var(--fw-medium);font-size: var(--fs-small);position: relative;z-index: 2;margin-bottom: 0;}.stat-card-yellow .map-dots {position: absolute;bottom: -10px;right: -10px;width: 75%;opacity: .55;z-index: 1;}.deco-ring {position: absolute;width: 70px;height: 70px;border: 6px solid var(--color-accent);border-radius: 50%;right: -35px;top: 40%;}.back-to-top {position: fixed;right: 1.5rem;bottom: 1.5rem;width: 46px;height: 46px;background: var(--color-accent);border-radius: var(--radius-sm);display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow-soft);z-index: 50;text-decoration: none;}.back-to-top svg {width: 18px;height: 18px;color: var(--color-text);}@media (max-width: 991.98px) {.about-section {padding-block: 3.5rem;}.deco-ring {display: none;}}.approach-section {background: var(--color-dark);color: var(--color-text-on-dark);padding-block: var(--section-py);}.eyebrow-badge--dark {background: transparent;border: 1px solid rgba(243, 242, 236, 0.25);color: var(--color-text-on-dark);box-shadow: none;}.approach-heading {font-size: var(--fs-display);font-weight: var(--fw-black);line-height: 1.15;letter-spacing: -0.02em;color: var(--color-text-on-dark);}.approach-heading mark.highlight {background: var(--color-accent);color: var(--color-text);padding: .05em .25em;box-decoration-break: clone;-webkit-box-decoration-break: clone;}.signature-text {font-family: "Brush Script MT", "Segoe Script", "Lucida Handwriting", cursive;font-size: 2.3rem;color: var(--color-text-on-dark);line-height: 1;}.approach-name {font-weight: var(--fw-bold);font-size: 1.15rem;color: var(--color-text-on-dark);margin-bottom: .15rem;}.approach-role {color: rgba(243, 242, 236, 0.6);font-size: var(--fs-small);}.approach-copy {color: rgba(243, 242, 236, 0.75);line-height: 1.7;font-size: var(--fs-body);}.info-card {border-radius: var(--radius-lg);padding: 2rem;height: 100%;min-height: 210px;}.info-card-olive {background: var(--color-olive);color: var(--color-text-on-dark);}.info-card-outline {background: transparent;border: 1px solid rgba(243, 242, 236, 0.2);color: var(--color-text-on-dark);}.info-card h3 {font-size: 1.2rem;font-weight: var(--fw-bold);margin-bottom: .6rem;}.info-card p {color: rgba(243, 242, 236, 0.75);font-size: var(--fs-small);line-height: 1.6;margin-bottom: 0;}.approach-media {position: relative;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-soft);}.quote-overlay {position: absolute;left: 1.75rem;right: 1.75rem;bottom: 1.75rem;background: var(--color-accent);color: var(--color-text);border-radius: var(--radius-md);padding: 1.5rem 1.75rem;font-weight: var(--fw-bold);font-size: 1.15rem;line-height: 1.4;}.display-4 {font-size: 3.5rem;}.quote-mark {position: absolute;right: 1.5rem;bottom: -0.4rem;font-size: 6rem;line-height: 1;color: rgba(23, 24, 26, 0.15);font-weight: var(--fw-black);font-family: Georgia, serif;pointer-events: none;}@media (max-width: 991.98px) {.approach-media {min-height: 380px;}}.hero-section {position: relative;display: flex;align-items: center;color: var(--color-text-on-dark);overflow: hidden;border-radius: 0 0 50% 50%/0 0 15% 15%;background: radial-gradient(at right bottom, #121213, #84592d);}.hero-section::after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(10, 10, 10, 0.82) 0%, rgba(10, 10, 10, 0.55) 55%, rgba(10, 10, 10, 0.3) 100%);z-index: 1;}.img-area {background: url(../../qjf-resources/media/hero-image.webp) left bottom /38% no-repeat;}.hero-section::before {content: "";position: absolute;inset: 0;background: url("../../qjf-resources/media/hero-bg.webp") center center / cover no-repeat;opacity: .2;z-index: 0;pointer-events: none;}@media (max-width:992px) {.img-area {background: none;}.hero-section::before {background: none;}.display-4 {font-size: 3rem !important;}}.hero>* {position: relative;z-index: 1;}.hero-section .container {position: relative;z-index: 2;}.hero-badge {display: inline-flex;align-items: center;gap: .5rem;background: rgba(74, 67, 37, 0.55);border: 1px solid rgba(230, 172, 63, 0.4);color: var(--color-text-on-dark);font-weight: var(--fw-medium);font-size: var(--fs-small);padding: .55rem 1.1rem;border-radius: var(--radius-sm);}.hero-badge svg {width: 18px;height: 18px;}.hero-heading {font-size: clamp(2.3rem, 4.6vw, 3.3rem);font-weight: var(--fw-black);line-height: 1.4;letter-spacing: -0.02em;color: var(--color-text-on-dark);}.hero-heading mark.highlight {background: var(--color-accent);color: var(--color-text);padding: 0em .2em;box-decoration-break: clone;-webkit-box-decoration-break: clone;}.hero-copy {color: rgba(243, 242, 236, 0.85);font-size: 1.1rem;line-height: 1.6;max-width: 820px;}.btn-outline-hero {display: inline-flex;align-items: center;gap: 1rem;background: var(--color-surface);color: var(--color-text);font-weight: var(--fw-bold);font-size: var(--fs-small);letter-spacing: .03em;text-transform: uppercase;padding: .3rem .3rem .3rem 1.5rem;border-radius: var(--radius-pill);border: none;text-decoration: none;transition: background .2s ease, transform .2s ease;}.btn-outline-hero:hover {color: var(--color-text);transform: translateY(-1px);}.btn-outline-hero .icon-circle {background: var(--color-accent);}.header {position: fixed;z-index: 1000;background: var(--color-surface);width: 100%;top: 0;left: 0;}.header .header-inner::after {content: "";display: block;clear: both;}.header .qjf-logo p {font-family: var(--font-base);font-weight: var(--fw-black);color: var(--color-text);letter-spacing: -0.01em;}.header a.qjf-logo, .header li a {text-decoration: none;color: var(--color-text);display: block;font-family: var(--font-base);}.header li a.active {background: var(--color-accent);color: #000;border-radius: 30px;}.header li a:hover.active {background: var(--color-text);color: var(--color-accent) !important;border-radius: 30px;}.header ul.menu {margin: 0 0;padding: 0;list-style: none;overflow: hidden;}.header li a {padding: 12px 20px;text-transform: uppercase;letter-spacing: .03em;font-weight: 600;}.header .qjf-menu-btn:hover, .header li:hover a {color: var(--color-accent) !important;}.header a.qjf-logo {float: left;font-size: 1.4rem;padding: 6px 20px;}.header a:hover.qjf-logo {color: var(--color-text);}.header .menu {clear: both;max-height: 0;transition: max-height .2s ease-out;}.header .qjf-menu-icon {cursor: pointer;display: inline-block;float: right;padding: 28px 20px;position: relative;user-select: none;}.header .qjf-menu-icon .navicon {background: var(--color-accent);display: block;height: 2px;position: relative;transition: background .2s ease-out;width: 18px;}.header .qjf-menu-icon .navicon:after, .header .qjf-menu-icon .navicon:before {background: var(--color-accent);content: "";display: block;height: 100%;position: absolute;transition: .2s ease-out;width: 100%;}.header .qjf-menu-icon .navicon:before {top: 5px;}.header .qjf-menu-icon .navicon:after {top: -5px;}.header .qjf-menu-btn {display: none;}.header .qjf-menu-btn:checked~.menu {max-height: 260px;padding-bottom: 20px;}.header .qjf-menu-btn:checked~.qjf-menu-icon .navicon {background: transparent;}.header .qjf-menu-btn:checked~.qjf-menu-icon .navicon:before {transform: rotate(-45deg);}.header .qjf-menu-btn:checked~.qjf-menu-icon .navicon:after {transform: rotate(45deg);}.header .qjf-menu-btn:checked~.qjf-menu-icon:not(.steps) .navicon:after, .header .qjf-menu-btn:checked~.qjf-menu-icon:not(.steps) .navicon:before {top: 0;}.hero-section {margin-top: 68px;}@media (min-width: 992px) {.header li {float: left;}.header li a {padding: 12px 30px;}.header .menu {clear: none;float: right;max-height: none;}.header .qjf-menu-icon {display: none;}}.footer {background: var(--color-dark) !important;padding-block: 1rem;}.footer a {color: rgba(243, 242, 236, 0.75);text-decoration: none;font-size: var(--fs-small);font-weight: var(--fw-medium);transition: color .2s ease;}.footer a:hover {color: var(--color-accent);}.footer p {color: rgba(243, 242, 236, 0.6);font-size: var(--fs-small);}.rounded-20 {border-radius: var(--radius-lg) !important;}.company-card {background: var(--color-surface);border: 1px solid var(--color-border);transition: box-shadow .2s ease, transform .2s ease;text-decoration: none;}.company-card:hover {box-shadow: var(--shadow-soft);transform: translateY(-2px);}.company-card p.company-name {color: var(--color-text);font-weight: var(--fw-bold);}.company-card p.view-link {background: var(--color-accent);color: var(--color-text);border-radius: 30px;padding: 5px 20px;margin-top: 10px;}.theme-btn {display: inline-block;background: var(--color-accent);color: var(--color-text);font-weight: var(--fw-bold);font-size: var(--fs-small);letter-spacing: .03em;text-transform: uppercase;padding: .8rem 2rem;border-radius: var(--radius-pill);border: none;text-decoration: none;transition: background .2s ease, transform .2s ease;}.theme-btn:hover {background: var(--color-accent-dark);color: var(--color-text);transform: translateY(-1px);}.page-title-section {position: relative;overflow: hidden;color: var(--color-text-on-dark);background: radial-gradient(at right bottom, #121213, #84592d);padding: 3.5rem 0rem 2rem 0rem;margin-top: 68px;text-align: center;}.page-title-section::after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(10, 10, 10, 0.82) 0%, rgba(10, 10, 10, 0.55) 55%, rgba(10, 10, 10, 0.3) 100%);z-index: 0;}.page-title-section .container {position: relative;z-index: 1;}.page-title-heading {font-size: clamp(2rem, 3.6vw, 2.8rem);font-weight: var(--fw-black);letter-spacing: -0.02em;margin-bottom: .75rem;}.feature-grid-section {padding-block: var(--section-py);}.feature-grid-card {background: var(--color-surface);border-radius: var(--radius-lg);padding: 2rem;height: 100%;box-shadow: var(--shadow-soft);}.feature-grid-icon {width: 56px;height: 56px;background: var(--color-accent);border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 1.25rem;}.feature-grid-icon svg {width: 26px;height: 26px;}.feature-grid-card h3 {font-size: 1.1rem;font-weight: var(--fw-bold);color: var(--color-text);margin-bottom: .5rem;}.feature-grid-card p {color: var(--color-text-muted);font-size: var(--fs-small);line-height: 1.65;margin-bottom: 0;}.advantage-pill {background: var(--color-bg-soft);border-radius: var(--radius-md);padding: 1.1rem 1.5rem;display: flex;align-items: center;gap: 1rem;height: 100%;}.advantage-pill-icon {width: 52px;height: 52px;border-radius: 50%;background: var(--color-accent);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.advantage-pill-icon svg {width: 26px;height: 26px;}.advantage-pill h3 {font-size: 1.05rem;font-weight: var(--fw-bold);color: var(--color-text);margin-bottom: 0;line-height: 1.3;}.advantage-note {background: var(--color-bg-soft);border-radius: var(--radius-md);padding: 1.25rem 1.5rem;display: flex;align-items: flex-start;gap: .6rem;font-size: var(--fs-small);color: var(--color-text);font-weight: var(--fw-medium);}.advantage-note svg {width: 18px;height: 18px;flex-shrink: 0;margin-top: .15rem;}.advantage-photo-wrap {position: relative;z-index: 3;margin-bottom: -70px;display: flex;justify-content: center;}.advantage-photo-wrap::before {content: "";position: absolute;width: 280px;height: 280px;border-radius: 50%;background: radial-gradient(circle, rgba(230, 172, 63, 0.35) 0%, rgba(230, 172, 63, 0) 72%);top: 10%;z-index: 0;}.advantage-photo-wrap img {position: relative;z-index: 1;width: auto;object-fit: contain;}.advantages-stat-bar {background: var(--color-dark);border-radius: var(--radius-lg);padding: 2.5rem 0;position: relative;z-index: 1;overflow: hidden;}.advantages-stat {padding: 1.5rem 2.5rem;color: var(--color-text-on-dark);}.advantages-stat .stat-number-lg {font-size: 2.4rem;font-weight: var(--fw-black);line-height: 1;margin-bottom: .4rem;}.advantages-stat .stat-number-lg .pct {color: var(--color-accent);}.advantages-stat .stat-label-lg {font-weight: var(--fw-bold);font-size: 1.05rem;margin-bottom: .75rem;}.advantages-stat p {color: rgba(243, 242, 236, 0.65);font-size: var(--fs-small);line-height: 1.6;margin-bottom: 0;max-width: 260px;}.text-lg-end .advantages-stat p {margin-left: auto;}@media (max-width: 991.98px) {.advantage-photo-wrap {margin-bottom: 1.5rem;}.advantages-stat-bar {padding-top: 2.5rem;}}.contact-section {padding-block: var(--section-py);}.contact-info-panel {background: var(--color-accent);border-radius: var(--radius-lg);padding: 1.5rem;height: 100%;}.contact-info-panel h3 {font-size: 1.4rem;font-weight: var(--fw-black);color: var(--color-text);margin-bottom: .5rem;}.contact-info-panel>p {color: rgba(23, 24, 26, 0.75);font-size: var(--fs-body);line-height: 1.5;margin-bottom: 1.5rem;max-width: 320px;}.contact-info-box {background: var(--color-dark);border-radius: var(--radius-md);padding: 1.1rem 1.5rem;display: flex;align-items: center;gap: 1rem;margin-bottom: 1.5rem;}.contact-info-box .contact-info-icon {width: 48px;height: 48px;border-radius: 50%;background: var(--color-accent);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.contact-info-box .contact-info-icon svg {width: 22px;height: 22px;}.contact-info-box .contact-info-label {color: rgba(243, 242, 236, 0.7);font-size: var(--fs-small);font-weight: var(--fw-medium);margin-bottom: .15rem;}.contact-info-box .contact-info-value {color: var(--color-text-on-dark);font-weight: var(--fw-bold);font-size: 1.05rem;word-break: break-word;}.contact-form-panel {background: var(--color-bg-soft);border-radius: var(--radius-lg);padding: 2.5rem;height: 100%;}.contact-form-panel .heading-display {margin-bottom: 1rem;}.contact-form-panel .contact-form-copy {line-height: 1.7;max-width: 640px;}.form-control, .form-select {width: 100%;border: 1px solid var(--color-border);border-radius: var(--radius-pill);padding: .9rem 2rem;font-family: var(--font-base);font-size: var(--fs-body);color: var(--color-text);transition: border-color .2s ease, box-shadow .2s ease;}.form-control::placeholder {color: var(--color-text-muted);}.form-control:focus {outline: none;border-color: var(--color-accent);box-shadow: 0 0 0 3px rgba(230, 172, 63, 0.25);}textarea.form-control {border-radius: var(--radius-md);resize: vertical;min-height: 150px;}@media (max-width: 991.98px) {.contact-form-panel {padding: 1.75rem;}}.job-card-eh {display: flex;flex-direction: column;height: 100% !important;}.heading-eh {flex: 1;display: flex;line-height: 24px;}.description-lp {all: initial !important;font-family: var(--bs-font-sans-serif) !important;}.description-lp li, .description-lp p, .description-lp ul {padding: revert !important;margin: revert !important;font-size: 16px;list-style: revert !important;}.inner-bg {position: relative;overflow: hidden;color: var(--color-text-on-dark);background: radial-gradient(at right bottom, #121213, #84592d);margin-top: 68px;}.inner-bg::after {content: "";position: absolute;inset: 0;background: linear-gradient(90deg, rgba(10, 10, 10, 0.82) 0%, rgba(10, 10, 10, 0.55) 55%, rgba(10, 10, 10, 0.3) 100%);z-index: 0;}.inner-bg .container {position: relative;z-index: 1;}.text-theme {color: var(--color-accent-dark);font-weight: var(--fw-bold);}.box-bg {background: var(--color-surface);}.j-tags {display: inline-block;background: var(--color-bg-soft);color: var(--color-text);font-weight: var(--fw-medium);font-size: var(--fs-small);padding: .5rem 1.1rem;border-radius: var(--radius-pill);margin: 0 .4rem .5rem 0;text-decoration: none;transition: background .2s ease, color .2s ease;}.j-tags:hover {background: var(--color-accent);color: var(--color-text);}.bg-dark {background-color: var(--color-dark) !important;}label.error {color: red;font-size: 1rem;display: block;margin-bottom: 8px;text-align: start;}label.error.fail-alert {border: 2px solid red;border-radius: 4px;line-height: 1;padding: 2px 0 6px 6px;background: #ffe6eb;}input.valid.success-alert {border: 2px solid #4caf50;color: green;padding-top: 10px;padding-bottom: 10px;}input.error, textarea.error {border: 1px solid red !important;font-weight: 300;color: red;}.alert {border: 1px solid #0A3622;border-radius: 6px;background: #d1e7dd;padding: 10px;}.alert-success {color: #0a3622;}