@font-face{font-family:"Pixelify Sans";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/pixelify-sans-latin-700-normal.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/instrument-sans-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:600;font-display:swap;src:url("/fonts/instrument-sans-latin-600-normal.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url("/fonts/jetbrains-mono-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/jetbrains-mono-latin-700-normal.woff2") format("woff2")}

:root{--paper:#F3F3F0;--surface:#FFFFFF;--surface-muted:#E6E6E1;--ink:#111317;--ink-muted:#4A4F56;--line:#C9CAC5;--border:#111317;--human:#EE4B12;--human-text:#B23A0E;--on-human:#111317;--human-soft:#FCE3D8;--agent-dim:#D3D4CF;--focus:#2F5BFF;
--font-display:"Pixelify Sans",ui-monospace,monospace;--font-sans:"Instrument Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-none:0;--shadow-pixel:4px 4px 0 #111317;--shadow-pixel-sm:2px 2px 0 #111317;--gutter:clamp(16px,4vw,48px)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:24px}
img,svg{max-width:100%}
a{color:var(--human-text)}a:hover{color:var(--ink)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
h1,h2,h3{font-family:var(--font-display);font-weight:700;margin:0}
p,ol,ul{margin:0}
.skip{position:absolute;left:-9999px;top:8px;background:var(--surface);border:2px solid var(--ink);padding:8px 12px;z-index:10}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:1200px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
.stack{display:flex;flex-direction:column;gap:32px}
.eyebrow,.label{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}
.lead{font-size:18px;line-height:28px}
.small{font-size:14px;line-height:20px}
.muted{color:var(--ink-muted)}
.narrow{max-width:760px}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.hitl-btn{text-decoration:none}
.hitl-btn--primary:hover{color:var(--on-human)}
.hitl-btn--secondary:hover{color:var(--ink)}
.hitl-card{max-width:none}
/* header */
.site-header{border-bottom:2px solid var(--ink);background:var(--paper);position:sticky;top:0;z-index:5}
.header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding-top:14px;padding-bottom:14px}
.logo-link{color:var(--ink);text-decoration:none}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.nav a:not(.hitl-btn){color:var(--ink);text-decoration:none;font-weight:600;font-size:15px}
.nav a:not(.hitl-btn):hover{color:var(--human-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:760px){.site-header{position:static}.nav a:not(.hitl-btn){display:none}}
/* hero */
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:48px;padding-top:clamp(48px,8vw,96px);padding-bottom:clamp(48px,7vw,80px)}
.hero-copy{flex:1 1 520px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.hero h1{font-size:clamp(40px,5vw,64px);line-height:1;letter-spacing:-.01em}
.hero h1 span{display:block}
@media (max-width:560px){.hero h1 span{display:inline}}
.hero .lead{max-width:560px}
.hero-panel{flex:1 1 360px;min-width:0;max-width:480px;background:var(--surface);border:2px solid var(--ink);box-shadow:var(--shadow-pixel)}
.hero-mark{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 24px 28px;border-bottom:2px solid var(--ink)}
.hero-mark svg{width:auto;max-height:240px;height:auto}
.queue{display:flex;flex-direction:column;padding:16px 20px 20px}
.queue .label{margin-bottom:8px}
.queue-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:2px solid var(--line)}
.queue-item:last-child{border-bottom:0}
.queue-item>div{display:flex;flex-direction:column;min-width:0;flex:1 1 200px}
/* bands */
.band{border-top:2px solid var(--ink);padding:clamp(48px,7vw,88px) 0}
.band--muted{background:var(--surface-muted)}
.band--dark{background:#111317;color:#F3F3F0;--ink:#F3F3F0;--ink-muted:#A7ACB3;--line:#3A3E44;--human-text:#FF7A45;border-top-color:#111317}
.sec-head{display:flex;flex-direction:column;gap:16px;max-width:760px}
.sec-head h2{font-size:clamp(30px,3.6vw,40px);line-height:1.05}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:stretch}
.note{max-width:760px;padding:16px 20px;border:2px dashed var(--ink);font-size:18px;line-height:28px}
.tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px}
.box{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--surface);border:2px solid var(--ink)}
.box h3,.buy-item h3,.area h3,.risk-grid h3{font-size:24px;line-height:28px}
.box ol,.box ul{padding-left:22px;display:flex;flex-direction:column;gap:10px}
.box--dark{background:var(--ink);color:var(--paper)}
.box--dark ul{gap:6px}
.buy-item{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--surface);border:2px solid var(--ink);box-shadow:var(--shadow-pixel-sm)}
.num{font-family:var(--font-mono);font-size:14px;line-height:20px;font-weight:500;color:var(--ink-muted)}
/* diagrama */
.diagram-scroll{overflow-x:auto;padding-bottom:8px}
.diagram{position:relative;width:1104px;height:560px;margin:0 auto;font-size:14px;line-height:20px}
.d-band{position:absolute;top:0;height:560px}
.d-bandlab{position:absolute;top:528px;font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#4A4F56}
.d-card{position:absolute;height:152px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;background:#fff;color:#4A4F56;border:2px solid #111317}
.d-card b{font-size:16px;color:#111317}
.d-card--human{box-shadow:4px 4px 0 #EE4B12}
.d-card--dark{background:#111317;color:#D3D4CF}.d-card--dark b{color:#F3F3F0}
.d-lab{position:absolute;text-align:center;font-size:13px;line-height:16px;font-weight:600;color:#4A4F56}
.d-lab--ink{color:#111317}.d-lab--or{color:#B23A0E}
.flow-mobile{display:none;list-style:none;padding:0;flex-direction:column;gap:0}
.flow-mobile li{display:flex;flex-direction:column;gap:4px;padding:16px;background:var(--surface);border:2px solid var(--ink);position:relative;margin-bottom:28px}
.flow-mobile li::after{content:"";position:absolute;left:50%;bottom:-28px;width:2px;height:26px;background:var(--ink)}
.flow-mobile li:last-child{margin-bottom:0}.flow-mobile li:last-child::after{display:none}
.flow-mobile span{color:var(--ink-muted);font-size:14px;line-height:20px}
.flow-mobile .is-human{background:var(--human-soft);box-shadow:4px 4px 0 var(--human)}
.flow-mobile .is-dark{background:#111317;color:#F3F3F0}.flow-mobile .is-dark span{color:#D3D4CF}
@media (max-width:900px){.diagram-scroll{display:none}.flow-mobile{display:flex}}
/* agentes */
.legend{display:flex;flex-wrap:wrap;gap:8px 24px}
.legend span{display:inline-flex;align-items:center;gap:8px}
.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;align-items:start}
.area{background:var(--surface);border:2px solid var(--ink);box-shadow:var(--shadow-pixel)}
.area-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:2px solid var(--ink)}
.area ul{list-style:none;padding:0 24px 8px}
.area li{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-bottom:2px solid var(--line)}
.area li:last-child{border-bottom:0}
.area .muted{font-size:14px;line-height:20px}
.rule{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:20px}
.rule svg{flex-shrink:0;margin-top:6px}
.rule-box{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;background:var(--human-soft);border:2px solid var(--ink)}
.rule-box p{flex:1 1 280px;font-size:18px;line-height:28px}
/* consultor */
.consultor{display:flex;flex-wrap:wrap;align-items:center;gap:48px}
.consultor-mark{flex:0 1 280px;display:flex;justify-content:center}
.consultor>.stack{flex:1 1 520px;min-width:0;gap:24px}
.duties{list-style:none;padding:0}
.duties li{display:flex;gap:16px;padding:14px 0;border-top:2px solid #3A3E44}
.duties li:last-child{border-bottom:2px solid #3A3E44}
.duties span{font-family:var(--font-mono);font-weight:500;font-size:14px;color:#FF7A45;padding-top:2px}
/* riscos */
.risk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));border-top:2px solid var(--ink);border-left:2px solid var(--ink)}
.risk-grid>div{display:flex;flex-direction:column;gap:8px;padding:24px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--surface)}
.risk-grid p{color:var(--ink-muted)}
/* tabela */
.table-scroll{overflow-x:auto;border:2px solid var(--ink);background:var(--surface)}
table{width:100%;min-width:860px;border-collapse:collapse;text-align:left}
thead th{padding:16px 20px;border-bottom:2px solid var(--ink);font-family:var(--font-display);font-size:20px;line-height:24px;vertical-align:bottom}
tbody th{padding:14px 20px;font-weight:600;width:18%}
tbody td{padding:14px 20px}
tbody tr:not(:last-child) th,tbody tr:not(:last-child) td{border-bottom:2px solid var(--line)}
.hl{background:var(--human-soft)}
/* contato */
.contato{display:flex;flex-wrap:wrap;gap:48px}
.contato>.stack{flex:1 1 380px;min-width:0}
.form-card{flex:1 1 460px;min-width:0;background:var(--surface);border:2px solid var(--ink);box-shadow:var(--shadow-pixel);padding:clamp(20px,3vw,32px)}
#form-contato{display:flex;flex-direction:column;gap:20px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.field{display:flex;flex-direction:column;gap:8px}
.field label{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:var(--surface);border:2px solid var(--ink);border-radius:0;box-shadow:var(--shadow-pixel-sm);padding:10px 14px;min-height:44px;width:100%}
.field textarea{resize:vertical}
.field [aria-invalid="true"]{border-color:var(--human-text);box-shadow:2px 2px 0 var(--human-text)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-error{padding:12px 14px;background:var(--human-soft);border:2px solid var(--ink)}
.form-ok{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.form-ok[hidden],.form-error[hidden],#form-contato[hidden]{display:none}
.form-ok h3{font-size:24px;line-height:28px}
.whats-cta{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.whats-cta h3{font-size:24px;line-height:28px}
.whats-cta .hitl-btn{display:inline-flex;align-items:center;gap:10px}
.whats-glyph{flex:none}
/* footer */
.site-footer{border-top:2px solid var(--ink)}
.footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-top:32px;padding-bottom:32px}
.footer-row nav{display:flex;flex-wrap:wrap;gap:8px 24px}
.footer-row nav a{color:var(--ink)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* design system: componentes */
500;600;700&family=Instrument+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap');

.hitl-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* Mark */
.hitl-mark { display: block; flex-shrink: 0; }
.hitl-mark-agent.is-animated { opacity: .2; animation-iteration-count: infinite; animation-timing-function: steps(1, end); }
@keyframes hitl-pulse-4 { 0% { opacity: 1 } 50% { opacity: .2 } 100% { opacity: .2 } }
@keyframes hitl-pulse-5 { 0% { opacity: 1 } 40% { opacity: .2 } 100% { opacity: .2 } }
@keyframes hitl-pulse-6 { 0% { opacity: 1 } 33.333% { opacity: .2 } 100% { opacity: .2 } }
@keyframes hitl-pulse-7 { 0% { opacity: 1 } 28.571% { opacity: .2 } 100% { opacity: .2 } }
@keyframes hitl-pulse-8 { 0% { opacity: 1 } 25% { opacity: .2 } 100% { opacity: .2 } }
@keyframes hitl-pulse-9 { 0% { opacity: 1 } 22.222% { opacity: .2 } 100% { opacity: .2 } }
@keyframes hitl-pulse-10 { 0% { opacity: 1 } 20% { opacity: .2 } 100% { opacity: .2 } }
@media (prefers-reduced-motion: reduce) {
  .hitl-mark-agent.is-animated { animation: none; opacity: 1; }
}

/* Logo */
.hitl-logo { display: inline-flex; align-items: center; color: var(--ink); font-family: var(--font-display); font-weight: 700; }
.hitl-logo-words { display: flex; flex-direction: column; }
.hitl-logo-name { line-height: .92; letter-spacing: -.01em; }
.hitl-logo-lab { color: var(--ink-muted); letter-spacing: .35em; line-height: 1; }

.hitl-logo--horizontal.hitl-logo--sm { gap: var(--space-3); }
.hitl-logo--horizontal.hitl-logo--sm .hitl-logo-words { gap: var(--space-1); }
.hitl-logo--horizontal.hitl-logo--sm .hitl-logo-name { font-size: 20px; }
.hitl-logo--horizontal.hitl-logo--sm .hitl-logo-lab { font-size: 10px; }
.hitl-logo--horizontal.hitl-logo--md { gap: var(--space-6); }
.hitl-logo--horizontal.hitl-logo--md .hitl-logo-words { gap: var(--space-2); }
.hitl-logo--horizontal.hitl-logo--md .hitl-logo-name { font-size: 34px; }
.hitl-logo--horizontal.hitl-logo--md .hitl-logo-lab { font-size: 12px; }
.hitl-logo--horizontal.hitl-logo--lg { gap: var(--space-8); }
.hitl-logo--horizontal.hitl-logo--lg .hitl-logo-words { gap: var(--space-3); }
.hitl-logo--horizontal.hitl-logo--lg .hitl-logo-name { font-size: 50px; }
.hitl-logo--horizontal.hitl-logo--lg .hitl-logo-lab { font-size: 17px; }

.hitl-logo--stacked { flex-direction: column; text-align: center; }
.hitl-logo--stacked .hitl-logo-words { align-items: center; }
.hitl-logo--stacked .hitl-logo-lab { letter-spacing: .5em; padding-left: .5em; }
.hitl-logo--stacked.hitl-logo--sm { gap: var(--space-3); }
.hitl-logo--stacked.hitl-logo--sm .hitl-logo-words { gap: var(--space-1); }
.hitl-logo--stacked.hitl-logo--sm .hitl-logo-name { font-size: 18px; }
.hitl-logo--stacked.hitl-logo--sm .hitl-logo-lab { font-size: 10px; }
.hitl-logo--stacked.hitl-logo--md { gap: var(--space-6); }
.hitl-logo--stacked.hitl-logo--md .hitl-logo-words { gap: var(--space-2); }
.hitl-logo--stacked.hitl-logo--md .hitl-logo-name { font-size: 30px; }
.hitl-logo--stacked.hitl-logo--md .hitl-logo-lab { font-size: 12px; }
.hitl-logo--stacked.hitl-logo--lg { gap: var(--space-8); }
.hitl-logo--stacked.hitl-logo--lg .hitl-logo-words { gap: var(--space-3); }
.hitl-logo--stacked.hitl-logo--lg .hitl-logo-name { font-size: 44px; }
.hitl-logo--stacked.hitl-logo--lg .hitl-logo-lab { font-size: 16px; }

.hitl-logo--inline .hitl-logo-words { flex-direction: row; align-items: center; gap: .4em; }
.hitl-logo--inline .hitl-logo-name { line-height: 1; }
.hitl-logo--inline .hitl-logo-lab { color: var(--ink); font-size: .55em; letter-spacing: .25em; padding: .3em .35em .3em .55em; border: 2px solid var(--border); }
.hitl-logo--inline.hitl-logo--sm { gap: var(--space-2); font-size: 16px; }
.hitl-logo--inline.hitl-logo--md { gap: var(--space-3); font-size: 24px; }
.hitl-logo--inline.hitl-logo--lg { gap: var(--space-4); font-size: 34px; }

/* Loader */
.hitl-loader { display: inline-flex; align-items: center; gap: var(--space-3); }
.hitl-loader-label { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }

/* Button */
.hitl-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); height: 44px; padding: 0 20px; font-family: var(--font-display); font-weight: 700; font-size: 16px; line-height: 1; color: var(--ink); background: var(--surface); border: 2px solid var(--border); border-radius: var(--radius-none); box-shadow: var(--shadow-pixel-sm); cursor: pointer; transition: transform 80ms steps(2, end), box-shadow 80ms steps(2, end); }
.hitl-btn:hover { transform: translate(-2px, -2px); box-shadow: var(--shadow-pixel); }
.hitl-btn:active { transform: translate(2px, 2px); box-shadow: none; }
.hitl-btn:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.hitl-btn--primary { background: var(--human); color: var(--on-human); }
.hitl-btn--secondary { background: var(--surface); }
.hitl-btn--ghost { background: transparent; border-color: transparent; box-shadow: none; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.hitl-btn--ghost:hover { transform: none; box-shadow: none; color: var(--human-text); }
.hitl-btn--ghost:active { transform: none; }
.hitl-btn--sm { height: 36px; padding: 0 14px; font-size: 14px; }
.hitl-btn:disabled { opacity: .45; cursor: not-allowed; transform: none; box-shadow: none; }

/* Tag */
.hitl-tag { display: inline-flex; align-items: center; gap: var(--space-2); padding: 4px var(--space-2); font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink); background: var(--surface); border: 2px solid var(--border); }
.hitl-tag-glyph { display: block; flex-shrink: 0; }
.hitl-tag--human { background: var(--human-soft); }
.hitl-tag--solid { background: var(--ink); color: var(--paper); }

/* Card */
.hitl-card { display: flex; flex-direction: column; gap: var(--space-3); padding: var(--space-6); background: var(--surface); border: 2px solid var(--border); box-shadow: var(--shadow-pixel); color: var(--ink); max-width: 360px; box-sizing: border-box; }
.hitl-card-eyebrow { margin: 0; font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
.hitl-card-title { margin: 0; font-family: var(--font-display); font-size: 24px; line-height: 28px; font-weight: 700; }
.hitl-card-body { font-size: 16px; line-height: 24px; color: var(--ink); }
.hitl-card-body p { margin: 0; }
.hitl-card-footer { display: flex; flex-wrap: wrap; gap: var(--space-2); padding-top: var(--space-3); border-top: 2px solid var(--line); }