:root{--bg:#fafaf9;--surface:#fff;--text:#0f0f12;--muted:#6b6b76;--border:#e7e5e4;--border-h:#d4d4d8;--accent:#5b4bff;--accent-soft:#5b4bff14;--tag:#f4f4f5;--shadow:0 1px 2px #0000000a,0 8px 24px -12px #00000020}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0b0f;--surface:#121218;--text:#ededf0;--muted:#9393a0;--border:#23232c;--border-h:#3a3a46;--accent:#8b7dff;--accent-soft:#8b7dff1f;--tag:#1b1b23;--shadow:0 1px 2px #0006,0 12px 32px -16px #000c}}
:root[data-theme=dark]{--bg:#0b0b0f;--surface:#121218;--text:#ededf0;--muted:#9393a0;--border:#23232c;--border-h:#3a3a46;--accent:#8b7dff;--accent-soft:#8b7dff1f;--tag:#1b1b23;--shadow:0 1px 2px #0006,0 12px 32px -16px #000c}
:root{color-scheme:light dark}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.nav{border-bottom:1px solid var(--border)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:56px}
.logo{font-weight:700;letter-spacing:-.02em;text-decoration:none;display:flex;align-items:center;gap:8px}.logo b{color:var(--accent);font-weight:700}
.dot{width:10px;height:10px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.nav-tag{font-size:12px;color:var(--muted);border:1px solid var(--border);padding:3px 10px;border-radius:99px}
.hero{padding:56px 0 36px;background:radial-gradient(600px 240px at 50% 0,var(--accent-soft),transparent)}
.eyebrow{display:inline-block;font:500 12px/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:16px}
h1{font-size:clamp(32px,7vw,56px);line-height:1.05;letter-spacing:-.035em;font-weight:800;margin:0 0 16px;max-width:15ch}
.accent{color:var(--accent)}.lead{color:var(--muted);font-size:clamp(16px,2.2vw,18px);max-width:56ch;margin:0 0 28px}
.search{display:flex;align-items:center;gap:10px;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 14px;color:var(--muted);box-shadow:var(--shadow);transition:border-color .15s,box-shadow .15s}
.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.search input{flex:1;border:0;outline:0;background:none;color:var(--text);font:inherit;font-size:16px;padding:14px 0}
.filterbar{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-block:1px solid var(--border)}
.filters{display:flex;gap:8px;align-items:center;padding-top:10px;padding-bottom:10px;overflow-x:auto;scrollbar-width:none}
select{appearance:none;flex:0 0 auto;font:500 13px Inter,sans-serif;color:var(--text);background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;border:1px solid var(--border);border-radius:99px;padding:7px 28px 7px 12px;cursor:pointer}
select:hover{border-color:var(--border-h)}select:focus{outline:2px solid var(--accent);outline-offset:1px}
.count{margin:0 0 0 auto;flex:0 0 auto;font:500 12px 'JetBrains Mono',monospace;color:var(--muted)}
.grid{display:grid;gap:14px;grid-template-columns:1fr;padding:24px 0 56px}
@media(min-width:680px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;transition:border-color .15s,transform .15s,box-shadow .15s}
.card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:var(--shadow)}
.card h3{font-size:16.5px;line-height:1.3;letter-spacing:-.015em;margin:12px 0 6px;font-weight:650}
.card p{color:var(--muted);font-size:14px;margin:0 0 16px;flex:1}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tag{font:500 11.5px/1 Inter,sans-serif;padding:5px 8px;border-radius:6px;background:var(--tag);color:var(--muted);border:1px solid var(--border)}
.tag.tool{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.tag.ex{background:#f59e0b1a;color:#b45309;border-color:transparent}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .tag.ex{color:#fbbf24}}:root[data-theme=dark] .tag.ex{color:#fbbf24}
.meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px dashed var(--border);font-size:12.5px;color:var(--muted)}
.meta a{text-decoration:none;border-bottom:1px solid var(--border-h)}.meta a:hover{color:var(--accent)}
.meta button,.btn{font:600 13px Inter,sans-serif;border-radius:8px;padding:7px 12px;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:.15s;white-space:nowrap}
.meta button:hover{border-color:var(--accent);color:var(--accent)}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.08)}
dialog{width:min(720px,calc(100% - 24px));max-height:85vh;border:1px solid var(--border);border-radius:16px;padding:0;background:var(--surface);color:var(--text);box-shadow:0 30px 80px -20px #0008}
dialog[open]{animation:pop .18s ease-out}@keyframes pop{from{opacity:0;transform:translateY(8px) scale(.98)}}
dialog::backdrop{background:#0a0a0f99;backdrop-filter:blur(4px)}
dialog form{display:flex;flex-direction:column;max-height:85vh}
.m-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:20px 20px 12px}
.m-head h2{font-size:18px;letter-spacing:-.02em;margin:0;line-height:1.3}
.x{border:0;background:var(--tag);color:var(--muted);width:30px;height:30px;border-radius:8px;cursor:pointer;flex:0 0 auto}
pre{margin:0 20px;padding:16px;overflow:auto;white-space:pre-wrap;font:13px/1.65 'JetBrains Mono',monospace;background:var(--bg);border:1px solid var(--border);border-radius:10px}
.m-actions{display:flex;gap:8px;justify-content:flex-end;padding:16px 20px 20px}
.foot{padding:28px 20px 40px;border-top:1px solid var(--border);color:var(--muted);font-size:13px}
.logo svg{width:22px;height:22px;flex:0 0 auto}
.card h3 a{text-decoration:none}.card h3 a:hover{color:var(--accent)}
.empty{color:var(--muted);grid-column:1/-1;text-align:center;padding:40px 0}
.faq{padding:8px 0 48px}.faq h2,.caso h2{font-size:22px;letter-spacing:-.02em;margin:0 0 16px}
.faq details{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px 18px;margin-bottom:10px}
.faq summary{font-weight:600;cursor:pointer}.faq details p{color:var(--muted);margin:10px 0 0}
.crumbs{font-size:13px;color:var(--muted);padding:20px 0 0}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--accent)}
.caso{padding:24px 0 56px;max-width:780px}.caso h1{font-size:clamp(28px,5vw,42px);max-width:none}
.caso .tags{margin-bottom:16px}.caso .lead{margin-bottom:20px}
.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:14px;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:16px 18px;margin:0 0 28px}
.facts dt{color:var(--muted)}.facts dd{margin:0}.facts a{color:var(--accent)}
.caso pre{margin:0 0 16px}.back{display:inline-block;margin-top:24px;font-weight:600;text-decoration:none;color:var(--accent)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.nav-r{display:flex;align-items:center;gap:8px}.theme-btn{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:.15s}.theme-btn:hover{color:var(--accent);border-color:var(--border-h)}.theme-btn svg{width:17px;height:17px}
@media(max-width:420px){.nav-tag{display:none}}
.news{display:grid;gap:18px;align-items:center;margin:8px 0 40px;padding:24px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,var(--accent-soft),transparent 70%),var(--surface)}
@media(min-width:860px){.news{grid-template-columns:1fr 1.1fr;padding:32px}}
.news h2{font-size:22px;letter-spacing:-.02em;margin:0 0 6px}.news p{color:var(--muted);margin:0}
.news-f{display:flex;flex-wrap:wrap;gap:8px}.news-f input[type=email]{flex:1 1 220px;min-width:0;font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:11px 14px;outline:0}
.news-f input[type=email]:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.news-f .btn{padding:11px 18px;font-size:14px}.news-f .btn:disabled{opacity:.6}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.news-msg{flex-basis:100%;font-size:14px;font-weight:500;min-height:0}.news-msg:empty{display:none}.news-msg.ok{color:#16a34a}.news-msg.err{color:#dc2626}
.news-lgpd{flex-basis:100%;font-size:12px!important}.caso .news{margin-top:40px}
.nav-news{font:600 13px Inter,sans-serif;text-decoration:none;color:#fff;background:var(--accent);padding:8px 12px;border-radius:9px;transition:.15s}.nav-news:hover{filter:brightness(1.08)}
.hero-news{max-width:560px;margin-top:14px}
.news-f.compact input[type=email],.news-card input[type=email],.news-modal input[type=email]{padding:10px 14px;background:var(--surface)}
.news-f.compact .news-lgpd,.news-card .news-lgpd,.news-modal .news-lgpd{font-size:11.5px!important;color:var(--muted);margin:0}
@media(max-width:560px){.news-f{flex-direction:column}.news-f input[type=email]{flex:0 0 auto}.news-f .btn{width:100%}}
.news-card{border:1px solid var(--border);border-radius:14px;padding:16px 18px;margin:-12px 0 28px;background:linear-gradient(135deg,var(--accent-soft),transparent 70%),var(--surface)}
.news-card-t{margin:0 0 10px;font-size:14px;color:var(--muted)}.news-card-t b{color:var(--text)}
.news-modal{width:min(480px,calc(100% - 24px))}.news-modal-p{color:var(--muted);margin:0;padding:0 20px 12px;font-size:14px}.news-modal .news-f{padding:0 20px 20px}
/* ---- v8: newsletter variants ---- */
.news-f input[type=email],.news-f .btn{height:44px;box-sizing:border-box}
.news-f .btn{padding:0 18px}
.news-f.stack{flex-direction:column}.news-f.stack input[type=email]{flex:0 0 auto}.news-f.stack .btn{width:100%}
.news-inline-k{display:flex;align-items:center;gap:8px;font:500 11.5px/1 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;color:var(--accent)}
.news-inline-p{font-size:14px;margin:0 0 14px;color:var(--muted)}
/* A: announcement bar */
.announce{background:var(--accent);color:#fff;font-size:13.5px}
.announce a{display:flex;justify-content:center;align-items:center;gap:6px;min-height:36px;text-decoration:none;flex-wrap:wrap;text-align:center;padding:6px 0}
.announce span{font-weight:600;text-decoration:underline;text-underline-offset:3px;margin-left:4px}
.announce a:hover span{text-decoration-thickness:2px}
/* A/B: inline grid card (accent) */
.news-inline{border-radius:14px;padding:22px;color:#fff;background:radial-gradient(420px 220px at 100% 0,#ffffff2e,transparent),linear-gradient(140deg,#6d5dff,#4a3aef);border:1px solid #ffffff1f;display:flex;flex-direction:column;justify-content:center;box-shadow:0 12px 32px -16px #4a3aefaa}
.news-inline h3{font-size:19px;line-height:1.25;letter-spacing:-.02em;margin:0 0 8px}
.news-inline .news-inline-k{color:#ffffffcc}.news-inline .news-inline-p,.news-inline .news-lgpd{color:#ffffffc4!important}
.news-inline input[type=email]{background:#fff!important;color:#0f0f12!important;border-color:transparent!important}
.news-inline .btn.primary{background:#0f0f12;border-color:#0f0f12}
.news-inline .news-msg.ok{color:#bbf7d0}.news-inline .news-msg.err{color:#fecaca}
@media(min-width:1024px){.only-mobile{display:none!important}}
/* B: two-column hero */
@media(min-width:1024px){.hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:center}}
.news-hero{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 1px 2px #0000000a,0 24px 48px -24px #4a3aef55;position:relative}
.news-hero:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#7a6dff,#4a3aef)}
.news-hero h2{font-size:20px;letter-spacing:-.02em;margin:0 0 6px}
.live{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e33}
@media(max-width:1023px){.news-hero{display:none}}
/* C: search in filter bar; newsletter primary in hero */
.search.search-sm{flex:1 1 220px;min-width:180px;max-width:none;height:36px;border-radius:99px;padding:0 12px;box-shadow:none}
.search.search-sm input{font-size:14px;padding:0}
.hero-c .hero-news{max-width:520px;margin-top:4px}
.hero-c .news-f input[type=email],.hero-c .news-f .btn{height:48px}.hero-c .news-f .btn{font-size:15px}
@media(max-width:700px){.hero-c ~ .filterbar .filters{flex-wrap:wrap}.hero-c ~ .filterbar .search-sm{flex-basis:100%}}
.news-f.stack>p{flex-basis:auto}
@media(max-width:560px){.news-f>p{flex-basis:auto}}
.news-f .news-lgpd{margin:0}
.news-f.stack{flex-wrap:nowrap}
@media(max-width:560px){.news-f{flex-wrap:nowrap}.hide-sm{display:none}}
.announce{background:#5b4bff}.announce i{font-style:normal;opacity:.85}
.announce ~ .nav .nav-news{background:transparent;color:var(--accent);border:1px solid var(--border)}