.mot-sample {
  --sample-blue: #0865df;
  --sample-blue-dark: #004cae;
  --sample-navy: #071b35;
  --sample-ink: #12263f;
  --sample-copy: #52647a;
  --sample-line: #d8e2ef;
  --sample-pale: #edf5ff;
  --sample-surface: #f6f9fd;
  color: var(--sample-ink);
  background: #fff;
  font-family: inherit;
  overflow: hidden;
}

body.mot-sample-view .site-content > .ast-container,
body.mot-sample-view #primary {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
}

.mot-sample *, .mot-sample *::before, .mot-sample *::after { box-sizing: border-box; }
.mot-sample a { color: inherit; }
.mot-sample svg { display: block; }
.mot-sample-shell { width: min(var(--mot-site-content-width, 1440px), calc(100% - 48px)); margin: 0 auto; }
.mot-sample-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: var(--sample-blue); font-size: 12px; font-weight: 800; letter-spacing: .16em; line-height: 1.2; }
.mot-sample-eyebrow i { width: 24px; height: 2px; background: var(--sample-blue); }

.mot-sample-hero { position: relative; padding: 28px 0 74px; background: radial-gradient(circle at 85% 40%, rgba(8,101,223,.12), transparent 29%), linear-gradient(135deg, #f7fbff 0%, #eaf4ff 100%); border-bottom: 1px solid #dfeaf8; }
.mot-sample-hero::before { position: absolute; inset: 0; background-image: linear-gradient(rgba(13,91,180,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(13,91,180,.035) 1px, transparent 1px); background-size: 42px 42px; content: ""; pointer-events: none; mask-image: linear-gradient(90deg, transparent, #000 58%, #000); }
.mot-sample-breadcrumb { position: relative; z-index: 1; display: flex; gap: 9px; align-items: center; margin-bottom: 53px; color: #6b7d91; font-size: 13px; }
.mot-sample-breadcrumb a { text-decoration: none; }
.mot-sample-breadcrumb a:hover { color: var(--sample-blue); }
.mot-sample-hero__layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: 70px; align-items: center; }
.mot-sample-hero__copy { max-width: 680px; }
.mot-sample-hero h1 { max-width: 720px; margin: 0 0 24px; color: var(--sample-navy); font-size: clamp(44px, 5vw, 70px); font-weight: 750; letter-spacing: -.052em; line-height: .98; }
.mot-sample-hero h1 span { color: var(--sample-blue); }
.mot-sample-hero__copy > p:not(.mot-sample-eyebrow):not(.mot-sample-hero__note) { max-width: 630px; margin: 0; color: var(--sample-copy); font-size: 18px; line-height: 1.72; }
.mot-sample-hero__actions { display: flex; align-items: center; gap: 26px; margin: 34px 0 23px; }
.mot-sample-hero__actions > a:not(.mot-sample-button) { color: var(--sample-blue); font-size: 14px; font-weight: 750; text-decoration: none; border-bottom: 1px solid currentColor; }
.mot-sample-button { display: inline-flex; align-items: center; justify-content: center; gap: 12px; min-height: 52px; padding: 0 24px; color: #fff !important; background: var(--sample-blue); border: 1px solid var(--sample-blue); border-radius: 4px; box-shadow: 0 12px 30px rgba(8,101,223,.2); font-size: 14px; font-weight: 800; text-decoration: none !important; transition: .2s ease; }
.mot-sample-button svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.mot-sample-button:hover { background: var(--sample-blue-dark); transform: translateY(-1px); }
.mot-sample-hero__note { display: flex; gap: 9px; align-items: flex-start; max-width: 610px; margin: 0; color: #68798e; font-size: 12px; line-height: 1.55; }
.mot-sample-hero__note::before { flex: 0 0 auto; width: 7px; height: 7px; margin-top: 6px; background: #f2a93b; border-radius: 50%; content: ""; }
.mot-sample-hero__art { position: relative; align-self: end; }
.mot-sample-hero__art > svg { width: 100%; height: auto; filter: drop-shadow(0 24px 22px rgba(24,71,130,.08)); }
.mot-sample-hero__art > div { position: absolute; right: 18px; bottom: -11px; width: 230px; padding: 16px 18px; background: rgba(255,255,255,.94); border: 1px solid #d7e5f5; border-radius: 5px; box-shadow: 0 14px 36px rgba(35,76,124,.12); }
.mot-sample-hero__art strong, .mot-sample-hero__art span { display: block; }
.mot-sample-hero__art strong { margin-bottom: 4px; color: var(--sample-navy); font-size: 13px; }
.mot-sample-hero__art span { color: #728196; font-size: 11px; }

.mot-sample-qualifiers { position: relative; z-index: 2; background: #fff; border-bottom: 1px solid var(--sample-line); box-shadow: 0 9px 28px rgba(36,71,110,.055); }
.mot-sample-qualifiers .mot-sample-shell { display: grid; grid-template-columns: repeat(4, 1fr); }
.mot-sample-qualifiers .mot-sample-shell > div { display: flex; gap: 14px; align-items: center; min-height: 100px; padding: 21px 24px; border-left: 1px solid var(--sample-line); }
.mot-sample-qualifiers .mot-sample-shell > div:last-child { border-right: 1px solid var(--sample-line); }
.mot-sample-qualifiers svg { flex: 0 0 auto; width: 25px; height: 25px; fill: none; stroke: var(--sample-blue); stroke-width: 1.65; }
.mot-sample-qualifiers span, .mot-sample-qualifiers strong, .mot-sample-qualifiers small { display: block; }
.mot-sample-qualifiers strong { margin-bottom: 4px; color: var(--sample-navy); font-size: 13px; line-height: 1.25; }
.mot-sample-qualifiers small { color: #718196; font-size: 11px; line-height: 1.4; }

.mot-sample-process { padding: 102px 0 110px; }
.mot-sample-section-heading { display: flex; justify-content: space-between; align-items: end; gap: 60px; margin-bottom: 48px; }
.mot-sample-section-heading .mot-sample-eyebrow { margin-bottom: 14px; }
.mot-sample-section-heading h2, .mot-sample-application aside > h2, .mot-sample-next h2 { margin: 0; color: var(--sample-navy); font-size: clamp(34px, 3.5vw, 50px); letter-spacing: -.035em; line-height: 1.08; }
.mot-sample-section-heading > p { max-width: 350px; margin: 0 0 5px; color: var(--sample-copy); font-size: 15px; line-height: 1.65; }
.mot-sample-process ol { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 0; padding: 0; list-style: none; }
.mot-sample-process li { position: relative; min-height: 280px; padding: 34px 32px; background: #fff; border: 1px solid var(--sample-line); transition: border-color .2s, box-shadow .2s, transform .2s; }
.mot-sample-process li:hover { border-color: #afc9ea; box-shadow: 0 18px 42px rgba(27,69,119,.09); transform: translateY(-3px); }
.mot-sample-process li > span { position: absolute; top: 25px; right: 27px; color: #dce7f4; font-size: 43px; font-weight: 800; line-height: 1; }
.mot-sample-process li > i { display: grid; width: 52px; height: 52px; margin-bottom: 29px; place-items: center; color: var(--sample-blue); background: var(--sample-pale); border-radius: 3px; }
.mot-sample-process li svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.65; }
.mot-sample-process h3 { margin: 0 0 13px; color: var(--sample-navy); font-size: 19px; }
.mot-sample-process li p { margin: 0; color: var(--sample-copy); font-size: 14px; line-height: 1.75; }

.mot-sample-application { padding: 104px 0 112px; background: var(--sample-surface); border-top: 1px solid #e1e9f3; border-bottom: 1px solid #e1e9f3; scroll-margin-top: 132px; }
.mot-sample-application__layout { display: grid; grid-template-columns: minmax(280px, 370px) minmax(0, 1fr); gap: clamp(48px, 7vw, 96px); align-items: start; }
.mot-sample-application aside { position: sticky; top: 120px; }
.mot-sample-application aside > h2 { margin-bottom: 23px; font-size: clamp(35px, 3.7vw, 52px); }
.mot-sample-application aside > p:not(.mot-sample-eyebrow) { margin: 0; color: var(--sample-copy); font-size: 15px; line-height: 1.75; }
.mot-sample-ready { margin-top: 36px; padding: 25px 0 21px; border-top: 1px solid #cfdbea; border-bottom: 1px solid #cfdbea; }
.mot-sample-ready h3 { margin: 0 0 17px; color: var(--sample-navy); font-size: 13px; text-transform: uppercase; letter-spacing: .08em; }
.mot-sample-ready ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }
.mot-sample-ready li { display: flex; gap: 10px; align-items: center; color: #41566f; font-size: 13px; }
.mot-sample-ready svg { width: 16px; height: 16px; fill: none; stroke: var(--sample-blue); stroke-width: 2; }
.mot-sample-support { display: flex; gap: 15px; align-items: flex-start; margin-top: 26px; }
.mot-sample-support > span { display: grid; flex: 0 0 auto; width: 38px; height: 38px; place-items: center; color: var(--sample-blue); background: #fff; border: 1px solid #d6e2f0; border-radius: 50%; }
.mot-sample-support svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.mot-sample-support strong { display: block; margin: 1px 0 3px; color: var(--sample-navy); font-size: 13px; }
.mot-sample-support p { margin: 0; color: #718196; font-size: 12px; line-height: 1.55; }
.mot-sample-form-card { overflow: hidden; background: #fff; border: 1px solid #d3deeb; border-radius: 6px; box-shadow: 0 18px 50px rgba(25,61,104,.09); }
.mot-sample-form-card__head { display: flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 69px; padding: 20px 30px; background: var(--sample-navy); color: #fff; }
.mot-sample-form-card__head > span { font-size: 16px; font-weight: 750; }
.mot-sample-form-card__head small { display: flex; gap: 7px; align-items: center; color: #b9cae0; font-size: 11px; }
.mot-sample-form-card__head i { width: 6px; height: 6px; background: #50b4ff; border-radius: 50%; }
.mot-sample-form { padding: 32px 30px 16px; }
.mot-sample-form .frm-fluent-form > fieldset { display: grid; min-width: 0; margin: 0; padding: 0; border: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 20px; }
.mot-sample-form .frm-fluent-form > fieldset > * { grid-column: 1 / -1; }
.mot-sample-form .frm-fluent-form > fieldset > .mot-field-half { grid-column: auto; }
.mot-sample-form .ff-el-group { margin-bottom: 21px; }
.mot-sample-form .ff-el-input--label { margin-bottom: 8px; }
.mot-sample-form .ff-el-input--label label { color: var(--sample-navy); font-size: 12px; font-weight: 750; line-height: 1.35; }
.mot-sample-form .ff-el-input--label.ff-el-is-required.asterisk-right label::after { color: #d94b55; }
.mot-sample-form input[type="text"], .mot-sample-form input[type="email"], .mot-sample-form input[type="number"], .mot-sample-form input[type="date"], .mot-sample-form select, .mot-sample-form textarea { width: 100%; min-height: 48px; margin: 0; padding: 11px 13px; color: var(--sample-ink); background: #fbfdff; border: 1px solid #cbd8e7; border-radius: 3px; box-shadow: none; font-family: inherit; font-size: 14px; line-height: 1.45; transition: border-color .18s, background .18s, box-shadow .18s; }
.mot-sample-form textarea { min-height: 118px; resize: vertical; }
.mot-sample-form input:focus, .mot-sample-form select:focus, .mot-sample-form textarea:focus { outline: 0; border-color: var(--sample-blue); background: #fff; box-shadow: 0 0 0 3px rgba(8,101,223,.1); }
.mot-sample-form input.is-filled, .mot-sample-form select.is-filled, .mot-sample-form textarea.is-filled { background: #fff; }
.mot-sample-form input::placeholder, .mot-sample-form textarea::placeholder { color: #94a1b2; }
.mot-sample-form .ff-el-form-check { display: flex; gap: 10px; align-items: flex-start; }
.mot-sample-form .ff-el-form-check-input { flex: 0 0 auto; width: 17px; height: 17px; margin-top: 3px; accent-color: var(--sample-blue); }
.mot-sample-form .ff-el-form-check-label, .mot-sample-form .ff-el-form-check-label p { color: #5e6f83; font-size: 12px; line-height: 1.6; }
.mot-sample-form .ff-el-form-check-label p { margin: 0; }
.mot-sample-form .ff-el-form-check-label a { color: var(--sample-blue); }
.mot-sample-form .ff-el-is-error input, .mot-sample-form .ff-el-is-error select, .mot-sample-form .ff-el-is-error textarea { border-color: #d94b55; }
.mot-sample-form .text-danger, .mot-sample-form .error { color: #c73642; font-size: 11px; }
.mot-sample-form .ff-btn-submit, .mot-sample-form button[type="submit"] { width: 100%; min-height: 52px; padding: 13px 22px; color: #fff; background: var(--sample-blue); border: 1px solid var(--sample-blue); border-radius: 3px; box-shadow: 0 11px 26px rgba(8,101,223,.18); font-family: inherit; font-size: 14px; font-weight: 800; opacity: 1; transition: background .18s, transform .18s; }
.mot-sample-form .ff-btn-submit:hover, .mot-sample-form button[type="submit"]:hover { background: var(--sample-blue-dark); transform: translateY(-1px); }
.mot-sample-form .ff-message-success { padding: 25px; color: #16582c; background: #effaf2; border: 1px solid #b6dfc0; border-radius: 4px; box-shadow: none; font-size: 14px; line-height: 1.7; }
.mot-sample-form-card__privacy { margin: 0 30px; padding: 17px 0 25px; color: #718196; border-top: 1px solid #e5ebf3; font-size: 11px; line-height: 1.55; }
.mot-sample-form-card__privacy a { color: var(--sample-blue); }
.mot-sample-form-unavailable { padding: 20px; background: #fff7e8; border: 1px solid #efd6a6; }
.mot-sample-form-unavailable h3 { margin: 0 0 8px; font-size: 17px; }
.mot-sample-form-unavailable p { margin: 0; font-size: 13px; line-height: 1.65; }

.mot-sample-guidance { padding: 105px 0 100px; }
.mot-sample-guidance__layout { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--sample-line); border-left: 1px solid var(--sample-line); }
.mot-sample-guidance article { min-height: 265px; padding: 31px 27px; border-right: 1px solid var(--sample-line); border-bottom: 1px solid var(--sample-line); }
.mot-sample-guidance article > span { display: grid; width: 43px; height: 43px; margin-bottom: 24px; color: var(--sample-blue); background: var(--sample-pale); place-items: center; }
.mot-sample-guidance article svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.mot-sample-guidance h3 { margin: 0 0 12px; color: var(--sample-navy); font-size: 16px; line-height: 1.35; }
.mot-sample-guidance article p { margin: 0; color: var(--sample-copy); font-size: 13px; line-height: 1.75; }
.mot-sample-guidance__note { margin: 25px 0 0; color: #6c7c8f; font-size: 13px; text-align: right; }
.mot-sample-guidance__note a { color: var(--sample-blue); font-weight: 700; }

.mot-sample-next { padding: 76px 0; color: #fff; background: var(--sample-navy); }
.mot-sample-next .mot-sample-shell { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; }
.mot-sample-next .mot-sample-eyebrow { color: #61b3ff; }
.mot-sample-next h2 { color: #fff; font-size: clamp(33px, 3vw, 46px); }
.mot-sample-next .mot-sample-shell > div:first-child > p:last-child { max-width: 570px; margin: 20px 0 0; color: #a9bbcf; font-size: 14px; line-height: 1.7; }
.mot-sample-next .mot-sample-shell > div:last-child { border-top: 1px solid #31445d; }
.mot-sample-next .mot-sample-shell > div:last-child a { display: flex; justify-content: space-between; align-items: center; padding: 17px 4px; color: #fff; border-bottom: 1px solid #31445d; font-size: 14px; font-weight: 700; text-decoration: none; transition: color .18s, padding .18s; }
.mot-sample-next .mot-sample-shell > div:last-child a:hover { padding-left: 8px; color: #6eb8ff; }
.mot-sample-next a svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.7; }

@media (max-width: 1000px) {
  .mot-sample-hero__layout { grid-template-columns: minmax(0, 1.15fr) minmax(310px, .85fr); gap: 30px; }
  .mot-sample-qualifiers .mot-sample-shell { grid-template-columns: repeat(2, 1fr); }
  .mot-sample-qualifiers .mot-sample-shell > div:nth-child(2) { border-right: 1px solid var(--sample-line); }
  .mot-sample-qualifiers .mot-sample-shell > div:nth-child(-n+2) { border-bottom: 1px solid var(--sample-line); }
  .mot-sample-guidance__layout { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  .mot-sample-shell { width: min(100% - 32px, 620px); }
  .mot-sample-hero { padding: 20px 0 51px; }
  .mot-sample-breadcrumb { margin-bottom: 39px; }
  .mot-sample-hero__layout { display: block; }
  .mot-sample-hero__copy { max-width: none; }
  .mot-sample-hero h1 { font-size: clamp(39px, 12vw, 53px); line-height: 1.01; }
  .mot-sample-hero__copy > p:not(.mot-sample-eyebrow):not(.mot-sample-hero__note) { font-size: 16px; line-height: 1.65; }
  .mot-sample-hero__actions { flex-wrap: wrap; gap: 18px 23px; margin-top: 28px; }
  .mot-sample-button { width: 100%; }
  .mot-sample-hero__note { margin-top: 3px; }
  .mot-sample-hero__art { display: none; }
  .mot-sample-qualifiers .mot-sample-shell { width: 100%; }
  .mot-sample-qualifiers .mot-sample-shell > div { min-height: 102px; padding: 18px 15px; border-left: 0; }
  .mot-sample-qualifiers .mot-sample-shell > div:nth-child(odd) { border-right: 1px solid var(--sample-line); }
  .mot-sample-qualifiers .mot-sample-shell > div:last-child { border-right: 0; }
  .mot-sample-qualifiers svg { width: 22px; height: 22px; }
  .mot-sample-qualifiers strong { font-size: 12px; }
  .mot-sample-qualifiers small { font-size: 10px; }
  .mot-sample-process, .mot-sample-guidance { padding: 75px 0; }
  .mot-sample-section-heading { display: block; margin-bottom: 33px; }
  .mot-sample-section-heading h2, .mot-sample-application aside > h2, .mot-sample-next h2 { font-size: 35px; }
  .mot-sample-section-heading > p { margin-top: 17px; }
  .mot-sample-process ol { grid-template-columns: 1fr; }
  .mot-sample-process li { min-height: 0; padding: 29px 25px; }
  .mot-sample-application { padding: 73px 0 80px; }
  .mot-sample-application__layout { display: block; }
  .mot-sample-application aside { position: static; }
  .mot-sample-support { margin-bottom: 35px; }
  .mot-sample-form-card__head { align-items: flex-start; padding: 18px 19px; }
  .mot-sample-form-card__head small { max-width: 120px; justify-content: flex-end; text-align: right; }
  .mot-sample-form { padding: 25px 19px 10px; }
  .mot-sample-form .frm-fluent-form > fieldset { display: block; }
  .mot-sample-form-card__privacy { margin: 0 19px; }
  .mot-sample-guidance__layout { grid-template-columns: 1fr; }
  .mot-sample-guidance article { min-height: 0; }
  .mot-sample-guidance__note { text-align: left; }
  .mot-sample-next { padding: 66px 0; }
  .mot-sample-next .mot-sample-shell { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 410px) {
  .mot-sample-qualifiers .mot-sample-shell { grid-template-columns: 1fr; }
  .mot-sample-qualifiers .mot-sample-shell > div { min-height: 84px; border-right: 0 !important; border-bottom: 1px solid var(--sample-line); }
  .mot-sample-hero__actions > a:not(.mot-sample-button) { margin-left: 2px; }
}

@media (prefers-reduced-motion: reduce) {
  .mot-sample *, .mot-sample *::before, .mot-sample *::after { scroll-behavior: auto !important; transition: none !important; }
}