/* Only the use-case section. */
#use-case.tg-usecase { padding:46px 0 43px; background:#fff; color:#344653; }
#use-case .tg-usecase-head { margin:0 0 27px; text-align:center; }
#use-case .tg-usecase-eyebrow { margin:0 0 8px; color:#36769a; font-family:Arial,sans-serif; font-size:12px; font-weight:700; line-height:1.6; letter-spacing:.14em; }
#use-case h2 { margin:0 0 12px; color:#173b55; font-size:29px; line-height:1.5; letter-spacing:.02em; }
#use-case h2 span { display:inline-block; }
#use-case .tg-usecase-intro { margin:0; color:#586b78; font-size:15px; line-height:1.85; }
#use-case .tg-usecase-layout { display:grid; grid-template-columns:minmax(0,.48fr) minmax(0,.52fr); gap:32px; align-items:stretch; }
#use-case .tg-usecase-photo { margin:0; align-self:center; min-width:0; }
#use-case .tg-usecase-photo img { display:block; width:100%; height:auto; aspect-ratio:4624 / 3472; object-fit:contain; border-radius:8px; filter:brightness(1.1); }
#use-case .tg-usecase-scenes { display:grid; grid-template-rows:repeat(3,minmax(0,1fr)); gap:13px; min-width:0; }
#use-case .tg-usecase-scenes article { display:grid; grid-template-columns:36px minmax(0,1fr); align-items:center; gap:16px; min-width:0; padding:19px 21px; border:1px solid #d3e0e8; border-radius:4px; background:#f8fafc; }
#use-case .tg-usecase-scenes svg { width:36px; height:36px; fill:none; stroke:#36769a; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
#use-case .tg-usecase-scenes h3 { margin:0 0 6px; color:#173b55; font-size:19px; line-height:1.5; }
#use-case .tg-usecase-scenes p { margin:0; color:#4d6372; font-size:14px; line-height:1.85; }
#use-case .tg-usecase-note { margin:23px 0 0; color:#173b55; text-align:center; font-size:14px; font-weight:600; line-height:1.85; }
@media(max-width:1000px) and (min-width:761px) {
 #use-case .tg-usecase-layout { gap:24px; }
 #use-case .tg-usecase-scenes article { padding:16px; gap:12px; grid-template-columns:31px minmax(0,1fr); }
 #use-case .tg-usecase-scenes svg { width:31px; height:31px; }
 #use-case .tg-usecase-scenes h3 { font-size:17px; }
 #use-case .tg-usecase-scenes p { font-size:13px; }
}
@media(max-width:760px) {
 #use-case.tg-usecase { padding:31px 0; }
 #use-case .tg-usecase-head { margin-bottom:22px; }
 #use-case h2 { font-size:24px; line-height:1.6; }
 #use-case .tg-usecase-intro { font-size:14px; }
 #use-case .tg-usecase-layout { grid-template-columns:1fr; gap:18px; }
 #use-case .tg-usecase-scenes { grid-template-rows:repeat(3,1fr); gap:11px; }
 #use-case .tg-usecase-scenes article { grid-template-columns:31px minmax(0,1fr); gap:12px; padding:17px 15px; }
 #use-case .tg-usecase-scenes svg { width:31px; height:31px; }
 #use-case .tg-usecase-scenes h3 { font-size:18px; }
 #use-case .tg-usecase-scenes p { font-size:14px; }
 #use-case .tg-usecase-note { margin-top:20px; font-size:14px; }
}