:root {
    --pq-bg: #f7f3eb;
    --pq-bg-soft: #efe7da;
    --pq-card: #fffaf2;
    --pq-text: #1f2522;
    --pq-muted: #687269;
    --pq-green: #263b2d;
    --pq-green-2: #3f5b45;
    --pq-copper: #a76c3d;
    --pq-border: rgba(31,37,34,.13);
    --pq-shadow: 0 24px 70px rgba(31,37,34,.12);
    --pq-radius: 24px;
    --pq-radius-sm: 16px;
    --pq-max: 1180px;
  }

  .praequs-page, .praequs-page * { box-sizing: border-box; }
  .praequs-page {
    margin: 0;
    color: var(--pq-text);
    background:
      radial-gradient(circle at top left, rgba(167,108,61,.18), transparent 34rem),
      linear-gradient(180deg, #fbf7ef 0%, var(--pq-bg) 45%, #f4eee4 100%);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.55;
    overflow: hidden;
  }

  .praequs-page a { color: inherit; text-decoration: none; }
  .pq-wrap { width: min(var(--pq-max), calc(100% - 40px)); margin: 0 auto; }
  .pq-section { padding: 86px 0; position: relative; }
  .pq-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--pq-copper);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: 14px;
  }
  .pq-eyebrow:before {
    content: "";
    width: 34px;
    height: 1px;
    background: var(--pq-copper);
    display: inline-block;
  }
  .pq-h1, .pq-h2, .pq-h3 { margin: 0; line-height: 1.05; letter-spacing: -.04em; }
  .pq-h1 { font-size: clamp(44px, 7vw, 86px); max-width: 950px; }
  .pq-h2 { font-size: clamp(34px, 4vw, 58px); max-width: 820px; }
  .pq-h3 { font-size: 23px; letter-spacing: -.02em; }
  .pq-lead { color: var(--pq-muted); font-size: clamp(18px, 2vw, 22px); max-width: 760px; margin: 22px 0 0; }
  .pq-text { color: var(--pq-muted); margin: 14px 0 0; }
  .pq-small { font-size: 14px; color: var(--pq-muted); }

  .pq-header {
    position: relative;
    padding: 22px 0 0;
    z-index: 3;
  }
  .pq-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 14px 16px;
    border: 1px solid var(--pq-border);
    border-radius: 999px;
    background: rgba(255,250,242,.74);
    backdrop-filter: blur(16px);
    box-shadow: 0 18px 48px rgba(31,37,34,.08);
  }
  .pq-brand { display: flex; align-items: center; gap: 12px; min-width: max-content; }
  .pq-mark {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--pq-green), var(--pq-green-2));
    color: #fffaf2;
    display: grid;
    place-items: center;
    font-weight: 850;
    letter-spacing: -.06em;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);
  }
  .pq-brand strong { display: block; letter-spacing: -.03em; }
  .pq-brand span { display: block; color: var(--pq-muted); font-size: 12px; margin-top: -2px; }
  .pq-navlinks { display: flex; gap: 18px; align-items: center; font-size: 14px; color: #3b443e; }
  .pq-navlinks a { opacity: .86; }
  .pq-navlinks a:hover { opacity: 1; color: var(--pq-copper); }

  .pq-btns { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
  .pq-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 13px 20px;
    border-radius: 999px;
    font-weight: 750;
    border: 1px solid transparent;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
  }
  .pq-btn:hover { transform: translateY(-2px); }
  .pq-btn-primary { background: var(--pq-green); color: #fffaf2 !important; box-shadow: 0 18px 40px rgba(38,59,45,.24); }
  .pq-btn-secondary { background: rgba(255,250,242,.68); border-color: var(--pq-border); color: var(--pq-text); }
  .pq-btn-copper { background: var(--pq-copper); color: #fffaf2 !important; box-shadow: 0 18px 42px rgba(167,108,61,.22); }

  .pq-hero { padding: 86px 0 80px; }
  .pq-hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: 46px; align-items: center; }
  .pq-hero-copy { position: relative; z-index: 2; }
  .pq-hero .pq-btns { margin-top: 32px; }
  .pq-trustline { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 34px; max-width: 820px; }
  .pq-trustitem {
    border: 1px solid var(--pq-border);
    background: rgba(255,250,242,.58);
    border-radius: 16px;
    padding: 13px 14px;
    font-size: 14px;
    color: #3b443e;
  }
  .pq-visual {
    min-height: 620px;
    border-radius: 34px;
    position: relative;
    overflow: hidden;
    background:
      linear-gradient(180deg, rgba(38,59,45,.18), rgba(38,59,45,.82)),
      url('https://images.unsplash.com/photo-1553284965-83fd3e82fa5a?auto=format&fit=crop&w=1400&q=80') center/cover;
    box-shadow: var(--pq-shadow);
    border: 1px solid rgba(255,255,255,.35);
  }
  .pq-visual:after {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255,250,242,.38);
    border-radius: 26px;
    pointer-events: none;
  }
  .pq-visual-card {
    position: absolute;
    left: 28px;
    right: 28px;
    bottom: 28px;
    background: rgba(255,250,242,.92);
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 20px 44px rgba(0,0,0,.15);
  }
  .pq-visual-card strong { display: block; font-size: 20px; margin-bottom: 6px; }

  .pq-band {
    background: var(--pq-green);
    color: #fffaf2;
    padding: 22px 0;
  }
  .pq-band-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
  .pq-band-item { border-left: 1px solid rgba(255,250,242,.18); padding-left: 16px; }
  .pq-band-item strong { display: block; font-size: 20px; letter-spacing: -.02em; }
  .pq-band-item span { color: rgba(255,250,242,.72); font-size: 14px; }

  .pq-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 42px; }
  .pq-grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 42px; }
  .pq-card {
    background: rgba(255,250,242,.78);
    border: 1px solid var(--pq-border);
    border-radius: var(--pq-radius);
    padding: 28px;
    box-shadow: 0 18px 48px rgba(31,37,34,.07);
  }
  .pq-card-dark {
    background: linear-gradient(135deg, var(--pq-green), #1d2a22);
    color: #fffaf2;
  }
  .pq-card-dark .pq-text, .pq-card-dark .pq-small { color: rgba(255,250,242,.74); }
  .pq-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: rgba(167,108,61,.12);
    color: var(--pq-copper);
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    font-weight: 900;
  }
  .pq-list { margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
  .pq-list li { position: relative; padding-left: 24px; color: var(--pq-muted); }
  .pq-list li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: var(--pq-copper);
    position: absolute;
    left: 0;
    top: .7em;
  }
  .pq-card-dark .pq-list li { color: rgba(255,250,242,.78); }

  .pq-split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 58px; align-items: start; }
  .pq-sticky { position: sticky; top: 28px; }
  .pq-process { counter-reset: step; display: grid; gap: 16px; }
  .pq-step {
    counter-increment: step;
    display: grid;
    grid-template-columns: 58px 1fr;
    gap: 18px;
    padding: 24px;
    border: 1px solid var(--pq-border);
    border-radius: 22px;
    background: rgba(255,250,242,.72);
  }
  .pq-step:before {
    content: counter(step, decimal-leading-zero);
    width: 58px;
    height: 58px;
    border-radius: 18px;
    background: var(--pq-green);
    color: #fffaf2;
    display: grid;
    place-items: center;
    font-weight: 850;
  }
  .pq-step h3 { margin: 0; font-size: 20px; letter-spacing: -.02em; }
  .pq-step p { margin: 7px 0 0; color: var(--pq-muted); }

  .pq-service-large { padding: 34px; }
  .pq-service-large + .pq-service-large { margin-top: 20px; }
  .pq-note {
    margin-top: 22px;
    padding: 18px 20px;
    border-radius: 18px;
    background: rgba(167,108,61,.1);
    border: 1px solid rgba(167,108,61,.2);
    color: #634123;
  }

  .pq-area {
    background:
      linear-gradient(135deg, rgba(38,59,45,.92), rgba(38,59,45,.72)),
      url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1600&q=80') center/cover;
    color: #fffaf2;
  }
  .pq-area .pq-lead, .pq-area .pq-text { color: rgba(255,250,242,.74); }
  .pq-tags { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
  .pq-tag {
    padding: 10px 14px;
    border: 1px solid rgba(255,250,242,.22);
    border-radius: 999px;
    background: rgba(255,250,242,.08);
    color: rgba(255,250,242,.9);
    font-size: 14px;
  }

  .pq-price-table {
    width: 100%;
    border-collapse: collapse;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255,250,242,.76);
    border: 1px solid var(--pq-border);
  }
  .pq-price-table th, .pq-price-table td { padding: 17px 18px; border-bottom: 1px solid var(--pq-border); text-align: left; }
  .pq-price-table th { background: rgba(38,59,45,.08); color: var(--pq-green); font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
  .pq-price-table tr:last-child td { border-bottom: 0; }
  .pq-price-table td:last-child { font-weight: 800; color: var(--pq-green); }

  .pq-form-box {
    background: #fffaf2;
    border: 1px solid var(--pq-border);
    border-radius: 30px;
    padding: 34px;
    box-shadow: var(--pq-shadow);
  }
  .pq-form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
  .pq-field { display: grid; gap: 7px; }
  .pq-field label { font-size: 13px; font-weight: 760; color: #3b443e; }
  .pq-field input, .pq-field select, .pq-field textarea {
    width: 100%;
    border: 1px solid rgba(31,37,34,.18);
    border-radius: 14px;
    padding: 13px 14px;
    background: #fff;
    color: var(--pq-text);
    font: inherit;
  }
  .pq-field textarea { min-height: 120px; resize: vertical; }
  .pq-field-full { grid-column: 1 / -1; }
  .pq-shortcode {
    margin-top: 22px;
    padding: 18px;
    border-radius: 16px;
    background: #f3eadc;
    border: 1px dashed rgba(167,108,61,.55);
    color: #5e432c;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 14px;
    overflow-wrap: anywhere;
  }

  .pq-blog-list { display: grid; gap: 14px; margin-top: 28px; }
  .pq-blog-item {
    padding: 18px 20px;
    border: 1px solid var(--pq-border);
    border-radius: 18px;
    background: rgba(255,250,242,.66);
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: center;
  }
  .pq-blog-item span { color: var(--pq-muted); font-size: 14px; }

  .pq-footer {
    background: #151b18;
    color: #fffaf2;
    padding: 58px 0 32px;
  }
  .pq-footer-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 36px; }
  .pq-footer a, .pq-footer p { color: rgba(255,250,242,.72); }
  .pq-footer h3 { margin: 0 0 12px; }
  .pq-footer-bottom { margin-top: 38px; padding-top: 22px; border-top: 1px solid rgba(255,250,242,.12); display: flex; justify-content: space-between; gap: 18px; flex-wrap: wrap; color: rgba(255,250,242,.54); font-size: 14px; }

  @media (max-width: 960px) {
    .pq-nav { border-radius: 24px; align-items: flex-start; }
    .pq-navlinks { display: none; }
    .pq-hero-grid, .pq-split { grid-template-columns: 1fr; }
    .pq-visual { min-height: 460px; }
    .pq-grid-3, .pq-band-grid, .pq-grid-2, .pq-footer-grid { grid-template-columns: 1fr; }
    .pq-trustline { grid-template-columns: 1fr; }
    .pq-sticky { position: static; }
  }
  @media (max-width: 640px) {
    .pq-wrap { width: min(var(--pq-max), calc(100% - 24px)); }
    .pq-section { padding: 62px 0; }
    .pq-hero { padding: 58px 0 56px; }
    .pq-h1 { font-size: 42px; }
    .pq-h2 { font-size: 34px; }
    .pq-form-grid { grid-template-columns: 1fr; }
    .pq-step { grid-template-columns: 1fr; }
    .pq-price-table { font-size: 14px; }
    .pq-price-table th, .pq-price-table td { padding: 13px 12px; }
  }
