@font-face{font-family:Inter;src:url(inter.woff2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ed;color:#242320;font-family:Inter,Arial,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a.primary{cursor:pointer}button{border:1px solid #cbc9c0;background:transparent;border-radius:8px;padding:12px 16px;color:inherit}button:hover{background:#e9e5dc}header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid #d9d6ce}.brand{display:flex;align-items:center;gap:10px;font-size:25px;font-weight:800;text-decoration:none;letter-spacing:-1px}.mark{color:#e35432;font-size:34px}.pill{font-size:10px;letter-spacing:1px;border:1px solid #ccc9c0;border-radius:30px;padding:8px 12px;font-weight:600}.brand .pill{margin-left:10px}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:13px}main{max-width:1320px;margin:auto;padding:0 40px}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;padding:65px 0 85px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#766e63}.intro h1{font-size:clamp(44px,5.3vw,74px);letter-spacing:-4px;line-height:1.03;margin:25px 0}.intro h1 em{font-style:normal;color:#d74e30}.lead{font-size:16px;line-height:1.7;max-width:435px;color:#706b62}.benefits{display:flex;gap:20px;font-size:10px;margin:24px 0 35px}.primary{background:#e35533!important;color:white!important;border:none;text-decoration:none;border-radius:8px;padding:17px 22px;display:flex;justify-content:space-between;gap:35px;align-items:center;font-size:14px;width:fit-content;font-weight:600}.hero{position:relative;border-radius:22px;background:#ded9cd;padding:22px;text-align:center;height:500px}.hero video{height:100%;max-width:100%;border-radius:12px;background:#16131f;object-fit:contain}.video-label{position:absolute;bottom:37px;left:30px;font-size:8px;color:#fff;background:#242320d9;padding:8px}.floating{position:absolute;right:-16px;top:35%;background:#f9f7f1;box-shadow:0 10px 30px #0002;padding:20px;border-radius:10px;font-size:13px;line-height:1.7;text-align:left;transform:rotate(3deg)}section{scroll-margin-top:25px}h2{font-size:32px;letter-spacing:-1.2px;margin:13px 0 25px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace{border-top:1px solid #d2cec3;padding-top:35px}.editor{display:grid;grid-template-columns:1.5fr 1fr;border:1px solid #d9d5ca;border-radius:16px;overflow:hidden}.editor form{padding:30px;background:#fffdf8}.editor aside{padding:30px;background:#ece8df}label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}small{display:block;color:#777268;font-size:10px;font-weight:400;margin-top:7px}input,select,textarea{display:block;width:100%;padding:12px;margin-top:9px;background:#fffdf9;border:1px solid #d1cdc1;border-radius:6px;min-width:0;color:#242320}input[type=color]{height:45px;padding:4px}input[type=file]{font-size:11px}textarea{resize:vertical;line-height:1.5}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}aside h3{font-size:26px;font-weight:500;letter-spacing:-1px}aside p,.note,#status{font-size:11px;line-height:1.7;color:#746e63}pre{white-space:pre-wrap;font-size:11px}details{font-size:12px;margin-top:18px}.jobs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.job{padding:18px;border:1px solid #d1cdc1;border-radius:10px;font-size:12px}.job button{margin-top:12px}#estilos,#conexoes{padding-top:65px}.styles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.styles article{min-width:0}.styles video,.art{width:100%;height:190px;object-fit:contain;background:#11101c;border-radius:12px}.art{padding:30px 20px;color:#b995ff;line-height:1.5;font-size:19px;display:flex;justify-content:center;flex-direction:column}.art.editorial{background:#ddd9ce;color:#252420;font-size:17px}.styles h3{font-size:14px;margin-bottom:8px}.styles p{font-size:11px;line-height:1.6;color:#706b62;min-height:36px}.styles button{font-size:11px;padding:9px 13px}.note{margin-top:25px}.connections{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.connections a{padding:20px;text-decoration:none;border:1px solid #d1cdc1;border-radius:10px;font-size:15px}.connections span{display:block;font-size:11px;color:#716a60;margin-top:8px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #d2cec3;margin-top:60px;padding:30px 0 45px;font-size:10px;color:#716a60}footer p{max-width:520px;line-height:1.7}dialog{border:0;border-radius:16px;padding:30px;max-width:min(450px,90vw);background:#f5f3ed}dialog::backdrop{background:#16121a99}dialog p{font-size:13px;line-height:1.6}dialog button{margin-top:12px;margin-right:10px}@media(max-width:700px){header{padding:17px 20px}.brand{font-size:23px}.brand .pill,nav a{display:none}nav button{font-size:10px;padding:10px}main{padding:0 22px}.intro{grid-template-columns:1fr;gap:35px;padding:35px 0 45px}.intro h1{font-size:49px;letter-spacing:-2.6px}.lead{font-size:14px}.benefits{gap:12px;font-size:9px}.hero{height:390px;margin:0 12px}.floating{right:-20px;font-size:11px;padding:14px}.sectionhead{display:block}.sectionhead>.pill{display:inline-block;margin-bottom:20px}h2{font-size:27px}.editor{grid-template-columns:1fr}.editor form,.editor aside{padding:20px}.styles{grid-template-columns:1fr 1fr;gap:24px 14px}.styles video,.art{height:156px}.art{padding:16px;font-size:14px}.art.editorial{font-size:14px}.styles h3{font-size:12px}.connections{grid-template-columns:1fr 1fr}.connections a{padding:15px;font-size:13px}.jobs{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column;gap:10px}.row{gap:12px}}

/* Auditoria BaitaOS 13/10/2026 (celular): sem "elástico" no iPhone e campo com 16 px no toque (o iOS não dá zoom ao digitar). */
html, body { overscroll-behavior: none; }
@media (pointer: coarse), (max-width: 767px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]), textarea, select { font-size: max(16px, 1em) !important; }
}

/* Conta BaitaOS (card HazKwz): painel de entrada/empresa/espaço, cartões de vídeo com renomear e apagar, estados. */
[hidden] { display: none !important; }
:focus-visible { outline: 2px solid #e35533; outline-offset: 2px; }
.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.conta { border: 1px solid #d9d5ca; border-radius: 16px; background: #fffdf8; padding: 34px; animation: surgir .24s ease-out; }
.conta h2 { margin: 10px 0 8px; outline: none; }
.conta-texto { font-size: 14px; line-height: 1.6; color: #706b62; max-width: 560px; margin: 0 0 22px; }
.conta-opcoes { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.conta-opcoes form { border: 1px solid #e0dcd2; border-radius: 12px; padding: 22px; background: #f9f7f1; display: flex; flex-direction: column; }
.conta-opcoes h3 { margin: 0 0 6px; font-size: 17px; letter-spacing: -.3px; }
.conta-opcoes p { font-size: 12px; line-height: 1.6; color: #706b62; margin: 0 0 16px; }
.conta-opcoes label { margin-bottom: 4px; }
.conta-opcoes button { margin-top: auto; align-self: flex-start; }
.conta-erro { color: #b3261e !important; font-weight: 600; min-height: 1em; margin: 6px 0 12px !important; }
.conta-erro:empty { margin: 0 0 8px !important; }
.empresas { display: grid; gap: 8px; max-width: 480px; }
.empresas button { display: flex; justify-content: space-between; align-items: center; gap: 12px; text-align: left; font-weight: 600; background: #f9f7f1; }
.empresas small { margin: 0; }
button.link { border: 0; padding: 0; text-decoration: underline; font-weight: 600; background: none; color: #d74e30; }
.esqueleto { border-radius: 10px; background: linear-gradient(90deg, #ece8df 25%, #f6f3ec 50%, #ece8df 75%); background-size: 200% 100%; animation: brilho 1.4s linear infinite; }
.esqueleto.barra { height: 22px; width: 40%; margin-bottom: 16px; }
.esqueleto.bloco { height: 150px; }
.job.esqueleto { min-height: 132px; border: 0; }
.jobs-aviso { grid-column: 1 / -1; font-size: 12px; color: #746e63; margin: 0; }
.jobs-vazio, .jobs-erro { grid-column: 1 / -1; border: 1px dashed #cbc7bb; border-radius: 12px; padding: 26px; text-align: center; }
.jobs-erro { border-style: solid; border-color: #e7b9ad; background: #fbefea; }
.jobs-vazio h4, .jobs-erro h4 { margin: 0 0 6px; font-size: 15px; }
.jobs-vazio p, .jobs-erro p { margin: 0 auto; font-size: 12px; line-height: 1.6; color: #706b62; max-width: 420px; }
.jobs-erro button { margin-top: 14px; }
.job { display: flex; flex-direction: column; gap: 6px; background: #fffdf8; transition: border-color .15s, box-shadow .15s; animation: surgir .2s ease-out; }
.job:hover { border-color: #b9b4a8; box-shadow: 0 6px 18px #24232010; }
.job-titulo { margin: 0; font-size: 15px; letter-spacing: -.2px; overflow-wrap: anywhere; }
.job-meta { margin: 0; color: #746e63; font-size: 11px; }
.job-estado { font-size: 12px; }
.job-estado.pronto { color: #2f6b3a; }
.job-estado.falhou { color: #b3261e; }
.job-estado.andamento { color: #8a5a00; }
.job-acoes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 6px; }
.job .job-acoes button { margin-top: 0; padding: 9px 13px; font-size: 12px; }
.job-renomear input { margin: 0; }
.job-confirmar p { margin: 4px 0 0; font-size: 12px; font-weight: 600; }
button.perigo { color: #b3261e; border-color: #e7b9ad; }
button.perigo:hover { background: #fbefea; }
button.perigo.cheio { background: #b3261e; color: #fff; border-color: #b3261e; }
button:disabled { opacity: .55; cursor: progress; }
@keyframes brilho { to { background-position: -200% 0; } }
@keyframes surgir { from { opacity: 0; transform: translateY(4px); } }
@media (prefers-reduced-motion: reduce) { .esqueleto, .conta, .job { animation: none; } .job { transition: none; } }
@media (max-width: 700px) { .conta { padding: 22px; } .conta-opcoes { grid-template-columns: 1fr; } .esqueleto.barra { width: 70%; } }