@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

.asmf{
  --navy:#0A5282;
  --navy-dark:#083f65;
  --gold:#E5BB5D;
  --dark:#294153;
  --muted:#536A7B;
  --border:#D6E0E7;
  --soft:#F8FAFB;
  --cream:#FFF8E8;
  width:100%;
  max-width:900px;
  margin:0 auto;
  padding:0 18px;
  color:var(--dark);
}
.asmf,.asmf *{box-sizing:border-box;font-family:'Montserrat',Arial,sans-serif!important}
.asmf button,.asmf input,.asmf select,.asmf textarea{font-family:'Montserrat',Arial,sans-serif!important}
.asmf [hidden]{display:none!important}
.asmf-form{margin:0;width:100%}
.asmf-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* Card + progress: matched to Website form */
.asmf-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:0 18px 45px rgba(10,82,130,.08);
  padding:28px 42px 34px;
  min-height:560px;
  overflow:hidden;
  scroll-margin-top:24px;
}
.asmf-progress{height:4px;background:#e8eef2;border-radius:9px;overflow:hidden}
.asmf-progress i{display:block;height:100%;width:25%;background:var(--gold);transition:width .3s ease}
.asmf-meta{display:flex;justify-content:space-between;align-items:center;margin:12px 0 30px;font-size:13px;color:var(--muted)}
.asmf-start-over,.asmf-start-over:hover,.asmf-start-over:focus{
  border:0!important;background:transparent!important;color:var(--navy)!important;text-decoration:underline;
  font-size:11px!important;font-weight:700!important;cursor:pointer;padding:0!important;box-shadow:none!important;
  text-transform:none!important;letter-spacing:normal!important;
}

/* Step typography */
.asmf-step{padding:0}
.asmf-step-head{text-align:center;margin:0 0 30px}
.asmf-step-head small{display:none}
.asmf-step-head h4,.asmf-success h4{
  text-align:center;color:var(--navy)!important;font-size:clamp(28px,3vw,40px)!important;line-height:1.2!important;
  margin:0 0 8px!important;font-weight:500!important;letter-spacing:-.02em!important;
}
.asmf-step-head p{color:var(--muted);line-height:1.65;text-align:center;margin:0;font-size:16px;font-weight:400}

/* Fields */
.asmf-fields{display:grid;gap:18px;margin:20px 0;align-items:start}
.asmf-fields--two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.asmf-field-full{grid-column:1/-1}
.asmf-fields label,.asmf-budget-grid label{display:block;min-width:0;font-size:15px;font-weight:650;color:var(--dark);line-height:1.45}
.asmf-fields label>span,.asmf-budget-grid label>span{display:block;margin:0;font-size:15px;font-weight:650;color:var(--dark);line-height:1.45}
.asmf-fields label>span small,.asmf-budget-grid label>span small{font-weight:500;color:var(--muted)}
.asmf input[type="text"],.asmf input[type="email"],.asmf input[type="tel"],.asmf input[type="number"],.asmf select,.asmf textarea{
  display:block;width:100%!important;min-width:0!important;max-width:100%!important;min-height:50px;margin-top:9px;
  border:1px solid #c7d3db!important;border-radius:10px;padding:13px 14px!important;background:#fff!important;color:#263f50!important;
  font-size:15px!important;font-weight:500!important;line-height:1.4!important;box-shadow:none!important;text-transform:none!important;
  letter-spacing:normal!important;outline:none;
}
.asmf select{cursor:pointer}
.asmf textarea{height:auto;min-height:108px;resize:vertical}
.asmf input::placeholder,.asmf textarea::placeholder{color:#718696;opacity:1}
.asmf input:focus,.asmf select:focus,.asmf textarea:focus{border-color:#c7d3db!important;box-shadow:none!important}
.asmf input:focus-visible,.asmf select:focus-visible,.asmf textarea:focus-visible{outline:3px solid rgba(229,187,93,.45)!important;outline-offset:2px}

/* Choice groups */
.asmf-choice-field{border:0;padding:0;margin:24px 0;min-width:0}
.asmf-choice-field:first-of-type{margin-top:0}
.asmf-choice-field:last-child{margin-bottom:0}
.asmf-choice-field legend{font-weight:700;color:var(--navy);margin:0 0 12px;padding:0;font-size:16px;line-height:1.4}
.asmf-choice-field legend small{font-weight:500;color:var(--muted);font-size:13px}
.asmf-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.asmf-choice-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.asmf-choice-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.asmf-choice-grid button,.asmf-choice-grid button:hover,.asmf-choice-grid button:focus{
  position:relative;display:flex;align-items:center;justify-content:center;width:100%!important;min-width:0;min-height:54px;
  border:1px solid #cfd9e0!important;background:#fff!important;border-radius:11px;padding:13px 15px!important;
  color:var(--dark)!important;font-size:15px!important;font-weight:600!important;line-height:1.35!important;cursor:pointer;
  box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;white-space:normal!important;text-align:center;
  transform:none!important;
}
.asmf-choice-grid button b{font-size:15px!important;font-weight:600!important;line-height:1.35!important;color:inherit!important}
.asmf-choice-grid button>span{display:none!important}
.asmf-choice-grid button.is-selected,.asmf-choice-grid button.is-selected:hover,.asmf-choice-grid button.is-selected:focus{
  border-color:var(--gold)!important;background:var(--cream)!important;color:var(--navy)!important;
  box-shadow:0 0 0 1px rgba(229,187,93,.2)!important;
}
.asmf-choice-grid button:focus-visible{outline:3px solid rgba(229,187,93,.45)!important;outline-offset:2px}
.asmf-info{position:absolute;right:10px;top:50%;transform:translateY(-50%);display:grid!important;place-items:center;width:20px;height:20px;margin:0!important;border-radius:50%;background:var(--gold);color:#4d3b16!important;font-size:11px!important;font-weight:800!important;cursor:pointer}
.asmf-helper{margin-top:10px;color:var(--muted);font-size:13px;font-weight:500;line-height:1.5}

/* Budget */
.asmf-budget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}
.asmf-budget-grid label{display:grid;gap:0;color:var(--navy);font-size:15px;font-weight:700}
.asmf-budget-grid input{width:100%;min-height:52px;border:1px solid #c9d1d7!important;border-radius:10px;padding:12px 14px!important;color:var(--navy)!important;background:#fff!important}

/* Consent + errors */
.asmf-consent{display:flex!important;gap:10px;align-items:flex-start;margin:25px 0;font-size:14px;color:var(--muted);line-height:1.5;cursor:pointer}
.asmf-consent input{flex:0 0 auto;width:16px!important;height:16px!important;min-height:0!important;margin:3px 0 0!important;padding:0!important;accent-color:var(--navy)}
.asmf-consent span{display:block!important;margin:0!important;color:var(--muted)!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important}
.asmf-consent a{color:var(--gold)!important;font-weight:600;text-decoration:none}
.asmf-choice-field>i,.asmf label>i,.asmf-consent-error,.asmf-global-error{color:#a61b12;font-size:14px;font-weight:700;line-height:1.4;font-style:normal}
.asmf-choice-field>i,.asmf label>i,.asmf-consent-error{display:block;min-height:0;margin-top:8px}
.asmf-global-error{min-height:20px;margin-top:8px}

/* Navigation buttons: exact Website form behavior */
.asmf-nav{border-top:1px solid #e8edf1;margin-top:34px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.asmf-next,.asmf-back,.asmf-next:hover,.asmf-next:focus,.asmf-back:hover,.asmf-back:focus{
  min-height:48px;border-radius:999px;padding:13px 24px!important;font-size:14px!important;font-weight:700!important;
  line-height:1.2!important;cursor:pointer;box-shadow:none!important;text-transform:uppercase!important;letter-spacing:.02em!important;
  transform:none!important;
}
.asmf-next,.asmf-next:hover,.asmf-next:focus{margin-left:auto;background:var(--navy)!important;color:#fff!important;border:1px solid var(--navy)!important}
.asmf-next:hover,.asmf-next:focus{background:var(--navy-dark)!important;border-color:var(--navy-dark)!important}
.asmf-next>span{color:inherit!important;font-size:inherit!important}
.asmf-back,.asmf-back:hover,.asmf-back:focus{background:#fff!important;color:var(--navy)!important;border:1px solid var(--border)!important}
.asmf-back:hover,.asmf-back:focus{border-color:var(--navy)!important}
.asmf-next:disabled{opacity:.6;cursor:not-allowed}

/* Success */
.asmf-success{text-align:center;padding:50px 10px}
.asmf-success-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 18px;border-radius:50%;background:var(--cream);color:var(--navy);font-size:30px;box-shadow:none}
.asmf-success small{display:block;color:var(--gold);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}
.asmf-success p{max-width:560px;margin:0 auto 18px;color:var(--muted);line-height:1.65;font-size:16px}
.asmf-reference{display:inline-flex;gap:8px;padding:10px 14px;border-radius:999px;background:var(--soft);color:var(--muted);font-size:12px}
.asmf-reference strong{color:var(--navy)}

/* Content Studio modal */
.asmf-modal{position:fixed;inset:0;z-index:99999;padding:20px;display:grid;place-items:center}
.asmf-modal[hidden]{display:none!important}
.asmf-modal-backdrop{position:absolute;inset:0;background:rgba(20,35,45,.55)}
.asmf-modal-dialog{position:relative;z-index:1;left:auto;top:auto;transform:none;width:100%;max-width:430px;background:#fff;border-radius:16px;padding:26px;box-shadow:0 24px 70px rgba(20,35,45,.18)}
.asmf-modal-dialog>small{display:block;color:var(--gold);font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.asmf-modal-dialog h4{margin:0 0 10px!important;color:var(--navy)!important;font-size:24px!important;font-weight:600!important}
.asmf-modal-dialog p{margin:0;color:var(--muted);line-height:1.65;font-size:14px}
.asmf-modal-close,.asmf-modal-close:hover,.asmf-modal-close:focus{position:absolute;right:14px;top:12px;width:34px;height:34px;padding:0!important;border-radius:99px;border:1px solid var(--border)!important;cursor:pointer;background:#fff!important;color:var(--navy)!important;font-size:21px;line-height:1;box-shadow:none!important}

/* v1.0.3 — Website form brand-colour parity */
.asmf-fields label,
.asmf-fields label>span,
.asmf-budget-grid label,
.asmf-budget-grid label>span{color:var(--navy)!important;}
.asmf-choice-field legend{color:var(--navy)!important;}
.asmf-choice-grid button,
.asmf-choice-grid button:hover,
.asmf-choice-grid button:focus,
.asmf-choice-grid button b{color:var(--navy)!important;}

@media(max-width:900px){
  .asmf-choice-grid,.asmf-choice-grid--three,.asmf-choice-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .asmf{padding:0 10px}
  .asmf-card{padding:22px 18px;min-height:auto}
  .asmf-fields--two,.asmf-choice-grid,.asmf-choice-grid--three,.asmf-choice-grid--four,.asmf-budget-grid{grid-template-columns:1fr}
  .asmf-field-full{grid-column:auto}
  .asmf-meta{margin-bottom:22px}
  .asmf-step-head h4{font-size:29px!important}
  .asmf-nav{gap:10px;flex-direction:column-reverse}
  .asmf-nav button{width:100%}
  .asmf-modal-dialog{padding:24px 20px}
}
@media(prefers-reduced-motion:reduce){
  .asmf *{scroll-behavior:auto!important;transition:none!important}
}

/* v1.0.4 — shorter, friendlier 7-step flow */
.asmf-choice-grid--goals{grid-template-columns:repeat(3,minmax(0,1fr));}
@media(max-width:900px){
  .asmf-choice-grid--goals{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:480px){
  .asmf-choice-grid--goals{grid-template-columns:1fr;}
}

/* Service cards: title + concise explanation */
.asmf-choice-grid--services button,
.asmf-choice-grid--services button:hover,
.asmf-choice-grid--services button:focus{
  min-height:86px;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
  text-align:left;
  padding:14px 16px!important;
}
.asmf-choice-grid--services button b{
  display:block;
  width:100%;
  color:var(--navy)!important;
  text-align:left;
}
.asmf-choice-grid--services .asmf-choice-desc{
  display:block!important;
  width:100%;
  margin:0!important;
  color:var(--muted)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.4!important;
  text-align:left;
}
.asmf-choice-grid--services button.is-selected .asmf-choice-desc{
  color:#5d6871!important;
}
@media (max-width:640px){
  .asmf-choice-grid--services button,
  .asmf-choice-grid--services button:hover,
  .asmf-choice-grid--services button:focus{
    min-height:78px;
    padding:13px 14px!important;
  }
}

/* v1.0.8 — single budget field matches one timeline option column */
.asmf-budget-grid--single{
  grid-template-columns:minmax(0,1fr)!important;
  width:calc((100% - 22px) / 3);
  max-width:none;
}
.asmf-budget-grid--single input{min-height:54px!important;}
@media(max-width:900px){
  .asmf-budget-grid--single{width:calc((100% - 11px) / 2);}
}
@media(max-width:767px){
  .asmf-budget-grid--single{width:100%;}
}
