.elementor-6793 .elementor-element.elementor-element-6c9f102{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:50px;--padding-left:135px;--padding-right:135px;}.elementor-6793 .elementor-element.elementor-element-996d67c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:50px;--padding-left:135px;--padding-right:135px;}@media(max-width:767px){.elementor-6793 .elementor-element.elementor-element-6c9f102{--padding-top:35px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-6793 .elementor-element.elementor-element-996d67c{--padding-top:35px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}}@media(min-width:768px){.elementor-6793 .elementor-element.elementor-element-6c9f102{--width:100%;}.elementor-6793 .elementor-element.elementor-element-996d67c{--width:100%;}}/* Start custom CSS */.guide-header { margin-bottom: 60px; padding-bottom: 36px; border-bottom: 1px solid #e8e8e8; line-height: 1.75; }
.guide-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: 1.8px; text-transform: uppercase; color: #aaa; margin-bottom: 14px; line-height: 1.65; }
.guide-header h1 { font-size: 32px; font-weight: 600; letter-spacing: -0.5px; color: #111; margin-bottom: 12px; line-height: 1.25; }
.guide-header p { color: #666; font-size: 17px; max-width: 520px; line-height: 1.7; }

section { margin-bottom: 60px; }

.section-label { line-height: 1.5;
  font-size: 14px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase;
  color: #4a6fa5; margin-bottom: 22px; padding-bottom: 10px; border-bottom: 1px solid #e0e8f4;
}

.icon { width: 16px; height: 16px; flex-shrink: 0; stroke: #888; fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.start-card { background: #f7f7f7; border-radius: 12px; padding: 22px 26px; }
.start-card .app-link { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.start-url { font-size: 17px; font-weight: 500; color: #111; text-decoration: none; border-bottom: 1px solid #ccc; padding-bottom: 1px; line-height: 1.65; }
.start-url:hover { color: #555; }
.start-card p { font-size: 16px; color: #777; line-height: 1.65; }

.info-list { list-style: none; display: flex; flex-direction: column; gap: 10px; }
.info-list > li {
  display: flex; align-items: flex-start; gap: 14px;
  padding: 16px 18px; background: #fafafa;
  border: 1px solid #efefef; border-radius: 10px;
  font-size: 16px; color: #555; line-height: 1.65;
}
.info-list > li .icon { margin-top: 2px; }
.info-list strong { color: #111; font-weight: 500; }
.sub-list { list-style: none; margin-top: 6px; display: flex; flex-direction: column; gap: 3px; }
.sub-list li { color: #777; font-size: 15px; line-height: 1.65; }
.sub-list li::before { content: "→ "; color: #ccc; }

.trouble-list { display: flex; flex-direction: column; gap: 6px; }
.trouble-item { border: 1px solid #efefef; border-radius: 10px; overflow: hidden; }
.trouble-q { display: flex; align-items: center; gap: 14px; padding: 15px 20px; background: #fafafa; }
.trouble-num { font-size: 13px; font-weight: 600; color: #ccc; min-width: 22px; line-height: 1.65; }
.trouble-q-text { font-size: 17px; font-weight: 500; color: #111; line-height: 1.5; }
.trouble-a { padding: 14px 20px 16px 56px; font-size: 16px; color: #555; line-height: 1.75; border-top: 1px solid #f2f2f2; background: #fff; }
.trouble-a p { margin-bottom: 6px; }
.trouble-a p:last-child { margin-bottom: 0; }
.trouble-a .step { color: #999; font-size: 15px; display: block; margin-top: 2px; line-height: 1.65; }
.trouble-a .indent { padding-left: 14px; }

.screens-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 28px; }
.screen-card { display: flex; flex-direction: column; align-items: center; gap: 14px; }
.phone-wrap {
  width: 100%; max-width: 200px;
  background: #111; border-radius: 28px;
  padding: 10px; border: 1px solid #2a2a2a;
}
.phone-wrap img { width: 100%; border-radius: 20px; display: block; height: 370px; object-fit: cover; object-position: top; }
.screen-info { width: 100%; max-width: 200px; }
.screen-title { font-size: 15px; font-weight: 600; color: #111; margin-bottom: 8px; line-height: 1.5; }
.screen-bullets { list-style: none; display: flex; flex-direction: column; gap: 4px; }
.screen-bullets li { font-size: 14px; color: #888; display: flex; align-items: flex-start; gap: 7px; line-height: 1.6; }
.screen-bullets li::before { content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #ddd; margin-top: 6px; flex-shrink: 0; }

.guide-footer { margin-top: 60px; padding-top: 28px; border-top: 1px solid #e8e8e8; display: flex; align-items: center; gap: 12px; font-size: 16px; color: #999; line-height: 1.5; }
.guide-footer strong { color: #333; font-weight: 500; }

@media (max-width: 540px) {
  .guide-header h1 { font-size: 26px; line-height: 1.65; }
  .screens-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
  .phone-wrap img { height: 280px; }
}/* End custom CSS */