/* V7.48: public website FAQ and web-developer/schema comparison only. */
.pricing-developer{max-width:1480px;margin:62px auto 78px;padding:42px 44px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:58px;align-items:center;border-top:1px solid rgba(91,157,212,.34);border-bottom:1px solid rgba(91,157,212,.34);color:#fff}
.pricing-developer h2{margin:10px 0 20px;font-size:clamp(2rem,3vw,3.35rem);line-height:1.05;letter-spacing:-.035em}
.pricing-developer p{margin:0 0 16px;color:#abc0d1;font-size:1.03rem;line-height:1.65}
.pricing-developer-value{padding:30px 0 30px 38px;border-left:2px solid #338cf0}
.pricing-developer-value>small{display:block;color:#66b1f6;font-size:.72rem;font-weight:900;letter-spacing:.13em}
.pricing-developer-value>strong{display:block;margin:11px 0 2px;font-size:clamp(3.2rem,5vw,5rem);line-height:1;letter-spacing:-.05em;color:#fff}
.pricing-developer-value>span{display:block;color:#91abc0;font-weight:800}
.pricing-developer-value>p{margin:24px 0 18px;color:#c1d1de}
.pricing-developer-value>b{display:block;padding:17px 0;border-top:1px solid rgba(91,157,212,.28);border-bottom:1px solid rgba(91,157,212,.28);font-size:1.05rem;line-height:1.45;color:#fff}
.pricing-developer-value>a{display:inline-block;margin-top:20px;color:#69b8ff;font-weight:900;text-decoration:none}
.pricing-developer-value>a:hover{text-decoration:underline}

.faq-page{background:#eef5fb;color:#081d31}
.faq-hero{max-width:1480px;margin:0 auto;padding:76px 70px 56px}
.faq-hero h1{max-width:1040px;margin:12px 0 22px;font-size:clamp(2.7rem,5vw,5.6rem);line-height:.98;letter-spacing:-.055em}
.faq-hero h1 em{color:#217de6;font-style:normal}
.faq-hero>p{max-width:820px;margin:0;color:#4f6c84;font-size:1.18rem;line-height:1.65}
.faq-list{max-width:1200px;margin:0 auto;padding:0 70px 82px}
.faq-list details{border-top:1px solid #a9c2d7}
.faq-list details:last-child{border-bottom:1px solid #a9c2d7}
.faq-list summary{position:relative;padding:25px 56px 25px 0;cursor:pointer;list-style:none;color:#0a2540;font-size:1.2rem;font-weight:900;line-height:1.35}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'+';position:absolute;right:6px;top:20px;color:#237fe7;font-size:1.8rem;font-weight:500}
.faq-list details[open] summary:after{content:'−'}
.faq-list details>div{max-width:930px;padding:0 56px 22px 0}
.faq-list details p{margin:0 0 13px;color:#4c687f;font-size:1.02rem;line-height:1.68}
.faq-list details strong{color:#0a2d4b}
.faq-cta{max-width:1480px;margin:0 auto;padding:48px 70px 56px;border-top:1px solid #a9c2d7;display:flex;align-items:center;justify-content:space-between;gap:40px}
.faq-cta h2{margin:8px 0 8px;font-size:clamp(1.9rem,3vw,3rem);line-height:1.08}
.faq-cta p{margin:0;color:#657d91}

@media(max-width:900px){
  .pricing-developer{margin:42px 0 56px;padding:34px 0;grid-template-columns:1fr;gap:18px}
  .pricing-developer-value{padding:28px 0 0;border-left:0;border-top:2px solid #338cf0}
  .faq-hero{padding:54px 28px 38px}
  .faq-list{padding:0 28px 60px}
  .faq-cta{padding:38px 28px 46px;display:grid}
}

@media(max-width:600px){
  .pricing-developer h2{font-size:2.1rem}
  .pricing-developer-value>strong{font-size:3.8rem}
  .faq-hero h1{font-size:2.75rem}
  .faq-hero>p{font-size:1.05rem}
  .faq-list summary{padding:22px 44px 22px 0;font-size:1.08rem}
  .faq-list summary:after{right:2px}
  .faq-list details>div{padding-right:0}
}
