/* Qanattar Corporate Site v0.5.0 – positioning, SEO landing pages, FAQ */
.qcs-v050 .qcs-hero-copy h1{max-width:760px}
.qcs-v050 .qcs-hero-copy>p{max-width:720px}
.qcs-v050 .qcs-audience-section{padding-top:50px;padding-bottom:64px;background:linear-gradient(180deg,rgba(5,14,31,.12),rgba(7,21,46,.32),rgba(5,14,31,.12))}
.qcs-v050 .qcs-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.qcs-v050 .qcs-audience-grid article{position:relative;min-height:220px;padding:25px 22px;border:1px solid rgba(102,158,238,.22);border-radius:17px;background:linear-gradient(155deg,rgba(10,31,64,.62),rgba(4,14,31,.72));overflow:hidden}
.qcs-v050 .qcs-audience-grid article:after{content:"";position:absolute;width:140px;height:140px;right:-70px;top:-70px;border-radius:50%;background:radial-gradient(circle,rgba(21,94,239,.18),transparent 70%)}
.qcs-v050 .qcs-audience-grid article>span{color:#53b7ff;font-size:10px;font-weight:900;letter-spacing:.16em}
.qcs-v050 .qcs-audience-grid h3{margin:35px 0 10px;font-size:20px}
.qcs-v050 .qcs-audience-grid p{margin:0;color:#8fa4c0;font-size:13px;line-height:1.65}
.qcs-v050 .qcs-service-grid-v020{grid-template-columns:repeat(4,minmax(0,1fr))}
.qcs-v050 .qcs-service-card-v020{min-height:245px}
.qcs-v050 .qcs-page-hero.qcs-landing-hero{padding-bottom:84px}
.qcs-v050 .qcs-landing-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:70px;align-items:center}
.qcs-v050 .qcs-landing-hero h1{max-width:880px;font-size:clamp(48px,4.7vw,74px)}
.qcs-v050 .qcs-landing-hero p{max-width:820px;color:#b6c5db;font-size:18px;line-height:1.75}
.qcs-v050 .qcs-back-link{display:inline-flex;margin-bottom:22px;color:#8098b8!important;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.qcs-v050 .qcs-back-link:hover{color:#67c2ff!important}
.qcs-v050 .qcs-landing-summary{padding:28px;border:1px solid rgba(83,183,255,.25);border-radius:20px;background:linear-gradient(155deg,rgba(10,31,64,.74),rgba(4,13,29,.9));box-shadow:0 28px 70px rgba(0,0,0,.22)}
.qcs-v050 .qcs-landing-summary small{color:#53b7ff;font-size:10px;font-weight:900;letter-spacing:.16em}
.qcs-v050 .qcs-landing-summary ul{display:grid;gap:0;margin:18px 0 0;padding:0;list-style:none}
.qcs-v050 .qcs-landing-summary li{padding:14px 0;border-top:1px solid rgba(83,183,255,.12);color:#d8e5f6;font-size:14px;font-weight:700}
.qcs-v050 .qcs-landing-summary li:before{content:"✓";margin-right:10px;color:#53b7ff}
.qcs-v050 .qcs-landing-two-col,.qcs-v050 .qcs-landing-content-grid,.qcs-v050 .qcs-faq-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:80px;align-items:start}
.qcs-v050 .qcs-landing-fit h2,.qcs-v050 .qcs-landing-content h2,.qcs-v050 .qcs-faq-section h2{margin:14px 0 16px;font-size:clamp(34px,3.5vw,52px);line-height:1.08;letter-spacing:-.04em}
.qcs-v050 .qcs-landing-fit p,.qcs-v050 .qcs-faq-section>div>div:first-child>p{color:#91a6c2;line-height:1.75}
.qcs-v050 .qcs-landing-checks{display:grid;gap:11px}
.qcs-v050 .qcs-landing-checks>div{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start;padding:18px 20px;border:1px solid rgba(83,183,255,.16);border-radius:14px;background:rgba(7,18,36,.5)}
.qcs-v050 .qcs-landing-checks span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:rgba(21,94,239,.18);color:#67c7ff;font-weight:900}
.qcs-v050 .qcs-landing-checks p{margin:2px 0 0;color:#c1d1e5;font-size:14px;line-height:1.55}
.qcs-v050 .qcs-landing-content.is-alt{background:linear-gradient(180deg,rgba(7,22,48,.28),rgba(5,14,31,.1))}
.qcs-v050 .qcs-landing-prose p{margin:0 0 18px;color:#a9bad0;font-size:16px;line-height:1.82}
.qcs-v050 .qcs-landing-prose ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0 0;padding:0;list-style:none}
.qcs-v050 .qcs-landing-prose li{padding:13px 14px;border:1px solid rgba(83,183,255,.14);border-radius:11px;background:rgba(7,18,36,.46);color:#c7d8eb;font-size:13px}
.qcs-v050 .qcs-landing-prose li:before{content:"→";margin-right:8px;color:#53b7ff;font-weight:900}
.qcs-v050 .qcs-official-note-section{padding-top:28px;padding-bottom:28px}
.qcs-v050 .qcs-official-note{padding:26px 28px;border:1px solid rgba(83,183,255,.28);border-left:3px solid #53b7ff;border-radius:14px;background:linear-gradient(90deg,rgba(21,94,239,.12),rgba(7,18,36,.62))}
.qcs-v050 .qcs-official-note strong{display:block;margin-bottom:8px;color:#fff;font-size:18px}
.qcs-v050 .qcs-official-note p{margin:0 0 10px;color:#aec1da;font-size:14px;line-height:1.7}
.qcs-v050 .qcs-official-note a{color:#67c7ff;font-size:13px;font-weight:850}
.qcs-v050 .qcs-faq-section{background:rgba(3,10,23,.28)}
.qcs-v050 .qcs-faq-list{display:grid;gap:10px}
.qcs-v050 .qcs-faq-list details{border:1px solid rgba(83,183,255,.17);border-radius:14px;background:rgba(7,18,36,.58);overflow:hidden}
.qcs-v050 .qcs-faq-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 20px;color:#e7f1ff;font-size:15px;font-weight:800;cursor:pointer;list-style:none}
.qcs-v050 .qcs-faq-list summary::-webkit-details-marker{display:none}
.qcs-v050 .qcs-faq-list summary span{color:#53b7ff;font-size:22px;transition:transform .2s ease}
.qcs-v050 .qcs-faq-list details[open] summary span{transform:rotate(45deg)}
.qcs-v050 .qcs-faq-list details p{margin:0;padding:0 20px 20px;color:#98adc8;font-size:14px;line-height:1.7}
.qcs-v050 .qcs-landing-contact{background:linear-gradient(180deg,rgba(6,19,42,.2),rgba(6,19,42,.46))}
.qcs-v050 .qcs-related-services{padding-top:42px;padding-bottom:70px}
.qcs-v050 .qcs-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}
.qcs-v050 .qcs-related-grid a{position:relative;display:flex;min-height:110px;flex-direction:column;justify-content:center;padding:18px 44px 18px 18px;border:1px solid rgba(83,183,255,.15);border-radius:13px;background:rgba(7,18,36,.48);color:#fff!important;transition:.2s ease}
.qcs-v050 .qcs-related-grid a:hover{transform:translateY(-3px);border-color:rgba(83,183,255,.42);background:rgba(21,94,239,.1)}
.qcs-v050 .qcs-related-grid strong{font-size:15px}.qcs-v050 .qcs-related-grid span{margin-top:6px;color:#869dbb;font-size:12px}.qcs-v050 .qcs-related-grid b{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#53b7ff;font-size:20px}
@media(max-width:1100px){.qcs-v050 .qcs-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qcs-v050 .qcs-service-grid-v020{grid-template-columns:repeat(3,minmax(0,1fr))}.qcs-v050 .qcs-landing-hero-grid{grid-template-columns:1fr;gap:34px}.qcs-v050 .qcs-landing-summary{max-width:760px}.qcs-v050 .qcs-landing-two-col,.qcs-v050 .qcs-landing-content-grid,.qcs-v050 .qcs-faq-grid{gap:50px}}
@media(max-width:820px){.qcs-v050 .qcs-service-grid-v020{grid-template-columns:repeat(2,minmax(0,1fr))}.qcs-v050 .qcs-landing-two-col,.qcs-v050 .qcs-landing-content-grid,.qcs-v050 .qcs-faq-grid{grid-template-columns:1fr;gap:28px}.qcs-v050 .qcs-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qcs-v050 .qcs-landing-prose ul{grid-template-columns:1fr}.qcs-v050 .qcs-page-hero.qcs-landing-hero{padding-bottom:60px}}
@media(max-width:560px){.qcs-v050 .qcs-audience-grid,.qcs-v050 .qcs-service-grid-v020,.qcs-v050 .qcs-related-grid{grid-template-columns:1fr}.qcs-v050 .qcs-audience-grid article{min-height:185px}.qcs-v050 .qcs-landing-hero h1{font-size:40px}.qcs-v050 .qcs-landing-hero p{font-size:16px}.qcs-v050 .qcs-landing-summary{padding:22px}.qcs-v050 .qcs-official-note{padding:22px}.qcs-v050 .qcs-faq-list summary{padding:17px;font-size:14px}.qcs-v050 .qcs-faq-list details p{padding:0 17px 17px}.qcs-v050 .qcs-landing-content h2,.qcs-v050 .qcs-landing-fit h2,.qcs-v050 .qcs-faq-section h2{font-size:35px}}
