:root{--bg:#020607;--panel:#071013;--panel2:#0a1417;--line:#1e2a2e;--text:#f6f7f8;--muted:#aeb9bd;--red:#ef1721;--red2:#9e0c12;--green:#35d36b;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 58% 0%,rgba(239,23,33,.08),transparent 26%),#020607;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.45}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 46px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(2,6,7,.88);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:27px;font-weight:800;letter-spacing:-1.5px}.nav{display:flex;gap:30px;align-items:center;font-size:14px}.nav a{color:#dbe1e3}.nav a:hover,.nav a.active{color:#fff}.method-btn{border:1px solid #435057;padding:9px 14px;border-radius:8px;font-weight:700}.method-btn:hover{border-color:var(--red);color:#fff}.section{padding:56px 0}.eyebrow{color:var(--red);font-size:14px;font-weight:800;margin-bottom:12px}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);padding:60px 0 46px;background:radial-gradient(circle at 72% 45%,rgba(239,23,33,.15),transparent 27%)}.hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(239,23,33,.42);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;right:-265px;bottom:-330px;filter:drop-shadow(0 0 16px rgba(239,23,33,.28));pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:44px;align-items:center}.hero h1{font-size:58px;line-height:.98;letter-spacing:-2.8px;margin:0 0 18px}.hero p{font-size:19px;color:#d1d8db;max-width:670px;margin:0 0 18px}.byline{display:flex;align-items:center;gap:10px;color:#e9edef;font-weight:600}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#fff,#777);display:grid;place-items:center;color:#050505;font-size:12px;font-weight:800}.hero-map{border:1px solid #263338;border-radius:14px;background:linear-gradient(145deg,rgba(12,20,23,.96),rgba(5,10,12,.92));padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 40px rgba(239,23,33,.07)}.map-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}.map-grid:before{content:"VLO";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#5b0c11;border:1px solid var(--red);box-shadow:0 0 25px rgba(239,23,33,.6);padding:9px 18px;border-radius:8px;font-weight:800;z-index:3}.map-item{min-height:88px;border:1px solid #1d2a2f;border-radius:10px;background:#081114;display:grid;place-items:center;text-align:center;padding:9px;font-size:12px;color:#d7dde0}.map-item b{display:block;font-size:18px;margin-bottom:3px;color:#fff}.section-title{font-size:34px;letter-spacing:-1.3px;margin:0 0 24px}.quick-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:10px}.quick-card{border:1px solid #1d292d;border-radius:9px;background:#071013;padding:15px 10px;min-height:122px;display:flex;flex-direction:column;justify-content:space-between}.quick-card span{color:#b8c1c5;font-size:11px}.quick-card strong{font-size:13px}.logo-badge{width:38px;height:38px;border-radius:9px;border:1px solid #29353a;background:#0d171a;display:grid;place-items:center;font-weight:900;font-size:16px;color:#fff}.logo-badge.gold{color:#f6c56d}.logo-badge.blue{color:#39a1ff}.logo-badge.green{color:#51df9c}.logo-badge.purple{color:#c76cff}.logo-badge.orange{color:#ff7a35}.recommendations{border-top:1px solid var(--line);background:linear-gradient(180deg,#020607,#03090b)}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cat{border:1px solid #1c2a2e;border-radius:10px;background:linear-gradient(150deg,#071114,#050b0d);padding:17px;position:relative;overflow:hidden}.cat.wide{grid-column:1/-1}.cat h3{font-size:18px;margin:0 0 12px}.tools-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tools-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool{border:1px solid #1b292e;border-radius:9px;background:#081114;padding:15px}.tool-head{display:flex;align-items:center;gap:12px;margin-bottom:9px}.tool-name{font-size:18px;font-weight:800}.tag-choice{display:inline-flex;background:linear-gradient(180deg,#f52731,#bf0d15);color:#fff;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;margin-bottom:9px}.tag-neutral{display:inline-flex;background:#26363d;color:#e8ecee;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;margin-bottom:9px}.tool p{color:#c4cdd0;margin:7px 0;font-size:13px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.chip{font-size:10px;background:#111d21;border:1px solid #243238;color:#d5dcdf;padding:5px 9px;border-radius:999px}.tool-foot{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #172227;padding-top:10px;margin-top:10px;color:#aab5b9;font-size:11px}.tool-foot strong{color:#fff}.ai-box{display:grid;grid-template-columns:1.2fr 2.8fr;gap:15px;align-items:stretch}.ai-intro{border:1px solid #5b191c;background:linear-gradient(135deg,rgba(111,18,23,.38),#081114);border-radius:10px;padding:18px}.ai-intro strong{font-size:31px;line-height:1;display:block;margin-bottom:8px}.ai-tasks{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.ai-task{border:1px solid #1b292e;border-radius:9px;background:#081114;min-height:106px;display:grid;place-items:center;text-align:center;padding:10px;font-size:11px;color:#d9e0e2}.ai-task b{display:block;color:var(--red);font-size:18px;margin-bottom:5px}.stacks{border-top:1px solid var(--line)}.stack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.stack{border:1px solid #1c292d;border-radius:10px;background:#071013;padding:21px}.stack h3{font-size:21px;margin:0 0 14px}.stack ul{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:#d8dee0}.stack li:before{content:"✓";color:var(--red);font-weight:900;margin-right:9px}.stack p{color:#9eaaae;font-size:12px;margin:18px 0 0;border-top:1px solid #1a282c;padding-top:14px}.lead-capture{margin-top:28px;border:1px solid #5b2428;border-radius:12px;background:radial-gradient(circle at 90% 45%,rgba(239,23,33,.18),transparent 30%),linear-gradient(145deg,#14090a,#071013);padding:24px;display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}.lead-capture h3{font-size:24px;line-height:1.15;margin:0}.lead-capture h3 span{color:var(--red)}.stack-form{display:grid;grid-template-columns:1fr auto;gap:10px}.stack-form input{height:50px;border-radius:8px;border:1px solid #324046;background:#091215;color:#fff;padding:0 15px;font:inherit;outline:none}.stack-form input:focus{border-color:var(--red)}.stack-form button{height:50px;border:0;border-radius:8px;background:linear-gradient(180deg,#f5232d,#cc0e16);color:#fff;padding:0 18px;font-weight:800;cursor:pointer}.stack-form button:disabled{opacity:.7;cursor:wait}.stack-status{grid-column:1/-1;margin:2px 0 0;color:var(--green);font-size:13px;font-weight:700;min-height:18px}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}.conclusion{border-top:1px solid var(--line);position:relative;overflow:hidden;padding-bottom:95px}.conclusion:after{content:"";position:absolute;right:-80px;bottom:-120px;width:540px;height:300px;background:radial-gradient(ellipse at center,rgba(239,23,33,.2),transparent 68%);transform:rotate(-12deg);pointer-events:none}.conclusion h2{text-align:left;margin-bottom:8px}.conclusion p{color:#bec7ca;max-width:790px}.subtle-link{display:inline-flex;margin-top:14px;color:#dfe5e7;font-size:13px;border-bottom:1px solid #7b8588;padding-bottom:3px}.footer{border-top:1px solid var(--line);padding:26px 0;color:#93a0a4;font-size:12px}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-nav{display:flex;gap:22px}.exit-sheet{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.72);display:none;align-items:flex-end;justify-content:center;padding:18px}.exit-sheet.show{display:flex}.exit-card{width:min(620px,100%);background:#071013;border:1px solid #5c2428;border-radius:15px;padding:24px;box-shadow:0 20px 80px rgba(0,0,0,.55),0 0 50px rgba(239,23,33,.12)}.exit-card h3{margin:0 0 8px;font-size:26px}.exit-card p{color:#bac4c7;margin:0 0 16px}.exit-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-red,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:8px;font-weight:800;font-size:13px}.btn-red{background:linear-gradient(180deg,#f5232d,#cc0e16)}.btn-ghost{background:transparent;border:1px solid #39474c;color:#dce2e4;cursor:pointer}.blog-hero{padding:70px 0 30px}.blog-hero h1{font-size:54px;letter-spacing:-2px;margin:0 0 12px}.blog-hero p{color:#b9c3c6;font-size:18px;max-width:760px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:25px 0 80px}.post-card{border:1px solid #1f2d31;border-radius:12px;background:#071013;overflow:hidden}.post-cover{height:250px;background:radial-gradient(circle at 75% 45%,rgba(239,23,33,.28),transparent 30%),linear-gradient(145deg,#071013,#0b1114);padding:23px;position:relative}.post-cover:after{content:"VLO";position:absolute;right:28px;top:88px;border:1px solid var(--red);background:#4d0b10;box-shadow:0 0 22px rgba(239,23,33,.55);border-radius:8px;padding:9px 16px;font-weight:900}.post-cover h2{font-size:33px;line-height:.98;margin:0;max-width:280px}.post-body{padding:20px}.post-meta{color:var(--red);font-size:11px;font-weight:800}.post-body h3{font-size:22px;margin:7px 0}.post-body p{color:#aeb9bd;margin:0 0 18px}.read-link{color:#fff;font-weight:800;font-size:13px}.read-link span{color:var(--red)}
@media(max-width:1050px){.quick-grid{grid-template-columns:repeat(5,1fr)}.ai-box{grid-template-columns:1fr}.ai-tasks{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.hero-grid,.lead-capture{grid-template-columns:1fr}.category-grid,.tools-two,.stack-grid{grid-template-columns:1fr}.tools-three{grid-template-columns:1fr}.hero h1{font-size:48px}.nav{display:none}.quick-grid{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:1fr}.map-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container{width:min(100% - 28px,var(--max))}.section{padding:42px 0}.hero{padding:42px 0}.hero h1{font-size:40px}.hero p{font-size:16px}.section-title{font-size:28px}.quick-grid{grid-template-columns:repeat(2,1fr)}.ai-tasks{grid-template-columns:repeat(2,1fr)}.lead-capture h3{font-size:20px}.stack-form{grid-template-columns:1fr}.footer-row{align-items:flex-start;flex-direction:column}.footer-nav{flex-wrap:wrap}.blog-hero h1{font-size:40px}.method-btn{font-size:12px}}

/* V33 — logos das ferramentas alinhadas ao PDF premium */
.logo-badge.logo-image{padding:0;border:0;background:transparent;overflow:hidden;flex:0 0 38px}
.logo-badge.logo-image img{width:38px;height:38px;display:block;object-fit:contain;border-radius:9px}
.logo-pair{height:38px;display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.logo-pair img{width:38px;height:38px;display:block;object-fit:contain;border-radius:9px}
.logo-pair span{font-size:13px;font-weight:800;color:#9eaaae;line-height:1}
.quick-card .logo-pair{gap:3px}
.quick-card .logo-pair img{width:31px;height:31px;border-radius:7px}
.quick-card .logo-pair span{font-size:11px}
@media(max-width:720px){.logo-pair img{width:34px;height:34px}.logo-pair{height:34px}.quick-card .logo-pair img{width:30px;height:30px}}
