:root {
  --bg: #0f1214;
  --panel: #0b0e10;
  --panel-strong: rgba(255,255,255,0.07);
  --text: #ffffff;
  --muted: #cfd6db;
  --sage: #9bbf98;
  --rust: #d9643e;
  --glass: rgba(255,255,255,0.05);
  --radius: 16px;
  --max-width: 1224px;
  --space: 24px;
}
* {box-sizing: border-box;}
html {scroll-behavior: smooth;overflow-x: hidden;}
body {
  margin: 0;
  min-height: 100%;
  overflow-x: hidden;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background: radial-gradient(circle at top, rgba(155,191,152,0.08), transparent 26%),
    linear-gradient(180deg, var(--bg) 0%, #060708 100%);
  line-height: 1.6;
}
img {display: block;max-width: 100%;height: auto;}
a {color: inherit;text-decoration: none;}
button {font: inherit;}
button:focus-visible, a:focus-visible {outline: 2px solid var(--sage);outline-offset: 2px;}
.container {width: min(100% - 48px, var(--max-width));margin: 0 auto;}
.site-header {position: sticky;top: 0;backdrop-filter: blur(16px);background: rgba(15,18,20,0.96);border-bottom: 1px solid rgba(255,255,255,0.05);z-index: 20;}
.header-inner {display: flex;align-items: center;justify-content: space-between;gap: 20px;min-height: 88px;padding: 16px 0;}
.brand {display: flex;align-items: center;gap: 14px;}
.brand-logo {width: 96px;height: auto;flex: 0 0 auto;}
.menu-toggle {display: none;width: 44px;height: 44px;padding: 8px;border: 1px solid rgba(255,255,255,0.12);border-radius: 10px;background: transparent;color: var(--text);cursor: pointer;}
.menu-toggle span {display: block;height: 2px;margin: 5px 0;background: currentColor;}
.brand-copy {display: grid;gap: 2px;}
.brand-name {font-weight: 700;font-size: 1rem;letter-spacing: 0.08em;text-transform: uppercase;}
.brand-tag {font-size: 0.8rem;color: var(--muted);letter-spacing: 0.04em;}
.site-nav {display: flex;align-items: center;flex-wrap: nowrap;gap: 14px;min-width: 0;overflow-x: auto;scrollbar-width: none;}
.site-nav::-webkit-scrollbar {display: none;}
.nav-link {padding: 8px 10px;border-radius: 10px;color: rgba(255,255,255,0.72);transition: background 0.25s ease, color 0.25s ease;}
.nav-link:hover, .nav-link.active {color: var(--sage);background: rgba(155,191,152,0.08);}
.hero {padding: 64px 0 40px;}
.hero-grid {display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 36px;align-items: start;}
.eyebrow {display: inline-block;margin-bottom: 18px;font-size: 0.9rem;font-weight: 700;letter-spacing: 0.2em;text-transform: uppercase;color: var(--sage);}
.hero-copy h1 {font-family: "Playfair Display", Georgia, serif;font-size: clamp(2.8rem, 4vw, 4.4rem);line-height: 0.99;margin: 0 0 24px;max-width: 12ch;}
.hero-copy p {max-width: 58ch;color: var(--muted);font-size: 1.05rem;margin: 0 0 30px;}
.hero-actions {display: flex;flex-wrap: wrap;gap: 14px;}
.button {display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 14px 22px;border-radius: 999px;font-weight: 700;letter-spacing: 0.01em;cursor: pointer;border: 1px solid rgba(255,255,255,0.08);transition: transform 0.25s ease, background 0.25s ease, color 0.25s ease;}
.button:hover {transform: translateY(-2px);}
.button-primary {background: linear-gradient(180deg, var(--sage), #8cbf8b);color: #09110a;border: none;box-shadow: 0 20px 40px rgba(13,18,12,0.18);}
.button-outline {background: transparent;color: var(--text);border-color: rgba(255,255,255,0.12);}
.hero-kpis {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 16px;margin-top: 36px;}
.kpi-card {padding: 18px;border-radius: 18px;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.05);}
.kpi-value {display: block;font-size: 1.45rem;font-weight: 700;letter-spacing: -0.04em;}
.kpi-label {display: block;color: var(--muted);font-size: 0.92rem;margin-top: 8px;}
.hero-panel {padding: 32px;border-radius: 28px;background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));border: 1px solid rgba(255,255,255,0.06);box-shadow: inset 0 0 0 1px rgba(255,255,255,0.02);}
.hero-panel h2 {font-family: "Playfair Display", Georgia, serif;font-size: 1.5rem;margin: 0 0 18px;}
.hero-panel p {color: var(--muted);margin: 0 0 20px;line-height: 1.75;}
.hero-list {list-style: none;padding: 0;margin: 0;display: grid;gap: 10px;}
.hero-list li {position: relative;padding-left: 22px;color: var(--muted);}
.hero-list li::before {content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--sage);
}
.section {padding: 64px 0;}
.section-panel {background: rgba(255,255,255,0.02);border-top: 1px solid rgba(255,255,255,0.05);border-bottom: 1px solid rgba(255,255,255,0.05);}
.section-heading {display: grid;gap: 10px;max-width: 760px;margin-bottom: 32px;}
.section-label {display: inline-block;font-size: 0.85rem;font-weight: 700;letter-spacing: 0.2em;text-transform: uppercase;color: var(--sage);}
.section-heading h2 {font-family: "Playfair Display", Georgia, serif;font-size: clamp(2rem, 3vw, 2.85rem);margin: 0;line-height: 1.05;}
.service-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 20px;}
.service-card {padding: 28px;border-radius: 22px;background: rgba(255,255,255,0.02);border: 1px solid rgba(255,255,255,0.05);transition: transform 0.28s ease, box-shadow 0.28s ease;}
.service-card:hover {transform: translateY(-5px);box-shadow: 0 18px 40px rgba(0,0,0,0.18);}
.service-card h3 {margin: 0 0 14px;font-family: "Playfair Display", Georgia, serif;font-size: 1.25rem;}
.service-card p {margin: 0 0 18px;color: var(--muted);line-height: 1.7;}
.service-link {font-weight: 700;color: var(--sage);font-size: 0.95rem;}
.steps-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;}
.step-card {padding: 26px;border-radius: 20px;background: rgba(255,255,255,0.03);border: 1px solid rgba(255,255,255,0.05);}
.step-index {display: inline-flex;align-items: center;justify-content: center;width: 38px;height: 38px;border-radius: 50%;background: rgba(155,191,152,0.12);color: var(--sage);font-weight: 700;margin-bottom: 18px;}
.step-card h3 {margin: 0 0 10px;font-family: "Playfair Display", Georgia, serif;font-size: 1.1rem;}
.step-card p {margin: 0;color: var(--muted);line-height: 1.75;font-size: 0.975rem;}
.section-action {margin-top: 30px;}
.victory-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 18px;}
.victory-card {padding: 24px;border-radius: 22px;background: rgba(255,255,255,0.02);border: 1px solid rgba(255,255,255,0.05);}
.victory-tag {display: inline-flex;padding: 8px 12px;border-radius: 999px;font-size: 0.78rem;font-weight: 700;color: var(--muted);background: rgba(255,255,255,0.04);margin-bottom: 18px;}
.victory-card h3 {margin: 0 0 18px;font-family: "Playfair Display", Georgia, serif;font-size: 1.2rem;line-height: 1.2;}
.victory-tabs {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 12px;}
.victory-tabs span {padding: 14px 12px;border-radius: 16px;background: rgba(255,255,255,0.03);font-size: 0.92rem;font-weight: 700;}
.insight-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;}
.insight-card {padding: 0;border-radius: 20px;background: rgba(255,255,255,0.03);overflow: hidden;border: 1px solid rgba(255,255,255,0.05);}
.insight-card img {width: 100%;height: 200px;object-fit: cover;}
.insight-card-content {padding: 20px;}
.insight-card h3 {margin: 0 0 12px;font-family: "Playfair Display", Georgia, serif;font-size: 1.1rem;}
.insight-card p {margin: 0;color: var(--muted);line-height: 1.7;font-size: 0.97rem;}
.testimonial-grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 18px;}
.testimonial-card {padding: 26px;border-radius: 22px;background: rgba(255,255,255,0.02);border: 1px solid rgba(255,255,255,0.05);}
.testimonial-card strong {display: block;font-size: 0.95rem;margin-bottom: 14px;}
.testimonial-card p {margin: 0;color: var(--muted);line-height: 1.8;}
.about-panel {padding: 32px;border-radius: 28px;background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.01));border: 1px solid rgba(255,255,255,0.06);}
.about-panel p {margin: 0;color: var(--muted);line-height: 1.85;font-size: 1rem;}
.final-cta {background: rgba(255,255,255,0.03);border-top: 1px solid rgba(255,255,255,0.05);border-bottom: 1px solid rgba(255,255,255,0.05);}
.final-cta-grid {display: grid;grid-template-columns: 1.5fr 1fr;gap: 22px;align-items: center;}
.final-cta h2 {margin: 8px 0 16px;font-family: "Playfair Display", Georgia, serif;font-size: clamp(2rem, 3vw, 2.75rem);line-height: 1.05;}
.final-cta p {margin: 0;color: var(--muted);max-width: 42ch;line-height: 1.8;}
.footer-inner {display: flex;align-items: center;justify-content: space-between;gap: 16px;padding: 26px 0;color: rgba(255,255,255,0.68);border-top: 1px solid rgba(255,255,255,0.05);}
.footer-note {font-size: 0.95rem;}
.modal {position: fixed;inset: 0;display: none;align-items: center;justify-content: center;background: rgba(4,5,7,0.8);padding: 24px;z-index: 40;}
.modal.show {display: flex;}
.modal-card {position: relative;width: min(100%, 540px);padding: 32px;border-radius: 24px;background: #0d1113;border: 1px solid rgba(255,255,255,0.08);box-shadow: 0 24px 60px rgba(0,0,0,0.6);}
.modal-close {position: absolute;top: 18px;right: 18px;border: none;background: transparent;color: var(--muted);font-size: 1.4rem;cursor: pointer;}
.modal-card h3 {margin: 0 0 20px;font-family: "Playfair Display", Georgia, serif;font-size: 1.75rem;}
.modal-card label {display: block;margin-bottom: 8px;font-size: 0.9rem;color: var(--muted);}
.modal-card input,
.modal-card textarea {width: 100%;padding: 14px 16px;border-radius: 16px;border: 1px solid rgba(255,255,255,0.08);background: rgba(255,255,255,0.04);color: var(--text);margin-bottom: 18px;}
.modal-card textarea {min-height: 140px;resize: vertical;}
.form-actions {display: flex;flex-wrap: wrap;gap: 12px;align-items: center;}
.form-note {margin-top: 14px;color: var(--muted);font-size: 0.92rem;}
@media (max-width: 1100px) {
  .hero-grid {grid-template-columns: 1fr;}
  .victory-grid, .insight-grid, .testimonial-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .final-cta-grid {grid-template-columns: 1fr;}
  .menu-toggle {display: block;}
  .site-nav {position: absolute;top: 100%;left: 0;right: 0;display: none;flex-direction: column;align-items: stretch;gap: 4px;padding: 14px 24px 18px;background: rgba(15,18,20,0.98);border-bottom: 1px solid rgba(255,255,255,0.08);}
  .site-nav.is-open {display: flex;}
  .site-nav .nav-link, .site-nav .nav-cta {text-align: left;}
}
@media (max-width: 760px) {
  .header-inner {min-height: 76px;padding: 12px 0;}
  .brand-logo {width: 82px;}
  .site-nav {max-width: none;}
  .nav-link {font-size: 0.92rem;}
  .nav-cta {padding: 10px 14px;font-size: 0.92rem;}
  .service-grid, .steps-grid, .victory-grid, .insight-grid, .testimonial-grid {grid-template-columns: 1fr;}
  .hero-kpis {grid-template-columns: 1fr 1fr;}
  .container {width: min(100% - 32px, var(--max-width));}
  .section {padding: 48px 0;}
  .modal {padding: 12px;}
  .modal-card {padding: 24px 20px;}
}
@media (max-width: 520px) {
  .hero-kpis {grid-template-columns: 1fr;}
  .hero-copy h1 {font-size: 2.7rem;}
  .nav-link {padding: 8px 8px;}
}