/* Smart Scheduling, Hassle-Free Care (Figma 11332:6) */
.scheduling { position: relative; padding: 60px 0 80px; }

.scheduling__header { position: relative; text-align: center; max-width: 1200px; margin: 0 auto 28px; }
.scheduling__title { color: #020817; font-weight: 700; font-size: 60px; line-height: 40px; letter-spacing: 0.2px; margin: 0 0 28px; }
.scheduling__title .accent { color: #00b894; position: relative; display: inline-block; }
.scheduling__desc { color: rgba(0,0,0,0.7); font-size: 18px; line-height: 28px; padding-top: 30px; margin: 0 auto; max-width: 820px; }

/* Scribble underlines - now anchored to the specific accent words */
.scheduling__underline { position: absolute; width: 100%; height: 15px; pointer-events: none; left: 50%; top: calc(100% + 4px); transform: translateX(-50%); }
/* Fine-tune offsets and widths per underline to better match Figma */
.scheduling__title .scheduling__underline--left { top: calc(100% + 20px); transform: translateX(-50%) scaleX(1.02); }
.scheduling__title .scheduling__underline--right { top: calc(100% + 20px); transform: translateX(-50%) scaleX(1.2); }

/* Stage with gradient frame and mockup */
.scheduling__stage { position: relative; padding-top: 60px; margin: 28px auto 0; max-width: 1100px; }

.scheduling__frame { 
  position: relative; 
  border-radius: 16px; 
  overflow: visible; 
  /* box-shadow: 0 18px 40px rgba(39,98,131,0.18);  */
  border: 20px solid transparent;
  background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) padding-box, linear-gradient(145deg, #0DCEA8 0%, rgba(255, 255, 255, 0) 60%) border-box;
  width: 100%; 
  aspect-ratio: 16 / 8;
}


.scheduling__mockup { 
  position: relative; 
  display: block; 
  width: 100%; 
  height: 100%; 
  border-radius: 16px; 
  object-fit: cover; 
  object-position: top;
}

/* Corner decorations */
.scheduling__corner { position: absolute; width: 167px; height: 163.5px; pointer-events: none; }
.scheduling__corner--tl { left: -40px; top: 20px; transform: scaleX(-1) scaleY(-1); }
.scheduling__corner--br { right: -30px; bottom: -30px; }

/* Responsive */
@media (max-width: 1200px) {
  .scheduling__title { font-size: 52px; }
  .scheduling__corner { width: 140px; height: 137px; }
}

@media (max-width: 992px) {
  .scheduling__title { font-size: 44px; line-height: 42px; }
  /* Underlines remain centered under each word; adjust vertical offset a bit tighter on tablets */
  .scheduling__title .scheduling__underline { top: calc(100% + 2px); }
  .scheduling__title .scheduling__underline--left { top: calc(100% + 3px); }
  .scheduling__title .scheduling__underline--right { top: calc(100% + 1px); }
  .scheduling__corner--tl { left: -24px; top: -44px; }
  .scheduling__corner--br { right: -24px; bottom: -50px; }
}

@media (max-width: 640px) {
  .scheduling { padding: 42px 0 24px; }
  .scheduling__title { font-size: 32px; line-height: 36px; }
  .scheduling__desc { font-size: 16px; line-height: 24px; padding-top: 0; }
  .scheduling__stage { padding-top: 20px; }
  .scheduling__underline { display: none; }
  .scheduling__corner { display: none; }
}