/* r176: enterprise contrast + typography + micro interaction */

:root{
  --wpat-form-bg:#ffffff;
  --wpat-form-bg-soft:#f8fafc;
  --wpat-form-border:#cbd5e1;
  --wpat-form-border-strong:#94a3b8;
  --wpat-form-border-focus:#2563eb;
  --wpat-form-focus-ring:rgba(37,99,235,.12);
  --wpat-form-text:#0f172a;
  --wpat-form-label:#334155;
  --wpat-form-muted:#64748b;
  --wpat-form-placeholder:#94a3b8;
  --wpat-form-accent:#2563eb;
  --wpat-form-accent-strong:#1d4ed8;
  --wpat-form-accent-soft:rgba(37,99,235,.06);
  --wpat-form-success-bg:#f0fdf4;
  --wpat-form-success-border:#bbf7d0;
  --wpat-form-success-text:#166534;
  --wpat-form-error-bg:#fef2f2;
  --wpat-form-error-border:#fecaca;
  --wpat-form-error-text:#b42318;
}

.wpat-runtime-form{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:18px;
  padding:22px;
  border:1px solid var(--wpat-form-border);
  border-radius:8px;
  background:var(--wpat-form-bg);
  box-shadow:none;
}

.wpat-runtime-form.is-submitting{pointer-events:none;}


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

.wpat-form-grid-front{display:flex;flex-direction:column;gap:18px;}
.wpat-form-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;}

.wpat-field{display:flex;flex-direction:column;gap:7px;}

.wpat-field label{
  display:block;
  margin:0;
  color:var(--wpat-form-label);
  font-size:13px;
  line-height:1.45;
  font-weight:600;
  letter-spacing:.002em;
}

.wpat-field label span{color:var(--wpat-form-muted);}

.wpat-field input,
.wpat-field textarea,
.wpat-field select{
  width:100%;
  min-height:46px;
  padding:11px 14px;
  border:1px solid var(--wpat-form-border);
  border-radius:8px;
  background:var(--wpat-form-bg);
  color:var(--wpat-form-text);
  font-size:14px;
  line-height:1.45;
  font-weight:500;
  box-shadow:none;
  transition:border-color .15s ease, box-shadow .15s ease, background-color .15s ease, color .15s ease;
  appearance:none;
  -webkit-appearance:none;
}

.wpat-field textarea{
  min-height:132px;
  padding:13px 14px;
  resize:vertical;
  line-height:1.55;
}

.wpat-field input::placeholder,
.wpat-field textarea::placeholder{
  color:var(--wpat-form-placeholder);
  opacity:1;
}

.wpat-field input:hover,
.wpat-field textarea:hover,
.wpat-field select:hover{
  border-color:var(--wpat-form-border-strong);
  background:var(--wpat-form-bg);
}

.wpat-field input:focus,
.wpat-field textarea:focus,
.wpat-field select:focus{
  outline:none;
  border-color:var(--wpat-form-border-focus);
  background:var(--wpat-form-bg);
  box-shadow:0 0 0 2px var(--wpat-form-focus-ring);
}

.wpat-runtime-form .wpat-field input:invalid,
.wpat-runtime-form .wpat-field textarea:invalid{box-shadow:none;}

.wpat-runtime-form.is-submitting .wpat-field input,
.wpat-runtime-form.is-submitting .wpat-field textarea,
.wpat-runtime-form.is-submitting .wpat-field select,
.wpat-runtime-form.is-submitting .wpat-choice-row span{
  background:var(--wpat-form-bg-soft);
}

.wpat-choice-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.wpat-choice-row label{position:relative;margin:0;cursor:pointer;}
.wpat-choice-row input{position:absolute;opacity:0;pointer-events:none;}

.wpat-choice-row span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:11px 14px;
  border:1px solid var(--wpat-form-border);
  border-radius:8px;
  background:var(--wpat-form-bg);
  color:#475569;
  font-size:14px;
  line-height:1.35;
  font-weight:600;
  text-align:center;
  box-shadow:none;
  transition:border-color .15s ease, background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

.wpat-choice-row label:hover span{
  border-color:var(--wpat-form-border-strong);
  background:var(--wpat-form-bg-soft);
}

.wpat-choice-row input:focus + span{
  box-shadow:0 0 0 2px var(--wpat-form-focus-ring);
}

.wpat-choice-row input:checked + span{
  border-color:var(--wpat-form-accent);
  background:var(--wpat-form-accent-soft);
  color:var(--wpat-form-accent-strong);
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.08);
}

.wpat-form-actions{display:flex;justify-content:flex-start;padding-top:4px;}

.wpat-submit{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:40px;
  padding:0 16px;
  border:1px solid var(--wpat-form-accent);
  border-radius:8px;
  background:var(--wpat-form-accent);
  color:#ffffff;
  font-size:13.5px;
  line-height:1;
  font-weight:700;
  letter-spacing:.012em;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(15,23,42,.06);
  transition:background-color .12s ease, border-color .12s ease, color .12s ease, box-shadow .12s ease, opacity .12s ease;
}

.wpat-submit:hover{
  transform:none;
  background:var(--wpat-form-accent-strong);
  border-color:var(--wpat-form-accent-strong);
  color:#ffffff;
  box-shadow:0 2px 4px rgba(15,23,42,.08);
}

.wpat-submit:active{transform:none;box-shadow:0 1px 2px rgba(15,23,42,.06);}

.wpat-submit:focus-visible{
  outline:none;
  box-shadow:0 0 0 2px var(--wpat-form-focus-ring), 0 1px 2px rgba(15,23,42,.06);
}

.wpat-submit:disabled{
  cursor:not-allowed;
  opacity:1;
  transform:none !important;
  box-shadow:none !important;
  background:#dbe4f0;
  border-color:#dbe4f0;
  color:#7b8794;
}

.wpat-submit.is-loading{padding-right:16px;}

.wpat-submit-spinner{
  position:static;
  width:12px;
  height:12px;
  margin:0;
  border:2px solid rgba(255,255,255,.32);
  border-top-color:#ffffff;
  border-radius:999px;
  animation:wpat-spin .7s linear infinite;
}

.wpat-form-notice{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:0 0 16px;
  padding:14px 16px;
  border-radius:8px;
  border:1px solid transparent;
  font-size:14px;
  line-height:1.6;
  font-weight:700;
  box-shadow:none;
}

.wpat-form-notice::before{
  content:'';
  flex:0 0 22px;
  width:22px;
  height:22px;
  margin-top:1px;
  border-radius:999px;
  background:currentColor;
  opacity:.12;
}

.wpat-form-notice.is-success{
  background:var(--wpat-form-success-bg);
  color:var(--wpat-form-success-text);
  border-color:var(--wpat-form-success-border);
}

.wpat-form-notice.is-error{
  background:var(--wpat-form-error-bg);
  color:var(--wpat-form-error-text);
  border-color:var(--wpat-form-error-border);
}

.wpat-form-notice + .wpat-runtime-form{margin-top:4px;}

@keyframes wpat-spin{to{transform:rotate(360deg)}}

.wpat-form-success-state{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:220px;
  padding:24px 20px;
  border:1px solid var(--wpat-form-border);
  border-radius:8px;
  background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);
  text-align:center;
  filter:none !important;
  transform:none !important;
}

.wpat-form-success-panel{
  width:100%;
  max-width:520px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  animation:wpatSuccessIn .22s ease;
}

.wpat-form-success-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border-radius:999px;
  background:#16a34a;
  color:#fff;
  font-size:24px;
  line-height:1;
  font-weight:700;
  box-shadow:0 8px 20px rgba(22,163,74,.14);
}

.wpat-form-success-title{
  margin:2px 0 0;
  color:var(--wpat-form-text);
  font-family:inherit !important;
  font-size:17px;
  line-height:1.35;
  font-weight:650;
  letter-spacing:-0.01em;
  text-shadow:none !important;
  -webkit-text-stroke:0 !important;
  filter:none !important;
  transform:none !important;
  opacity:1;
  isolation:auto;
  mix-blend-mode:normal;
  backface-visibility:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;
  font-kerning:normal;
}

.wpat-form-success-description{
  max-width:480px;
  margin:0;
  color:var(--wpat-form-muted);
  font-size:14px;
  line-height:1.6;
  font-weight:500;
}


@keyframes wpatSuccessIn{
  from{opacity:0;transform:translateY(4px);}
  to{opacity:1;transform:translateY(0);}
}

@media (max-width: 767px){
  .wpat-runtime-form{padding:16px;border-radius:8px;gap:16px;}
  .wpat-form-grid-front,
  .wpat-form-grid-two{gap:16px;}
  .wpat-form-grid-two,
  .wpat-choice-row{grid-template-columns:1fr;}
  .wpat-form-actions{justify-content:stretch;}
  .wpat-submit{width:100%;}
  .wpat-form-success-state{min-height:200px;padding:22px 16px;}
  .wpat-form-success-panel{gap:9px;}
  .wpat-form-success-title{font-size:17px;line-height:1.35;}
  .wpat-form-success-description{font-size:14px;}
}

/* r201: contact form refresh - professional technical SaaS */
form.wpat-form-template.wpat-form-template--contact,
form.wpat-runtime-form.wpat-form-template--contact{
  --wpat-form-border:#bcd1f2;
  --wpat-form-border-strong:#9bb9ec;
  --wpat-form-border-focus:#1f6feb;
  --wpat-form-focus-ring:rgba(31,111,235,.12);
  --wpat-form-accent:#1259d6;
  --wpat-form-accent-strong:#0d47ad;
  --wpat-form-accent-soft:rgba(18,89,214,.06);
  --wpat-form-label:#10233f;
  --wpat-form-text:#0d1b2a;
  --wpat-form-muted:#5f7491;
  position:relative;
  gap:22px;
  padding:28px 28px 26px;
  border-radius:28px;
  border:1px solid rgba(200,220,246,.95);
  background:
    radial-gradient(circle at top right, rgba(203,235,255,.55) 0, rgba(203,235,255,.55) 88px, transparent 89px),
    radial-gradient(circle at bottom left, rgba(219,236,255,.45) 0, rgba(219,236,255,.45) 64px, transparent 65px),
    linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,251,255,.99) 100%);
  box-shadow:
    0 24px 60px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.96);
  overflow:hidden;
}

form.wpat-form-template.wpat-form-template--contact::before,
form.wpat-runtime-form.wpat-form-template--contact::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg, #1f6feb 0%, #38bdf8 52%, #7dd3fc 100%);
}

form.wpat-form-template.wpat-form-template--contact .wpat-form-grid-two,
form.wpat-runtime-form.wpat-form-template--contact .wpat-form-grid-two{
  gap:20px 18px;
}

form.wpat-form-template.wpat-form-template--contact .wpat-field,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field{
  gap:9px;
}

form.wpat-form-template.wpat-form-template--contact .wpat-field label,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field label{
  color:#495b75;
  font-size:12px;
  font-weight:600;
  letter-spacing:.005em;
}

form.wpat-form-template.wpat-form-template--contact .wpat-field label span,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field label span{
  color:#7e9fe0;
}

form.wpat-form-template.wpat-form-template--contact .wpat-field input,
form.wpat-form-template.wpat-form-template--contact .wpat-field textarea,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field input,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field textarea{
  min-height:46px;
  padding:12px 20px;
  border-radius:17px;
  border-color:#a9c3ef;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  font-size:14px;
  font-weight:500;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.92);
}

form.wpat-form-template.wpat-form-template--contact .wpat-field textarea,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field textarea{
  min-height:138px;
  padding-top:16px;
}

form.wpat-form-template.wpat-form-template--contact .wpat-field input::placeholder,
form.wpat-form-template.wpat-form-template--contact .wpat-field textarea::placeholder,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field input::placeholder,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field textarea::placeholder{
  color:#8aa1c4;
}

form.wpat-form-template.wpat-form-template--contact .wpat-field input:hover,
form.wpat-form-template.wpat-form-template--contact .wpat-field textarea:hover,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field input:hover,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field textarea:hover{
  border-color:#9ebdea;
  background:linear-gradient(180deg, #ffffff 0%, #f6faff 100%);
}

form.wpat-form-template.wpat-form-template--contact .wpat-field input:focus,
form.wpat-form-template.wpat-form-template--contact .wpat-field textarea:focus,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field input:focus,
form.wpat-runtime-form.wpat-form-template--contact .wpat-field textarea:focus{
  border-color:#1f6feb;
  background:#ffffff;
  box-shadow:
    0 0 0 4px rgba(31,111,235,.10),
    0 10px 28px rgba(31,111,235,.10);
  transform:none;
}

form.wpat-form-template.wpat-form-template--contact .wpat-choice-row,
form.wpat-runtime-form.wpat-form-template--contact .wpat-choice-row{
  gap:12px;
}

form.wpat-form-template.wpat-form-template--contact .wpat-choice-row span,
form.wpat-runtime-form.wpat-form-template--contact .wpat-choice-row span{
  min-height:52px;
  border-radius:17px;
  border-color:#bed2ef;
  background:linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  color:#6a7f9b;
  font-size:14px;
  font-weight:700;
}

form.wpat-form-template.wpat-form-template--contact .wpat-choice-row label:hover span,
form.wpat-runtime-form.wpat-form-template--contact .wpat-choice-row label:hover span{
  border-color:#a8c2ea;
  background:linear-gradient(180deg, #ffffff 0%, #f3f8ff 100%);
  transform:none;
}

form.wpat-form-template.wpat-form-template--contact .wpat-choice-row input:checked + span,
form.wpat-runtime-form.wpat-form-template--contact .wpat-choice-row input:checked + span{
  border-color:#1f6feb;
  background:linear-gradient(180deg, #edf4ff 0%, #e7f0ff 100%);
  color:#114db8;
  box-shadow:
    inset 0 0 0 1px rgba(31,111,235,.10),
    0 8px 18px rgba(31,111,235,.08);
}

form.wpat-form-template.wpat-form-template--contact .wpat-form-actions,
form.wpat-runtime-form.wpat-form-template--contact .wpat-form-actions{
  padding-top:2px;
}

form.wpat-form-template.wpat-form-template--contact .wpat-submit,
form.wpat-runtime-form.wpat-form-template--contact .wpat-submit{
  width:100%;
  min-height:46px;
  padding:0 24px;
  border-radius:15px;
  border-color:#1259d6;
  background:linear-gradient(135deg, #1f6feb 0%, #1259d6 100%);
  color:#ffffff;
  font-size:16px;
  font-weight:600;
  letter-spacing:0;
  box-shadow:0 10px 22px rgba(18,89,214,.16);
}

form.wpat-form-template.wpat-form-template--contact .wpat-submit:hover,
form.wpat-runtime-form.wpat-form-template--contact .wpat-submit:hover{
  background:linear-gradient(135deg, #1b64e0 0%, #0d47ad 100%);
  border-color:#0d47ad;
  box-shadow:0 16px 32px rgba(18,89,214,.22);
}

form.wpat-form-template.wpat-form-template--contact .wpat-submit:focus-visible,
form.wpat-runtime-form.wpat-form-template--contact .wpat-submit:focus-visible{
  box-shadow:
    0 0 0 4px rgba(31,111,235,.12),
    0 16px 32px rgba(18,89,214,.20);
}

@media (max-width: 767px){
  form.wpat-form-template.wpat-form-template--contact,
  form.wpat-runtime-form.wpat-form-template--contact{
    padding:22px 18px 20px;
    border-radius:24px;
  }
}

/* r202: newsletter form refresh - compact promo SaaS */
form.wpat-form-template.wpat-form-template--newsletter,
form.wpat-runtime-form.wpat-form-template--newsletter{
  --wpat-form-border:#cfe0f6;
  --wpat-form-border-strong:#adc6ea;
  --wpat-form-border-focus:#2468ea;
  --wpat-form-focus-ring:rgba(36,104,234,.10);
  --wpat-form-label:#425671;
  --wpat-form-text:#10233f;
  --wpat-form-muted:#7488a3;
  position:relative;
  gap:18px;
  padding:24px 26px 26px;
  border-radius:24px;
  border:1px solid rgba(206,223,246,.95);
  background:
    radial-gradient(circle at top right, rgba(216,238,255,.52) 0, rgba(216,238,255,.52) 72px, transparent 73px),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow:0 20px 48px rgba(15,23,42,.07);
  overflow:hidden;
}

form.wpat-form-template.wpat-form-template--newsletter::before,
form.wpat-runtime-form.wpat-form-template--newsletter::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg, #2d74ff 0%, #5bbcff 100%);
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-form-grid-two,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-form-grid-two{
  gap:18px 18px;
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-field,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-field{
  gap:8px;
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-field label,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-field label{
  color:#445872;
  font-size:12px;
  font-weight:600;
  letter-spacing:.005em;
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-field label span,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-field label span{
  color:#87a4db;
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-field input,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-field input{
  min-height:50px;
  padding:12px 18px;
  border-radius:16px;
  border-color:#b7cef1;
  background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  font-size:14px;
  font-weight:500;
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-field input::placeholder,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-field input::placeholder{
  color:#8aa0bf;
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-field input:hover,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-field input:hover{
  border-color:#a9c3eb;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-field input:focus,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-field input:focus{
  border-color:#2468ea;
  box-shadow:
    0 0 0 4px rgba(36,104,234,.10),
    0 8px 22px rgba(36,104,234,.10);
  transform:none;
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-form-actions,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-form-actions{
  padding-top:2px;
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-submit,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-submit{
  min-height:44px;
  padding:0 20px;
  border-radius:14px;
  border-color:#2468ea;
  background:linear-gradient(135deg, #3772f1 0%, #215fdb 100%);
  color:#ffffff;
  font-size:14px;
  font-weight:800;
  letter-spacing:.01em;
  box-shadow:0 12px 24px rgba(33,95,219,.16);
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-submit:hover,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-submit:hover{
  background:linear-gradient(135deg, #2d67e6 0%, #184db8 100%);
  border-color:#184db8;
  box-shadow:0 14px 28px rgba(33,95,219,.18);
}

form.wpat-form-template.wpat-form-template--newsletter .wpat-submit:focus-visible,
form.wpat-runtime-form.wpat-form-template--newsletter .wpat-submit:focus-visible{
  box-shadow:
    0 0 0 4px rgba(36,104,234,.11),
    0 14px 28px rgba(33,95,219,.16);
}

@media (max-width: 767px){
  form.wpat-form-template.wpat-form-template--newsletter,
  form.wpat-runtime-form.wpat-form-template--newsletter{
    padding:20px 18px 22px;
    border-radius:22px;
  }
}


/* r180: quote form layout refinement */
form.wpat-runtime-form.wpat-form-template--quote .wpat-field textarea,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-field textarea,
form.wpat-form-template.wpat-form-template--quote .wpat-field textarea,
form.wpat-form-template.wpat-form-template--quote-en .wpat-field textarea{
  min-height:108px;
}

/* r203: quote form refresh - conversion focused b2b saas */
form.wpat-form-template.wpat-form-template--quote,
form.wpat-runtime-form.wpat-form-template--quote,
form.wpat-form-template.wpat-form-template--quote-en,
form.wpat-runtime-form.wpat-form-template--quote-en{
  --wpat-form-border:#cfe0f6;
  --wpat-form-border-strong:#aac6eb;
  --wpat-form-border-focus:#2563eb;
  --wpat-form-focus-ring:rgba(37,99,235,.10);
  --wpat-form-label:#40536d;
  --wpat-form-text:#0f223d;
  --wpat-form-muted:#7689a1;
  position:relative;
  gap:20px;
  padding:22px 26px 24px;
  border-radius:22px;
  border:1px solid rgba(205,223,246,.95);
  background:
    radial-gradient(circle at top right, rgba(221,239,255,.48) 0, rgba(221,239,255,.48) 66px, transparent 67px),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
  box-shadow:0 16px 40px rgba(15,23,42,.07);
  overflow:hidden;
  min-height:100%;
  height:100%;
}

form.wpat-form-template.wpat-form-template--quote::before,
form.wpat-runtime-form.wpat-form-template--quote::before,
form.wpat-form-template.wpat-form-template--quote-en::before,
form.wpat-runtime-form.wpat-form-template--quote-en::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg, #2563eb 0%, #60a5fa 100%);
}

form.wpat-form-template.wpat-form-template--quote .wpat-form-grid-two,
form.wpat-runtime-form.wpat-form-template--quote .wpat-form-grid-two,
form.wpat-form-template.wpat-form-template--quote-en .wpat-form-grid-two,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-form-grid-two{
  gap:20px 16px;
}

form.wpat-form-template.wpat-form-template--quote .wpat-form-intro,
form.wpat-runtime-form.wpat-form-template--quote .wpat-form-intro,
form.wpat-form-template.wpat-form-template--quote-en .wpat-form-intro,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-form-intro{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:2px 0 2px;
  color:#48627f;
  font-size:13px;
  font-weight:700;
  line-height:1.35;
  letter-spacing:.04em;
  text-transform:uppercase;
}

form.wpat-form-template.wpat-form-template--quote .wpat-form-intro__dot,
form.wpat-runtime-form.wpat-form-template--quote .wpat-form-intro__dot,
form.wpat-form-template.wpat-form-template--quote-en .wpat-form-intro__dot,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-form-intro__dot{
  width:10px;
  height:10px;
  flex:0 0 10px;
  border-radius:999px;
  background:linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);
  box-shadow:0 0 0 5px rgba(37,99,235,.10);
}

form.wpat-form-template.wpat-form-template--quote .wpat-field,
form.wpat-runtime-form.wpat-form-template--quote .wpat-field,
form.wpat-form-template.wpat-form-template--quote-en .wpat-field,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-field{
  gap:8px;
}

form.wpat-form-template.wpat-form-template--quote .wpat-field label,
form.wpat-runtime-form.wpat-form-template--quote .wpat-field label,
form.wpat-form-template.wpat-form-template--quote-en .wpat-field label,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-field label{
  color:#3f5472;
  font-size:13px;
  font-weight:600;
  letter-spacing:.005em;
}

form.wpat-form-template.wpat-form-template--quote .wpat-field label span,
form.wpat-runtime-form.wpat-form-template--quote .wpat-field label span,
form.wpat-form-template.wpat-form-template--quote-en .wpat-field label span,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-field label span{
  color:#88a5dd;
}

form.wpat-form-template.wpat-form-template--quote .wpat-field input,
form.wpat-runtime-form.wpat-form-template--quote .wpat-field input,
form.wpat-form-template.wpat-form-template--quote-en .wpat-field input,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-field input{
  min-height:48px;
  padding:11px 18px;
  border-radius:18px;
  border:1px solid #b7cff3;
  background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  font-size:14px;
  font-weight:500;
  color:#193252;
  box-shadow:none;
}

form.wpat-form-template.wpat-form-template--quote .wpat-field input::placeholder,
form.wpat-runtime-form.wpat-form-template--quote .wpat-field input::placeholder,
form.wpat-form-template.wpat-form-template--quote-en .wpat-field input::placeholder,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-field input::placeholder{
  color:#8ba2c2;
}

form.wpat-form-template.wpat-form-template--quote .wpat-field input:hover,
form.wpat-runtime-form.wpat-form-template--quote .wpat-field input:hover,
form.wpat-form-template.wpat-form-template--quote-en .wpat-field input:hover,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-field input:hover{
  border-color:#9fbce8;
  background:linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
}

form.wpat-form-template.wpat-form-template--quote .wpat-field input:focus,
form.wpat-runtime-form.wpat-form-template--quote .wpat-field input:focus,
form.wpat-form-template.wpat-form-template--quote-en .wpat-field input:focus,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-field input:focus{
  border-color:#2563eb;
  box-shadow:
    0 0 0 4px rgba(37,99,235,.08),
    0 6px 16px rgba(37,99,235,.08);
  transform:none;
}

form.wpat-form-template.wpat-form-template--quote .wpat-form-actions,
form.wpat-runtime-form.wpat-form-template--quote .wpat-form-actions,
form.wpat-form-template.wpat-form-template--quote-en .wpat-form-actions,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-form-actions{
  margin-top:auto;
  padding-top:2px;
  justify-content:stretch;
}

form.wpat-form-template.wpat-form-template--quote .wpat-form-caption,
form.wpat-runtime-form.wpat-form-template--quote .wpat-form-caption,
form.wpat-form-template.wpat-form-template--quote-en .wpat-form-caption,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-form-caption{
  margin:2px 0 0;
  color:#7186a1;
  font-size:13px;
  font-weight:400;
  line-height:1.6;
  text-align:center;
}

form.wpat-form-template.wpat-form-template--quote .wpat-submit,
form.wpat-runtime-form.wpat-form-template--quote .wpat-submit,
form.wpat-form-template.wpat-form-template--quote-en .wpat-submit,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-submit{
  width:100%;
  min-height:46px;
  padding:0 22px;
  border-radius:15px;
  border-color:#2563eb;
  border-width:1.5px;
  background:#ffffff;
  color:#1e56d9;
  font-size:14px;
  font-weight:700;
  letter-spacing:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  box-shadow:none;
}

form.wpat-form-template.wpat-form-template--quote .wpat-submit:hover,
form.wpat-runtime-form.wpat-form-template--quote .wpat-submit:hover,
form.wpat-form-template.wpat-form-template--quote-en .wpat-submit:hover,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-submit:hover{
  background:#f5f9ff;
  border-color:#1f58d6;
  color:#1747b5;
  box-shadow:0 8px 18px rgba(37,99,235,.08);
}

form.wpat-form-template.wpat-form-template--quote .wpat-submit:focus-visible,
form.wpat-runtime-form.wpat-form-template--quote .wpat-submit:focus-visible,
form.wpat-form-template.wpat-form-template--quote-en .wpat-submit:focus-visible,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-submit:focus-visible{
  box-shadow:
    0 0 0 4px rgba(37,99,235,.10),
    0 8px 18px rgba(37,99,235,.10);
}

@media (max-width: 767px){
  form.wpat-form-template.wpat-form-template--quote,
  form.wpat-runtime-form.wpat-form-template--quote,
  form.wpat-form-template.wpat-form-template--quote-en,
  form.wpat-runtime-form.wpat-form-template--quote-en{
    padding:20px 18px 22px;
    border-radius:20px;
  }
}

/* r184: micro polish (hover, focus, motion toàn form) */
.wpat-runtime-form{
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

.wpat-runtime-form:hover{
  border-color:#b8c5d6;
}

.wpat-field input,
.wpat-field textarea,
.wpat-field select,
.wpat-choice-row span,
.wpat-submit{
  transition:border-color .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
  will-change:transform;
}

.wpat-field input:hover,
.wpat-field textarea:hover,
.wpat-field select:hover{
  background:#fbfdff;
}

.wpat-field input:focus,
.wpat-field textarea:focus,
.wpat-field select:focus{
  transform:translateY(-1px);
  box-shadow:0 0 0 2px var(--wpat-form-focus-ring), 0 4px 14px rgba(37,99,235,.06);
}

.wpat-choice-row label:hover span{
  transform:translateY(-1px);
}

.wpat-choice-row input:checked + span{
  box-shadow:inset 0 0 0 1px rgba(37,99,235,.10), 0 1px 2px rgba(15,23,42,.04);
}

.wpat-submit{
  letter-spacing:.014em;
}

.wpat-submit:hover{
  transform:translateY(-1px);
}

.wpat-submit:active{
  transform:translateY(0);
}

@media (prefers-reduced-motion: reduce){
  .wpat-runtime-form,
  .wpat-field input,
  .wpat-field textarea,
  .wpat-field select,
  .wpat-choice-row span,
  .wpat-submit{
    transition:none !important;
    transform:none !important;
  }
}

/* r193: unify success state as modal for inline forms */
body.wpat-form-success-modal-open{
  overflow:hidden;
}

.wpat-form-success-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease;
}

.wpat-form-success-modal.is-open{
  opacity:1;
  pointer-events:auto;
}

.wpat-form-success-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(15,23,42,.44);
  backdrop-filter:blur(6px);
}

.wpat-form-success-modal__dialog{
  position:relative;
  z-index:1;
  width:min(92vw,470px);
  border-radius:26px;
  border:1px solid rgba(226,232,240,.92);
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);
  box-shadow:0 22px 52px rgba(15,23,42,.22),0 6px 18px rgba(15,23,42,.09);
  transform:translateY(10px) scale(.985);
  transition:transform .2s cubic-bezier(.2,.8,.2,1);
  overflow:hidden;
}

.wpat-form-success-modal.is-open .wpat-form-success-modal__dialog{
  transform:translateY(0) scale(1);
}

.wpat-form-success-modal__close{
  position:absolute;
  top:16px;
  right:16px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid #d9e2f1;
  background:rgba(255,255,255,.96);
  color:#64748b;
  font-size:18px;
  line-height:1;
  cursor:pointer;
}

.wpat-form-success-modal__content{
  padding:44px 28px 30px;
}

.wpat-form-success-modal__content .wpat-form-success-state{
  min-height:0;
  padding:0;
  border:none;
  border-radius:0;
  background:transparent;
}

.wpat-form-success-modal__content .wpat-form-success-panel{
  max-width:300px;
  gap:8px;
  margin:0 auto;
}

.wpat-form-success-modal__content .wpat-form-success-icon{
  width:54px;
  height:54px;
  font-size:28px;
  box-shadow:none;
}

.wpat-form-success-modal__content .wpat-form-success-title{
  font-size:18px;
  line-height:1.18;
  font-weight:720;
  letter-spacing:-.01em;
}

.wpat-form-success-modal__content .wpat-form-success-description{
  max-width:300px;
  font-size:14px;
  line-height:1.5;
}

@media (max-width: 767px){
  .wpat-form-success-modal{padding:16px;}
  .wpat-form-success-modal__dialog{width:min(94vw,400px);border-radius:22px;}
  .wpat-form-success-modal__close{top:12px;right:12px;width:32px;height:32px;font-size:18px;}
  .wpat-form-success-modal__content{padding:40px 18px 24px;}
  .wpat-form-success-modal__content .wpat-form-success-panel{max-width:280px;gap:8px;}
  .wpat-form-success-modal__content .wpat-form-success-icon{width:48px;height:48px;font-size:24px;}
  .wpat-form-success-modal__content .wpat-form-success-title{font-size:17px;}
  .wpat-form-success-modal__content .wpat-form-success-description{max-width:260px;font-size:13.5px;}
}


/* r194: motion polish + animation consistency toàn hệ */
:root{
  --wpat-motion-fast:.16s;
  --wpat-motion-base:.22s;
  --wpat-motion-slow:.28s;
  --wpat-motion-ease:cubic-bezier(.22,.8,.24,1);
}

.wpat-runtime-form,
.wpat-field input,
.wpat-field textarea,
.wpat-field select,
.wpat-choice-row span,
.wpat-submit,
.wpat-form-success-modal,
.wpat-form-success-modal__backdrop,
.wpat-form-success-modal__dialog,
.wpat-form-success-modal__close,
.wpat-form-success-panel,
.wpat-form-success-icon{
  transition-timing-function:var(--wpat-motion-ease);
}

.wpat-runtime-form{
  transition-duration:var(--wpat-motion-fast);
}

.wpat-field input,
.wpat-field textarea,
.wpat-field select,
.wpat-choice-row span,
.wpat-submit{
  transition-duration:var(--wpat-motion-fast);
}

.wpat-field input:hover,
.wpat-field textarea:hover,
.wpat-field select:hover,
.wpat-choice-row label:hover span,
.wpat-submit:hover{
  transform:translateY(-1px);
}

.wpat-field input:active,
.wpat-field textarea:active,
.wpat-field select:active,
.wpat-choice-row label:active span,
.wpat-submit:active{
  transform:translateY(0);
}

.wpat-form-success-panel{
  animation:wpatModalSuccessIn var(--wpat-motion-base) var(--wpat-motion-ease);
}

.wpat-form-success-icon{
  animation:wpatModalIconPop var(--wpat-motion-slow) var(--wpat-motion-ease);
}

.wpat-form-success-modal{
  transition:opacity var(--wpat-motion-fast) var(--wpat-motion-ease);
}

.wpat-form-success-modal__backdrop{
  transition:opacity var(--wpat-motion-fast) var(--wpat-motion-ease), backdrop-filter var(--wpat-motion-fast) var(--wpat-motion-ease);
}

.wpat-form-success-modal__dialog{
  transition:transform var(--wpat-motion-base) var(--wpat-motion-ease), opacity var(--wpat-motion-base) var(--wpat-motion-ease), box-shadow var(--wpat-motion-base) var(--wpat-motion-ease);
}

.wpat-form-success-modal__close{
  transition:background-color var(--wpat-motion-fast) var(--wpat-motion-ease), border-color var(--wpat-motion-fast) var(--wpat-motion-ease), color var(--wpat-motion-fast) var(--wpat-motion-ease), transform var(--wpat-motion-fast) var(--wpat-motion-ease);
}

.wpat-form-success-modal__close:hover{
  transform:translateY(-1px);
  background:#f8fbff;
  border-color:#c9d7ef;
  color:#475569;
}

.wpat-form-success-modal__close:active{
  transform:translateY(0);
}

.wpat-form-success-description{
  color:#52627a;
}

@keyframes wpatModalSuccessIn{
  from{opacity:0;transform:translateY(6px) scale(.985);}
  to{opacity:1;transform:translateY(0) scale(1);}
}

@keyframes wpatModalIconPop{
  from{opacity:0;transform:scale(.9);}
  to{opacity:1;transform:scale(1);}
}

@media (prefers-reduced-motion: reduce){
  .wpat-runtime-form,
  .wpat-field input,
  .wpat-field textarea,
  .wpat-field select,
  .wpat-choice-row span,
  .wpat-submit,
  .wpat-form-success-modal,
  .wpat-form-success-modal__backdrop,
  .wpat-form-success-modal__dialog,
  .wpat-form-success-modal__close,
  .wpat-form-success-panel,
  .wpat-form-success-icon{
    transition:none !important;
    animation:none !important;
  }
  .wpat-field input:hover,
  .wpat-field textarea:hover,
  .wpat-field select:hover,
  .wpat-choice-row label:hover span,
  .wpat-submit:hover,
  .wpat-form-success-modal__close:hover{
    transform:none !important;
  }
}


/* r197: success modal shift to taller and narrower card (real fix) */
.wpat-form-success-modal__close{display:none !important;}
.wpat-form-success-modal__dialog{
  width:min(92vw,460px);
  border-radius:28px;
}
.wpat-form-success-modal__content{
  padding:46px 28px 42px;
}
.wpat-form-success-modal__content .wpat-form-success-state{
  min-height:auto;
  padding:0;
}
.wpat-form-success-modal__content .wpat-form-success-panel{
  max-width:286px;
  margin:0 auto;
  gap:12px;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.wpat-form-success-modal__content .wpat-form-success-icon{
  width:58px;
  height:58px;
  font-size:30px;
}
.wpat-form-success-modal__content .wpat-form-success-title{
  font-size:17px;
  line-height:1.2;
}
.wpat-form-success-modal__content .wpat-form-success-description{
  max-width:272px;
  font-size:14px;
  line-height:1.55;
}
.wpat-form-success-modal__content .wpat-form-success-title,
.wpat-form-success-modal__content .wpat-form-success-description{
  text-align:center;
}
@media (max-width:640px){
  .wpat-form-success-modal__dialog{width:min(94vw,420px);}
  .wpat-form-success-modal__content{padding:38px 20px 34px;}
  .wpat-form-success-modal__content .wpat-form-success-panel{max-width:260px;gap:10px;}
  .wpat-form-success-modal__content .wpat-form-success-icon{width:52px;height:52px;font-size:26px;}
  .wpat-form-success-modal__content .wpat-form-success-title{font-size:16px;}
  .wpat-form-success-modal__content .wpat-form-success-description{max-width:248px;font-size:13.5px;}
}


/* r215: form system polish */
:root{
  --wpat-form-shell-bg:#ffffff;
  --wpat-form-shell-bg-soft:#f8fbff;
  --wpat-form-shell-border:#d7e0ec;
  --wpat-form-shell-shadow:0 10px 30px rgba(15,23,42,.06);
  --wpat-form-field-bg:#ffffff;
  --wpat-form-field-border:#c8d5e6;
  --wpat-form-field-border-hover:#aebfd6;
  --wpat-form-field-border-focus:#2563eb;
  --wpat-form-field-placeholder:#8ca0bb;
}

.wpat-runtime-form{
  gap:20px;
  padding:26px;
  border:1px solid var(--wpat-form-shell-border);
  border-radius:16px;
  background:linear-gradient(180deg,var(--wpat-form-shell-bg) 0%, var(--wpat-form-shell-bg-soft) 100%);
  box-shadow:var(--wpat-form-shell-shadow);
}

.wpat-runtime-form:hover{
  border-color:#c4d2e3;
  box-shadow:0 14px 36px rgba(15,23,42,.08);
}

.wpat-form-grid-front{gap:20px;}
.wpat-form-grid-two{gap:20px 18px;}
.wpat-field{gap:8px;}

.wpat-field label{
  color:#24364d;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.004em;
}

.wpat-field label span{color:#64748b;}

.wpat-field input,
.wpat-field textarea,
.wpat-field select{
  min-height:50px;
  padding:12px 15px;
  border:1px solid var(--wpat-form-field-border);
  border-radius:12px;
  background:var(--wpat-form-field-bg);
  color:#0f172a;
  font-size:15px;
  font-weight:500;
}

.wpat-field textarea{
  min-height:124px;
  padding:14px 15px;
}

.wpat-field input::placeholder,
.wpat-field textarea::placeholder{
  color:var(--wpat-form-field-placeholder);
}

.wpat-field input:hover,
.wpat-field textarea:hover,
.wpat-field select:hover{
  border-color:var(--wpat-form-field-border-hover);
  background:#ffffff;
}

.wpat-field input:focus,
.wpat-field textarea:focus,
.wpat-field select:focus{
  border-color:var(--wpat-form-field-border-focus);
  background:#ffffff;
  box-shadow:0 0 0 3px rgba(37,99,235,.10), 0 8px 20px rgba(37,99,235,.08);
}

.wpat-choice-row{gap:14px;}
.wpat-choice-row span{
  min-height:48px;
  border-radius:12px;
  border-color:var(--wpat-form-field-border);
  background:#ffffff;
}

.wpat-form-actions{padding-top:8px;}

.wpat-submit{
  min-height:44px;
  padding:0 18px;
  border-radius:12px;
  font-size:14px;
  font-weight:700;
  letter-spacing:.01em;
}

/* Keep quote forms enterprise but more premium */
form.wpat-form-template.wpat-form-template--quote,
form.wpat-form-template.wpat-form-template--quote-en,
form.wpat-runtime-form.wpat-form-template--quote,
form.wpat-runtime-form.wpat-form-template--quote-en{
  border-color:#d3dceb;
}

form.wpat-form-template.wpat-form-template--quote .wpat-submit,
form.wpat-form-template.wpat-form-template--quote-en .wpat-submit,
form.wpat-runtime-form.wpat-form-template--quote .wpat-submit,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-submit{
  min-width:168px;
  background:#ffffff;
  color:#1d4ed8;
  border:1px solid #2f5fe3;
  box-shadow:0 6px 18px rgba(37,99,235,.08);
}

form.wpat-form-template.wpat-form-template--quote .wpat-submit:hover,
form.wpat-form-template.wpat-form-template--quote-en .wpat-submit:hover,
form.wpat-runtime-form.wpat-form-template--quote .wpat-submit:hover,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-submit:hover{
  background:#eef5ff;
  color:#1d4ed8;
  border-color:#1d4ed8;
  box-shadow:0 10px 22px rgba(37,99,235,.12);
}

form.wpat-form-template.wpat-form-template--quote .wpat-submit:active,
form.wpat-form-template.wpat-form-template--quote-en .wpat-submit:active,
form.wpat-runtime-form.wpat-form-template--quote .wpat-submit:active,
form.wpat-runtime-form.wpat-form-template--quote-en .wpat-submit:active{
  background:#e9f1ff;
  box-shadow:0 4px 10px rgba(37,99,235,.08);
}

@media (max-width: 767px){
  .wpat-runtime-form{
    padding:18px;
    border-radius:16px;
    gap:18px;
    box-shadow:0 8px 22px rgba(15,23,42,.06);
  }
  .wpat-form-grid-front,
  .wpat-form-grid-two{gap:16px;}
  .wpat-field input,
  .wpat-field textarea,
  .wpat-field select{
    min-height:48px;
    font-size:16px;
    border-radius:12px;
  }
  .wpat-field textarea{min-height:112px;}
  .wpat-submit{
    width:100%;
    min-height:46px;
    border-radius:12px;
  }
}
