/* Escuro original: exclusively loaded on trial, member and tutorials. */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
body.client-dark{--ink:#f7f9ff;--muted:#abb6c8;--line:#242d3c;--brand:#39dcc2;--wash:#070a12;color-scheme:dark;background:radial-gradient(ellipse at 90% 0,rgba(32,214,186,.09),transparent 45%),var(--wash);font-family:Manrope,system-ui,sans-serif;min-height:100vh}
.client-dark header{max-width:1160px;margin:28px auto 0;padding:18px 26px;background:#111722;border:1px solid var(--line);border-radius:24px;gap:20px}
.client-dark .brand{font-family:'Space Grotesk',sans-serif;font-size:23px;font-weight:700;letter-spacing:-.6px}
.client-dark .brand:before{content:'';display:inline-block;width:10px;height:26px;background:linear-gradient(#20d6b6,#8d87f5);border-radius:6px;margin-right:12px;vertical-align:middle}
.client-dark nav a{color:#bdc8d8;font-size:13px;font-weight:700}.client-dark nav a:hover{color:var(--brand)}
.client-dark .nav-cta{background:#13342f;color:#70ead6;border-radius:11px;padding:10px 16px}
.client-dark main{max-width:1148px;padding-top:48px}.client-dark h1,.client-dark h2,.client-dark h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.7px;line-height:1.18}.client-dark h1{font-size:40px}.client-dark h2{font-size:24px}.client-dark h3{font-size:22px}
.client-dark p{color:var(--muted)}.client-dark .eyebrow{color:var(--brand);letter-spacing:2px;font-size:11px;font-weight:800}
.client-dark .card{background:#111722;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 12px 30px #00000012}
.client-dark button,.client-dark .button{background:linear-gradient(120deg,#24dbc1,#16b7a5);color:#032a25;border:1px solid transparent;border-radius:13px;padding:13px 22px;font-weight:800;transition:filter .15s,background .15s}
.client-dark button:hover,.client-dark .button:hover{filter:brightness(1.08)}
.client-dark .secondary{background:#0b101b;color:var(--ink);border:1px solid var(--line)}
.client-dark .text-button{background:transparent;color:var(--muted);padding:0;border:0;font-size:14px}
.client-dark input,.client-dark select,.client-dark textarea{background:#0b101b;border:1px solid #344153;color:var(--ink);border-radius:11px;padding:12px 16px}.client-dark input:not([type=checkbox]):not([type=hidden]),.client-dark select{min-height:52px}
.client-dark input[type=checkbox]{accent-color:#21d6ba;width:18px;height:18px;padding:0}.client-dark label{font-size:13px;font-weight:700;margin:20px 0}.client-dark .check{font-size:14px;font-weight:500}
.client-dark button:focus-visible,.client-dark a:focus-visible,.client-dark input:focus-visible,.client-dark select:focus-visible,.client-dark textarea:focus-visible,.client-dark summary:focus-visible{outline:3px solid #a99bff;outline-offset:4px}
.client-dark .narrow{max-width:630px}.client-dark.page-trial .narrow>h1,.client-dark.page-trial .narrow>p{text-align:center}.client-dark.page-trial .narrow>.card{margin-top:30px}.client-dark.page-trial .card button{width:100%}.client-dark .muted,.client-dark small{color:var(--muted);font-size:13px}
.client-dark .page-head p{max-width:700px;font-size:14px}.client-dark .page-head>.button{flex-shrink:0}.client-dark .grid{gap:22px}
.client-dark.page-member main>.grid>.card{border-top:3px solid #25bda9}.client-dark dl{gap:15px;font-size:13px}.client-dark dd{text-align:right}.client-dark dt{font-size:13px}.client-dark details{font-size:13px}.client-dark summary{font-weight:600}.client-dark pre{background:#0b101b}
.client-dark .badge{border-radius:40px;background:#163b35;color:#8ce8ce;padding:5px 12px}.client-dark .badge.warn{background:#463519;color:#ffe0a0}
.client-dark .notice{background:#2c2617;border-color:#645332;color:#f5db9e;border-radius:14px}.client-dark .success{background:#14332c;border-color:#28594a;color:#a1edce}.client-dark .error{background:#381e25;border-color:#74414d;color:#ffc2cc}
.client-dark .notice p{color:inherit}.client-dark .tutorial-video{border-radius:16px;background:#0b101b}.client-dark .tutorial-image{border-radius:14px}.client-dark figcaption{color:var(--muted);font-size:13px;margin-top:8px}
.client-dark.page-tutorials main>nav{gap:10px;margin:28px 0}.client-dark.page-tutorials main>.card{max-width:100%}.client-dark.page-tutorials .card>section{max-width:900px;margin:30px 0}.client-dark.page-tutorials .card>section+section{border-top:1px solid var(--line);padding-top:30px}
.client-dark footer{max-width:1100px;font-size:12px}.client-dark .table-wrap{border-radius:12px}.client-dark th{color:var(--muted)}
@media(max-width:1200px){.client-dark header{margin-left:24px;margin-right:24px}}
@media(max-width:720px){.client-dark header{margin:18px 16px 0;padding:16px;border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px}.client-dark nav{gap:14px}.client-dark main{padding:30px 16px 45px}.client-dark h1{font-size:32px}.client-dark h2{font-size:23px}.client-dark .card{padding:22px;border-radius:18px}.client-dark .two{grid-template-columns:1fr}.client-dark .page-head{flex-direction:column;align-items:flex-start}.client-dark dd{text-align:left}.client-dark .narrow{margin-top:10px}.client-dark footer{margin:0 16px;padding:22px 0}.client-dark .row{flex-wrap:wrap}.client-dark.page-tutorials main>nav{gap:8px}.client-dark.page-tutorials main>nav a{padding:10px 14px}}
@media(prefers-reduced-motion:reduce){.client-dark *{scroll-behavior:auto;transition:none}}

/* Additional customer screens. QR code stays on an opaque white background. */
.client-dark.page-login .narrow>h1,.client-dark.page-login .narrow>p{text-align:center}
.client-dark.page-login .card button{width:100%}
.client-dark.page-checkout img[alt="QR Code Pix"]{display:block;background:#fff;padding:12px;box-sizing:content-box;border-radius:14px;max-width:calc(100% - 24px);height:auto;margin:24px auto;image-rendering:auto}
.client-dark.page-checkout textarea[aria-label="Código PIX"]{overflow-wrap:anywhere;word-break:break-all;min-height:110px}
.client-dark.page-checkout .check span{min-width:0;overflow-wrap:anywhere}
.client-dark.page-checkout .price{color:#80ebd7}
.client-dark.page-devices .page-head>form{flex-shrink:0;max-width:100%}
.client-dark.page-devices .card>p code{display:inline-block;background:#0b101b;padding:8px 12px;border:1px solid var(--line);border-radius:9px;letter-spacing:.04em}
.client-dark.page-devices .badge{white-space:normal}
@media(max-width:720px){.client-dark.page-devices .page-head>form{width:100%}.client-dark.page-devices .page-head>form button{width:100%}.client-dark.page-checkout .narrow.card{padding:22px}.client-dark.page-checkout .price{font-size:26px}}
