#use-cases { padding: clamp(52px, 6vw, 78px) 0 32px; }
#use-cases .section-head { display: block; max-width: 880px; margin-bottom: 24px; }
#use-cases .section-head h2,
#compare .section-head h2 { line-height: 1.12; }
#use-cases .section-head p { margin-top: 11px; }
#use-cases .first-day-grid { grid-template-columns: 1fr 1fr; gap: 18px; }
#use-cases .first-day-grid .card { padding: clamp(23px, 2.6vw, 34px); border-color: rgba(103, 200, 255, .2); }
#use-cases .first-day-card { background: linear-gradient(160deg, rgba(20, 80, 105, .31), rgba(7, 24, 39, .79)); }
#use-cases .first-day-price { background: linear-gradient(150deg, rgba(55, 70, 119, .31), rgba(10, 24, 41, .82)); }
#use-cases .card h3 { margin: 13px 0 18px; font-size: clamp(21px, 2.1vw, 28px); line-height: 1.2; }
.first-day-steps { counter-reset: day-step; margin: 8px 0 0; padding: 0; list-style: none; }
.first-day-steps li {
  position: relative;
  counter-increment: day-step;
  display: flex;
  align-items: center;
  min-height: 45px;
  margin: 0;
  padding: 8px 0 8px 51px;
  color: #c5d9e8;
  font-size: 15px;
  line-height: 1.45;
}
.first-day-steps li:not(:last-child) { border-bottom: 1px solid rgba(103, 200, 255, .12); }
.first-day-steps li::before {
  content: counter(day-step, decimal-leading-zero);
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(103, 200, 255, .34);
  border-radius: 11px;
  background: rgba(41, 144, 185, .14);
  color: #9fe8ff;
  font-size: 12px;
  font-weight: 800;
}
.first-day-price-focus {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 15px;
  margin: 4px 0 17px;
  padding: 17px 19px;
  border: 1px solid rgba(147, 171, 255, .27);
  border-radius: 16px;
  background: rgba(70, 98, 156, .15);
}
.first-day-price-focus strong { color: #f7fbff; font-size: clamp(23px, 2.5vw, 31px); }
.first-day-price-focus span { color: #bad4e8; font-size: 13px; }
#use-cases .first-day-price p { margin: 0; color: #bed0e1; font-size: 15px; line-height: 1.7; }
#use-cases .first-day-price .btn { margin-top: 23px; }
#compare { padding: clamp(43px, 5vw, 68px) 0; }
#compare .section-head { display: block; max-width: 940px; margin-bottom: 24px; }
#compare .section-head p { margin-top: 11px; }
#compare .compare-grid { gap: 18px; }
#compare .compare-box { position: relative; overflow: hidden; padding: clamp(24px, 2.8vw, 34px); }
#compare .compare-box:first-child { border-color: rgba(150, 174, 199, .18); background: rgba(157, 174, 199, .055); }
#compare .compare-box:last-child { border-color: rgba(103, 200, 255, .3); background: linear-gradient(145deg, rgba(31, 116, 149, .28), rgba(9, 35, 56, .83)); }
#compare .compare-box:last-child::before { content: ""; position: absolute; inset: 0 24px auto; height: 2px; background: linear-gradient(90deg, #4ce0f5, #a194ff); }
#compare .compare-box h3 { margin-bottom: 19px; color: #f5faff; font-size: clamp(22px, 2.3vw, 29px); }
#compare .compare-box ul { margin: 0; padding: 0; list-style: none; }
#compare .compare-box li { position: relative; min-height: 49px; padding: 9px 0 9px 32px; border-top: 1px solid rgba(179, 214, 233, .1); color: #c4d6e4; font-size: 15px; line-height: 1.5; }
#compare .compare-box li::before { content: "–"; position: absolute; left: 3px; color: #8ba4ba; font-weight: 800; }
#compare .compare-box:last-child li::before { content: "✓"; color: #83e4cc; }
@media (max-width: 760px) {
  #use-cases .first-day-grid,
  #compare .compare-grid { grid-template-columns: 1fr; }
  #use-cases .first-day-price .btn { width: 100%; text-align: center; }
}