/* Preserve the 420px landing-page canvas and fit it into narrow screens. */
@media(max-width:767px) {
 .ladi-wraper {width:420px!important;margin:0 auto!important;zoom:var(--rem-mobile-scale,1);}
 #SECTION376>.ladi-container {width:calc(100% - 36px)!important;}
 #rem-web-developer .rem-developer-inner {width:calc(100% - 36px)!important;}
 #FORM362 input,#FORM362 select,#FORM362 textarea {font-size:18px!important;}
 /* Each item must follow the 359px card plus 10px gap. */
 #CAROUSEL_ITEM372 {left:1107px!important;}
 #CAROUSEL_ITEM364 {left:1476px!important;}
 #CAROUSEL_ITEM373 {left:1845px!important;}
 .ladi-carousel-arrow::after {content:"";position:absolute;inset:-12px;}
 /* Stack the learning stages and let their text determine their height. */
 #SECTION366 {height:auto!important;}
 #SECTION366>.ladi-section-background {background-color:#fff7df!important;}
 #SECTION366>.ladi-container {height:auto!important;display:flex;flex-direction:column;gap:18px;padding:26px 20px;}
 #SECTION366>.ladi-container>:is(#BOX501,#SHAPE378,#SHAPE379,#IMAGE427,#BOX373,#SHAPE380,#BOX376,#SHAPE382,#PARAGRAPH406) {display:none!important;}
 #SECTION366>.ladi-container>:is(#HEADLINE367,#PARAGRAPH648,#GROUP537,#LIST_PARAGRAPH370,#GROUP535,#GROUP536,#BUTTON368) {position:static!important;width:100%!important;height:auto!important;}
 #SECTION366 #HEADLINE367 {order:0;}
 #SECTION366 #HEADLINE367>.ladi-headline {font-size:28px!important;line-height:1.35!important;}
 #SECTION366 #PARAGRAPH648 {order:1;}
 #SECTION366 #PARAGRAPH648>.ladi-paragraph {font-size:19px!important;text-align:center;}
 #SECTION366 #GROUP537 {order:2;}
 #SECTION366 #GROUP537>.ladi-group {position:relative!important;height:auto!important;}
 #SECTION366 #BOX378 {display:none!important;}
 #SECTION366 #PARAGRAPH409 {position:static!important;width:100%!important;height:auto!important;padding:12px;border:1px solid #0b4468;border-radius:12px;}
 #SECTION366 #PARAGRAPH409>.ladi-paragraph {font-size:18px!important;line-height:1.5!important;}
 #SECTION366 #LIST_PARAGRAPH370 {order:3;}
 #SECTION366 #GROUP535 {order:4;background:#0b4468;border-radius:16px;}
 #SECTION366 #GROUP536 {order:5;background:#e2efff;border-radius:16px;}
 #SECTION366 :is(#GROUP535,#GROUP536)>.ladi-group {position:relative!important;height:auto!important;padding:20px;display:flex;flex-direction:column;gap:16px;}
 #SECTION366 :is(#GROUP535,#GROUP536)>.ladi-group>.ladi-element {position:static!important;width:100%!important;height:auto!important;}
 #SECTION366 :is(#BOX379,#BOX380,#BOX381,#BOX382,#SHAPE384,#SHAPE385) {display:none!important;}
 #SECTION366 :is(#PARAGRAPH411,#PARAGRAPH414)>.ladi-paragraph {font-size:21px!important;line-height:1.45!important;}
 #SECTION366 :is(#PARAGRAPH412,#PARAGRAPH415) {border:1px solid currentColor;border-radius:12px;padding:12px;color:#69b8fa;}
 #SECTION366 :is(#PARAGRAPH412,#PARAGRAPH415)>.ladi-paragraph {font-size:18px!important;line-height:1.45!important;}
 #SECTION366 :is(.ladi-list-paragraph,.ladi-list-paragraph li) {font-size:18px!important;line-height:1.65!important;}
 #SECTION366 .ladi-list-paragraph ul li {padding-bottom:12px!important;}
 #SECTION366 #BUTTON368 {order:6;height:54px!important;margin:8px auto 0;max-width:340px;}
 /* Give the app illustration and each benefit their own readable row. */
 #SECTION371 {height:auto!important;}
 #SECTION371>.ladi-container {height:auto!important;display:flex;flex-direction:column;gap:18px;padding:26px 20px 60px;}
 #SECTION371>.ladi-container>:is(#BOX469,#IMAGE514,#IMAGE515,#IMAGE516,#IMAGE517,#IMAGE518) {display:none!important;}
 #SECTION371>.ladi-container>:is(#PARAGRAPH578,#GROUP532,#GROUP496,#GROUP495,#GROUP494) {position:static!important;width:100%!important;height:auto!important;}
 #SECTION371 #PARAGRAPH578 {order:0;}
 #SECTION371 #PARAGRAPH578>.ladi-paragraph {font-size:23px!important;line-height:1.4!important;}
 #SECTION371 #GROUP532 {order:1;}
 #SECTION371 #GROUP532>.ladi-group {position:relative!important;width:100%!important;height:350px!important;}
 #SECTION371 #IMAGE510 {display:none!important;}
 #SECTION371 #IMAGE512 {top:0!important;left:0!important;width:100%!important;height:350px!important;}
 #SECTION371 #IMAGE512>.ladi-image>.ladi-image-background {top:0!important;left:0!important;width:100%!important;height:100%!important;background-size:contain!important;background-position:center!important;}
 #SECTION371 #GROUP496 {order:2;}
 #SECTION371 #GROUP495 {order:3;}
 #SECTION371 #GROUP494 {order:4;}
 #SECTION371 :is(#GROUP496,#GROUP495,#GROUP494)>.ladi-group {position:relative!important;height:auto!important;background:#0b2b54;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px;}
 #SECTION371 :is(#GROUP496,#GROUP495,#GROUP494)>.ladi-group>.ladi-element {position:static!important;width:100%!important;height:auto!important;}
 #SECTION371 :is(#GROUP496,#GROUP495,#GROUP494) .ladi-paragraph {font-size:18px!important;line-height:1.6!important;}

 /* Keep the final problem statement clear of its call-to-action. */
 #SECTION362 {height:790px!important;}
 #SECTION362 #BUTTON369 {transform:translateY(26px)!important;}

 /* Reflow the discovery/video section instead of keeping REM coordinates. */
 #SECTION368 {height:auto!important;background:#fff!important;}
 #SECTION368>.ladi-section-background {background:#fff!important;}
 #SECTION368>.ladi-container {
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  padding:28px 20px 36px!important;
 }
 #SECTION368>.ladi-container>:is(#PARAGRAPH428,#GROUP531,#LIST_PARAGRAPH363) {
  position:static!important;
  width:100%!important;
  height:auto!important;
 }
 #SECTION368>.ladi-container>:is(#SHAPE396,#SHAPE397) {display:none!important;}
 #SECTION368 #PARAGRAPH428>.ladi-paragraph {
  color:#0b4468!important;
  font-size:25px!important;
  line-height:1.35!important;
  text-align:center!important;
 }
 #SECTION368 #GROUP531>.ladi-group {position:relative!important;width:100%!important;height:215px!important;}
 #SECTION368 #GROUP531 :is(#BOX414,#BOX415) {height:175px!important;top:40px!important;}
 #SECTION368 #GROUP531 #VIDEO362 {top:0!important;left:10px!important;width:calc(100% - 20px)!important;height:190px!important;}
 #SECTION368 #LIST_PARAGRAPH363>.ladi-list-paragraph,
 #SECTION368 #LIST_PARAGRAPH363 li {
  color:#172033!important;
  font-size:18px!important;
  line-height:1.55!important;
 }
 #SECTION368 #LIST_PARAGRAPH363 li {padding-bottom:15px!important;}

 /* Avoid clipped headings on the situation-learning section. */
 #SECTION370 #PARAGRAPH505 {left:20px!important;width:380px!important;}
 #SECTION370 #PARAGRAPH505>.ladi-paragraph {
  color:#fff!important;
  font-size:28px!important;
  line-height:1.35!important;
  text-align:center!important;
 }
}
@media(min-width:420px) and (max-width:767px) {
 .ladi-wraper {width:100%!important;}
}