:root {
      --black: #11100d;
      --black-2: #17140f;
      --black-3: #211c15;
      --gold: #d5ac61;
      --gold-2: #f2d38a;
      --gold-dark: #a67b35;
      --cream: #fff8eb;
      --paper: #f7f0e4;
      --paper-2: #fbf7ef;
      --muted: #cfc2ac;
      --text: #f7efe2;
      --text-dark: #2b241c;
      --line: rgba(213, 172, 97, .28);
      --shadow: 0 22px 70px rgba(0, 0, 0, .26);
      --radius-xl: 30px;
      --radius-lg: 22px;
      --radius-md: 16px;
      --container: 1180px;
    }

    * { margin: 0; padding: 0; box-sizing: border-box; }

    html { scroll-behavior: smooth; }

    body {
      font-family: Arial, Helvetica, sans-serif;
      background: var(--black);
      color: var(--text);
      line-height: 1.65;
      overflow-x: hidden;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(circle at 12% 8%, rgba(213, 172, 97, .17), transparent 30%),
        radial-gradient(circle at 85% 14%, rgba(213, 172, 97, .10), transparent 28%),
        linear-gradient(180deg, rgba(17, 16, 13, .24), rgba(17, 16, 13, .96));
      z-index: -2;
    }

    a { color: inherit; }
    img { display: block; max-width: 100%; }

    .container {
      width: min(var(--container), calc(100% - 40px));
      margin: 0 auto;
    }

    .skip-link {
      position: absolute;
      left: -999px;
      top: 10px;
      z-index: 999;
      padding: 10px 14px;
      background: var(--gold);
      color: #15120e;
      border-radius: 10px;
      font-weight: 700;
    }

    .skip-link:focus { left: 16px; }

    .topbar {
      position: sticky;
      top: 0;
      z-index: 50;
      border-bottom: 1px solid rgba(213, 172, 97, .17);
      background: rgba(17, 16, 13, .88);
      backdrop-filter: blur(16px);
    }

    .nav {
      min-height: 116px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 28px;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      text-decoration: none;
      min-width: 0;
    }

    .brand-logo {
      width: 430px;
      height: auto;
      max-height: 84px;
      display: block;
      object-fit: contain;
      filter: drop-shadow(0 10px 24px rgba(0, 0, 0, .35));
    }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 24px;
      color: #e9ddc8;
      font-size: .95rem;
    }

    .nav-links a {
      text-decoration: none;
      transition: color .2s ease;
      white-space: nowrap;
    }

    .nav-links a:hover,
    .nav-links a:focus { color: var(--gold-2); }

    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 50px;
      padding: 14px 20px;
      border-radius: 999px;
      border: 1px solid transparent;
      text-decoration: none;
      font-weight: 700;
      line-height: 1;
      transition: transform .2s ease, box-shadow .2s ease, background .2s ease, border-color .2s ease;
      cursor: pointer;
      font-family: Arial, Helvetica, sans-serif;
    }

    .btn:hover { transform: translateY(-2px); }

    .btn-primary {
      background: linear-gradient(135deg, var(--gold-2), var(--gold));
      color: #1a1309;
      box-shadow: 0 18px 45px rgba(213, 172, 97, .24);
    }

    .btn-primary:hover { box-shadow: 0 22px 55px rgba(213, 172, 97, .32); }

    .btn-outline {
      border-color: rgba(213, 172, 97, .42);
      color: var(--gold-2);
      background: rgba(255, 255, 255, .03);
    }

    .btn-outline:hover { background: rgba(213, 172, 97, .09); }

    .icon { width: 20px; height: 20px; flex: 0 0 20px; }

    h1, h2, h3 {
      font-family: Georgia, Cambria, "Times New Roman", serif;
      line-height: 1.12;
      font-weight: 700;
    }

    h1 {
      font-size: clamp(1.82rem, 4.2vw, 3.75rem);
      letter-spacing: -.045em;
      color: #fff7e7;
      margin-bottom: 22px;
      max-width: 900px;
    }

    h2 {
      font-size: clamp(1.7rem, 3.4vw, 2.64rem);
      letter-spacing: -.03em;
      margin-bottom: 16px;
    }

    h3 { font-size: 1.06rem; }

    .hero {
      position: relative;
      padding: 78px 0 54px;
      overflow: hidden;
      background:
        linear-gradient(135deg, rgba(17, 16, 13, .94) 0%, rgba(23, 20, 15, .95) 48%, rgba(42, 34, 23, .90) 100%);
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 70% 20%, rgba(213, 172, 97, .24), transparent 27%),
        linear-gradient(90deg, transparent 0 58%, rgba(213, 172, 97, .06) 58% 59%, transparent 59% 100%);
      pointer-events: none;
    }

    .hero-grid {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
      gap: 60px;
      align-items: center;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      width: fit-content;
      padding: 8px 13px;
      border: 1px solid rgba(213, 172, 97, .32);
      border-radius: 999px;
      color: var(--gold-2);
      background: rgba(213, 172, 97, .08);
      font-size: .9rem;
      font-weight: 700;
      margin-bottom: 22px;
    }

    .eyebrow::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--gold);
      box-shadow: 0 0 0 6px rgba(213, 172, 97, .12);
    }

    .hero-subtitle {
      max-width: 720px;
      color: #e2d4bd;
      font-size: clamp(1rem, 1.35vw, 1.14rem);
      margin-bottom: 30px;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 14px;
      align-items: center;
      margin-bottom: 28px;
    }

    .hero-note {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      color: #d8cab5;
      font-size: .95rem;
      max-width: 650px;
    }

    .hero-note .icon { color: var(--gold); margin-top: 2px; }

    .hero-visual {
      position: relative;
      min-height: 640px;
      border-radius: var(--radius-xl);
      padding: 0;
      border: 1px solid rgba(213, 172, 97, .20);
      box-shadow: var(--shadow);
      overflow: hidden;
      background: #120f0b;
    }

    .hero-visual::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(180deg, rgba(8, 8, 7, .02), rgba(8, 8, 7, .07)),
        linear-gradient(90deg, rgba(8, 8, 7, .04), transparent 22%);
      pointer-events: none;
      z-index: 1;
    }

    .hero-shot {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center;
      filter: saturate(1) contrast(1.01) brightness(1.14);
    }

    .metrics {
      margin-top: 34px;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
    }

    .metric {
      padding: 18px;
      border-radius: var(--radius-md);
      border: 1px solid rgba(213, 172, 97, .20);
      background: rgba(255, 255, 255, .035);
    }

    .metric strong {
      display: block;
      color: var(--gold-2);
      font-size: 1.02rem;
      margin-bottom: 4px;
    }

    .metric span { color: #d5c7b2; font-size: .92rem; }

    section { padding: 78px 0; }

    .light-section {
      background: var(--paper);
      color: var(--text-dark);
      position: relative;
    }

    .light-section::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        radial-gradient(circle at 7% 0%, rgba(213, 172, 97, .22), transparent 25%),
        radial-gradient(circle at 95% 10%, rgba(17, 16, 13, .08), transparent 25%);
    }

    .section-header {
      position: relative;
      max-width: 780px;
      margin-bottom: 42px;
    }

    .section-header.center {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }

    .kicker {
      display: inline-block;
      margin-bottom: 12px;
      color: var(--gold-dark);
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .16em;
      font-size: .76rem;
    }

    .dark .kicker,
    .hero .kicker { color: var(--gold-2); }

    .section-header p { color: #604f3c; font-size: 1.03rem; }
    .dark .section-header p { color: #d9c9b0; }

    .commitment-grid {
      position: relative;
      display: grid;
      grid-template-columns: .98fr 1.02fr;
      gap: 46px;
      align-items: center;
    }

    .commitment-card {
      border-radius: var(--radius-xl);
      padding: 38px;
      background: rgba(255, 255, 255, .72);
      border: 1px solid rgba(166, 123, 53, .20);
      box-shadow: 0 20px 55px rgba(40, 28, 14, .08);
    }

    .commitment-card p { color: #5d4e3c; margin-bottom: 16px; }

    .feature-list { display: grid; gap: 12px; margin-top: 24px; }

    .feature-line {
      display: flex;
      gap: 12px;
      align-items: flex-start;
      color: #4d4032;
      font-weight: 700;
    }

    .check {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      display: inline-grid;
      place-items: center;
      color: #1a1309;
      background: linear-gradient(135deg, var(--gold-2), var(--gold));
      flex: 0 0 22px;
      font-size: .76rem;
      margin-top: 2px;
    }

    .numbers {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }

    .number-card {
      min-height: 162px;
      border-radius: var(--radius-lg);
      padding: 26px;
      background: #16130f;
      color: var(--text);
      border: 1px solid rgba(213, 172, 97, .24);
      box-shadow: var(--shadow);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .number-card strong {
      display: block;
      color: var(--gold-2);
      font-family: Georgia, Cambria, "Times New Roman", serif;
      font-size: 2rem;
      line-height: 1;
      margin-bottom: 12px;
    }

    .number-card span { color: #d7c7af; }


    .about-photo-panel {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .about-photo-panel--with-highlights {
      gap: 18px;
    }

    .about-photo {
      width: 100%;
      min-height: 430px;
      max-height: 560px;
      object-fit: cover;
      object-position: center;
      display: block;
      border-radius: var(--radius-xl);
      border: 1px solid rgba(166, 123, 53, .18);
      box-shadow: 0 22px 60px rgba(40, 28, 14, .14);
      background: #e8dfd1;
    }

    .about-mini-highlights {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }

    .mini-highlight {
      border-radius: 18px;
      padding: 16px 16px 15px;
      background: rgba(23, 19, 15, .96);
      border: 1px solid rgba(213, 172, 97, .18);
      box-shadow: 0 14px 36px rgba(40, 28, 14, .10);
    }

    .mini-highlight strong {
      display: block;
      color: var(--gold-2);
      font-family: Georgia, Cambria, "Times New Roman", serif;
      font-size: 1.18rem;
      line-height: 1.05;
      margin-bottom: 8px;
    }

    .mini-highlight span {
      color: #dcccb4;
      font-size: .94rem;
      line-height: 1.45;
      display: block;
    }

    .area-grid {
      position: relative;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 22px;
    }

    .area-card {
      border-radius: var(--radius-lg);
      padding: 30px;
      background: rgba(255, 255, 255, .78);
      border: 1px solid rgba(166, 123, 53, .20);
      box-shadow: 0 18px 50px rgba(40, 28, 14, .08);
      min-height: 286px;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    .area-icon,
    .why-icon,
    .step-number {
      width: 52px;
      height: 52px;
      border-radius: 16px;
      background: linear-gradient(135deg, rgba(213, 172, 97, .25), rgba(213, 172, 97, .08));
      border: 1px solid rgba(166, 123, 53, .20);
      display: grid;
      place-items: center;
      color: var(--gold-dark);
      flex: 0 0 auto;
    }

    .area-card h3 { font-size: 1.23rem; color: #2c2218; }
    .area-card p { color: #5d4e3c; }

    .dark { background: var(--black); color: var(--text); }

    .split {
      display: grid;
      grid-template-columns: .86fr 1.14fr;
      gap: 54px;
      align-items: stretch;
    }

    .panel {
      height: 100%;
      border-radius: var(--radius-xl);
      padding: 34px;
      border: 1px solid rgba(213, 172, 97, .22);
      background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025));
      box-shadow: var(--shadow);
    }

    .panel h2 { color: #fff7e8; margin-bottom: 18px; }
    .panel p { color: #dfd0ba; margin-bottom: 18px; }

    .signature {
      margin-top: 26px;
      padding-top: 24px;
      border-top: 1px solid rgba(213, 172, 97, .18);
      color: var(--gold-2);
      font-family: Georgia, Cambria, "Times New Roman", serif;
      font-size: 1.15rem;
    }

    .why-grid {
      height: 100%;
      min-height: 100%;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-auto-rows: 1fr;
      gap: 18px;
    }

    .why-card {
      min-height: 0;
      border-radius: var(--radius-lg);
      padding: 24px;
      border: 1px solid rgba(213, 172, 97, .18);
      background: rgba(255,255,255,.04);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .why-card h3 {
      margin: 14px 0 8px;
      color: #fff7e8;
      font-size: 1.05rem;
    }

    .why-card p { color: #d7c7af; font-size: .98rem; }

    .steps {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
    }

    .step-card {
      border-radius: var(--radius-lg);
      padding: 28px 24px;
      background: rgba(255, 255, 255, .78);
      border: 1px solid rgba(166, 123, 53, .18);
      box-shadow: 0 18px 45px rgba(40, 28, 14, .07);
    }

    .step-number {
      font-family: Georgia, Cambria, "Times New Roman", serif;
      font-weight: 700;
      font-size: 1.06rem;
      color: #312416;
      margin-bottom: 18px;
    }

    .step-card h3 { color: #2d2218; font-size: 1rem; margin-bottom: 9px; }
    .step-card p { color: #5d4e3d; font-size: .98rem; }

    .cta-band {
      position: relative;
      border-radius: var(--radius-xl);
      padding: 46px;
      display: grid;
      grid-template-columns: 1.1fr auto;
      gap: 22px;
      align-items: center;
      background: linear-gradient(135deg, rgba(213, 172, 97, .24), rgba(213, 172, 97, .08)), #17140f;
      border: 1px solid rgba(213, 172, 97, .26);
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .cta-band::before {
      content: "";
      position: absolute;
      width: 230px;
      height: 230px;
      border-radius: 999px;
      right: -70px;
      top: -95px;
      background: rgba(213, 172, 97, .15);
    }

    .cta-band h2 { color: #fff7e8; margin-bottom: 10px; }
    .cta-band p { color: #dccdb6; max-width: 760px; position: relative; }
    .cta-band .btn { position: relative; }

    .faq-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 44px;
      align-items: start;
    }

    .faq-intro { position: sticky; top: 126px; }
    .faq-intro .btn { margin-top: 18px; }
    .faq-list { display: grid; gap: 14px; }

    details {
      border-radius: 18px;
      border: 1px solid rgba(213, 172, 97, .22);
      background: rgba(255, 255, 255, .045);
      overflow: hidden;
    }

    summary {
      list-style: none;
      cursor: pointer;
      padding: 21px 22px;
      font-weight: 800;
      color: #fff7e8;
      display: flex;
      justify-content: space-between;
      gap: 18px;
      align-items: center;
    }

    summary::-webkit-details-marker { display: none; }
    summary::after { content: "+"; color: var(--gold-2); font-size: 1.45rem; line-height: 1; flex: 0 0 auto; }
    details[open] summary::after { content: "–"; }
    details p { padding: 0 22px 22px; color: #d7c7af; }

    .contact-section { padding-bottom: 42px; }

    .contact-card {
      display: grid;
      grid-template-columns: 1.05fr .95fr;
      gap: 28px;
      padding: 28px;
      border-radius: var(--radius-xl);
      background:
        linear-gradient(135deg, rgba(213, 172, 97, .18), rgba(255,255,255,.035) 45%),
        rgba(23, 20, 15, .86);
      border: 1px solid rgba(213, 172, 97, .25);
      box-shadow: var(--shadow);
    }

    .contact-main { padding: 22px; }
    .contact-main h2 { color: #fff7e8; }
    .contact-main p { color: #d9c9b0; margin-bottom: 24px; }

    .contact-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 24px; }
    .info-list { display: grid; gap: 14px; margin-top: 26px; }

    .info-item {
      display: flex;
      align-items: flex-start;
      gap: 0;
      color: #e7d7bf;
    }

    .info-item .icon { color: var(--gold); margin-top: 3px; }
    .info-item strong { display: block; color: #fff7e8; margin-bottom: 2px; }
    .info-item a { color: #f5d890; text-decoration: none; overflow-wrap: anywhere; }


    .info-item span,
    .info-item .info-highlight {
      color: #f5d890;
      display: block;
      overflow-wrap: anywhere;
    }

    .follow-block {
      margin-top: 18px;
    }

    .follow-title {
      color: #fff7e8;
      margin-bottom: 10px !important;
      display: inline-block;
    }

    .socials--icons {
      margin-top: 0;
      gap: 10px;
    }

    .socials--icons a {
      width: 52px;
      min-width: 52px;
      min-height: 52px;
      height: 52px;
      padding: 0;
    }

    .socials--icons svg {
      width: 20px;
      height: 20px;
      display: block;
    }

    .contact-form {
      border-radius: 24px;
      background: #0d0c0a;
      border: 1px solid rgba(213, 172, 97, .20);
      padding: 28px;
      display: grid;
      gap: 14px;
    }

    .contact-form h3 {
      font-size: 1.28rem;
      color: var(--gold-2);
      margin-bottom: 4px;
    }

    .contact-form p { color: #d7c7af; margin-bottom: 8px; }

    .field { display: grid; gap: 7px; }

    .field label { color: #efe0c6; font-size: .92rem; font-weight: 700; }

    .field input,
    .field textarea {
      width: 100%;
      border: 1px solid rgba(213, 172, 97, .22);
      background: rgba(255, 255, 255, .045);
      color: #fff8eb;
      border-radius: 14px;
      padding: 14px 14px;
      font: inherit;
      outline: none;
    }

    .field textarea { min-height: 120px; resize: vertical; }

    .field input:focus,
    .field textarea:focus { border-color: rgba(242, 211, 138, .70); box-shadow: 0 0 0 4px rgba(213, 172, 97, .08); }

    .office-meta {
      margin-top: 22px;
      padding: 18px;
      border-radius: var(--radius-md);
      border: 1px solid rgba(213, 172, 97, .18);
      color: #cfc2ac;
      font-size: .92rem;
      background: rgba(255,255,255,.028);
    }

    .socials { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }

    .socials a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 44px;
      padding: 11px 15px;
      border-radius: 999px;
      border: 1px solid rgba(213, 172, 97, .24);
      color: var(--gold-2);
      text-decoration: none;
      font-weight: 700;
      background: rgba(255,255,255,.035);
    }

    footer {
      padding: 34px 0 94px;
      border-top: 1px solid rgba(213, 172, 97, .16);
      color: #bcae98;
      background: rgba(10, 9, 8, .86);
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 22px;
      align-items: center;
      font-size: .92rem;
    }

    .footer-brand {
      display: flex;
      gap: 14px;
      align-items: center;
    }

    .footer-brand img { width: 56px; height: 56px; object-fit: contain; }
    .footer-brand strong { color: var(--gold-2); display: block; }

    .whatsapp-float {
      position: fixed;
      right: 22px;
      bottom: 22px;
      z-index: 60;
      box-shadow: 0 18px 45px rgba(0, 0, 0, .35);
      border-radius: 999px;
    }

    .whatsapp-float .btn { min-height: 58px; padding-inline: 22px; }

    @media (max-width: 1080px) {
      .nav-links { display: none; }
    }

    @media (max-width: 980px) {
      .nav { min-height: 98px; padding: 12px 0; }
      .brand-logo { width: 320px; height: auto; max-height: 72px; }
      .hero { padding-top: 58px; }
      .hero-grid,
      .commitment-grid,
      .split,
      .faq-grid,
      .contact-card,
      .cta-band { grid-template-columns: 1fr; }
      .hero-visual { min-height: auto; }
      .metrics,
      .area-grid { grid-template-columns: 1fr; }
      .numbers,
      .why-grid,
      .steps { grid-template-columns: repeat(2, 1fr); }
      .faq-intro { position: static; }
      .why-grid { height: auto; min-height: 0; grid-auto-rows: auto; }
      .why-card { min-height: 210px; }
      .footer-grid { grid-template-columns: 1fr; }
    }

    @media (max-width: 640px) {
      .container { width: min(100% - 28px, var(--container)); }
      .nav { min-height: 84px; }
      .brand-logo { width: 240px; height: auto; max-height: 56px; }
      .hero { padding-top: 42px; }
      .hero-actions,
      .contact-actions { flex-direction: column; align-items: stretch; }
      .btn { width: 100%; }
      .numbers,
      .why-grid,
      .steps { grid-template-columns: 1fr; }
      .panel,
      .contact-card,
      .contact-main,
      .contact-form,
      .commitment-card,
      .cta-band,
      .hero-visual { min-height: 420px; padding: 0; }
      section { padding: 62px 0; }
      .whatsapp-float { left: 14px; right: 14px; bottom: 14px; }
      .whatsapp-float .btn { width: 100%; }
      footer { padding-bottom: 96px; }
    }


    .anti-bot-field {
      position: absolute !important;
      left: -9999px !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
    }

    .form-note {
      color: #bda98a !important;
      font-size: .86rem;
      margin: 0;
    }

    .form-status {
      min-height: 22px;
      font-size: .94rem;
      line-height: 1.45;
      color: #d7c7af;
    }

    .form-status.is-loading {
      color: #f5d890;
    }

    .form-status.is-success {
      color: #9be7b1;
    }

    .form-status.is-error {
      color: #ffb3a7;
    }


    .why-icon .icon {
      color: var(--gold-2);
      width: 22px;
      height: 22px;
    }


    .area-icon .icon {
      color: var(--gold-dark);
      width: 22px;
      height: 22px;
    }