/* Eleven Host #407: pagina /11sql. Arquivo proprio (custom.css nao e alterado). Tokens do guia #55: monocromatico, sem verde nem lilas. */
.sq-wrap{max-width:980px;margin:0 auto;padding:56px 20px 80px;background:#0a0a0a;color:#f5f5f5}
.sq-hero{margin-bottom:54px}
.sq-hero h1{font-size:clamp(2rem,5vw,3.1rem);line-height:1.1;font-weight:700;letter-spacing:-.02em;margin:0 0 18px;color:#fff}
.sq-lead{color:#bdbdbd;font-size:clamp(1rem,2vw,1.16rem);max-width:660px;margin:0 0 28px;line-height:1.65}
.sq-cta{display:flex;gap:14px;flex-wrap:wrap}
.sq-btn{padding:15px 30px;border-radius:10px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;min-height:44px;border:2px solid transparent;transition:background .18s ease,color .18s ease,border-color .18s ease}
.sq-btn-1{background:#fff;color:#0a0a0a;border-color:#fff}
.sq-btn-1:hover{background:#d4d4d4;border-color:#d4d4d4;color:#0a0a0a;text-decoration:none}
.sq-btn-2{background:transparent;border-color:#8a8a8a;color:#f5f5f5}
.sq-btn-2:hover{border-color:#fff;background:#1f1f1f;color:#f5f5f5;text-decoration:none}
.sq-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sq-nota{color:#bdbdbd;font-size:.92rem;line-height:1.6;max-width:660px;margin:16px 0 0}
.sq-sec{margin-bottom:56px}
.sq-sec h2{font-size:1.6rem;margin:0 0 20px;letter-spacing:-.01em;color:#fff}
.sq-lista{list-style:none;margin:0;padding:0;max-width:780px}
.sq-lista li{padding:11px 0;border-top:1px solid #2e2e2e;color:#f5f5f5;font-size:1rem;line-height:1.6}
.sq-lista li:first-child{border-top:none}
.sq-lista strong{color:#fff}
.sq-planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px}
.sq-plano{padding:28px 24px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column}
.sq-plano .nome{font-size:.95rem;font-weight:600;color:#bdbdbd;margin-bottom:10px}
.sq-plano .esp{font-size:2.2rem;font-weight:700;line-height:1;margin-bottom:6px;color:#fff}
.sq-plano .preco{color:#fff;font-weight:700;font-size:1.1rem;margin-bottom:4px}
.sq-plano .anual{color:#bdbdbd;font-size:.85rem;margin-bottom:16px}
.sq-plano ul{list-style:none;padding:0;margin:0 0 22px;flex:1}
.sq-plano li{color:#d4d4d4;font-size:.92rem;line-height:1.55;padding:5px 0 5px 24px;position:relative}
.sq-plano li::before{content:"";position:absolute;left:0;top:11px;width:14px;height:8px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg)}
.sq-plano .sq-btn{text-align:center}
.sq-aviso{padding:16px 20px;border:1px solid #8a8a8a;border-radius:12px;color:#f5f5f5;line-height:1.6}
.sq-tab-wrap{overflow-x:auto;border-radius:14px}
.sq-tab{width:100%;border-collapse:collapse;border:1px solid rgba(255,255,255,.09)}
.sq-tab th{text-align:left;padding:14px 18px;font-size:.92rem;font-weight:600;color:#bdbdbd;background:rgba(255,255,255,.03)}
.sq-tab td{padding:14px 18px;border-top:1px solid rgba(255,255,255,.07);color:#d4d4d4;font-size:.94rem}
.sq-tab td:first-child{font-weight:600;color:#fff;white-space:nowrap}
.sq-cod{display:block;overflow-x:auto;margin:14px 0 0;padding:16px 18px;background:#111;border:1px solid #2e2e2e;border-radius:10px;color:#f5f5f5;font:.88rem/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre}
.sq-faq{border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden}
.sq-faq details{border-top:1px solid rgba(255,255,255,.07)}
.sq-faq details:first-child{border-top:none}
.sq-faq summary{padding:17px 20px;cursor:pointer;font-weight:500;list-style:none;color:#f5f5f5}
.sq-faq summary::-webkit-details-marker{display:none}
.sq-faq summary::after{content:"+";float:right;color:#bdbdbd;font-size:1.1rem;line-height:1}
.sq-faq details[open] summary::after{content:"\2013"}
.sq-faq details[open] summary{color:#fff}
.sq-faq p{padding:0 20px 18px;margin:0;color:#bdbdbd;font-size:.93rem;line-height:1.7}
.sq-faq a,.sq-sec p a{color:#fff;text-decoration:underline}
.sq-sec p{color:#d4d4d4;line-height:1.7;max-width:780px}
.sq-fim{padding:36px 0 0;border-top:1px solid #2e2e2e}
.sq-fim h2{font-size:1.5rem;margin:0 0 18px;color:#fff}
.sq-fine{margin-top:36px;color:#bdbdbd;font-size:.82rem;line-height:1.7;text-align:center}
@media (max-width:575px){.sq-wrap{padding:32px 16px 56px}.sq-btn{width:100%}.sq-cod{font-size:.78rem}}