.mydev-guidance-faq { color: var(--mydev-color-heading, var(--e-global-color-primary, #131b2e)); }
.mydev-guidance-faq__intro { margin: 0 0 20px; color: var(--mydev-color-heading, #131b2e); font-size: 18px; line-height: 1.4; font-weight: 500; }
.mydev-guidance-faq__item { border-block-end: 1px solid #ccd5e1; }
.mydev-guidance-faq__item:first-child { border-block-start: 1px solid #ccd5e1; }
.mydev-guidance-faq summary { box-sizing: border-box; display: grid; grid-template-columns: 2.375rem minmax(0, 1fr) 1.5rem; align-items: center; gap: 1rem; min-block-size: 68px; padding-block: 23px; padding-inline: 0; cursor: pointer; list-style: none; font-family: var(--mydev-font-body, "Poppins", sans-serif); font-size: 18px; line-height: 1.4; font-weight: 500; }
.mydev-guidance-faq summary::-webkit-details-marker { display: none; }
.mydev-guidance-faq__item[open] { border-block-end-color: #ff8f60; }
.mydev-guidance-faq__number { color: #8593a6; font: 11px ui-monospace, SFMono-Regular, Menlo, monospace; }
.mydev-guidance-faq__item[open] .mydev-guidance-faq__number, .mydev-guidance-faq__toggle { color: #c44913; }
.mydev-guidance-faq__toggle { font-size: 25px; font-weight: 400; text-align: end; }
.mydev-guidance-faq__body { box-sizing: border-box; padding: 0 16px 26px 38px; color: #5d6c83; font-size: 14px; line-height: 1.75; }
.mydev-guidance-faq__body p { margin: 0; }
.mydev-guidance-faq__service { display: inline-block; padding: 5px 10px; border-radius: 6px; color: #ac3c0c; background: #fff0e8; font-size: 11px; line-height: 1.5; font-weight: 600; }
.mydev-guidance-faq__benefit { margin: 14px 0 12px !important; color: var(--mydev-color-heading, #131b2e); font-size: 24px; line-height: 1.3; font-weight: 400; }
.mydev-guidance-faq__example { margin-block-start: 20px; padding-block-start: 16px; border-block-start: 1px solid #dce2eb; }
.mydev-guidance-faq__example span { color: #7c899b; font: 10px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; }
.mydev-guidance-faq__example ul { display: flex; flex-wrap: wrap; gap: 8px 0; margin: 10px 0 0; padding: 0; list-style: none; }
.mydev-guidance-faq__example li { display: flex; align-items: center; color: #43536b; font-size: 11px; line-height: 1.6; }
.mydev-guidance-faq__example li:not(:last-child)::after { margin-inline: 9px; color: #bc572b; content: "→"; }
.mydev-guidance-faq summary:focus-visible { outline: 2px solid #e65a20; outline-offset: 4px; border-radius: 4px; }

.mydev-next-step { box-sizing: border-box; overflow: hidden; padding: 32px; border: 1px solid #304056; border-radius: 22px; background: radial-gradient(ellipse at 100% 0, #25384f, transparent 65%), #0d1727; box-shadow: 0 20px 45px #18283e16; color: #fff; }
.elementor-widget-mydev-next-step.mydev-next-step-sticky-yes { position: sticky; top: 105px; align-self: start; z-index: 1; }
.mydev-next-step__meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #fff; font-size: 11px; line-height: 1.7; }
.mydev-next-step__meta span:first-child { color: #ffa47c; letter-spacing: .1em; }
.mydev-next-step__meta span:last-child { padding: 7px 10px; border: 1px solid #42516a; border-radius: 30px; color: #d6e1ef; }
.mydev-next-step h3 { margin: 26px 0 18px; color: #fff; font-family: var(--mydev-font-display, "Questrial", sans-serif); font-size: clamp(28px, 3vw, 40px); font-weight: 400; letter-spacing: -.035em; line-height: 1.12; }
.mydev-next-step h3 em { color: #ffab84; font-style: normal; }
.mydev-next-step > p { margin: 0; color: #b8c5d7; font-size: 14px; line-height: 1.7; }
.mydev-next-step ul { display: grid; gap: 14px; margin: 24px 0 28px; padding: 0; list-style: none; }
.mydev-next-step li { display: flex; align-items: flex-start; gap: 10px; color: #ecf1f8; font-size: 13px; line-height: 1.6; }
.mydev-next-step li span { color: #ff9c71; font-weight: 600; }
.mydev-next-step__button { display: flex; inline-size: 100%; min-block-size: 52px; align-items: center; justify-content: center; font-size: 14px; }
.mydev-next-step__reassurance { margin: 12px 0 0 !important; color: #b8c5d7 !important; font-size: 11px !important; line-height: 18px !important; text-align: center; }
.mydev-next-step__signature { display: flex; align-items: center; gap: 18px; margin-block-start: 24px; padding-block-start: 20px; border-block-start: 1px solid #354258; color: #a6b6cc; font-size: 11px; line-height: 1.65; }
.mydev-next-step__signature strong { color: #fff; font-size: 23px; font-weight: 400; letter-spacing: -.06em; }
.mydev-next-step__button:hover { font-weight: 600; transform: translateY(-2px); }

/* A selected semantic surface replaces the legacy dark-card recipe above. */
.mydev-next-step.mydev-has-surface-preset { background: var(--mydev-component-background); border-color: var(--mydev-component-border); box-shadow: var(--mydev-component-shadow, none); color: var(--mydev-component-body); }
.mydev-next-step.mydev-has-surface-preset .mydev-next-step__meta { color: var(--mydev-component-body); }
.mydev-next-step.mydev-has-surface-preset .mydev-next-step__meta span:first-child, .mydev-next-step.mydev-has-surface-preset h3 em, .mydev-next-step.mydev-has-surface-preset li span { color: var(--mydev-component-action); }
.mydev-next-step.mydev-has-surface-preset .mydev-next-step__meta span:last-child, .mydev-next-step.mydev-has-surface-preset .mydev-next-step__signature { border-color: var(--mydev-component-border); color: var(--mydev-component-muted); }
.mydev-next-step.mydev-has-surface-preset h3, .mydev-next-step.mydev-has-surface-preset .mydev-next-step__signature strong { color: var(--mydev-component-heading); }
.mydev-next-step.mydev-has-surface-preset > p, .mydev-next-step.mydev-has-surface-preset .mydev-next-step__reassurance { color: var(--mydev-component-body) !important; }
.mydev-next-step.mydev-has-surface-preset li { color: var(--mydev-component-body); }
.mydev-next-step.mydev-density--flush { padding: 0; }
.mydev-next-step.mydev-density--compact { padding: 22px; }
.mydev-next-step.mydev-density--normal { padding: 32px; }
.mydev-next-step.mydev-density--spacious { padding: 42px; }

@media (max-width: 767px) {
  .elementor-widget-mydev-next-step.mydev-next-step-sticky-yes { position: relative; top: auto; }
  .mydev-next-step { padding: 26px 22px; }
  .mydev-next-step h3 { font-size: 34px; line-height: 38px; }
  .mydev-guidance-faq__body { padding-inline-start: 32px; padding-inline-end: 0; }
  .mydev-guidance-faq__benefit { font-size: 22px; line-height: 1.3; }
  .mydev-guidance-faq__intro { font-size: 16px; }
}