:root{
      --bg:#f6f1e8;
      --paper:#fbf8f2;
      --ink:#1f231f;
      --soft-ink:#596158;
      --line:rgba(31,35,31,.12);
      --green:#4f6658;
      --green-deep:#3f5347;
      --gold:#b89661;
      --mist:#ebe3d6;
      --white:#ffffff;
      --max:1180px;
      --radius:28px;
      --shadow:0 24px 60px rgba(31,35,31,.07);
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      background:
        radial-gradient(circle at top left, rgba(184,150,97,.10), transparent 28%),
        radial-gradient(circle at 85% 12%, rgba(79,102,88,.08), transparent 22%),
        var(--bg);
      color:var(--ink);
      font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      line-height:1.7;
    }

    a{color:inherit;text-decoration:none}
    .container{width:min(var(--max), calc(100% - 34px)); margin:0 auto}

    .site-header{padding:22px 0}
    .header-inner{
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:20px;
    }

    .brand{
      display:flex;
      flex-direction:column;
      gap:4px;
    }

    .brand-name{
      font-family: Georgia, "Times New Roman", serif;
      font-size:1.5rem;
      letter-spacing:-.02em;
    }

    .brand-sub{
      font-size:.75rem;
      letter-spacing:.16em;
      text-transform:uppercase;
      color:var(--gold);
      font-weight:700;
    }

    .nav{
      display:flex;
      align-items:center;
      gap:24px;
      flex-wrap:wrap;
      justify-content:flex-end;
    }

    .nav a{
      font-size:.96rem;
      color:var(--soft-ink);
      font-weight:600;
    }

    .nav a:hover{color:var(--ink)}

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:54px;
      padding:0 22px;
      border-radius:999px;
      font-weight:700;
      transition:.2s ease;
      border:1px solid transparent;
      white-space:nowrap;
    }

    .btn-primary{
      background:var(--green);
      color:#fff !important;
      box-shadow:var(--shadow);
    }

    .btn-primary:hover{
      background:var(--green-deep);
      transform:translateY(-1px);
    }

    .btn-secondary{
      border-color:var(--line);
      color:var(--green-deep);
      background:rgba(255,255,255,.55);
      backdrop-filter:blur(8px);
    }

    .btn-secondary:hover{
      background:rgba(255,255,255,.85);
    }

    .eyebrow{
      display:inline-block;
      margin-bottom:18px;
      color:var(--gold);
      font-size:.78rem;
      letter-spacing:.16em;
      text-transform:uppercase;
      font-weight:700;
    }

    h1,h2,h3{
      font-family: Georgia, "Times New Roman", serif;
      line-height:1.08;
      margin:0 0 18px;
      letter-spacing:-.03em;
      font-weight:500;
    }

    h1{font-size:clamp(3rem, 8vw, 6.2rem); max-width:10ch}
    h2{font-size:clamp(2rem, 4vw, 3.4rem); max-width:12ch}
    h3{font-size:1.35rem}

    p{
      margin:0 0 18px;
      color:var(--soft-ink);
      font-size:1.05rem;
    }

    .hero{padding:26px 0 72px}
    .hero-wrap{
      display:grid;
      grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
      gap:36px;
      align-items:end;
    }

    .hero-copy{padding:42px 0 0}
    .hero-copy .intro{
      max-width:760px;
      font-size:1.18rem;
      color:#485048;
    }

    .hero-actions{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin-top:30px;
      margin-bottom:20px;
    }

    .hero-note{
      max-width:620px;
      font-size:.97rem;
    }

    .hero-panel{
      position:relative;
      background:linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.55));
      border:1px solid rgba(31,35,31,.08);
      border-radius:36px;
      padding:34px 30px;
      box-shadow:var(--shadow);
      backdrop-filter:blur(12px);
      overflow:hidden;
      min-height:520px;
      display:flex;
      flex-direction:column;
      justify-content:space-between;
    }

    .hero-panel:before{
      content:"";
      position:absolute;
      width:280px;
      height:280px;
      background:radial-gradient(circle, rgba(184,150,97,.16), transparent 64%);
      top:-60px;
      right:-80px;
      pointer-events:none;
    }

    .panel-kicker{
      color:var(--gold);
      text-transform:uppercase;
      letter-spacing:.14em;
      font-size:.75rem;
      font-weight:700;
      margin-bottom:12px;
    }

    .panel-lines{
      border-top:1px solid rgba(31,35,31,.08);
      margin-top:20px;
      padding-top:20px;
      display:grid;
      gap:18px;
    }

    .panel-item strong{
      display:block;
      margin-bottom:6px;
      font-size:1rem;
      color:var(--ink);
    }

    .section{padding:78px 0}
    .section-tight{padding:56px 0}

    .split{
      display:grid;
      grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
      gap:46px;
      align-items:start;
    }

    .narrative{display:grid; gap:22px}

    .narrative-block{
      padding:0 0 22px;
      border-bottom:1px solid var(--line);
    }

    .narrative-block:last-child{
      border-bottom:none;
      padding-bottom:0;
    }

    .soft-band{
      background:linear-gradient(180deg, rgba(255,255,255,.56), rgba(255,255,255,.35));
      border-top:1px solid rgba(31,35,31,.06);
      border-bottom:1px solid rgba(31,35,31,.06);
    }

    .benefit-layout{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:28px 40px;
      margin-top:14px;
    }

    .benefit{
      padding-top:16px;
      border-top:1px solid var(--line);
    }

    .benefit p{margin-bottom:0}

    .condition-stack{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:28px;
      align-items:start;
    }

    .feature-article{
      background:rgba(255,255,255,.6);
      border:1px solid rgba(31,35,31,.08);
      border-radius:34px;
      padding:34px;
      box-shadow:var(--shadow);
    }

    .condition-list{
      display:grid;
      gap:18px;
    }

    .condition-item{
      padding:20px 0;
      border-bottom:1px solid var(--line);
    }

    .condition-item:first-child{padding-top:0}
    .condition-item:last-child{
      border-bottom:none;
      padding-bottom:0;
    }

    .flow-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0,1fr));
      gap:22px;
      margin-top:24px;
    }

    .flow-step{
      padding:26px 24px;
      background:rgba(255,255,255,.68);
      border:1px solid rgba(31,35,31,.08);
      border-radius:26px;
    }

    .step-num{
      font-size:.82rem;
      text-transform:uppercase;
      letter-spacing:.14em;
      color:var(--gold);
      font-weight:700;
      margin-bottom:10px;
    }

    .doctor-wrap{
      display:grid;
      grid-template-columns:.92fr 1.08fr;
      gap:34px;
      align-items:stretch;
    }

    .doctor-aside{
      padding:32px;
      background:var(--green-deep);
      color:#f4f0e7;
      border-radius:34px;
      box-shadow:var(--shadow);
    }

    .doctor-aside p,
    .doctor-aside a{
      color:#ebe5d8;
    }

    .doctor-main{padding:12px 0}

    .faq{
      display:grid;
      gap:14px;
      max-width:900px;
    }

    details{
      border-bottom:1px solid var(--line);
      padding:0 0 16px;
    }

    summary{
      list-style:none;
      cursor:pointer;
      font-weight:700;
      color:var(--ink);
      padding:0;
    }

    summary::-webkit-details-marker{display:none}

    details p{
      margin-top:12px;
      max-width:760px;
    }

    .cta{
      padding:34px;
      border-radius:34px;
      background:
        radial-gradient(circle at 90% 15%, rgba(184,150,97,.18), transparent 20%),
        linear-gradient(135deg, #f8f3eb 0%, #efe6d8 100%);
      border:1px solid rgba(31,35,31,.08);
      box-shadow:var(--shadow);
    }

    .cta h2{max-width:12ch}

    .cta-row{
      display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin-top:20px;
      margin-bottom:10px;
    }

    .footer{
      padding:40px 0 70px;
    }

    .footer-inner{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:22px;
      border-top:1px solid var(--line);
      padding-top:24px;
    }

    .footer p{
      font-size:.98rem;
      margin-bottom:8px;
    }

    @media (max-width: 1020px){
      .hero-wrap,
      .split,
      .condition-stack,
      .doctor-wrap,
      .footer-inner,
      .flow-grid,
      .benefit-layout{
        grid-template-columns:1fr;
      }

      h1{max-width:12ch}
    }

    @media (max-width: 760px){
      .header-inner{
        flex-direction:column;
        align-items:flex-start;
      }

      .nav{
        justify-content:flex-start;
        gap:16px;
      }

      .btn{width:100%}

      .hero-panel,
      .feature-article,
      .doctor-aside,
      .cta{
        padding:24px;
      }

      .section{padding:60px 0}
      .hero{padding-bottom:50px}
    }
    
    .consult-form {
  margin-top: 6px;
}

.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 22px;
}

.form-group {
  display: flex;
  flex-direction: column;
}

.form-group.full-width {
  grid-column: 1 / -1;
}

.form-group label {
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 8px;
  font-size: 0.97rem;
}

.form-group input,
.form-group select,
.form-group textarea {
  width: 100%;
  border: 1px solid rgba(31,35,31,.14);
  background: rgba(255,255,255,.88);
  color: var(--ink);
  border-radius: 18px;
  padding: 15px 16px;
  font: inherit;
  line-height: 1.4;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  outline: none;
  border-color: var(--green);
  box-shadow: 0 0 0 4px rgba(79,102,88,.10);
  background: #fff;
}

.form-group textarea {
  resize: vertical;
  min-height: 170px;
}

@media (max-width: 760px) {
  .form-grid {
    grid-template-columns: 1fr;
  }

  .form-group.full-width {
    grid-column: auto;
  }
}